:root{
  --ground:#EDF1EC; --paper:#F8FAF7; --ink:#1D2522; --muted:#56615C; --line:#C9D3CD;
  --fur:#9A6433; --fur-soft:#E9D9C6; --red:#B8372C; --red-soft:#F3DCD8; --pane:#D5E5EA;
  --frame:#FFFFFF; --logo-filter:none;
  --display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --chalk:"Caveat","Comic Sans MS",cursive;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#141A18; --paper:#1B2320; --ink:#E6ECE8; --muted:#A3AFA9; --line:#33403B;
  --fur:#D9A270; --fur-soft:#3A2C20; --red:#E8705F; --red-soft:#3D2320; --pane:#22343A;
  --frame:#2A3531; --logo-filter:invert(1);
}}
:root[data-theme="dark"]{
  --ground:#141A18; --paper:#1B2320; --ink:#E6ECE8; --muted:#A3AFA9; --line:#33403B;
  --fur:#D9A270; --fur-soft:#3A2C20; --red:#E8705F; --red-soft:#3D2320; --pane:#22343A;
  --frame:#2A3531; --logo-filter:invert(1);
}
*{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
a{color:inherit;text-decoration-color:var(--fur);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--fur);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--display);line-height:1.05;text-wrap:balance;margin:0}
h2{font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;letter-spacing:-.02em}
h3{font-size:1.22rem;font-weight:600}
p{margin:0}
section{padding-block:clamp(48px,7vw,92px)}
.eyebrow{font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--fur)}
.chalk{font-family:var(--chalk);color:var(--fur);font-size:1.55rem;line-height:1.1}
.lede{font-size:1.14rem;color:var(--muted);max-width:60ch}
.sec-head{display:grid;gap:13px;margin-bottom:38px;max-width:720px}
.btn{font-family:var(--display);font-weight:600;font-size:1rem;padding:12px 22px;border-radius:999px;text-decoration:none;border:2px solid var(--ink);display:inline-block;cursor:pointer;background:transparent;color:var(--ink)}
.btn.solid{background:var(--ink);color:var(--ground)}

/* photo classes, each image encoded once */
.ph{background-size:cover;background-position:center;display:block;background-color:var(--pane)}
.ph-bailey{background-image:url(/assets/bailey.webp)}
.ph-bluey{background-image:url(/assets/bluey.webp)}
.ph-rall{background-image:url(/assets/rall.webp)}
.ph-countryted{background-image:url(/assets/countryted.webp)}
.ph-easter{background-image:url(/assets/easter.webp)}
.ph-pinky{background-image:url(/assets/pinky.webp)}
.ph-bearphone{background-image:url(/assets/bearphone.webp)}
.ph-handmap{background-image:url(/assets/handmap.webp)}
.ph-deb{background-image:url(/assets/deb.webp)}
.ph-anthony{background-image:url(/assets/anthony.webp)}
.ph-bigdrive{background-image:url(/assets/bigdrive.webp);background-size:contain;background-repeat:no-repeat;background-color:#fff}
.ph-share{background-image:url(/assets/share.webp);background-size:contain;background-repeat:no-repeat;background-color:#fff}

/* nav */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--ground) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:9px}
.logo{height:44px;width:auto;filter:var(--logo-filter)}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;font-family:var(--display);font-size:.93rem;font-weight:600}
nav a{text-decoration:none;color:var(--muted);padding-block:6px;border-bottom:2px solid transparent}
nav a:hover{color:var(--ink)}
nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--fur)}
@media (max-width:900px){
  header.top .wrap{flex-wrap:wrap;padding-bottom:4px}
  nav{width:100%;overflow-x:auto}
  nav ul{gap:16px;padding-bottom:6px;white-space:nowrap;font-size:.88rem}
}

/* hero */
.hero{padding-block:clamp(36px,5vw,72px) clamp(40px,5vw,72px)}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,68px);align-items:center}
.hero h1{font-family:var(--display);font-size:clamp(2.7rem,6.6vw,5.4rem);font-weight:800;letter-spacing:-.035em;margin-top:12px;line-height:1.02}
.hero h1 em{font-style:normal;color:var(--fur)}
.hero .lede{margin-top:20px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.window{position:relative;background:var(--frame);padding:13px;border-radius:6px;box-shadow:0 30px 58px -32px rgba(20,30,25,.5),inset 0 0 0 1px var(--line)}
.panes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.panes .ph{aspect-ratio:3/4;border-radius:2px}
.window .note{position:absolute;right:0;bottom:-44px;transform:rotate(-3deg)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.window .note{position:static;transform:none;margin-top:16px}}

/* facts */
.facts{border-block:1px solid var(--line);background:var(--paper)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:28px 20px;display:grid;gap:6px;align-content:start}
.fact + .fact{border-left:1px solid var(--line)}
.fact b{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1}
.fact span{color:var(--muted);font-size:.95rem;line-height:1.4}
@media (max-width:860px){.facts .wrap{grid-template-columns:1fr 1fr}.fact:nth-child(3){border-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:440px){.facts .wrap{grid-template-columns:1fr}.fact + .fact{border-left:0;border-top:1px solid var(--line)}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{display:grid;gap:11px;align-content:start;padding-top:20px;border-top:3px solid var(--ink)}
.steps li::before{counter-increment:s;content:"Step " counter(s);font-family:var(--display);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fur)}
.steps p{color:var(--muted)}
.rule-note{margin-top:32px;padding:17px 21px;background:var(--paper);border:1px solid var(--line);border-radius:10px;max-width:760px;color:var(--muted);font-size:1rem}
@media (max-width:760px){.steps{grid-template-columns:1fr}}

/* cards linking to other pages */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{display:grid;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none}
.card .ph{aspect-ratio:16/10}
.card .body{padding:20px 22px 24px;display:grid;gap:8px}
.card p{color:var(--muted);font-size:.98rem}
.card .go{font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--fur)}
.card:hover{border-color:var(--fur)}
@media (max-width:820px){.cards{grid-template-columns:1fr}}

/* story */
.tint{background:var(--paper);border-block:1px solid var(--line)}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,66px);align-items:start}
.portrait{margin:0;display:grid;gap:9px}
.portrait .ph{aspect-ratio:3/2;border-radius:8px}
.portrait figcaption{font-size:.88rem;color:var(--muted)}
.prose{display:grid;gap:18px;max-width:62ch}
.prose p{color:var(--muted)}
.prose p.first{color:var(--ink)}
blockquote{margin:4px 0;padding:0 0 0 20px;border-left:4px solid var(--fur);font-family:var(--display);font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
blockquote cite{display:block;font-family:var(--body);font-style:normal;font-weight:400;font-size:.98rem;color:var(--muted);margin-top:9px}
@media (max-width:860px){.split{grid-template-columns:1fr}.portrait{max-width:520px}}

/* timeline */
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:150px 1fr;gap:26px;padding-block:20px;border-top:1px solid var(--line)}
.timeline li:last-child{border-bottom:1px solid var(--line)}
.when{font-family:var(--display);font-weight:800;font-size:1.25rem}
.when small{display:block;font-weight:400;font-size:.83rem;color:var(--muted)}
.what{display:grid;gap:6px;max-width:64ch}
.what p{color:var(--muted)}
.tag{display:inline-block;font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--fur-soft);color:var(--fur);justify-self:start}
@media (max-width:640px){.timeline li{grid-template-columns:1fr;gap:8px}}

/* gallery */
.gallery{columns:3 250px;column-gap:16px}
.gallery figure{break-inside:avoid;margin:0 0 16px;background:var(--frame);padding:10px 10px 12px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line)}
.gallery .ph{border-radius:2px}
.gallery .tall{aspect-ratio:3/4}
.gallery .square{aspect-ratio:1/1}
.gallery .wide{aspect-ratio:3/2}
.gallery figcaption{font-family:var(--chalk);font-size:1.3rem;color:var(--muted);padding-top:7px;line-height:1.1}

/* feature rows */
.stack{display:grid;gap:clamp(48px,6vw,84px)}
.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,54px);align-items:center}
.feature .ph{aspect-ratio:16/9;border-radius:8px}
.feature .txt{display:grid;gap:14px}
.feature .txt p{color:var(--muted)}
.feature.flip .media{order:2}
@media (max-width:860px){.feature,.feature.flip{grid-template-columns:1fr}.feature.flip .media{order:0}}

/* press */
.press{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,54px)}
.press h3{padding-bottom:11px;border-bottom:3px solid var(--ink);margin-bottom:4px}
.press ul{list-style:none;margin:0;padding:0}
.press li a{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none}
.press li a:hover .out{color:var(--fur)}
.press .out{font-family:var(--display);font-weight:600}
.press .hl{color:var(--muted);font-size:.93rem;text-align:right}
@media (max-width:760px){.press{grid-template-columns:1fr}.press .hl{display:none}}

/* honours */
.honours{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.honour{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;gap:7px;align-content:start}
.honour b{font-family:var(--display);font-size:1.15rem}
.honour span{color:var(--muted);font-size:.96rem}
.honour .yr{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fur);font-weight:600}
@media (max-width:820px){.honours{grid-template-columns:1fr}}

/* resources */
.res{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.res li{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:grid;gap:6px;align-content:start}
.res li span{color:var(--muted);font-size:.94rem}
.res .kind{font-family:var(--display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fur);font-weight:600}

/* wake */
.wake-sec{background:var(--ink);color:var(--ground)}
.wake-sec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,66px);align-items:start}
.wake-sec .lede{color:color-mix(in srgb,var(--ground) 76%,var(--ink))}
.status{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:.88rem;padding:7px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ground) 35%,var(--ink))}
.status i{width:10px;height:10px;border-radius:50%;background:var(--fur);animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{50%{opacity:.5}}
.wake-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}
.wake-list li{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start}
.wake-list li::before{content:"";width:17px;height:17px;margin-top:5px;border:2px solid var(--fur);border-radius:4px}
.wake-list b{font-family:var(--display)}
.wake-list span{display:block;color:color-mix(in srgb,var(--ground) 70%,var(--ink));font-size:.96rem}
.bear-sleep{display:block;width:110px;filter:invert(1);opacity:.92}
:root[data-theme="dark"] .bear-sleep{filter:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bear-sleep{filter:none}}
.notify{background:color-mix(in srgb,var(--ground) 7%,var(--ink));border:1px solid color-mix(in srgb,var(--ground) 20%,var(--ink));border-radius:14px;padding:24px;display:grid;gap:15px}
.notify label{font-family:var(--display);font-weight:600;font-size:.88rem;display:grid;gap:6px}
.notify input,.notify select{font:inherit;font-size:1rem;padding:11px 13px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ground) 30%,var(--ink));background:var(--ink);color:var(--ground);width:100%}
.notify .btn{border-color:var(--fur);background:var(--fur);color:var(--ink);justify-self:start}
.notify small{color:color-mix(in srgb,var(--ground) 60%,var(--ink));font-size:.84rem}
.proto{font-family:var(--display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:600}
#thanks{font-family:var(--chalk);font-size:1.5rem;color:var(--fur)}
@media (max-width:860px){.wake-sec .wrap{grid-template-columns:1fr}}

/* support */
.support{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(26px,4vw,54px);align-items:start}
.lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.lines li{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:13px 15px;display:grid;gap:2px}
.lines li.urgent{background:var(--red-soft);border-color:var(--red)}
.lines b{font-family:var(--display);font-size:1.2rem;font-variant-numeric:tabular-nums}
.lines span{color:var(--muted);font-size:.9rem;line-height:1.35}
@media (max-width:860px){.support{grid-template-columns:1fr}}

footer.foot{border-top:1px solid var(--line);padding-block:34px 52px;background:var(--paper)}
footer.foot .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px;align-items:start}
footer.foot .logo{height:54px}
footer.foot p,footer.foot li{color:var(--muted);font-size:.95rem}
footer.foot ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px}
footer.foot h4{font-family:var(--display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:600}
footer.foot a{text-decoration:none}
footer.foot a:hover{color:var(--fur)}
@media (max-width:760px){footer.foot .wrap{grid-template-columns:1fr}}

/* awake mode */
.awake-bar{display:none;background:var(--fur);color:#fff;font-family:var(--display);font-weight:600;font-size:.95rem;text-align:center;padding:10px 20px}
body[data-hunt="awake"] .awake-bar{display:block}
body[data-hunt="awake"] .sleeping-only{display:none}
.awake-only{display:none}
body[data-hunt="awake"] .awake-only{display:block}
.switchbox{display:grid;gap:12px;margin-top:26px;padding:18px 20px;border:1px dashed color-mix(in srgb,var(--ground) 40%,var(--ink));border-radius:12px}
.switchrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.switch{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--display);font-weight:600}
.switch input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer}
.track{width:52px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--ground) 22%,var(--ink));border:1px solid color-mix(in srgb,var(--ground) 38%,var(--ink));display:block;position:relative;transition:background .2s}
.track::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ground);transition:transform .2s}
.switch input:checked + .track{background:var(--fur)}
.switch input:checked + .track::after{transform:translateX(22px)}
.switch input:focus-visible + .track{outline:3px solid var(--fur);outline-offset:3px}
.switchbox small{color:color-mix(in srgb,var(--ground) 62%,var(--ink));font-size:.85rem}

/* partners */
.partners{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;list-style:none;margin:0;padding:0}
.partners li{font-family:var(--display);font-weight:600;color:var(--muted);font-size:.98rem}
.partners li span{display:block;font-family:var(--body);font-weight:400;font-size:.85rem;color:var(--muted);opacity:.8}

/* inventory */
.inv{list-style:none;margin:0;padding:0;display:grid;gap:0}
.inv li{display:grid;grid-template-columns:200px 1fr;gap:22px;padding-block:14px;border-top:1px solid var(--line)}
.inv li:last-child{border-bottom:1px solid var(--line)}
.inv b{font-family:var(--display);font-weight:600}
.inv span{color:var(--muted);font-size:.97rem}
@media (max-width:640px){.inv li{grid-template-columns:1fr;gap:4px}}

/* faq */
.faq{display:grid;gap:0;max-width:820px}
.faq details{border-top:1px solid var(--line);padding-block:14px}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--display);font-weight:600;font-size:1.08rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--fur);font-weight:800;transition:transform .2s;display:inline-block}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--muted);margin-top:9px;max-width:66ch}

/* footer safety */
.safety{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.safety a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--display);font-weight:600;font-size:.86rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 13px;background:var(--ground)}
.safety a:hover{border-color:var(--fur);color:var(--fur)}
.safety svg{width:16px;height:16px;flex:none}
.safety .sep{color:var(--line)}
[hidden]{display:none!important}