@view-transition{navigation:auto}
:root{--ink:#16161A;--lime:#C6F432;--paper:#F1EFE8;--signal:#FF1F3D;--bg:var(--ink);--fg:var(--paper);--mut:#B4B2A9;--pill-bg:var(--lime);--pill-fg:var(--ink);--store-bg:#fff;--store-fg:#000;--stripe:repeating-linear-gradient(112deg,transparent 0 26px,rgba(255,255,255,.07) 26px 29px);--gut:max(16px,5vw)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Geist,system-ui,sans-serif;line-height:1.5;background:var(--ink);color:var(--paper);overflow-x:hidden}
h1,h2,h3{font-weight:inherit;font-size:inherit}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #000}
.mark{display:inline-flex;align-items:center;gap:.07em;font-weight:700;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.pill{font-family:Geist,sans-serif;font-weight:700;font-size:.62em;padding:.08em .34em .12em;border-radius:99px;letter-spacing:-.02em;text-transform:none;background:var(--pill-bg);color:var(--pill-fg)}
.d-anton .mark{font-family:Anton,sans-serif;font-weight:400;letter-spacing:0;text-transform:uppercase}
.d-anton .fs h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0}
.brandm,.d-anton .brandm{font-family:Geist,sans-serif;font-weight:700;letter-spacing:-.045em;text-transform:none}
.brandm .pill{background:none;color:inherit;border:max(1.25px,.055em) dashed currentColor}
.ph{aspect-ratio:412/900;overflow:hidden;background:#000;border:6px solid #000;border-radius:26px;outline:1px solid rgba(255,255,255,.18)}
.ph img{width:100%;height:100%;object-fit:cover;object-position:top}
video.ph{width:100%;object-fit:cover}
.noimg{display:flex;align-items:center;justify-content:center;background:#000}
.noimg img{width:46%;height:auto;object-fit:contain;border-radius:20%}
.stores{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.store{min-height:48px;display:inline-flex;align-items:center;padding:0 22px;text-decoration:none;font-weight:500;background:var(--store-bg);color:var(--store-fg);transition:transform .18s ease-out}
.store:hover{transform:translateY(-2px)}
.store-round .store{border-radius:14px}
.store-slash .store{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:0 30px}
.soon{font-size:15px;color:var(--mut)}
.soon.strong{font-weight:500;font-size:16px;color:var(--fg)}
.hero{position:relative;height:clamp(320px,46vh,420px);overflow:hidden;background:var(--ink);color:var(--paper)}
.tx{position:absolute;left:var(--gut);top:50%;transform:translateY(-50%);z-index:2}
.tx .mark{font-size:clamp(60px,9.6vw,140px)}
.tx p{font-size:clamp(20px,2vw,26px);margin:6px 0 6px}
.motion{min-height:44px;background:none;border:0;color:var(--paper);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer;padding:0}
.sw{position:absolute;right:-90px;top:0;bottom:0;width:44%;display:flex;gap:7px;background:#fff;transform:skewX(-20deg);transform-origin:bottom}
.sw i{flex:1;display:block}
.wrap{background:#fff;clip-path:polygon(0 44px,100% 0,100% 100%,0 100%);margin-top:-44px;position:relative}
.row{position:relative;height:max(440px,54vh);overflow:hidden;background:var(--bg);color:var(--fg);clip-path:polygon(0 52px,100% 8px,100% 100%,0 100%)}
.tex{background-image:var(--stripe)}
.copy{position:absolute;top:50%;transform:translateY(-44%);left:var(--gut);width:min(38%,470px);z-index:2}
.alt .copy{left:auto;right:var(--gut);text-align:right}
.alt .stores{justify-content:flex-end}
.copy h2{font-size:clamp(46px,5.8vw,84px)}
.copy h2 a{text-decoration:none}
.copy p{font-size:18px;margin:8px 0 14px}
.see{display:inline-flex;min-height:44px;align-items:center;font-size:16px;margin-top:4px}
.fw{position:absolute;inset:0;clip-path:polygon(50% 0,100% 0,100% 100%,38% 100%);background:rgba(0,0,0,.16)}
.alt .fw{clip-path:polygon(0 0,62% 0,50% 100%,0 100%)}
.film{position:absolute;left:0;top:74px;display:flex;gap:16px;width:max-content;animation:slide 60s linear infinite}
.alt .film{animation-direction:reverse}
.film:hover,.still .film{animation-play-state:paused}
.film .ph{width:172px;flex:none}
@keyframes slide{to{transform:translateX(-50%)}}
.page{background:var(--bg);color:var(--fg)}
.page.tex{background-image:var(--stripe)}
.top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px var(--gut)}
.top>a{text-decoration:none;font-size:24px}
.navs{display:flex;gap:8px}
.menu{position:relative}
.home-top{position:relative;z-index:5}
.home-lang{position:absolute;right:var(--gut);top:14px}
.home-lang summary{background:var(--ink);color:var(--paper);border-color:#fff}
.home-lang div{color:#000}
.menu a[data-lang]{font-size:16px}
.menu summary{min-height:44px;display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:15px;border:1px solid currentColor;list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu div{position:absolute;right:0;top:50px;background:#fff;color:#000;width:260px;max-height:70vh;overflow:auto;z-index:9;padding:6px;border:1px solid #000}
.menu a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 8px;text-decoration:none;font-size:16px}
.menu a:hover,.menu a[aria-current]{background:#ECEAE3}
.menu img{border-radius:8px}
.menu .all{font-size:15px;border-top:1px solid #D3D1C7;margin-top:4px}
.hh{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:center;padding:12px var(--gut) 30px}
.hh h1{font-size:clamp(48px,8.4vw,124px)}
.hh p{font-size:20px;margin:10px 0 16px}
.facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.facts li{font-size:14px;padding:5px 12px;border:1px solid currentColor;border-radius:99px}
.fs{padding:20px 0 12px}
.fs h2{font-size:30px;font-weight:700;letter-spacing:-.03em;padding:0 var(--gut);margin-bottom:12px}
.strip{display:flex;gap:16px;overflow-x:auto;padding:4px var(--gut) 14px;scroll-snap-type:x proximity}
.strip article{flex:0 0 212px;scroll-snap-align:start}
.strip h3{font-size:17px;font-weight:700;margin-top:9px}
.strip p{font-size:15px;color:var(--mut)}
.themes figure{flex:0 0 170px;scroll-snap-align:start}
.themes figcaption{font-size:14px;margin-top:8px}
.themes em{font-style:normal;font-size:12px;padding:1px 6px;background:var(--lime);color:var(--ink);margin-left:2px}
.nextapp{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:30px var(--gut);text-decoration:none;background:var(--bg);color:var(--fg);flex-wrap:wrap;border-top:6px solid #fff}
.nextapp small{font-size:15px}
.nextapp .mark{font-size:clamp(44px,8vw,96px)}
.foot{background:#000;color:#C9C9C9;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px var(--gut);font-size:14px}
.foot nav{display:flex;gap:6px 18px;flex-wrap:wrap}
.foot a{min-height:32px;display:inline-flex;align-items:center}
.draft{flex-basis:100%;font-size:14px}
.draft a{min-height:0;text-decoration:underline}
.legal{padding:48px var(--gut) 90px;max-width:760px;font-size:18px}
.legal h1{font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
.lost{min-height:70vh}
.lost>a{text-decoration:none;font-size:30px;display:inline-block;margin-bottom:40px}
@media(max-width:820px){
 .hero{height:auto;padding:72px 0 76px}
 .tx{position:relative;top:auto;left:auto;transform:none;padding:0 16px}
 .sw{width:34%;right:-70px}
 .row{height:auto;padding:76px 0 22px}
 .copy,.alt .copy{position:relative;top:auto;left:auto;right:auto;transform:none;width:auto;padding:0 16px;text-align:left}
 .alt .stores{justify-content:flex-start}
 .fw,.alt .fw{position:relative;inset:auto;clip-path:none;background:none;height:290px;overflow:hidden;margin-top:0;margin-bottom:18px}
 .film{top:0}
 .film .ph{width:124px}
 .hh{grid-template-columns:1fr}
 .hh>.ph{width:210px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.motion{display:none}@view-transition{navigation:none}}
.legal h2{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:34px 0 10px}
.legal p,.legal ul{margin:0 0 14px;line-height:1.55}
.legal ul{padding-left:22px}
.legal li{margin-bottom:8px}
.legal a{text-decoration:underline}
.legal .table{overflow-x:auto;margin:0 0 14px}
.legal table{border-collapse:collapse;width:100%;font-size:16px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent)}