:root{--a000:url("data:image/png;base64,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");--a002:none;--a900:none;--a901:none;--a902:none;--a903:none;--a904:none;--a905:none}
:root{
  --cream:#f2e9de; --cream-2:#f2e9de; --sand:#f2e9de; --sand-2:#e5dccd; --card:#f7f2e9;
  --ochre:#b8954f; --sienna:#b8954f; --rose:#c98d7f;
  --text:#1d2436; --text-2:#2e3547; --muted:#565d6f; --eyebrow:#2f4a78; --accent:#2f4a78; --accent-t:#2f4a78;
  --sage:#f2e9de; --sage-accent:#2f4a78; --olive:#4d5636;
  --obs:#f2e9de; --tig:#f2e9de; --hem:#f2e9de;
  --dark:#131b30; --dark-accent:#cbbd9c; --on-dark:#eee8dc;
  --line:rgba(29,36,54,.12); --line-2:rgba(29,36,54,.22);
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:Switzer,ui-sans-serif,-apple-system,"Segoe UI",sans-serif;
  --pad:clamp(20px,4vw,64px); --max:1440px; --hdr:72px; --hdr-now:72px;
  --ease:cubic-bezier(.2,.8,.2,1); --split:56%;
  --bm:var(--a000);
}
body.hdr-off{--hdr-now:0px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--cream);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 8px)}
body{background:var(--cream) var(--a002) repeat;background-size:512px;color:var(--text);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit}
fieldset{border:0}
:focus-visible{outline:1.5px solid var(--text);outline-offset:3px}
main,.foot{overflow-x:clip}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--text);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;text-decoration:none}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--text)}
em.a{font-style:italic;color:var(--accent)}
.d1{font-size:clamp(56px,5.8vw,92px);line-height:.88;letter-spacing:-.035em;font-weight:500}
.d2{font-size:clamp(44px,4.9vw,78px);line-height:.98;letter-spacing:-.024em;font-weight:500}
.d2--s{font-size:clamp(42px,4.3vw,66px)}
.d3{font-size:clamp(32px,3vw,46px);line-height:1.04;letter-spacing:-.015em;font-weight:500}
.lead{font:400 clamp(21px,1.65vw,25px)/1.42 var(--serif);color:var(--text);text-wrap:pretty}
h1,h2,h3,figcaption,.stone__role,.trio__close,.price__cap{text-wrap:balance}
p,dd,li{text-wrap:pretty}
em.u{font-style:normal;color:inherit}
.fine{font-size:13px;line-height:1.55;color:var(--muted)}
.m-only{display:none}
.ln{display:block;padding-bottom:.1em;margin-bottom:-.1em}

/* painted headings: a bristle-edged mask is swept across every line */
.bp{position:relative}
.bp .ln>span{display:inline-block;padding:0 .12em .14em 0;margin:0 -.12em -.14em 0}
.js .bp .ln>span{-webkit-mask-image:var(--bm);mask-image:var(--bm);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(100% - var(--p,0)*100%) 0;mask-position:calc(100% - var(--p,0)*100%) 0}
.js .bp .ln>span.pd{-webkit-mask-image:none;mask-image:none}

/* ink plates */
.ink{position:relative;mix-blend-mode:multiply}
.ink canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ink.ul{position:absolute;pointer-events:none;z-index:1}
.ink[data-kind="wash"]{mix-blend-mode:normal}
.ink.gr:not(.stone__plate .gr){-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%)}
.gr--a{rotate:-7deg}.gr--b{rotate:11deg;scale:.94}.gr--c{rotate:-4deg;scale:1.04}.gr--d{rotate:8deg}
.price__sticky .pw2{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.ink.paint{mix-blend-mode:normal}
.ink.paint img{display:none;width:100%;height:100%;object-fit:cover}
.no-gl .ink.paint img{display:block}
.no-gl .ink .still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.no-gl .ink.gr{mix-blend-mode:multiply}.no-gl .ink.gr .still{object-fit:cover;opacity:.8;mix-blend-mode:normal}
.no-gl .heropaint{display:none}
.no-gl mark.hl{background:rgba(195,203,221,.42);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.04em .22em;margin:0 -.22em;border-radius:.35em}
.deco{position:absolute;pointer-events:none}
[data-repaint]{cursor:pointer}
.wet{position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none;mix-blend-mode:multiply}
.hl-host{position:relative;z-index:0}
mark.hl{background:none;color:inherit}
.hlp{position:absolute;pointer-events:none;z-index:-1}
.edge{position:absolute;left:0;right:0;height:var(--eh,110px);pointer-events:none;z-index:2}
.edge[data-dark]{--eh:86px}
.edge.up[data-dark],.edge.bt[data-dark]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34%);mask-image:linear-gradient(to bottom,transparent 0,#000 34%)}
.edge.dn[data-dark]{-webkit-mask-image:linear-gradient(to top,transparent 0,#000 34%);mask-image:linear-gradient(to top,transparent 0,#000 34%)}
.edge.up{top:calc(-1*var(--eh,110px))}
.edge::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--seam,transparent)}
/* a static brushed edge sits under the live wash, so a section boundary is never a ruler-straight cut, even before the ink arrives */
.edge::before{content:"";position:absolute;inset:0;background:var(--seam,transparent);-webkit-mask:var(--a903) 0 0/100% 100% no-repeat;mask:var(--a903) 0 0/100% 100% no-repeat}
.edge.run::before{opacity:0;transition:opacity .5s ease}
.edge.lite::before{-webkit-mask-image:var(--a904);mask-image:var(--a904)}
.snapping .edge::before{transition:none!important}
.edge[data-fx="1"]::before{transform:scaleX(-1)}
.no-gl .edge::before{-webkit-mask-image:var(--a904);mask-image:var(--a904)}
.edge.dn{top:0}
.edge.dn::before{transform:scaleY(-1)}
.edge.dn::after{bottom:auto;top:-1px}
.edge.bt{bottom:0}
.fly{position:fixed;left:0;top:0;width:48px;height:48px;border-radius:50%;object-fit:cover;z-index:96;pointer-events:none;box-shadow:0 10px 24px -10px rgba(13,20,38,.55)}
.drop{position:fixed;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--sienna);z-index:96;pointer-events:none}
.num{display:block;position:relative;height:var(--nh,clamp(64px,6.4vw,96px));width:calc(var(--nh,clamp(64px,6.4vw,96px))*var(--asp));margin:0 0 6px -.04em}

/* buttons, links */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;height:54px;padding:0 10px 0 26px;border-radius:999px;background:var(--text);color:#fff;font:500 15px var(--sans);transition:background .3s,transform .3s;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.btn:hover{background:#0d1426}}
.btn>*{position:relative;z-index:1}
.btn::before{content:"";position:absolute;inset:-12% -6%;background:var(--sienna);opacity:.62;z-index:0;-webkit-mask-image:var(--bm);mask-image:var(--bm);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition:-webkit-mask-position .75s var(--ease),mask-position .75s var(--ease)}
.btn:focus-visible::before{-webkit-mask-position:0 0;mask-position:0 0}@media (hover:hover) and (pointer:fine){.btn:hover::before{-webkit-mask-position:0 0;mask-position:0 0}}
.btn i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12)}
.btn svg{width:16px;height:16px}
.btn.done{background:var(--gold);color:var(--text)}
.btn.done i{background:rgba(29,36,54,.12)}
.btn--lg{height:58px;font-size:16px}
.btn--lg i{width:38px;height:38px}
.btn--sm{height:40px;padding:0 6px 0 16px;gap:10px;font-size:13.5px}.btn--sm i{width:28px;height:28px}
.btn:active{transform:scale(.97)}
.link{font-size:13.5px;color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);transition:text-decoration-color .3s}
@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:var(--text)}}
.next{display:inline-flex;align-items:center;gap:18px;margin-top:34px;text-decoration:none;color:var(--text)}
.next small{display:block;font:500 12px/1.4 var(--sans);color:var(--eyebrow)}
.next b{display:block;font:italic 500 26px/1.15 var(--serif)}
.next i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);transition:background .3s,color .3s,transform .4s var(--ease)}
.next i svg{width:16px;height:16px}
@media (hover:hover) and (pointer:fine){.next:hover i{background:var(--text);color:#fff;transform:translateX(4px)}}

/* accordions */
.acc details{border-top:1px solid var(--line-2)}
.acc details:last-child{border-bottom:1px solid var(--line-2)}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:12px 0;cursor:pointer;font-size:15.5px;font-weight:500;color:var(--text)}
.acc summary::-webkit-details-marker{display:none}
.acc summary i,.more summary i{width:12px;height:12px;position:relative;flex:none}
.acc summary i::before,.acc summary i::after,.more summary i::before,.more summary i::after{content:"";position:absolute;left:0;top:5.5px;width:12px;height:1.2px;background:var(--text);transition:transform .35s var(--ease)}
.acc summary i::after,.more summary i::after{transform:rotate(90deg)}
.acc details[open] summary i::after,.more[open] summary i::after{transform:rotate(0)}
.acc__b{padding:0 0 18px;font-size:16px;color:var(--text-2);max-width:62ch}
.acc__b p+p{margin-top:10px}
.acc__b .link{display:inline-block;margin-top:8px}
.spec div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.spec div:last-child{border-bottom:0}
.spec dt{color:var(--muted)}.spec dd{color:var(--text);text-align:right}
.steps{list-style:none;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;padding:8px 0;font-size:15px;color:var(--text)}
.steps li+li{border-top:1px solid var(--line)}
.steps li::before{content:"0" counter(s);font:italic 400 18px var(--serif);color:var(--accent)}

/* ---------- announcement + header ---------- */
.ann{background:var(--sand);font-size:12.5px;color:var(--muted);text-align:center;padding:8px var(--pad);border-bottom:1px solid var(--line)}
.ann span+span::before{content:"·";margin:0 14px;color:var(--accent)}
.ann__s{display:none}
.ann .ann__s+span::before{content:none}
.top{position:sticky;top:0;z-index:50;height:var(--hdr);background:rgba(242,233,222,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .55s var(--ease)}
.top.hide{transform:translateY(calc(-100% - 10px))}
.top .wrap{height:100%;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;max-width:none}
.wordmark{font:400 34px/1 var(--serif);letter-spacing:-.06em;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.wordmark sup{font:500 10px var(--sans);letter-spacing:0;color:var(--accent);margin-left:2px;align-self:flex-start;margin-top:8px}
.nav{display:flex;justify-content:center;gap:30px;font-size:13.5px;transition:opacity .4s,transform .5s var(--ease)}
.nav a{white-space:nowrap;text-decoration:none;color:var(--muted);transition:color .3s;position:relative}
.nav a.on{color:var(--text)}@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--text)}}
.nav a::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-7px;height:5px;background:var(--accent);opacity:.6;-webkit-mask-image:var(--bm);mask-image:var(--bm);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;transition:-webkit-mask-position .7s var(--ease),mask-position .7s var(--ease)}
.nav a.on::after{-webkit-mask-position:0 0;mask-position:0 0}
.top__r{display:flex;align-items:center;gap:18px;justify-self:end}
.mini{display:flex;align-items:center;gap:12px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .4s,transform .5s var(--ease),visibility 0s linear .5s}
.top.buying .mini{opacity:1;visibility:visible;transform:none;transition:opacity .4s,transform .5s var(--ease)}
.mini img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.mini__t{text-align:left;line-height:1.2}
.mini__t b{display:block;font:400 18px/1.1 var(--serif);white-space:nowrap}
.mini__t em{font-style:normal;font-size:12px;color:var(--muted)}
.mini__t i{font-style:normal;color:var(--text);font-weight:500}
.bag{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text);min-height:44px}
.pouch{position:relative;display:inline-grid;place-items:center;width:26px;height:26px;flex:none}
.pouch__svg{width:26px;height:26px;overflow:visible;fill:none;stroke:var(--text);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.pouch__body{fill:transparent;transition:fill .5s ease}
.pouch.is-full .pouch__body{fill:rgba(29,36,54,.07)}
.pouch__neck{transform-origin:12px 9px;transition:transform .45s var(--ease)}
.pouch.is-open .pouch__neck{transform:scaleX(1.12) translateY(-.4px)}
.pouch__cord{transform-origin:16.8px 10.3px}
.pouch__cord circle{fill:var(--text);stroke:none}
.pouch__n{position:absolute;right:-8px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font:600 10px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--cream);background:var(--text)}
.pouch.is-empty .pouch__n{display:none}
.pouch--lg,.pouch--lg .pouch__svg{width:28px;height:28px}
.pouch--xl{display:grid;margin:0 auto 14px}
.pouch--xl,.pouch--xl .pouch__svg{width:56px;height:56px}
.pouch--xl .pouch__svg{stroke-width:.9}
.rthread{position:absolute;left:0;right:0;bottom:-5px;width:100%;height:10px;overflow:hidden;pointer-events:none}
.rthread path{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;opacity:.8}
.rbead{position:absolute;left:0;top:calc(100% - 5px);width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8f99,#23252c 70%);box-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none;will-change:transform}

/* ---------- 1 · product ---------- */
.pdp{position:relative}
.pdp__grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(380px,.72fr);gap:clamp(36px,4.4vw,80px);align-items:start;padding-right:var(--pad);padding-bottom:clamp(64px,6vw,100px)}
.pdp__media{position:sticky;top:var(--hdr-now);transition:top .55s var(--ease)}
.stage{position:relative;height:calc(100svh - var(--hdr) - 34px);min-height:600px;max-height:1000px;overflow:hidden;background:var(--sand);-webkit-mask:var(--a901) center/100% 100% no-repeat;mask:var(--a901) center/100% 100% no-repeat}
.stage>img,.stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;cursor:zoom-in;color:transparent}
.stage>video{display:block;background:var(--sand)}
.stage>img.on,.stage>video.on{opacity:1;z-index:1}
.stage>img.in,.stage>video.in{opacity:1;z-index:2;-webkit-mask-image:var(--bm);mask-image:var(--bm);-webkit-mask-size:260% 140px;mask-size:260% 140px;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;animation:brushin 1s var(--ease) forwards}
@keyframes brushin{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
.heropaint{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .6s ease}
.heropaint.done{opacity:0}
.thumbs{position:absolute;left:clamp(20px,2.2vw,36px);bottom:36px;z-index:4;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(242,233,222,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.thumbs button{width:46px;height:46px;border-radius:9px;overflow:hidden;opacity:.6;transition:opacity .3s,box-shadow .3s}
@media (hover:hover) and (pointer:fine){.thumbs button:hover{opacity:.9}}
.thumbs button.on{opacity:1;box-shadow:0 0 0 1.5px var(--text)}
.thumbs button img{width:100%;height:100%;object-fit:cover}
/* thumbs of short clips carry a small play mark */
.thumbs button.v{position:relative}
.thumbs button.v::after{content:"";position:absolute;right:4px;bottom:4px;width:15px;height:15px;border-radius:50%;background:rgba(242,233,222,.94);box-shadow:0 1px 3px rgba(19,27,48,.28)}
.thumbs button.v::before{content:"";position:absolute;right:8.5px;bottom:8.5px;z-index:1;width:6px;height:7px;background:var(--text);clip-path:polygon(0 0,100% 50%,0 100%)}
.thumbs span{font:italic 500 16px var(--serif);color:var(--text);margin-left:6px;white-space:nowrap;min-width:9.4em}
.zoom{position:absolute;right:122px;top:18px;z-index:4;width:46px;height:46px;border-radius:50%;background:rgba(242,233,222,.9);display:grid;place-items:center}
.zoom svg{width:16px;height:16px}
.mact{position:absolute;top:18px;right:18px;z-index:4;display:flex;gap:8px}
.mact button{width:44px;height:44px;border-radius:50%;background:rgba(242,233,222,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--text);box-shadow:0 6px 18px -10px rgba(13,20,38,.4);transition:transform .25s var(--ease)}
.mact button:active{transform:scale(.92)}
.mact svg{width:19px;height:19px}
.mact button[aria-pressed="true"] svg{fill:var(--sienna);stroke:var(--sienna)}
.gdots{display:none}

.pdp__info{position:relative;padding-top:22px;max-width:560px;isolation:isolate}
@keyframes rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.js .pdp:not(.go) .pdp__info>:not(h1):not(.deco),.js .pdp:not(.go) .thumbs,.js .pdp:not(.go) .mact,.js .pdp:not(.go) .gdots{opacity:0}
.js .pdp.go .pdp__info>:not(h1):not(.deco){animation:rise .7s var(--ease) both}
.js .pdp.go .pdp__info>.crumbs{animation-delay:.02s}.js .pdp.go .pdp__info>.tag{animation-delay:.28s}.js .pdp.go .pdp__info>.pricerow{animation-delay:.34s}.js .pdp.go .pdp__info>.beadrow{animation-delay:.38s}
.js .pdp.go .pdp__info>.opt:nth-of-type(1){animation-delay:.42s}.js .pdp.go .pdp__info>.opt:nth-of-type(2){animation-delay:.46s}.js .pdp.go .pdp__info>.buyrow{animation-delay:.5s}.js .pdp.go .pdp__info>.giftrow,.js .pdp.go .pdp__info>.trust,.js .pdp.go .pdp__info>.desc,.js .pdp.go .pdp__info>.acc{animation-delay:.56s}
.js .pdp.go .thumbs,.js .pdp.go .mact,.js .pdp.go .gdots{animation:rise .7s .6s var(--ease) both}
.pdp__wash{right:-9%;top:2%;width:80%;aspect-ratio:1;z-index:-1;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.crumbs{display:flex;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:22px}
.crumbs a{text-decoration:none}@media (hover:hover) and (pointer:fine){.crumbs a:hover{color:var(--text)}}
.pdp h1{margin:0 0 16px}
.tag{font:400 clamp(22px,1.8vw,27px)/1.25 var(--serif)}
.tag em{font-style:italic;color:#2f4a78}
.beadrow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:12px 0 0;font-size:14px;color:var(--muted)}
.beadrow__i{display:inline-flex;margin-right:6px}
.beadrow__i img{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--cream)}
.beadrow__i img+img{margin-left:-6px}
.beadrow button{white-space:nowrap;font-size:14px;color:var(--text-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);transition:text-decoration-color .3s}
@media (hover:hover) and (pointer:fine){.beadrow button:hover{text-decoration-color:var(--text)}}
.beadrow button+button::before{content:"·";display:inline-block;margin:0 8px 0 2px;color:var(--muted);text-decoration:none}
.pricerow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line-2)}
.pricerow strong{font:400 40px/1 var(--serif);letter-spacing:-.01em}
.pricerow span{font-size:13px;color:var(--text-2);text-align:right;line-height:1.45}
.opt{margin-top:16px}
.opt__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;font-weight:500}
.opt__h small{font:italic 500 16px var(--serif);color:var(--accent-t)}
.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sizes label,.ints label,.seg label{cursor:pointer;position:relative;display:block}
.sizes input,.ints input,.seg input{position:absolute;opacity:0;pointer-events:none}
.sizes span{display:flex;justify-content:center;gap:6px;height:46px;align-items:center;border-radius:12px;border:1px solid var(--line-2);font-size:14.5px;color:var(--muted);transition:all .25s}
.sizes span b{font-weight:500;color:var(--text)}
.sizes input:checked+span{background:var(--text);border-color:var(--text);color:rgba(255,255,255,.75)}
.sizes input:checked+span b{color:#fff}
.sizes input:focus-visible+span,.ints input:focus-visible+span,.seg input:focus-visible+span{outline:1.5px solid var(--text);outline-offset:2px}
.ints label{display:flex}.ints span{flex:1}
.fit{font-size:13px;color:var(--muted);margin-top:8px}
.ints{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ints span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:66px;padding:12px 10px 10px;border-radius:12px;border:1px solid var(--line-2);font-size:13px;line-height:1.15;text-align:center;color:var(--muted);transition:all .25s}
.ints span img{width:24px;height:24px;flex:none;border-radius:50%;object-fit:cover;transition:transform .6s var(--ease)}
.ints input:checked+span{border-color:var(--text);color:var(--text);background:rgba(242,233,222,.7);box-shadow:inset 0 0 0 .5px var(--text)}
.ints input:checked+span img{transform:rotate(-24deg) scale(1.08)}
.intq{display:block;margin-top:8px;font:italic 500 19px/1.35 var(--serif);color:var(--text);quotes:"„" "”";min-height:2.7em;transition:opacity .35s}
.intq.swap{opacity:0}
.buyrow{display:flex;gap:10px;align-items:center;margin-top:12px}
.qty{display:grid;grid-template-columns:38px 24px 38px;align-items:center;height:58px;padding:0 6px;border-radius:999px;border:1px solid var(--line-2);text-align:center;font-weight:500}
.qty button{height:100%;font-size:18px;color:var(--text)}
.buyrow .btn{flex:1;width:100%}
.giftrow{margin-top:10px}
.giftrow label{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;color:var(--text);cursor:pointer}
.giftrow input{width:22px;height:22px;accent-color:var(--text);flex:none}
.giftrow label>span{display:flex;flex-direction:column;line-height:1.3}
.giftrow label b{font-weight:500}
.giftrow label em{font-style:normal;font-size:13.5px;color:var(--muted)}
.giftrow textarea{display:none;width:100%;margin-top:8px;min-height:84px;padding:12px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--cream);font:italic 500 18px/1.4 var(--serif);color:var(--text);resize:vertical}
.giftrow.on textarea{display:block}
.giftrow small{display:none;font-size:13px;color:var(--muted);margin-top:4px}
.giftrow.on small{display:block}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.trust li{display:flex;align-items:center;gap:8px}
.trust svg{width:18px;height:18px;color:var(--accent);flex:none}
.desc{margin:26px 0 18px;font-size:16.5px;line-height:1.7;color:var(--text-2)}

/* ---------- 2 · story: a pinned horizontal strip of eras, painted as they arrive ---------- */
.story{position:relative;background:var(--cream-2)}
.pan{position:relative}
.pan__sticky{position:sticky;top:var(--hdr-now);height:calc(100svh - var(--hdr-now));overflow:hidden;transition:top .55s var(--ease),height .55s var(--ease)}
.pan__track{display:flex;align-items:center;gap:0;height:100%;width:max-content;padding-right:10vw;will-change:transform;background:var(--cream-2)}
.beat{position:relative}
.beat__nav,.deckhead{display:none}
.beat--intro,.beat--outro{display:grid;grid-template-columns:auto minmax(0,500px);align-items:center;gap:clamp(36px,4vw,72px);height:100%;padding:0 clamp(56px,6vw,120px) 0 0;flex:none}
.beat--outro{padding:0 0 0 clamp(40px,4vw,80px);grid-template-columns:auto minmax(0,440px)}
.beat--intro .beat__art,.beat--outro .beat__art{position:relative;height:86%;aspect-ratio:4/5}
.beat--outro .beat__art{height:74%}
.beat__art .ink{position:absolute;inset:0}
.beat--intro .gr,.beat--outro .gr{inset:8% 4% 2% 4%}
.beat--intro h2{margin-bottom:26px}
.beat--intro .lead{max-width:30ch}
.beat--outro h3{margin-bottom:20px}
.beat--outro .lead{max-width:30ch}
.beats{list-style:none;display:flex;align-items:center;gap:clamp(40px,4.4vw,84px);height:100%;flex:none;padding:0 clamp(20px,2vw,40px)}
.beats .beat{flex:none;width:clamp(300px,24vw,460px);position:relative}
.beats .beat:nth-child(odd){top:-4.5vh}
.beats .beat:nth-child(even){top:5.5vh}
.beats .beat__art{position:relative;aspect-ratio:1;margin:0 0 16px}
.beats .beat__art .gr{inset:3% -4% -2% -4%}
.beat__when{display:block;font:400 clamp(46px,3.9vw,66px)/1 var(--serif);letter-spacing:-.025em;margin:0 0 12px}
.beat__when small{font:italic 400 .38em var(--serif);letter-spacing:0;color:var(--accent-t);margin-left:.4em}
.beat h3{font-size:clamp(26px,2.1vw,34px);font-weight:500;line-height:1.1;margin-bottom:10px}
.beats .beat p{font-size:16.5px;line-height:1.6;color:var(--text-2);max-width:34ch}
.pan__thread{position:absolute;left:0;top:0;height:100%;pointer-events:none;overflow:visible}
.pan__thread path{fill:none;stroke:rgba(29,36,54,.38);stroke-width:1.3;stroke-linecap:round}
.eras{position:absolute;left:50%;bottom:22px;list-style:none;display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(242,233,222,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px -18px rgba(13,20,38,.4);opacity:0;transform:translate(-50%,10px);transition:opacity .5s,transform .6s var(--ease);z-index:2;white-space:nowrap}
.pan.on-eras .eras{opacity:1;transform:translate(-50%,0)}
.eras button{white-space:nowrap;font:500 12.5px/1 var(--sans);color:var(--muted);padding:9px 12px;border-radius:999px;transition:background .3s,color .3s}
@media (hover:hover) and (pointer:fine){.eras button:hover{color:var(--text)}}
.eras button.on{background:var(--text);color:#fff}
.eras button.past{color:var(--accent-t)}

/* ---------- 3 · stones: one arch that is flooded and repainted for each stone ---------- */
.stones{position:relative;background-color:var(--sbg,#f2e9de);transition:background-color 1.3s ease}
.stones__grid{display:grid;grid-template-columns:var(--split) minmax(0,1fr);position:relative}
.stones__art{background-color:var(--sbg,#f2e9de);transition:background-color 1.3s ease,top .55s var(--ease),height .55s var(--ease);grid-column:1;grid-row:1;position:sticky;top:var(--hdr-now);height:calc(100svh - var(--hdr-now));align-self:start;margin:0}
.stones__col{grid-column:2;grid-row:1}
.stone{position:relative;display:flex;align-items:center;min-height:100svh}
.stone__plate{position:absolute;inset:0 0 44px 0}
.stone__plate .arch{position:absolute;left:50%;top:9%;bottom:3%;aspect-ratio:4/5;max-width:86%;transform:translateX(-50%);overflow:hidden;background:var(--arch);-webkit-mask:var(--a900) center/100% 100% no-repeat;mask:var(--a900) center/100% 100% no-repeat}
.stone__plate .gr{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 90px);mask-image:linear-gradient(to top,transparent 0,#000 90px)}
/* the colour rises into the arch like water into paper: a ragged tide line, never a straight wipe */
.stones__art .arch,.js .stone .stone__plate .arch{-webkit-mask-image:var(--a900),var(--a905);mask-image:var(--a900),var(--a905);-webkit-mask-size:100% 100%,100% 260%;mask-size:100% 100%,100% 260%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center,0 0;mask-position:center,0 0;-webkit-mask-composite:source-in;mask-composite:intersect}
.stones__art .arch.fill{-webkit-mask-position:center,0 100%;mask-position:center,0 100%;transition:-webkit-mask-position 1.3s cubic-bezier(.55,0,.2,1),mask-position 1.3s cubic-bezier(.55,0,.2,1)}
.stones__art .ink.main{opacity:0;transition:opacity .35s ease}
.stones__art .ink.main.on{opacity:1}
.js .stone .stone__plate .arch{transition:-webkit-mask-position 1.7s cubic-bezier(.55,0,.2,1),mask-position 1.7s cubic-bezier(.55,0,.2,1)}
.js .stone.in .stone__plate .arch{-webkit-mask-position:center,0 100%;mask-position:center,0 100%}
.stone__plate .main{position:absolute;inset:7% 0 0 0}
.stone__art figcaption,.stones__art figcaption{position:absolute;left:0;right:0;bottom:12px;z-index:1;text-align:center;font:italic 500 16px var(--serif);color:var(--muted);transition:opacity .4s}
.srail{grid-column:1;grid-row:1;position:sticky;top:calc(var(--hdr-now) + 50svh - 60px);align-self:start;justify-self:start;margin:calc(50svh - 60px) 0 160px clamp(20px,2.4vw,44px);display:flex;flex-direction:column;gap:14px;z-index:2}
.srail button{width:30px;height:30px;border-radius:50%;padding:0;opacity:.5;transform:scale(.8);box-shadow:0 0 0 4px var(--sbg,#f2e9de);transition:opacity .4s,transform .5s var(--ease),box-shadow .4s}
.srail button img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.srail button.on{opacity:1;transform:scale(1.12);box-shadow:0 0 0 2px var(--cream),0 0 0 3px var(--text),0 0 0 7px var(--sbg,#f2e9de)}
@media (hover:hover) and (pointer:fine){.srail button:hover{opacity:1}}
.stone__text{padding:clamp(80px,11vh,140px) var(--pad) clamp(80px,11vh,140px) clamp(36px,4.4vw,80px);max-width:760px}
.stone__name{font-size:clamp(66px,7vw,112px);line-height:.9;letter-spacing:-.035em;font-weight:500;margin:0 0 20px}
.stone__role{font:400 clamp(23px,1.9vw,29px)/1.32 var(--serif);max-width:26ch}
.facts{margin:30px 0 0;border-bottom:1px solid var(--line-2)}
.facts div{display:grid;grid-template-columns:clamp(176px,15vw,216px) 1fr;gap:16px;align-items:baseline;padding:11px 0;border-top:1px solid var(--line-2)}
.facts dt{font:400 clamp(22px,1.7vw,26px)/1.1 var(--serif);letter-spacing:-.01em}
.facts dd{font-size:14.5px;line-height:1.45;color:var(--muted)}
.stone__for{margin-top:30px;font-size:16.5px;line-height:1.65;color:var(--text-2);max-width:46ch}
.stone__for b{display:block;font:italic 500 19px/1.2 var(--serif);color:var(--accent-t);margin-bottom:4px}
.more{margin-top:22px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.more summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;font-size:15px;font-weight:500}
.more summary::-webkit-details-marker{display:none}
.more__b{padding:0 0 16px;font-size:15.5px;line-height:1.66;color:var(--text-2);max-width:56ch}
.more__b p+p{margin-top:10px}
.more__b b{font-weight:500;color:var(--text)}

/* ---------- 4 · trio ---------- */
.trio{position:relative;background:var(--cream-2);padding:clamp(70px,6.5vw,100px) 0 clamp(70px,6vw,96px)}
.trio__head{text-align:center;max-width:720px;margin:0 auto}
.trio__head .lead{max-width:34ch;margin:22px auto 0}
.trio__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,56px);margin-top:clamp(40px,5vw,70px);text-align:center}
.trio__thread{position:absolute;left:0;top:0;width:100%;pointer-events:none;overflow:visible}
.trio__thread path{fill:none;stroke:rgba(29,36,54,.5);stroke-width:1.4;stroke-linecap:round}
.trio__grid article{position:relative}
.trio__grid article:nth-of-type(2){margin-top:-56px}
.trio__grid article:nth-of-type(1),.trio__grid article:nth-of-type(3){margin-top:36px}
.trio__grid .pic{aspect-ratio:1;position:relative;width:min(100%,330px);margin:0 auto 6px}
.trio__grid .pic .ink{position:absolute;inset:0}
.trio__grid small{display:block;font-size:12.5px;color:var(--eyebrow);letter-spacing:.02em}
.trio__grid h3{font-size:clamp(30px,2.5vw,38px);line-height:1.08;margin:4px 0 6px;font-weight:500}
.trio__grid p{font-size:16.5px;color:var(--text-2);max-width:26ch;margin:0 auto}
.trio__close{text-align:center;font:400 clamp(28px,2.6vw,40px)/1.25 var(--serif);margin:clamp(56px,6vw,90px) auto 0}
.scta{display:flex;align-items:center;gap:18px;margin:34px auto 0;padding:10px 10px 10px 10px;border-radius:999px;background:var(--cream);box-shadow:0 0 0 1px var(--line),0 20px 40px -30px rgba(13,20,38,.4);width:max-content;max-width:100%}
.scta img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.scta__t{font-size:13px;color:var(--muted);line-height:1.35}
.scta__t b{display:block;font:400 20px/1.15 var(--serif);color:var(--text)}
.scta strong{font:400 26px/1 var(--serif);margin-left:10px}

/* ---------- 5 · ritual ---------- */
.ritual{position:relative;display:grid;grid-template-columns:var(--split) minmax(0,1fr);background:var(--cream)}
.ritual__art{position:sticky;top:var(--hdr-now);height:calc(100svh - var(--hdr-now));align-self:start;margin:0;background:var(--cream);transition:top .55s var(--ease),height .55s var(--ease)}
.ritual__art .gr{position:absolute;inset:8% 4% 2% 2%}
.ritual__art .main{position:absolute;inset:0}
.ritual__text{padding:clamp(100px,12vh,150px) var(--pad) clamp(90px,10vh,130px) clamp(36px,4.4vw,80px);max-width:680px}
.ritual__text h2{margin-bottom:22px}
.ritual__text>.lead{max-width:28ch}
.rsteps{list-style:none;counter-reset:r;margin-top:40px}
.rsteps>li{counter-increment:r;position:relative;padding:26px 0 28px 64px;border-top:1px solid var(--line-2)}
.rsteps>li::before{content:counter(r);position:absolute;left:0;top:14px;font:italic 400 52px/1 var(--serif);color:var(--accent);opacity:.8}
.rsteps h3{font-size:28px;line-height:1.1;margin-bottom:14px;font-weight:500}
.rsteps p{font-size:16px;color:var(--text-2);max-width:44ch}
.seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line-2);margin-bottom:14px;gap:2px}
.seg button,.seg span{display:grid;place-items:center;height:40px;padding:0 20px;border-radius:999px;font-size:14px;color:var(--muted);transition:all .3s;white-space:nowrap}
.seg button[aria-selected="true"],.seg input:checked+span{background:var(--text);color:#fff}
.rsteps__breath{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;align-items:center}
.rsteps__breath h3{grid-column:1/-1}
.breath{width:128px;height:128px;position:relative;display:grid;place-items:center;border-radius:50%}
.breath i{position:absolute;inset:0;border-radius:50%;border:1px solid var(--accent);transform:scale(.5);transition:transform 4s cubic-bezier(.45,0,.55,1),background 4s}
.breath i+i{border-color:var(--line-2);transform:scale(1)}
.breath.inhale i:first-child{transform:scale(1);background:rgba(184,149,79,.12)}
.breath span{position:relative;font:italic 500 15px/1.15 var(--serif);text-align:center}
.breath i:first-child{transform:scale(.72)}
@media (hover:hover) and (pointer:fine){.breath:hover i+i{border-color:var(--accent)}}
.seg--int{display:flex;flex-wrap:wrap;border-radius:24px;width:max-content;max-width:100%}
.seg--int span{height:40px;padding:0 11px;border-radius:999px;font-size:12.5px;white-space:nowrap}
.intq--lg{font-size:clamp(24px,2vw,30px);line-height:1.28;margin:4px 0 10px;min-height:2.6em}
.note{font-size:14px!important;color:var(--muted)!important}

/* ---------- 6 · price + box ---------- */
.price{position:relative;background:var(--sage)}
.price__pin{position:relative}
.price__sticky{position:relative;min-height:min(100svh,940px);background:var(--sage);display:grid;grid-template-rows:auto auto auto;align-content:center;gap:10px;justify-items:center;text-align:center;padding:calc(var(--hdr) + 24px) var(--pad) 48px;overflow:hidden}
.price__h{position:relative;z-index:2;font:400 clamp(30px,3vw,46px)/1.1 var(--serif);max-width:20ch;margin-bottom:10px}
.price__sticky .pw{position:absolute;z-index:0;pointer-events:none;left:50%;top:52%;width:min(62vw,640px);aspect-ratio:1;transform:translate(-50%,-50%)}
.price__sticky .pw2{left:12%;right:12%;top:auto;bottom:10%;width:auto;aspect-ratio:3.95;transform:none}
.price__stage{position:relative;width:100%;height:clamp(170px,24vw,380px)}
.price__stage>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(120px,19vw,320px)/1 var(--serif);letter-spacing:-.03em;color:var(--text);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;white-space:nowrap}
.price__stage>span.on{opacity:1;visibility:visible;transition:opacity .35s ease}
.js .price__stage>span:not(.ink3){-webkit-mask-image:var(--bm);mask-image:var(--bm);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(100% - var(--p,1)*100%) 0;mask-position:calc(100% - var(--p,1)*100%) 0}
.price__stage .ink3 .ink{position:relative;display:block;height:112%;aspect-ratio:1/1;margin-top:-2%}
.price__stage>span.eq{font-size:clamp(76px,10.5vw,176px)}
.price__stage small{font-size:.26em;margin-left:.12em;letter-spacing:0;align-self:flex-end;margin-bottom:.9em}
.price__cap{position:relative;z-index:2;max-width:38ch;font:400 clamp(20px,1.7vw,25px)/1.38 var(--serif);margin-top:clamp(10px,2vw,24px);min-height:2.8em;transition:opacity .4s}
.price__dots{position:relative;z-index:2;display:flex;gap:4px;margin-top:6px}
.price__dots button{position:relative;width:34px;height:34px;display:grid;place-items:center}
.price__dots button::before{content:"";width:22px;height:3px;border-radius:2px;background:rgba(29,36,54,.2);transition:background .4s,width .4s var(--ease)}
.price__dots button.on::before{background:var(--sage-accent);width:34px}
.box{display:grid;grid-template-columns:var(--split) minmax(0,1fr);align-items:center;padding-bottom:calc(var(--eh,110px) + 36px)}
.box__art{position:relative;aspect-ratio:1/1;margin:0}
.box__art .gr{position:absolute;inset:8% 6% 4% 4%}
.box__art .main{position:absolute;inset:0}
.box__text{padding:0 var(--pad) 0 clamp(36px,4.4vw,80px);max-width:640px}
.box__text h2 em.a{color:var(--sage-accent)}
.box__list{list-style:none;margin:30px 0 26px;border-top:1px solid rgba(29,36,54,.18)}
.box__list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(29,36,54,.18);font-size:16px;color:var(--text)}
.box__list img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.js-intname q{white-space:nowrap;quotes:"„" "”"}
.box__card{display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:var(--cream);font:italic 500 22px var(--serif);color:var(--accent);box-shadow:0 0 0 1px rgba(29,36,54,.14)}
.box__buy{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.box__buy .btn{min-width:280px}
.box__text .fine{margin-top:16px}

/* ---------- 7 · real ---------- */
.real{position:relative;background:var(--dark);color:var(--on-dark);padding:clamp(56px,5vw,84px) 0 clamp(70px,6vw,96px)}
.real h2{color:var(--on-dark)}
.real__head{margin-bottom:clamp(30px,3.4vw,48px)}
.real__head p{max-width:46ch;margin-top:16px;color:rgba(238,232,220,.76);font-size:17px}
.strip{display:flex;gap:12px;height:min(64vh,620px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(var(--pad)*-1);padding:0 var(--pad);scroll-padding:0 var(--pad);cursor:grab}
.strip::-webkit-scrollbar{display:none}
.strip.drag{cursor:grabbing;scroll-snap-type:none}
.strip figure{position:relative;flex:none;height:100%;display:flex;flex-direction:column;scroll-snap-align:start}
.strip .ph{position:relative;flex:none;height:calc(100% - 38px);overflow:hidden;border-radius:8px;background:#232b40}
.strip .f-wide .ph{aspect-ratio:3/2}.strip .f-tall .ph{aspect-ratio:4/5}.strip .f-sq .ph{aspect-ratio:1}
.strip figure:first-child .ph{border-radius:160px 8px 8px 8px}
.strip img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform 1.4s var(--ease)}
@media (hover:hover) and (pointer:fine){.strip figure:hover img{transform:scale(1.03)}}
.strip .ink{position:absolute;inset:0}
.strip figcaption{flex:none;padding:12px 2px 0;font:italic 500 17px/1.2 var(--serif);color:var(--dark-accent)}
.strip__nav{display:flex;align-items:center;gap:14px;margin-top:22px}
.strip__b{width:46px;height:46px;border-radius:50%;border:1px solid rgba(238,232,220,.3);color:var(--on-dark);display:grid;place-items:center;transition:background .3s,color .3s}
@media (hover:hover) and (pointer:fine){.strip__b:hover{background:var(--on-dark);color:var(--dark)}}
.strip__b svg{width:16px;height:16px}
.strip__bar{flex:1;height:2px;background:rgba(238,232,220,.16);border-radius:2px;overflow:hidden}
.strip__bar i{display:block;height:100%;width:30%;background:var(--dark-accent);transform-origin:left center;transition:transform .2s linear}
.rspec{margin-top:22px;font-size:14px;color:rgba(238,232,220,.66)}

/* ---------- 8 · faq ---------- */
.faq{position:relative;display:grid;grid-template-columns:var(--split) minmax(0,1fr);background:var(--cream);padding:calc(var(--eh,110px) + 36px) 0 clamp(80px,8vw,110px)}
.faq__art{position:sticky;top:calc(var(--hdr-now) + 20px);align-self:start;margin:0;background:var(--cream);padding:0 clamp(20px,4vw,70px)}
.faq__plate{position:relative;aspect-ratio:4/5;max-height:calc(100svh - var(--hdr) - 120px);margin:0 auto}
.faq__plate .gr{position:absolute;inset:8% 6% 6% 4%;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent);mask-image:radial-gradient(closest-side,#000 80%,transparent)}
.faq__plate .main{position:absolute;inset:3% 4% 6%;-webkit-mask-image:radial-gradient(closest-side,#000 86%,transparent);mask-image:radial-gradient(closest-side,#000 86%,transparent)}
.faq__art figcaption{text-align:center;font:400 clamp(21px,1.7vw,26px)/1.3 var(--serif);max-width:24ch;margin:14px auto 0}
.faq__text{padding:0 var(--pad) 0 clamp(36px,4.4vw,80px);max-width:680px}
.faq__text h2{margin-bottom:28px}
.acc--faq summary{font:400 clamp(21px,1.6vw,24px)/1.25 var(--serif);min-height:64px}
.faq__text .fine{margin-top:22px}

/* ---------- 9 · collection + footer ---------- */
.coll{position:relative;background:var(--sand);padding:clamp(64px,6vw,96px) 0 calc(var(--eh,110px) + 40px)}
.coll__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(32px,4vw,52px)}
.coll__head p{max-width:34ch;color:var(--muted)}
.coll__head--stack{display:block}
.coll__head--stack p{margin-top:14px;max-width:46ch}
.cgrid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px)}
.pcard{position:relative;display:flex;flex-direction:column}
.pcard .ph{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--sand-2)}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
@media (hover:hover) and (pointer:fine){.pcard:hover .ph img{transform:scale(1.04)}}
.pcard .badge{position:absolute;left:12px;top:12px;padding:4px 11px;border-radius:999px;background:rgba(252,250,246,.92);font-size:12px;color:var(--text)}
.pcard h3{font-size:clamp(26px,2vw,30px);line-height:1.08;margin-top:16px;font-weight:500}
.pcard__s{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.pcard em{display:block;font:italic 500 17px/1.35 var(--serif);color:var(--muted);margin-top:4px;flex:1}
.pcard .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}
.pcard strong{font:400 24px/1 var(--serif)}
.btn--ghost{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;font-weight:500;color:var(--text);transition:background .3s,color .3s,border-color .3s}
@media (hover:hover) and (pointer:fine){.btn--ghost:hover{background:var(--text);color:#fff;border-color:var(--text)}}
.btn--ghost.done{background:var(--gold);color:var(--text);border-color:var(--gold)}
.pcard--current .ph{box-shadow:0 0 0 1.5px var(--text)}
.coll .fine{margin-top:26px}
.foot{position:relative;background:var(--dark);color:rgba(238,232,220,.88);overflow:hidden}
.foot__bg{position:absolute;inset:0;opacity:.34}
.foot__bg img{width:100%;height:100%;object-fit:cover}
.foot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#131b30 0,rgba(19,27,48,.35) 26%,rgba(19,27,48,.25) 45%,rgba(19,27,48,.94) 100%)}
.foot .wrap{position:relative;z-index:2;padding-top:clamp(120px,14vw,220px);padding-bottom:36px}
.foot__mark{font:400 clamp(96px,17vw,260px)/.8 var(--serif);letter-spacing:-.06em;color:var(--on-dark)}
.foot__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:40px;font-size:14px}
.foot__row p{grid-column:1/5}
.foot__row ul{list-style:none;display:grid;gap:6px}
.foot__row ul:nth-of-type(1){grid-column:7/10}.foot__row ul:nth-of-type(2){grid-column:10/13}
.foot a{text-decoration:none}@media (hover:hover) and (pointer:fine){.foot a:hover{color:#fff}}
.foot small{display:block;margin-top:36px;padding-top:18px;border-top:1px solid rgba(238,232,220,.16);font-size:12.5px}

/* ---------- layers: bar, sheets, drawer, lightbox, toast ---------- */
.bar{display:none}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:99;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--text);color:#fff;font-size:14.5px;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px -14px rgba(13,20,38,.6);transition:opacity .3s,transform .35s var(--ease);display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);line-height:1.35}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast button{flex:none;color:#fff;font-weight:500;text-decoration:underline;text-underline-offset:3px;min-height:34px}
.toast button[hidden]{display:none}
body.bar-on .toast{bottom:calc(92px + env(safe-area-inset-bottom))}
.scrim{position:fixed;inset:0;background:rgba(19,27,48,.3);z-index:85;opacity:0;pointer-events:none;transition:opacity .5s}
.scrim.on{opacity:1;pointer-events:auto}
html.locked,html.locked body{overflow:hidden}
.sheet{position:fixed;left:50%;bottom:0;z-index:92;width:min(520px,100%);max-height:88svh;display:flex;flex-direction:column;background:var(--cream);border-radius:18px 18px 0 0;box-shadow:0 -20px 50px -30px rgba(13,20,38,.5);transform:translate(-50%,105%);transition:transform .45s var(--ease);padding-bottom:env(safe-area-inset-bottom)}
.sheet.on{transform:translate(-50%,0)}
.sheet[hidden]{display:none}
.sheet__grab{width:44px;height:5px;border-radius:3px;background:rgba(29,36,54,.2);margin:10px auto 0;flex:none}
.sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px 10px 22px;touch-action:none}
.sheet h2{font-size:30px;line-height:1.05;font-weight:500}
.sheet__x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sand)}
.sheet__x svg{width:16px;height:16px}
.sheet__body{overflow:auto;padding:4px 22px 16px;overscroll-behavior:contain}
.sheet footer{padding:12px 22px 16px;border-top:1px solid var(--line);background:var(--cream)}
.sheet footer .btn{width:100%}
.ssprod{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:2px 0 14px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.ssprod img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.ssprod b{display:block;font:400 21px/1.15 var(--serif)}
.ssprod span{display:block;font-size:13.5px;line-height:1.4;color:var(--muted)}
.ssprod strong{font:400 24px/1 var(--serif)}
.sizeopts{display:grid;gap:10px;margin:6px 0 12px}
.sizeopt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line-2);cursor:pointer;transition:border-color .25s,background .25s}
.sizeopt input{position:absolute;opacity:0;pointer-events:none}
.sizeopt b{font:400 30px/1 var(--serif);width:34px}
.sizeopt span{font-size:15.5px;line-height:1.35;color:var(--text)}
.sizeopt span small{display:block;font-size:13.5px;color:var(--muted)}
.sizeopt i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2)}
.sizeopt:has(input:checked){border-color:var(--text);background:var(--sand)}
.sizeopt:has(input:checked) i{border-color:var(--text);background:var(--text);box-shadow:inset 0 0 0 4px var(--sand)}
.measure-tip{font-size:14.5px;color:var(--text-2);padding:4px 0}
.measure-tip summary{min-height:44px;display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;list-style:none}
.measure-tip summary::-webkit-details-marker{display:none}
.measure-tip summary svg{width:18px;height:18px;color:var(--accent);flex:none}
.measure-tip summary span{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}
.measure-tip .acc-art{aspect-ratio:4/3;position:relative;width:min(280px,72%);margin:4px 0 6px}
.measure-tip .acc-art .ink{position:absolute;inset:0}
.sheet .qtyrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.sheet .qty{height:48px}
.sheet .giftrow{padding-top:6px;border-top:1px solid var(--line)}
.ssnote{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--cream);z-index:90;transform:translateX(104%);visibility:hidden;transition:transform .6s var(--ease),visibility 0s linear .6s;display:flex;flex-direction:column;box-shadow:-30px 0 60px -40px rgba(13,20,38,.55)}
.drawer.on{transform:none;visibility:visible;transition:transform .6s var(--ease)}
.drawer .sheet__grab{display:none}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
.drawer h2{display:flex;align-items:center;gap:12px;font-size:30px;line-height:1;font-weight:500}
.drawer header button{font-size:13.5px;font-weight:500;min-height:44px}
.dr-ok{margin:14px 24px 0;padding:10px 14px;border-radius:8px;background:var(--sage);font-size:13.5px;color:var(--text);display:none}
.dr-ok.on{display:block}
.dr-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.dr-items{list-style:none;padding:4px 24px}
.dr-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.dr-item img{width:72px;height:72px;border-radius:6px;object-fit:cover}
.dr-item b{display:block;font:400 20px/1.15 var(--serif)}
.dr-item span{display:block;font-size:12.5px;color:var(--muted)}
.dr-item .card{font:italic 500 15px/1.35 var(--serif);color:var(--accent);margin-top:3px}
.dr-item .gift{font:italic 500 15px/1.35 var(--serif);color:var(--accent);margin-top:3px}
.dr-item .q{display:inline-flex;align-items:center;gap:4px;margin-top:8px;border:1px solid var(--line-2);border-radius:999px;height:32px;padding:0 4px}
.dr-item .q button{width:26px;height:26px;font-size:15px}
.dr-item .q output{min-width:18px;text-align:center;font-size:13px;font-weight:500}
.dr-item strong{font:400 20px var(--serif);align-self:start}
.dr-empty{padding:40px 0;text-align:center;font:italic 400 20px var(--serif);color:var(--muted)}
.dr-saved{padding:12px 24px 14px;border-top:1px solid var(--line)}
.dr-saved[hidden]{display:none}
.dr-saved small,.dr-up small{font-size:12.5px;color:var(--eyebrow)}
.dr-saved .row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;margin-top:8px}
.dr-saved img{width:52px;height:52px;border-radius:6px;object-fit:cover}
.dr-saved b{display:block;font:400 19px/1.15 var(--serif)}
.dr-saved span{font-size:13px;color:var(--muted)}
.dr-saved button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;font-weight:500}
.dr-up{padding:14px 24px 16px;border-top:1px solid var(--line)}
.dr-up>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.dr-up button{text-align:left;font-size:12px;color:var(--muted);line-height:1.35}
.dr-up button img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;margin-bottom:6px}
.dr-up button b{display:block;font:400 16px/1.1 var(--serif);color:var(--text)}
.dr-foot{padding:18px 24px 22px;border-top:1px solid var(--line);background:var(--sand)}
.dr-sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.dr-sum strong{font:400 28px var(--serif)}
.dr-foot .btn{width:100%}
.dr-back{display:block;width:100%;min-height:44px;margin-top:6px;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}
.dr-note{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5;text-align:center}
.lb{position:fixed;inset:0;z-index:95;background:var(--cream);visibility:hidden;opacity:0;transition:opacity .28s ease,visibility 0s linear .28s;overscroll-behavior:contain}
.lb.on{visibility:visible;opacity:1;transition:opacity .28s ease}
.lb__track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;will-change:transform}
.lb__track::-webkit-scrollbar{display:none}
.lb__track figure{flex:0 0 100%;height:100%;display:grid;place-items:center;padding:64px 20px 60px;scroll-snap-align:center}
.lb__track img{max-height:100%;max-width:min(100%,1000px);border-radius:8px;object-fit:contain;user-select:none;-webkit-user-select:none;cursor:zoom-in}
.lb__track video{width:min(100%,1000px,calc(100svh - 124px));height:auto;aspect-ratio:1/1;border-radius:8px;object-fit:cover;background:var(--sand)}
.lb__track figure.zoomed{display:block;overflow:auto;padding:0;touch-action:pan-x pan-y;scrollbar-width:none}
.lb__track figure.zoomed img{max-width:none;max-height:none;width:230%;height:auto;border-radius:0;cursor:zoom-out}
.lb.zoom .lb__track{overflow-x:hidden}
.lb__x{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:2;width:48px;height:48px;border-radius:50%;background:var(--sand);display:grid;place-items:center}
.lb__x svg{width:18px;height:18px}
.lb__n{position:absolute;top:calc(24px + env(safe-area-inset-top));left:20px;z-index:2;font:italic 500 18px var(--serif);color:var(--text);min-height:24px}
.lb__nav{position:absolute;top:50%;z-index:2;width:48px;height:48px;border-radius:50%;background:var(--sand);display:grid;place-items:center;transform:translateY(-50%)}
.lb__nav svg{width:18px;height:18px}
.lb__prev{left:18px}.lb__next{right:18px}
.lb__hint{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2;padding:9px 16px;border-radius:999px;background:var(--text);color:#fff;font-size:14px;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .5s;pointer-events:none}
.lb__hint.on{opacity:1}
.wdot{position:relative;display:inline-block;cursor:pointer}
.wbead{position:fixed;left:0;top:0;width:12px;height:12px;border-radius:50%;object-fit:cover;z-index:97;pointer-events:none}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}
.pop{animation:pop .45s var(--ease)}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
.sdots,.storyprog,.swipehint{display:none}

/* ---------- mid widths ---------- */
@media (max-width:1240px){
  .nav{gap:20px}
  .top.buying .nav{opacity:0;pointer-events:none;transform:translateY(-6px)}
}
@media (min-width:901px) and (max-width:1100px){
  :root{--split:52%}
  .mini__t,.bag__t,.thumbs span{display:none}
  .thumbs{padding:6px}
  .pdp__grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}
}

@media (min-width:901px) and (max-height:820px){
  .d1{font-size:clamp(50px,4.6vw,72px)}
  .ann{display:none}
  .pdp__info{padding-top:12px}
  .crumbs{margin-bottom:12px}
  .opt{margin-top:12px}
}
/* ---------- phones & small tablets ---------- */
@media (max-width:900px){
  :root{--hdr:58px;--hdr-now:58px;--pad:18px;--eh:80px}
  .edge[data-dark]{--eh:64px}
  body{font-size:16.5px;line-height:1.65}
  button,a,label,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .m-only{display:block}
  .ann{font-size:12.5px;padding:7px var(--pad)}
  .ann__x,.ann__l{display:none}
  .ann__s{display:inline!important}
  .top .wrap{grid-template-columns:1fr auto;gap:12px}
  .nav,.mini{display:none}
  .wordmark{font-size:29px}
  .bag__t{display:none}
  .bag{padding:0 4px 0 12px}
  .rthread{bottom:-4px}
  .d1{font-size:clamp(46px,12.4vw,60px);line-height:.9}
  .d2{font-size:clamp(38px,10.2vw,48px);line-height:1}
  .d2--s{font-size:clamp(42px,4.3vw,66px)}
.d3{font-size:clamp(30px,8vw,36px);line-height:1.08}
  .lead{font-size:21px;line-height:1.4}
  .link{display:inline-block;line-height:44px;font-size:14.5px}
  .btn--sm{height:44px;padding:0 6px 0 18px;font-size:14.5px}.btn--sm i{width:32px;height:32px}

  /* product: full-bleed swipe gallery, compact buy box */
  .pdp__grid{display:block;padding:0 0 56px}
  .pdp__media{position:relative;top:0}
  .stage{-webkit-mask:var(--a902) center/100% 100% no-repeat;mask:var(--a902) center/100% 100% no-repeat;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;height:auto;min-height:0;max-height:none;aspect-ratio:1/1;border-radius:0}
  .stage::-webkit-scrollbar{display:none}
  .stage>img,.stage>video{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;opacity:1;scroll-snap-align:center;scroll-snap-stop:always}
  .stage>img.in,.stage>video.in{animation:none;-webkit-mask-image:none;mask-image:none}
  .heropaint{right:auto;width:100%}
  .thumbs,.zoom{display:none}
  .mact{top:12px;right:12px}
  .gdots{display:flex;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:4;align-items:center;gap:5px;padding:9px 12px;border-radius:999px;background:rgba(242,233,222,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
  .gdots i{width:6px;height:6px;border-radius:3px;background:rgba(29,36,54,.26);transition:width .35s var(--ease),background .35s}
  .gdots i.on{width:18px;background:var(--text)}
  .pdp__info{padding:22px var(--pad) 0;max-width:600px;margin:0 auto}
  .pdp__wash{right:-30%;top:-6%;width:110%}
  .crumbs{display:none}
  .pdp h1{margin-bottom:10px}
  .tag{font-size:21px}
  .beadrow{margin-top:10px}
  .beadrow button{font-size:14.5px;min-height:32px}
  .pricerow{margin-top:14px;padding-top:12px}
  .pricerow strong{font-size:38px}
  .pricerow span{font-size:13.5px}
  .opt__h{font-size:14.5px}
  .sizes span{height:50px;font-size:15px}
  .ints span{font-size:13px;min-height:70px;padding:8px 4px}
  .intq{font-size:19px}
  .qty{grid-template-columns:44px 22px 44px;padding:0 3px}
  .trust{font-size:13.5px;gap:8px 16px}
  .desc{font-size:16.5px}
  .acc summary{min-height:56px;font-size:16px}
  .spec div{font-size:15px}

  /* story: intro plate, a deck of era cards, outro */
  .story{padding-bottom:64px}
  .pan{height:auto!important}
  .pan__sticky{position:relative;top:0;height:auto;overflow:visible}
  .pan__track{display:block;width:auto;height:auto;padding:0;transform:none!important}
  .beat--intro,.beat--outro{display:block;height:auto;padding:0 var(--pad) 44px}
  .beat--outro{padding:44px var(--pad) 0}
  .beat--outro .beat__art{display:none}
  .beat--intro .beat__art{height:auto;aspect-ratio:4/5;margin:0 calc(var(--pad)*-1) 8px}
  .beat--intro .gr{inset:6% 2% 0 2%}
  .beat--intro h2{margin-bottom:18px}
  .eras{display:none}
  .deckhead{display:block;padding:0 var(--pad)}
  .storyprog{display:flex;gap:4px;margin:0 0 12px}
  .storyprog i{flex:1;height:3px;border-radius:2px;background:rgba(29,36,54,.14);overflow:hidden}
  .storyprog b{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease)}
  .storyprog i.past b,.storyprog i.on b{transform:scaleX(1)}
  .storyprog i.on b{background:var(--text)}
  .swipehint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:14px;color:var(--muted)}
  .swipehint b{font:italic 500 20px/1.2 var(--serif);color:var(--text)}
  .swipehint span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .5s}
  .swipehint svg{width:24px;height:12px;animation:nudge 1.8s ease-in-out infinite}
  .swipehint.used span{opacity:0}
  .beats{display:flex;align-items:flex-start;gap:10px;height:auto;transition:height .45s var(--ease);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 var(--pad) 6px;scroll-padding:0 var(--pad)}
  .beats::-webkit-scrollbar{display:none}
  .beats .beat,.beats .beat:nth-child(n){flex:0 0 86%;width:auto;top:0;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:0 18px 16px;scroll-snap-align:start;scroll-snap-stop:always;background:var(--cream);border-radius:72px 12px 12px 12px;overflow:hidden}
  .beats .beat__art{display:block;position:relative;aspect-ratio:1/1;margin:0 -18px 12px}
  .beats .beat__art .gr{inset:4% -6% -2% -6%}
  .beat__when{font-size:42px;margin:4px 0 8px}
  .beat h3{font-size:26px;margin-bottom:8px}
  .beats .beat p{font-size:16.5px;line-height:1.55}
  .beat__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
  .beat__nav span{font:italic 500 17px var(--serif);color:var(--muted);white-space:nowrap}
  .beat__nav button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 5px 0 16px;border-radius:999px;background:var(--sand);font-size:14px;font-weight:500;color:var(--text);text-align:left}
  .beat__nav button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--text);color:#fff;flex:none}
  .beat__nav button svg{width:14px;height:14px}
  .beat--outro h3{margin-bottom:14px}
  .next{margin-top:24px}

  /* stones: big plate on top, text below */
  .stones{background:none!important}
  .stones__grid{display:block}
  .stones__art,.srail{display:none}
  .stone{display:block;min-height:0;background:var(--bg)}
  .stone[data-stone="obs"]{--bg:var(--obs)}.stone[data-stone="tig"]{--bg:var(--tig)}.stone[data-stone="hem"]{--bg:var(--hem)}
  .stone__art{position:relative;top:0;height:auto;aspect-ratio:1/1.08}
  .stone__plate{inset:0 0 34px 0}
  .stone__plate .arch{top:4%;bottom:0}
  .stone__art figcaption{bottom:6px;font-size:15px}
  .stone__text{padding:18px var(--pad) 72px;max-width:600px;margin:0 auto}
  .stone__role{max-width:none}
  .num{--nh:58px}
  .stone__name{font-size:clamp(54px,14.4vw,70px);margin-bottom:14px}
  .stone__role{font-size:22px}
  .facts{margin-top:22px}
  .facts div{grid-template-columns:128px 1fr;gap:12px;padding:10px 0}
  .facts dt{font-size:20px}
  .facts dd{font-size:14px}
  .stone__for{margin-top:22px;font-size:16px}
  .more summary{min-height:56px;font-size:15.5px}
  .more__b{font-size:16px}
      
  /* trio: beads in a column with the thread running down */
  .trio{padding:56px 0 64px}
  .trio__head{text-align:left}
  .trio__head .lead{margin:16px 0 0}
  .trio__grid{grid-template-columns:1fr;gap:6px;text-align:left;margin-top:28px}
  .trio__thread{display:none}
  .trio__grid article,.trio__grid article:nth-of-type(n){display:grid;grid-template-columns:118px 1fr;gap:4px 16px;align-items:center;padding:6px 0;margin-top:0}
  .trio__grid article::before{content:"";position:absolute;left:58px;top:-10px;bottom:-10px;width:1px;background:rgba(29,36,54,.3);z-index:-1}
  .trio__grid article:first-of-type::before{top:50%}
  .trio__grid article:last-of-type::before{bottom:50%}
  .trio__grid .pic{grid-row:1/4;width:118px;margin:0}
  .trio__grid h3{font-size:27px;margin:0}
  .trio__grid p{margin:0;font-size:16px}
  .trio__close{margin-top:40px;text-align:left;font-size:27px}
  .scta{display:grid;grid-template-columns:52px 1fr auto;gap:10px 14px;padding:14px;border-radius:18px;width:100%;margin-top:24px}
  .scta strong{margin:0}
  .scta .btn{grid-column:1/-1;width:100%}

  /* ritual */
  .ritual{display:block}
  .ritual__art{position:relative;top:0;height:auto;aspect-ratio:4/5}
  .ritual__text{padding:18px var(--pad) 70px;max-width:600px;margin:0 auto}
  .rsteps{margin-top:26px}
  .rsteps>li{padding:22px 0 24px 50px}
  .rsteps>li::before{font-size:42px;top:14px}
  .rsteps h3{font-size:25px;margin-bottom:12px}
  .seg{display:flex;width:100%}
  .seg button,.seg label{flex:1}
  .seg button,.seg span{height:44px;padding:0 10px;font-size:14px}
  .seg--int{display:grid;grid-template-columns:1fr;width:100%;border-radius:16px;gap:2px}
  .seg--int span{height:44px;border-radius:12px;font-size:14.5px;justify-content:start;padding:0 16px;display:flex;align-items:center}
  .rsteps__breath{grid-template-columns:104px 1fr;gap:6px 16px}
  .breath{width:104px;height:104px}
  .breath span{font-size:16px}
  .intq--lg{font-size:23px}

  /* price + box */
  .price__sticky{min-height:0;align-content:start;padding:56px var(--pad) 44px}
  .price__stage{height:60vw}
  .price__h{font-size:30px}
  .price__stage>span{font-size:44vw}
  .price__stage>span.eq{font-size:19vw}
  .price__sticky .pw{width:96vw}
  .price__cap{font-size:20px}
  .box{display:block;padding-bottom:calc(var(--eh) + 36px)}
  .box__art{aspect-ratio:1/1}
  .box__text{padding:0 var(--pad);max-width:600px;margin:0 auto}
  .box__buy{flex-direction:column;align-items:stretch;gap:4px}
  .box__buy .btn{min-width:0;width:100%}
  .box__buy .link{justify-content:center}
  .box__text .fine{text-align:center}

  /* real */
  .real{padding:48px 0 72px}
  .real__head p{margin-top:12px;font-size:16.5px}
  .strip{height:auto;gap:10px}
  .strip figure{height:auto;width:82%}
  .strip figure .ph{aspect-ratio:4/5!important;border-radius:8px!important;flex:none}
  .strip figure:first-child .ph{border-radius:72px 8px 8px 8px!important}
  .strip figcaption{font-size:16px;padding-top:10px}
  .strip__nav{display:none}
  .rspec{margin-top:18px;font-size:14px}

  /* faq */
  .faq{display:block;padding:calc(var(--eh) + 30px) 0 64px}
  .faq__art{position:relative;top:0;padding:0 var(--pad);display:grid;grid-template-columns:40% 1fr;gap:16px;align-items:center;margin-bottom:26px}
  .faq__plate{max-height:none;width:100%}
  .faq__art figcaption{text-align:left;font-size:21px;margin:0}
  .faq__text{padding:0 var(--pad);max-width:600px;margin:0 auto}
  .faq__text h2{margin-bottom:16px}
  .acc--faq summary{font-size:21px;min-height:62px}

  /* collection + footer */
  .coll{padding:64px 0 calc(var(--eh) + 36px)}
  .coll__head{display:block}
  .coll__head p{margin-top:12px}
  .m-snap{display:flex!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:0 var(--pad) 4px;scroll-padding:0 var(--pad)}
  .m-snap::-webkit-scrollbar{display:none}
  .m-snap>*{flex:0 0 74%;min-width:0;scroll-snap-align:start}
  .sdots{display:flex;justify-content:center;gap:5px;margin-top:16px}
  .sdots i{width:6px;height:6px;border-radius:3px;background:rgba(29,36,54,.24);transition:width .35s var(--ease),background .35s}
  .sdots i.on{width:18px;background:var(--text)}
  .real .sdots i{background:rgba(238,232,220,.3)}.real .sdots i.on{background:var(--on-dark)}
  .foot__row{display:block;font-size:15px}
  .foot__row ul{margin-top:18px;gap:0}
  .foot__row ul a{display:flex;align-items:center;min-height:44px}
  .foot .wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom))}

  /* bottom buy bar */
  .bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom)) 6px;background:var(--cream);border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -14px 34px -22px rgba(13,20,38,.45);transform:translateY(calc(100% + 40px));transition:transform .6s var(--ease)}
  .bar.on{transform:none}
  .bar__info{flex:1;min-width:0;min-height:48px;padding:0 4px 0 14px;text-align:left;border-radius:999px}
  .bar__info>span{display:block;font:400 17px/1.1 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bar__info em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);white-space:nowrap}
  .bar__info u{color:var(--text);text-underline-offset:3px;text-decoration-color:var(--line-2)}
  .bar .btn{height:50px;padding:0 6px 0 18px;gap:10px;font-size:15px}
  .bar .btn i{width:38px;height:38px}

  /* layers as bottom sheets */
  .sheet{left:0;width:100%;transform:translateY(105%)}
  .sheet.on{transform:none}
  .drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-height:90svh;border-radius:18px 18px 0 0;transform:translateY(104%);box-shadow:0 -24px 60px -30px rgba(13,20,38,.55)}
  .drawer .sheet__grab{display:block}
  .drawer header{padding:6px 14px 12px 22px;touch-action:none}
  .drawer h2{font-size:27px}
  #drClose{padding:0 16px;border-radius:999px;background:var(--sand);font-size:14px}
  .dr-items{padding:0 22px}
  .dr-item{grid-template-columns:64px 1fr auto}
  .dr-item img{width:64px;height:64px}
  .dr-item span{font-size:13.5px}
  .dr-item .q{height:44px;padding:0 2px;gap:0}
  .dr-item .q button{width:40px;height:40px;font-size:18px}
  .dr-foot{padding:14px 22px calc(12px + env(safe-area-inset-bottom))}
  .lb__nav{display:none}
  .lb__track figure{padding:72px 0}
  .lb__track img{border-radius:0;max-width:100%}
  .lb__track video{width:min(100%,calc(100svh - 144px));border-radius:0}
}
@media (min-width:600px) and (max-width:900px){
  .stone__art,.ritual__art{aspect-ratio:auto;height:78svh}
  .stones .stone__art{height:72svh}
  .beat--intro .beat__art,.box__art{aspect-ratio:auto;height:72svh}
  .beats .beat{flex-basis:58%}
  .m-snap>*{flex-basis:42%}
  .strip figure{width:48%}
  .faq__art{grid-template-columns:34% 1fr}
}
@media (max-width:374px){
  .ints span{font-size:12.5px}
  .buyrow{gap:8px}
  .qty{grid-template-columns:40px 18px 40px}
  .buyrow .btn{padding-left:18px;gap:8px;font-size:15px}
}
@media (hover:none){
  .pcard:hover .ph img,.strip figure:hover img{transform:none}
  .next:hover i{background:none;color:inherit;transform:none}
  .acc summary:active,.more summary:active{background:rgba(29,36,54,.04)}
}
@media (prefers-reduced-motion:reduce){
  .bp .ln>span,.price__stage>span,.stage>img.in,.stage>video.in{-webkit-mask-image:none!important;mask-image:none!important;animation:none!important}
  .swipehint svg{animation:none}
  .js .stone__plate .arch,.stones__art .arch{-webkit-mask-position:center,0 100%!important;mask-position:center,0 100%!important;transition:none!important}
  .beats .beat:nth-child(n){top:0}
  .heropaint{display:none}
  .js .pdp .pdp__info>*,.js .pdp .thumbs,.js .pdp .mact,.js .pdp .gdots{animation:none!important;opacity:1!important}
}
/* lining figures everywhere numbers carry meaning (the font shorthand resets font-variant, so use feature settings) */
.price__stage,.price__stage>span,.beat__when,.facts dt,.pricerow strong,.scta strong,.pcard strong,.solo strong,.faq__art figcaption,.sizeopt b,.sizeopt span,.dr-sum strong,.dr-item strong,.ssprod strong,.mini__t,.intq,#storyH em,.rspec,.lead,.stone__role,.price__cap,.trio__close,.box__text h2{font-feature-settings:"lnum" 1}
/* ---------- round 7: intention labels, readable floor and fingertip targets on phones ---------- */
.ints span em{font-style:normal;display:block}
.bar__info u{margin-left:10px}
@media (max-width:900px){
  .ann{font-size:14px}
  .fine,.fit,.pcard__s,.trust,.pricerow span,.trio__grid small,.foot small,.bar__info em,.beadrow button,.giftrow em,.next small,.scta__t{font-size:14px}
  .bag{min-width:44px}
  .giftrow label em{font-size:14px}
  .scta__t{text-wrap:balance}
  .ints span{font-size:14px;line-height:1.2;min-height:78px;padding:10px 4px}
  .beadrow button{min-height:44px}
  .btn--ghost{min-height:44px;font-size:14.5px}
  .price__dots{margin-bottom:12px}
  .price__dots button{width:44px;height:44px}
  .m-snap{gap:18px}
  .pcard .row{flex-wrap:wrap;gap:12px}
  .pcard .row .btn--ghost{flex:1 0 100%;justify-content:center}
}
@media (max-width:374px){
  .ints span{font-size:13.5px}
}
.faq__art figcaption .link{display:block;width:max-content;margin:10px auto 0;font:500 15px/1.4 var(--sans)}
@media (max-width:900px){
  .faq__art{align-self:stretch;margin:0 var(--pad) 30px;padding:14px 18px 14px 10px;border-radius:16px;background:var(--cream-2);box-shadow:inset 0 0 0 1px var(--line)}
  .faq__art figcaption .link{margin:4px 0 -8px;min-height:44px;display:flex;align-items:center}
  /* phones: heading first, then the measuring card, then the questions */
  .faq{display:flex;flex-direction:column}
  .faq__text{display:contents}
  .faq__text>*{margin-left:var(--pad);margin-right:var(--pad)}
  .faq__text h2{order:1}.faq__art{order:2}.faq .acc{order:3}.faq__text .fine{order:4}
  .box__list li{line-height:1.35}
}
img[data-img]{color:transparent}

/* ---------- one size, and the random-stone bracelet in the box ---------- */
.onesize{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);font-size:14.5px;color:var(--muted)}
.onesize b{font-weight:500;color:var(--text)}
.onesize b::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin:0 0 3px 10px;vertical-align:middle}
.box__list li>span small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.box__rand{position:relative;display:block;width:48px;height:48px}
.box__rand img{position:absolute;width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--sage)}
.box__rand img:nth-child(1){left:0;top:4px}.box__rand img:nth-child(2){left:13px;top:18px}.box__rand img:nth-child(3){left:22px;top:2px}
.box__rand b{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--text);color:#fff;font:italic 500 13px/1 var(--serif)}
@media (max-width:900px){
  .onesize{min-height:50px;font-size:15px}
  .box__list li>span small{font-size:14px}
  .faq__art{display:none}
}

/* ---------- client notes, round 1 ---------- */
/* "Na co dzień" reads as a label, like "Dla kogo" */
.more__b .daily b{display:block;font:italic 500 19px/1.2 var(--serif);color:var(--accent-t);margin-bottom:4px}
/* the surprise pouch in the box list */
.box__rand{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--cream);box-shadow:0 0 0 1px rgba(29,36,54,.14)}
.box__rand .pouch__svg{width:26px;height:26px}
/* the ink 3 stays mounted (a fading layer would show its paper as a pale square) */
html:not(.no-gl) .price__stage>span.ink3{opacity:1;visibility:visible;transition:none}
/* story pan: cards stay clear of the era pills at the bottom, on short screens too */
.beats{padding-bottom:84px}
.beats .beat{width:clamp(300px,24vw,460px)}
/* round 2: on short laptop screens (1366x768 with browser bars) only the drawing shrinks with the screen height; the text keeps its width, so it wraps less and stays above the era pills */
@media (min-width:901px){.beats .beat__art{width:clamp(170px,calc(94svh - 400px),100%)}}
/* ---------- round 3: mockup additions ---------- */
/* text still to be filled in: visible on purpose */
.todo{color:#8a4a26;background:rgba(176,103,63,.09);border-radius:4px;padding:.05em .3em;font-style:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* photo slots waiting for generated photos; a file dropped in at data-src replaces the card */
.slot{position:relative;margin:0;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--sand-2);border:1.5px dashed rgba(47,74,120,.45);display:grid}
.slot--wide{aspect-ratio:4/3}
.slot__in{align-self:end;display:grid;gap:8px;padding:clamp(18px,2vw,28px);color:var(--text-2);font-size:14.5px;line-height:1.5}
.slot__n{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-t)}
.slot__t{font:400 clamp(22px,1.8vw,26px)/1.2 var(--serif);color:var(--text)}
.slot__f{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}
.slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot.has-img{border:0}
.slot.has-img .slot__in{display:none}
.faq{padding-top:clamp(48px,5vw,80px)}
/* reviews: written by buyers through the shop's reviews app (verified orders only); until the first ones arrive,
   each card says which review it waits for. The first cream section after the dark "Z bliska", so it carries the dark edge.
   Cards are notes on warm paper, like the letter in the box. */
.reviews{position:relative;background:var(--cream);padding:calc(var(--eh,110px) + 36px) 0 clamp(48px,5vw,80px)}
.reviews__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 32px;margin-bottom:clamp(26px,3vw,44px)}
.reviews__sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;color:var(--muted)}
.reviews__stars{color:var(--gold);font-size:15px;letter-spacing:.16em;line-height:1}
.reviews__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.reviews__card{background:#fbf8f2;border-radius:4px;padding:clamp(22px,2.2vw,32px) clamp(20px,2.2vw,30px);box-shadow:0 1px 0 rgba(47,74,120,.10),0 22px 44px -30px rgba(13,20,38,.5);display:flex;flex-direction:column;gap:14px}
.reviews__for{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-t)}
.reviews__q{font:italic 400 clamp(20px,1.5vw,23px)/1.42 var(--serif);color:var(--text);flex:1}
.reviews__by{font-size:14px;color:var(--muted)}
.reviews .fine{margin-top:clamp(20px,2.4vw,30px);max-width:62ch}
/* box: the pouch photo under the list */
.box__pouch{max-width:340px;margin:0 0 24px}
/* trio: the tradition note */
.trio__note{max-width:52ch;margin:18px auto 0;text-align:center}
/* light mode and no WebGL: the price washes sit in their own layer, so the layer itself multiplies (else their paper shows as white boxes) */
.no-gl .ink.pw{mix-blend-mode:multiply}
/* ---------- round 4: cozy ---------- */
/* a greeting above the name, only in the evening */
.hello{font:italic 500 clamp(18px,1.35vw,20px)/1.35 var(--serif);color:var(--accent-t);margin-bottom:16px;max-width:30ch}
.hello a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* evening: the page warms up like under a lamp; a multiply veil leaves the paint colours and plate seams intact */
.dusk{position:fixed;inset:0;z-index:2147483000;pointer-events:none;background:radial-gradient(130% 100% at 50% 0%,#f6f0e5 0%,#f3cfa6 100%);mix-blend-mode:multiply;opacity:0;transition:opacity 2.4s ease}
.evening .dusk{opacity:.3}
.lite .dusk{display:none}
@media (prefers-reduced-motion:reduce){.dusk{transition:none}}
@media print{.dusk{display:none}}
/* ---------- round 5: indigo and gold (granat) ---------- */
/* text and buttons are navy ink; gold is kept for fine details: the crescent, threads, rules, step numbers */
:root{--gold:#b8954f;--gold-l:#d3b47c}
.wordmark sup{color:var(--gold);margin-top:5px}
.wordmark sup svg{width:12px;height:12px;display:block}
.nav a::after,.storyprog b,.onesize b::after{background:var(--gold)}
.rthread path{stroke:var(--gold)}
.ann span+span::before{color:var(--gold)}
.trust svg,.measure-tip summary svg{color:var(--gold)}
.rsteps>li::before,.steps li::before{color:var(--gold)}
.breath i{border-color:var(--gold)}@media (hover:hover) and (pointer:fine){.breath:hover i+i{border-color:var(--gold)}}
.btn::before{background:var(--gold);opacity:.5}
.evening .dusk{opacity:.34}
.slot__f{color:var(--text-2)}
/* ---------- round 6: the gift path ---------- */
.js .pdp.go .pdp__info>.gifts{animation-delay:.47s}
.js .pdp.go .pdp__info>.hint{animation-delay:.53s}
.gifts{margin-top:16px}
.seg--who{margin-bottom:0}
.gift{display:none;margin-top:12px;padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.gifts.on .gift{display:grid;gap:10px}
.gift__h{font-size:14px;font-weight:500;color:var(--text)}
.gift__occ{display:flex;flex-wrap:wrap;gap:6px}
.gift__occ button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13.5px;color:var(--text);transition:background .25s,color .25s,border-color .25s}
.gift__occ button[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
.gift__tip{font-size:14px;line-height:1.5;color:var(--muted)}
.gift__tip b{font-weight:500;color:var(--text)}
.gift__note span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.gift__note textarea{display:block;width:100%;min-height:78px;padding:12px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--cream);font:italic 500 18px/1.4 var(--serif);color:var(--text);resize:vertical}
.gift__lines{display:grid;gap:6px}
.gift__lines:empty{display:none}
.gift__lines button{text-align:left;padding:7px 12px;border-radius:8px;border:1px dashed var(--line-2);font:italic 500 16.5px/1.35 var(--serif);color:var(--accent)}
.gift__lines button:focus-visible{border-color:var(--gold);border-style:solid}@media (hover:hover) and (pointer:fine){.gift__lines button:hover{border-color:var(--gold);border-style:solid}}
.gift small{font-size:13px;color:var(--muted)}
.hint{display:inline-flex;align-items:center;gap:8px;margin-top:10px;min-height:40px;font-size:14px;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hint svg{width:17px;height:17px;flex:none;color:var(--gold)}
@media (max-width:900px){.gift{padding:14px}.gift__occ button{min-height:42px}}
/* ---------- round 8: under the loupe ---------- */
.lupa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;margin:32px 0 0}
.lupa__dish{position:relative;width:clamp(152px,12.4vw,184px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 44%,#f6f2ea 0,#ece6db 55%,#e2dbcf 100%);box-shadow:0 0 0 1px rgba(184,149,79,.6),0 26px 36px -26px rgba(19,27,48,.6);outline:1px solid rgba(184,149,79,.32);outline-offset:6px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}
.lupa__dish:active{cursor:grabbing}
.lupa__dish canvas{display:block;width:100%;height:100%;border-radius:50%}
.lupa__dish::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 3px 9px rgba(19,27,48,.16),inset 0 -2px 5px rgba(255,255,255,.55);pointer-events:none}
.lupa figcaption b{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font:italic 500 19px/1.2 var(--serif);color:var(--accent-t);margin-bottom:6px}
.lupa figcaption b span{font:500 11px/1.2 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lupa__t{display:block;font-size:15.5px;line-height:1.55;color:var(--text-2);max-width:34ch}
.lupa__h{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.lupa__h::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(184,149,79,.22)}
.lupa__go{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:42px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(184,149,79,.65);background:rgba(255,255,255,.4);font-size:14px;font-weight:500;color:var(--text)}
.lupa__go svg{width:22px;height:22px;flex:none;color:var(--gold)}
.lupa__go:active{background:rgba(184,149,79,.14)}
.lupa__h[hidden],.lupa__go[hidden]{display:none}
.lite .lupa__dish{cursor:default}
@media (max-width:900px){.lupa{gap:20px;margin-top:26px}.lupa__dish{width:132px}.lupa__t{font-size:15px}}
/* the reference lockup: a hairline, a gold crescent, a hairline; then the brand line in tracked capitals */
.foot__tag{display:grid;justify-items:start;gap:16px;margin-top:22px;font:400 clamp(13px,1.05vw,15px)/1.5 var(--serif);letter-spacing:.26em;text-transform:uppercase;color:var(--on-dark)}
.foot__rule{display:flex;align-items:center;gap:14px;width:min(360px,78vw);color:var(--gold-l)}
.foot__rule i{flex:1;height:1px;background:currentColor;opacity:.75}
.foot__rule svg{width:14px;height:14px;flex:none;display:block}
.ann{font:500 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
@media (max-width:900px){.ann{font-size:11px;letter-spacing:.12em}.foot__tag{letter-spacing:.2em}}
@media (max-width:900px){
  .hello{font-size:17px;margin-bottom:12px}
}
@media (max-width:900px){
  .reviews{padding:calc(var(--eh) + 30px) 0 48px}
  .reviews__head{margin-bottom:22px}
  .faq{padding-top:40px}
  /* phones: the notes scroll sideways, the next one peeking in */
  .reviews__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(84%,360px);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);margin-inline:calc(-1*var(--pad));padding:4px var(--pad) 40px;margin-bottom:-18px;scrollbar-width:thin;scrollbar-color:rgba(47,74,120,.35) transparent}
  .reviews__card{scroll-snap-align:start}
  .trio__note{text-align:left;margin-left:0}
  .box__pouch{max-width:none}
}
.beats .beat:nth-child(odd){top:-3vh}
.beats .beat:nth-child(even){top:3vh}
/* closing: the one bracelet */
.one{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center}
.one__ph{margin:0;aspect-ratio:5/4;border-radius:10px;overflow:hidden;background:var(--sand-2)}
.one__ph img,.one__ph video{display:block;width:100%;height:100%;object-fit:cover}
.one__t h2{margin-bottom:18px}
.one__lead{font:400 clamp(20px,1.6vw,24px)/1.45 var(--serif);color:var(--text-2);max-width:32ch}
.one__buy{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.one__buy strong{font:400 clamp(34px,2.8vw,42px)/1 var(--serif);font-feature-settings:"lnum" 1}
.one__buy .btn{min-width:260px}
.one .fine{margin-top:18px}
@media (max-width:900px){
  .beats{padding-bottom:6px}
  .beats .beat,.beats .beat:nth-child(n){width:auto;top:0}
  .one{grid-template-columns:1fr;gap:22px}
  .one__ph{aspect-ratio:4/5;margin:0 calc(var(--pad)*-1);border-radius:0}
  .one__buy{gap:14px}
  .one__buy .btn{flex:1 1 220px;min-width:0}
}

/* "Światło dnia": the 3D packshot through one day, second slide of the gallery; the cursor or the slider is the sun */
.stage>.dl{position:absolute;inset:0;opacity:0;background:var(--sand);cursor:ew-resize}
.stage>.dl.on{opacity:1;z-index:1}
.stage>.dl.in{opacity:1;z-index:2;-webkit-mask-image:var(--bm);mask-image:var(--bm);-webkit-mask-size:260% 140px;mask-size:260% 140px;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;animation:brushin 1s var(--ease) forwards}
.dl canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.dl__ui{position:absolute;left:clamp(20px,2.2vw,36px);top:18px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(242,233,222,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:italic 500 16px/1 var(--serif);color:var(--text);cursor:default}
.dl__ui input{width:clamp(110px,13vw,170px);margin:0;accent-color:var(--text);cursor:pointer}
.dl.still .dl__ui{display:none}
.thumbs button.t3d{position:relative}
.thumbs button.t3d::after{content:"";position:absolute;right:4px;bottom:4px;width:15px;height:15px;border-radius:50%;background:rgba(242,233,222,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2334271e' stroke-width='1.1' stroke-linecap='round'%3E%3Ccircle cx='6' cy='6' r='2.1'/%3E%3Cpath d='M6 .9v1.3M6 9.8v1.3M.9 6h1.3M9.8 6h1.3M2.4 2.4l.9.9M8.7 8.7l.9.9M2.4 9.6l.9-.9M8.7 3.3l.9-.9'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 1px 3px rgba(19,27,48,.28)}
@media (max-width:900px){
  .stage>.dl{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;opacity:1;scroll-snap-align:center;scroll-snap-stop:always;cursor:auto}
  .stage>.dl.in{animation:none;-webkit-mask-image:none;mask-image:none}
  .dl__ui{left:16px;top:14px;padding:8px 14px;font-size:15px}
  .dl__ui input{width:120px}
}