@font-face{font-family:Anton;src:url('./fonts/anton-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('./fonts/instrument-serif-latin-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('./fonts/dm-sans-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--background:#e5c02e;--ink:#111111;--paper:#ffffff;--muted:#111111;--phone-width:clamp(255px,21vw,326px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px;background:var(--background)}
body{margin:0;background:var(--background);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:12px 20px;z-index:100}
.skip-link:focus{top:16px}
.page{width:min(100%,1680px);min-height:100svh;margin:0 auto;padding:30px clamp(24px,5vw,80px) 0;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px}
.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;min-height:44px}
.brand-eye{width:49px;height:40px;object-fit:contain}
.brand-wordmark{width:150px;height:auto}
.strapline{font-size:12px;letter-spacing:.23em;text-transform:uppercase;text-align:right;font-weight:500;margin:0}
.poster{margin:35px 0 0;flex:1}
.headline{width:100%;margin:0;overflow:visible}
.headline-word{display:block;width:max-content;color:var(--paper);font-family:Anton,'Arial Narrow',Impact,sans-serif;font-weight:400;font-size:var(--headline-size,21.1vw);line-height:.98;letter-spacing:-.014em;white-space:nowrap}
.composition{display:grid;grid-template-columns:minmax(0,1fr) var(--phone-width) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(18px,2.2vw,35px);position:relative;align-items:start;margin-top:1px}
.phrase{display:contents}
.phrase-left{grid-column:1;grid-row:1;font-family:Anton,'Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(80px,11.9vw,185px);letter-spacing:-.035em;line-height:1.05;text-align:right;white-space:nowrap;padding-top:0}
.phrase-right{grid-column:3;grid-row:1;font-family:Instrument,Georgia,serif;font-size:clamp(91px,13.3vw,210px);font-weight:400;font-style:italic;letter-spacing:-.06em;line-height:.96;white-space:nowrap;padding-top:4px}
.phone{grid-column:2;grid-row:1 / 3;position:relative;z-index:2;width:var(--phone-width);margin:calc(clamp(72px,8.3vw,129px) * -1) 0 0;align-self:start}
.phone img{width:100%;height:auto}
.intro{grid-column:1;grid-row:2;align-self:end;padding:24px 0 7px}
.intro-sub{font-size:clamp(15px,1.25vw,19px);line-height:1.5;color:var(--muted);margin:0 0 20px;letter-spacing:-.025em}
.store-link{display:inline-block;width:168px;max-width:100%;line-height:0}
.store-link img{width:100%;height:auto}
.download-qr{grid-column:3;grid-row:2;align-self:end;justify-self:end;text-align:center;padding:18px 0 7px}
.qr-link{display:block;width:132px;margin-left:auto;margin-right:auto}
.qr-link img{width:100%;height:auto}
.qr-caption{font-size:14px;line-height:1.4;color:var(--ink);margin:0}
.footer{margin-top:42px;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}
.copyright{margin:0;display:flex;align-items:center;gap:9px;white-space:nowrap}
.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(20px,2.5vw,40px)}
.footer-links a,.cookie-link{display:inline-flex;align-items:center;min-height:44px;position:relative;font-size:14px}
.footer-links a:after{content:'';position:absolute;height:1px;background:currentColor;left:0;right:0;bottom:9px;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.footer-links a:hover:after{transform:scaleX(1)}
.cookie-link{border:0;background:none;padding:0;color:var(--muted)}
.cookie-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.socials{display:flex;align-items:center;gap:18px}
.socials a{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;transition:opacity .18s ease}
.socials a:hover{opacity:.65}
.socials img{width:24px;height:24px;object-fit:contain;filter:brightness(0)}
.popup{border:0;border-radius:12px;background:var(--paper);color:var(--ink);padding:0;width:min(800px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 24px 80px #0003;overflow:hidden}
.popup:not([open]){display:none}
.popup::backdrop{background:#11111166;backdrop-filter:blur(6px)}
.popup-head{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 12px;gap:24px}
.popup-title{margin:0;font-size:27px;font-weight:500;letter-spacing:-.04em}
.popup-close{border:0;background:transparent;color:var(--ink);flex:0 0 44px;width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:29px;line-height:1;font-weight:400}
.popup-close:hover{background:#f2f0e9}
.popup-text{padding:25px 30px 32px;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 150px);font-size:16px;line-height:1.7;color:var(--ink);scrollbar-color:#77736a #ffffff}
.popup-text p{margin:0 0 18px}
.popup-text h2{color:var(--ink);font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:29px 0 13px}
.popup-text h2:first-child,.popup-text p:first-child{margin-top:0}
.popup-text h2 strong{font-weight:500}
.popup-text ul{padding-left:22px}
.popup-text li{margin:7px 0}
.popup-text a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.modal-open{overflow:hidden}
#popup-contact{width:min(620px,calc(100% - 32px))}
.contact-channels{display:flex;flex-wrap:wrap;gap:26px;margin-top:23px}
.contact-channels a{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:48px;padding:10px 0;color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px}
.contact-channels a:hover{text-decoration-thickness:2px}
.contact-channels img{width:28px;height:28px;flex:0 0 28px;object-fit:contain;filter:brightness(0)}
#zsfeedbackwidgetdiv:empty{display:none}
#zsfeedbackwidgetdiv:not(:empty){margin-top:25px}
.consent{position:fixed;z-index:15;right:24px;bottom:20px;max-width:405px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:21px 22px;background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 12px 40px #0003}
.consent[hidden]{display:none}
.consent h2{font-size:18px;font-weight:500;letter-spacing:-.02em;margin:0 0 10px}
.consent p{font-size:14px;line-height:1.5;color:var(--ink);margin:0 0 17px}
.consent p a{text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;gap:10px}
.consent-actions button{border:0;border-radius:4px;padding:11px 14px;color:var(--ink);background:transparent;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.consent-actions [data-consent='allow']{color:var(--paper);background:var(--ink);text-decoration:none}
.consent-actions button:hover{opacity:.8}
noscript p{text-align:center;color:var(--muted);font-size:14px}
@media(min-width:1680px){.headline-word{font-size:350px}}
@media(max-width:1080px) and (min-width:761px){:root{--phone-width:25vw}.page{padding-left:32px;padding-right:32px}.phrase-left{font-size:11.4vw}.phrase-right{font-size:12.8vw}.composition{column-gap:16px}.intro-sub{font-size:15px}.store-link{width:156px}.footer-links{gap:18px}.footer{font-size:13px}.strapline{max-width:260px;line-height:1.6}}
@media(max-width:760px){
 .page{padding:24px 22px 0;max-width:560px}
 .masthead{gap:18px;align-items:center;min-height:37px}
 .brand{gap:9px}.brand-eye{width:35px;height:29px}.brand-wordmark{width:108px}
 .strapline{max-width:127px;font-size:12px;line-height:1.45;letter-spacing:.07em}
 .poster{margin-top:39px}
 .headline-word{font-size:21.1vw;line-height:1.05;letter-spacing:-.01em}
 .composition{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:0;margin-top:7px}
 .phrase{display:flex;grid-column:1 / -1;grid-row:1;align-items:baseline;justify-content:center;gap:clamp(8px,2vw,12px);white-space:nowrap}
 .phrase-left{font-size:clamp(49px,14.3vw,76px);line-height:1;text-align:left;padding:0}
 .phrase-right{font-size:clamp(49px,16vw,92px);line-height:1;letter-spacing:-.035em;text-align:left;padding:0}
 .phone{grid-column:1 / -1;grid-row:2;width:clamp(235px,67vw,300px);max-width:100%;margin:28px auto 0}
 .intro{grid-column:1 / -1;grid-row:3;text-align:center;padding:24px 0 0}
 .intro-sub{font-size:16px}
 .store-link{width:168px}
 .download-qr{grid-column:1 / -1;grid-row:4;justify-self:center;padding:29px 0 0}
 .footer{margin-top:35px;min-height:140px;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:15px 0 17px}
 .footer-links{order:-1;width:100%;justify-content:space-between;gap:15px}
 .footer-links a,.cookie-link{font-size:14px}
 .copyright{font-size:12px}
 .socials{gap:13px}.socials img{width:22px;height:22px}
 .popup-head{padding:18px 20px}.popup-title{font-size:24px}.popup-text{padding:22px 20px 28px;font-size:16px}
 .consent{right:16px;bottom:16px;max-height:calc(100dvh - 32px)}.consent-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
