@import url("../tokens.css");
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--banner-height) + 1rem)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.72}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.skip{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--color-white);padding:.75rem 1rem}.skip:focus{top:1rem}.promo{background:var(--color-black);color:var(--color-white);min-height:2rem;display:flex;align-items:center;justify-content:center;padding:.35rem 1rem;text-align:center;font-size:var(--text-xs);letter-spacing:.08em}.mast{position:sticky;top:0;z-index:300;background:var(--color-paper-2);border-bottom:3px solid var(--color-black)}.navrow{max-width:1280px;margin:auto;min-height:var(--banner-height);padding:.6rem clamp(1rem,3vw,2.5rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.25rem;align-items:center}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700}.brandmark{display:grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--color-forest);color:var(--color-white);font:700 1.45rem var(--font-display);clip-path:polygon(0 0,85% 0,100% 28%,100% 100%,15% 100%,0 72%)}.brand small{display:block;color:var(--color-muted);font-size:.65rem;letter-spacing:.16em}.navlinks{justify-self:center;display:flex;gap:.2rem}.navlinks a{padding:.55rem .8rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700}.navlinks a:hover,.navlinks a[aria-current=page]{background:var(--color-paper-3);color:var(--color-forest)}.menu{display:none;border:var(--rule);background:var(--color-paper);padding:.55rem .75rem}.cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.65rem 1.15rem;background:var(--color-orange);color:var(--color-orange-dark);border:2px solid var(--color-black);border-radius:var(--radius-sm);font-weight:800;box-shadow:4px 4px 0 var(--color-black);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cta::after{content:"";position:absolute;inset:-60% auto -60% -35%;width:22%;background:var(--color-white);opacity:.55;transform:skewX(-20deg);transition:transform var(--dur-slow) var(--ease-out)}.cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.cta:hover::after{transform:translateX(650%) skewX(-20deg)}.cta:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--color-black)}.hero{max-width:1280px;margin:auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2.5rem) clamp(3rem,6vw,5rem);display:grid;grid-template-columns:minmax(0,1.38fr) minmax(19rem,.62fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.media-main{position:relative;min-width:0}.mainshot{overflow:hidden;border:3px solid var(--color-black);background:var(--color-black);aspect-ratio:16/9}.mainshot img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);animation:breath 14s var(--ease-in-out) infinite alternate}.ticket{position:absolute;left:-.6rem;bottom:1rem;background:var(--color-cyan);color:var(--color-black);border:2px solid var(--color-black);padding:.65rem .85rem;font-weight:800;box-shadow:4px 4px 0 var(--color-pink);transform:rotate(-1deg)}.thumbrail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.7rem}.thumbrail button{padding:0;border:2px solid transparent;background:none;cursor:pointer;aspect-ratio:16/9;overflow:hidden}.thumbrail button:hover,.thumbrail button[aria-pressed=true]{border-color:var(--color-berry)}.thumbrail img{width:100%;height:100%;object-fit:cover}.product{min-width:0}.age{display:inline-block;background:var(--color-berry);color:var(--color-white);padding:.24rem .55rem;font-weight:800;font-size:var(--text-xs)}h1,h2,h3{font-family:var(--font-display);line-height:1.12;margin:0;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(2rem,4.4vw,4rem);margin:.8rem 0 .35rem}h1 small{display:block;font:700 .78rem var(--font-body);letter-spacing:.08em;color:var(--color-muted);margin-top:.7rem}.lede{font-size:var(--text-lg);margin:1.2rem 0}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0}.tag{border:var(--rule);background:var(--color-paper-2);padding:.3rem .55rem;font-size:var(--text-sm)}.storebox{border:3px solid var(--color-black);background:var(--color-white);margin-top:1.2rem}.storetop{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding:1rem}.cover{aspect-ratio:4/3;object-fit:cover;border:var(--rule)}.price{font-weight:800;font-size:var(--text-xl)}.price small{display:block;font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.storebox .cta{width:calc(100% - 2rem);margin:0 1rem 1rem}.trust{display:flex;justify-content:space-between;gap:.6rem;padding:.65rem 1rem;border-top:var(--rule);font-size:var(--text-xs);color:var(--color-muted)}.factbar{background:var(--color-forest-dark);color:var(--color-white)}.facts{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 clamp(1rem,3vw,2.5rem)}.facts div{padding:1rem;border-right:1px solid color-mix(in oklch,var(--color-white) 28%,transparent)}.facts dt{font-size:var(--text-xs);color:var(--color-cyan)}.facts dd{margin:.2rem 0 0;font-weight:700}.section{padding:var(--space-3xl) clamp(1rem,3vw,2.5rem)}.wrap{max-width:1180px;margin:auto}.sectionhead{max-width:48rem;margin-bottom:2.25rem}.sectionhead h2{font-size:clamp(2rem,4vw,3.5rem)}.sectionhead p{color:var(--color-muted);font-size:var(--text-lg)}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:3px solid var(--color-black);border-left:3px solid var(--color-black)}.feature{position:relative;background:var(--color-paper-2);border-right:3px solid var(--color-black);border-bottom:3px solid var(--color-black);padding:2rem;transition:transform var(--dur-med) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.feature:hover{transform:translateY(-4px);background:var(--color-white)}.feature .no{color:var(--color-berry);font-size:var(--text-sm);font-weight:800}.feature h3{font-size:var(--text-2xl);margin:.55rem 0}.feature p{margin-bottom:0}.splitstory{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:center}.splitstory figure{margin:0;border:3px solid var(--color-black);background:var(--color-white);padding:.6rem;transform:rotate(-.5deg);box-shadow:12px 12px 0 var(--color-earth)}.splitstory p{font-size:var(--text-lg)}.galleryband{background:var(--color-black);color:var(--color-white)}.gallerygrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.8rem}.gallerygrid figure{grid-column:span 4;margin:0}.gallerygrid figure:first-child{grid-column:span 8}.galleryopen{display:block;width:100%;padding:0;border:0;background:var(--color-paper-3);cursor:zoom-in;overflow:hidden;aspect-ratio:16/9}.galleryopen img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-med) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.galleryopen:hover img{transform:scale(1.025);filter:brightness(1.08)}figcaption{font-size:var(--text-sm);padding:.55rem 0;color:var(--color-cyan)}.guidecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guidecard{display:block;background:var(--color-white);border:2px solid var(--color-black);padding:1.5rem;box-shadow:5px 5px 0 var(--color-forest);transition:transform var(--dur-fast) var(--ease-out)}.guidecard:hover{transform:translate(-2px,-2px)}.guidecard b{display:block;font:700 var(--text-xl) var(--font-display);margin-bottom:.45rem}.guidecard span{color:var(--color-muted);white-space:normal}.downloadplate{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:2rem;background:var(--color-forest);color:var(--color-white);padding:clamp(1.5rem,4vw,3rem);clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%)}.downloadplate h2{font-size:clamp(2rem,4vw,3.7rem)}.downloadpanel{background:var(--color-paper);color:var(--color-ink);padding:1.4rem;border:3px solid var(--color-black)}.downloadpanel .cta{width:100%}.downloadpanel p{font-size:var(--text-sm);color:var(--color-muted)}.faq{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:3rem}.faq h2{font-size:var(--text-3xl)}details{border-top:2px solid var(--color-black);padding:.9rem 0}summary{cursor:pointer;font-weight:800;white-space:normal;list-style:none;display:flex;justify-content:space-between;gap:1rem}summary::after{content:"+";color:var(--color-berry)}details[open] summary::after{content:"−"}.answer{color:var(--color-muted);padding:.5rem 2rem .2rem 0}.pagehero{background:var(--color-forest-dark);color:var(--color-white);padding:4rem clamp(1rem,3vw,2.5rem)}.pagehero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}.pagehero h1{font-size:clamp(2.3rem,6vw,5.2rem);max-width:15ch}.pagehero p{max-width:42rem;color:var(--color-paper-3)}.crumb{font-size:var(--text-sm);color:var(--color-cyan);margin-bottom:1rem}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.tab{border:2px solid var(--color-black);background:var(--color-paper-2);padding:.6rem .9rem;cursor:pointer}.tab[aria-pressed=true]{background:var(--color-forest);color:var(--color-white)}.prose{max-width:780px}.prose h2{font-size:var(--text-3xl);margin:3rem 0 1rem}.prose h3{font-size:var(--text-xl);margin:2rem 0 .6rem}.prose li{margin:.55rem 0}.toc{border:2px solid var(--color-black);padding:1.25rem;background:var(--color-white);display:grid;gap:.5rem}.toc a{text-decoration:underline;text-decoration-color:var(--color-berry);text-underline-offset:.2rem}.steps{counter-reset:step;display:grid;gap:1rem}.step{counter-increment:step;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;border-bottom:var(--rule);padding:1rem 0}.step::before{content:counter(step);display:grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--color-yellow);border:2px solid var(--color-black);font-weight:800}.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.platform{border:3px solid var(--color-black);background:var(--color-white);padding:1.4rem}.platform.recommended{box-shadow:7px 7px 0 var(--color-orange)}.platform .cta{width:100%;margin-top:1rem}.status{display:inline-block;background:var(--color-forest);color:var(--color-white);padding:.2rem .5rem;font-size:var(--text-xs)}.footer{background:var(--color-black);color:var(--color-white);padding:3rem clamp(1rem,3vw,2.5rem) 6rem}.footgrid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.footgrid h3{font:700 var(--text-sm) var(--font-body);color:var(--color-cyan);margin-bottom:.8rem}.footlinks{display:grid;gap:.5rem}.footlinks a:hover{color:var(--color-orange)}.legal{max-width:1180px;margin:2rem auto 0;border-top:1px solid var(--color-muted);padding-top:1rem;color:var(--color-paper-3);font-size:var(--text-xs);display:flex;justify-content:space-between;gap:1rem}.mobilecta{display:none}.lightbox{width:min(96vw,1200px);border:0;padding:0;background:var(--color-black);color:var(--color-white)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox img{width:100%;max-height:78vh;object-fit:contain}.lightboxbar{display:flex;justify-content:space-between;gap:.75rem;padding:.75rem}.iconbtn{border:1px solid var(--color-white);background:var(--color-black);color:var(--color-white);min-height:2.75rem;padding:.45rem .75rem}.hidden{display:none!important}@keyframes breath{to{transform:scale(1.05)}}
@media(max-width:860px){.navrow{grid-template-columns:auto 1fr auto}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-paper-2);border-bottom:3px solid var(--color-black);padding:1rem;flex-direction:column}.navlinks.open{display:flex}.navrow>.cta{display:none}.menu{display:block;justify-self:end}.hero{grid-template-columns:minmax(0,1fr)}.product{display:grid;grid-template-columns:minmax(0,1fr);}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.features,.splitstory,.downloadplate,.faq,.pagehero .wrap,.platforms{grid-template-columns:minmax(0,1fr)}.gallerygrid figure,.gallerygrid figure:first-child{grid-column:span 6}.footgrid{grid-template-columns:minmax(0,1fr)}.mobilecta{position:fixed;z-index:290;left:.75rem;right:.75rem;bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-white);border:2px solid var(--color-black);padding:.5rem .5rem .5rem .75rem;box-shadow:5px 5px 0 var(--color-black)}.mobilecta small{display:block;color:var(--color-muted)}.footer{padding-bottom:7rem}}
@media(max-width:560px){.brand small{display:none}.promo{font-size:.68rem}.hero{padding-top:1rem}.mainshot{aspect-ratio:4/3}.ticket{font-size:var(--text-xs)}.storetop{grid-template-columns:5rem minmax(0,1fr)}.facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.facts div{padding:.75rem}.features,.guidecards{grid-template-columns:minmax(0,1fr)}.feature{padding:1.3rem}.gallerygrid figure,.gallerygrid figure:first-child{grid-column:span 12}.section{padding-top:4rem;padding-bottom:4rem}.legal{display:block}.mobilecta>div{display:none}.mobilecta .cta{width:100%}.thumbrail{gap:.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}