/* Separate brand compositions; shared primitives only. Layers: sticky header 10, native dialog top layer. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.55 'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.065em;line-height:1}h1{font-size:clamp(55px,6.8vw,106px)}h2{font-size:clamp(40px,5.4vw,80px)}h3{font-size:28px;font-weight:400;letter-spacing:-.03em}nav{display:flex;gap:28px;font-size:13px}header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:10;background:var(--bg)}header>a:last-child{font-size:13px}.label{font-size:11px;text-transform:uppercase;letter-spacing:.15em}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}.text-link{display:inline-block;border-bottom:1px solid;padding:12px 0;font-size:14px}.demo-note{font-size:11px;opacity:.75}.demo-footer{padding:30px 4%;display:flex;gap:24px;justify-content:space-between;font-size:11px;border-top:1px solid #8885}.demo-footer a{text-decoration:underline}details{padding:22px 0;border-bottom:1px solid #8885}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:30px}summary::-webkit-details-marker{display:none}details p{max-width:440px;margin-top:20px;font-size:15px}details[open] summary span{transform:rotate(45deg)}summary span{transition:transform .2s}.image-expand{padding:0;border:0;background:none;position:relative;width:100%;text-align:left}.image-expand span{display:block;margin-top:14px;font-size:12px}.zoom-dialog{padding:14px;border:0;background:#15181c;color:#eee;max-width:95vw;max-height:95dvh}.zoom-dialog::backdrop{background:#101216e8}.zoom-dialog img{max-height:80dvh;object-fit:contain}.zoom-dialog button{display:block;background:none;border:1px solid #eee;padding:8px 16px;margin:10px 0 0 auto}
/* ORBIT: cinematic spatial portfolio with an oversized typographic horizon. */
.orbit{--bg:#11161b;--fg:#e8edeb;--accent:#d3e886}.orbit-logo{font-size:23px;letter-spacing:.08em;font-weight:600}.orbit .nav-action{border:1px solid #75817e;padding:10px 18px}.orbit-hero{position:relative;min-height:720px;height:calc(100svh - 80px);max-height:1100px;isolation:isolate;overflow:hidden}.orbit-hero>img{position:absolute;height:100%;inset:0;z-index:-2;object-position:center 48%}.orbit-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10171a9c,transparent 85%),linear-gradient(0deg,#10171abf,transparent 48%);z-index:-1}.orbit-title{padding:45px 4%;max-width:650px}.orbit-title h1{font-size:clamp(60px,6vw,90px)}.orbit-title p{margin:22px 0;font-size:16px}.orbit-link{display:flex;align-items:center;justify-content:space-between;width:max-content;gap:50px;border-bottom:1px solid #c3cec7;padding:12px 0}.orbit-link span{font-size:27px;color:var(--accent)}.orbit-word{position:absolute;bottom:-.09em;left:2%;font-weight:600;letter-spacing:-.065em;font-size:28vw;line-height:.85;pointer-events:none;color:#e5ece1}.orbit-project{padding:110px 5%;display:grid;grid-template-columns:1fr 1.5fr;gap:9%}.project-heading .label{margin-bottom:30px;color:#c1d195}.project-study{padding-top:100px}.project-study img{aspect-ratio:1.4;object-position:50% 25%}.project-description{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-top:30px}.project-description p{color:#b9c2c4;font-size:14px}.orbit-practice{padding:70px 5% 110px;display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.practice-accordion summary{font-size:23px}.practice-accordion details:first-child{padding-top:0}.orbit-contact{padding:90px 5% 100px;background:#1a2329}.orbit-contact p{margin-bottom:30px}.orbit-contact h2{font-size:clamp(60px,10vw,150px)}.orbit-contact a{margin:35px 0 0 auto}
/* FORME: print-like fashion composition with overlapping, unequal photographs. */
.forme{--bg:#f0f0ed;--fg:#282926}.forme-nav{border-bottom:1px solid #c7c9c4}.forme-logo{font:60px/.8 Georgia,serif;letter-spacing:-.08em;position:absolute;left:50%;transform:translateX(-50%)}.forme-hero{position:relative;display:grid;grid-template-columns:1.2fr .55fr 1fr;min-height:690px;padding:48px 5% 65px;gap:20px}.forme-intro{padding-top:36px;z-index:1}.forme-intro>p{font-size:13px;margin-bottom:30px}.forme-intro h1{font:clamp(60px,7.3vw,110px)/.98 Georgia,serif;letter-spacing:-.07em}.forme-intro a{margin-top:30px}.forme-worn{grid-column:3;grid-row:1 / span 2;height:565px}.forme-worn img{height:100%}.forme-still{grid-column:2;grid-row:1;align-self:end;width:155%;margin-left:-15%;margin-bottom:-60px;z-index:1}.forme-still img{aspect-ratio:4/5}.forme-still figcaption{font-size:10px;letter-spacing:.14em;margin-top:12px}.forme-hero-note{font-size:13px;margin-top:90px}.forme-collection{padding:90px 8%}.forme-collection-heading{max-width:600px;margin-bottom:65px}.forme-collection-heading h2{font-family:Georgia,serif}.forme-collection-heading p{margin-top:24px}.forme-product{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:center}.forme-product-image>img{aspect-ratio:4/5;max-height:680px}.photo-switch{display:flex;gap:20px;margin-top:20px}.photo-switch button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;font-size:12px}.photo-switch [aria-pressed=true]{border-color:currentColor}.forme-product-info h3{font:48px Georgia,serif;letter-spacing:-.05em}.product-material{font-size:12px;margin:15px 0 30px}.forme-product-info>p:not(.product-material){font-size:14px}.forme-product-info .text-link{margin-top:25px}.forme-product-info .demo-note{margin-top:30px}.forme-essay{padding:70px 12% 100px;text-align:center}.forme-mini{display:block;font:140px/.8 Georgia,serif;margin-bottom:60px}.forme-essay h2{font-family:Georgia,serif}.forme-essay p{max-width:510px;margin:30px auto 0;font-size:17px}.forme-care{padding:60px 12% 100px;max-width:1000px;margin:auto}.forme-care h2{font:48px/1.1 Georgia,serif;margin-bottom:40px}.forme-care summary{font-size:18px}
/* VESPER: product-first storefront, with a photographic selector and scent exploration. */
.vesper{--bg:#e7ecdf;--fg:#28352b;--accent:#28352b}.vesper-nav{border-bottom:1px solid #28352b40}.vesper-logo{font:28px Georgia,serif;letter-spacing:.2em}.vesper-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:0;min-height:680px}.vesper-photo{position:relative;min-width:0}.vesper-photo>img{height:100%;max-height:760px;min-height:680px;object-position:center}.vesper-thumbs{position:absolute;bottom:24px;left:24px;display:flex;gap:10px}.vesper-thumbs button{padding:3px;border:1px solid transparent;background:#e7ecdf;width:55px;height:70px}.vesper-thumbs button[aria-pressed=true]{outline:2px solid #e7ecdf;outline-offset:3px}.vesper-thumbs img{height:100%}.vesper-product{padding:60px 11% 45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.vesper-product h1{font-size:clamp(55px,5.7vw,86px);margin-top:25px}.vesper-sub{font-size:21px;margin:30px 0 20px}.vesper-product>p:not(.label):not(.vesper-sub):not(.demo-note){font-size:14px;line-height:1.8}.vesper-button{display:flex;justify-content:space-between;gap:30px;background:var(--fg);color:var(--bg);padding:19px 22px;width:100%;margin:35px 0;font-size:14px}.scent-preview{display:flex;gap:20px;font-size:10px;letter-spacing:.1em;margin-bottom:25px}.vesper-campaign{padding:100px 4%}.vesper-campaign-title{margin-bottom:60px}.vesper-campaign-title p{margin-top:24px}.vesper-film{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:30px;align-items:start}.vesper-film figure:nth-child(2){margin-top:95px}.vesper-film figure:nth-child(3){margin-top:190px}.vesper-film img{aspect-ratio:3/4}.vesper-film figcaption{font-size:12px;margin-top:15px}.vesper-notes{text-align:center;padding:40px 5% 100px}.vesper-notes h2{font-size:clamp(60px,8vw,110px)}.scent-selector{display:flex;justify-content:center;gap:35px;margin:45px auto 25px}.scent-selector button{font-size:20px;border:0;border-bottom:1px solid transparent;padding:10px 0;background:none;opacity:.65}.scent-selector button[aria-pressed=true]{opacity:1;border-color:currentColor}#scent-description{max-width:400px;min-height:75px;margin:auto}.vesper-notes .text-link{margin-top:25px}
@media(prefers-reduced-motion:no-preference){a,button{transition:opacity .2s,transform .2s}a:hover,button:hover{opacity:.8}button:active{transform:scale(.98)}.hero h1{animation:arrive .8s both}.hero img{animation:photo-in 1s both}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal-ready.in-view{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes photo-in{from{opacity:.3}to{opacity:1}}}
@media(max-width:760px){header{height:68px;padding:0 20px;gap:14px}nav{gap:16px;font-size:11px}header>a:last-child{font-size:11px}.orbit .nav-action{display:none}.orbit-logo{font-size:18px}.orbit-hero{min-height:620px;height:calc(100svh - 68px)}.orbit-title{padding:38px 24px}.orbit-title h1{font-size:60px}.orbit-word{font-size:28vw;bottom:15px}.orbit-project{display:block;padding:65px 24px}.project-study{padding-top:40px}.project-description{grid-template-columns:1fr;gap:15px}.orbit-practice{display:block;padding:20px 24px 65px}.practice-accordion{margin-top:40px}.orbit-contact{padding:60px 24px}.orbit-contact a{margin-left:0}.forme-nav nav a:nth-child(2){display:none}.forme-logo{font-size:45px}.forme-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px 24px 50px;min-height:0}.forme-intro{grid-column:1/-1;padding:0}.forme-intro h1{font-size:65px}.forme-intro>p{margin-bottom:20px}.forme-intro a{margin-top:18px}.forme-worn{grid-column:2;grid-row:2;height:330px;margin-top:20px}.forme-still{grid-column:1;grid-row:2;width:100%;margin:0;align-self:start;margin-top:75px}.forme-hero-note{display:none}.forme-collection{padding:50px 24px}.forme-collection-heading{margin-bottom:35px}.forme-product{grid-template-columns:1fr;gap:35px}.forme-product-image>img{max-height:480px}.forme-essay{padding:50px 24px}.forme-mini{font-size:100px;margin-bottom:35px}.forme-care{padding:40px 24px 70px}.forme-care h2{font-size:38px}.vesper-nav nav{display:none}.vesper-logo{font-size:21px}.vesper-hero{display:flex;flex-direction:column;min-height:0}.vesper-photo>img{min-height:0;height:450px;max-height:none}.vesper-product{padding:35px 24px 50px}.vesper-product h1{font-size:64px;margin-top:20px}.vesper-campaign{padding:50px 24px}.vesper-film{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding-bottom:20px}.vesper-film figure{flex:0 0 82%;scroll-snap-align:start}.vesper-film figure:nth-child(n){margin-top:0}.vesper-notes{padding:40px 24px 65px}.demo-footer{flex-direction:column;padding:25px 24px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Tap targets on phones */
@media(max-width:1024px){.orbit-nav a,.forme-nav a,.vesper-nav a,.demo-footer a,.text-link,.orbit-link,.vesper-button{display:inline-flex;align-items:center;min-height:44px}.scent-preview span{font-size:11px}}