@font-face{font-family:"Satoshi";src:url(../fonts/Satoshi-Variable.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{
  --ink:#1c1a19;--char:#2b2b2b;--char2:#3a3a3a;--cream:#e7dcc5;--sand:#d4c4a8;--paper:#f2eadb;
  --terra:#a14c3d;--orange:#e67025;--line:rgba(231,220,197,.16);
  --serif:"Instrument Serif",Georgia,serif;--sans:"Satoshi",ui-sans-serif,system-ui,sans-serif;
  --g:clamp(16px,3.2vw,48px);--r:22px;--ease:cubic-bezier(.22,1,.36,1);
}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .9s var(--ease),color .9s var(--ease)}
body[data-theme="cream"]{background:var(--cream);color:var(--char)}
body[data-theme="orange"]{background:var(--orange);color:var(--ink)}
body[data-theme="paper"]{background:var(--paper);color:var(--char)}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
::selection{background:var(--orange);color:var(--ink)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}}

/* ---------- type ---------- */
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.it{font-style:italic}
.eyebrow{font:600 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.d1{font-family:var(--serif);font-weight:400;font-size:clamp(52px,9.4vw,172px);line-height:.98;letter-spacing:-.025em;margin:0}
.d2{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.2vw,112px);line-height:1;letter-spacing:-.02em;margin:0}
.d3{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.6vw,60px);line-height:1.05;letter-spacing:-.015em;margin:0}
.lead{font-size:clamp(19px,1.6vw,24px);line-height:1.5;max-width:34em}
.muted{opacity:.68}
.accent{color:var(--orange)}
body[data-theme="orange"] .accent{color:var(--cream)}
/* split reveal: masks keep room for descenders (g, j, p, y) and accents */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .02em .16em;margin:-.08em -.02em -.16em}
.w>i{display:inline-block;font-style:inherit;transform:translateY(110%);will-change:transform}
.is-in .w>i,.still .w>i{transform:none;transition:transform 1.1s var(--ease)}
.fade{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.is-in .fade,.fade.is-in,.still .fade{opacity:1;transform:none}

/* ---------- chrome ---------- */
.gl{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.gl.drag{pointer-events:auto}
.nav{position:fixed;z-index:50;top:14px;left:var(--g);right:var(--g);display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
.nav>*{pointer-events:auto}
.brand{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 14px;border-radius:999px;background:rgba(28,26,25,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--cream)}
.brand img{height:26px;width:auto}
.brand span{font:600 13px/1 var(--sans);letter-spacing:.04em}
.links{display:flex;gap:4px;padding:6px;border-radius:999px;background:rgba(28,26,25,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.links a{padding:10px 16px;border-radius:999px;font:500 14px/1 var(--sans);color:var(--cream);transition:background .3s,color .3s}
.links a:hover,.links a[aria-current]{background:var(--cream);color:var(--ink)}
.nav-r{display:flex;gap:8px;align-items:center}
.status{display:flex;align-items:center;gap:8px;height:52px;padding:0 16px;border-radius:999px;background:rgba(28,26,25,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:500 13px/1 var(--sans);color:var(--cream);white-space:nowrap}
.status i{width:8px;height:8px;border-radius:50%;background:#7fd27f;box-shadow:0 0 0 4px rgba(127,210,127,.18)}
.status.closed i{background:var(--orange);box-shadow:0 0 0 4px rgba(230,112,37,.2)}
.btn{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 22px;border-radius:999px;background:var(--orange);color:var(--ink);font:700 14px/1 var(--sans);letter-spacing:.02em;white-space:nowrap;transition:background .3s,color .3s}
.btn:hover{background:var(--cream)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn.ghost:hover{background:var(--cream);color:var(--ink);box-shadow:none}
.btn.dark{background:var(--ink);color:var(--cream)}
.btn.dark:hover{background:var(--cream);color:var(--ink)}
.btn svg{width:16px;height:16px}
.burger{display:none;width:52px;height:52px;border-radius:50%;background:rgba(28,26,25,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative}
.burger span{position:absolute;left:17px;right:17px;height:2px;background:var(--cream);transition:transform .5s var(--ease)}
.burger span:nth-child(1){top:21px}.burger span:nth-child(2){top:29px}
.menu-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:45;background:var(--terra);color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:100px var(--g) 32px;clip-path:circle(0% at calc(100% - 42px) 40px);transition:clip-path .8s var(--ease);visibility:hidden}
.menu-open .mmenu{clip-path:circle(150% at calc(100% - 42px) 40px);visibility:visible}
.mmenu a.big{font:400 clamp(48px,13vw,96px)/1.06 var(--serif);display:flex;align-items:baseline;gap:14px;padding:.04em 0 .1em}
.mmenu a.big small{font:600 12px/1 var(--sans);letter-spacing:.14em;opacity:.7}
.mmenu .mfoot{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(231,220,197,.3);font-size:15px}

/* cursor */
.cur{position:fixed;left:0;top:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .3s}
.has-cursor .cur{opacity:1}
.cur-dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--orange)}
.cur-ring{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1.5px solid rgba(230,112,37,.8);display:flex;align-items:center;justify-content:center;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),background .3s,border-color .3s}
.cur-ring b{font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .2s;white-space:nowrap}
.cur.lab .cur-ring{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--orange);border-color:var(--orange)}
.cur.lab .cur-ring b{opacity:1}
.cur.lab .cur-dot{opacity:0}
.cur.hov .cur-ring{width:64px;height:64px;margin:-32px 0 0 -32px;border-color:var(--cream)}
.trail{position:fixed;inset:0;z-index:99;pointer-events:none}

/* loader + transitions */
.loader{position:fixed;inset:0;z-index:200;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:clip-path 1.1s var(--ease);clip-path:inset(0 0 0 0)}
.loader.done{clip-path:inset(0 0 100% 0)}
.loader .num{font:400 clamp(120px,24vw,320px)/1 var(--serif);color:var(--cream);letter-spacing:-.04em;font-variant-numeric:tabular-nums;padding-bottom:.08em}
.loader .num em{color:var(--orange);font-style:normal}
.loader .bar{width:min(280px,60vw);height:2px;background:rgba(231,220,197,.15);overflow:hidden}
.loader .bar i{display:block;height:100%;width:0;background:var(--orange);transition:width .3s}
.loader p{margin:0;font:600 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;opacity:.6}
.curtain{position:fixed;inset:0;z-index:190;background:var(--orange);display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(100%);transition:transform .8s var(--ease)}
.curtain img{width:min(220px,40vw);filter:brightness(0) saturate(100%);opacity:.92}
.curtain.cover{transform:none}
.curtain.leave{transform:translateY(-100%)}
.still .loader,.still .curtain{display:none}

/* ---------- layout ---------- */
main{position:relative}
.hero-copy,.hero-top,.numcol,.lang-card,.lang-list,.lang-count,.lhead,.space-copy,.space-strip,.closer .wrap,.proc-pin,.mstage .now,.mcat,.mtabs{position:relative;z-index:4}
.lang-card{position:absolute}.lang-count{position:absolute}.lhead{position:absolute}.space-strip{position:absolute}.proc-pin{position:sticky}
.sec{position:relative;padding:clamp(96px,14vh,170px) var(--g)}
.wrap{max-width:1440px;margin:0 auto}
.rule{height:1px;background:currentColor;opacity:.16;border:0;margin:0}
.idx{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px)}

/* ---------- HOME: hero portal ---------- */
.hero{height:100vh;height:100svh;min-height:600px;position:relative;overflow:hidden;padding:0}
.hero-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.portal{position:relative;width:min(78vw,980px);aspect-ratio:500/424;margin-top:-6vh;will-change:transform}
.portal video,.portal .pfill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask:url(../img/mark.svg) center/contain no-repeat;mask:url(../img/mark.svg) center/contain no-repeat}
.portal .pfill{background:var(--terra);opacity:.25;transform:translate(1.4%,1.4%)}
.hero-copy{position:absolute;left:var(--g);right:var(--g);bottom:clamp(28px,5vh,56px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;z-index:4}
.hero-copy h1{font-size:clamp(44px,5.4vw,104px);line-height:1.02;letter-spacing:-.02em;max-width:8.6em;margin:0}
.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px;text-align:right;max-width:300px;font-size:15px}
.hero-top{position:absolute;top:clamp(92px,13vh,130px);left:var(--g);right:var(--g);display:flex;justify-content:space-between;z-index:4;font:600 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.scrollcue{display:flex;align-items:center;gap:10px}
.scrollcue i{width:1.5px;height:38px;background:linear-gradient(var(--orange),transparent);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(230,112,37,.22),transparent 60%);pointer-events:none}

/* chapter 01: number */
.num-sec{min-height:120vh;display:flex;align-items:center}
.bignum{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font:400 clamp(260px,46vw,780px)/.8 var(--serif);color:transparent;-webkit-text-stroke:1.5px rgba(231,220,197,.16);letter-spacing:-.05em;pointer-events:none;user-select:none;padding-bottom:.1em}
.scrub-text{font-family:var(--serif);font-size:clamp(30px,3.7vw,62px);line-height:1.12;letter-spacing:-.012em;max-width:17em;margin:28px 0 0}
.scrub-text .sw{opacity:.18;transition:opacity .25s}
.scrub-text .sw.on{opacity:1}
.counter{display:flex;align-items:baseline;gap:18px;margin-top:48px}
.counter b{font:400 clamp(72px,8vw,140px)/1 var(--serif);color:var(--orange);font-variant-numeric:tabular-nums;min-width:1.2em;padding-bottom:.06em}
.counter span{max-width:16em;font-size:15px;opacity:.7}

/* chapter 02: process (pinned horizontal) */
.proc{height:300vh;padding:0;position:relative}
.proc-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.proc-head{padding:0 var(--g);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(20px,4vh,40px)}
.proc-track{display:flex;gap:clamp(14px,2vw,28px);padding:0 var(--g);will-change:transform}
.panel{flex:0 0 auto;width:min(62vw,880px);height:min(62vh,560px);border-radius:var(--r);overflow:hidden;position:relative;background:var(--char)}
.panel video{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.6s var(--ease)}
.panel.on video{transform:scale(1)}
.panel figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,2.4vw,32px);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;background:linear-gradient(transparent,rgba(20,18,17,.85))}
.panel figcaption .d3{max-width:12em;color:var(--cream)}
.panel figcaption .idx{color:var(--cream);opacity:.85}
.proc-end{flex:0 0 auto;width:min(46vw,560px);display:flex;flex-direction:column;justify-content:center;gap:22px;padding-right:var(--g)}

/* chapter 03: 14 languages */
.langs{height:calc(15 * 42vh + 100vh);padding:0}
.langs-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:110px var(--g) 40px;gap:24px}
.lang-list{list-style:none;margin:0;padding:0;align-self:center;position:relative;height:min(70vh,640px);overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.lang-list ul{list-style:none;margin:0;padding:0;position:absolute;left:0;right:0;top:50%;transition:transform .8s var(--ease)}
.lang-list li{height:72px;display:flex;align-items:center}
.lang-list button{display:flex;align-items:baseline;gap:12px;font:400 clamp(30px,3.4vw,54px)/1.15 var(--serif);letter-spacing:-.015em;opacity:.28;transition:opacity .4s,transform .6s var(--ease);transform-origin:left center;text-align:left;padding:.04em 0 .12em}
.lang-list button sup{font:700 11px/1 var(--sans);letter-spacing:.12em;vertical-align:super;opacity:.8}
.lang-list li.on button{opacity:1;transform:scale(1.06)}
.lang-list li.on button span{color:var(--terra)}
.lang-card{position:absolute;right:var(--g);bottom:40px;width:min(420px,40vw);padding:26px 28px;border-radius:var(--r);background:rgba(242,234,219,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--char);box-shadow:0 24px 60px -30px rgba(60,30,10,.35)}
.lang-card .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lang-card h3{font:400 clamp(30px,2.6vw,42px)/1.08 var(--serif);margin:10px 0 4px;padding-bottom:.06em}
.lang-card .pron{display:flex;align-items:center;gap:10px;font-size:15px;opacity:.8}
.lang-card .say{width:36px;height:36px;border-radius:50%;background:var(--char);color:var(--cream);display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .3s}
.lang-card .say:hover{background:var(--orange);color:var(--ink)}
.lang-card .say[disabled]{opacity:.25;pointer-events:none}
.lang-card .say svg{width:16px;height:16px}
.lang-card .ing{margin:14px 0 12px;font-size:15px;line-height:1.5}
.lang-card .meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(43,43,43,.14);font-size:13px}
.price{font:700 20px/1 var(--sans);letter-spacing:-.01em;white-space:nowrap}
.tags{display:inline-flex;gap:6px}
.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;background:rgba(43,43,43,.08)}
.tag.veg{background:#dfe8c8;color:#3d5a22}.tag.hot{background:#f6d2bf;color:#9a3112}
.lang-count{position:absolute;right:var(--g);top:118px;font:400 clamp(44px,5vw,84px)/1 var(--serif);font-variant-numeric:tabular-nums;padding-bottom:.08em}
.lang-count small{font:600 12px/1 var(--sans);letter-spacing:.14em;opacity:.55;margin-left:8px}
.lang-hint{position:absolute;left:var(--g);bottom:40px;font-size:13px;opacity:.6;display:flex;gap:10px;align-items:center}

/* chapter 04: mini */
.mini{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,90px);align-items:center}
.tilt{border-radius:var(--r);overflow:hidden;transform-style:preserve-3d;transition:transform .6s var(--ease);aspect-ratio:1/1;background:var(--sand)}
.tilt img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.set{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(43,43,43,.16);border-bottom:1px solid rgba(43,43,43,.16);margin:28px 0}
.set b{font:400 clamp(22px,1.8vw,28px)/1.2 var(--serif)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pill{display:inline-flex;height:34px;align-items:center;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(43,43,43,.22);font-size:14px}

/* chapter 05: space */
.space{height:220vh;padding:0}
.space-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.space-media{position:absolute;inset:0;clip-path:inset(22% 30% 22% 30% round 28px);will-change:clip-path}
.space-media video{width:100%;height:100%;object-fit:cover}
.space-media:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,18,17,.25),rgba(20,18,17,.55))}
.space-copy{position:relative;z-index:2;text-align:center;padding:0 var(--g)}
.space-copy .d1{color:var(--cream)}
.space-strip{position:absolute;z-index:2;left:var(--g);right:var(--g);bottom:36px;display:flex;justify-content:space-between;gap:20px;color:var(--cream);font-size:15px}

/* chapter 06: closer */
.closer{min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.closer .d1{max-width:12em}
.marq{overflow:hidden;white-space:nowrap;margin:clamp(36px,7vh,80px) calc(var(--g) * -1) 0;border-top:1.5px solid rgba(28,26,25,.9);border-bottom:1.5px solid rgba(28,26,25,.9);padding:14px 0}
.marq div{display:inline-flex;gap:40px;animation:marq 26s linear infinite;font:400 clamp(40px,5vw,84px)/1.1 var(--serif);padding-bottom:.08em}
.marq span{display:inline-flex;align-items:center;gap:40px}
.marq span:after{content:"";width:.32em;height:.32em;border-radius:50%;background:var(--ink)}
@keyframes marq{to{transform:translateX(-50%)}}
.closer-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(36px,6vh,64px);align-items:end}
.closer-row h4{margin:0 0 10px;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.closer-row p{margin:0;font-size:17px}

/* instagram */
.ig{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px}
.ig a{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--char)}
.ig a img,.ig a video{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ig a:hover img,.ig a:hover video{transform:scale(1.06)}

/* footer */
.foot{position:relative;z-index:2;background:var(--ink);color:var(--cream);padding:clamp(64px,10vh,110px) var(--g) 28px;overflow:hidden}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.foot h5{margin:0 0 14px;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.foot a:hover{color:var(--orange)}
.hours{display:grid;grid-template-columns:auto auto;gap:6px 20px;font-size:15px}
.hours .today{color:var(--orange)}
.foot-mark{margin-top:clamp(48px,8vh,90px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.foot-mark img{width:min(46vw,560px);height:auto;opacity:.95}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;opacity:.65}
.foot-bot nav{display:flex;flex-wrap:wrap;gap:8px 20px}

/* ---------- SUBPAGES ---------- */
.phero{min-height:78vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:150px;position:relative;overflow:hidden}
.phero .d1{max-width:10em}
.phero-bg{position:absolute;inset:0;z-index:-1}
.phero-bg video{width:100%;height:100%;object-fit:cover;opacity:.45}
.phero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(28,26,25,.3),var(--ink))}
.crumbs{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;opacity:.8}

/* menu page */
.mlayout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px)}
.mstage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:40px;pointer-events:none}
.mstage .now{pointer-events:auto;padding:22px 24px;border-radius:var(--r);background:rgba(242,234,219,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mtabs{position:sticky;top:80px;z-index:6;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:12px 0;margin-bottom:12px;background:linear-gradient(var(--cream) 75%,transparent)}
.mtabs::-webkit-scrollbar{display:none}
.mtabs a{flex:0 0 auto;height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;font:700 12px/1 var(--sans);letter-spacing:.12em;box-shadow:inset 0 0 0 1px rgba(43,43,43,.25);transition:background .3s,color .3s}
.mtabs a.on,.mtabs a:hover{background:var(--char);color:var(--cream);box-shadow:none}
.mcat{padding-top:36px;scroll-margin-top:140px}
.mcat>h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1.5px solid var(--char);padding-bottom:12px;margin:0 0 6px}
.mcat>h2 small{font:600 12px/1 var(--sans);letter-spacing:.14em;opacity:.55}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:20px 0;border-bottom:1px solid rgba(43,43,43,.14);transition:padding .5s var(--ease)}
.item.pz{cursor:pointer}
.item.pz:hover,.item.pz.on{padding-left:14px}
.item.pz.on h3 span.n{color:var(--terra)}
.item h3{margin:0;font:400 clamp(26px,2.3vw,38px)/1.12 var(--serif);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-bottom:.04em}
.item h3 sup{font:700 11px/1 var(--sans);letter-spacing:.12em;opacity:.65}
.item .pr{font-size:14px;opacity:.6;font-style:italic}
.item p{grid-column:1/-1;margin:0;font-size:15px;max-width:44em}
.item .al{grid-column:1/-1;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.55;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px}
.dl div{display:contents}
.dl dt,.dl dd{padding:13px 0;border-bottom:1px solid rgba(43,43,43,.12);margin:0;font-size:16px}
.dl dd{font-weight:700;white-space:nowrap}
.dl dt span{opacity:.55;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-left:8px}
.sub{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:28px 0 4px;opacity:.6}

/* about */
.chap{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(24px,5vw,90px);padding:clamp(56px,9vh,110px) 0;border-top:1px solid var(--line)}
.chap .idx{position:sticky;top:120px;align-self:start}
.chap .lead{max-width:30em}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:40px}
.duo figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--char)}
.duo img,.duo video{width:100%;height:100%;object-fit:cover}

/* contact */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.card{border-radius:var(--r);padding:clamp(22px,2.6vw,36px);background:rgba(231,220,197,.06);box-shadow:inset 0 0 0 1px var(--line)}
.card h3{margin:0 0 18px;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.hrs{display:grid;gap:0}
.hrs div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.hrs div.today{color:var(--orange)}
.hrs div.today b:after{content:" · danas";font-weight:500;opacity:.8}
.cinfo{display:grid;gap:22px}
.cinfo a.big{font:400 clamp(28px,2.8vw,46px)/1.1 var(--serif);display:block;padding-bottom:.06em;transition:color .3s;overflow-wrap:anywhere}
.cinfo a.big:hover{color:var(--orange)}

/* forms */
.form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.form label{display:grid;gap:8px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.form label.full{grid-column:1/-1}
.form input,.form select,.form textarea{font:500 16px/1.4 var(--sans);color:inherit;background:rgba(231,220,197,.06);border:1px solid var(--line);border-radius:14px;padding:14px 16px;width:100%;outline:none;transition:border-color .3s}
.form select option{color:#222}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--orange)}
.form .file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px dashed var(--line);border-radius:14px;font:500 15px/1.4 var(--sans);text-transform:none;letter-spacing:0}
.form .ok{grid-column:1/-1;display:none;padding:16px;border-radius:14px;background:rgba(127,210,127,.14);color:#bfe8bf;text-align:center}
.form.sent .ok{display:block}
.ticks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:17px}
.ticks li:before{content:"14";flex:0 0 auto;font:700 10px/22px var(--sans);width:26px;height:22px;border-radius:999px;background:var(--orange);color:var(--ink);text-align:center;margin-top:2px}
.legal .ph{padding:22px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);opacity:.85}
.legal h2{font:400 clamp(26px,2.4vw,36px)/1.15 var(--serif);margin:42px 0 12px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .links{display:none}.burger{display:block}
  .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:820px){
  body{font-size:16px}
  .status{display:none}
  .nav-r .btn{display:none}
  .brand{height:48px}.burger{width:48px;height:48px}.burger span{left:15px;right:15px}.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:27px}
  .portal{width:min(92vw,520px);margin-top:-16vh}
  .hero-copy{flex-direction:column;align-items:flex-start}
  .hero-side{align-items:flex-start;text-align:left;max-width:none}
  .hero-top span:last-child{display:none}
  .grid2,.mini,.cgrid,.mlayout,.duo{grid-template-columns:minmax(0,1fr)}
  .num-sec{min-height:auto}
  .proc{height:auto}
  .proc-pin{position:relative;height:auto;padding:96px 0}
  .proc-track{flex-direction:column;transform:none!important}
  .panel{width:100%;height:auto;aspect-ratio:4/5}
  .proc-end{width:auto;padding:24px var(--g) 0}
  .langs{height:calc(15 * 34vh + 100vh)}
  .langs-pin{grid-template-columns:minmax(0,1fr);padding:84px var(--g) 18px;grid-template-rows:auto 1fr}
  .lang-list{height:72px;align-self:start;-webkit-mask:none;mask:none}
  .lang-list li{justify-content:flex-start}
  .lang-list li:not(.on){visibility:hidden}
  .lang-list li.on button{transform:none}
  .lang-list button{font-size:clamp(30px,9vw,44px)}
  .lang-card{left:var(--g);right:var(--g);width:auto;bottom:18px;padding:18px 20px}
  .lang-card .ing{font-size:14px;margin:8px 0}
  .lang-card h3{font-size:28px;margin:6px 0 2px}
  .lang-count{top:auto;bottom:auto;right:var(--g);top:96px;font-size:40px}
  .lang-hint{display:none}
  .space{height:180vh}
  .space-strip{flex-direction:column;gap:6px}
  .closer-row{grid-template-columns:minmax(0,1fr)}
  .ig{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mstage{position:relative;height:56vh;order:-1}
  .mstage .now{display:none}
  .chap{grid-template-columns:minmax(0,1fr)}
  .chap .idx{position:static}
  .form{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
  .foot-mark{flex-direction:column;align-items:flex-start}
  .foot-mark img{width:70vw}
}
@media (prefers-reduced-motion:reduce){
  .w>i{transform:none!important}.fade{opacity:1!important;transform:none!important}
  .marq div{animation:none}
}