/** Shopify CDN: Minification failed

Line 240:0 Unexpected "}"

**/
/* Wristory · Cinematic C · "One bracelet, one journey" */
body{background:var(--cream)}
.stage{background:#f7f0df;position:relative;height:100vh;height:100svh;overflow:hidden}
/* nav: full WRISTORY logo, supplied PNG recoloured */
.nav{color:var(--green)}
.nav .bag{background:rgba(255,255,255,.5);border:1px solid rgba(23,63,53,.18)}
.nav.dark{color:var(--cream)}.nav.dark .bag{background:rgba(9,32,26,.3);border-color:rgba(247,240,223,.3)}
/* garden */
.gwrap{position:absolute;inset:0;z-index:1;overflow:hidden;background:#e9d6dc}
.gwrap img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;backface-visibility:hidden}
#g1,#g2{opacity:0}
.gveil{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(90% 26% at 50% 19%,rgba(252,247,238,.78) 0%,rgba(252,247,238,.45) 55%,rgba(252,247,238,0) 100%)}
.motes{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.hcopy{position:absolute;left:0;right:0;top:104px;z-index:8;text-align:center;color:var(--green);padding:0 var(--pad)}
.hcopy .eyebrow{color:#5b4a2a;letter-spacing:.26em}
.hcopy h1{font-size:clamp(52px,14vw,124px);margin-top:12px;line-height:1}
.hcopy h1 .gold{color:#7d5f2c}
/* the house */
.house{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;background:radial-gradient(80% 55% at 50% 46%,#fffdf7 0%,#fbf6ea 45%,#f4ecd9 100%)}
.bigc{position:absolute;left:0;right:0;top:112px;z-index:6;text-align:center;color:var(--green);padding:0 16px;pointer-events:none}
.bigc h2{font-size:clamp(44px,12vw,120px);line-height:1.02}
.bigc .gold{color:var(--gold-ink)}
/* model */
.mwrap{position:absolute;z-index:5;left:0;top:0;opacity:0;transform-origin:0 0}
.mwrap img{width:100%;height:100%;display:block}
.mcap{position:absolute;left:0;right:0;z-index:8;text-align:center;opacity:0}
.mcap .eyebrow{color:var(--gold-ink)}
.leads{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;overflow:visible}
.leads path{fill:none;stroke:#b0894f;stroke-width:1;stroke-linecap:round}
.leads circle{fill:#b0894f}
.ping2{position:absolute;z-index:7;width:12px;height:12px;margin:-6px;border-radius:50%;border:1px solid #b0894f;opacity:0}
.stat{position:absolute;z-index:8;opacity:0;color:var(--green);display:flex;flex-direction:column;gap:6px;padding:10px 0}
.stat .k{font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-ink)}
.stat .v{font:400 30px/1 var(--mono);letter-spacing:-.02em}
.stat .v small{font-size:11px;letter-spacing:.12em;color:var(--gold-ink);margin-left:3px;margin-right:2px}
.stat.r{text-align:right;align-items:flex-end}
.emer{position:absolute;inset:0;z-index:6;opacity:0;pointer-events:none;background:radial-gradient(70% 50% at 50% 50%,#1d4a3e 0%,#123229 60%,#0b231c 100%)}
/* hero objects */
.obj{position:absolute;left:0;top:0;z-index:9;pointer-events:none;opacity:0}
.obj img{width:100%;height:auto;display:block}
#hG img{filter:drop-shadow(0 24px 22px rgba(60,40,20,.18))}
.obj.sv img{filter:drop-shadow(0 26px 30px rgba(0,0,0,.35))}
.bubC{position:absolute;left:0;top:0;z-index:8;pointer-events:none}
.bubC .bub{position:absolute;inset:0}
.facets{position:absolute;inset:0;width:100%;height:100%;z-index:10;opacity:0}
.held{position:absolute;left:0;right:0;top:40%;text-align:center;z-index:11;color:#f4fff8;pointer-events:none;padding:0 var(--pad)}
.held .sub{font-family:var(--accent);font-style:italic;font-size:clamp(44px,12vw,110px);font-weight:300;line-height:1.08}
.held .mono{display:block;margin-top:16px;font:500 11px/1 var(--mono);letter-spacing:.22em;color:#e2f7ea}
.held .sub,.held .mono{opacity:0}
/* night */
.nite{position:absolute;inset:0;z-index:12;visibility:hidden;overflow:hidden;color:#eef3f6}
.nsky{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 18%,#1d3b3c 0%,#10262a 38%,#0a1a1e 70%,#071317 100%)}
.nite .stars{opacity:1}
.nite .stars i{background:#f2f5f7;box-shadow:0 0 4px rgba(230,240,250,.8);width:1.6px;height:1.6px}
.moon{position:absolute;left:80%;top:12%;width:76px;height:76px;margin:-38px;z-index:2}
.moon .mglow{position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,rgba(226,236,248,.28) 0%,rgba(200,218,240,.10) 40%,rgba(200,218,240,0) 70%)}
.moon .mbody{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 38%,#ffffff 0%,#f1f5fa 45%,#d6e0ea 80%,#c3d0dd 100%)}
.nttl{position:absolute;left:0;right:0;top:100px;text-align:center;z-index:3;padding:0 20px}
.nttl .mono,.xttl .mono{font-size:10px;letter-spacing:.26em;color:#b9c8d4;text-transform:uppercase}
.nttl h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,11vw,96px);line-height:1.02;margin-top:12px;color:#f1f5f8}
.nttl h2 em{font-style:italic;color:#d4e2ee}
.xttl{position:absolute;left:22px;right:0;top:96px;text-align:left;z-index:3;opacity:0}
.obj.sv{z-index:13}
.wline{position:absolute;left:0;top:0;z-index:14;width:3px;height:140vmax;margin:-70vmax 0 0 -1.5px;opacity:0;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(235,244,255,.9) 40%,#fff 50%,rgba(235,244,255,.9) 60%,transparent);box-shadow:0 0 18px 6px rgba(220,235,255,.45)}
.xp{position:absolute;left:0;top:0;width:0;height:0;z-index:14}
.xp img{position:absolute;left:0;top:0;transform-origin:50% 50%;cursor:pointer;pointer-events:auto;max-width:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35))}
.xlead{position:absolute;inset:0;width:100%;height:100%;z-index:15;pointer-events:none;overflow:visible;opacity:0}
.xlead line{stroke:#c9d6e2;stroke-width:1}.xlead circle{fill:#eef4fa}
.xlab{position:absolute;left:0;right:0;bottom:34px;z-index:16;padding:0 var(--pad);opacity:0;color:#eef3f6}
.xl-in{min-height:76px}
.xl-in em{display:block;font:500 10px/1 var(--mono);font-style:normal;letter-spacing:.2em;color:#9fb3c2}
.xl-in b{display:block;font:400 30px/1.05 var(--serif);margin-top:8px}
.xl-in span{display:block;font:400 13px/1.45 var(--sans);color:#c7d3dc;margin-top:6px}
.chips{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.chips button{pointer-events:auto;border:1px solid rgba(220,232,242,.3);background:rgba(255,255,255,.04);color:#e6eef4;border-radius:999px;height:32px;padding:0 12px;font:500 10px/1 var(--mono);letter-spacing:.12em;cursor:pointer;transition:all .3s}
.chips button.on{background:#eef4fa;color:#13262b;border-color:#eef4fa}
/* end frame */
.endf{position:absolute;left:0;right:0;top:96px;z-index:17;padding:0 var(--pad);color:var(--green);visibility:hidden}
.endf .eyebrow{color:var(--gold-ink)}
.endf h2.hd{font-size:clamp(46px,12.6vw,110px);line-height:1;margin:14px 0 12px}
.endf h2 .gold{color:var(--gold-ink)}
.endf .lede{font-family:var(--accent);font-style:italic;font-size:22px;line-height:1.3;color:#3e5a50;max-width:26ch}
.fly{position:fixed;left:0;top:0;z-index:40;pointer-events:none;visibility:hidden;transform-origin:0 0;max-width:none}
#flyG{filter:drop-shadow(0 18px 18px rgba(60,40,20,.2))}#flyS{filter:drop-shadow(0 18px 18px rgba(20,30,50,.22))}
/* ------- v7 · day timeline + shop (approved) ------- */
.day .stars i{background:#f4e7c6}
.day{position:absolute;inset:0;z-index:9;visibility:hidden;overflow:hidden;color:var(--green)}
.day .sky{position:absolute;inset:0}
.k-day{background:linear-gradient(180deg,#fbf6e9 0%,#f7f0df 55%,#f1e3c3 100%)}
.k-dusk{background:linear-gradient(180deg,#5b4462 0%,#a36f6c 42%,#d39a45 78%,#e9c48a 100%);opacity:0}
.k-night{background:radial-gradient(90% 60% at 50% 60%,#1b4a3d 0%,#123229 45%,#09201a 100%);opacity:0}
.k-sun{position:absolute;left:72%;top:24%;width:240px;height:240px;margin:-120px;border-radius:50%;background:radial-gradient(circle,#fff5dc 0%,#f6dca5 22%,rgba(211,154,69,.45) 45%,rgba(211,154,69,0) 70%)}
.k-moon{position:absolute;left:80%;top:15%;width:42px;height:42px;border-radius:50%;box-shadow:10px -7px 0 0 #efe1bd;opacity:0;transform:rotate(-10deg)}
.day .stars{z-index:1;opacity:0}
.clock{position:absolute;top:72px;left:0;right:0;text-align:center;z-index:6}
.clock span{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:var(--r-pill);font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--green);background:rgba(255,255,255,.55);border:1px solid rgba(23,63,53,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.clock span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.tlv{position:absolute;inset:0;z-index:4;-webkit-mask:linear-gradient(180deg,transparent 0,transparent 124px,#000 150px,#000 90%,transparent 100%);mask:linear-gradient(180deg,transparent 0,transparent 124px,#000 150px,#000 90%,transparent 100%)}
.tlin{position:absolute;left:0;right:0;top:0;padding:150px var(--pad) 0}
.tlin .eyebrow{color:var(--gold-ink)}
.tlin h2.hd{font-size:clamp(46px,12.4vw,108px);margin:14px 0 10px}
.tlin h2.hd .gold{color:var(--gold-ink)}
.tlin .intro{font-family:var(--accent);font-style:italic;font-size:22px;line-height:1.3;color:#3e5a50;max-width:24ch}
.tl{position:relative;margin-top:44px;padding-left:66px}
.tl .rail{position:absolute;left:50px;top:6px;bottom:6px;width:1px;background:rgba(176,137,79,.25)}
.tl .rail i{position:absolute;inset:0;background:linear-gradient(var(--gold-soft),var(--gold));transform-origin:top;transform:scaleY(0)}
.row{position:relative;margin-bottom:14px}
.row .t{position:absolute;left:-66px;top:22px;width:42px;text-align:right;font:500 11px/1 var(--mono);color:var(--gold-ink)}
.row .t:after{content:"";position:absolute;right:-12px;top:2px;width:7px;height:7px;border-radius:50%;background:#f7f0df;border:1px solid var(--gold);transform:translateX(50%)}
.rc{border-radius:var(--r-md);padding:18px 18px 16px;color:var(--cream);background:linear-gradient(150deg,#1f4c40 0%,#173f35 55%,#123229 100%);border:1px solid rgba(217,191,140,.32);box-shadow:0 22px 40px -26px rgba(9,32,26,.7);display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 12px}
.rc .k{grid-column:1/-1;font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(247,240,223,.68)}
.rc .v{font:400 34px/1 var(--mono);letter-spacing:-.02em;margin-top:10px}
.rc .v small{font-size:12px;color:var(--gold-soft);margin-left:4px;letter-spacing:.06em}
.rc .n{font-family:var(--accent);font-style:italic;font-size:17px;color:rgba(247,240,223,.78);margin-top:4px}
.rc svg{width:92px;height:34px}
.rc svg path{fill:none;stroke:#d9b97c;stroke-width:1.6;stroke-linecap:round}
.tend{padding:70px 0 0;text-align:center;color:var(--cream)}
.tend h2{font-size:clamp(38px,10.2vw,92px);line-height:1.04}
.tend h2 .gold{color:#e3c58c}
.tend .sub{font-family:var(--accent);font-style:italic;font-size:22px;margin-top:16px;color:rgba(247,240,223,.85)}
.tend .fine-note{margin-top:26px;font:400 9.5px/1.5 var(--mono);letter-spacing:.08em;color:rgba(247,240,223,.5);text-transform:uppercase}
.pill{position:absolute;left:14px;top:14px;padding:7px 12px;border-radius:var(--r-pill);font:500 10px/1 var(--mono);letter-spacing:.12em;z-index:2}
.pill.sil{background:#3b4a5a;color:#eef4fa}.pill.gld{background:var(--green);color:var(--cream)}
/* ---------- shop ---------- */
#big{color:var(--green)}#big .gold{color:var(--gold-ink)}#big h2{text-shadow:0 0 30px rgba(255,248,232,.85),0 0 4px rgba(255,248,232,.6)}
.shop{position:relative;background:radial-gradient(90% 40% at 50% 0%,#efe1c0 0%,rgba(247,240,223,0) 70%),var(--cream);color:var(--green);padding:100px 0 30px;overflow:hidden}
.shop .eyebrow{color:var(--gold-ink)}
.shop h2.hd{font-size:clamp(46px,12.6vw,110px);line-height:1;margin:14px 0 12px}
.shop h2 .gold{color:var(--gold-ink)}
.shop .lede{font-family:var(--accent);font-style:italic;font-size:22px;line-height:1.3;color:#3e5a50;max-width:26ch}
.hero{margin-top:30px;border-radius:30px;background:#fffaf0;box-shadow:0 30px 60px -30px rgba(23,63,53,.4);overflow:hidden;border:1px solid rgba(176,137,79,.22)}
.hero .ph{position:relative;aspect-ratio:1.05;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero.g .ph{background:radial-gradient(75% 75% at 50% 45%,#fff 0%,#f4ead3 78%)}
.hero.s .ph{background:radial-gradient(75% 75% at 50% 45%,#fff 0%,#e3ebf3 80%)}
.hero .ph img{position:absolute;max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(60,40,20,.2))}
.hero.s .ph img{filter:drop-shadow(0 22px 22px rgba(20,30,50,.22))}
.hero .info{padding:20px 20px 22px}
.hero .nm{display:flex;justify-content:space-between;align-items:baseline}
.hero h3{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1}
.hero h3 small{font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--gold-ink);margin-left:8px;vertical-align:middle}
.hero.s h3 small{color:#56687a}
.hero .price{font:500 19px/1 var(--mono)}
.hero .d{font-family:var(--accent);font-style:italic;font-size:18px;line-height:1.3;color:#3e5a50;margin-top:8px;min-height:2.6em}
.hero .lbl{margin-top:16px;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7c8a83}
.sw{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.sw button{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:var(--r-pill);border:1px solid rgba(23,63,53,.16);background:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--green);cursor:pointer;transition:all .3s}
.sw button i{width:30px;height:30px;border-radius:50%;background:#f4ead3 center/86% no-repeat;border:1px solid rgba(176,137,79,.3)}
.hero.s .sw button i{background-color:#e6edf4;border-color:rgba(90,110,130,.3)}
.sw button.on{background:var(--green);color:var(--cream);border-color:var(--green)}
.hero.s .sw button.on{background:#3b4a5a;border-color:#3b4a5a}
.hero .ctas{display:grid;margin-top:18px}
.hero.s .btn-primary{background:#3b4a5a}
.perks{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.perks span{padding:8px 12px;border-radius:var(--r-pill);border:1px solid rgba(23,63,53,.16);font:500 10.5px/1 var(--mono);letter-spacing:.05em}
.seeall{display:grid;margin-top:16px}
.fin{text-align:center;padding:90px 0 20px}
.fin h2{font-size:clamp(44px,12vw,110px);line-height:1}
.fin h2 .xl{font-size:1.6em;line-height:.95}
.fin h2 .gold{color:var(--gold)}
.fin .tagl{font-family:var(--accent);font-style:italic;font-size:26px;margin:14px 0 26px}
.fin .tagl b{font-weight:400;color:var(--gold-ink)}
.fin .btn{width:100%}
.legal{margin-top:18px;font:400 9.5px/1.5 var(--mono);letter-spacing:.06em;color:#8b8a7c;text-transform:uppercase}
.nav:before{content:"";position:absolute;inset:0 0 -26px 0;background:linear-gradient(180deg,#f7f0df 58%,rgba(247,240,223,0));opacity:0;transition:opacity .35s;z-index:-1;pointer-events:none}.nav.oncream:before{opacity:1}
.logo{position:relative;display:inline-block;width:124px;height:24px;pointer-events:auto}
.logo img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s}
.nav .logo .lc{filter:drop-shadow(0 1px 3px rgba(40,20,30,.35))}
.nav .logo .lg{opacity:0}
.nav.oncream .logo .lc{opacity:0!important}.nav.oncream .logo .lg{opacity:1!important}
.flogo{width:150px;height:29px;margin-bottom:6px}
.shop{padding:24px 0 30px;background:var(--cream)}
.hero .ph img{max-width:84%;max-height:80%}
.hero .ph img.wait{opacity:0}
/* ================= laptop / landscape ================= */
@media (min-width:1024px) and (orientation:landscape){
  .nav{padding:26px 56px}
  .nav .logo{width:156px;height:30px}
  .hcopy{left:7.5vw;right:auto;width:min(46vw,720px);top:max(130px,17vh);text-align:left;padding:0}
  .hcopy .eyebrow{font-size:13px}
  .hcopy h1{font-size:clamp(84px,7.6vw,128px)}
  .gveil{background:radial-gradient(40% 36% at 24% 30%,rgba(252,247,238,.8) 0%,rgba(252,247,238,.5) 55%,rgba(252,247,238,0) 100%),radial-gradient(16% 12% at 8% 5%,rgba(252,247,238,.7) 0%,rgba(252,247,238,0) 100%)}
  .bigc{left:7vw;right:auto;width:52vw;top:calc(50% - 120px);text-align:left;padding:0}
  .bigc h2{font-size:clamp(64px,5.4vw,98px)}
  .stat .v{font-size:40px}.stat .k{font-size:11px}
  .held .sub{font-size:clamp(72px,7vw,120px)}
  .nttl{left:56%;right:6vw;top:calc(50% - 150px);text-align:left;padding:0}
  .nttl h2{font-size:clamp(64px,5.6vw,100px)}
  .moon{left:84%;top:16%;width:96px;height:96px;margin:-48px}
  .xttl{left:56%;right:6vw;text-align:left;top:calc(50% - 170px)}
  .xlab{left:56%;right:6vw;bottom:auto;top:calc(50% - 120px);padding:0}
  .xl-in b{font-size:44px}.xl-in span{font-size:15px;max-width:34ch}
  .endf{left:0;right:0;top:110px;text-align:center}
  .endf h2.hd{font-size:clamp(72px,6.4vw,112px)}
  .endf .lede{margin:0 auto;font-size:24px}
  .k-sun{width:340px;height:340px;margin:-170px}
  .clock{top:84px}
  .tlv{-webkit-mask:linear-gradient(180deg,transparent 0,transparent 128px,#000 160px,#000 90%,transparent 100%);mask:linear-gradient(180deg,transparent 0,transparent 128px,#000 160px,#000 90%,transparent 100%)}
  .tlin{max-width:1120px;margin:0 auto;padding:170px 56px 0;text-align:center}
  .tlin h2.hd{font-size:clamp(76px,6.6vw,112px)}
  .tlin .intro{max-width:30ch;margin:0 auto;font-size:24px}
  .tl{width:min(1000px,84vw);margin:60px auto 0;padding-left:0;text-align:left}
  .tl .rail{left:50%}
  .row{width:calc(50% - 58px);margin-bottom:-34px}
  .row:nth-child(odd){margin-left:calc(50% + 58px)}
  .row:last-child{margin-bottom:0}
  .row:nth-child(even) .t{left:calc(100% + 76px);width:60px;text-align:left}
  .row:nth-child(even) .t:after{left:-18px;right:auto;transform:translateX(-50%)}
  .row:nth-child(odd) .t{left:auto;right:calc(100% + 76px);width:60px;text-align:right}
  .row:nth-child(odd) .t:after{right:-18px;left:auto;transform:translateX(50%)}
  .rc{padding:22px 24px 20px}.rc .v{font-size:38px}.rc svg{width:120px;height:44px}
  .tend{padding-top:120px}
  .tend h2{font-size:clamp(56px,5.2vw,88px)}
  .shop{padding:140px 0 40px}
  .shop .wrap{max-width:1240px;padding:0 56px}
  .shop h2.hd{font-size:clamp(72px,6.4vw,112px)}
  .shop .wrap{display:grid;grid-template-columns:1.7fr 1fr;column-gap:48px}
  .shop .wrap>*{grid-column:1/-1}
  .shop .wrap>.eyebrow,.shop .wrap>h2.hd{grid-column:1}
  .shop .wrap>.lede{grid-column:2;grid-row:2;align-self:end;margin-bottom:18px;font-size:24px}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;margin-top:40px}
  .duo .hero{margin-top:0;display:flex;flex-direction:column}
  .duo .hero .ph{aspect-ratio:1.3}
  .duo .hero .info{flex:1;display:flex;flex-direction:column;padding:26px 28px 28px}
  .duo .hero .ctas{margin-top:auto;padding-top:20px}
  .seeall{max-width:420px;margin:24px auto 0}
  .perks{justify-content:center}
  .fin{padding:130px 0 30px}
  .fin h2{font-size:clamp(64px,6vw,104px)}
  .fin .btn{width:auto;min-width:380px}
  .foot{padding:64px 56px 44px}
  .flogo{width:180px;height:35px}
}
  .shop{padding:40px 0 40px}
}
/* logo state (no shadows) */
.nav .logo .lc{filter:none;opacity:0}.nav .logo .lg{opacity:1}
.nav.dark .logo .lc{opacity:1}.nav.dark .logo .lg{opacity:0}
.nav:before{display:none}