.hero{position:relative;display:grid;place-items:center;height:100svh;min-height:540px;background:var(--char);overflow:hidden}@media(orientation:portrait){.hero--whole .hero__media{background:linear-gradient(to bottom,color-mix(in srgb,var(--hero-edge-top, var(--char)) 88%,#000) 0%,var(--hero-edge-top, var(--char)) calc(50% - 66vw),var(--hero-edge-bottom, var(--char)) calc(50% + 66vw),color-mix(in srgb,var(--hero-edge-bottom, var(--char)) 88%,#000) 100%)}.hero--whole .hero__slide{top:50%;bottom:auto;height:132vw;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 95%,transparent 100%)}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media video,.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__slide{opacity:0;transition:opacity 1.4s var(--ease)}.hero__slide.is-active{opacity:1}.hero__holding{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 8%,rgba(243,241,236,.13),transparent 62%),radial-gradient(80% 60% at 50% 108%,rgba(243,241,236,.07),transparent 70%),var(--char)}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#12120f75,#12120f1f 42%,#12120f94)}.hero--bright .hero__scrim{background:linear-gradient(to bottom,#12120f99,#12120f00 34%,#12120f00 58%,#12120f99)}.hero__logo{position:relative;z-index:2;height:clamp(96px,17svh,178px);width:auto}.hero__logo--wide{height:clamp(64px,11.4svh,119px)}.hero__logo--tall{height:clamp(133px,23.6svh,247px)}.hero__logo--solo{width:min(560px,62vw);height:auto;max-height:44svh;object-fit:contain}.hero__logo--knockout{filter:invert(1)}.hero__logo--white{filter:brightness(0) invert(1)}.hero__back{position:absolute;z-index:3;inset:calc(var(--nav-h) + 4px) auto auto var(--gutter);display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 13px;border:1px solid rgba(243,241,236,.32);border-radius:999px;color:var(--on-dark);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;transition:background .26s var(--ease),border-color .26s var(--ease)}.hero__back:hover{background:#f3f1ec24;border-color:var(--on-dark)}.hero__back span{display:block;transition:transform .3s var(--ease-out)}.hero__back:hover span{transform:translate(-3px)}@media(max-width:560px){.hero__back{inset:calc(var(--nav-h) - 4px) auto auto var(--gutter)}}.hero__foot{position:absolute;z-index:2;inset:auto var(--gutter) clamp(22px,3.5vh,40px);display:flex;align-items:end;justify-content:space-between;gap:24px;color:var(--on-dark)}.hero__foot .label{color:var(--on-dark-60)}.hero__cue{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--on-dark-60)}.hero__cue:after{content:"";width:46px;height:1px;background:currentColor;transform-origin:left;animation:cue 2.6s var(--ease) infinite}@keyframes cue{0%,to{transform:scaleX(.25);opacity:.5}50%{transform:scaleX(1);opacity:1}}@media(max-width:560px){.hero__cue{display:none}}.case-title{padding-block:clamp(64px,13vh,150px) clamp(28px,5vh,52px);text-align:center}.case-title .label{margin-bottom:clamp(20px,3.5vh,34px)}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px clamp(18px,3vw,44px);padding:16px 0 0;margin:0 0 clamp(72px,13vh,150px);border-top:1px solid var(--line)}.case-meta>div{display:flex;align-items:baseline;gap:10px}.case-meta dt{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-45);white-space:nowrap}.case-meta dd{margin:0;font-size:13px}@media(max-width:760px){.case-meta{grid-template-columns:repeat(2,1fr)}}.brief{padding-bottom:var(--section)}.brief__label{grid-column:1 / 3}.brief__body{grid-column:4 / 11;display:flex;flex-direction:column;gap:22px}@media(max-width:900px){.brief__label{grid-column:1 / -1;margin-bottom:14px}.brief__body{grid-column:1 / -1}}.break{margin:0 0 var(--section)}.work .break{margin-bottom:clamp(48px,9vh,104px)}.break__frame{overflow:hidden;background:var(--paper-raised)}.break__frame img{width:100%;height:100%;object-fit:cover;display:block}.break--full .break__frame{aspect-ratio:16 / 9}.break--tall .break__frame{aspect-ratio:5 / 4}.break--tall .break__frame img{object-position:center 38%}@media(max-width:760px){.break--tall .break__frame{aspect-ratio:4 / 5}}.break--two{display:grid;grid-template-columns:7fr 5fr;gap:clamp(12px,1.5vw,26px);align-items:end}.break--two .break__frame:first-child{aspect-ratio:4 / 3}.break--two .break__frame:last-child{aspect-ratio:1 / 1}.break--portrait{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,26px)}.break--portrait .break__frame{aspect-ratio:4 / 5}.break--portrait .break__frame:last-child{margin-top:clamp(28px,7vw,96px)}@media(max-width:760px){.break--two,.break--portrait{grid-template-columns:1fr}.break--portrait .break__frame:last-child{margin-top:0}}.break figcaption{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:14px;grid-column:1 / -1}.next{position:relative;display:flex;align-items:center;min-height:78svh;padding-block:clamp(64px,12vh,120px);border-top:1px solid var(--line);overflow:hidden}.next__link{display:block;width:100%}.next .label{margin-bottom:clamp(18px,3vh,30px)}.next__name{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(44px,9vw,132px);line-height:.92;letter-spacing:-.02em}.next__foot{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:baseline;padding-top:clamp(26px,5vh,48px);margin-top:clamp(26px,5vh,48px);border-top:1px solid var(--line)}.next__cue{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.next__cue span{transition:transform .34s var(--ease-out)}.next__link:hover .next__cue span{transform:translate(5px)}.dossier{padding-block:clamp(56px,9vh,116px) var(--section)}.dossier__title{grid-column:1 / -1;margin-bottom:clamp(36px,6vh,76px)}.dossier__title .label{margin-bottom:clamp(18px,3vh,30px)}.dossier__lead{grid-column:1 / 7}.dossier__lead .body{margin-top:22px;max-width:54ch}.dossier__facts{grid-column:9 / -1;margin:0}.fact{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line-soft);font-size:13px}.fact:last-of-type{border-bottom:1px solid var(--line-soft)}.fact dt{color:var(--ink-45);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500;padding-top:2px}.fact dd{margin:0;text-align:right}@media(max-width:760px){.dossier__lead,.dossier__facts{grid-column:1 / -1}.dossier__facts{margin-top:clamp(40px,7vh,64px)}}.work{padding-bottom:var(--section)}.work__note{grid-column:1 / 6;margin:clamp(28px,5vh,52px) 0 clamp(44px,8vh,88px)}@media(max-width:760px){.work__note{grid-column:1 / -1}}.apparel{align-items:start}.garment{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.apparel .garment:nth-of-type(1){grid-column:1 / 8}.apparel .garment:nth-of-type(2){grid-column:9 / 13;margin-top:clamp(48px,11vw,168px)}@media(max-width:760px){.apparel .garment:nth-of-type(1){grid-column:1 / -1}.apparel .garment:nth-of-type(2){grid-column:1 / -1;margin-top:clamp(36px,8vh,64px)}}.tee-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:clamp(20px,5vw,56px);max-width:760px;margin-inline:auto;padding:clamp(36px,7vh,72px) clamp(24px,5vw,56px);background:var(--paper-raised)}.tee-row .garment{flex:1 1 180px;max-width:240px}.garment__stage{position:relative;display:block;width:100%;margin-inline:auto}.garment__stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .9s var(--ease-out),opacity .62s var(--ease)}.garment__back{opacity:0;transform:translate(7%)}.garment.is-turned .garment__front{opacity:0;transform:translate(-7%)}.garment.is-turned .garment__back{opacity:1;transform:translate(0)}.garment__caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0 0;border-top:1px solid var(--line);margin-top:18px}.garment__name{font-size:13px;font-weight:500;letter-spacing:.02em}.garment__side{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-45)}.garment__side:after{content:"Front"}.garment.is-turned .garment__side:after{content:"Back"}.garment--rear-first .garment__side:after{content:"Rear"}.garment--rear-first.is-turned .garment__side:after{content:"Front"}.garment__stage--pending{display:grid;place-items:center;border:1px solid var(--line);background:repeating-linear-gradient(-45deg,transparent 0 11px,rgba(23,23,20,.045) 11px 12px)}.garment__stage--pending p{margin:0;max-width:22ch;text-align:center;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-45)}.showcase{align-items:center;padding-bottom:var(--section)}.showcase__media{grid-column:1 / 7;width:100%;max-width:620px}.showcase__note{grid-column:9 / -1}.showcase--reverse .showcase__media{grid-column:7 / -1;margin-inline-start:auto;order:2}.showcase--reverse .showcase__note{grid-column:1 / 5;order:1}.showcase__note .display--sm{margin-top:clamp(12px,2vh,20px)}.showcase__note .lead{margin-top:clamp(16px,2.8vh,26px);font-size:clamp(15px,1.15vw,17px);line-height:1.5;max-width:40ch}.showcase__note .body{margin-top:14px;font-size:13px;line-height:1.62;max-width:54ch}@media(max-width:900px){.showcase__media,.showcase__note,.showcase--reverse .showcase__media,.showcase--reverse .showcase__note{grid-column:1 / -1}.showcase--reverse .showcase__media{margin-inline-start:0}.showcase__note{margin-bottom:clamp(32px,6vh,56px);order:1}.showcase__media{order:2}}.tee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.6vw,44px) clamp(20px,3vw,54px);margin:0}.tee-grid__item{margin:0}.tee-grid img{width:100%;height:auto;transition:transform .62s var(--ease-out)}@media(hover:hover){.tee-grid__item:hover img{transform:translateY(-6px) scale(1.015)}}.panel{display:flex;flex-direction:column;gap:clamp(36px,6vh,76px);min-height:100svh;padding:clamp(60px,11vh,124px) var(--gutter) clamp(26px,4vh,44px);background:var(--paper);color:var(--ink);transition:background 1s var(--ease),color 1s var(--ease)}.panel.is-lit{background:var(--panel-bg);color:var(--panel-ink, var(--on-dark))}.panel__stage{display:grid;place-items:center;flex:1}.panel__mark{height:clamp(140px,22svh,280px);width:auto;max-width:78vw;object-fit:contain;opacity:0;transform:scale(.94);transition:opacity .9s var(--ease-out) .22s,transform 1.1s var(--ease-out) .22s}.panel.is-lit .panel__mark{opacity:1;transform:none}.panel__note{display:grid;grid-template-columns:repeat(12,1fr);gap:20px var(--col-gap);opacity:0;transition:opacity .9s var(--ease) .42s}.panel.is-lit .panel__note{opacity:1}.panel__note-head{grid-column:1 / 7}.panel .display--sm{font-size:clamp(34px,4.4vw,64px)}.panel__scope{grid-column:9 / -1;align-self:end;text-align:right}.panel__scope p+p{margin:6px 0 0;font-size:13px;letter-spacing:.02em}@media(max-width:760px){.panel__scope{text-align:left}}.panel .label,.panel .body{color:inherit;opacity:.72}@media(max-width:760px){.panel__note-head,.panel__scope{grid-column:1 / -1}}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px}.rail{display:flex;gap:clamp(10px,1.2vw,20px);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.rail::-webkit-scrollbar{display:none}.rail figure{flex:0 0 auto;height:clamp(200px,32svh,380px);margin:0;scroll-snap-align:start;overflow:hidden}.rail img{width:auto;height:100%;max-width:none}.rail-nav{display:flex;gap:8px}.rail-nav[hidden]{display:none}.rail-nav button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;font-size:14px;line-height:1;cursor:pointer;opacity:.72;transition:background .26s var(--ease),color .26s var(--ease),opacity .26s var(--ease)}.rail-nav button:hover:not(:disabled){opacity:1;background:currentColor}.rail-nav button:hover:not(:disabled) span{color:var(--panel-bg, var(--paper))}.rail-nav button:disabled{opacity:.28;cursor:default}@media(max-width:560px){.rail-nav{display:none}}@media(prefers-reduced-motion:reduce){.panel{background:var(--panel-bg);color:var(--panel-ink, var(--on-dark))}.panel__mark,.panel__note{opacity:1;transform:none}}html:not(.js) .panel{background:var(--panel-bg);color:var(--panel-ink, var(--on-dark))}html:not(.js) .panel__mark,html:not(.js) .panel__note{opacity:1;transform:none}.gallery{padding-top:var(--section)}.masonry{columns:4;column-gap:clamp(12px,1.5vw,26px);padding-bottom:var(--section)}.masonry figure{break-inside:avoid;margin:0 0 clamp(12px,1.5vw,26px);background:var(--paper-raised);overflow:hidden}.masonry img{width:100%;height:auto;transition:transform .9s var(--ease-out)}@media(hover:hover){.masonry figure:hover img{transform:scale(1.03)}}@media(max-width:1200px){.masonry{columns:3}}@media(max-width:900px){.masonry{columns:2}}@media(max-width:560px){.masonry{columns:1}}.reel{position:relative;max-width:860px;margin-inline:auto;aspect-ratio:3 / 2;max-height:60vh;overflow:hidden;background:var(--paper-raised)}.reel__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease)}.reel__slide.is-active{opacity:1}.reel__timer{position:absolute;z-index:2;inset:auto 0 0 0;height:3px;background:#12120f52}.reel__timer-bar{display:block;width:100%;height:100%;background:var(--paper);transform-origin:left;transform:scaleX(0)}.reel__timer-bar.is-running{animation:reel-progress var(--reel-interval, 5.2s) linear}@keyframes reel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.reel{max-height:50vh}}@media(prefers-reduced-motion:reduce){.reel__timer{display:none}}.still{margin:0;padding-bottom:var(--section)}.work .still{margin-top:clamp(40px,7vh,80px);padding-bottom:0}.still__frame{background:var(--paper-raised);overflow:hidden}.still__frame img{width:100%;height:auto}.still figcaption{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:14px;margin-top:0}
