:root{--ink:#151515;--bone:#f0eee8;--acid:#d6ff42;--violet:#bcb4ff;--peach:#ff785d;--line:rgba(21,21,21,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:Manrope,sans-serif}.header{height:84px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;inset:0 0 auto}.wordmark{font-weight:800;letter-spacing:-.1em;font-size:1.7rem;text-decoration:none;color:inherit}.wordmark span{font:500 .48rem/1 "DM Mono";vertical-align:top;margin-left:3px;letter-spacing:0}.nav{display:flex;gap:2rem}.nav a,.portal-link,footer a{font:500 .72rem "DM Mono";color:inherit;text-decoration:none;text-transform:uppercase}.nav a:hover,.portal-link:hover,footer a:hover{opacity:.5}.portal-link{border-bottom:1px solid;padding-bottom:3px}.hero{min-height:100svh;padding:142px 3.5vw 34px;position:relative;overflow:hidden;background:var(--bone)}.index-label{font:500 .65rem "DM Mono";letter-spacing:.04em;margin:0;text-transform:uppercase}.hero-copy{position:relative;z-index:2;margin-top:clamp(5rem,14vh,10rem)}.hero h1,.statement h2,.contact h2{font-size:clamp(4.1rem,10.7vw,11.5rem);line-height:.79;letter-spacing:-.095em;margin:0;font-weight:700}.hero h1 em,.statement h2 em,.contact h2 em{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.09em}.hero-copy>p{max-width:295px;font-size:.95rem;line-height:1.45;margin:2.5rem 0 0}.hero-visual{position:absolute;width:min(49vw,700px);aspect-ratio:1;right:4vw;top:15%;overflow:hidden;border-radius:50%;background:var(--acid);transform:rotate(-8deg)}.hero-visual img{height:100%;width:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.8) contrast(1.05);transform:rotate(8deg) scale(1.17)}.hero-visual span{position:absolute;bottom:10%;left:9%;font:500 .62rem "DM Mono";letter-spacing:.06em}.scroll-cue{position:absolute;z-index:3;bottom:34px;right:3.5vw;display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font:500 .65rem "DM Mono";text-transform:uppercase}.scroll-cue b{border:1px solid;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:1rem}.case-selector{background:var(--ink);color:var(--bone);padding:32px 3.5vw 38px;min-height:100svh}.case-topline{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff40;padding-bottom:12px}.case-count{font:500 .65rem "DM Mono";margin:0}.case-stage{min-height:calc(100svh - 125px);display:grid;grid-template-columns:21% 45% 34%;align-items:center}.case-list{display:flex;flex-direction:column;align-items:flex-start}.case-choice{background:none;border:0;color:#ffffff55;padding:9px 0;text-align:left;cursor:pointer;font:600 clamp(1.1rem,1.7vw,1.65rem) Manrope;letter-spacing:-.07em;transition:.25s}.case-choice span{font:400 .6rem "DM Mono";display:inline-block;width:30px;vertical-align:middle;letter-spacing:0}.case-choice.is-active,.case-choice:hover{color:var(--bone);transform:translateX(8px)}.product-view{height:min(47vw,650px);display:grid;place-items:center;position:relative}.product-orbit{position:absolute;border:1px solid #ffffff2c;border-radius:50%}.orbit-a{width:78%;aspect-ratio:1}.orbit-b{width:56%;aspect-ratio:1;border-style:dashed;animation:spin 24s linear infinite}.product-card{width:min(63%,355px);aspect-ratio:.73;background:var(--violet);color:var(--ink);padding:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;box-shadow:15px 19px 0 #fff1;transition:background .4s,transform .4s}.product-card.is-switching{transform:scale(.9) rotate(5deg);opacity:.2}.product-card p{font:500 .57rem "DM Mono";margin:0}.product-card img{width:100%;height:63%;object-fit:cover;margin:auto 0;mix-blend-mode:multiply;transition:object-position .45s}.product-card figcaption{display:flex;justify-content:space-between;align-items:end;font-size:.62rem;line-height:1.3}.product-card figcaption b{max-width:115px}.product-card figcaption span{font-size:1.5rem}.drag-hint{position:absolute;bottom:5%;font:400 .58rem "DM Mono";letter-spacing:.04em;text-transform:uppercase;color:#ffffff70}.case-info{padding-left:7%;max-width:390px}.case-kicker{font:500 .63rem "DM Mono";text-transform:uppercase;margin:0 0 18px}.case-info h2{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.1em;line-height:.8;margin:0}.case-info>p:not(.case-kicker){font-size:.87rem;line-height:1.55;max-width:285px;margin:27px 0}.case-link{color:var(--bone);font:500 .72rem "DM Mono";text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.case-link span{margin-left:23px}.case-progress{height:1px;background:#ffffff35;position:relative}.case-progress i{height:100%;display:block;background:var(--acid);width:20%;transition:width .4s}.statement{padding:12rem 3.5vw;background:var(--violet)}.statement h2{font-size:clamp(3.2rem,8.2vw,9rem);margin:6rem 0 8rem}.statement-grid{margin-left:53%;max-width:390px}.statement-grid p{font-size:1.1rem;line-height:1.45;margin:0 0 3rem}.line-link{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;font:500 .7rem "DM Mono";text-transform:uppercase}.line-link span{margin-left:40px}.principles{padding:0 3.5vw;background:var(--bone)}.principle{display:grid;grid-template-columns:10% 48% 1fr;border-top:1px solid var(--line);padding:23px 0;align-items:baseline}.principle:last-child{border-bottom:1px solid var(--line)}.principle span{font:500 .64rem "DM Mono"}.principle h3{font-size:clamp(1.6rem,3.4vw,3.7rem);letter-spacing:-.08em;margin:0}.principle p{margin:0;max-width:250px;font-size:.85rem;line-height:1.45}.contact{background:var(--peach);padding:10rem 3.5vw 4rem;min-height:82vh;position:relative}.contact h2{font-size:clamp(4rem,9.5vw,10.5rem);margin:5.5rem 0 4rem}.email{display:flex;justify-content:space-between;color:inherit;text-decoration:none;border-bottom:2px solid;padding-bottom:10px;font-size:clamp(1.3rem,3.1vw,3rem);letter-spacing:-.08em}.email span{font-size:.7em}.contact-note{position:absolute;bottom:40px;right:3.5vw;font:400 .65rem/1.5 "DM Mono";text-transform:uppercase}footer{padding:22px 3.5vw;background:var(--peach);border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center}footer .wordmark{font-size:1.1rem}footer p{font:400 .6rem "DM Mono";margin:0}.cursor-glow{position:fixed;z-index:20;width:320px;height:320px;border-radius:50%;background:#d6ff4210;pointer-events:none;mix-blend-mode:difference}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.header{height:64px}.nav{display:none}.portal-link{font-size:.6rem}.hero{padding-top:104px}.hero-copy{margin-top:7rem}.hero h1{font-size:clamp(3.9rem,18vw,7rem)}.hero-visual{width:82vw;right:-21vw;top:22%}.hero-copy>p{margin-top:2rem;width:210px}.case-selector{padding-top:24px}.case-stage{grid-template-columns:1fr;min-height:0;padding:35px 0}.case-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;order:2;margin-top:20px}.case-choice{font-size:1rem}.product-view{height:90vw;order:1}.product-card{width:53%}.case-info{padding:0;order:3;margin-top:32px}.case-info h2{font-size:4rem}.drag-hint{bottom:0}.statement{padding:7rem 5vw}.statement h2{margin:4rem 0 5rem;font-size:3.6rem}.statement-grid{margin:0}.principle{grid-template-columns:15% 1fr;padding:20px 0}.principle p{grid-column:2;margin-top:13px}.contact{padding:7rem 5vw 8rem;min-height:74vh}.contact h2{font-size:4rem;margin:4rem 0}.contact-note{left:5vw;bottom:30px;right:auto}footer{padding:18px 5vw;gap:15px;align-items:flex-start;flex-direction:column}}
