/* ============================================================
   KOZY — "Sandstone Noon" · the daylight sibling of Ondol Dusk
   Loaded after sensory.css + pdp.css on poom.html.
   Plaster page · one low sun · long umber shadows · grain.
   The ivory/ink variables are swapped so every shared component
   (buttons, forms, stories, questions) inverts on its own.
   ============================================================ */
body.sand{
  --ivory:#1E1D28; --ivory-70:rgba(30,29,40,.74); --ivory-45:rgba(30,29,40,.52); --ivory-18:rgba(30,29,40,.16);
  --ink:#E9E1D3; --ink-deep:#DCD1BE; --ink-70:rgba(233,225,211,.86); --ink-45:rgba(233,225,211,.62); --ink-18:rgba(233,225,211,.3);
  --plaster:#E9E1D3; --sand:#D8C9B2; --umber:#5A4636;
  --sh1:rgba(74,54,38,.42); --sh2:rgba(74,54,38,.26);
  --sun:radial-gradient(ellipse 62% 54% at 14% 6%,rgba(255,240,208,.75),rgba(255,240,208,0) 62%);
  background:var(--plaster);color:var(--ivory)
}
/* the low sun: fixed behind everything, drifting very slowly; the afternoon deepens with scroll (--warm) */
body.sand::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
  background-image:var(--sun),linear-gradient(160deg,rgba(74,54,38,0) 30%,rgba(74,54,38,.16) 100%);
  animation:sun 70s ease-in-out infinite alternate}
body.sand::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.11;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .16 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:300px 300px}
@keyframes sun{0%{transform:translate(0,0)}100%{transform:translate(4%,3%)}}
.sand .dusk{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(74,54,38,0),rgba(74,54,38,.22));opacity:var(--warm);transition:opacity .6s linear}

/* header on plaster */
.sand .site-header.scrolled{background:rgba(233,225,211,.82);border-bottom-color:var(--ivory-18)}
.sand .nav .nav-cta{color:var(--ink);background:var(--ivory)}
.sand .nav .nav-cta:hover{background:#0f0e16;color:var(--ink)}
.sand .nav .nav-cta-ghost{background:transparent;border:1px solid var(--ivory-45);color:var(--ivory-70)}
.sand .nav .nav-cta-ghost:hover{border-color:var(--ivory);color:var(--ivory);background:transparent}
@media (max-width:900px){.sand .nav.open{background:rgba(233,225,211,.97)}}
.sand ::selection{background:var(--coral);color:#fff}

/* long shadows — always from the same sun, to the lower right */
.sand .sh{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:opacity var(--slow) ease,box-shadow 2.6s cubic-bezier(.2,.6,.2,1)}
.sand .sh.in,.sand .sh:not(.rv){box-shadow:22px 30px 48px -14px var(--sh1),56px 70px 110px -40px var(--sh2)}
.sand .sh.sm.in{box-shadow:14px 20px 34px -8px var(--sh1),34px 46px 80px -24px var(--sh2)}

/* buy box */
.sand .pdp-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);padding-top:6rem;align-items:start}
.sand .pdp-media{aspect-ratio:4/5;background:var(--sand)}
.sand .buy{padding-top:2.5rem}
.sand .buy h1{font-size:clamp(3rem,5vw,4.8rem)}
.sand .buy .tag{margin:.5rem 0 1.1rem}
.sand .buy .desc,.sand .onesize,.sand .bank{max-width:56ch}
.sand .price-row{margin:1.5rem 0 1.1rem;padding-top:1.3rem;flex-wrap:wrap}
.sand .price-note{width:100%;margin-top:-.4rem;font-family:var(--display);font-style:italic;font-size:15px;color:var(--ivory-45);font-variation-settings:"opsz" 30}
.sand .buy .cta{margin-top:1.3rem}
.sand .assure{margin:1.2rem 0 .5rem}
.sand .pdp-media .cap{color:var(--ink);text-shadow:0 1px 10px rgba(74,54,38,.55)}
.sand .pdp-media .cap em{color:var(--ink-70)}
.sand .pool{display:none}
.sand .pdp-thumbs{display:flex;gap:.7rem;margin-top:1rem}
.sand .pdp-thumbs button{flex:1;aspect-ratio:4/5;overflow:hidden;background:var(--sand);border:0;padding:0;cursor:pointer;opacity:.6;transition:opacity var(--slow) ease}
.sand .pdp-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.sand .pdp-thumbs button.on,.sand .pdp-thumbs button:hover{opacity:1}
.sand .pdp-media img{transition:opacity var(--slow) ease}
.sand .pdp-media img.fade{opacity:0}
.sand .buy .tag{color:var(--ivory-70)}
.sand .buy .desc{color:var(--ivory-70)}
.sand .onesize{margin-top:.2rem;color:var(--ivory-70);font-size:15px;line-height:1.5;max-width:56ch}
.sand .onesize em{color:var(--ivory-45)}
.sand .bank{margin-top:.9rem;color:var(--ivory-70);font-size:15px;line-height:1.5;max-width:56ch}
.sand .assure{color:var(--ivory)}
.sand .partner-link{display:inline-block;margin-top:1.4rem;font-size:13px;color:var(--ivory-70);text-decoration:none;border-bottom:1px solid var(--ivory-18);padding-bottom:.2em;transition:color var(--ui),border-color var(--ui)}
.sand .partner-link:hover{color:var(--ivory);border-color:var(--ivory-45)}

/* warm press: the button warms fast, cools slowly (the red-then-blue habit) */
.sand .btn.solid{background:var(--ivory);color:var(--ink);border-color:var(--ivory);transition:background 4.5s ease,border-color 4.5s ease,color 4.5s ease}
.sand .btn.solid:hover{background:var(--coral);border-color:var(--coral);color:#fff;transition:background 1.5s ease,border-color 1.5s ease,color 1.5s ease}
.sand .btn{transition:background 2.2s ease,color 2.2s ease,border-color 2.2s ease}
.sand .btn:hover{background:var(--ivory);color:var(--ink);border-color:var(--ivory);transition:background .8s ease,color .8s ease,border-color .8s ease}

/* sticky bar on plaster */
.sand .sticky{background:rgba(233,225,211,.9);border-color:var(--ivory-18)}
.sand .sticky .l{color:var(--ivory-70)}
.sand .sticky .l b{color:var(--ivory)}
.sand .sticky .r{display:flex;gap:1rem;align-items:center}
.sand .sticky .r a.link{border-color:var(--ivory-18)}
@media (max-width:900px){.sand .sticky .r a.link{display:none}}

/* where you hold it */
.sand .moments{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.2vw,2rem);margin-top:clamp(2.5rem,6vh,4.5rem)}
.sand .moment figure{aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.sand .moment img{width:100%;height:100%;object-fit:cover}
.sand .moment p{margin-top:1.1rem;font-family:var(--display);font-weight:300;font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.3;font-variation-settings:"opsz" 40}
.sand .moment .cap{display:block;margin-top:.4rem}
.sand .also{margin-top:clamp(2.5rem,5vh,4rem);color:var(--ivory-70);max-width:60ch;font-size:15.5px}
@media (max-width:900px){.sand .moments{grid-template-columns:1fr 1fr;gap:1.2rem}}

/* nobody can tell */
.sand .tell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.sand .tell .ph{aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.sand .tell .ph img{width:100%;height:100%;object-fit:cover}
.sand .tell .ph .cap{position:absolute;left:1.1rem;bottom:1rem;color:var(--ink);text-shadow:0 1px 10px rgba(74,54,38,.6)}
.sand .tell .ph{position:relative}
@media (max-width:900px){.sand .tell{grid-template-columns:1fr}}

/* 품 */
.sand .poom-wm{position:relative;padding:clamp(6rem,14vh,11rem) 0}
.sand .poom-wm .glyph{position:absolute;left:-.04em;top:50%;transform:translateY(-55%);font-family:var(--kr);font-weight:200;font-size:clamp(16rem,40vw,36rem);line-height:.9;color:var(--ivory);opacity:.04;pointer-events:none;z-index:0}
.sand .poom-wm>*:not(.glyph){position:relative;z-index:1}
.sand .poom-wm .grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.sand .poom-wm svg{width:min(360px,100%);height:auto}
.sand .line-art{stroke:var(--ivory);opacity:.85}
.sand .line-art .heat{stroke:var(--coral)}
.sand .poom-wm h2{font-size:clamp(2.4rem,5vw,4.8rem)}
.sand .poom-wm .lede{max-width:40ch}
.sand .poom-wm .copy{margin-top:1.4rem}
@media (max-width:900px){.sand .poom-wm .grid{grid-template-columns:1fr}}

/* one button, three levels */
.sand .levels{position:relative;isolation:isolate}
.sand .levels .glow{position:absolute;inset:-10% 0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.6s ease}
.sand .levels .glow.low{background:radial-gradient(ellipse 60% 55% at 30% 45%,rgba(122,168,120,.26),transparent 70%)}
.sand .levels .glow.mid{background:radial-gradient(ellipse 60% 55% at 30% 45%,rgba(96,122,196,.22),transparent 70%)}
.sand .levels .glow.high{background:radial-gradient(ellipse 60% 55% at 30% 45%,rgba(196,87,78,.28),transparent 70%)}
.sand .levels[data-level="low"] .glow.low,.sand .levels[data-level="mid"] .glow.mid,.sand .levels[data-level="high"] .glow.high{opacity:1}
.sand .lv-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.sand .lv-grid .ph{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.sand .lv-grid .ph img{width:100%;height:100%;object-fit:cover}
.sand .lv-list{list-style:none;margin-top:clamp(1.6rem,3vh,2.4rem)}
.sand .lv-list li{display:grid;grid-template-columns:auto 1fr auto;gap:1rem 1.2rem;align-items:baseline;padding:1rem 0;border-top:1px solid var(--ivory-18);cursor:pointer;transition:opacity 1.2s ease}
.sand .lv-list li:last-child{border-bottom:1px solid var(--ivory-18)}
.sand .lv-list li b{font-family:var(--display);font-weight:300;font-size:clamp(1.3rem,1.8vw,1.6rem);letter-spacing:-.01em;font-variation-settings:"opsz" 48}
.sand .lv-list li span{font-size:14px;color:var(--ivory-70)}
.sand .lv-list li .cap{text-align:right;white-space:nowrap}
.sand .lv-list .dot{display:inline-block;width:.55em;height:.55em;border-radius:50%;margin-right:.6em;vertical-align:middle;background:var(--ivory-18);transition:background 1.2s ease,box-shadow 1.2s ease}
.sand .levels[data-level="low"] li[data-lv="low"] .dot{background:#6f9f6c;box-shadow:0 0 12px rgba(111,159,108,.7)}
.sand .levels[data-level="mid"] li[data-lv="mid"] .dot{background:#5a76c8;box-shadow:0 0 12px rgba(90,118,200,.7)}
.sand .levels[data-level="high"] li[data-lv="high"] .dot{background:var(--coral);box-shadow:0 0 12px rgba(196,87,78,.8)}
.sand .levels li:not(.on){opacity:.62}
.sand .levels li.on{opacity:1}
.sand .press{margin-top:1.4rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.sand .press .cap{max-width:34ch;line-height:1.5}
.sand .specline{margin-top:clamp(2rem,4vh,3rem);font-size:13px;letter-spacing:.06em;color:var(--ivory-70);line-height:1.9;max-width:64ch}
@media (max-width:900px){.sand .lv-grid{grid-template-columns:1fr}.sand .lv-list li{grid-template-columns:1fr auto}.sand .lv-list li span{grid-column:1/-1}}

/* made properly + size */
.sand .made-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.sand .made-grid h2{font-size:clamp(2.2rem,4vw,3.8rem)}
.sand .lv-grid h2{font-size:clamp(2.4rem,5vw,5rem)}
.sand .made-grid .ph{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.sand .made-grid .ph img{width:100%;height:100%;object-fit:cover}
.sand .made-grid details{margin-top:1.6rem;border-top:1px solid var(--ivory-18);padding-top:1rem}
.sand .made-grid summary{cursor:pointer;list-style:none;font-size:12.5px;letter-spacing:.08em;color:var(--ivory);display:inline-block;border-bottom:1px solid var(--ivory-45);padding-bottom:.25em}
.sand .made-grid summary::-webkit-details-marker{display:none}
.sand .made-grid details p{margin-top:1rem;color:var(--ivory-70);font-size:15px;max-width:52ch}
.sand .fit{margin-top:clamp(4rem,9vh,7rem)}
.sand .fit figure{position:relative;aspect-ratio:12/5;overflow:hidden;background:var(--sand)}
.sand .fit figure img{width:100%;height:100%;object-fit:cover}
.sand .fit figure .cap{position:absolute;bottom:1rem;color:var(--ink);text-shadow:0 1px 10px rgba(74,54,38,.6)}
.sand .fit figure .cap.l{left:1.2rem}.sand .fit figure .cap.r{right:1.2rem}
.sand .fit .copy{margin-top:1.6rem;max-width:60ch}
@media (max-width:900px){.sand .made-grid{grid-template-columns:1fr}.sand .fit figure{aspect-ratio:16/9}.sand .pdp-hero{grid-template-columns:1fr;padding-top:5.6rem}.sand .pdp-media{aspect-ratio:1/1}.sand .pdp-thumbs{gap:.5rem}.sand .pdp-thumbs button{aspect-ratio:1/1}.sand .buy{padding-top:.4rem}}

/* stories on plaster */
.sand .three blockquote::before,.sand .pull::before{color:var(--coral)}
.sand .stories .form input,.sand .stories .form select,.sand .stories .form textarea{color:var(--ivory);background:rgba(255,255,255,.28);border-color:var(--ivory-18)}
.sand .stories .form select option{color:var(--ivory)}
.sand .pro-link{display:inline-block;margin-top:.8rem;font-size:12.5px;letter-spacing:.06em;color:var(--ivory-70);text-decoration:none;border-bottom:1px solid var(--ivory-18);padding-bottom:.2em}
.sand .pro-link:hover{color:var(--ivory)}
.sand .stories details{border-top-color:var(--ivory-18)}

/* the seam: plaster → sandstone, the shadow gets long */
.sand .seam-sand{position:relative;padding:clamp(4rem,10vh,7rem) var(--gutter);text-align:center;isolation:isolate;
  background:linear-gradient(to bottom,rgba(216,201,178,0),rgba(216,201,178,.75) 40%,rgba(216,201,178,.9))}
.sand .seam-sand::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,rgba(74,54,38,0) 48%,rgba(74,54,38,.14) 100%)}
.sand .seam-line{color:var(--ivory);max-width:24ch;font-variation-settings:"opsz" 96}
.sand .seam-line em{color:var(--umber);font-style:italic}

/* for partners */
.sand .partners{background:rgba(216,201,178,.9);position:relative;isolation:isolate}
.sand .partners::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,rgba(74,54,38,0) 40%,rgba(74,54,38,.18) 100%)}
.sand .partners .lede{max-width:44ch}
.sand .partners .copy{margin-top:1.4rem;max-width:56ch}
.sand .doors{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,4vw,4rem);margin-top:clamp(2.5rem,5vh,4rem)}
.sand .door{padding:1.6rem 0 1.8rem;border-top:1px solid var(--ivory-18)}
.sand .door h3{font-size:clamp(1.5rem,2.2vw,2rem);margin-bottom:.35rem}
.sand .door .cap{display:block;margin-bottom:.9rem;font-style:italic;font-family:var(--display);letter-spacing:0;font-size:14px;color:var(--ivory-45);font-variation-settings:"opsz" 30}
.sand .door p{color:var(--ivory-70);font-size:15.5px;max-width:42ch}
.sand .how{margin-top:clamp(2.5rem,5vh,4rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.sand .how h3{margin-bottom:1rem}
.sand .how .copy p+p{margin-top:1rem}
.sand .pform{border-top:1px solid var(--ivory-18);padding-top:1.4rem}
.sand .pform h3{margin-bottom:1.2rem}
.sand .pform .form{grid-template-columns:1fr 1fr}
.sand .pform .form .full{grid-column:1/-1}
.sand .pform .form label{color:var(--ivory-45)}
.sand .pform .form input,.sand .pform .form select,.sand .pform .form textarea{color:var(--ivory);background:rgba(255,255,255,.3);border-color:var(--ivory-18)}
.sand .pform .form input:focus,.sand .pform .form textarea:focus,.sand .pform .form select:focus{border-color:var(--ivory-70)}
.sand .pform .form select option{color:var(--ivory)}
.sand .pform .cap{display:block;margin-top:.9rem;line-height:1.6;max-width:44ch}
.sand .passon{margin-top:clamp(2.5rem,5vh,4rem);border-top:1px solid var(--ivory-18);padding-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:baseline;justify-content:space-between}
.sand .passon p{color:var(--ivory-70);max-width:52ch;font-size:15.5px}
.sand .passon button{font:inherit;font-size:12.5px;letter-spacing:.08em;background:none;border:0;border-bottom:1px solid var(--ivory-45);padding:0 0 .25em;color:var(--ivory);cursor:pointer;white-space:nowrap}
@media (max-width:900px){.sand .doors,.sand .how,.sand .pform .form{grid-template-columns:1fr}}

/* questions */
.sand .qs summary::after{color:var(--coral)}

/* finale on sandstone */
.sand .finale-sand{min-height:80svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 1.5rem 5rem;position:relative;isolation:isolate;
  background:linear-gradient(to bottom,rgba(216,201,178,0),rgba(216,201,178,.85))}
.sand .finale-sand::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,rgba(74,54,38,0) 40%,rgba(74,54,38,.22) 100%)}
.sand .finale-sand h2{max-width:11ch}
.sand .finale-sand .lede{color:var(--ivory-70);margin:1.6rem auto 2.4rem}
.sand .finale-sand .row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.sand .finale-sand .name{margin-top:2.6rem;font-family:var(--display);font-style:italic;font-weight:300;font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--ivory-70);max-width:40ch;font-variation-settings:"opsz" 40}
.sand .finale-sand .cap{margin-top:1.4rem}

/* footer on plaster */
.sand .site-footer{color:var(--ivory-45);border-top:1px solid var(--ivory-18)}
.sand .site-footer a{color:var(--ivory-70)}
.sand .site-footer nav a:hover,.sand .site-footer .contact a:hover{color:var(--ivory)}

/* drawer on sandstone (no dusk gradient here) */
.sand .veil{background:rgba(74,54,38,.45)}
.sand .drawer{background:var(--sand);color:var(--ivory);background-image:none}
.sand .drawer::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.14;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .16 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px 300px}
.sand .drawer .in{position:relative;z-index:1}
.sand .drawer h2,.sand .drawer .x,.sand .drawer .done{color:var(--ivory)}
.sand .drawer .sub{color:var(--ivory-70)}
.sand .drawer .cap{color:var(--ivory-45)}
.sand .form label{color:var(--ivory-70)}
.sand .form input,.sand .form select,.sand .form textarea{color:var(--ivory);background:rgba(255,255,255,.32);border:1px solid var(--ivory-45)}
.sand .form input:focus,.sand .form select:focus,.sand .form textarea:focus{border-color:var(--ivory)}
.sand .form input::placeholder{color:var(--ivory-45)}
.sand .drawer .btn.solid{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.sand .drawer .btn.solid:hover{background:var(--coral);border-color:var(--coral);color:#fff}
.sand .drawer .err{color:#8a2a32}
.sand .drawer .many{display:none;margin-top:.6rem;color:var(--ivory-70);font-size:14px;line-height:1.5}
.sand .drawer .many.show{display:block}
.sand .drawer .many a{color:var(--ivory)}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  body.sand::before{animation:none}
  .sand .sh,.sand .sh.in{transition:none;box-shadow:22px 30px 48px -14px var(--sh1),56px 70px 110px -40px var(--sh2)}
  .sand .btn.solid,.sand .btn.solid:hover,.sand .btn,.sand .btn:hover{transition:none}
  .sand .levels .glow{transition:none}
}
@media (max-width:900px){.sand .pdp-media .cap em{display:none}}

/* nobody can tell — three steps + the bag */
.sand .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.2vw,2rem);margin-top:clamp(2.5rem,5vh,4rem)}
.sand .steps figure{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.sand .steps figure img{width:100%;height:100%;object-fit:cover;display:block}
.sand .steps figure .cap{position:absolute;left:.9rem;bottom:.8rem;color:var(--ink);text-shadow:0 1px 10px rgba(74,54,38,.6)}
.sand .bagph .leads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sand .bagph .leads path{stroke:var(--ivory);stroke-width:1px;fill:none;opacity:.85;vector-effect:non-scaling-stroke}
.sand .bagph .leads circle{fill:var(--ivory);opacity:.9}
.sand .bagph .lab{position:absolute;transform:translate(-10%,-100%);font-family:var(--display);font-style:italic;font-size:clamp(1rem,1.5vw,1.3rem);color:var(--ivory);white-space:nowrap;font-variation-settings:"opsz" 30;text-shadow:0 1px 10px rgba(233,225,211,.9)}
.sand .tell h3{font-size:clamp(1.6rem,2.6vw,2.4rem)}
@media (max-width:900px){.sand .steps{grid-template-columns:1fr 1fr 1fr;gap:.6rem}.sand .steps figure .cap{font-size:10.5px;left:.5rem;bottom:.5rem}}

/* not a heating belt — four differences */
.sand .diff{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,2.4vw,2.4rem);margin-top:clamp(2rem,4vh,3rem)}
.sand .diff div{border-top:1px solid var(--ivory-18);padding-top:1.1rem}
.sand .diff .n{display:block;font-size:11.5px;letter-spacing:.14em;color:var(--coral);margin-bottom:.6rem}
.sand .diff b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.15;margin-bottom:.6rem}
.sand .diff p{color:var(--ivory-70);font-size:15px;line-height:1.65;max-width:32ch}
@media (max-width:900px){.sand .diff{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sand .diff{grid-template-columns:1fr}}
