:root{
  --linen:#ECE6DC; --linen-2:#E2DACD; --paper:#F5F1EA;
  --ink:#17140F; --ink-2:#4A443B; --mute:#8C8275;
  --sea:#14232C; --sea-2:#1C313C;
  --brass:#A8834A; --brass-2:#C9A46A;
  --serif:"Bodoni Moda",ui-serif,Didot,Georgia,serif;
  --sans:"Inter Tight",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.1,1);
  --gut:clamp(16px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--linen);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-loading{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-optical-sizing:auto}
.serif em,em.serif{font-style:italic}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.small{font-size:10px;color:var(--mute);line-height:1.7}
.link{text-decoration:underline;text-underline-offset:3px;color:var(--brass)}
::selection{background:var(--brass);color:var(--paper)}

/* arch motif */
.arch{border-radius:999px 999px 0 0;overflow:hidden;position:relative}
.arch--soft{border-radius:220px 220px 18px 18px}

/* grain */
.grain{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;pointer-events:none;z-index:90;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* LOADER */
.loader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:var(--sea);color:var(--linen);display:grid;place-items:center;align-content:center;gap:22px;transition:clip-path 1.1s var(--ease);clip-path:inset(0 0 0 0)}
.loader.done{clip-path:inset(0 0 100% 0)}
.loader__tc{font-size:clamp(28px,6vw,64px);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.loader__line{width:min(320px,60vw);height:1px;background:rgba(236,230,220,.18)}
.loader__line i{display:block;height:100%;width:0;background:var(--brass-2)}
.loader__txt{font-size:22px;opacity:.75}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut);mix-blend-mode:difference;color:#fff}
.nav__mark{font-size:28px;line-height:1}
.nav__links{display:flex;gap:28px}
.nav__links a,.nav__cta{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;position:relative}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav__cta{border:1px solid currentColor;border-radius:99px;padding:8px 16px}

/* HERO */
.hero{position:relative;min-height:100vh;min-height:100svh;padding:90px var(--gut) 40px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;align-items:center;overflow:hidden}
.hero__meta{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--ink-2)}
.hero__name{grid-column:1/-1;grid-row:2;position:relative;z-index:2;pointer-events:none;display:flex;flex-direction:column;line-height:.86;font-size:clamp(66px,14.5vw,250px);mix-blend-mode:multiply}
.hero__name{font-variation-settings:"opsz" 30}
.hero__first{text-transform:uppercase;letter-spacing:.04em;font-weight:500}
.hero__last{letter-spacing:-.03em}
.hero__first{align-self:flex-start}
.hero__last{align-self:flex-end;color:var(--brass)}
.hero__arch{grid-column:2;grid-row:2;position:relative;z-index:1;width:clamp(210px,26vw,380px);cursor:ew-resize}
.hero__arch .arch{padding-top:150%;height:0;background:var(--linen-2)}
.hero__arch img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--ease)}
.hero__arch:hover img{transform:scale(1)}
.hero__hint{margin-top:12px;text-align:center;color:var(--mute);font-size:10px}
.hero__side{grid-row:3;align-self:end}
.hero__side--l{grid-column:1}
.hero__side--r{grid-column:3;text-align:right}
.hero__side span{color:var(--ink);font-variant-numeric:tabular-nums}
.hero__scroll{grid-column:2;grid-row:3;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-2)}
.hero__scroll i{width:1px;height:42px;background:var(--ink-2);transform-origin:top;animation:drip 2s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
[data-split] .ch{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
[data-split]{overflow:hidden;display:block;padding-bottom:.06em}
.ready [data-split] .ch{transform:none}

/* STATEMENT */
.statement{padding:clamp(90px,14vw,200px) var(--gut);max-width:1400px;margin:0 auto}
.statement__k{color:var(--brass);margin-bottom:28px}
.statement__txt{font-size:clamp(32px,4.8vw,76px);line-height:1.04}
.statement__txt .w{opacity:.14;transition:opacity .4s}
.statement__txt .w.on{opacity:1}
.statement__facts{margin-top:clamp(56px,8vw,110px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(23,20,15,.15)}
.statement__facts div{padding:22px 0 0;display:flex;flex-direction:column;gap:10px}
.statement__facts span{color:var(--mute)}
.statement__facts b{font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1}

/* COLLECTIONS : stacked sticky panels */
.collections{background:var(--sea);color:var(--linen);padding:clamp(90px,12vw,160px) 0 0}
.sec-head{padding:0 var(--gut) clamp(50px,7vw,90px);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sec-head p{color:var(--brass-2)}
.sec-head h2{font-size:clamp(44px,7vw,112px);line-height:.95;text-align:right}
.sec-head h2 em{color:var(--brass-2)}
.stack{position:relative}
.panel{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:stretch;overflow:hidden;background:var(--sea);border-top:1px solid rgba(236,230,220,.1)}
.panel:nth-child(even){background:var(--sea-2)}
.panel__in{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gut);padding:90px var(--gut) 40px;transform-origin:50% 0;will-change:transform}
.panel__info{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.panel__num{font-family:var(--serif);font-size:clamp(90px,14vw,220px);line-height:.8;color:var(--brass-2);font-style:italic}
.panel__title{font-family:var(--serif);font-size:clamp(54px,8vw,132px);line-height:.9}
.panel__sub{margin-top:14px;color:rgba(236,230,220,.6)}
.panel__open{margin-top:28px;display:inline-flex;align-items:center;gap:14px;align-self:flex-start;border:1px solid rgba(236,230,220,.35);border-radius:99px;padding:14px 22px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:background .4s,color .4s,border-color .4s}
.panel__open:hover{background:var(--linen);color:var(--sea);border-color:var(--linen)}
.panel__open b{font-weight:400;color:var(--brass-2)}
.panel__open:hover b{color:var(--brass)}
.panel__imgs{position:relative;min-height:0}
.panel__imgs figure{position:absolute;overflow:hidden;cursor:zoom-in;background:#0e1a20}
.panel__imgs img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.panel__imgs figure:hover img{transform:scale(1.05)}
.panel__imgs .f1{left:18%;top:0;width:52%;height:86%;border-radius:999px 999px 0 0}
.panel__imgs .f2{left:0;bottom:0;width:30%;height:44%}
.panel__imgs .f3{right:0;bottom:6%;width:26%;height:40%}
.panel__imgs figcaption{position:absolute;left:10px;bottom:8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:rgba(255,255,255,.8)}

/* MOTION */
.motion{display:grid;grid-template-columns:1fr auto;gap:var(--gut);align-items:center;padding:clamp(100px,12vw,180px) var(--gut);max-width:1300px;margin:0 auto}
.motion__text p.mono{color:var(--brass)}
.motion__text h2{font-size:clamp(46px,6.5vw,104px);line-height:.95;margin:22px 0 28px}
.motion__text h2 em{color:var(--brass)}
.motion__p{max-width:430px;color:var(--ink-2);line-height:1.6;font-size:16px}
.motion__list{list-style:none;margin-top:36px;max-width:430px}
.motion__list li{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(23,20,15,.14)}
.motion__list span{color:var(--mute)}
.motion__list b{font-weight:500}
.phone{width:clamp(250px,28vw,380px)}
.phone__frame{padding-top:177.7%;height:0;background:var(--sea);box-shadow:0 40px 80px -30px rgba(20,35,44,.5)}
.phone__frame video{width:100%;height:100%;object-fit:cover;display:block}
.phone__play{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;place-items:center;background:linear-gradient(transparent 40%,rgba(10,18,24,.45));transition:opacity .5s}
.phone__play span{width:86px;height:86px;border-radius:50%;background:rgba(236,230,220,.92);color:var(--sea);display:grid;place-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:transform .5s var(--ease)}
.phone__play:hover span{transform:scale(1.1)}
.phone.playing .phone__play{opacity:0}
.phone__bar{display:flex;align-items:center;gap:12px;margin-top:14px}
.phone__bar>span{font-variant-numeric:tabular-nums;min-width:40px}
.phone__track{flex:1;height:18px;display:flex;align-items:center;cursor:pointer}
.phone__track::before{content:"";position:absolute}
.phone__track{background:linear-gradient(var(--linen-2),var(--linen-2)) center/100% 1px no-repeat}
.phone__track i{display:block;height:1px;width:0;background:var(--ink)}
.phone__snd{font-size:10px;color:var(--ink-2);border:1px solid rgba(23,20,15,.2);border-radius:99px;padding:6px 10px}

/* LIGHT TABLE */
.table{background:var(--sea);color:var(--linen);padding:clamp(90px,10vw,140px) 0 0;overflow:hidden}
.table__head{padding:0 var(--gut);display:grid;gap:14px}
.table__head p.mono{color:var(--brass-2)}
.table__head h2{font-size:clamp(44px,6.5vw,104px);line-height:.95}
.table__head h2 em{color:var(--brass-2)}
.table__head .small{color:rgba(236,230,220,.55)}
.table__surface{position:relative;height:760px;height:clamp(640px,100svh,980px);margin-top:20px;touch-action:pan-y}
.print{position:absolute;width:clamp(120px,15vw,210px);padding:8px 8px 30px;background:var(--paper);box-shadow:0 18px 40px -12px rgba(0,0,0,.55);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:box-shadow .3s,transform .6s var(--ease)}
.print.drag{cursor:grabbing;box-shadow:0 34px 60px -14px rgba(0,0,0,.7);transition:box-shadow .3s}
.print .ph{position:relative;padding-top:150%;background:#ddd}
.print img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.print span{position:absolute;left:10px;bottom:9px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--mute);text-transform:uppercase}

/* COMP CARD */
.card{display:grid;grid-template-columns:1fr auto;gap:var(--gut);align-items:center;padding:clamp(100px,12vw,180px) var(--gut);max-width:1300px;margin:0 auto}
.card__intro p.mono:first-child{color:var(--brass)}
.card__intro h2{font-size:clamp(46px,6.5vw,104px);line-height:.95;margin:22px 0 18px}
.card__intro h2 em{color:var(--brass)}
.comp{width:clamp(280px,32vw,440px);height:calc(clamp(280px,32vw,440px)*1.5);perspective:1600px;cursor:pointer;outline:none}
.comp__in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s var(--ease)}
.comp.flipped .comp__in{transform:rotateY(180deg)}
.comp__face{position:absolute;top:0;left:0;right:0;bottom:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper);box-shadow:0 40px 80px -30px rgba(20,35,44,.45);overflow:hidden}
.comp__front img{width:100%;height:100%;object-fit:cover}
.comp__name{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(transparent,rgba(15,20,24,.75));color:var(--paper);display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.comp__name .serif{font-size:clamp(28px,3vw,40px);line-height:1}
.comp__name .mono{font-size:9px;text-align:right}
.comp__back{transform:rotateY(180deg);padding:18px;display:flex;flex-direction:column;gap:16px}
.comp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.comp__grid img{height:90px;object-fit:cover;width:100%}
.comp__dl{flex:1;display:flex;flex-direction:column;justify-content:center}
.comp__dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(23,20,15,.1)}
.comp__dl dt{color:var(--mute);font-size:9px;flex-shrink:0}
.comp__dl dd{font-size:clamp(17px,1.6vw,22px);text-align:right}
.comp__ig{text-align:center;color:var(--brass)}

/* CONTACT */
.contact{background:var(--ink);color:var(--linen);padding:clamp(100px,12vw,170px) var(--gut) 28px}
.contact>p.mono{color:var(--brass-2)}
.contact__big{font-size:clamp(70px,15vw,250px);line-height:.86;margin:28px 0 56px;display:flex;flex-direction:column}
.contact__big em{color:var(--brass-2);align-self:flex-end}
.contact__row{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:18px;padding:20px 28px;border-radius:99px;background:var(--linen);color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden;transition:transform .5s var(--ease)}
.btn i{font-style:normal;transition:transform .5s var(--ease)}
.btn:hover i{transform:translateX(5px)}
.btn--ghost{background:transparent;color:var(--linen);border:1px solid rgba(236,230,220,.3);text-transform:none;letter-spacing:.04em}
.foot{margin-top:clamp(90px,12vw,160px);padding-top:22px;border-top:1px solid rgba(236,230,220,.14);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(236,230,220,.55);font-size:10px}

/* LOOKBOOK */
.lb{position:fixed;top:0;left:0;right:0;bottom:0;z-index:80;background:var(--linen);display:grid;grid-template-rows:auto 1fr auto auto;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.lb.open{opacity:1;visibility:visible}
.lb__top{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut);gap:12px}
.lb__title{display:flex;align-items:baseline;gap:14px}
.lb__title .mono{color:var(--brass)}
.lb__title .serif{font-size:clamp(26px,3vw,40px);font-style:italic}
.lb__count{font-variant-numeric:tabular-nums}
.lb__close{border:1px solid rgba(23,20,15,.25);border-radius:99px;padding:9px 16px}
.lb__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 var(--gut)}
.lb__fig{height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;min-height:0}
.lb__fig img{max-height:calc(100vh - 230px);max-height:calc(100svh - 230px);max-width:100%;width:auto;object-fit:contain;box-shadow:0 30px 60px -30px rgba(0,0,0,.4);transition:opacity .45s,transform .7s var(--ease)}
.lb__fig img.out{opacity:0;transform:scale(.985)}
.lb__nav{position:absolute;top:0;bottom:0;width:30%;font-size:24px;display:flex;align-items:center;padding:0 var(--gut);color:var(--ink-2);z-index:2}
.lb__prev{left:0;justify-content:flex-start}
.lb__next{right:0;justify-content:flex-end}
.lb__nav:hover{color:var(--brass)}
.lb__meta{text-align:center;padding:12px var(--gut) 0;color:var(--mute);font-size:10px}
.lb__strip{display:flex;gap:6px;overflow-x:auto;padding:14px var(--gut) 18px;scrollbar-width:none;justify-content:safe center}
.lb__strip::-webkit-scrollbar{display:none}
.lb__strip button{flex:0 0 auto;width:46px;height:66px;opacity:.4;transition:opacity .3s,transform .3s}
.lb__strip button.on{opacity:1;transform:translateY(-4px);outline:1px solid var(--brass);outline-offset:2px}
.lb__strip img{width:100%;height:100%;object-fit:cover}

.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--brass);color:var(--paper);padding:12px 18px;border-radius:99px;opacity:0;transition:.5s var(--ease);z-index:95;pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* reveal */
.rv{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}

/* images fade in */
.fi{opacity:0;transition:opacity .8s var(--ease)}
.fi.ok{opacity:1}

/* CLIENTS */
.clients{padding:0 var(--gut) clamp(90px,12vw,160px);max-width:1400px;margin:0 auto}
.clients__k{color:var(--brass);margin-bottom:24px}
.clients__list{border-top:1px solid rgba(23,20,15,.15)}
.client{display:grid;grid-template-columns:60px 1fr auto;align-items:baseline;padding:22px 0;border-bottom:1px solid rgba(23,20,15,.15);transition:padding .5s var(--ease),color .4s}
.client span{color:var(--mute)}
.client b{font-weight:400;font-variation-settings:"opsz" 30;font-size:clamp(34px,5.4vw,84px);line-height:1}
.client b em{color:var(--brass)}
.client i{font-style:normal;color:var(--mute);font-size:10px}
a.client:hover{padding-left:18px;color:var(--brass)}

/* REELS */
.reels{padding:clamp(90px,12vw,160px) 0;overflow:hidden}
.reels__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 var(--gut) 40px}
.reels__head p.mono{color:var(--brass);margin-bottom:18px}
.reels__head h2{font-size:clamp(42px,6vw,96px);line-height:.95}
.reels__head h2 em{color:var(--brass)}
.reels__ctl{display:flex;gap:8px}
.rbtn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(23,20,15,.25);font-size:16px;transition:background .3s,color .3s}
.rbtn:hover{background:var(--ink);color:var(--linen)}
.reels__rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.reels__rail::-webkit-scrollbar{display:none}
.reel{flex:0 0 auto;width:clamp(220px,22vw,300px);scroll-snap-align:center;cursor:pointer}
.reel__f{position:relative;padding-top:177.7%;height:0;overflow:hidden;background:var(--sea);border-radius:180px 180px 14px 14px}
.reel:nth-child(even) .reel__f{border-radius:14px}
.reel__f img,.reel__f video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.reel__f video{opacity:0;transition:opacity .5s}
.reel.on .reel__f video{opacity:1}
.reel__f::after{content:"▶";position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:rgba(236,230,220,.9);color:var(--sea);display:flex;align-items:center;justify-content:center;font-size:11px}
.reel__t{margin-top:12px;font-family:var(--serif);font-size:20px;line-height:1.15}
.reel__s{margin-top:6px;color:var(--mute);font-size:10px}
.reel__s.lm{color:var(--brass)}
.reels__hint{padding:16px var(--gut) 0}

/* FEED */
.feed{background:var(--paper);padding:clamp(90px,12vw,160px) var(--gut);text-align:center}
.feed__head p.mono{color:var(--brass);margin-bottom:18px}
.feed__head h2{font-size:clamp(38px,5.4vw,84px);line-height:1}
.feed__head h2 em{color:var(--brass)}
.feed__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1200px;margin:50px auto 46px;text-align:left}
.post{position:relative}
.post__m{position:relative;padding-top:125%;height:0;overflow:hidden;background:var(--linen-2)}
.post__m img,.post__m video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s}
.post__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;z-index:2}
.post__dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}
.post__dots i.on{background:#fff}
.post__arr{position:absolute;top:0;bottom:0;width:45%;z-index:2;color:#fff;font-size:18px;display:flex;align-items:center;padding:0 10px;opacity:0;transition:opacity .3s;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.post:hover .post__arr{opacity:1}
.post__arr.l{left:0}.post__arr.r{right:0;justify-content:flex-end}
.post__badge{position:absolute;top:10px;left:10px;z-index:2;background:rgba(20,35,44,.75);color:var(--linen);padding:5px 9px;border-radius:99px;font-size:9px}
.post__badge.lm{background:var(--brass)}
.post__cap{display:flex;justify-content:space-between;gap:10px;padding:12px 2px 0;align-items:baseline}
.post__cap b{font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.2}
.post__cap a{color:var(--brass);white-space:nowrap;font-size:10px}
.btn--dark{background:var(--ink);color:var(--linen)}

/* REEL VIEWER */
.rv-ov{position:fixed;top:0;left:0;right:0;bottom:0;z-index:85;background:rgba(14,20,24,.96);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.rv-ov.open{opacity:1;visibility:visible}
.rv-ov__frame{height:min(84vh,780px);width:calc(min(84vh,780px)*.5625);max-width:92vw;border-radius:16px;overflow:hidden;background:#000}
.rv-ov__frame video{width:100%;height:100%;object-fit:contain;background:#000}
.rv-ov__close{position:absolute;top:18px;right:var(--gut);color:var(--linen);border-color:rgba(236,230,220,.35)}
.rv-ov__nav{position:absolute;top:50%;transform:translateY(-50%);color:var(--linen);font-size:22px;padding:20px}
.rv-ov__prev{left:2vw}.rv-ov__next{right:2vw}
.rv-ov__cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:var(--linen);display:flex;flex-direction:column;gap:6px;padding:0 var(--gut)}
.rv-ov__cap b{font-weight:400;font-size:20px}
.rv-ov__cap span{color:var(--brass-2)}

/* lighter on phones (in-app browsers have little memory) */
@media (max-width:860px){
  .grain{display:none}
  .panel__in{will-change:auto}
  .hero__name{mix-blend-mode:normal}
}

/* RESPONSIVE */
@media (max-width:860px){
  .nav__links{display:none}
  .hero{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding-top:80px}
  .hero__name{font-size:clamp(56px,19vw,150px);align-self:start;margin-top:3vh}
  .hero__arch{grid-column:1/-1;grid-row:2;justify-self:center;align-self:end;width:min(68vw,330px);margin:0 0 14px}
  .hero__name{grid-row:2;align-self:start;z-index:2}
  .hero__side--l{grid-column:1}
  .hero__side--r{grid-column:2}
  .hero__scroll{display:none}
  .statement__facts{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .sec-head h2{text-align:left}
  .panel__in{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:76px var(--gut) 24px;gap:18px}
  .panel__info{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px}
  .panel__num{font-size:clamp(70px,20vw,120px)}
  .panel__title{font-size:clamp(46px,12vw,80px)}
  .panel__open{margin-top:16px;padding:12px 16px}
  .panel__imgs .f1{left:12%;width:60%;height:84%}
  .panel__imgs .f2{width:34%;height:40%}
  .panel__imgs .f3{width:30%;height:36%}
  .motion,.card{grid-template-columns:1fr;justify-items:center}
  .motion__text,.card__intro{justify-self:stretch}
  .phone{width:min(78vw,340px)}
  .comp{width:min(84vw,400px);height:calc(min(84vw,400px)*1.5)}
  .print{width:clamp(110px,30vw,160px)}
  .lb__nav{width:40%}
  .client{grid-template-columns:36px 1fr}
  .client i{grid-column:2;margin-top:8px}
  .reels__ctl{display:none}
  .reel{width:62vw}
  .feed__grid{grid-template-columns:1fr 1fr;gap:10px}
  .post__cap{flex-direction:column;gap:4px}
  .post__cap b{font-size:14px}
  .post__arr{opacity:1;width:35%}
  .rv-ov__frame{height:78vh;width:calc(78vh*.5625)}
  .rv-ov__nav{bottom:60px;top:auto;transform:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}