/* pos2.info — Celadon test tiles. Contemporary Thai celadon studio: glaze-dipped bands with drip edges,
   test-tile cards (glazed top / bare stoneware foot), crazing texture, iron-brown brush accents. */
:root{
  --clay:#EFEAE0;--clay-2:#E4DDCE;--paper:#FAF8F3;--ink:#221F1A;--ink-2:#4F4A40;--line:#D6CDBB;
  --cel-1:#D6E3D3;--cel-2:#A9C4AE;--cel-3:#6E9A82;--cel-4:#2F5A48;--cel-5:#1B3329;
  --iron:#5B3620;--red:#A5362A;--ash:#9DB3BC;--honey:#D3A55A;--focus:#A5362A;
  --primary:#2F5A48;--primary-contrast:#fff;--accent:#A5362A;--surface:#FAF8F3;--surface-2:#EEF2EC;--border:#D6CDBB;--text:#221F1A;--heading:#1B3329;--muted:#4F4A40;
  --font-head:'Trirong',Georgia,serif;--font-body:'Noto Sans Thai Looped',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gut:clamp(16px,4vw,48px);
  --drip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 28' preserveAspectRatio='none'%3E%3Cpath d='M0 0H160V9C152 9 147 10 145 14C143 21 139 26 135 25C131 24 131 16 127 12C122 9 112 10 102 10C92 10 88 12 84 11C78 10 73 11 70 14C68 17 67 19 64 19C61 19 60 14 57 12C50 8 36 11 26 10C16 9 6 11 0 9Z'/%3E%3C/svg%3E");
  --craze:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M0 40L30 44L52 30L90 36L120 22L180 40M30 44L26 80L48 110L40 150L58 180M52 30L58 0M90 36L96 70L130 84L180 120M96 70L70 96L48 110M130 84L150 124L128 180M150 124L180 160M0 120L26 80M120 22L128 0M0 160L40 150M70 96L84 122L110 140L150 124M110 140L96 164' fill='none' stroke='%231B3329' stroke-opacity='.13' stroke-width='.8'/%3E%3C/svg%3E");
  --craze-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cpath d='M0 40L30 44L52 30L90 36L120 22L180 40M30 44L26 80L48 110L40 150L58 180M52 30L58 0M90 36L96 70L130 84L180 120M96 70L70 96L48 110M130 84L150 124L128 180M150 124L180 160M0 120L26 80M120 22L128 0M0 160L40 150M70 96L84 122L110 140L150 124M110 140L96 164' fill='none' stroke='%23fff' stroke-opacity='.12' stroke-width='.8'/%3E%3C/svg%3E");
  --speck:radial-gradient(circle at 20% 30%,rgba(91,54,32,.16) 0 1px,transparent 1.6px) 0 0/23px 19px,radial-gradient(circle at 70% 60%,rgba(91,54,32,.1) 0 1px,transparent 1.6px) 0 0/31px 27px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--clay);color:var(--ink);font:400 17px/1.75 var(--font-body);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
html:lang(en) body{line-height:1.65}
img,svg{max-width:100%}
a{color:var(--cel-4)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.wrap{width:min(100% - 2*var(--gut),1240px);margin-inline:auto}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--cel-5);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--font-head);text-wrap:balance}
html:lang(th) :is(h1,h2,h3){line-height:1.45}

/* ---------- header: bare-clay top bar + dipped celadon nav band ---------- */
.hd{position:relative;z-index:30;background:var(--paper)}
.hd-top{display:flex;align-items:center;gap:10px 14px;min-height:70px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--ink);text-decoration:none;margin-right:auto}
.brand-plate{width:42px;height:42px;flex:none}
.brand-txt{display:grid;line-height:1.1}
.brand-name{font:italic 600 1.65rem/1 var(--font-head);color:var(--cel-5)}
.brand-name b{color:var(--red);font-weight:700}
.brand-tag{font-size:.78rem;color:var(--ink-2);margin-top:3px}
html:lang(en) .brand-tag{letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}
.lsw{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--clay)}
.lsw a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-size:.9rem;font-weight:500}
.lsw a:hover{color:var(--cel-5);background:var(--paper)}
.lsw a[aria-current]{background:var(--cel-4);color:#fff}
.lsw-dot{width:8px;height:8px;border-radius:50%;background:var(--cel-2);box-shadow:inset 0 -2px 0 rgba(27,51,41,.25)}
.lsw a[aria-current] .lsw-dot{background:var(--honey)}
.hd-toggle{order:3;display:inline-flex;align-items:center;gap:10px;min-height:48px;min-width:48px;padding:0 16px;border:1.5px solid var(--cel-5);border-radius:999px;background:transparent;color:var(--cel-5);font:600 .95rem var(--font-body);cursor:pointer}
.tg-bars{display:grid;gap:5px;width:18px}
.tg-bars i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s}
.hd.is-open .tg-bars i:first-child{transform:translateY(3.5px) rotate(45deg)}
.hd.is-open .tg-bars i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hd-cta{display:none}
.hd-band{position:relative;background:var(--craze) 0 0/180px,var(--cel-1);min-height:8px}
.hd-band::after{content:"";position:absolute;left:0;right:0;top:100%;height:28px;background:var(--cel-1);-webkit-mask:var(--drip) repeat-x 0 0/160px 28px;mask:var(--drip) repeat-x 0 0/160px 28px;pointer-events:none;z-index:2}
.hd-nav{display:none}
.hd-nav ul{list-style:none;margin:0;padding:0}
.hd-nav a{display:flex;align-items:center;min-height:48px;padding:0 14px;color:var(--cel-5);text-decoration:none;font-weight:500}
.hd-nav a:hover{background:rgba(255,255,255,.45)}
.hd-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--iron);font-weight:600}
.hd.is-open .hd-nav{display:block;padding:8px 0 14px}
.hd.is-open .hd-nav a{border-bottom:1px solid rgba(27,51,41,.12);padding:0 4px}
.hd.is-open .hd-nav a[aria-current=page]{box-shadow:inset 4px 0 0 var(--iron);padding-left:14px}
@media (max-width:479px){
  .brand-tag{display:none}
  .lsw a[aria-current]{display:none}
  .lsw{padding:0;border:0;background:none}
  .lsw a{border:1px solid var(--line);padding:0 12px}
  .tg-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hd-toggle{padding:0;justify-content:center;width:48px}
}
@media (min-width:980px){
  .hd-toggle{display:none}
  .hd-cta{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--cel-4);color:#fff;text-decoration:none;font-weight:600;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.18)}
  .hd-cta:hover{background:var(--cel-5)}
  .hd-top{min-height:84px}
  .hd-nav{display:block}
  .hd-nav ul{display:flex;flex-wrap:wrap;gap:0 4px}
  .hd-nav a{min-height:52px}
  .brand-plate{width:48px;height:48px}
  .brand-name{font-size:1.9rem}
}

/* ---------- buttons, shared ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 24px;border-radius:999px;font:600 1rem/1.25 var(--font-body);text-decoration:none;text-align:center;transition:background .2s,color .2s,transform .2s}
.btn-glaze{background:var(--cel-4);color:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.18)}
.btn-glaze:hover{background:var(--cel-5)}
.btn-line{border:1.5px solid var(--iron);color:var(--iron)}
.btn-line:hover{background:var(--iron);color:#fff}
.btn-sm{min-height:46px;padding:8px 18px;font-size:.95rem}

/* ---------- home hero: the studio bench ---------- */
.bench{position:relative;padding:52px 0 60px;background:linear-gradient(180deg,var(--clay) 0,var(--clay) 70%,var(--clay-2) 100%)}
.bench-grid{display:grid;gap:36px}
.kiln-label{display:flex;align-items:center;gap:12px;margin:0;padding-top:10px;border-top:1.5px solid var(--iron);font-size:.9rem;font-weight:500;color:var(--ink-2);max-width:34rem}
.age{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;font:italic 700 .85rem/1 var(--font-head)}
.bench h1{margin:.45em 0 .35em;font-weight:600;font-size:clamp(2rem,1.35rem + 2.5vw,3.3rem);line-height:1.14;color:var(--cel-5)}
html:lang(th) .bench h1{line-height:1.42}
.lead p{margin:0 0 .6em;font-size:1.1rem;color:var(--ink-2)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{position:relative;padding:7px 14px 7px 32px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:.9rem;line-height:1.4;color:var(--ink-2)}
.chips li::before{content:"";position:absolute;left:12px;top:50%;width:11px;height:14px;margin-top:-7px;border-radius:3px 3px 6px 6px;background:linear-gradient(var(--g,var(--cel-3)) 60%,var(--clay-2) 60%)}
.chips li:nth-child(2){--g:var(--honey)}
.chips li:nth-child(3){--g:var(--ash)}
.slab{container-type:inline-size;position:relative;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--speck),var(--paper);box-shadow:0 1px 0 #fff inset,0 30px 50px -34px rgba(27,51,41,.55);scroll-margin-top:16px}
.slab-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:6px 8px 10px}
.slab-t{font:italic 600 1.2rem/1.2 var(--font-head);color:var(--cel-5)}
.slab-tag{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-2)}
.slab-tag::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--honey);box-shadow:0 0 0 3px rgba(211,165,90,.25)}
@media (min-width:1024px){
  .bench{padding:64px 0 76px}
  .bench-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
  .bench-copy{padding-top:22px}
  .slab{padding:12px}
}

/* ---------- inner hero: the dipped band continues from the header ---------- */
.dip{position:relative;padding:38px 0 34px;background:var(--craze) 0 0/180px,var(--cel-1)}
.dip::after{content:"";position:absolute;left:0;right:0;top:100%;height:28px;background:var(--cel-1);-webkit-mask:var(--drip) repeat-x 40px 0/160px 28px;mask:var(--drip) repeat-x 40px 0/160px 28px;pointer-events:none}
.dip-grid{display:grid;gap:20px;align-items:center}
.dip h1{margin:.2em 0 .35em;font-weight:600;font-size:clamp(1.85rem,1.3rem + 2.2vw,3rem);line-height:1.16;color:var(--cel-5);max-width:24ch}
html:lang(th) .dip h1{line-height:1.42;max-width:none}
.dip .lead{max-width:62ch}
.dip .lead p{color:#3D4A40}
.dip-mark{display:none}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:.92rem}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:6px;height:8px;margin:0 10px;border-radius:2px 2px 4px 4px;background:var(--cel-3)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--cel-5);font-weight:600}
.crumbs span{color:#3D4A40}
@media (min-width:760px){
  .dip{padding:48px 0 44px}
  .dip-grid{grid-template-columns:minmax(0,1fr) auto;gap:40px}
  .dip-mark{display:block;width:clamp(130px,15vw,196px);height:auto;filter:drop-shadow(0 18px 18px rgba(27,51,41,.18))}
}

/* ---------- ledger: rack (index) + article ---------- */
.ledger{display:grid;gap:28px;padding:44px 0 64px}
.content{min-width:0;max-width:780px;container-type:inline-size;counter-reset:sec}
.rack{min-width:0;align-self:start}
.idx{border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.idx summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;cursor:pointer;list-style:none;font:italic 600 1.08rem var(--font-head);color:var(--cel-5)}
.idx summary::-webkit-details-marker{display:none}
.idx summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--iron);border-bottom:2px solid var(--iron);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.idx[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.idx ol{list-style:none;margin:0;padding:4px 8px 10px;border-top:1px solid var(--line)}
.idx a{display:flex;gap:11px;align-items:flex-start;min-height:44px;padding:10px 8px;border-radius:6px;color:var(--ink-2);text-decoration:none;font-size:.93rem;line-height:1.5}
.idx a:hover{background:var(--clay);color:var(--ink)}
.idx a[aria-current]{background:var(--cel-1);color:var(--cel-5);font-weight:600}
.idx .sw{flex:none;width:12px;height:16px;margin-top:4px;border-radius:3px 3px 6px 6px;background:linear-gradient(var(--g) 62%,var(--clay-2) 62%);box-shadow:inset 0 0 0 1px rgba(27,51,41,.12)}
.idx li:last-child .sw{--g:var(--cel-4)}
.rack-demo{margin-top:16px;padding:20px;border-radius:10px;background:var(--craze-w) 0 0/180px,var(--cel-5);color:#D6E2D9}
.rack-demo strong{display:block;font:italic 600 1.2rem/1.3 var(--font-head);color:#fff}
.rack-demo p{margin:.5em 0 1em;font-size:.93rem;line-height:1.6}
.rack-demo .btn{background:var(--paper);color:var(--cel-5);box-shadow:inset 0 -4px 0 rgba(27,51,41,.18)}
.rack-demo .btn:hover{background:#fff}
@media (min-width:1024px){
  .ledger{grid-template-columns:270px minmax(0,1fr);gap:64px;padding-top:56px}
  .rack{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin}
  .idx summary{pointer-events:none}
  .idx summary::after{display:none}
}
/* glaze cycle shared by section swatches and index swatches */
.sec:nth-of-type(6n+1),.idx li:nth-child(6n+1){--g:var(--cel-2)}
.sec:nth-of-type(6n+2),.idx li:nth-child(6n+2){--g:var(--honey)}
.sec:nth-of-type(6n+3),.idx li:nth-child(6n+3){--g:var(--cel-3)}
.sec:nth-of-type(6n+4),.idx li:nth-child(6n+4){--g:var(--ash)}
.sec:nth-of-type(6n+5),.idx li:nth-child(6n+5){--g:var(--iron)}
.sec:nth-of-type(6n+6),.idx li:nth-child(6n+6){--g:var(--red)}

/* ---------- article typography ---------- */
.content>:first-child{margin-top:0}
.content p,.content li{font-size:1.0625rem}
.content p{margin:0 0 1em}
.intro-rest{margin-bottom:8px}
.sec{position:relative;counter-increment:sec;margin-top:46px;padding-top:30px;border-top:1px solid var(--line)}
.sec:first-child{margin-top:0}
.sec::before{content:counter(sec,decimal-leading-zero);position:absolute;left:0;top:0;transform:translateY(-55%);padding-right:12px;background:var(--clay);font:italic 600 1rem/1 var(--font-head);color:var(--iron)}
.sec-plain{counter-increment:none;border-top:0;padding-top:0}
.sec-plain::before{display:none}
.content h2{display:flex;gap:14px;align-items:flex-start;margin:0 0 .6em;font-weight:600;font-size:clamp(1.45rem,1.2rem + 1vw,1.95rem);line-height:1.28;color:var(--cel-5);scroll-margin-top:24px}
.content h2 .sw{flex:none;width:20px;height:28px;margin-top:.22em;border-radius:4px 4px 10px 10px;background:linear-gradient(var(--g,var(--cel-4)) 62%,var(--clay-2) 62%);box-shadow:inset 0 0 0 1px rgba(27,51,41,.14)}
.content h3{margin:1.5em 0 .5em;font-size:1.22rem;font-weight:600;line-height:1.4;color:var(--iron)}
.content ul,.content ol{margin:0 0 1.2em;padding-left:1.4em}
.content li{margin:.35em 0;padding-left:.2em}
.content ul li::marker{color:var(--cel-3);font-size:1.1em}
.content ol li::marker{font-family:var(--font-head);font-style:italic;font-weight:600;color:var(--iron)}
.content strong{font-weight:600;color:var(--ink)}
.content a{text-decoration-thickness:1px;text-underline-offset:3px}
.tbl{overflow-x:auto;margin:1.3em 0;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.tbl table{width:100%;min-width:460px;border-collapse:collapse;font-size:.95rem;line-height:1.55}
.tbl th,.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{background:var(--cel-1);color:var(--cel-5);font-weight:600}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:nth-child(even) td{background:rgba(239,234,224,.55)}

/* FAQ: glaze drops fill when open */
.faq{margin-top:52px;padding-top:30px;border-top:2px solid var(--cel-5)}
.faq h2 .sw{--g:var(--cel-4)}
.faq-list{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:10px;background:var(--paper);transition:border-color .2s}
.faq details[open]{border-color:var(--cel-3)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 16px;cursor:pointer;list-style:none;font-weight:600;line-height:1.5;color:var(--cel-5)}
.faq summary::-webkit-details-marker{display:none}
.drop{flex:none;width:16px;height:16px;margin:4px 3px 0;border:2px solid var(--cel-3);border-radius:50% 50% 50% 0;transform:rotate(-45deg);transition:background .2s}
.faq details[open] .drop{background:var(--cel-3)}
.faq .a{padding:0 16px 6px;border-top:1px dashed var(--line)}
.faq .a p{margin:.8em 0}

/* inner-page CTA: a dipped slab */
.dip-cta{margin-top:52px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 18px;align-items:center;padding:22px;border-radius:12px;background:var(--craze-w) 0 0/180px,var(--cel-4);color:#fff}
.dip-plate{width:54px;height:54px}
.dip-cta p{margin:0;font:500 1.12rem/1.55 var(--font-head)}
.dip-cta .btn{grid-column:1/-1;justify-self:start;background:var(--paper);color:var(--cel-5);box-shadow:inset 0 -4px 0 rgba(27,51,41,.18)}
.dip-cta .btn:hover{background:#fff}
@container (min-width:600px){
  .dip-cta{grid-template-columns:auto minmax(0,1fr) auto;padding:24px 28px}
  .dip-cta .btn{grid-column:auto}
}

/* ---------- shelf of test tiles (related guides) ---------- */
.shelf{position:relative;padding:60px 0 76px;background:var(--clay-2)}
.shelf::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(90deg,var(--iron) 0 1px,transparent 1px) 0 0/64px 10px,#CFC5B1;border-bottom:1px solid #BFB39C}
.shelf-t{margin:0 0 26px;font-weight:600;font-size:clamp(1.55rem,1.25rem + 1.1vw,2.2rem);line-height:1.3;color:var(--cel-5)}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:20px;counter-reset:tl}
.tiles li{display:flex}
.tile{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #D2C8B4;border-radius:10px 10px 14px 14px;background:var(--speck),var(--paper);color:var(--ink);text-decoration:none;transition:transform .25s,box-shadow .25s}
.tile:hover{transform:translateY(-4px);box-shadow:0 18px 28px -22px rgba(27,51,41,.6)}
.tile-glaze{position:relative;display:block;height:84px;background:var(--craze) 0 0/180px,var(--g);counter-increment:tl}
.tile-glaze::before{content:counter(tl,decimal-leading-zero);position:absolute;left:16px;top:12px;font:italic 600 1.45rem/1 var(--font-head);color:var(--on,rgba(27,51,41,.78))}
.tile-glaze::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:var(--g);-webkit-mask:var(--drip) repeat-x var(--dx,0) 0/150px 24px;mask:var(--drip) repeat-x var(--dx,0) 0/150px 24px}
.tile-body{display:grid;gap:6px;padding:30px 18px 20px}
.tile-body strong{font:600 1.12rem/1.4 var(--font-head);color:var(--cel-5)}
.tile-body span{font-size:.93rem;line-height:1.6;color:var(--ink-2)}
.tiles li:nth-child(6n+1){--g:var(--cel-2);--dx:10px}
.tiles li:nth-child(6n+2){--g:var(--honey);--dx:70px}
.tiles li:nth-child(6n+3){--g:var(--cel-3);--dx:30px;--on:#fff}
.tiles li:nth-child(6n+4){--g:var(--ash);--dx:110px}
.tiles li:nth-child(6n+5){--g:var(--iron);--dx:50px;--on:#F3E6D8}
.tiles li:nth-child(6n+6){--g:var(--cel-4);--dx:90px;--on:#fff}

/* ---------- footer: kiln shelf at night ---------- */
.ft{position:relative;padding:64px 0 0;background:var(--craze-w) 0 0/180px,var(--cel-5);color:#D3DFD6}
.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:var(--clay);-webkit-mask:var(--drip) repeat-x 80px 0/160px 28px;mask:var(--drip) repeat-x 80px 0/160px 28px}
main:has(.shelf)+.ft::before{background:var(--clay-2)}
.ft :focus-visible{outline-color:#F0C9A8}
.ft-grid{display:grid;gap:30px}
.ft .brand{color:#fff}
.ft .brand-name{color:#fff}
.ft .brand-name b{color:#F0A58F}
.ft .brand-tag{color:#AFC3B5}
.ft-brand p{max-width:48ch;margin:14px 0 0;font-size:.93rem;line-height:1.7;color:#C6D5CA}
.ft h2{margin:0 0 8px;font:italic 600 1.15rem/1.3 var(--font-head);color:#fff}
.ft ul{list-style:none;margin:0;padding:0}
.ft ul a{display:inline-flex;align-items:center;min-height:44px;color:#D3DFD6;text-decoration:none}
.ft ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ft-base{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:40px;padding:20px 0 30px;border-top:1px solid rgba(255,255,255,.14);font-size:.9rem}
.seal{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;font:italic 700 1rem/1 var(--font-head);box-shadow:0 0 0 3px var(--cel-5),0 0 0 4.5px var(--red)}
.ft-copy{color:#AFC3B5}
.ft-top{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;color:#fff}
@media (min-width:760px){.ft-grid{grid-template-columns:1.5fr 1fr 1fr;gap:48px}}

/* 404 */
.nf{padding:80px 0 120px}
.nf h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);color:var(--cel-5);margin:0 0 .4em}
.hd-band-empty{min-height:10px}

/* ---------- motion (never hides content) ---------- */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .dip-mark{animation:wheel 40s linear infinite}
  .slab-tag::before{animation:glow 2.8s ease-in-out infinite}
  @keyframes wheel{to{transform:rotate(360deg)}}
  @keyframes glow{50%{box-shadow:0 0 0 6px rgba(211,165,90,.08)}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.hd-band,.rack,.shelf,.dip-cta{display:none}}
@media (max-width:599px){.tile-glaze{height:58px}.tile-glaze::before{top:10px;font-size:1.25rem}.tile-body{padding-top:26px}}