@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f6eddf;--ink:#171713;--red:#c7472e;--orange:#f3a13a;--pink:#f2a7a0;--lime:#d8ef62}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}
.page{min-height:100vh;max-width:1440px;margin:auto;padding:28px clamp(22px,5vw,76px) 54px;overflow:hidden;position:relative}
.topbar{display:flex;justify-content:space-between;align-items:center}.wordmark{color:var(--ink);text-decoration:none;font-weight:700;font-size:21px;letter-spacing:-.09em}.wordmark span{color:var(--red)}
.top-note,.eyebrow,.signature,.sticker,.glass-caption,.side-note,.teaser-label,.footer-right,.ticker{font-family:'DM Mono',monospace;letter-spacing:.08em}.top-note{font-size:10px}
.hero{min-height:min(690px,calc(100vh - 180px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:35px 0 20px}
.copy{position:relative;z-index:2;padding:20px 0 40px}.eyebrow{font-size:11px;display:flex;align-items:center;gap:10px}.eyebrow i{width:9px;height:9px;background:var(--red);border-radius:50%}
h1{font-size:clamp(76px,12.5vw,174px);line-height:.76;letter-spacing:-.105em;margin:38px 0 32px;font-weight:700}h1 em{color:var(--red);font-style:normal}.period{color:var(--orange)}
.intro{font-size:clamp(15px,1.45vw,19px);line-height:1.5}.signature{display:flex;align-items:center;gap:12px;margin-top:38px;font-size:11px;cursor:pointer;width:max-content}.signature span{width:42px;height:2px;background:var(--ink)}
.visual{min-height:540px;position:relative;display:grid;place-items:center;background:var(--pink);border-radius:48% 48% 42% 42%/42% 42% 48% 48%;transform:rotate(2deg);margin:0 5% 0 0}
.sun{width:240px;height:240px;border-radius:50%;background:var(--orange);position:absolute;top:8%;right:7%}
.glass-wrap{position:relative;z-index:1;width:min(75%,360px);transform:rotate(-2deg)}.glass{width:100%;overflow:visible;filter:drop-shadow(10px 16px 0 rgba(23,23,19,.08))}
.glass-outline{fill:rgba(255,255,255,.16);stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.vermut{fill:var(--red)}.liquid-line{fill:none;stroke:#f58b65;stroke-width:4}
.orange{fill:#ffb52f;stroke:var(--ink);stroke-width:3}.orange-inner{fill:none;stroke:#f4d46d;stroke-width:4}.orange-detail{fill:none;stroke:#fff0b0;stroke-width:3}.ice{fill:#fff9e8;stroke:var(--ink);stroke-width:3}.ice-shine{fill:none;stroke:white;stroke-width:3}.glass-shine{fill:none;stroke:white;stroke-width:5;stroke-linecap:round;opacity:.75}
.glass-caption{position:absolute;right:-12%;bottom:12%;font-size:10px;line-height:1.6;transform:rotate(-2deg)}
.sticker{position:absolute;z-index:2;top:15%;left:-6%;background:var(--lime);padding:15px 17px;font-size:12px;font-weight:500;line-height:1.25;text-align:center;transform:rotate(-11deg);box-shadow:4px 5px 0 var(--ink)}
.side-note{position:absolute;right:-2%;top:48%;writing-mode:vertical-rl;font-size:10px;transform:rotate(2deg)}
.bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(23,23,19,.35);padding-top:22px;gap:20px}
.teaser{display:flex;flex-direction:column;gap:5px}.teaser-label,.footer-right{font-size:9px}.teaser strong{font-size:clamp(32px,5vw,56px);letter-spacing:-.08em;line-height:1}.teaser strong span{color:var(--red)}
.footer-right{display:flex;flex-direction:column;align-items:end;gap:10px;text-align:right}.tiny{opacity:.55}
.ticker{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--paper);padding:9px 0;font-size:9px}.ticker span{display:inline-block;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:760px){.page{padding:22px 22px 50px}.top-note{font-size:8px}.hero{grid-template-columns:1fr;padding-top:40px;gap:0}.copy{padding:10px 0 0}h1{font-size:clamp(86px,23vw,145px);margin:30px 0 25px}.visual{min-height:410px;width:88%;margin:0 auto 35px}.sun{width:175px;height:175px}.sticker{left:-8%;top:12%}.side-note{right:-7%}.bottom{align-items:start}.footer-right{max-width:145px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}