@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/atkinson-hyperlegible-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/atkinson-hyperlegible-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/atkinson-hyperlegible-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/atkinson-hyperlegible-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:"Atkinson Hyperlegible","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.5;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased}@media(max-width: 767px){body{font-size:16px;line-height:1.4}}h1{font-size:21px;line-height:1.2;white-space:nowrap}h2,h3{font-size:18px}h2{margin-bottom:10px}ul{list-style:none}@media(max-width: 767px){.hidden-mobile{display:none !important}}@media(min-width: 768px){.hidden-desktop{display:none !important}}body>header{height:72px;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,.06)}body>header>div{display:flex;align-items:center;gap:32px;height:100%;max-width:1440px;margin:0 auto;padding:0 20px}body>header p{display:flex;align-items:center}body>header p:first-child{gap:10px;font-size:28px;font-weight:700;color:#1a1a1a}body>header p:first-child img{flex-shrink:0;height:44px;width:auto;margin-right:6px}body>header p:first-child svg{flex-shrink:0;width:24px;height:24px;color:#348a96}body>header p:first-child sup{font-size:.55em;vertical-align:super}body>header p:last-child{gap:8px;font-size:16px;color:#5a5a5a;white-space:nowrap}body>header p:last-child svg{flex-shrink:0;width:18px;height:18px;color:#da291c}@media(max-width: 767px){body>header{height:auto}body>header>div{height:auto;min-height:48px;gap:12px;padding:8px 20px}body>header p:first-child{font-size:20px}body>header p:last-child{gap:6px;font-size:13px;line-height:1.25;white-space:normal}body>header p:last-child svg{width:14px;height:14px}}.message{border-bottom:1px solid #e5e5e5}.message p{max-width:1440px;margin:0 auto;padding:14px 20px;font-weight:700}.message.success{background:#e3f3e6;color:#14532d}.message.error{background:#fde8e8;color:#7f1d1d}main{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding:20px 20px 30px;max-width:1440px;margin:0 auto}main>h1{grid-column:1/-1}main>.slideshow{grid-column:1/-1}main>.slideshow>div{position:relative;width:100%;max-height:calc((100svh - 72px)/2);overflow:hidden;border-radius:8px}main>.slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 0s linear 2s}main>.slideshow img.active{opacity:1;z-index:1;transition:opacity 2s ease-in-out}main>header{display:contents}main>header .intro,main>header .price{grid-column:1/-1}main>header .buy-box{display:flex;flex-direction:column;gap:12px;align-self:start;background:#f0f0f0;border-radius:8px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08)}main>header .buy-box:not(.preorder){display:none}main>header .buy-box h2{margin-bottom:0}main>header .buy-box ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:32px;row-gap:5px}main>header .buy-box li{display:flex;align-items:center;gap:10px}main>header .buy-box li svg{flex-shrink:0;width:20px;height:20px;color:#1b4f8c}main>header .buy-box>div,main>header .buy-box>form{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}main>header .buy-box input{flex:0 0 100%;width:100%;min-height:56px;padding:0 16px;font:inherit;color:#1a1a1a;background:#fff;border:1px solid #999;border-radius:8px}main>header .buy-box input::placeholder{color:#5a5a5a}main>header .buy-box input:focus{outline:3px solid #1a1a1a;outline-offset:2px}main>header .buy-box a,main>header .buy-box button{font:inherit;border:0;cursor:pointer;appearance:none;-webkit-appearance:none;flex:1;padding:0 40px;background-color:#eb6300;color:#fff;text-align:center;text-decoration:none;min-height:56px;line-height:56px;border-radius:8px;font-weight:bold;transition:background-color .2s}main>header .buy-box a:hover,main>header .buy-box button:hover{background-color:#993d00}main>header .buy-box a:focus,main>header .buy-box button:focus{outline:3px solid #1a1a1a;outline-offset:2px}main>header .buy-box a .label-mobile,main>header .buy-box button .label-mobile{display:none}main>section .tiles{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}main>section .tiles img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}main>section .tiles h3{margin-top:10px}main>section .tiles p{margin-top:5px}main>section .tiles a{position:relative;display:block;border-radius:8px}main>section .tiles a span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:64px;height:64px;border-radius:50%;background:rgba(26,26,26,.55);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background-color .2s}main>section .tiles a svg{width:32px;height:32px;color:#fff;margin-left:3px}main>section .tiles a:hover span,main>section .tiles a:focus span{background:#649d9a}main>section .tiles a:focus{outline:3px solid #1a1a1a;outline-offset:2px}@media(max-width: 767px){main{grid-template-columns:1fr;gap:8px;padding:10px 20px 30px}main>section{display:contents}main h1{order:1;font-size:clamp(16px,(100vw - 2 * 20px)/17.5,21px)}main>.slideshow{order:2}main>.slideshow>div{max-height:200px}main>header .intro{order:3}main>header .price{order:3}main>header .buy-box{order:4;gap:10px;margin:12px 0;padding:12px}main>header .buy-box>div,main>header .buy-box>form{gap:10px;margin-top:0}main>header .buy-box input{min-height:48px;padding:0 12px}main>header .buy-box a,main>header .buy-box button{min-height:48px;line-height:48px;padding:0 12px}main>header .buy-box a .label-desktop,main>header .buy-box button .label-desktop{display:none}main>header .buy-box a .label-mobile,main>header .buy-box button .label-mobile{display:inline}main>section h2{order:5;scroll-margin-top:10px}main>section .tiles{order:6;grid-template-columns:1fr;gap:20px}}body>footer{background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -2px 8px rgba(0,0,0,.06)}body>footer>div{max-width:1440px;margin:0 auto;padding:20px 20px}body>footer a{color:#1b4f8c;font-weight:700;text-decoration:none}body>footer a:hover{text-decoration:underline}body>footer nav{display:flex;flex-direction:column;gap:5px}body>footer nav h2{margin-bottom:5px}body>footer nav svg{width:20px;height:20px;vertical-align:middle;margin:-1px -3px 0 -6px}body>footer address{display:flex;flex-wrap:wrap;align-items:center;column-gap:32px;row-gap:10px;font-style:normal}body>footer address h2{flex:0 0 auto;margin-bottom:0}body>footer address ul{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:32px;row-gap:5px}body>footer address li{display:flex;align-items:center;gap:10px}body>footer address svg{flex-shrink:0;width:18px;height:18px;color:#1b4f8c}@media(max-width: 767px){body>footer>div{padding:16px 20px}body>footer address{flex-direction:column;align-items:flex-start}body>footer address ul{flex-direction:column}}/*# sourceMappingURL=styles.css.map */