@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#0b0b0b;--fg:#f3f0e8;--muted:#979797;--line:#2a2a2a;--accent:#d9ff45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0 5vw;z-index:10;mix-blend-mode:difference}nav a{color:white;text-decoration:none;font-size:12px;font-family:"DM Mono";text-transform:uppercase}.brand{margin-right:auto;font-weight:700}.brand span{color:var(--accent)}.hero{height:100svh;min-height:680px;display:flex;flex-direction:column;justify-content:center;padding:10vw;position:relative;overflow:hidden}.hero-orb{position:absolute;width:55vw;height:55vw;max-width:720px;max-height:720px;border-radius:50%;right:-12vw;top:16%;background:radial-gradient(circle at 35% 35%,#fff 0 1%,#d9ff45 2%,#202020 42%,transparent 70%);filter:blur(2px);opacity:.8;animation:float 8s ease-in-out infinite alternate}.eyebrow,.intro span,.cat,.number{font:12px "DM Mono";letter-spacing:.12em;color:var(--muted)}h1{font-size:clamp(64px,12vw,180px);line-height:.83;letter-spacing:-.07em;margin:22px 0;position:relative;z-index:1}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-copy{max-width:470px;font-size:18px;color:#bdbdbd;line-height:1.55;position:relative;z-index:1}.scroll-cue{margin-top:70px;color:var(--fg);text-decoration:none;font:11px "DM Mono";position:relative;z-index:1}.intro{padding:18vh 10vw 8vh;display:flex;justify-content:space-between;align-items:end}.intro h2{font-size:clamp(45px,8vw,110px);line-height:.9;letter-spacing:-.06em;margin:0}.pizza-grid{padding:0 5vw 18vh;display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.pizza-card{grid-column:span 4;min-height:430px;padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden;view-timeline-name:--card;view-timeline-axis:block;animation:card-in linear both;animation-timeline:--card;animation-range:entry 5% cover 35%;transition:background .4s,transform .4s}.pizza-card:nth-child(3n+2){margin-top:100px}.pizza-card:nth-child(3n){margin-top:200px}.pizza-card:hover{background:#151515;transform:translateY(-8px)}.number{position:absolute;right:28px;top:28px}.cat{margin-top:35px}.pizza-card h3{font-size:clamp(25px,3vw,42px);line-height:.95;letter-spacing:-.045em;max-width:330px;margin:auto 0 18px}.pizza-card p{color:#aaa;line-height:1.6;max-width:330px}.card-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:25px;display:flex;justify-content:space-between;font:11px "DM Mono"}.arrow{color:var(--accent);font-size:18px}footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:11px "DM Mono"}footer a{color:var(--fg)}@keyframes card-in{from{opacity:0;transform:translateY(90px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{to{transform:translate3d(-30px,35px,0) scale(1.06)}}.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 25%}@keyframes reveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media(max-width:800px){nav{gap:14px}.hero{padding:25px}.hero-orb{width:90vw;height:90vw;right:-30vw;top:25%}.intro{padding:15vh 25px 8vh;display:block}.intro h2{margin-top:30px}.pizza-grid{display:block;padding:0 15px 15vh}.pizza-card,.pizza-card:nth-child(3n+2),.pizza-card:nth-child(3n){margin:0 0 8px;min-height:370px}h1{font-size:18vw}.hero-copy{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}