/* =====================================================================
   ADAMAR · PRIVATE CATALOGUE · CALM (Concept B · "Match the Website")
   Loaded last. Makes the catalogue read exactly like About / Technology:
   Cormorant Garamond 400 titles at the site's sizes, Jost 300 reading
   text, Jost 400 small letter-spaced labels, ~110px section rhythm,
   hairline #24272A card panels (1px rgba(236,232,223,.12), 18–24px radius),
   thin-outline pill buttons with a drawn hairline arrow, slow soft motion.
   Decoration the main site does not use (roof-slot beams, grain, stone
   texture, glowing lamps, 3D book, giant numerals) is removed or quietened.
   No wording, links, forms or behaviour are changed.
   ===================================================================== */

/* ---------- 0 · tokens: the site's exact palette, no warm/brown cast ---------- */
html, html[data-theme], html[data-theme="1"]{
  --basalt:#1B1D1F !important; --shadow:#24272A !important; --shadow-2:#1B1D1F !important;
  --formwork:rgba(236,232,223,.12) !important; --joint:rgba(236,232,223,.08) !important;
  --titanium:#B9B5AB !important; --porcelain:#ECE8DF !important; --daylight:#ECE8DF !important;
  --pounamu:#C9963D !important; --brass:#C9963D !important; --brass-bright:#C9963D !important;
  --t-rgb:27,29,31 !important; --t-bar:27,29,31 !important; --t-panel:#24272A !important; --t-deep:#1B1D1F !important;
  --t-accent:#C9963D !important; --t-accent-rgb:201,150,61 !important; --t-accent-hi:#C9963D !important;
  --t-hair:rgba(236,232,223,.12) !important; --t-line:rgba(236,232,223,.12) !important; --t-ring:rgba(236,232,223,.28) !important;
  --t-tint:transparent !important;
  --c-panel:#24272A; --c-line:rgba(236,232,223,.12); --c-line-2:rgba(236,232,223,.28);
  --c-r:18px; --c-r-lg:22px;
  --c-sec:110px;
  --c-ease:cubic-bezier(.45,.05,.25,1);
  --c-title:clamp(2.6rem,5vw,4.2rem);
  --c-h2:clamp(2rem,3.4vw,3rem);
  --c-h3:clamp(1.5rem,2vw,1.8rem);
  --c-read:clamp(16px,1.15vw,17.5px);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --didone:var(--serif) !important; --voice:var(--sans) !important; --ui:var(--sans) !important;
  background:#1B1D1F !important;
}
html body{background:#1B1D1F !important;color:#ECE8DF;font:300 16px/1.75 var(--sans) !important}
html[data-theme] section, html[data-theme] main, html[data-theme] footer{background-color:#1B1D1F}
::selection{background:rgba(201,150,61,.25);color:#ECE8DF}

/* ---------- 1 · type system, exactly the site's ---------- */
.display, h1, h2, h3, h4.display{font-family:var(--serif) !important;font-weight:400 !important;font-style:normal !important;
  letter-spacing:-.01em !important;line-height:1.08 !important;color:#ECE8DF !important;text-shadow:none !important}
.label, .fine .label{font:400 10.5px/1.6 var(--sans) !important;letter-spacing:.18em !important;text-transform:uppercase;color:#B9B5AB}
.voice{font:300 var(--c-read)/1.8 var(--sans) !important;color:#B9B5AB !important;letter-spacing:0 !important}
.tbc{font:300 inherit/inherit var(--sans);font-family:var(--sans) !important;font-style:normal !important;color:#B9B5AB;letter-spacing:0}
.fine{font:300 13px/1.65 var(--sans) !important;color:#B9B5AB !important;letter-spacing:0 !important}
em{font-family:var(--serif);font-style:italic}
dd{font-family:var(--sans) !important;font-weight:300 !important}
.xm i{font-family:var(--serif) !important;font-style:normal !important;font-weight:400 !important;letter-spacing:0 !important;margin-left:.04em;transform:none !important}

/* ---------- 2 · buttons: thin outline pill + drawn hairline arrow ---------- */
html[data-theme] .btn, html[data-theme] .btn.xl, html[data-theme="1"] .btn, html[data-theme="1"] .btn.xl{
  --t-btn-fill:rgba(236,232,223,.04);
  background:transparent !important;box-shadow:none !important;outline:0 !important;
  border:1px solid var(--c-line-2) !important;border-radius:999px !important;color:#ECE8DF !important;
  font:400 11px/1 var(--sans) !important;letter-spacing:.16em !important;text-transform:uppercase;
  padding:16px 26px 16px 28px !important;gap:16px !important;width:auto !important;max-width:100%;white-space:normal;text-align:center;
  transition:border-color 1.2s var(--c-ease),color 1.2s var(--c-ease) !important}
html[data-theme] .btn:hover, html[data-theme] .btn.xl:hover, html[data-theme] .btn:focus-visible{
  border-color:rgba(201,150,61,.7) !important;color:#ECE8DF !important;background:transparent !important;box-shadow:none !important}
html[data-theme] .btn::before{border-radius:inherit;transition:transform 1.4s var(--c-ease) !important}
html[data-theme] .btn .ar{width:18px !important;transition:width 1.2s var(--c-ease) !important}
html[data-theme] .btn:hover .ar{width:26px !important}
html[data-theme] .btn .ar::after{width:5px !important;height:5px !important;top:-2px !important}
html[data-theme] #dlBtn .ar{width:1px !important;height:13px !important}
html[data-theme] #dlBtn .ar::after{top:auto !important;left:-2px !important;right:auto !important}
html[data-theme] #dlBtn:hover .ar{width:1px !important;height:17px !important}
/* secondary: quiet text link with a hairline underline (as on the site) */
html[data-theme] .btn.ghost, html[data-theme="1"] .btn.ghost{border:0 !important;border-radius:0 !important;padding:16px 2px !important;color:#B9B5AB !important}
html[data-theme] .btn.ghost:hover{color:#ECE8DF !important}
html[data-theme="1"] .btn.ghost::after{bottom:10px !important;right:2px !important;
  background:linear-gradient(#C9963D,#C9963D) 0 0/0 100% no-repeat,rgba(236,232,223,.25) !important;transition:background-size 1.4s var(--c-ease) !important}
html[data-theme] .linkish{font:400 10.5px/1.4 var(--sans) !important;letter-spacing:.16em !important}
html[data-theme] .cpy{border:1px solid var(--c-line) !important;border-radius:999px !important;font:400 9.5px/1 var(--sans) !important;letter-spacing:.16em !important;padding:8px 13px !important;background:transparent !important}
html[data-theme] .cpy:hover{border-color:var(--c-line-2) !important}

/* ---------- 3 · bars ---------- */
html[data-theme] .top{border-bottom:1px solid var(--c-line) !important;background:rgba(27,29,31,.9) !important}
html[data-theme] .top nav a{font:400 10px/1 var(--sans) !important;letter-spacing:.15em !important}
html[data-theme] .top nav a.cta{border:1px solid rgba(201,150,61,.55) !important;border-radius:999px !important;padding:9px 16px !important;color:#ECE8DF !important;background:transparent !important}
html[data-theme] .top nav a.cta:hover{background:rgba(201,150,61,.08) !important}
html[data-theme] .menu-btn{border:1px solid var(--c-line) !important;border-radius:999px;font:400 10px/1 var(--sans) !important;letter-spacing:.15em !important}
@media (max-width:1060px){html[data-theme] .top nav a.cta{margin-top:14px;padding:12px 18px !important}}
html[data-theme] .welcome{background:#1B1D1F !important;border-bottom:1px solid var(--c-line) !important}
.welcome p.voice{font-size:15px !important;color:#ECE8DF !important}

/* ---------- 4 · gate ---------- */
.gate .formwork, .gate .grain, .gate .slot, .gate .beam, .gate .pool{display:none !important}
.gate{padding-top:var(--c-sec) !important;padding-bottom:56px !important}
.gate-grid{align-items:start !important;gap:clamp(40px,6vw,96px) !important}
.gate h1{font-size:var(--c-title) !important;margin:22px 0 26px !important}
.gate h1 span{display:block}
.gate h1 span+span{padding-left:0 !important}
.gate .lede{max-width:34ch !important;font-size:clamp(16px,1.3vw,18px) !important}
.gate-form{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--c-r-lg);padding:clamp(26px,3vw,44px) !important;max-width:520px !important}
.gate-form .label.head{color:#ECE8DF !important;margin-bottom:26px !important}
.gate-foot{border-top:1px solid var(--c-line) !important;margin-top:72px !important}
html[data-theme] .roles label span{border:1px solid var(--c-line) !important;border-radius:999px !important;font:400 10px/1 var(--sans) !important;letter-spacing:.15em !important;padding:11px 16px !important}
html[data-theme] .roles input:checked+span{border-color:rgba(201,150,61,.65) !important;background:transparent !important;color:#ECE8DF !important}
html[data-theme] .field input, html[data-theme] .field select, html[data-theme] .field textarea{font:300 16px/1.5 var(--sans) !important;border-bottom:1px solid rgba(236,232,223,.18) !important}
html[data-theme] .field input:focus, html[data-theme] .field select:focus, html[data-theme] .field textarea:focus{border-bottom-color:rgba(201,150,61,.7) !important}
.field>span.label{margin-bottom:4px}

/* ---------- 5 · hero ---------- */
html[data-theme] .hero .ph::before, html[data-theme] .break::before, html[data-theme] .bay.lit .shot::before, html[data-theme] .fphoto .crop::before{content:none !important}
.hero .copy{padding-top:var(--c-sec) !important;padding-bottom:var(--c-sec) !important}
.hero h2{line-height:1.05 !important;margin:20px 0 0 !important}
.hero h2 .hw, .hero h2 .xm{display:inline !important;font-size:var(--c-title) !important;line-height:1.05 !important;margin:0 !important;letter-spacing:-.01em !important}
.hero h2 .hw::after{content:" "}
.hero .lede{max-width:36ch !important;font-size:clamp(16px,1.3vw,18px) !important;margin:24px 0 36px !important}
.hero .ctas{gap:14px 28px !important}
.hero-meta{margin-top:48px !important;gap:32px !important}
html[data-theme] .hero-meta div{border-left:1px solid var(--c-line) !important;padding-left:16px}
.hero-meta dd{font-size:14px !important;color:#ECE8DF}
.plate-no b{font:400 9.5px/1.5 var(--sans) !important;letter-spacing:.18em !important;color:#B9B5AB !important}
.plate-no span{font-size:13px !important;color:rgba(185,181,171,.8) !important}
@media (max-width:860px){.hero .copy{margin-top:-64px !important;padding-top:0 !important;padding-bottom:8px !important}}

/* ---------- 6 · section rhythm and heads (site: 110px, title then text) ---------- */
.chapter{padding:var(--c-sec) 0 !important}
#folio.chapter{padding-top:48px !important}
.head{display:block !important;margin-bottom:56px !important;max-width:720px}
.head h3{font-size:var(--c-h2) !important;margin:16px 0 0 !important}
.head p.voice{margin-top:18px !important;max-width:56ch !important}

/* ---------- 7 · the hall: hairline card panels ---------- */
html[data-theme] .hall, .hall{gap:18px !important;background:none !important;border:0 !important;grid-auto-rows:minmax(400px,auto) !important}
html[data-theme] .bay, html[data-theme] .cmp-tile{background:var(--c-panel) !important;border:1px solid var(--c-line) !important;border-radius:var(--c-r) !important;overflow:hidden;
  transition:border-color 1.2s var(--c-ease) !important}
html[data-theme] a.bay:hover, html[data-theme] .cmp-tile:hover{background:var(--c-panel) !important;border-color:var(--c-line-2) !important}
.bay{padding:22px 24px 24px !important}
.bay .stage::before, .bay .stage::after{display:none !important}
a.bay:hover .stage svg{transform:none !important}
.bay .pshot{margin:14px -24px 0 !important}
html[data-theme] .bay .pshot::after{background:linear-gradient(0deg,#24272A,transparent 38%),linear-gradient(180deg,#24272A,transparent 22%) !important}
html[data-theme] .bay .status::before, html[data-theme] .bay.lit .status::before{box-shadow:none !important}
.olabel{border-top:1px solid var(--c-line) !important;padding-top:16px !important}
.olabel h4{font:400 11px/1.3 var(--sans) !important;letter-spacing:.18em !important;color:#ECE8DF}
.olabel dt{font:400 9.5px/1.7 var(--sans) !important;letter-spacing:.16em !important}
.olabel dd, .olabel dd .tbc, .bay.lit .olabel dd{font:300 13.5px/1.5 var(--sans) !important;color:#B9B5AB}
.bay.lit{padding:26px 30px 30px !important}
.bay.lit .shot{margin:18px -30px 0 !important}
html[data-theme] .bay.lit .shot::after{background:linear-gradient(0deg,#24272A,transparent 30%) !important}
.bay.lit .big{font-size:var(--c-h2) !important;line-height:1.08 !important;margin:0 0 18px !important}
.cmp-tile .display{font-size:var(--c-h2) !important}
.cmp-tile p.voice{font-size:15px !important}
@media (max-width:640px){
  html[data-theme] .covered{background:none !important;border:0 !important;gap:12px !important}
  .covered .bay{min-height:400px !important}
  .bay.lit .shot{margin:14px -30px 0 !important}
  .cmp-tile{margin-top:18px !important}
}

/* ---------- 8 · folio ---------- */
html[data-theme] .folio{background:#1B1D1F !important}
html[data-theme] .tabs{box-shadow:inset 0 -1px 0 var(--c-line) !important;margin-bottom:64px !important}
html[data-theme] .tabs button, html[data-theme] .tabs button:first-child{font:400 10.5px/1 var(--sans) !important;letter-spacing:.16em !important}
html[data-theme] .cat-ind{transition:left 1.4s var(--c-ease),width 1.4s var(--c-ease) !important}
.fphoto .crop, .fphoto .pimg, .veilplate{border-radius:var(--c-r);overflow:hidden}
html[data-theme] .veilplate{background:var(--c-panel) !important;border:1px solid var(--c-line) !important}
.veilplate::before{display:none !important}
.fphoto figcaption .voice{font-size:14px !important}
.fbody h3{font-size:var(--c-h2) !important;margin:16px 0 22px !important}
.fbody .first{font-size:clamp(17px,1.35vw,19px) !important;line-height:1.7 !important;color:#ECE8DF !important}
.fbody .first .tbc{color:#ECE8DF !important}
.fbody p{font-size:16px;line-height:1.8;max-width:58ch !important}
html[data-theme] .ledger{border-top:1px solid var(--c-line) !important}
html[data-theme] .ledger div{border-bottom:1px solid var(--c-line) !important}
html[data-theme] .ledger dd, html[data-theme] .ledger dd .tbc{font-size:14.5px !important}
html[data-theme] .price{border-top:1px solid var(--c-line) !important;border-bottom:1px solid var(--c-line) !important}
.price .display, .price .display .tbc{font-size:clamp(1.5rem,2vw,1.9rem) !important;font-family:var(--serif) !important}
.fnav{border-top:1px solid var(--c-line) !important}
.fnav button b{font-size:var(--c-h3) !important;font-family:var(--serif) !important}
/* triptych: an even, quiet row of rounded plates instead of a staggered collage */
.trip{align-items:start !important;gap:18px !important;margin-top:96px !important}
.trip .t1{grid-column:1/7 !important}.trip .t2{grid-column:7/10 !important}.trip .t3{grid-column:10/13 !important}
.trip .t1, .trip .t2, .trip .t3{margin-top:0 !important}
.trip .ph{border-radius:var(--c-r);overflow:hidden}
.trip .t1 .ph{aspect-ratio:8/5 !important}
.trip .t2 .ph, .trip .t3 .ph{aspect-ratio:4/5 !important}
.trip.second{margin-top:64px !important}
.trip figcaption .voice{font-size:14px !important;color:#B9B5AB !important}
@media (max-width:640px){
  .trip{gap:14px 12px !important;margin-top:64px !important}
  .trip .t1{grid-column:1/-1 !important}.trip .t2{grid-column:1/2 !important}.trip .t3{grid-column:2/3 !important}
  .trip .t2, .trip .t3{margin-top:4px !important}
}
html[data-theme] .finishes.many .sw, html[data-theme] .finishes .sw{font:400 9.5px/1.4 var(--sans) !important;letter-spacing:.14em !important}

/* ---------- 9 · held to the light: flat panel band, no stone texture ---------- */
.slab svg.stone, .slab::before{display:none !important}
html[data-theme] .slab{background:#24272A !important;border-block:1px solid var(--c-line);padding:var(--c-sec) 0 !important;color:#ECE8DF !important}
.slab .label{color:#B9B5AB !important}
.slab blockquote{font-size:var(--c-h2) !important;line-height:1.15 !important;max-width:22ch !important;color:#ECE8DF !important;text-shadow:none !important;margin-top:20px !important}
.slab cite{font:400 10.5px/1.5 var(--sans) !important;letter-spacing:.18em !important;color:#B9B5AB !important;margin-top:32px !important}
.slab cite::before{width:36px !important;background:#C9963D !important;opacity:.7}

/* ---------- 10 · signal: five fine hairlines instead of glowing lamps ---------- */
html[data-theme] .signal{background:#1B1D1F !important;padding:var(--c-sec) 0 !important}
.lampwide{max-width:520px;margin:0 auto;gap:10px !important}
.lampwide i{height:2px !important;box-shadow:none !important;background:rgba(236,232,223,.45) !important}
.lampwide i:nth-child(3){background:rgba(201,150,61,.8) !important}
.signal h3{font-size:var(--c-h2) !important;margin-top:64px !important}
.signal h3 .v{font:300 clamp(16px,1.3vw,18px)/1.7 var(--sans) !important;color:#B9B5AB !important;margin-top:14px !important;letter-spacing:0 !important}
.sig-row{margin-top:72px !important}
.sig-row .voice{color:#ECE8DF !important}
.sig-row p{max-width:44ch !important}
.sig-pair .a, .sig-pair .b{border-radius:var(--c-r);overflow:hidden}

/* ---------- 11 · one system: three hairline cards ---------- */
.sys{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;border-top:0 !important}
.sys>div{background:var(--c-panel);border:1px solid var(--c-line) !important;border-radius:var(--c-r);padding:34px 32px 36px !important;margin:0 !important}
.sys .thread{display:none !important}
.sys svg{width:56px !important;height:56px !important;margin-bottom:24px !important;opacity:.85}
.sys h4{font-size:var(--c-h3) !important;margin:10px 0 10px !important}
.sys p{font-size:15.5px;line-height:1.75}
html[data-theme] .tele{border-block:1px solid var(--c-line) !important;margin-top:48px !important}
.tele .voice{color:#ECE8DF !important}
@media (max-width:820px){.sys{grid-template-columns:1fr !important}.sys>div{border-bottom:1px solid var(--c-line) !important;padding:28px 24px !important}}

/* ---------- 12 · the hour ---------- */
html[data-theme] .hour{background:#1B1D1F !important}
.hour h3{font-size:var(--c-h2) !important;margin:16px 0 22px !important}
.hour p.voice{color:#ECE8DF !important}
html[data-theme] .readings{border-top:1px solid var(--c-line) !important}
.readings dd{font-family:var(--serif) !important;font-weight:400 !important;font-size:clamp(1.9rem,2.6vw,2.4rem) !important;color:#ECE8DF !important}
.readings .dash{font-family:var(--serif) !important;font-weight:400 !important}
.readings dd small{font:400 9.5px/1 var(--sans) !important;letter-spacing:.16em !important}
.readings .fast dd{color:#ECE8DF !important}
.readings .fast dt{color:#C9963D !important}
.dial{max-width:480px !important}
.dial #arcStd, .dial #arcFast{stroke-width:4 !important}
.dial #arcStd{stroke:rgba(236,232,223,.7) !important}
.dial circle[r="292"]{stroke-opacity:.08}
.dial circle[r="276"]{stroke-opacity:.22}
.dial .hand line{stroke-width:1.4 !important}
.scale .track{height:10px !important;border-bottom:1px solid var(--c-line) !important;background:none !important}
.scale .bar{top:auto !important;bottom:-1px !important;height:1px !important}
.scale .bar.fast{background:#C9963D !important;height:2px !important;bottom:-1.5px !important}
.scale .bar.base{background:rgba(236,232,223,.4) !important}
.scale .bar.band{background:#ECE8DF !important;height:2px !important;bottom:-1.5px !important}
.scale .lane .label b{font-weight:400 !important}
@media (prefers-reduced-motion:no-preference){
  .dial.play .hand{animation-duration:6s !important}
  .dial.play .arc-fast{animation-duration:2s !important}
  .dial.play .arc-std{animation-duration:2s !important}
}

/* ---------- 13 · photo break ---------- */
.break blockquote{font-family:var(--serif) !important;font-size:clamp(1.7rem,2.6vw,2.4rem) !important;line-height:1.2 !important;color:#ECE8DF !important;max-width:24ch !important}

/* ---------- 14 · compare: pills and a hairline table panel ---------- */
html[data-theme] .pick span{border:1px solid var(--c-line) !important;border-radius:999px !important;font:400 10px/1 var(--sans) !important;letter-spacing:.15em !important;padding:11px 16px !important}
html[data-theme] .pick input:checked+span{background:transparent !important;border-color:rgba(201,150,61,.65) !important;color:#ECE8DF !important}
html[data-theme] .pick input:checked+span::before{background:#C9963D !important;border-color:#C9963D !important}
html[data-theme] .ctable{background:var(--c-panel);border:1px solid var(--c-line) !important;border-radius:var(--c-r);padding:6px clamp(16px,2.4vw,32px) 10px}
html[data-theme] .crow{border-bottom:1px solid var(--c-line) !important}
html[data-theme] .crow:last-child{border-bottom:0 !important}
html[data-theme] .crow.hd{border-bottom-color:var(--c-line-2) !important}
.crow.hd .display{font-size:var(--c-h3) !important}
.crow .v, html[data-theme] .crow .v .tbc{font:300 14.5px/1.6 var(--sans) !important}
.ctable > p.voice{font-size:16px !important;padding:22px 0 !important}

/* ---------- 15 · catalogue download: flat panel cover, no 3D glare ---------- */
html[data-theme] .dlband{background:#1B1D1F !important;border-block:1px solid var(--c-line) !important}
.dlgrid{padding-top:var(--c-sec) !important;padding-bottom:var(--c-sec) !important}
.dlgrid h3{font-size:var(--c-h2) !important;margin:16px 0 20px !important}
.dlgrid .voice{max-width:48ch !important;margin-bottom:34px !important}
.coverwrap{perspective:none !important}
.pages, .cover::before, .cover::after, .cover .mark{display:none !important}
html[data-theme] .cover{transform:none !important;box-shadow:none !important;background:var(--c-panel) !important;border:1px solid var(--c-line);border-radius:var(--c-r);width:min(280px,64vw) !important;padding:30px 28px !important}
.cover .ct{font-size:2.1rem !important;line-height:1.08 !important;color:#ECE8DF !important}
.cover .cb span{font:400 9px/1 var(--sans) !important;letter-spacing:.18em !important}
.dlmeta{gap:22px !important}

/* ---------- 16 · reserve ---------- */
.reserve-grid h3{font-size:var(--c-h2) !important;margin:16px 0 22px !important}
.reserve-grid .voice{max-width:44ch !important}
html[data-theme] .facts{border-top:1px solid var(--c-line) !important}
html[data-theme] .facts div{border-bottom:1px solid var(--c-line) !important}
.facts dd{font-size:15px !important}
html[data-theme] form.req{background:var(--c-panel) !important;border:1px solid var(--c-line) !important;border-radius:var(--c-r-lg);padding:clamp(26px,3.4vw,48px) !important}
form.req .for{font-family:var(--serif) !important;font-size:var(--c-h3) !important;line-height:1.1 !important;color:#ECE8DF !important;margin:10px 0 30px !important}
.req .submit .btn{width:auto !important}
.done h4{font-family:var(--serif) !important;font-size:var(--c-h2) !important;color:#ECE8DF !important}
.done .voice{font-size:17px !important}
.done .preview{border-left:1px solid rgba(201,150,61,.7) !important}

/* ---------- 17 · footer: the site's small wordmark, no light shaft ---------- */
footer .shaft, footer .colo .mark{display:none !important}
html[data-theme] footer{border-top:1px solid var(--c-line) !important;padding-top:var(--c-sec) !important}
.colo .name{font-family:var(--serif) !important;font-weight:600 !important;font-size:1.25rem !important;letter-spacing:.3em !important;margin:0 -.3em 0 0 !important}
.colo .voice{font-size:15px !important;margin:20px auto 36px !important}
.colo address{font:400 10.5px/2.1 var(--sans) !important;letter-spacing:.16em !important}
.colo .email{font-size:15px !important}
html[data-theme] .legal{border-top:1px solid var(--c-line) !important}

/* ---------- 18 · motion: slow and soft, nothing flashes ---------- */
@keyframes calm-fade{from{opacity:0}to{opacity:1}}
@keyframes calm-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .revealed .hero .ph{animation:calm-fade 1.8s var(--c-ease) both !important}
  .revealed .hero .copy{animation:calm-rise 1.6s .3s var(--c-ease) both !important}
  .fin{animation:calm-rise 1.4s var(--c-ease) both !important}
  .signal.run .lampwide i{animation-duration:1.8s !important;animation-timing-function:var(--c-ease) !important}
  .opening .gate-grid, .opening .gate-foot{transition:opacity 1.2s var(--c-ease),transform 1.2s var(--c-ease) !important}
}
@keyframes ignite{0%{opacity:0;transform:scaleX(.2)}100%{opacity:1;transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* ---------- 19 · phone ---------- */
@media (max-width:640px){
  html{--c-sec:76px}
  html[data-theme] .btn, html[data-theme] .btn.xl{padding:15px 22px !important;letter-spacing:.14em !important;font-size:10.5px !important}
  .head{margin-bottom:40px !important}
  .sys>div{padding:26px 22px !important}
}

/* ---------- 20 · lining figures in the serif (X3, 45–55, 12 sit on the line) ---------- */
.display, h1, h2, h3, h4, .xm, .xm i, .readings dd, .for, .ct, .fnav b, blockquote{font-variant-numeric:lining-nums !important;font-feature-settings:"lnum" 1 !important}
.dial #nums, .dial #nums text{font-family:var(--sans) !important;font-weight:300 !important}
section[id],div[id]{scroll-margin-top:124px !important}