/* Yelena Nazaryan · site built on Concept A (Five Tales, after indigo-laboratory.it) */
:root{--bg:#F4F3EB;--ink:#0E0E0E;--acc:#A3141B;--card:#FFFFFF;--panel:#E8E6DC;--mute:#5E5E58;--serif:'Bodoni Moda',serif;--sans:'Hanken Grotesk',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}
[data-split]{word-spacing:.1em}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}.wi{display:inline-block}
.mono{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ink);color:var(--bg);padding:10px 14px}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* chrome */
.sbar{position:fixed;right:3px;top:0;bottom:0;width:3px;z-index:80;mix-blend-mode:difference;pointer-events:none}
.sbar i{display:block;width:3px;height:60px;border-radius:3px;background:#fff}
.trail{position:fixed;inset:0;pointer-events:none;z-index:35}
.trail img{position:absolute;left:0;top:0;width:140px;opacity:0;will-change:transform}
.cur{position:fixed;left:0;top:0;z-index:300;pointer-events:none;opacity:0;transition:opacity .3s}
.cur.on{opacity:1}
.cur span{display:block;transform:translate(-50%,-50%);min-width:10px;height:10px;border-radius:999px;background:var(--acc);color:transparent;font:500 11px/10px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:padding .35s cubic-bezier(.2,.8,.2,1),height .35s,line-height .35s,color .2s}
.cur.lab span{height:34px;line-height:34px;padding:0 16px;color:#fff}
@media (hover:hover) and (pointer:fine){body,a,button,label,input,textarea,select{cursor:none}}
.hd{position:fixed;inset:0 0 auto;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 32px;mix-blend-mode:difference;color:#fff}
.hd nav{display:flex;gap:28px;align-items:center}.hd nav.r{justify-content:flex-end}
.hd button{all:unset;cursor:pointer}
.hd a,.hd button{position:relative}
.hd a::after,.hd button::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.hd a:hover::after,.hd button:hover::after,.hd a.on::after{transform:scaleX(1)}
.hd .logo::after{display:none}
.hd .logo img{height:44px;filter:invert(1)}
.veil{position:fixed;inset:0;z-index:250;background:#0B0B0B;pointer-events:none;transform:translateY(101%)}
.veil::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:var(--acc)}
.js .veil{transform:none}

/* full-screen tales menu (indigo chapters menu) */
.menu{position:fixed;inset:0;z-index:90;background:#0B0B0B;color:var(--bg);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s .8s}
.menu.open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .8s cubic-bezier(.77,0,.18,1)}
.menu .bgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s;filter:brightness(.55)}
.menu .bgs img.on{opacity:1}
.menu .in{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr auto;align-items:end;padding:110px 32px 40px;gap:40px}
.menu ol{list-style:none;margin:0;padding:0;counter-reset:t}
.menu ol a{display:flex;align-items:baseline;gap:22px;font:400 8.4vw/.92 var(--serif);text-transform:uppercase;letter-spacing:-.02em;transition:letter-spacing .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.menu ol a small{font:400 12px/1 var(--mono);letter-spacing:.08em}
.menu ol:hover a{opacity:.35}.menu ol a:hover{opacity:1;font-style:italic;letter-spacing:.01em}
.menu .side{display:flex;flex-direction:column;gap:14px;text-align:right}
.menu .side a{font:400 italic 30px/1.1 var(--serif)}
.menu .close{position:absolute;top:24px;right:32px;z-index:3;all:unset;cursor:pointer;font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bg)}
.menu .close{position:absolute;top:26px;right:32px}

/* bag drawer */
.scrim{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .4s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:96;width:min(440px,100vw);background:var(--bg);transform:translateX(102%);transition:transform .6s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;padding:26px 28px}
.drawer.open{transform:none}
.drawer .top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:14px}
.drawer h2{margin:0;font:400 44px/1 var(--serif);text-transform:uppercase}
.drawer button{all:unset;cursor:pointer}
.drawer .items{flex:1;overflow:auto;padding:10px 0}
.drawer .it{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.12)}
.drawer .it .p{aspect-ratio:4/5;background:var(--panel);display:grid;place-items:center}
.drawer .it img{max-width:86%;max-height:86%;object-fit:contain}
.drawer .it b{display:block;font-weight:500}
.drawer .empty{padding:40px 0;color:var(--mute)}
.drawer .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:14px;font:400 26px/1 var(--serif)}
.drawer .note{margin:12px 0 16px;color:var(--mute);font-size:13px}

/* buttons, cards */
.btn{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:14px 26px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:none;cursor:pointer;transition:background .3s,color .3s}
.btn:hover,.btn.done{background:var(--ink);color:var(--bg)}
.btn.solid{background:var(--ink);color:var(--bg)}.btn.solid:hover{background:var(--acc);border-color:var(--acc)}
.btn.light{border-color:var(--bg);color:var(--bg)}.btn.light:hover{background:var(--bg);color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.grid.g4{grid-template-columns:repeat(4,1fr);gap:28px 20px}
.pc{display:block;position:relative}
.pc .ph{aspect-ratio:4/5;background:var(--panel);display:grid;place-items:center;overflow:hidden;position:relative}
.pc .ph img{max-width:84%;max-height:84%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.pc:hover .ph img{transform:scale(1.06)}
.pc .row{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:14px}
.pc .row b{font-weight:500;white-space:nowrap}
.pc .tag{position:absolute;left:10px;top:10px;z-index:2}
.pc .qa{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;border:0;border-radius:999px;background:var(--ink);color:var(--bg);padding:11px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s,background .3s}
.pc:hover .qa,.pc .qa:focus{opacity:1;transform:none}
.pc .qa.done{background:var(--acc);opacity:1;transform:none}

/* intro + hero */
.intro{position:fixed;inset:0;z-index:260;background:#0B0B0B;color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;overflow:hidden}
.intro .band{position:absolute;inset:0 0 auto;height:10vh;background:var(--acc);transform-origin:left;transform:scaleX(0)}
.intro .lt{display:flex;font:900 19vw/.8 var(--serif);letter-spacing:-.02em}
.intro .lt span{display:inline-block}
.hero{position:relative;height:100vh;overflow:hidden;background:#000;color:#fff}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;transform:scale(1.04)}
.hero .bg.on{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))}
.hero-in{position:absolute;left:0;right:0;bottom:7vh;z-index:2;text-align:center}
.hero ol{list-style:none;margin:18px 0 0;padding:0}
.hero ol a{display:inline-block;font:400 4.6vw/.98 var(--serif);text-transform:uppercase;letter-spacing:-.01em;transition:letter-spacing .5s cubic-bezier(.2,.8,.2,1)}
.hero ol a:hover{font-style:italic;letter-spacing:.02em}
.echo{padding:24vh 6vw 20vh;text-align:center}
.echo h1{margin:0;font:400 12.5vw/.84 var(--serif);text-transform:uppercase;letter-spacing:-.03em}
.echo h1 em,.big em{font-style:italic}
.echo .lead{max-width:600px;margin:7vh auto 3vh;font-size:23px;line-height:1.35;text-align:left}
.echo .mono{max-width:600px;margin:0 auto;text-align:left}

/* tale */
.tale{position:relative}
.tale>*:not(.cover){position:relative;z-index:2}
.cover{position:sticky;top:0;height:100vh;overflow:hidden;z-index:0;background:#000}
.cover img{width:100%;height:100%;object-fit:cover}
.cover .nm{position:absolute;top:50%;color:#fff;transform:translateY(-50%)}
.cover .nm.l{left:4vw}.cover .nm.r{right:4vw}
.head{margin:0 4vw;background:var(--card);padding:6vh 3vw 18vh;text-align:center;min-height:100vh}
.tags{display:flex;justify-content:space-between}
.word{margin:12vh 0 6vh;font:900 21vw/.78 var(--serif);text-transform:uppercase;letter-spacing:-.04em}
h1.word{margin-top:14vh}
.line{max-width:520px;margin:0 auto;font-size:21px;line-height:1.35}
.head .btn{margin-top:6vh}
.float{position:absolute;right:8vw;bottom:9vh;width:150px}
.look{margin:0 4vw;background:var(--card);padding:0 3vw 16vh;display:grid;grid-template-columns:repeat(12,1fr);column-gap:2vw;align-items:start}
.look figure{margin:0;overflow:hidden}
.look img{width:100%;height:auto}
.look .l1{grid-column:1/4;margin-top:22vh}.look .l2{grid-column:5/10}.look .l3{grid-column:10/13;margin-top:34vh}
.look .l4{grid-column:2/7;margin-top:10vh}.look .voice{grid-column:8/12;align-self:center;margin:10vh 0 0;font-size:26px;line-height:1.3}
.look .voice .mono{display:block;margin-top:20px}
.ov{background:var(--bg);padding:16vh 0}
.ov .t{position:sticky;top:0;height:100vh;margin-bottom:-100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;mix-blend-mode:difference;color:#fff;pointer-events:none;text-align:center;padding:0 3vw}
.ov h2,.ov h3{margin:0;font:400 8.6vw/.88 var(--serif);text-transform:uppercase;letter-spacing:-.02em}
.ov .t .mono{margin-top:22px}
.ov img{width:min(50vw,720px);margin:0 auto}
.story{background:var(--bg);padding:6vh 8vw 12vh;text-align:center}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:8vw;text-align:left;max-width:1100px;margin:0 auto 16vh}
.cols p{margin:12px 0 0;font-size:17px}
.big{margin:0;font:400 10vw/.84 var(--serif);text-transform:uppercase;letter-spacing:-.03em}
.beads{display:flex;justify-content:center;gap:9px;margin:6vh auto 5vh;flex-wrap:wrap;max-width:720px}
.beads i{width:9px;height:9px;border-radius:50%;background:var(--ink)}
.buy{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap}
.shop{background:var(--bg);padding:2vh 4vw 18vh}
.shop .top{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:14px;margin-bottom:28px}
.shop .top a:hover{color:var(--acc)}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.archive-grid img{width:100%}
.nexttale{position:relative;display:block;height:92vh;overflow:hidden;background:#0B0B0B;color:var(--bg);z-index:3}
.nexttale img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.15);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),opacity .8s}
.nexttale:hover img{transform:scale(1);opacity:.75}
.nexttale .in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;text-align:center}
.nexttale b{font:900 17vw/.8 var(--serif);text-transform:uppercase;letter-spacing:-.04em}

/* home extras */
.maker-teaser{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:22vh 6vw;position:relative;z-index:3;background:var(--bg)}
.maker-teaser h2{margin:0 0 4vh;font:900 9vw/.82 var(--serif);text-transform:uppercase;letter-spacing:-.04em}
.maker-teaser p{max-width:520px;font-size:20px;line-height:1.4}
.maker-teaser .ph{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}

/* page heads */
.phead{padding:22vh 4vw 8vh;text-align:center}
.phead h1{margin:0;font:900 15vw/.8 var(--serif);text-transform:uppercase;letter-spacing:-.04em}
.phead p{max-width:560px;margin:5vh auto 0;font-size:20px;line-height:1.4}
.phead .mono{margin-top:3vh}

/* catalog */
.bar{position:sticky;top:0;z-index:20;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:86px 4vw 16px;border-bottom:1px solid rgba(0,0,0,.12)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{all:unset;cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);border-radius:999px;padding:10px 16px;transition:background .3s,color .3s}
.chips button.on,.chips button:hover{background:var(--ink);color:var(--bg)}
.chips button sup{font-size:9px;margin-left:4px}
.sort{display:flex;gap:10px;align-items:center}
.sort select{border:1px solid var(--ink);border-radius:999px;background:none;padding:9px 14px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.catwrap{padding:5vh 4vw 20vh}
.count{margin-bottom:3vh}

/* product page */
.pdp{display:grid;grid-template-columns:1.1fr .9fr;align-items:start}
.pdp .ph{position:sticky;top:0;height:100vh;background:var(--panel);display:grid;place-items:center;overflow:hidden}
.pdp .ph img{max-width:78%;max-height:78vh;object-fit:contain}
.pdp .ph .mono{position:absolute;left:24px;bottom:22px}
.pdp .tx{padding:20vh 5vw 14vh;min-height:100vh}
.pdp h1{margin:3vh 0 2vh;font:400 5.6vw/.9 var(--serif);text-transform:uppercase;letter-spacing:-.02em}
.pdp .price{font:400 italic 40px/1 var(--serif);margin-bottom:4vh}
.pdp .desc{font-size:19px;line-height:1.45;max-width:520px}
.specs{list-style:none;margin:4vh 0;padding:0;border-top:1px solid var(--ink);max-width:520px}
.specs li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.14)}
.pdp .buy{justify-content:flex-start}
.pdp .fine{margin-top:4vh;color:var(--mute);font-size:14px;max-width:520px}
.crumbs a:hover{color:var(--acc)}
.pnav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.pnav a{padding:5vh 4vw;display:flex;flex-direction:column;gap:10px;transition:background .4s,color .4s}
.pnav a:last-child{text-align:right;border-left:1px solid var(--ink)}
.pnav a:hover{background:var(--ink);color:var(--bg)}
.pnav b{font:400 4vw/.95 var(--serif);text-transform:uppercase}

/* maker */
.letter{padding:10vh 12vw 22vh}
.letter p{margin:0;font:400 3.6vw/1.16 var(--serif)}
.letter .mono{margin-top:5vh}
.cities{position:relative;margin:0 4vw;background:var(--card);padding:10vh 4vw 12vh}
.cities .top{display:flex;justify-content:space-between;margin-bottom:6vh}
.cities h2{margin:0 0 6vh;font:900 8vw/.82 var(--serif);text-transform:uppercase;letter-spacing:-.04em;text-align:center}
.map{position:relative;height:56vh;min-height:360px}
.map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.map .land{fill:none;stroke:rgba(14,14,14,.18);stroke-width:1}
.map .route{fill:none;stroke:var(--acc);stroke-width:2}
.map .city{position:absolute;display:flex;flex-direction:column;gap:6px}
.map .city b{display:block;width:14px;height:14px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(163,20,27,.45);animation:pulse 2.4s infinite}
.map .city strong{font:400 4.4vw/.9 var(--serif);text-transform:uppercase}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(163,20,27,.45)}70%{box-shadow:0 0 0 18px rgba(163,20,27,0)}100%{box-shadow:0 0 0 0 rgba(163,20,27,0)}}
.places{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:8vh}
.places h3{margin:0 0 10px;font:400 italic 34px/1 var(--serif)}
.steps{padding:16vh 4vw 10vh}
.steps>.mono{display:block;text-align:center;margin-bottom:4vh}
.steps h2{margin:0 0 10vh;text-align:center}
.step{position:sticky;top:12vh;display:grid;grid-template-columns:auto 1fr 1fr;gap:4vw;align-items:center;background:var(--card);padding:5vh 4vw;margin-bottom:6vh;min-height:66vh;box-shadow:0 -1px 0 rgba(0,0,0,.06)}
.step b{font:900 14vw/.8 var(--serif);color:var(--acc);letter-spacing:-.05em}
.step h3{margin:0 0 2vh;font:400 4vw/.95 var(--serif);text-transform:uppercase}
.step p{font-size:18px;max-width:420px}
.step img{width:100%;max-height:56vh;object-fit:contain}
.cta-band{position:relative;z-index:3;background:var(--ink);color:var(--bg);text-align:center;padding:20vh 6vw}
.cta-band h2{margin:0 0 5vh;font:400 10vw/.84 var(--serif);text-transform:uppercase;letter-spacing:-.03em}
.cta-band h2 em{font-style:italic}

/* bespoke */
.form-card{margin:0 4vw 18vh;background:var(--card);padding:8vh 6vw;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw}
.form-card ol{margin:0;padding:0;list-style:none;counter-reset:s}
.form-card ol li{counter-increment:s;padding:18px 0;border-top:1px solid rgba(0,0,0,.14);display:grid;grid-template-columns:50px 1fr;gap:10px}
.form-card ol li::before{content:"0" counter(s);font:400 12px/1.6 var(--mono)}
.form-card h3{margin:0 0 4vh;font:400 italic 40px/1 var(--serif)}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:18px}
form.f label{display:flex;flex-direction:column;gap:8px;font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
form.f input,form.f textarea,form.f select{border:0;border-bottom:1px solid var(--ink);background:none;padding:10px 0;font:400 18px/1.4 var(--sans);text-transform:none;letter-spacing:0}
form.f textarea{min-height:140px;resize:vertical}
form.f .full{grid-column:1/3}
form.f .sent{grid-column:1/3;display:none;color:var(--acc)}

/* footer + progress */
.ft{background:var(--ink);color:var(--bg);padding:16vh 4vw 9vh;position:relative;z-index:5}
.ft .cols3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4vw;margin-bottom:12vh}
.ft .cols3 a{display:block;font:400 italic 28px/1.25 var(--serif)}
.ft .cols3 a:hover{color:var(--acc)}
.ft .cols3 p{max-width:360px;color:#B9B8B0}
.ft form{display:flex;border-bottom:1px solid var(--bg);margin-top:18px;max-width:360px}
.ft form input{flex:1;border:0;background:none;padding:10px 0;color:var(--bg)}
.ft form button{all:unset;cursor:pointer}
.ft .mega{font:900 9.6vw/.8 var(--serif);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}
.ft .mega em{font-weight:400}
.ft .bot{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:8vh;flex-wrap:wrap}
.clocks{display:flex;gap:40px}.clocks b{font-weight:400;margin-left:8px}
.progress{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg);border-top:1px solid rgba(0,0,0,.12)}
.progress button{all:unset;position:relative;padding:13px 10px;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .4s,color .4s}
.progress button::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--acc);transform:scaleX(var(--p,0));transform-origin:left}
.progress button.on{background:var(--ink);color:var(--bg)}

@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.grid.g4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){
 .trail,.cur{display:none}
 .hd{padding:14px 16px;gap:10px}.hd .hide-m{display:none}.hd .logo img{height:30px}.hd nav{gap:16px}
 .hero ol a{font-size:11vw}.hero-in{bottom:9vh}
 .echo{padding:16vh 16px 14vh}.echo h1{font-size:15vw}.echo .lead{font-size:19px}
 .head{margin:0 12px;padding:4vh 16px 14vh;min-height:80vh}.word{font-size:24vw;margin:10vh 0 5vh}.line{font-size:18px}
 .look{margin:0 12px;padding:0 16px 10vh;grid-template-columns:1fr 1fr;gap:12px}
 .look .l1,.look .l2,.look .l3,.look .l4,.look .voice{grid-column:auto;margin-top:0}.look .voice{grid-column:1/3;font-size:20px;margin-top:4vh}
 .cols{grid-template-columns:1fr;gap:30px;margin-bottom:10vh}.big{font-size:14vw}.ov img{width:84vw}.ov h2,.ov h3{font-size:11vw}.float{width:80px;right:20px;bottom:30px}
 .grid,.grid.g4{grid-template-columns:1fr 1fr;gap:20px 12px}.shop,.catwrap{padding-left:16px;padding-right:16px}
 .pc .qa{opacity:1;transform:none;padding:9px}
 .archive-grid{grid-template-columns:1fr 1fr}
 .maker-teaser{grid-template-columns:1fr;padding:14vh 16px}.maker-teaser h2{font-size:16vw}
 .phead{padding:18vh 16px 6vh}.phead h1{font-size:20vw}
 .bar{padding:70px 16px 12px}
 .pdp{grid-template-columns:1fr}.pdp .ph{position:relative;height:70vh}.pdp .tx{padding:6vh 16px 10vh;min-height:0}.pdp h1{font-size:11vw}
 .pnav b{font-size:7vw}
 .letter{padding:6vh 16px 14vh}.letter p{font-size:7vw}
 .cities{margin:0 12px;padding:8vh 16px}.cities h2{font-size:13vw}.map .city strong{font-size:8vw}.places{grid-template-columns:1fr}
 .step{grid-template-columns:1fr;top:9vh;min-height:0;padding:4vh 16px}.step b{font-size:22vw}.step h3{font-size:9vw}
 .cta-band h2{font-size:15vw}
 .form-card{grid-template-columns:1fr;margin:0 12px 12vh;padding:6vh 16px}form.f{grid-template-columns:1fr}form.f .full,form.f .sent{grid-column:1}
 .ft{padding:12vh 16px 12vh}.ft .cols3{grid-template-columns:1fr;gap:8vh}.ft .mega{font-size:11vw}
 .menu .in{grid-template-columns:1fr;padding:90px 16px 30px}.menu ol a{font-size:15vw}.menu .side{text-align:left}
 .progress button{font-size:9px;padding:11px 4px}
 .nexttale b{font-size:22vw}
}
@media (prefers-reduced-motion:reduce){.menu,.drawer,.veil{transition:none}.js .veil{display:none}}

.trows{position:relative}
.trow{position:sticky;top:0;display:block;height:100vh;overflow:hidden;background:#0B0B0B;color:var(--bg)}
.trow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:opacity .8s,transform 1.4s cubic-bezier(.2,.8,.2,1)}
.trow:hover img{opacity:.8;transform:scale(1.03)}
.trow .in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;text-align:center;padding:0 6vw}
.trow b{font:900 19vw/.8 var(--serif);text-transform:uppercase;letter-spacing:-.04em}
.trow p{max-width:520px;margin:0;font-size:20px}
.pc .qa.sold{display:block;text-align:center;background:var(--bg);color:var(--ink);opacity:1;transform:none;cursor:default}
.pc.is-sold .ph img{opacity:.55}