/* Snack Myth Lab / field notes edition. A quiet frame for loud stories. */
:root{--paper:#f7f2e7;--cream:#fffbf2;--deep:#17363a;--ink:#17363a;--pink:#fa626c;--yellow:#f9dc8f;--mint:#b8e5d2;--line:#c9d0c4}
body{background:var(--paper)}
.offer-ribbon{background:#e9d8b5;border:0;border-bottom:1px solid #acaa98;color:var(--ink);font-weight:600}
.offer-ribbon .offer-label{color:#704e34}.offer-ribbon code{background:var(--cream);border:1px solid var(--ink);border-radius:3px;letter-spacing:.11em}
.site-header{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);min-height:82px}
.site-header .brand{font-size:16px}.site-header .brand img{width:47px;height:47px}
.nav-play{border-color:var(--ink);background:var(--ink);color:var(--cream)}.nav-play:hover{background:var(--pink);color:var(--ink)}
.hero{background:var(--paper);color:var(--ink);overflow:hidden}
.hero-grid{position:relative;grid-template-columns:minmax(0,1.05fr) minmax(310px,.78fr);min-height:0;gap:clamp(55px,8vw,145px);padding-top:clamp(70px,8vw,130px);padding-bottom:clamp(75px,8vw,120px)}
.hero-grid:before{content:"FIELD NOTES / 001";position:absolute;top:26px;left:clamp(22px,5.3vw,80px);font:800 10px DM,Arial,sans-serif;letter-spacing:.2em;color:#6b7972}
.hero-copy{max-width:850px}.eyebrow{color:#a8454d;letter-spacing:.13em}.eyebrow-dot{background:var(--pink);box-shadow:none}
.hero h1{font-size:clamp(61px,7vw,112px);line-height:.91;margin:27px 0 34px;letter-spacing:-.075em;max-width:850px}.hero h1 em{color:#d8505c;transform:none}
.hero-copy>p{color:#435d59;font-size:clamp(18px,1.55vw,22px);line-height:1.5;max-width:530px}
.hero-links{margin:34px 0 54px}.pill{border-radius:4px;min-height:55px}.pill-coral{background:var(--pink)}.pill-outline{border-color:var(--ink);color:var(--ink)}.pill-outline:hover{background:var(--mint)}.hero-index{color:#758982}
.hero-film{width:min(100%,390px);justify-self:center;background:var(--ink);color:var(--cream);padding:9px;box-shadow:17px 19px 0 #d7d9cb;transform:rotate(2deg)}
.hero-film-meta,.hero-film-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font:800 9px/1.3 DM,Arial,sans-serif;letter-spacing:.1em}
.hero-film-meta{padding:11px 9px 13px;color:var(--mint)}.hero-film-meta span:last-child{text-align:right}
.hero-film video{display:block;width:100%;height:clamp(410px,44vw,570px);object-fit:cover;object-position:center 42%;background:#243d3d}
.hero-film-bottom{padding:13px 9px 7px;letter-spacing:0;font-size:11px}.hero-film-bottom a{color:var(--yellow);white-space:nowrap}.hero-film-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
.hero-rule{border-color:var(--ink);color:#4e6862;justify-content:space-between}.hero-rule span+span:before{color:#d8505c}
.challenge{display:grid;grid-template-columns:minmax(0,.9fr) minmax(350px,1.1fr);gap:clamp(40px,7vw,120px);align-items:center;padding-top:clamp(85px,9vw,135px);padding-bottom:clamp(85px,9vw,135px)}
.challenge-index{display:block;color:#b24852;font-size:11px;font-weight:800;letter-spacing:.17em}.challenge h2{font-size:clamp(51px,6vw,90px);line-height:.94;margin:24px 0 30px}.challenge h2 em{color:#cf5963}.challenge-copy p{font-size:clamp(18px,1.6vw,23px);line-height:1.45;color:#48615b;max-width:390px}.challenge-copy>a{display:inline-block;margin-top:20px;border-bottom:2px solid var(--ink);padding-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.04em}
.challenge .quiz-wrap{min-height:530px}.challenge .quiz-orbit,.challenge .quiz-corner{display:none}.challenge .quiz-card{width:min(100%,480px);min-height:490px;transform:none;border:1px solid var(--ink);border-radius:2px;box-shadow:12px 13px 0 var(--pink)}.challenge .quiz-card:hover,.challenge .quiz-card:focus-within{transform:translateY(-3px)}
.challenge .quiz-graphic{height:138px}.challenge .quiz-actions button{background:var(--yellow)}.challenge .quiz-actions button+button{background:var(--mint)}
.ticker{background:var(--pink);border-top:1px solid var(--ink)}
.episodes{padding-top:120px}.case-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:950px;margin-bottom:75px}.case-preview{min-height:260px;border-width:1px;box-shadow:none}.case-preview.active{box-shadow:7px 8px 0 var(--pink)}
.episode-console{transform:none;box-shadow:12px 13px 0 var(--mint)}.episode-console:hover,.episode-console:focus-within{transform:translateY(-3px)}
.episode-story h3{font-size:clamp(42px,4.2vw,66px)}.case-library-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:58px;padding:14px 0;border-bottom:2px solid var(--ink);font-size:13px;font-weight:800}
.how{background:#dce8d7;border-width:1px}.how-grid{border-color:#9fb4a6}.how-grid>div+div{border-color:#9fb4a6}
.shop{padding-top:120px}.deck-grid{gap:20px}.deck-card{box-shadow:none;border-color:#849790}.deck-card:hover,.deck-card[open]{box-shadow:7px 8px 0 var(--mint)}.deck-art{height:310px}.deck-art img{max-height:286px}.deck-card:nth-child(2){margin-top:28px}.deck-card:nth-child(3){margin-top:56px}.deck-status{font-size:10px}
.bundle{margin-top:55px;border-radius:3px;padding:clamp(34px,5vw,70px);background:var(--deep)}.bundle:before{border-radius:0;transform:rotate(25deg)}.bundle-cover{width:min(29vw,300px);flex-basis:min(29vw,300px)}
.early-access{box-shadow:none;border:0;background:#e9d8b5;color:var(--ink);margin-top:45px}.early-access-kicker{color:#9a424d}.early-access h3 em{color:#be4c57}.early-access p,.early-access-action>span{color:#48615b}.early-access-action .pill{border:1px solid var(--ink)}
.shop-note{background:#ede8db;border-left-color:var(--pink)}.closing{background:var(--pink)}.closing img{animation:none}.site-footer{background:var(--deep)}
/* Product page follows the same field-notes typography and visual rhythm. */
.product-page{background:var(--paper)}.product-hero{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}.product-hero h1 em{color:#ce5360}.product-lede{color:#48615b}.product-hero .pill-outline{color:var(--ink);border-color:var(--ink)}.product-back{color:#8a3d48}.product-overline{color:#a74952}.product-art{filter:drop-shadow(12px 14px 0 #d9d9c8)}.product-hero-cover{transform:rotate(2deg)}.launch-price{transform:none;box-shadow:5px 6px 0 var(--pink)}.launch-price-note{color:#49645e}.launch-price-note a{color:#a4404a}
.product-inventory article{box-shadow:none;border:1px solid #91a39a}.product-kit{background:var(--deep);color:var(--cream)}.product-kit .product-overline{color:var(--mint)}.product-kit h2 em{color:var(--pink)}.product-kit p,.product-kit li{color:#d0ded8}.product-kit img{box-shadow:15px 16px 0 #416263}.product-fact-card{transform:none}.product-notice{border-top:1px solid var(--line)}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);gap:40px}.hero h1{font-size:clamp(60px,7vw,82px)}.hero-film video{height:480px}.challenge{grid-template-columns:minmax(0,.85fr) minmax(340px,1fr);gap:45px}}
@media(max-width:800px){.hero-grid{display:grid;grid-template-columns:1fr;gap:44px;padding-top:80px}.hero-film{width:min(100%,360px);justify-self:start;margin-left:12px}.hero-film video{height:465px}.challenge{grid-template-columns:1fr;gap:30px}.challenge .quiz-wrap{min-height:520px}.challenge .quiz-card{width:min(100%,460px)}.deck-card:nth-child(2),.deck-card:nth-child(3){margin-top:0}.deck-grid{max-width:590px}.product-hero{grid-template-columns:1fr}}
@media(max-width:520px){.offer-ribbon{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;text-align:left}.offer-ribbon .offer-label{grid-column:1/-1;width:auto}.offer-ribbon>span:last-of-type{grid-column:1/-1}.site-header{min-height:68px}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:74px 22px 60px}.hero-grid:before{top:24px;left:22px}.hero-copy{display:block}.hero h1{font-size:clamp(51px,12vw,69px);margin:19px 0 27px}.hero-copy>p{font-size:17px}.hero-links{margin:28px 0 0;gap:9px}.hero-index{display:none}.hero-film{margin-left:0;width:min(86%,340px);transform:rotate(1deg)}.hero-film video{height:min(100vw,440px)}.hero-film-meta{font-size:8px}.hero-film-bottom{font-size:10px}.hero-rule{padding-top:14px;padding-bottom:14px;font-size:8px}.challenge{padding-top:75px;padding-bottom:80px;gap:20px}.challenge h2{font-size:51px}.challenge-copy p{font-size:17px}.challenge .quiz-wrap{min-height:450px}.challenge .quiz-card{min-height:430px;width:min(100%,365px)}.challenge .quiz-graphic{height:94px}.case-strip{display:grid;grid-template-columns:1fr;max-width:none;gap:15px;margin-right:0;padding:0;overflow:visible}.case-preview{min-height:210px;width:100%}.case-library-link{margin-top:42px}.bundle{display:block;padding:34px 25px}.bundle-cover{display:block;width:min(60%,220px);margin:35px auto 0}.early-access{padding:30px 23px}.product-art{filter:none}}
@media(prefers-reduced-motion:reduce){.hero-film,.challenge .quiz-card,.episode-console{transform:none}.hero-film video{display:none}.hero-film{background:var(--ink) url('watermelon-poster-v2.jpg') center/cover no-repeat;min-height:350px}.hero-film-meta,.hero-film-bottom{background:var(--ink)}}