.hero{--glow-x:74%;--glow-y:50%;--glow-a:.06;z-index:1;isolation:isolate;background-color:var(--forest-950);min-height:100dvh;color:var(--on-dark);align-items:center;display:grid;position:relative;overflow-x:clip}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, #f5f8f200 0%, #f5f8f28c 55%, var(--paper) 100%);height:15%;position:absolute;inset:auto 0 0}.hero>.bubbles{z-index:1}.hero-grid{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(40px,4vw,72px);padding-top:112px;padding-bottom:clamp(72px,10vh,120px);display:grid;position:relative}.hero-copy{z-index:3;position:relative}.hero-eyebrow{border-radius:var(--pill);min-height:30px;color:var(--on-dark);font-size:var(--step-small);background:#eef4ef14;align-items:center;padding:0 14px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #eef4ef33}.hero-h{letter-spacing:-.05em;color:var(--on-dark);margin-top:24px;font-size:clamp(2.5rem,1rem + 4.3vw,4.5rem);line-height:.92}.hero-h .line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hero-h .line-in{display:block}.hero-h .serif-i{color:var(--mint);letter-spacing:-.035em;font-weight:400;line-height:1}.hero-text{max-width:34ch;font-size:var(--step-lead);color:var(--on-dark-soft);margin-top:28px;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 32px;margin-top:36px;display:flex}.hero-link{color:var(--on-dark)}.hero :focus-visible{outline-color:var(--mint)}@property --open{syntax:"<number>";inherits:true;initial-value:1}.fan{--dir:1;--card-w:clamp(320px, 37vw, 580px);--fan-radius:32px;z-index:2;justify-items:end;padding-inline-end:clamp(0px,4vw,64px);display:grid;position:relative}[dir=rtl] .fan{--dir:-1}.fan-drift{width:var(--card-w)}.fan-stage{aspect-ratio:4/3;width:100%;margin-top:calc(var(--card-w) * .75 * .3);touch-action:pan-y;position:relative}.fan-card{--x:0%;--y:0%;--r:0deg;--s:1;--dim:0;--deal-i:0;z-index:1;border-radius:var(--fan-radius);color:inherit;transform-origin:50% 85%;transform:translate(calc(var(--x) * var(--open) * var(--dir)), var(--y)) rotate(calc(var(--r) * var(--open) * var(--dir))) scale(var(--s));transition:transform .4s var(--ease-out), opacity .4s var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.fan-card[data-slot="0"]{z-index:4}.fan-card[data-slot="1"]{--x:-9%;--y:-11%;--r:-5deg;--s:.9;--dim:.42;--deal-i:1;z-index:3}.fan-card[data-slot="2"]{--x:8%;--y:-20%;--r:4deg;--s:.84;--dim:.58;--deal-i:2;z-index:2}.fan-card[data-slot="3"]{--x:-13%;--y:-28%;--r:-7deg;--s:.78;--dim:.72;--deal-i:3;z-index:1}.fan-card[data-slot=out]{--x:-46%;--y:4%;--r:-7deg;--s:.95;--dim:.2;z-index:5}.fan-card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity .4s var(--ease-out);position:absolute;inset:6% 5% -1%;box-shadow:0 48px 80px -24px #010805b8,0 18px 36px -16px #01080580}.fan-card[data-slot="0"]:before{opacity:1}.fan-face{border-radius:inherit;background-color:var(--forest-800);transition:transform .4s var(--ease-out);display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 36px -18px #01080599}.fan-face[style]{background-position:50%;background-size:cover}.fan-deferred{opacity:0;transition:opacity .4s}.fan-deferred[data-loaded]{opacity:1}html:not(.hero-js) .fan-deferred{display:none}.fan-face img{object-fit:cover;object-position:var(--pos,50% 50%);pointer-events:none;width:100%;height:100%;display:block}.fan-face:after{content:"";opacity:var(--dim);transition:opacity .4s var(--ease-out);pointer-events:none;background:#05110ccc;position:absolute;inset:0}.fan-face:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #eef4ef1f}.fan-card:active .fan-face{transition-duration:.12s;transform:scale(.97)}.fan-card:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.fan[data-dragging] .fan-face{transition:none}.fan-meta{transition:opacity .6s var(--ease-out) .36s, transform .6s var(--ease-out) .36s;gap:10px;margin-top:clamp(20px,2.6vh,32px);display:grid}.fan-captions{display:grid}.fan-caption{opacity:0;filter:blur(2px);visibility:hidden;transition:opacity .16s var(--ease-out), filter .16s var(--ease-out), transform .16s var(--ease-out), visibility 0s linear .16s;grid-area:1/1;gap:2px;display:grid;transform:translateY(4px)}.fan-caption[data-active]{opacity:1;filter:blur();visibility:visible;transition:opacity .32s var(--ease-out) 80ms, filter .32s var(--ease-out) 80ms, transform .32s var(--ease-out) 80ms, visibility 0s;transform:none}.fan-name{font-size:var(--step-lead);letter-spacing:-.02em;color:var(--on-dark);font-weight:500;line-height:1.25}.fan-sub{font-size:var(--step-small);color:var(--on-dark-soft);flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.fan-view{color:var(--on-dark)}.fan-tabs{margin-inline-start:-12px;display:flex}.fan-tab{-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.fan-dot{background-color:var(--on-dark);opacity:.32;width:8px;height:8px;transition:opacity .2s ease, transform .2s var(--ease-out);border-radius:50%}.fan-tab[data-active] .fan-dot{background-color:var(--mint);opacity:1;transform:scale(1.4)}.fan-tab:active .fan-dot{transform:scale(.97)}.fan-tab[data-active]:active .fan-dot{transform:scale(1.3)}.fan-tab:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}.fan-glow{z-index:-1;pointer-events:none;position:absolute;inset-block:-22% -6%;inset-inline:2% -38%;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0000 100%)}.fan-glow-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.fan-glow-img[data-active]{opacity:.6}@media (hover:hover) and (pointer:fine){.fan-stage:hover{--open:1.14}.fan-card:hover .fan-face{transform:translateY(-8px)}.fan-card:hover:active .fan-face{transform:translateY(-8px)scale(.97)}.fan-tab:hover .fan-dot{opacity:.7}.fan-tab[data-active]:hover .fan-dot{opacity:1}}@media (width<=759.98px),(width>=760px) and (width<=1100px) and (aspect-ratio<=1){.hero{--glow-x:50%;--glow-y:24%;align-items:start}.hero-grid{grid-template-columns:minmax(0,1fr);row-gap:40px;padding-top:96px;padding-bottom:104px}.fan{order:-1;justify-items:center;padding-inline-end:0}.fan-drift{translate:none}.fan-meta{text-align:center;justify-items:center}.fan-sub{justify-content:center}.fan-tabs{margin-inline-start:0}.fan-glow{inset:-18% -40% -4%}.hero:after{height:72px}}@media (width>=760px) and (width<=1100px) and (aspect-ratio<=1){.fan{--card-w:clamp(320px, 62vw, 560px)}}@media (width<=759.98px){.fan{--card-w:82vw;--fan-radius:24px}.fan-card[data-slot="1"]{--x:-6%}.fan-card[data-slot="2"]{--x:6%}.fan-card[data-slot="3"]{opacity:0}.fan-meta{width:100%}.hero-grid{row-gap:32px;padding-top:88px}.hero-h{margin-top:18px}.hero-text{margin-top:20px}.hero-actions{margin-top:28px}}@media (aspect-ratio<=1){.bubbles--hero .bubble-par:nth-child(5){display:none}}.range,.cats{padding-block:clamp(96px,3rem + 5vw,128px)}.statement+.guides,.guides+.quote{padding-top:0}.range-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.range-head h2,.cats-head h2{font-size:var(--step-head);letter-spacing:-.045em}.range-intro,.cats-head p{max-width:44ch;color:var(--ink);margin-top:16px}.range-all{color:var(--ink)}.cats-horeca{border-radius:var(--pill);background:var(--paper-2);color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px 16px;max-width:max-content;margin-top:clamp(28px,3vw,40px);padding:12px 12px 12px 24px;font-weight:500;display:flex}.cats-horeca .link-arrow{color:var(--action)}@media (width<=559.98px){.cats-horeca{border-radius:24px;padding:16px 20px 8px}}.range-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px;margin-top:clamp(56px,6vw,96px);display:grid}.range-card--1 .pv{aspect-ratio:3/4}.range-card--2{margin-top:96px}.range-card--2 .pv{aspect-ratio:1}.range-card--3{margin-top:48px}.range-card--3 .pv{aspect-ratio:4/5}@media (width<=859.98px){.range-cards{grid-template-columns:1fr 1fr;gap:24px 16px}.range-card--2{margin-top:64px}.range-card--3{grid-column:1/-1;margin-top:0}.range-card--3 .pv{aspect-ratio:16/11}}@media (width<=519.98px){.range-cards{grid-template-columns:1fr;gap:40px}.range-card--1 .pv,.range-card--2 .pv,.range-card--3 .pv{aspect-ratio:4/5}.range-card--2{margin-top:0;margin-inline-start:12%}.range-card--3{margin-inline-end:12%}}.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(220px,6rem + 14vw,400px);gap:24px;margin-top:clamp(48px,5vw,72px);display:grid}.tile--large{grid-area:span 2/span 2}.tile--tall{grid-row:span 2}.tile-link{isolation:isolate;border-radius:var(--radius-tile);background-color:var(--forest-950);height:100%;color:var(--on-dark);transition:transform var(--dur-press) var(--ease-out);background-image:radial-gradient(65% 55% at 50% 38%,#bfe3cf1f,#bfe3cf00 100%);text-decoration:none;display:block;position:relative;overflow:hidden}.tile-link img{z-index:-2;object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:transform var(--dur-media) var(--ease-out);position:absolute;inset:0}.tile-link:after,.tile-link:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b211a00 0%,#0b211ab3 45%,#0b211af0 100%);position:absolute;inset:40% 0 0}.tile-link:before{opacity:0;transition:opacity var(--dur-fast) ease;background:linear-gradient(#0b211a00 0%,#0b211a59 60%,#0b211a8c 100%);inset:35% 0 0}.tile-label{transition:transform var(--dur) var(--ease-out);inset-inline:clamp(20px,2.8vw,40px);gap:4px;display:grid;position:absolute;bottom:clamp(20px,2.6vw,36px)}.tile-title{color:var(--on-dark);font-size:var(--step-h3);letter-spacing:-.03em;font-weight:500;line-height:1.15}.tile-meta{font-size:var(--step-small);color:var(--on-dark-soft)}.tile-link:hover{color:var(--on-dark)}.tile-link:active{transform:scale(.98)}.tile-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media (hover:hover) and (pointer:fine){.tile-link:hover img{transform:translateY(-8px)scale(1.05)}.tile-link:hover .tile-label{transform:translateY(-4px)}.tile-link:hover:before{opacity:1}}@media (prefers-reduced-motion:reduce){.tile-link:hover img,.tile-link:hover .tile-label,.tile-link:active{transform:none!important}}@media (width<=859.98px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(200px,40vw,300px);gap:16px}.tile--large{grid-area:span 1/1/auto/-1}.tile--tall{grid-row:span 2}}@media (width<=519.98px){.bento{grid-template-columns:1fr;grid-auto-rows:288px}.tile-link img{object-position:50% 0%}.tile--large,.tile--tall{grid-row:span 1}}.statement{isolation:isolate;background:linear-gradient(180deg, var(--forest-950) 0%, var(--paper) 46%);text-align:center;padding-block:clamp(120px,4rem + 8vw,200px) clamp(120px,5rem + 8vw,192px);position:relative;overflow:hidden}.statement-plate{z-index:-1;opacity:.13;mix-blend-mode:multiply;width:min(1100px,130vw);max-width:none;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.statement-inner{justify-items:center;gap:24px;display:grid}.statement-leaf{fill:none;width:56px;height:56px;stroke:var(--action);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.statement-title{max-width:18ch;font-size:var(--step-statement);letter-spacing:-.05em;color:var(--ink);line-height:1}.statement-title em{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--action);font-style:italic;font-weight:400;display:block}.statement-lead{max-width:52ch;font-size:var(--step-lead);color:var(--ink);line-height:1.6}.statement-more{margin-top:clamp(20px,2.4vw,32px)}@media (prefers-reduced-motion:no-preference){.statement-leaf[data-reveal]{--d:0s;transition-timing-function:var(--ease-floria)}.statement-leaf[data-reveal].is-pending{transform:scale(.8)}.statement h2[data-reveal]{--d:.2s}.statement h2[data-reveal].is-pending{transform:translateY(30px)}.statement p[data-reveal]{--d:.4s}.statement p[data-reveal].is-pending{transform:none}.hero-h .line-in{animation:line-up .9s var(--ease-out) both}.hero-h .line:nth-child(2) .line-in{animation-delay:80ms}.hero-eyebrow,.hero-text,.hero-actions{animation:rise-in var(--dur-enter) var(--ease-out) both}.hero-eyebrow{animation-delay:0s}.hero-text{animation-delay:.24s}.hero-actions{animation-delay:.32s}}@keyframes line-up{0%{transform:translateY(105%)}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.hero-h .line-in,.hero-eyebrow,.hero-text,.hero-actions{animation:.2s ease-out both fade-in}.fan-card,.fan[data-mode] .fan-card,.fan-face,.fan-card:before,.fan-face:after{transition:opacity .2s}.fan-stage:hover{--open:1}.fan-card:hover .fan-face,.fan-card:active .fan-face{transform:none}.fan-caption,.fan-caption[data-active]{filter:none;transform:none}}.fan[data-mode=deal] .fan-card{transition:transform 1.1s var(--ease-floria) calc(var(--deal-i) * 90ms), opacity .7s var(--ease-floria) calc(var(--deal-i) * 90ms)}.fan[data-mode=auto] .fan-card{transition:transform .75s var(--ease-in-out), opacity .75s var(--ease-in-out)}.fan[data-mode=auto] .fan-card[data-leaving]{transition-duration:.42s}.fan[data-mode=user] .fan-card{transition:transform .28s var(--ease-out), opacity .28s var(--ease-out)}.fan[data-mode=user] .fan-card[data-leaving]{transition-duration:.16s}.fan[data-mode=user] .fan-card:before,.fan[data-mode=user] .fan-face:after{transition-duration:.28s}@media (prefers-reduced-motion:no-preference){.hero-js .fan:not([data-dealt]) .fan-card{transform:translateY(24px)}.hero-js .fan:not([data-dealt]) .fan-card:not([data-slot="0"]){transform:translateY(24px)scale(.94)}.hero-js .fan:not([data-dealt]) .fan-meta{opacity:0;transform:translateY(8px)}.hero-js .fan:not([data-dealt]) .fan-card:not([data-slot="0"]){opacity:0}@supports (animation-timeline:scroll()){.fan-drift,.fan-glow,.fan-card{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}.fan-drift{animation-name:fan-drift}.fan-glow{animation-name:fan-glow-fade}.fan-card{animation-name:fan-spread}}}@keyframes fan-drift{to{transform:translateY(-8vh)}}@keyframes fan-glow-fade{to{opacity:0}}@keyframes fan-spread{to{rotate:calc(var(--r) * .35 * var(--dir))}}.tile-link img.is-photo{object-position:42% 62%}@media (width<=559.98px){.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}}
