/* Mordéa Labs — labs.mordeahome.com
   Brand tokens from the Mordéa Home brand book: cream / ink / cognac / taupe / sand.
   Every word is in the HTML; motion is layered on by site.js and switched off for
   no-JS and prefers-reduced-motion (html.still). */

@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-latin-wght-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-latin-ext-wght-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-latin-wght-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Mulish";src:url(/fonts/mulish-latin-wght-normal.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  --cream:#F9F7F5; --white:#FFFFFF; --ink:#1B1B1B; --cognac:#905B3A; --taupe:#C2AD9D; --sand:#E5DBCF;
  --muted:rgb(27 27 27 / .62); --line:var(--sand);
  --bg:var(--cream); --fg:var(--ink);
  --display:"Fraunces",Georgia,serif; --head:"Newsreader",Georgia,serif; --body:"Mulish",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --gutter:clamp(20px,4.2vw,64px); --max:1320px;
  --ease:cubic-bezier(.22,.8,.18,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.still{scroll-behavior:smooth}
body{font:400 clamp(16px,1.05vw,18px)/1.6 var(--body);background:var(--bg);color:var(--fg);transition:background-color .7s var(--ease),color .7s var(--ease);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-dark{--bg:var(--ink);--fg:var(--cream);--muted:rgb(249 247 245 / .62);--line:rgb(249 247 245 / .14)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
em,i{font-style:italic}
ul,ol{list-style:none}
::selection{background:var(--cognac);color:var(--cream)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--cream);padding:8px 12px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--cognac);outline-offset:3px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.small{font-size:.68rem;color:var(--muted)}
.center{text-align:center}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cognac);margin-bottom:1.6rem;display:flex;align-items:center;gap:.8rem}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.h2{font-family:var(--head);font-weight:400;font-size:clamp(2.2rem,5.2vw,4.9rem);line-height:1.02;letter-spacing:-.022em;max-width:17ch}
.h2 em{font-family:var(--display);font-style:italic;color:var(--cognac)}
.h3{font-family:var(--head);font-weight:500;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.01em}
.lead{font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.6;color:var(--muted);max-width:56ch;margin-top:1.6rem}
section{position:relative}

/* buttons, links, pills */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.6rem;border-radius:999px;background:var(--ink);color:var(--cream);font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:background .35s var(--ease),transform .35s var(--ease)}
.btn:hover{background:var(--cognac)}
.btn--sm{padding:.62rem 1.15rem;font-size:.85rem}
body.is-dark .btn{background:var(--cream);color:var(--ink)}
.link{display:inline-flex;gap:.4rem;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .3s}
.link:hover{color:var(--cognac)}
.pill{display:inline-block;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;padding:.36rem .7rem;border-radius:999px;border:1px solid var(--cognac);white-space:nowrap;vertical-align:middle}
.pill--live{background:var(--cognac);color:var(--cream)}
.pill--dev{color:var(--cognac)}
.pill--next{border-style:dashed;border-color:var(--taupe);color:var(--muted)}
body.is-dark .pill--dev{color:var(--taupe);border-color:var(--taupe)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem var(--gutter);transition:transform .5s var(--ease),background .5s,color .5s}
.nav::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .4s;z-index:-1;border-bottom:1px solid var(--line)}
.nav.is-scrolled::before{opacity:1}
.nav.is-hidden{transform:translateY(-110%)}
.wordmark{font-family:var(--display);font-weight:400;font-size:1.05rem;letter-spacing:.18em;white-space:nowrap}
.wordmark i{font-style:italic}
.wordmark span{font-family:var(--mono);font-size:.62rem;letter-spacing:.24em;margin-left:.35rem;color:var(--cognac);vertical-align:middle}
.nav nav{display:flex;gap:2rem;font-size:.88rem}
.nav nav a{position:relative;color:var(--muted);transition:color .3s}
.nav nav a:hover{color:var(--fg)}
.nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--cognac);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav nav a:hover::after{transform:scaleX(1);transform-origin:left}
@media (max-width:900px){.nav nav{display:none}}

/* hero */
.hero{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:center;padding:clamp(110px,14vh,160px) var(--gutter) clamp(80px,10vh,120px);max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto;overflow:visible}
.hero__title{font-family:var(--display);font-weight:300;font-size:clamp(3.1rem,8.4vw,8.6rem);line-height:.94;letter-spacing:-.035em;margin:.2rem 0 0}
.hero__title em{font-weight:400;color:var(--cognac)}
.hero__lede{font-family:var(--head);font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:1.3;margin-top:2.2rem;max-width:30ch}
.hero__sub{color:var(--muted);margin-top:1.1rem;max-width:48ch}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2.4rem}
.hero__object{position:relative;justify-self:center;width:min(100%,440px)}
.hero__img{border-radius:220px 220px 18px 18px;overflow:hidden;background:var(--white);box-shadow:0 40px 80px -40px rgb(144 91 58 / .35)}
.hero__img img{width:100%;transform:scale(1.22);transform-origin:50% 58%}
.hero__object figcaption{margin-top:.8rem;text-align:right}
.tags{position:absolute;inset:0;pointer-events:none}
.tag{position:absolute;left:var(--l,auto);right:var(--r,auto);top:var(--y);background:color-mix(in srgb,var(--white) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--sand);border-radius:12px;padding:.55rem .8rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;white-space:nowrap;box-shadow:0 12px 30px -16px rgb(27 27 27 / .35)}
.tag b{color:var(--cognac);font-weight:600;margin-right:.35rem}
.tag s{text-decoration:none;color:var(--muted);margin-left:.35rem}
.tag--safe{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.tag--safe b{color:var(--taupe)}
.thread{position:absolute;left:0;right:0;bottom:-4vh;width:100%;height:62vh;pointer-events:none;z-index:0}
.hero__copy,.hero__object{position:relative;z-index:1}
.thread path{fill:none;stroke:var(--cognac);stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:.7}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:120px}
  .hero__object{width:min(78%,360px)}
  .tag{font-size:.58rem}
}

/* marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:1.4rem 0;white-space:nowrap}
.marquee__track{display:inline-flex;gap:0;will-change:transform}
.marquee__track span{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(1.8rem,3.4vw,3.2rem);padding:0 1.4rem;display:inline-flex;align-items:center;gap:2.8rem}
.marquee__track span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--cognac);display:inline-block;margin-left:1.4rem}
html:not(.js) .marquee__track,html.still .marquee__track{white-space:normal;display:flex;flex-wrap:wrap;justify-content:center}

/* problem */
.problem{padding:clamp(110px,16vh,200px) 0}
.problem__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
.scatter{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:clamp(56px,8vh,96px)}
.scatter li{border:1px solid var(--line);border-radius:999px;padding:.8rem 1.3rem;font-family:var(--head);font-size:clamp(1rem,1.5vw,1.35rem);background:var(--white)}
.scatter__out{margin-top:2rem;font-family:var(--display);font-style:italic;font-size:clamp(1.4rem,2.4vw,2.2rem);color:var(--cognac)}
@media (max-width:800px){.problem__grid{grid-template-columns:1fr}}

/* thread / horizontal scroll */
.thread-sec{padding:clamp(80px,12vh,140px) 0 clamp(60px,8vh,100px);background:var(--white);border-block:1px solid var(--line)}
body.is-dark .thread-sec{background:var(--bg)}
.thread-sec__head{margin-bottom:clamp(40px,6vh,72px)}
.hscroll{position:relative}
.hscroll__track{display:grid;gap:clamp(28px,4vw,56px);padding:0 var(--gutter);max-width:calc(var(--max) + 2*var(--gutter));margin:0 auto}
.panel{display:grid;gap:1rem}
.panel p{color:var(--muted);max-width:46ch}
.panel__meta{display:flex;align-items:center;gap:1rem}
.num{font-family:var(--display);font-style:italic;font-size:2.6rem;color:var(--cognac);line-height:1}
.shot{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--cream);box-shadow:0 30px 70px -40px rgb(27 27 27 / .35);margin-top:.6rem}
.shot img{width:100%}
.shot--wide{margin-top:clamp(40px,6vh,72px)}
.hscroll__bar{display:none}
html.js:not(.still) .hscroll{height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
html.js:not(.still) .hscroll__track{display:flex;width:max-content;max-width:none;margin:0;gap:clamp(32px,4vw,72px);padding:0 var(--gutter);will-change:transform}
html.js:not(.still) .panel{width:min(62vw,880px);flex:none;align-content:start}
html.js:not(.still) .hscroll__bar{display:block;position:absolute;left:var(--gutter);right:var(--gutter);bottom:5vh;height:1px;background:var(--line)}
html.js:not(.still) .hscroll__bar span{display:block;height:100%;background:var(--cognac);transform:scaleX(0);transform-origin:left}
@media (max-width:900px){
  html.js:not(.still) .hscroll{height:auto;overflow:visible;display:block}
  html.js:not(.still) .hscroll__track{display:grid;width:auto}
  html.js:not(.still) .panel{width:auto}
  html.js:not(.still) .hscroll__bar{display:none}
}

/* factory portal / redaction */
.safe{padding:clamp(110px,16vh,200px) 0}
.docs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,3vw,48px);margin-top:clamp(48px,7vh,88px)}
.doc{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.6vw,36px);box-shadow:0 30px 60px -44px rgb(27 27 27 / .4)}
.doc--factory{border-color:var(--cognac)}
.doc__k{color:var(--muted)}
.doc__t{font-family:var(--head);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.4rem);margin:.6rem 0 1.4rem}
.doc dl div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line);font-size:.95rem}
.doc dt{color:var(--muted)}
.doc dd{font-family:var(--mono);font-size:.82rem;text-align:right;position:relative}
.doc__price dd{font-weight:600}
.doc--factory .doc__price dd{color:var(--cognac)}
.redact{display:none}
.redact__word{font-family:var(--mono)}
html.js:not(.still) .redact{display:block;position:absolute;inset:-3px -6px;background:var(--ink);border-radius:4px;transform:scaleX(0);transform-origin:left}
.doc__arrow{font-family:var(--display);font-size:3rem;color:var(--cognac)}
@media (max-width:860px){.docs{grid-template-columns:1fr}.doc__arrow{transform:rotate(90deg);justify-self:center}}

/* harness (dark) */
.harness{padding:clamp(120px,18vh,220px) 0;background:var(--ink);color:var(--cream);--muted:rgb(249 247 245 / .62);--line:rgb(249 247 245 / .14)}
.harness .eyebrow{color:var(--taupe)}
.harness .h2{max-width:18ch}
.maxim{font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(1.8rem,3.6vw,3.4rem);line-height:1.12;margin:clamp(56px,8vh,96px) 0 0;color:var(--taupe);max-width:22ch}
.layers{margin-top:clamp(56px,9vh,110px);display:grid;gap:10px;perspective:1400px}
.layers li{display:grid;grid-template-columns:4rem 1fr 2fr;gap:1.6rem;align-items:baseline;padding:1.5rem 1.8rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgb(249 247 245 / .05),rgb(249 247 245 / .015))}
.layers li:nth-child(4){border-color:var(--cognac);background:linear-gradient(180deg,rgb(144 91 58 / .3),rgb(144 91 58 / .1))}
.layers h3{font-family:var(--head);font-weight:400;font-size:clamp(1.3rem,2vw,1.8rem)}
.layers p{color:var(--muted)}
.layers .mono{color:var(--taupe)}
@media (max-width:800px){.layers li{grid-template-columns:2.6rem 1fr}.layers p{grid-column:2}}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);margin-top:clamp(56px,8vh,96px);border-top:1px solid var(--line);padding-top:2.4rem}
.fact strong{display:block;font-family:var(--display);font-weight:300;font-size:clamp(3rem,6vw,5.6rem);line-height:1;color:var(--cream)}
.fact span{display:block;margin-top:.9rem;color:var(--muted);max-width:34ch}
@media (max-width:800px){.facts{grid-template-columns:1fr}}
.ledger{margin-top:clamp(56px,8vh,96px);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.6rem;background:rgb(0 0 0 / .25)}
.ledger ol{margin-top:1rem;display:grid;gap:.2rem}
.ledger li{display:grid;grid-template-columns:6rem 1.6fr 1fr 1.2fr;gap:1rem;font-family:var(--mono);font-size:.76rem;padding:.6rem 0;border-top:1px solid var(--line);align-items:baseline}
.ledger code{color:var(--taupe)}
.ledger em{font-style:normal;color:var(--cream)}
.ledger i{font-style:normal;color:var(--muted)}
@media (max-width:800px){.ledger li{grid-template-columns:1fr 1fr}}
.harness__sub{margin-top:clamp(64px,9vh,120px);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2rem}
.card{border:1px solid var(--line);border-radius:16px;padding:1.6rem;min-height:15rem;display:flex;flex-direction:column;gap:.8rem;transition:border-color .4s,transform .5s var(--ease)}
.card:hover{border-color:var(--cognac);transform:translateY(-4px)}
.card h4{font-family:var(--head);font-weight:500;font-size:1.3rem}
.card p{color:var(--muted);font-size:.95rem}
@media (max-width:1000px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}

/* status board */
.status{padding:clamp(110px,16vh,200px) 0}
.board{width:100%;border-collapse:collapse;margin-top:clamp(40px,6vh,72px)}
.board th,.board td{text-align:left;padding:1.3rem 1rem 1.3rem 0;border-top:1px solid var(--line);vertical-align:top}
.board thead th{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400;border-top:none}
.board tbody th{font-family:var(--head);font-weight:500;font-size:1.25rem;width:22%}
.board td:nth-child(2){color:var(--muted)}
.board td:last-child{text-align:right;width:12rem}
@media (max-width:760px){.board thead{display:none}.board tr{display:grid;padding:1rem 0;border-top:1px solid var(--line)}.board th,.board td{border:none;padding:.3rem 0;width:auto!important;text-align:left!important}}

/* nvidia next */
.nvidia{padding:clamp(100px,14vh,180px) 0;background:var(--white);border-block:1px solid var(--line)}
.next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(40px,6vh,72px)}
.next__item{border:1px dashed var(--taupe);border-radius:16px;padding:1.8rem;display:grid;gap:.9rem;align-content:start}
.next__item h3{font-family:var(--head);font-weight:500;font-size:1.35rem}
.next__item p{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.next{grid-template-columns:1fr}}

/* deployment */
.deploy{padding:clamp(110px,16vh,200px) 0}
.deploy__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center}
.deploy .link{margin-top:2rem}
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.strip li{border-radius:999px 999px 16px 16px;overflow:hidden;background:var(--white);border:1px solid var(--line)}
.strip li:nth-child(2){transform:translateY(12%)}
@media (max-width:900px){.deploy__grid{grid-template-columns:1fr}}

/* company */
.company{padding:clamp(100px,14vh,180px) 0;border-top:1px solid var(--line)}
.company__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px)}
.team{display:grid;gap:0;align-content:start;margin-top:3.2rem}
.team li{display:grid;gap:.3rem;padding:1.4rem 0;border-top:1px solid var(--line)}
.team__name{font-family:var(--head);font-size:1.6rem}
.team__role{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cognac)}
.team__line{color:var(--muted)}
.contact{grid-column:1/-1;margin-top:clamp(40px,6vh,72px)}
.big-link{display:inline-block;margin-top:.8rem;font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,5vw,4.4rem);letter-spacing:-.02em;border-bottom:1px solid var(--line);transition:color .3s,border-color .3s}
.big-link:hover{color:var(--cognac);border-color:var(--cognac)}
@media (max-width:900px){.company__grid{grid-template-columns:1fr}.team{margin-top:0}}

/* footer */
.foot{padding:clamp(60px,10vh,120px) 0 2rem;overflow:hidden;border-top:1px solid var(--line)}
.foot__mark{display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--gutter);font-family:var(--display);font-weight:300;font-size:clamp(3.4rem,15.5vw,15rem);line-height:.82;letter-spacing:-.03em;white-space:nowrap}
.foot__mark i{font-style:italic;color:var(--cognac)}
.foot__mark span:last-child{font-family:var(--mono);font-weight:300;font-size:.22em;letter-spacing:.3em;color:var(--cognac);padding-bottom:.4em}
.foot__row{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.foot__row nav{display:flex;gap:1.4rem}
.foot__row a:hover{color:var(--cognac)}
@media (max-width:900px){.foot__row{grid-template-columns:1fr}}

/* grain + cursor */
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:60;opacity:.045;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor{display:none}
@media (hover:hover) and (pointer:fine){
  html.js:not(.still) .cursor{display:block;position:fixed;left:0;top:0;z-index:70;pointer-events:none;mix-blend-mode:difference}
  html.js:not(.still) .cursor span{display:block;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#F9F7F5;transition:transform .35s var(--ease)}
  html.js:not(.still) .cursor.is-link span{transform:scale(4.2)}
}

/* initial states for motion (only when JS runs and motion is allowed) */
html.js:not(.still) [data-reveal]{opacity:0;transform:translateY(28px)}
html.js:not(.still) .tag{opacity:0}
html.js:not(.still) .split-line{overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}

/* legal pages */
.legal .nav{position:sticky}
.legal__body{padding-top:clamp(60px,10vh,120px);padding-bottom:clamp(80px,12vh,140px);max-width:820px}
.legal__body .h3{margin-top:2.6rem;margin-bottom:.8rem}
.legal__body p{color:var(--muted);max-width:64ch}
.legal__body .h2{margin-bottom:1rem}

.about{margin-top:1.6rem;font-size:.92rem;line-height:1.7;color:var(--muted);max-width:62ch;border-left:1px solid var(--cognac);padding-left:1.2rem}