/* Owner direction: grey, black, chrome, rich orange. Same centred reading path. */
:root{--ink:#171719;--acid:#ff5b24;--cream:#ecece9;--pink:#d3d4d2;--line:#17171935;--border:2px solid var(--ink);--shadow:6px 6px 0 #171719;--orange:#ff5b24;--charcoal:#111112;--silver:#e6e7e5}
::selection{background:var(--orange);color:#111112}
body{background:#ecece9;color:#171719}
.notice{background:var(--orange);color:var(--charcoal);font-size:9px;letter-spacing:.11em}
.preview-label{opacity:.7}
.site-header{background:var(--charcoal);color:var(--silver);border-bottom:1px solid #454549}
.wordmark{letter-spacing:-.055em}
.site-header .wordmark{color:#e5e5e3;text-shadow:0 1px 0 #fff,0 2px 0 #747479}
.site-header .wordmark span{text-shadow:none;color:#9d9da0}
.bag-button{color:#171719;border:1px solid #b8b9bc;background:linear-gradient(178deg,#f9f9f7 0%,#bcbec1 46%,#e4e5e6 50%,#a0a3a6 100%);box-shadow:2px 3px 0 #000}
.bag-button span{background:#171719;color:var(--orange)}
.mobile-nav{background:#19191b;color:var(--silver);border-color:#49494e}
.hero{background:var(--charcoal);color:var(--silver);border-bottom:1px solid #454549;padding-top:48px}
.hero .eyebrow{color:#aaaab0}
.hero h1{color:#ededeb}
.hero h1>span{color:var(--orange)}
.hero-description{color:#c0c1c2}
.hero .status{color:#9b9b9f}
.button.ink{background:var(--orange);color:var(--charcoal);border:1px solid #1d1d1e;box-shadow:4px 4px 0 #171719;font-family:var(--body);font-weight:700;letter-spacing:.025em}
.hero .button.ink{border-color:var(--orange);box-shadow:4px 4px 0 #48484b}
.hero .text-link{color:#cbcbce}
.hero-media{background:#1a1a1b;border:1px solid #6a6b70;border-radius:18px;box-shadow:7px 7px 0 #050505}
.hero-media>img{border-radius:17px}
.hero-media figcaption{color:#d4d5d4;font-size:8px}
.hero-media figcaption span{opacity:.6}
.stamp{background:var(--orange);color:var(--charcoal)}
.brand-rail{background:#232325;color:#d0d1d2;border-bottom:1px solid #454549}
.brand-rail i{color:var(--orange)}
.product{background:#e4e5e2}
.product-image{border:1px solid #7b7c7e;border-radius:16px;box-shadow:6px 6px 0 #b5b6b4}
.product-image>span{background:#d7d8d7;color:#161618;border:1px solid #a4a5a8}
.product-copy h3{letter-spacing:-.025em}
.principles{background:#cdcecc;border-color:#7c7d80}
.principles>.eyebrow,.principles .eyebrow{color:#56565b}
.thinking{background:#171719;color:var(--silver);border-color:#55555a}
.thinking>.eyebrow,.thinking .chapter-number{color:var(--orange)}
.thinking-tabs button{border-color:#6e6e74;color:#d6d6d8}
.thinking-tabs button[aria-selected=true]{background:var(--orange);border-color:var(--orange);color:#111112}
.thinking-panels p{color:#b9b9be}
.thinking .fine{color:#a5a5ab}
.routine{background:#dadbd8;border-color:#97989b}
.routine-steps>div>span{background:linear-gradient(170deg,#fff 0%,#b4b6b8 47%,#eeeeec 52%,#b3b5b8 100%);border:1px solid #8b8d91;box-shadow:2px 2px 0 #b5b6b4}
.questions{background:#f0f0ed}
.end-card{background:var(--orange);color:#171719;border-color:#171719}
.end-card .button.ink{background:#171719;color:#f0f0ed;box-shadow:4px 4px 0 #b7380d}
footer{background:#c4c6c5;color:#171719;border-top:1px solid #83858a}
.footer-wordmark{background:#111112;color:#d1d3d3;text-shadow:0 1px 0 #fff,0 3px 0 #62646a,0 6px 0 #26272a;border-top:1px solid #4c4d52}
dialog{background:#ecece9;border-color:#7a7b81;box-shadow:9px 9px 0 #0007}
dialog::backdrop{background:#080809cc}
.dialog-top{border-color:#aaaab0}
.dialog-product-image{border-bottom:1px solid #73747a}
.quantity-control{border-color:#83858a;background:#e0e1df}
.bag-dialog .unavailable{background:#c9cac8;color:#5b5b60;border-color:#a9aaad}
.product-specs>div{border-color:#b9babe}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--orange)}
.end-card a:focus-visible,.end-card button:focus-visible,.notice a:focus-visible{outline-color:#171719}
@media(max-width:700px){.notice{font-size:7px}.hero{padding-top:34px}.hero-media{border-radius:15px}.hero-media>img{border-radius:14px}.button.ink{font-size:11px}.brand-rail{font-size:10px}}
.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:44px auto 0;text-align:left}
.range-card{min-width:0;background:#f0f0ed;border:1px solid #999b9c;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 5px 0 #b5b6b4}
.range-art{height:260px;position:relative;background:#202023;overflow:hidden;display:flex;align-items:center;justify-content:center}
.range-art>img{width:100%;height:100%;object-fit:cover}
.range-pack{background:radial-gradient(ellipse at 50% 100%,#7b7d7f,#242426 65%)}
.pack-code{position:absolute;top:16px;left:18px;color:#bfc0c3;font-size:10px;letter-spacing:.12em}
.concept-pack{width:170px;height:210px;margin-top:30px;padding:17px 14px;border:1px solid #eff0f0;border-radius:10px 10px 20px 20px;background:linear-gradient(115deg,#dadcde,#a8abae 28%,#f6f6f3 53%,#b3b6b9 80%,#dadcde);box-shadow:12px 9px 19px #0007;color:#161618;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}
.concept-pack b{font:900 29px/1 var(--display);letter-spacing:-.06em}.concept-pack>span{font:900 24px/1.02 var(--display);letter-spacing:-.035em}.concept-pack small{font-size:6px;line-height:1.5;letter-spacing:.07em}
.range-stack{background:#ff5b24}.range-stack .pack-code{color:#171719}.range-stack .concept-pack{background:#171719;border-color:#666;color:#e6e7e5;transform:rotate(5deg);box-shadow:-9px 5px 0 #c1c3c5,10px 13px 20px #6c210a66}.range-stack .concept-pack>span{color:#ff5b24}
.range-content{padding:24px;display:flex;flex:1;flex-direction:column}.range-content .eyebrow{font-size:8px}.range-content h3{font:900 clamp(25px,2.8vw,36px)/1.04 var(--display);letter-spacing:-.035em;margin:15px 0}.range-content>p:not(.eyebrow,.fine){font-size:12px;line-height:1.8;margin:0 0 20px}.range-price{margin-top:auto;padding:16px 0;display:flex;flex-direction:column;gap:5px;border-top:1px solid #aaa}.range-price strong{font:900 31px/1 var(--display)}.range-price span{font-size:9px;color:#505054}.range-content .button{width:100%;justify-content:center;padding-inline:12px;font-size:11px}.range-content .fine{font-size:9px;margin-top:14px}.range-featured{border-color:#171719}.range-note{max-width:850px;margin:28px auto 0;line-height:1.8}
.bag-preview-item{text-align:left;border-bottom:1px solid #b9babe;padding:18px 0}.bag-preview-item h3{font:900 23px/1.2 var(--display)}.bag-preview-item p{font-size:12px;line-height:1.7;margin:9px 0}.bag-preview-item button{font-size:12px;min-height:44px}.bag-total{gap:15px}.bag-total strong{white-space:nowrap}
.notice>a{text-decoration:underline;text-underline-offset:3px}.shipping-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 25px;max-width:1180px;margin:32px auto 0;padding:22px;background:#d3d4d2;border:1px solid #a0a1a2;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.04em}.shipping-strip a{font-weight:400;text-decoration:underline;text-underline-offset:4px}.bag-shipping{display:flex;justify-content:space-between;gap:20px;padding:22px 0 0;font-size:12px}.bag-dialog .fine a{text-decoration:underline;text-underline-offset:3px}footer .footer-links{max-width:750px;margin-inline:auto;line-height:1.8}footer .footer-links a{padding:7px 0}.dialog-content .fine a{text-decoration:underline}
@media(max-width:950px){.range-grid{gap:14px}.range-content{padding:18px}.range-content h3{font-size:27px}.range-art{height:230px}.concept-pack{width:145px;height:190px}.concept-pack>span{font-size:21px}}
@media(max-width:700px){.range-grid{grid-template-columns:1fr;max-width:440px;gap:28px;margin-top:30px}.range-art{height:280px}.range-content{padding:25px}.range-content h3{font-size:34px}.range-content>p:not(.eyebrow,.fine){font-size:13px}.range-content .button{max-width:none}.concept-pack{width:180px;height:230px}.concept-pack>span{font-size:29px}.concept-pack small{font-size:7px}.range-price strong{font-size:34px}.range-note{font-size:10px}}
