:root{
  --pelt-ink:#17324a; --pelt-paper:#f6fafd; --pelt-mist:#e4f0f8; --pelt-rose:#f7e8ea;
  --pelt-mute:#5c7386; --pelt-line:#d6e4ee; --pelt-sky:#5aa8d5; --pelt-clay:#e0785f;
  --pelt-hold:1190px; --pelt-round:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Public Sans',sans-serif;color:var(--pelt-ink);background:var(--pelt-paper);line-height:1.62;font-size:16.5px}
h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.16;margin:0 0 .6em}
h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;letter-spacing:-.015em}
h2{font-size:clamp(1.5rem,2.7vw,2.15rem);font-weight:700;letter-spacing:-.01em}
h3{font-size:1.08rem;font-weight:700}
a{color:var(--pelt-sky)}
img{max-width:100%}
.hold{max-width:var(--pelt-hold);margin:0 auto;padding:0 22px}
.skiphop{position:absolute;left:-9999px;top:0;background:var(--pelt-ink);color:#fff;padding:.6rem 1rem;z-index:99;border-radius:0 0 8px 0}
.skiphop:focus{left:0}
.pip{width:1em;height:1em;flex:none}

/* top strip + header */
.brow{background:var(--pelt-ink);color:#cfe2f0;font-size:.8rem}
.browin{display:flex;justify-content:space-between;gap:1rem;padding-top:.45rem;padding-bottom:.45rem;flex-wrap:wrap}
.browlinks{display:flex;gap:1.1rem}
.brow a{color:#fff;text-decoration:none;font-weight:600}
.crown{background:#fff;border-bottom:1px solid var(--pelt-line);position:sticky;top:0;z-index:50}
.crownin{display:flex;align-items:center;gap:1.6rem;padding-top:.7rem;padding-bottom:.7rem}
.mark img{height:3.1rem;width:auto;display:block}
.paths{display:flex;gap:1.35rem;margin-left:auto}
.paths a{color:var(--pelt-ink);text-decoration:none;font-weight:600;font-size:.95rem;padding:.35rem 0;border-bottom:2px solid transparent}
.paths a:hover{border-bottom-color:var(--pelt-clay)}
.burger{display:none;background:none;border:1.5px solid var(--pelt-line);border-radius:9px;padding:.45rem .8rem;font:inherit;font-weight:700;color:var(--pelt-ink)}
.stamp{display:inline-flex;background:var(--pelt-clay);border-radius:999px;padding:.55rem 1.25rem;line-height:0;box-shadow:0 6px 16px rgba(224,120,95,.35);transition:transform .12s, box-shadow .12s}
.stamp:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(224,120,95,.45)}
.stamp img{height:1.05rem;width:auto}
.stamp-crown img{height:.92rem}
.ledge{background:#fff;border-bottom:1px solid var(--pelt-line);position:sticky;top:63px;z-index:40}
.ledgein{display:flex;gap:1.6rem;overflow-x:auto;padding-top:.55rem;padding-bottom:.55rem}
.ledge a{color:var(--pelt-mute);text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.ledge a:hover{color:var(--pelt-clay)}

/* hero lagoon + dose mixer */
.lagoon{position:relative;background:linear-gradient(160deg,var(--pelt-mist) 0%,var(--pelt-paper) 58%,var(--pelt-rose) 100%);overflow:hidden}
.lagoonin{display:grid;grid-template-columns:1fr auto auto;gap:2.2rem;padding-top:3.4rem;padding-bottom:3.4rem;position:relative;z-index:2;align-items:center}
.lagoonshow{width:250px;align-self:end;margin-bottom:-3.4rem}
.lagoonshow img{transform:rotate(-6deg);filter:drop-shadow(0 16px 26px rgba(23,50,74,.2))}
.whisper{font-size:.8rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--pelt-clay);margin:0 0 .8rem}
.ledeline{color:var(--pelt-mute);max-width:52ch}
.ratline{font-weight:600;font-size:.92rem}
.ratline span{color:var(--pelt-clay);letter-spacing:.1em}
.mixer{background:#fff;border-radius:calc(var(--pelt-round) + 6px);padding:1.6rem;box-shadow:0 18px 44px rgba(23,50,74,.13);position:relative;z-index:3;width:375px}
.mixerkick{font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem;margin:0 0 .9rem}
.mixerlabel{font-size:.82rem;font-weight:700;color:var(--pelt-mute);display:block;margin-bottom:.35rem}
.mixer select{width:100%;font:inherit;font-weight:600;padding:.7rem .8rem;border:1.5px solid var(--pelt-line);border-radius:10px;background:#fff;color:var(--pelt-ink)}
.mixerread{display:flex;gap:1.6rem;margin:1.05rem 0}
.mixerread b{font-family:'Sora',sans-serif;font-size:1.5rem;display:block}
.mixerread span{font-size:.78rem;color:var(--pelt-mute);font-weight:600}
.stamp-mixer{width:100%;justify-content:center;padding:.8rem 1rem}
.stamp-mixer img{height:1.15rem}
.mixer .inkline{display:inline-block;margin-top:.8rem}
.mixerfoot{font-size:.76rem;color:var(--pelt-mute);margin:.8rem 0 0}
.inkline{color:var(--pelt-ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--pelt-clay)}
.inkline:hover{color:var(--pelt-clay)}

/* brand photo band */
.familiar{line-height:0}
.familiar img{width:100%;height:auto;display:block}

/* sections */
.sec{padding:3.6rem 0}
.secled{color:var(--pelt-mute);max-width:62ch;margin-top:-.4rem}
.headsec{padding-bottom:.6rem}

/* beats */
.beatrow{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.6rem}
.beat{border-radius:var(--pelt-round);padding:1.4rem;background:#fff;border:1px solid var(--pelt-line)}
.beat-0{background:var(--pelt-mist);border-color:transparent}
.beat-2{background:var(--pelt-rose);border-color:transparent}
.beatglyph{display:inline-flex;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--pelt-ink);color:#fff;align-items:center;justify-content:center;margin-bottom:.8rem}
.beat p{font-size:.92rem;color:var(--pelt-mute);margin:0}

/* pest accordion */
.pestsec{background:#fff;border-top:1px solid var(--pelt-line);border-bottom:1px solid var(--pelt-line)}
.pestgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start}
.pesthello p{color:var(--pelt-mute)}
.pesthello img{border-radius:var(--pelt-round);margin-top:1.2rem;max-width:320px}
.pest{border:1px solid var(--pelt-line);border-radius:14px;margin-bottom:.8rem;background:var(--pelt-paper);overflow:hidden}
.pesthead{width:100%;display:flex;align-items:center;gap:.7rem;font:inherit;font-family:'Sora',sans-serif;font-weight:700;font-size:1.02rem;color:var(--pelt-ink);background:none;border:none;padding:1rem 1.15rem;cursor:pointer;text-align:left}
.pesthead .pip{color:var(--pelt-sky)}
.pest.is-live{background:#fff;box-shadow:0 10px 26px rgba(23,50,74,.08)}
.pest.is-live .pesthead .pip{color:var(--pelt-clay)}
.pestbody{display:none;padding:0 1.15rem 1.1rem}
.pest.is-live .pestbody{display:block}
.pestbody p{margin-top:0;color:var(--pelt-mute)}

/* versus table */
.vswrap{overflow-x:auto;margin-top:1.4rem;border-radius:var(--pelt-round);box-shadow:0 12px 30px rgba(23,50,74,.08)}
.vstable{width:100%;border-collapse:collapse;background:#fff;min-width:560px}
.vstable th,.vstable td{padding:.85rem 1.1rem;text-align:center;border-bottom:1px solid var(--pelt-line);font-size:.95rem}
.vstable thead th{font-family:'Sora',sans-serif;font-size:.92rem;background:var(--pelt-ink);color:#fff}
.vstable thead th:first-child{background:var(--pelt-ink)}
.vstable tbody th{text-align:left;font-weight:600}
.vstable tr:nth-child(even) td,.vstable tr:nth-child(even) th{background:var(--pelt-paper)}
.tick-yes{display:inline-flex;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--pelt-sky);color:#fff;align-items:center;justify-content:center;font-weight:800}
.tick-no{display:inline-flex;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--pelt-line);color:var(--pelt-mute);align-items:center;justify-content:center;font-weight:800}
.tick-eh{font-size:.82rem;color:var(--pelt-mute);font-weight:700}
.vsfoot{font-size:.8rem;color:var(--pelt-mute);margin-top:1rem}

/* ritual panel */
.panelsec{background:var(--pelt-mist)}
.panelgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
.panelpic img{border-radius:calc(var(--pelt-round) + 8px);box-shadow:0 18px 40px rgba(23,50,74,.15)}
.ritual{list-style:none;margin:0 0 1.4rem;padding:0}
.ritual li{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin-bottom:1.1rem}
.ritual i{grid-row:span 2;font-style:normal;font-family:'Sora',sans-serif;font-weight:800;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--pelt-clay);color:#fff;display:flex;align-items:center;justify-content:center}
.ritual h3{margin:0;align-self:center}
.ritual p{margin:0;color:var(--pelt-mute);font-size:.94rem}

/* product crates */
.shopgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;margin-top:1.6rem}
.crate{background:#fff;border:1px solid var(--pelt-line);border-radius:var(--pelt-round);overflow:hidden;display:flex;flex-direction:column;transition:transform .14s, box-shadow .14s}
.crate:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,50,74,.12)}
.cratepic{position:relative;display:block;background:#fff;padding:1.3rem}
.cratepic img{width:100%;height:210px;object-fit:contain}
.cratedose{position:absolute;top:.9rem;left:.9rem;background:var(--pelt-ink);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.3rem .7rem}
.cratebody{padding:0 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.cratebody a{text-decoration:none;color:var(--pelt-ink)}
.cratebody h3{font-size:.98rem;margin:0}
.crateled{font-size:.84rem;color:var(--pelt-mute);margin:0}
.craterow{display:flex;align-items:baseline;gap:.6rem;font-size:.85rem;color:var(--pelt-mute)}
.purrstars{color:var(--pelt-clay);letter-spacing:.08em}
.crateprice{margin-top:auto}
.crateprice b{font-family:'Sora',sans-serif;font-size:1.35rem;color:var(--pelt-ink)}
.stamp-crate{justify-content:center}
.stamp-crate img{height:.95rem}

/* lifestyle gallery */
.galsec{background:#fff;border-top:1px solid var(--pelt-line)}
.galrow{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.6rem}
.galcard{margin:0}
.galcard img{border-radius:var(--pelt-round);aspect-ratio:1;object-fit:cover;width:100%}
.galcard b{display:block;margin-top:.7rem;font-family:'Sora',sans-serif}
.galcard p{font-size:.85rem;color:var(--pelt-mute);margin:.25rem 0 0}

/* resources shelf */
.shelfrow{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.6rem}
.shelfcard{background:#fff;border:1px solid var(--pelt-line);border-radius:var(--pelt-round);overflow:hidden;text-decoration:none;color:var(--pelt-ink);display:flex;flex-direction:column;transition:transform .14s, box-shadow .14s}
.shelfcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,50,74,.1)}
.shelfpic img{width:100%;height:150px;object-fit:cover;display:block}
.shelfcard b{padding:.9rem 1.1rem .3rem;font-family:'Sora',sans-serif;font-size:.98rem}
.shelfcard .inkline{margin:.2rem 1.1rem 1rem;align-self:flex-start;border-bottom-width:0;color:var(--pelt-clay)}

/* quotes */
.purrsec{background:var(--pelt-rose)}
.purrrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.6rem}
.purr{background:#fff;margin:0;border-radius:var(--pelt-round);padding:1.4rem;box-shadow:0 10px 26px rgba(23,50,74,.07)}
.purrtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.purrtag{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--pelt-sky);background:var(--pelt-mist);border-radius:999px;padding:.25rem .7rem}
.purr blockquote{margin:0 0 .8rem;font-size:.96rem}
.purr figcaption{font-size:.82rem;color:var(--pelt-mute);font-weight:600}

/* references + faq */
.refgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
.reflist{margin-top:1.4rem;border:1px solid var(--pelt-line);border-radius:var(--pelt-round);background:#fff;overflow:hidden}
.refrow{display:grid;grid-template-columns:1.3fr 1fr auto;gap:1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--pelt-line);font-size:.88rem;align-items:baseline}
.refrow:last-child{border-bottom:none}
.refrow span{color:var(--pelt-mute)}
.refrow em{font-style:normal;color:var(--pelt-clay);font-weight:700;font-size:.78rem;white-space:nowrap}
.faqside{background:#fff;border:1px solid var(--pelt-line);border-radius:var(--pelt-round);padding:1.5rem}
.fold{border-bottom:1px solid var(--pelt-line)}
.foldhead{width:100%;text-align:left;background:none;border:none;font:inherit;font-weight:700;color:var(--pelt-ink);padding:.9rem 1.6rem .9rem 0;cursor:pointer;position:relative}
.foldhead::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-family:'Sora',sans-serif;font-weight:800;color:var(--pelt-clay)}
.fold.is-live .foldhead::after{content:"\2212"}
.foldbody{display:none;padding-bottom:.9rem}
.fold.is-live .foldbody{display:block}
.foldbody p{margin:0 0 .6rem;color:var(--pelt-mute);font-size:.93rem}
.faqside .inkline{display:inline-block;margin-top:1rem}
.foldstack{margin-top:1.6rem}

/* handbook */
.hbsec{background:#fff;border-top:1px solid var(--pelt-line)}
.hbcols{columns:2;column-gap:3rem;margin-top:1.8rem}
.hbpart{break-inside:avoid;margin-bottom:2rem}
.hbpart h3{display:flex;gap:.7rem;align-items:baseline;font-size:1.12rem}
.hbpart h3 span{color:var(--pelt-clay);font-size:.92rem}
.hbpart p,.hbpart li{font-size:.93rem;color:var(--pelt-mute)}
.hbpart ul{padding-left:1.2rem}
.hbtablewrap{overflow-x:auto}
.hbpart table{width:100%;border-collapse:collapse;font-size:.88rem}
.hbpart th,.hbpart td{border:1px solid var(--pelt-line);padding:.5rem .7rem;text-align:left}
.hbpart thead th{background:var(--pelt-mist);font-family:'Sora',sans-serif;font-size:.82rem}

/* call band + footer */
.callband{background:linear-gradient(120deg,var(--pelt-ink),#24466a);color:#fff;padding:3.4rem 0}
.callin{text-align:center;max-width:680px}
.callin p{color:#cfe2f0}
.callbtns{display:flex;gap:1.1rem;justify-content:center;align-items:center;margin-top:1.4rem;flex-wrap:wrap}
.stamp-call img{height:1.1rem}
.ghost{color:#fff;font-weight:700;text-decoration:none;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:.7rem 1.4rem}
.ghost:hover{background:rgba(255,255,255,.12)}
.dribble{display:flex;justify-content:center;gap:1.9rem;background:var(--pelt-paper);padding:1.1rem 0}
.dribble i{width:11px;height:11px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--pelt-sky);opacity:.5;animation:drip 2.8s ease-in-out infinite}
@keyframes drip{0%,100%{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(5px)}}
.basin{background:var(--pelt-ink);color:#b9cfe0;font-size:.92rem}
.basin a{color:#fff;text-decoration:none;display:block;margin-bottom:.55rem;font-weight:600}
.basintop{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-top:2.6rem;padding-bottom:1.8rem;border-bottom:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
.basinbrand{display:flex;align-items:center;gap:1.2rem;max-width:460px}
.basinbrand img{height:3.4rem;width:auto;background:#fff;border-radius:12px;padding:.45rem .7rem}
.basinbrand p{margin:0}
.basincall{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.basincall p{margin:0;font-family:'Sora',sans-serif;font-weight:700;color:#fff}
.basingrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:2rem;padding-bottom:2rem}
.basingrid h4{color:#7fa8c6;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem}
.basinaddr{font-size:.84rem}
.basinfine{border-top:1px solid rgba(255,255,255,.14);padding-top:1.3rem;padding-bottom:1.6rem;font-size:.8rem;color:#8fabc2}
.basinfine p{margin:.25rem 0}

/* pdp */
.trail{padding-top:1.1rem;font-size:.84rem;color:var(--pelt-mute)}
.trail a{color:var(--pelt-mute);text-decoration:none}
.trail i{font-style:normal;margin:0 .3rem}
.pdp{padding:2.2rem 0 1rem}
.pdpgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:start}
.pdppic{margin:0;background:#fff;border:1px solid var(--pelt-line);border-radius:calc(var(--pelt-round) + 6px);padding:2.4rem}
.pdppic img{width:100%;height:380px;object-fit:contain}
.pdpprice{display:flex;align-items:baseline;gap:1rem;margin:1.1rem 0 .2rem}
.pdpprice b{font-family:'Sora',sans-serif;font-size:2rem}
.pdpprice span{color:var(--pelt-mute);font-size:.9rem;font-weight:600}
.stamp-pdp{margin:.7rem 0 1.2rem;padding:.75rem 1.6rem}
.stamp-pdp img{height:1.1rem}
.stackrow{display:flex;gap:.7rem;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--pelt-ink);border:1.5px solid var(--pelt-line);border-radius:12px;padding:.55rem .95rem;background:#fff;min-width:4.6rem}
.stack b{font-family:'Sora',sans-serif;font-size:1.15rem}
.stack span{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--pelt-mute)}
.stack em{font-style:normal;font-size:.74rem;color:var(--pelt-mute)}
.stack.is-here{border-color:var(--pelt-clay);background:var(--pelt-rose)}
.pdpsplit{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.pledge{list-style:none;margin:0;padding:0}
.pledge li{display:flex;gap:.7rem;align-items:baseline;margin-bottom:.7rem;color:var(--pelt-mute)}
.pledge .pip{color:var(--pelt-clay);transform:translateY(2px)}
.crossrow{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-top:1.4rem}
.crossover{background:#fff;border:1px solid var(--pelt-line);border-radius:var(--pelt-round);padding:1.3rem;text-decoration:none;color:var(--pelt-ink)}
.crossover b{font-family:'Sora',sans-serif;display:block;margin-bottom:.3rem}
.crossover span{font-size:.88rem;color:var(--pelt-mute)}
.scroll .hold{max-width:760px}
.scrollin p{color:#3d566b}

/* responsive */
@media (max-width:960px){
  .lagoonin,.pestgrid,.panelgrid,.refgrid,.pdpgrid,.pdpsplit{grid-template-columns:1fr}
  .lagoonshow{display:none}
  .mixer{width:100%}
  .beatrow,.galrow,.shelfrow{grid-template-columns:1fr 1fr}
  .purrrow{grid-template-columns:1fr}
  .hbcols{columns:1}
  .basingrid{grid-template-columns:1fr 1fr}
  .paths{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem 22px;border-bottom:1px solid var(--pelt-line);gap:.6rem}
  .paths.is-open{display:flex}
  .burger{display:block;margin-left:auto}
  .stamp-crown{display:none}
  .crownin{position:relative}
}
@media (max-width:560px){
  .beatrow,.galrow,.shelfrow,.crossrow,.basingrid{grid-template-columns:1fr}
  .browin{justify-content:center}
  .refrow{grid-template-columns:1fr}
}