@font-face{font-family:"Urbanist";src:url(/fonts/urbanist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"bby Poster";src:url(/fonts/poster.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/serif.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/serif-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Archivo";src:url(/fonts/archivo.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"bby Hand";src:url(/fonts/hand.woff2) format("woff2");font-display:swap}
:root{--lime:#E6FF7D;--paper:#FBF8F5;--card:#EAE6E1;--serif:"Instrument Serif",Georgia,serif;--label:"Archivo",system-ui,sans-serif;--poster:"bby Poster","Arial Narrow",sans-serif;--bone:#F1EBE4;--sand:#DCCFC2;--taupe:#8F7F73;--espresso:#1D1916;--blush:#E8CFC6;
--sans:"Urbanist",system-ui,-apple-system,sans-serif;--ios:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;
--spring:cubic-bezier(.2,1.25,.35,1);--ease:cubic-bezier(.2,.7,.1,1);--pad:clamp(20px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bone);color:var(--espresso);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.cap{font-size:12px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}
.muted{color:var(--taupe)}

/* 1 · hero (syrn layout: full bleed photo, big serif line, lime button) */
:root{--barh:89px}
.hero{position:relative;height:clamp(520px,min(56.25vw,calc(100svh - var(--barh))),1200px);overflow:hidden;background:#2a2320;color:#FBF8F5;isolation:isolate}
.hero .hbg,.hero .hbg img{position:absolute;inset:0;width:100%;height:100%}
.hero .hbg img{object-fit:cover;object-position:62% 50%;animation:hin 1.6s var(--ease) both}
@keyframes hin{from{opacity:0}to{opacity:1}}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 12% 78%,rgba(20,15,12,.5),rgba(20,15,12,0) 70%),linear-gradient(90deg,rgba(24,18,15,.42) 0%,rgba(24,18,15,.18) 34%,rgba(24,18,15,0) 56%),linear-gradient(0deg,rgba(24,18,15,.3),rgba(24,18,15,0) 30%)}
.hcopy{position:absolute;z-index:2;left:clamp(20px,5.2vw,88px);top:clamp(44px,9%,120px);bottom:clamp(40px,7.5%,96px);width:min(44vw,640px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.hl{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.4vw,118px);line-height:.9;letter-spacing:-.018em;color:#FBF8F5;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.18);animation:rise 1.1s var(--ease) .15s both}
.hl i{font-style:italic}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hbtn{position:absolute;z-index:2;right:20px;bottom:20px}
.hero .btn:focus-visible{outline-color:#FBF8F5}

/* chat on the photo */
.chat{display:flex;flex-direction:column;font-family:var(--ios);font-size:clamp(17px,1.4vw,27px);line-height:1.26;letter-spacing:-.022em;width:min(100%,20em);justify-content:flex-start}
.ts{align-self:center;font-size:.56em;letter-spacing:0;color:rgba(251,248,245,.78);font-weight:500;margin-bottom:1.1em;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.ts b{font-weight:600;color:#FBF8F5}
.msg{--c:#FBF8F5;position:relative;max-width:78%;padding:.42em .8em .46em;border-radius:1.08em;background:var(--c);color:var(--espresso);box-shadow:0 10px 28px -16px rgba(0,0,0,.55);animation:pop .5s var(--spring) both;transition:margin-top .4s var(--spring)}
.msg.in{align-self:flex-start;transform-origin:0 100%}
.msg.out{--c:var(--lime);align-self:flex-end;transform-origin:100% 100%;animation-name:send}
.msg+.msg,.status+.msg{margin-top:.7em}
.msg::before{content:"";position:absolute;bottom:0;width:.8em;height:.8em;background:var(--c);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 0h7c0 8.5 3.2 14.2 11 17.6C11.8 18.6 4.6 17.4 0 13.6z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 0h7c0 8.5 3.2 14.2 11 17.6C11.8 18.6 4.6 17.4 0 13.6z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.msg.out::before{right:-.36em}
.msg.in::before{left:-.36em;transform:scaleX(-1)}
.typing{display:flex;gap:.22em;align-items:center;height:1.95em;padding:0 .8em}
.typing i{width:.42em;height:.42em;border-radius:50%;background:#9C8F86;animation:blink 1.2s infinite}
.msg.out.typing i{background:#5E6B2A}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
.status{align-self:flex-end;font-size:.54em;color:rgba(251,248,245,.8);font-weight:500;margin:.4em .2em 0 0;letter-spacing:0;animation:fade .4s ease both;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.msg.has-tb{margin-top:1.7em!important}
.tb{position:absolute;top:-1.4em;right:-1.8em;width:2.1em;height:1.9em;border-radius:1.1em;background:linear-gradient(#2B97FF,#0A7AFF);display:grid;place-items:center;box-shadow:0 0 0 .09em #1B1512,0 6px 14px -6px rgba(0,0,0,.6);transform-origin:15% 90%;animation:tbpop .5s cubic-bezier(.2,1.6,.35,1) both;z-index:2}
.tb::before,.tb::after{content:"";position:absolute;border-radius:50%;background:#0A7AFF;box-shadow:0 0 0 .09em #1B1512}
.tb::before{width:.46em;height:.46em;left:.04em;bottom:-.1em;z-index:-1}
.tb::after{width:.2em;height:.2em;left:-.2em;bottom:-.33em}
.tb svg{width:1.12em;height:1.12em;margin-top:.08em;position:relative;z-index:1;filter:drop-shadow(0 .5px 0 rgba(0,0,0,.08))}
.tb.them{right:auto;left:-1.8em;background:#E9E9EB;transform-origin:85% 90%}
.tb.them::before,.tb.them::after{background:#E9E9EB}
.tb.them::before{left:auto;right:.04em}
.tb.them::after{left:auto;right:-.2em}
.tb.them path{fill:#FF2D55}
@keyframes tbpop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.15)}100%{transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.55)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes send{from{opacity:0;transform:translateY(1.2em) scale(.9)}to{opacity:1;transform:none}}
@keyframes blink{0%,60%,100%{opacity:.35}30%{opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}

@media (max-width:860px){
  :root{--barh:82px}
  .hero{height:max(560px,calc(100svh - var(--barh)))}
  .hero .hbg img{object-position:50% 70%}
  .hero::after{background:linear-gradient(180deg,rgba(24,18,15,.42) 0%,rgba(24,18,15,.16) 34%,rgba(24,18,15,0) 50%),linear-gradient(0deg,rgba(24,18,15,.62),rgba(24,18,15,.3) 22%,rgba(24,18,15,0) 40%)}
  .hcopy{left:20px;right:20px;top:22px;bottom:auto;width:auto;gap:0}
  .chat{font-size:clamp(16px,2.4vw,20px);min-height:9.2em;width:100%;max-width:22em}
  .hcopy .hl{display:none}
  .hbtn{left:20px;right:auto;bottom:22px}
  .hl-m{position:absolute;z-index:2;left:20px;right:20px;bottom:74px;font-family:var(--serif);font-weight:400;font-size:clamp(48px,14vw,64px);line-height:.9;letter-spacing:-.015em;color:#FBF8F5;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.22);animation:rise 1.1s var(--ease) .15s both}
}
@media (min-width:861px){.hl-m{display:none}}
@media (min-width:600px) and (max-width:860px) and (max-aspect-ratio:1/1){.hero .hbg img{object-position:50% 32%}}

/* ===== below the hero: SYRN-structure ===== */
.lower{background:var(--paper);color:var(--espresso);font-family:var(--label)}
.lbl{font-family:var(--label);font-size:20px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 18px;background:var(--lime);color:var(--espresso);font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .25s ease,transform .25s var(--spring)}
.btn:hover{background:#D9F55C}.btn:active{transform:scale(.97)}
.btn:focus-visible,.arw:focus-visible,.card:focus-visible,.hs:focus-visible{outline:2px solid var(--espresso);outline-offset:3px}

/* promo + nav, always on top (like syrn) */
.bar{position:sticky;top:0;z-index:50;font-family:var(--label)}
.promo{position:relative;background:#CDB8B0;color:var(--espresso);text-align:center;font-size:13px;height:33px;letter-spacing:.01em;overflow:hidden}
.promo p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.35em;padding:0 16px;white-space:nowrap;transition:opacity .6s ease,transform .8s var(--ease)}
.promo p:not(.on){opacity:0;transform:translateY(60%);pointer-events:none}
.promo p.off{transform:translateY(-60%)}
.promo a{text-decoration:underline;text-underline-offset:3px}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:0 clamp(20px,4vw,72px);background:rgba(251,248,245,.92);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 1px 0 rgba(29,25,22,.08)}
.nav .links{display:flex;gap:26px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.nav .links a{position:relative}.nav .links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav .links a:hover::after{transform:none}
.nav .mark{width:58px;color:var(--espresso)}.nav .mark svg{width:100%;height:auto;display:block}
.nav .ico{justify-self:end;display:flex;gap:18px;align-items:center}
.nav .ico a{display:grid;place-items:center;width:28px;height:28px}.nav .ico svg{width:22px;height:22px}

/* section head row */
.srow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 20px 18px}
.arws{display:flex;gap:6px}
.arw{width:40px;height:32px;display:grid;place-items:center;border:0;background:none;color:var(--espresso);cursor:pointer;transition:opacity .2s,transform .25s var(--spring)}
.arw svg{width:26px;height:14px}.arw:disabled{opacity:.25;cursor:default}.arw:not(:disabled):hover{transform:translateX(var(--nx,0))}
.arw.p{--nx:-3px}.arw.n{--nx:3px}

/* horizontal track */
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;padding:0 20px;scrollbar-width:none;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.track>*{scroll-snap-align:start;flex:none}

/* 1 · product carousel */
.s-grew{padding:clamp(56px,6vw,84px) 0 clamp(56px,6vw,80px)}
.card{position:relative;display:block;width:clamp(240px,21.3vw,322px)}
.card .ph{position:relative;aspect-ratio:2/3;background:var(--card);overflow:hidden}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform 1.2s var(--ease)}
.card .ph img.b{opacity:0}
.card:hover .ph img.b{opacity:1}
.tag{position:absolute;top:10px;left:10px;z-index:2;background:var(--lime);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px}
.tag.w{background:#fff}
.plus{position:absolute;right:10px;bottom:10px;z-index:2;width:22px;height:22px;display:grid;place-items:center;background:var(--lime);transition:transform .3s var(--spring)}
.plus svg{width:10px;height:10px}.card:hover .plus{transform:rotate(90deg)}
.card h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.15;letter-spacing:-.005em;margin-top:12px}
.card .sub{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:12px;letter-spacing:.02em;color:#5E534C}
.card .sub i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}

/* 2 · detail banner */
.s-good{position:relative;background:#DCD6CF;overflow:hidden}
.s-good img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}
.s-good h2{position:absolute;left:0;right:0;top:4.5%;text-align:center;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(34px,5.4vw,84px);letter-spacing:-.01em;line-height:.9;color:#3E2B26}
.co{position:absolute;font-family:var(--serif);font-size:clamp(14px,1.55vw,24px);color:#3E2B26;white-space:nowrap;transform-origin:left center}
.co::before{content:"";position:absolute;right:calc(100% + 8px);top:55%;width:clamp(24px,3vw,46px);height:1px;background:currentColor;opacity:.55}
.co.r::before{right:auto;left:calc(100% + 8px)}
.s-good .btn{position:absolute;right:20px;bottom:20px}

/* 3 · get the look */
.s-look{padding:clamp(56px,6vw,84px) 0 clamp(46px,5vw,64px)}
.look{position:relative;width:calc((100vw - 40px - 32px)/3);aspect-ratio:2/3;overflow:hidden;background:#2a2320}
.look img{width:100%;height:100%;object-fit:cover}
.look .btn{position:absolute;left:50%;bottom:20px;transform:translateX(-50%)}
.look .btn:active{transform:translateX(-50%) scale(.97)}
.hs{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:0;padding:0;background:var(--lime);cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(230,255,125,.65);animation:hsp 2.6s ease-out infinite}
.hs svg{width:12px;height:12px;color:#3E2B26}
@keyframes hsp{0%{box-shadow:0 0 0 0 rgba(230,255,125,.6)}70%,100%{box-shadow:0 0 0 12px rgba(230,255,125,0)}}
.hs .tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);opacity:0;pointer-events:none;white-space:nowrap;background:#fff;color:var(--espresso);font-family:var(--serif);font-size:17px;padding:7px 12px 8px;box-shadow:0 10px 26px -12px rgba(0,0,0,.45);transition:opacity .25s ease,transform .35s var(--spring)}
.hs .tip small{display:block;font-family:var(--label);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6F645C;margin-top:2px}
.hs:hover .tip,.hs:focus-visible .tip,.hs.open .tip{opacity:1;transform:translate(-50%,0)}
.hs:hover,.hs:focus-visible,.hs.open{z-index:5}

/* 4 · marquee */
.mq{overflow:hidden;border-top:1px solid rgba(29,25,22,.1);border-bottom:1px solid rgba(29,25,22,.1);padding:20px 0}
.mq .in{display:flex;width:max-content;animation:mq 36s linear infinite}
.mq span{display:flex;align-items:center;gap:12px;padding-right:56px;font-size:clamp(18px,1.6vw,24px);font-weight:600;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.mq svg{width:28px;height:28px;flex:none}
@keyframes mq{to{transform:translateX(-50%)}}
.mq:hover .in{animation-play-state:paused}

/* 5 · grid */
.s-first{padding:clamp(56px,6vw,84px) 20px clamp(56px,6vw,84px)}
.s-first .srow{padding:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 16px}
.grid .card{width:auto}

/* 6 · posters */
.s-bbys{padding:0 0 clamp(56px,6vw,84px)}
html{scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.pst{position:relative;display:block;width:calc((100vw - 40px - 32px)/3.1);max-width:720px;aspect-ratio:2/3;overflow:hidden;background:#2a2320}
.pst img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.pst::after{content:"";position:absolute;inset:auto 0 0;height:56%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.18) 40%,rgba(0,0,0,.5));pointer-events:none}
.pst .w{position:absolute;left:0;right:0;bottom:clamp(64px,6vw,86px);z-index:2;text-align:center;color:var(--lime);pointer-events:none;text-shadow:0 2px 24px rgba(0,0,0,.28)}
.pst .sc{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(30px,2.9vw,46px);line-height:1;margin-bottom:-.12em}
.pst .bg{display:block;font-family:var(--poster);text-transform:uppercase;font-size:clamp(72px,7.4vw,118px);line-height:.92;white-space:nowrap}
.pst .btn{position:absolute;left:50%;bottom:clamp(20px,2vw,28px);transform:translateX(-50%);z-index:2}

/* 7 · our world */
.s-world{position:relative;overflow:hidden;background:var(--espresso);color:var(--bone);padding:clamp(90px,10vw,140px) 20px;text-align:center;isolation:isolate}
.s-world .ghost{position:absolute;left:50%;top:50%;width:min(1500px,140vw);transform:translate(-50%,-50%);color:#2A2420;z-index:-1}
.s-world .ghost svg{width:100%;height:auto;display:block}
.s-world p{position:relative;font-family:var(--serif);font-size:clamp(34px,3.8vw,56px);line-height:1.12;letter-spacing:-.01em;max-width:13em;margin:0 auto}
.s-world .btn{margin-top:clamp(28px,3vw,40px)}
.dd{position:absolute;font-family:"bby Hand",cursive;color:var(--bone);font-size:clamp(22px,2.2vw,34px);line-height:1;pointer-events:none;white-space:nowrap}
.dd svg{display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wrap{position:relative;display:inline-block}

/* 8 · footer */
.foot{background:var(--paper);padding:clamp(56px,6vw,80px) clamp(20px,4vw,96px) 30px;font-family:var(--label)}
.foot .cols{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:40px}
.foot h4{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3vw,44px);letter-spacing:-.01em;line-height:1}
.foot .intro p{font-size:13px;line-height:1.55;color:#5E534C;margin:16px 0 20px;max-width:30ch}
.foot h5{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.foot ul{list-style:none;display:grid;gap:10px;font-size:13px;color:#4A403A}
.foot ul a:hover{text-decoration:underline;text-underline-offset:3px}
.foot .legal{display:flex;justify-content:space-between;gap:16px;margin-top:clamp(48px,6vw,80px);padding-top:18px;border-top:1px solid rgba(29,25,22,.1);font-size:11px;color:#6F645C}

@media (max-width:860px){
  .nav{grid-template-columns:44px 1fr 44px;height:52px}.nav .links{display:none}.nav .mark{grid-column:2;justify-self:center;width:52px}.nav .ico{grid-column:3}
  .promo{font-size:12px;height:30px}
  .srow{padding:0 16px 14px}.track{padding:0 16px;scroll-padding:0 16px;gap:10px}
  .lbl{font-size:16px}
  .card{width:62vw}
  .card h3{font-size:19px}
  .s-good img{aspect-ratio:3336/3438}
  .s-good h2{font-size:clamp(28px,8.4vw,40px);top:5%}
  .co{display:none}
  .s-good .btn{right:12px;bottom:12px}
  .look{width:84vw}
  .mq{padding:14px 0}.mq span{padding-right:36px}.mq svg{width:22px;height:22px}
  .s-first{padding-left:16px;padding-right:16px}
  .grid{grid-template-columns:1fr 1fr;gap:22px 10px}
  .pst{width:80vw}
  .pst .sc{font-size:34px}.pst .bg{font-size:clamp(70px,21vw,96px)}
  .s-world p{font-size:clamp(30px,8.6vw,40px)}
  .dd{font-size:22px}
  .dd.hide-m{display:none}
  .s-world{padding:110px 20px 120px}
  .d1{left:-.2em!important;top:-2.6em!important}
  .d2{right:.2em!important;top:-2.2em!important}
  .d5{left:.8em!important;bottom:-5.6em!important}
  .d6{right:.4em!important;bottom:-6em!important}
  .foot .cols{grid-template-columns:1fr 1fr;gap:34px 20px}.foot .intro{grid-column:1/-1}
  .foot .legal{flex-direction:column;gap:6px}
}
@media (min-width:1700px){.card{width:18vw;max-width:360px}}
@media (prefers-reduced-motion:reduce){.mq .in{animation:none}.hs{animation:none}}

.rv{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}

@media (max-width:860px){
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ===== sub pages ===== */
.nav .links{align-items:center}
.nav .links .bk{display:inline-flex;align-items:center;gap:9px}
.nav .links .bk svg{width:20px;height:11px;transition:transform .35s var(--spring)}
.nav .links .bk:hover svg{transform:translateX(-3px)}
.nav .links .bk::after{display:none}
.nav .links .sep{width:1px;height:14px;background:rgba(29,25,22,.22);margin:0 -4px}
.nav .links a[aria-current]::after{transform:none}
@media (max-width:860px){
  .page .nav .links{display:flex;grid-column:1;grid-row:1}
  .page .nav .links>:not(.bk){display:none}
  .page .nav .links .bk span{display:none}
  .page .nav .links .bk{width:44px;height:44px;margin-left:-12px;justify-content:center}
  .page .nav .links .bk svg{width:22px;height:12px}
}
.page{background:var(--paper);color:var(--espresso);font-family:var(--label)}
.crumb{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7A6E66}
.crumb a:hover{color:var(--espresso)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.btn.wide{width:100%;min-height:50px;font-size:13px}
.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--espresso)}
.btn.ghost:hover{background:var(--espresso);color:var(--paper)}
/* product page */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:clamp(28px,4vw,60px);padding:16px clamp(20px,4vw,72px) clamp(56px,6vw,90px);align-items:start}
.pdp>*{min-width:0}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gal figure{margin:0;aspect-ratio:2/3;overflow:hidden;background:var(--card)}
.gal img{width:100%;height:100%;object-fit:cover}
.gal .count{display:none}
.dots{display:none}
.info{position:sticky;top:calc(var(--barh) + 16px);max-height:calc(100svh - var(--barh) - 28px);overflow-y:auto;scrollbar-width:none;padding:6px 2px 8px}
.info::-webkit-scrollbar{display:none}
.info h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,3.3vw,50px);line-height:.95;letter-spacing:-.015em;margin:12px 0 8px}
.info .kind{font-size:14px;color:#4A403A}
.state{display:flex;align-items:center;gap:10px;margin:14px 0 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.state i{width:8px;height:8px;border-radius:50%;background:#9DBB2E;box-shadow:0 0 0 0 rgba(157,187,46,.5);animation:ping 2s ease-out infinite}
@keyframes ping{to{box-shadow:0 0 0 9px rgba(157,187,46,0)}}
.opt{padding:14px 0;border-top:1px solid rgba(29,25,22,.12)}
.intro{font-size:14px;line-height:1.55;color:#3D342F;margin-bottom:14px}
.chips{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.chips li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(29,25,22,.18);font-size:13px}
.chips svg{width:16px;height:16px}
.sub2{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}
.sub2 .bub{margin:0 0 0 8px;font-size:13.5px}
.sub2>a{flex:none;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
.opt h2{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.opt h2 span{font-weight:400;letter-spacing:.02em;text-transform:none;color:#5E534C;margin-left:6px;font-size:13px}
.sw{display:flex;gap:12px}
.sw a{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s}
.sw a:hover{outline-color:rgba(29,25,22,.35)}.sw a[aria-current]{outline-color:var(--espresso)}
.pieces{list-style:none;display:grid;gap:12px}
.pieces li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:1.45;color:#3D342F}
.pieces b{display:block;color:var(--espresso);font-weight:600}
.pieces svg{width:18px;height:18px;margin-top:2px}
.ctas{display:grid;gap:10px;margin:16px 0 12px}
.bub{display:inline-block;max-width:100%;font-family:var(--ios);font-size:15px;line-height:1.3;letter-spacing:-.01em;background:#E9E9EB;color:#111;padding:8px 13px 9px;border-radius:18px;position:relative;margin:6px 0 4px 8px}
.bub::before{content:"";position:absolute;left:-.34em;bottom:0;width:.8em;height:.8em;background:#E9E9EB;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 0h7c0 8.5 3.2 14.2 11 17.6C11.8 18.6 4.6 17.4 0 13.6z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 0h7c0 8.5 3.2 14.2 11 17.6C11.8 18.6 4.6 17.4 0 13.6z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;transform:scaleX(-1)}
details.acc{border-top:1px solid rgba(29,25,22,.12)}
details.acc:last-of-type{border-bottom:1px solid rgba(29,25,22,.12)}
details.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary::after{content:"";width:11px;height:11px;background:linear-gradient(currentColor,currentColor) center/100% 1.4px no-repeat,linear-gradient(currentColor,currentColor) center/1.4px 100% no-repeat;transition:transform .3s var(--ease)}
details.acc[open] summary::after{transform:rotate(45deg)}
details.acc .in{padding:0 0 18px;font-size:14px;line-height:1.6;color:#3D342F}
details.acc .in li{margin-left:1.1em;margin-bottom:4px}
.band{display:grid;grid-template-columns:1fr 1fr;height:min(calc(100svh - var(--barh)),820px);min-height:560px;background:var(--espresso);color:var(--bone)}
.band figure{margin:0;overflow:hidden;position:relative}.band figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.band .tx{display:grid;align-content:center;gap:28px;padding:clamp(40px,6vw,96px)}
.band h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.6vw,76px);line-height:.95;letter-spacing:-.015em}
.band h2 i{font-style:italic;color:var(--lime)}
.thread{display:flex;flex-direction:column;gap:8px;font-family:var(--ios);font-size:clamp(16px,1.2vw,19px);line-height:1.28;letter-spacing:-.02em;max-width:22em}
.thread .m{max-width:80%;padding:.42em .8em .46em;border-radius:1.08em;background:#FBF8F5;color:var(--espresso);align-self:flex-start;position:relative}
.thread .m.o{align-self:flex-end;background:var(--lime)}
.thread .m::before{content:"";position:absolute;bottom:0;width:.8em;height:.8em;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 0h7c0 8.5 3.2 14.2 11 17.6C11.8 18.6 4.6 17.4 0 13.6z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 0h7c0 8.5 3.2 14.2 11 17.6C11.8 18.6 4.6 17.4 0 13.6z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.thread .m.o::before{right:-.36em}.thread .m:not(.o)::before{left:-.36em;transform:scaleX(-1)}
.thread .m.nt::before{display:none}
.rv .m{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s ease,transform .6s var(--spring)}
.rv.in .m{opacity:1;transform:none}
.rv.in .m:nth-child(2){transition-delay:.35s}.rv.in .m:nth-child(3){transition-delay:.7s}.rv.in .m:nth-child(4){transition-delay:1.05s}.rv.in .m:nth-child(5){transition-delay:1.4s}.rv.in .m:nth-child(6){transition-delay:1.75s}
.more{padding:clamp(56px,6vw,84px) 0 clamp(48px,5vw,72px)}
/* about */
.ab1{display:grid;grid-template-columns:1fr 1fr;height:calc(100svh - var(--barh));min-height:560px;max-height:900px}
.ab1 .tx{display:grid;align-content:center;gap:24px;padding:clamp(28px,5vw,88px)}
.ab1 h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.4vw,112px);line-height:.9;letter-spacing:-.02em}
.ab1 h1 i{font-style:italic}
.ab1 figure{margin:0;overflow:hidden;background:var(--card);position:relative}.ab1 figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.facts{display:flex;gap:28px;margin-top:10px;padding-top:22px;border-top:1px solid rgba(29,25,22,.12)}
.facts div{display:grid;gap:4px}.facts b{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1}.facts span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6F645C}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,110px);padding:clamp(64px,7vw,110px) clamp(20px,4vw,72px);align-items:start}
.story .q{position:sticky;top:calc(var(--barh) + 40px);display:grid;gap:18px}
.story .q h2{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(48px,5.2vw,88px);line-height:.92;letter-spacing:-.02em}
.story .body{display:grid;gap:26px;max-width:640px}
.story p{font-family:var(--serif);font-size:clamp(24px,2.1vw,32px);line-height:1.24;letter-spacing:-.01em}
.story p.big{font-size:clamp(32px,3vw,46px);line-height:1.06}
.story .sig{font-family:"bby Hand",cursive;font-size:34px;color:#6F645C;margin-top:6px}
.vals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(29,25,22,.12)}
.vals>div{padding:clamp(34px,4vw,60px) clamp(20px,3vw,48px);border-right:1px solid rgba(29,25,22,.12);display:grid;gap:14px;align-content:start}
.vals>div:last-child{border-right:0}
.vals b{font-family:var(--serif);font-style:italic;font-size:58px;line-height:.8;color:var(--espresso);font-weight:400}
.vals h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05}
.vals p{font-size:14px;line-height:1.6;color:#4A403A;max-width:32ch}
/* get the look */
.gtl-head{padding:clamp(44px,5vw,80px) clamp(20px,4vw,72px) clamp(32px,3.5vw,56px);display:grid;gap:16px;max-width:1080px;margin:0 auto;text-align:center;justify-items:center}
.gtl-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.4vw,112px);line-height:.9;letter-spacing:-.02em}
.gtl-head p{font-size:15px;line-height:1.6;color:#4A403A;max-width:46ch}
.lk{display:grid;grid-template-columns:min(560px,calc((100svh - var(--barh) - 80px)*.667)) minmax(0,480px);justify-content:center;gap:clamp(32px,6vw,110px);padding:0 clamp(20px,4vw,72px) clamp(56px,6vw,90px);align-items:center;scroll-margin-top:110px}
.lk:nth-of-type(even){grid-template-columns:minmax(0,480px) min(560px,calc((100svh - var(--barh) - 80px)*.667))}
.lk:nth-of-type(even) .look{order:2}
.lk .look{width:100%;max-width:none}
.lk .tx{display:grid;gap:18px;max-width:460px}
.lk h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.4vw,72px);line-height:.92;letter-spacing:-.015em}
.lk p{font-size:15px;line-height:1.6;color:#4A403A}
.mini{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid rgba(29,25,22,.12)}
.mini:last-child{border-bottom:1px solid rgba(29,25,22,.12)}
.mini img{width:84px;aspect-ratio:2/3;object-fit:cover;background:var(--card)}
.mini h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1}
.mini span{display:block;font-size:12px;color:#6F645C;margin-top:6px}
.mini em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
.mini:hover em{color:#6F645C}
/* you up */
.yu{min-height:calc(100svh - var(--barh));background:radial-gradient(90% 60% at 50% 0%,#3A2C25 0%,var(--espresso) 70%);color:var(--bone);display:grid;justify-items:center;align-content:center;padding:48px 20px 64px}
.phone{width:min(100%,440px);display:grid;gap:22px}
.who{display:grid;justify-items:center;gap:8px}
.who .av{width:62px;height:62px;border-radius:50%;background:var(--bone);display:grid;place-items:center;color:var(--espresso)}
.who .av svg{width:64%;height:auto;margin-top:10%}
.who b{font-family:var(--ios);font-weight:600;font-size:14px}
.who small{font-family:var(--ios);font-size:12px;color:rgba(241,235,228,.55)}
.yu .thread{max-width:none;font-size:17px}
.yu .ts{align-self:center;font-family:var(--ios);font-size:11px;color:rgba(241,235,228,.55);margin:4px 0}
.compose{display:flex;align-items:center;gap:10px;margin-top:10px;padding:6px 6px 6px 18px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(241,235,228,.25);font-family:var(--ios);font-size:16px;color:rgba(241,235,228,.6);transition:box-shadow .3s ease,transform .3s var(--spring)}
.compose:hover{box-shadow:inset 0 0 0 1px rgba(241,235,228,.6);transform:translateY(-1px)}
.compose span{flex:1}
.compose i{width:34px;height:34px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:var(--espresso)}
.compose i svg{width:15px;height:15px}
.yu .hint{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(241,235,228,.5);text-align:center}

/* you up: whatsapp */
.wa-wrap{min-height:calc(100svh - var(--barh));display:grid;align-items:center;padding:clamp(24px,3vw,40px) clamp(20px,4vw,72px);background:radial-gradient(60% 80% at 72% 50%,#E9DED2 0%,var(--paper) 72%)}
.wa-in{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,7vw,120px);align-items:center}
.wa-copy{display:grid;gap:20px;max-width:500px;justify-items:start}
.wa-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6vw,104px);line-height:.9;letter-spacing:-.02em}
.wa-copy h1 i{font-style:italic;color:#1FA855}
.wa-copy p{font-size:15px;line-height:1.6;color:#4A403A;max-width:42ch}
.steps{list-style:none;display:grid;gap:10px;width:100%;margin-top:4px}
.steps li{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(29,25,22,.08)}
.steps .n{width:40px;height:40px;border-radius:12px;background:var(--espresso);color:var(--bone);display:grid;place-items:center;flex:none}
.steps .n.g{background:#25D366;color:#fff}
.steps .n svg{width:22px;height:22px}
.steps b{display:block;font-size:14px;font-weight:600}
.steps li span:not(.n){font-size:13px;color:#6F645C}
.wa-open{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px 0 16px;border-radius:999px;background:#25D366;color:#fff;font-weight:600;font-size:14px;letter-spacing:.01em;box-shadow:0 10px 24px -12px rgba(37,211,102,.8);transition:transform .25s var(--spring),background .2s}
.wa-open:hover{background:#1FBE5B;transform:translateY(-1px)}.wa-open svg{width:22px;height:22px}
.wa-stage{display:grid;justify-items:center;gap:14px}
.live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1B7F46;background:#E3F7EA;padding:7px 13px;border-radius:999px}
.live i{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:ping 1.8s ease-out infinite}
.iphone{position:relative;height:min(840px,calc(100svh - var(--barh) - 48px));min-height:560px;aspect-ratio:440/956;padding:10px;border-radius:66px;background:#0E0D0D;box-shadow:inset 0 0 0 1px #3b3735,0 0 0 1.5px #8C8781,0 0 0 3.5px #3A3633,0 70px 110px -45px rgba(29,25,22,.65)}
.iphone::before{content:"";position:absolute;right:-5px;top:27%;width:3.5px;height:12%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#57524e,#8C8781)}
.iphone::after{content:"";position:absolute;left:-5px;top:17%;width:3.5px;height:23%;border-radius:3px 0 0 3px;background:linear-gradient(#8C8781 0 16%,transparent 16% 30%,#8C8781 30% 62%,transparent 62% 70%,#8C8781 70%)}
.phone-wa{position:relative;width:100%;height:100%;border-radius:56px;overflow:hidden;display:flex;flex-direction:column;background:#EFE7DD;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",Helvetica,Arial,sans-serif;color:#111B21}
.sbar{position:relative;display:flex;justify-content:space-between;align-items:center;height:50px;padding:6px 30px 0 38px;background:#F6F5F3;color:#111;flex:none}
.sbar .clk{font-weight:600;font-size:16px;letter-spacing:-.01em}
.sbar .isl{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:31%;height:31px;border-radius:20px;background:#000}
.sbar .sig{display:flex;gap:6px;align-items:center}.sbar .sig svg{height:12px;width:auto;fill:currentColor}
.homebar{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:36%;height:5px;border-radius:3px;background:#111;opacity:.85}
.wa-top{display:flex;align-items:center;gap:10px;padding:4px 14px 10px;background:#F6F5F3;border-bottom:1px solid rgba(0,0,0,.06)}
.wa-top .back{width:14px;color:#007AFF}.wa-top .back svg{width:12px;height:20px}
.wa-top .av{width:38px;height:38px;border-radius:50%;background:var(--espresso);display:grid;place-items:center;color:var(--bone);flex:none}
.wa-top .av svg{width:66%;height:auto;margin-top:10%}
.wa-top .nm{flex:1;display:grid;line-height:1.2}.wa-top .nm b{font-size:16px;font-weight:600}.wa-top .nm small{font-size:12px;color:#667781}
.wa-top .ic{display:flex;gap:18px;color:#007AFF}.wa-top .ic svg{width:24px;height:24px}
.wa-chat{flex:1;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;background-color:#EFE7DD;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23DDD2C4' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M20 28s-8-5-8-10a4 4 0 0 1 8-1 4 4 0 0 1 8 1c0 5-8 10-8 10z'/%3E%3Cpath d='M88 22a9 9 0 1 0 10 12 7 7 0 0 1-10-12z'/%3E%3Cpath d='M64 70l3 6 6 1-4.5 4 1 6-5.5-3-5.5 3 1-6-4.5-4 6-1z'/%3E%3Cpath d='M14 84h18a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-9l-6 5v-5h-3a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4z'/%3E%3Ccircle cx='100' cy='92' r='3'/%3E%3Cpath d='M40 50h8M44 46v8'/%3E%3C/g%3E%3C/svg%3E")}
.wa-chat .day{margin-top:auto!important;align-self:center;background:#fff;color:#54656F;font-size:12px;font-weight:500;padding:5px 12px;border-radius:8px;margin:4px 0 10px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wm{position:relative;max-width:78%;align-self:flex-start;background:#fff;border-radius:8px;padding:6px 8px 7px 9px;font-size:15.5px;line-height:1.32;box-shadow:0 1px .5px rgba(11,20,26,.13);display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 8px;animation:wain .45s var(--spring) both}
.wm.f{margin-top:8px;border-top-left-radius:0}
.wm.f::before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:inherit;clip-path:polygon(0 0,100% 0,100% 100%)}
.wm.o{align-self:flex-end;background:#D9FDD3}
.wm.o.f{border-top-left-radius:8px;border-top-right-radius:0}
.wm.o.f::before{left:auto;right:-8px;clip-path:polygon(0 0,100% 0,0 100%)}
.wm .meta{margin-left:auto;font-size:11px;color:#667781;display:inline-flex;align-items:center;gap:3px;transform:translateY(3px)}
.wm .tk{width:16px;height:11px}
.wa-chat .wm:nth-of-type(1){animation-delay:.2s}.wa-chat .wm:nth-of-type(2){animation-delay:.9s}.wa-chat .wm:nth-of-type(3){animation-delay:1.6s}.wa-chat .wm:nth-of-type(4){animation-delay:2.1s}.wa-chat .wm:nth-of-type(5){animation-delay:2.9s}.wa-chat .wm:nth-of-type(6){animation-delay:3.7s}
@keyframes wain{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.wa-hint{display:none}
.wa-hint.show{display:flex;align-self:stretch;justify-content:center;align-items:center;gap:6px;margin:6px 10px 0;padding:8px 12px;border-radius:12px;background:var(--lime);color:var(--espresso);font-size:13.5px;font-weight:600;animation:bob 1.4s ease-in-out infinite}
.wa-hint.gone{display:none}
.wa-hint svg{width:13px;height:13px}
.wa-quick{order:0}
.point{position:absolute;z-index:3;right:calc(100% - 96px);bottom:52px;width:230px;color:var(--espresso);pointer-events:none;opacity:0;transition:opacity .5s ease}
.point.in{opacity:1}
.point span{display:block;font-family:"bby Hand",cursive;font-size:34px;line-height:1;transform:rotate(-7deg);margin:0 0 -6px 0}
.point svg{width:220px;height:150px}
.point .ar{stroke-dasharray:320;stroke-dashoffset:320;transition:stroke-dashoffset 1.1s var(--ease) .2s}
.point .ah{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .4s ease 1.2s}
.point.in .ar,.point.in .ah{stroke-dashoffset:0}
.wa-stage{position:relative}
@keyframes bob{50%{transform:translateY(-3px)}}
.wa-bar.press .send{transform:scale(.86);background:#1FBE5B}
.wa-bar input:focus{box-shadow:inset 0 0 0 1.5px #25D366}
.wa-quick{display:flex;gap:6px;padding:8px 10px 2px;overflow-x:auto;background:#EFE7DD;scrollbar-width:none}
.wa-quick::-webkit-scrollbar{display:none}
.wa-quick button{flex:none;border:0;background:#fff;color:#008069;font:500 13.5px/1 inherit;font-family:inherit;padding:9px 13px;border-radius:18px;box-shadow:0 1px .5px rgba(11,20,26,.13);cursor:pointer;transition:transform .2s var(--spring)}
.wa-quick button:active{transform:scale(.96)}
.wa-bar{display:flex;align-items:center;gap:8px;padding:8px 10px 26px;background:#F6F5F3}
.wa-bar input{animation:ring 1.7s ease-out infinite}
.wa-bar.used input{animation:none}
@keyframes ring{0%{box-shadow:inset 0 0 0 1.5px #25D366,0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:inset 0 0 0 1.5px #25D366,0 0 0 9px rgba(37,211,102,0)}}
.wa-bar input::placeholder{color:#6B7B83}
.wa-bar .wplus{width:28px;color:#007AFF;flex:none;display:grid;place-items:center}.wa-bar .wplus svg{width:24px;height:24px}
.wa-bar .fld{flex:1}.wa-bar input{width:100%;border:0;outline:0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);padding:10px 14px;font:16px/1.2 inherit;font-family:inherit;color:#111B21}
.wa-bar .send{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#25D366;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--spring),background .2s}
.wa-bar .send:hover{background:#1FBE5B}.wa-bar .send:active{transform:scale(.92)}.wa-bar .send svg{width:19px;height:19px;margin-left:2px}
.mb{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:860px){
  .wa-wrap{padding:18px 0 0;min-height:0;background:var(--paper)}
  .wa-in{grid-template-columns:1fr;gap:14px}
  .wa-copy{padding:0 20px;gap:10px}.wa-copy h1{font-size:clamp(40px,11vw,52px)}.wa-copy p{font-size:13.5px}.steps,.wa-open{display:none}
  .wa-stage{gap:10px}
  .dk{display:none}.mb{display:inline}
  .iphone{height:auto;min-height:0;aspect-ratio:auto;width:100%;padding:0;border-radius:0;box-shadow:none;background:none}.iphone::before,.iphone::after,.sbar,.homebar,.point{display:none}
  .phone-wa{width:100%;height:max(480px,calc(100svh - var(--barh) - 240px));min-height:0;border-radius:0;box-shadow:none}
  .wa-top{padding-top:10px}.wa-bar{padding-bottom:14px}
}

/* you up: simple */
.tu{min-height:calc(100svh - var(--barh));display:grid;place-items:center;padding:clamp(40px,6vw,80px) 20px;background:radial-gradient(60% 70% at 50% 40%,#EFE5DA 0%,var(--paper) 75%)}
.tu-in{width:min(100%,540px);display:grid;justify-items:center;text-align:center;gap:20px}
.tu h1{font-family:var(--serif);font-weight:400;font-size:clamp(72px,9vw,132px);line-height:.85;letter-spacing:-.025em}
.tu p{font-size:15px;line-height:1.6;color:#4A403A;max-width:40ch}
.tu-cards{display:grid;width:100%;margin-top:34px;border-top:1px solid rgba(29,25,22,.14)}
.tu-c{display:flex;align-items:center;gap:22px;padding:26px 6px;border-bottom:1px solid rgba(29,25,22,.14);text-align:left;color:var(--espresso);transition:padding .45s var(--spring)}
.tu-c:hover{padding-left:14px;padding-right:0}
.tu-c .ic{width:24px;height:24px;display:grid;place-items:center;flex:none;opacity:.85}
.tu-c .ic svg{width:24px;height:24px}
.tu-c .tx{flex:1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-width:0}
.tu-c b{font-family:var(--serif);font-weight:400;font-size:clamp(30px,2.6vw,38px);line-height:1;letter-spacing:-.01em}
.tu-c small{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8A7E75;white-space:nowrap}
.tu-c .go{display:grid;place-items:center;flex:none}
.tu-c .arr{width:22px;height:12px;transition:transform .45s var(--spring)}
.tu-c:hover .arr{transform:translateX(5px)}
.tu-th{margin-top:18px;width:min(100%,300px);max-width:none;font-size:16px}
@media (max-width:860px){.tu{min-height:0;padding:64px 20px 88px}.tu-cards{grid-template-columns:1fr}}
/* 404 */
.nf{min-height:calc(100svh - var(--barh));display:grid;place-items:center;text-align:center;padding:60px 20px;gap:0}
.nf h1{font-family:var(--serif);font-weight:400;font-size:clamp(52px,7vw,110px);line-height:.92;letter-spacing:-.02em;margin:18px 0 26px}
@media (max-width:860px){
  .pdp{grid-template-columns:1fr;padding:0 0 64px;gap:0}
  .pdp .crumb.top{display:none}
  .gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;scrollbar-width:none;position:relative}
  .gal::-webkit-scrollbar{display:none}
  .gal figure{flex:none;width:86vw;scroll-snap-align:start}
  .gal figure:first-child{margin-left:0}
  .info{position:static;padding:22px 20px 0}
  .dots{display:flex;justify-content:center;gap:6px;padding:12px 0 0}
  .dots i{width:6px;height:6px;border-radius:50%;background:rgba(29,25,22,.2);transition:background .3s,transform .3s}
  .dots i.on{background:var(--espresso);transform:scale(1.15)}
  .band{grid-template-columns:1fr;height:auto}.band figure{aspect-ratio:4/5}
  .ab1{grid-template-columns:1fr;height:auto;max-height:none}.ab1 figure{order:-1;aspect-ratio:4/5}
  .ab1 .tx{padding:34px 20px 10px}
  .story{grid-template-columns:1fr;padding:56px 20px;gap:28px}.story .q{position:static}
  .vals{grid-template-columns:1fr}.vals>div{border-right:0;border-bottom:1px solid rgba(29,25,22,.12)}
  .lk,.lk:nth-of-type(even){grid-template-columns:1fr;padding:0 16px 56px}.lk:nth-of-type(even) .look{order:0}
  .gtl-head{padding:44px 20px 30px}
}