:root{--paper:#faf8f3;--paper-soft:#f5f1ea;--ink:#211e1b;--muted:#635f59;--line:#e5dfd3;--accent:#c74e00;--navy:#002d5b;--coral:#ff7900;--gold:#deb887;--muted-inverse:#d6d0c7;--shadow-rgb:33 30 27;--space:clamp(1.25rem,5vw,4rem);--display:Georgia,'Times New Roman',serif;--body:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.22,.9,.28,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--body)}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-999px;top:0;background:var(--paper);padding:.75rem;z-index:10}.skip:focus{left:.5rem}.ribbon{background:var(--navy);color:white;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.12em;padding:.35rem}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem var(--space);border-bottom:1px solid var(--line);gap:1rem}.wordmark{text-decoration:none;font-weight:800;font-size:1.25rem;letter-spacing:-.05em}.wordmark span{font-size:.55em;vertical-align:top}.nav-menu{position:relative}.nav-menu summary{cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;list-style:none;font-weight:700}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu nav{position:absolute;right:0;top:3rem;z-index:5;display:grid;gap:.2rem;min-width:13rem;padding:.65rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1rem 2rem rgb(var(--shadow-rgb)/.1)}.nav-menu nav a,.site-footer nav a{padding:.55rem .7rem;text-decoration:none;border-radius:.5rem}.nav-menu nav a:hover,.nav-menu nav a[aria-current=page]{background:var(--paper-soft)}main{overflow:hidden}.hero{min-height:78vh;display:grid;align-items:center;gap:1rem;padding:clamp(3.5rem,9vw,8rem) var(--space);background:var(--paper-soft)}.hero h1{font:700 clamp(2.8rem,9vw,6.5rem)/.98 var(--display);letter-spacing:-.055em;max-width:12ch;margin:.2em 0}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--muted)}.hero-copy{font-size:1.1rem;max-width:36rem;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.5rem;background:var(--accent);color:white;text-decoration:none;border-radius:99px;font-weight:700;margin-top:1rem}.button:hover{filter:brightness(.92)}.art{width:min(100%,28rem);height:auto;justify-self:center;color:var(--navy)}.art-bg{fill:var(--paper);stroke:var(--line);stroke-width:2}.art-lines{fill:var(--gold);stroke:var(--navy);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.art text{font:700 10px var(--body);fill:var(--muted);letter-spacing:.06em}.art-phone .art-lines,.art-tag .art-lines{fill:var(--coral)}.content-section{padding:clamp(3.5rem,8vw,7rem) var(--space);display:grid;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.content-section:nth-of-type(even){background:var(--paper-soft)}.section-copy{max-width:37rem}.content-section h2{font:700 clamp(2rem,6vw,4rem)/1.04 var(--display);letter-spacing:-.04em;margin:.2em 0}.content-section p{color:var(--muted);max-width:38rem}.text-link{font-weight:700;text-decoration-thickness:1px;text-underline-offset:.25em}.chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.chooser-card{display:grid;text-decoration:none;padding:.75rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem;min-width:0}.chooser-card .art{width:100%}.chooser-card span{font-weight:700;padding:.35rem}.chooser-card b{color:var(--accent);float:right}.last{border-bottom:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid article,.buy-box,.site-map a{padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--paper)}.product-grid h2{font-size:1.5rem}.product-hero{min-height:0}.buy-box{max-width:26rem;padding:1.5rem}.price{font-weight:800;font-size:1.25rem;color:var(--ink)!important}.fineprint,.disclosure{font-size:.85rem}.accessory{background:var(--paper-soft)}.faq-list details{padding:1rem 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:700}.site-map{display:grid;grid-template-columns:1fr;gap:.8rem}.site-map a{display:grid;text-decoration:none;gap:.25rem}.site-map a:hover{border-color:var(--accent)}.site-map span{color:var(--muted)}.site-footer{padding:2rem var(--space);background:var(--ink);color:var(--paper)}.site-footer nav{display:flex;flex-wrap:wrap;margin:.75rem -.7rem}.site-footer p{font-size:.85rem;color:var(--muted-inverse)}.disclosure{padding:1rem var(--space) 0;color:var(--muted)}@supports (animation-timeline:view()){.content-section{animation:rise both;animation-timeline:view();animation-range:entry 0% entry 22%}}@keyframes rise{from{opacity:.72;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(min-width:800px){.nav-menu summary{display:none}.nav-menu nav{position:static;display:flex;min-width:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.site-header{padding-top:1rem;padding-bottom:1rem}.hero{grid-template-columns:1.1fr .9fr}.content-section{grid-template-columns:1fr .8fr}.chooser{grid-template-columns:.75fr 1.25fr}.chooser-grid{gap:1rem}.product-hero{grid-template-columns:1.2fr .8fr}.product-hero .art{grid-column:1;grid-row:2}.buy-box{grid-column:2;grid-row:1/3}.site-map{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Navigation stays visible without scripting; small screens can scroll the row. */
.site-header{align-items:center;flex-wrap:wrap}.site-header>nav{display:flex;flex:1 1 100%;gap:.15rem;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.site-header>nav a{display:flex;align-items:center;min-height:44px;padding:.45rem .6rem;text-decoration:none;border-radius:.5rem;font-size:.82rem}.site-header>nav a:hover,.site-header>nav a[aria-current=page]{background:var(--paper-soft)}@media(min-width:800px){.site-header{flex-wrap:nowrap}.site-header>nav{flex:0 1 auto;justify-content:flex-end;overflow:visible}.site-header>nav a{font-size:.95rem}}
