@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--black:#101010;--white:#f4f1eb;--red:#e52a22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}header{height:108px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #ffffff24}.brand img{width:93px;height:84px;object-fit:contain}nav{display:flex;gap:34px;font-size:13px}nav a:hover{color:#ff5b50}.small{background:transparent;color:white;border:1px solid #ffffff70;border-radius:30px;padding:14px 22px;font-size:13px}.small span{margin-left:30px}.hero{height:max(780px,100svh);max-height:1100px;position:relative;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:69%;height:100%;will-change:transform;transform:translateY(var(--parallax,0px)) scale(1.08)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center;animation:photoEnter 1.8s ease-out}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101010 0%,#10101020 55%),linear-gradient(0deg,#101010 0%,transparent 35%,#0006 100%)}.hero-copy{position:relative;z-index:2;padding:190px 0 110px 8%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;border-radius:100%;background:var(--red)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(100px,11.8vw,184px);font-weight:800;line-height:.86;letter-spacing:-3px;margin:30px 0}em{font-style:normal;color:var(--red)}.intro{font-size:16px;line-height:1.65;color:#d2ccc4;margin:28px 0}.primary{background:var(--red);border:0;color:white;padding:19px 25px;border-radius:3px;display:inline-flex;align-items:center;gap:45px;font-size:13px;font-weight:700;transition:background .25s,transform .25s}.primary:hover{background:#ff4035;transform:translateY(-3px)}.round-stamp{position:absolute;right:7%;bottom:135px;border:1px solid #ffffff65;border-radius:50%;width:140px;height:140px;text-align:center;padding:27px 0;font-size:10px;letter-spacing:2px;transform:rotate(12deg);backdrop-filter:blur(10px)}.round-stamp b{font-size:38px;line-height:1.3}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#ccc}.ticker{background:var(--red);overflow:hidden;padding:22px 0;transform:rotate(-1.5deg);width:100%;position:relative;z-index:3}.ticker div{white-space:nowrap;width:max-content;font:700 33px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;animation:ticker 30s linear infinite}.ticker b{margin:0 35px;color:#101010}.section{padding:110px 8%}.flavors{background:var(--white);color:var(--black);padding-top:110px}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8885;padding-bottom:22px}.section-top>span{font-size:10px;letter-spacing:1px;color:#777}.flavor-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:60px 0 50px}h2{font-size:clamp(64px,7vw,110px);font-weight:700;line-height:.95;letter-spacing:-1px}.flavor-heading>p{font-size:14px;line-height:1.6;color:#666;padding-bottom:6px}.flavor-stage{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.flavor-visual{position:relative;height:470px;overflow:hidden;background:#332719}.flavor-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s,opacity .3s;transform:scale(1.04)}.flavor-visual:hover img{transform:scale(1.12) rotate(3deg)}.image-note{position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:1.5px;color:white;background:#0007;padding:6px}.flavor-number{position:absolute;right:20px;top:10px;font:600 80px 'Barlow Condensed';color:#fff8}.flavor{width:100%;background:none;color:inherit;border:0;border-bottom:1px solid #bbb;display:flex;text-align:left;align-items:center;gap:20px;padding:28px 0}.flavor>span{font-size:11px;color:#888}.flavor h3{font-size:33px;line-height:1.1}.flavor p{font-size:12px;line-height:1.6;margin-top:9px;color:#777;max-height:0;opacity:0;transition:.3s}.flavor.active p{max-height:60px;opacity:1}.flavor b{margin-left:auto;font-size:25px;font-weight:400}.flavor.active h3,.flavor.active b{color:var(--red)}.menu-note{font-size:10px;color:#888;line-height:1.6;margin-top:25px}.text-button{background:none;border:0;padding:22px 0 5px;color:var(--black);font-size:13px;font-weight:700;border-bottom:1px solid}.essence{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:130px;padding-bottom:130px}.essence-image{height:640px;overflow:hidden;transform:rotate(-3deg)}.essence-image img{width:100%;height:100%;object-fit:cover;object-position:70%;transform:scale(1.1)}.essence h2{margin:30px 0}.essence-copy>p:not(.eyebrow){color:#aaa;font-size:14px;line-height:1.8;max-width:350px;margin-top:16px}.signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:32px;margin-top:38px}.signature small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:12px;color:#888}.delivery{background:var(--white);color:var(--black)}.delivery-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding-top:65px}.delivery h2{font-size:clamp(70px,8vw,124px)}.delivery-info{padding-top:5px}.big-arrow{font-size:70px;line-height:1}.delivery-info>p{font-size:20px;line-height:1.5;margin:25px 0}.address{border-top:1px solid #ccc;margin-top:40px;padding-top:26px}.address small{font-size:9px;letter-spacing:1px;color:#777;display:block;line-height:1.7}.address p{font-size:14px;line-height:1.8;margin:14px 0}.address a{display:inline-block;font-size:12px;border-bottom:1px solid;margin-bottom:20px}footer{padding:50px 8%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer img{width:100px}footer p{font:600 27px 'Barlow Condensed';line-height:1}footer a,footer small{font-size:10px;color:#aaa;line-height:1.7}dialog{background:var(--white);color:var(--black);border:0;padding:55px;max-width:520px;width:90%;border-radius:6px}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}dialog h2{font-size:66px;margin:25px 0}dialog>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#666;margin-bottom:25px}.close{position:absolute;top:15px;right:20px;border:0;background:none;font-size:28px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-45%)}}@keyframes photoEnter{from{transform:scale(1.12) rotate(2deg)}to{transform:scale(1)}}
@media(min-width:1600px){.hero-copy{padding-top:230px}}@media(max-width:760px){header{height:88px;padding:8px 6%}.brand img{width:74px;height:70px}nav{display:none}.small{font-size:11px;padding:12px 16px}.small span{margin-left:12px}.hero{height:850px;max-height:none}.hero-photo{width:100%;height:75%;top:25%;opacity:.8}.photo-shade{background:linear-gradient(180deg,#101010,transparent 40%,#101010 100%),linear-gradient(90deg,#10101080,transparent)}.hero-copy{padding:145px 6% 0}.hero h1{font-size:112px;letter-spacing:-2px;margin-top:26px}.intro{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.3px}.round-stamp{width:104px;height:104px;font-size:8px;padding:17px 0;bottom:100px;right:6%}.round-stamp b{font-size:26px}.hero-bottom{left:6%;right:6%;gap:25px;line-height:1.7}.hero-bottom>span:first-child{display:none}.section{padding:70px 6%}.section-top>span{display:none}.flavor-heading{display:block;margin:40px 0 30px}.flavor-heading>p{margin-top:25px}h2{font-size:67px}.flavor-stage,.essence,.delivery-grid{grid-template-columns:1fr;gap:35px}.flavor-visual{height:350px}.flavor h3{font-size:30px}.flavor{padding:23px 0}.essence-image{height:430px;margin:10px 10px 20px}.essence-copy>p:not(.eyebrow){max-width:none}.delivery-grid{padding-top:40px}.delivery h2{font-size:71px}.big-arrow{display:none}.delivery-info{padding-top:0}.delivery-info>p{font-size:18px;margin-top:0}footer{padding:40px 6%;flex-wrap:wrap}footer img{width:80px}footer p{font-size:23px}footer small{width:100%}dialog{padding:40px 25px}dialog h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-photo{transform:none!important}}
html,body{overflow-x:hidden}.hero-photo{overflow:hidden}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101010 0%,transparent 45%);pointer-events:none}.hero-copy{pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}

.map-block{margin-top:75px;border-top:1px solid #ccc;padding-top:35px}.map-caption{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}.map-caption h3{font-size:52px;line-height:1;margin-top:18px}.map-caption>div>p:not(.eyebrow){font-size:13px}.map-route{display:inline-block;font-size:13px;border-bottom:1px solid;margin:15px 0}.map-caption small{display:block;font-size:10px;color:#777}.map-block iframe{display:block;width:100%;height:400px;border:0;filter:none}.social-links{display:flex;flex-direction:column;gap:10px}.social-links a:hover{color:var(--white)}.whatsapp-float{position:fixed;z-index:20;right:24px;bottom:22px;background:#101010;color:#fff;border:1px solid #ffffff60;border-radius:30px;box-shadow:0 5px 25px #0003;padding:15px 20px;font-size:12px}.whatsapp-float:hover{background:var(--red)}
@media(max-width:760px){.map-caption{display:block}.map-caption>div+div{margin-top:25px}.map-block iframe{height:330px}.whatsapp-float{right:15px;bottom:15px;padding:13px 17px}.social-links{width:100%}footer{padding-bottom:85px}}

/* Pizza hero: separate transforms keep floating, scroll and rotation independent. */
.hero{isolation:isolate;background:radial-gradient(ellipse at 80% 45%,#341b13 0%,#18120f 27%,#101010 63%)}
.hero-photo{top:120px;right:-5%;width:65%;height:calc(100% - 170px);display:flex;align-items:center;justify-content:center;overflow:visible;transform:translateY(var(--parallax,0px));pointer-events:none}
.hero-photo:after{display:none}.pizza-float{width:min(100%,800px);aspect-ratio:1;animation:pizzaFloat 7s ease-in-out infinite;filter:drop-shadow(0 35px 36px #0009);will-change:transform}.hero-photo .pizza-rotating{display:block;width:100%;height:100%;object-fit:contain;animation:pizzaSpin 55s linear infinite;will-change:transform}.pizza-orbit{position:absolute;width:103%;aspect-ratio:1;border:1px solid #ffffff10;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.pizza-orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #ffffff12;border-radius:50%}.hero-image-note{position:absolute;right:19%;bottom:0;font-size:8px;letter-spacing:2px;color:#ffffff75}.hero-copy{z-index:2}.round-stamp{z-index:3;right:5%;bottom:105px;background:#1010109c}.hero-copy .intro{text-shadow:0 2px 12px #101010}.hero h1{text-shadow:0 5px 40px #10101035}
@keyframes pizzaSpin{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@keyframes pizzaFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-22px) rotate(2deg)}}
@media(max-width:760px){.hero{height:970px}.hero-photo{top:480px;right:-10%;width:107%;height:430px;opacity:1;transform:none}.pizza-float{width:440px;max-width:100%}.hero-copy{padding-top:140px}.hero h1{font-size:112px}.round-stamp{right:5%;bottom:115px;width:95px;height:95px;font-size:7px;padding:16px 0}.round-stamp b{font-size:24px}.hero-image-note{right:36%;bottom:8px}.hero-photo .pizza-rotating{animation-duration:65s}.pizza-orbit{width:100%}}
@media(prefers-reduced-motion:reduce){.pizza-float,.hero-photo .pizza-rotating{animation:none!important;will-change:auto}.hero-photo{transform:none!important}}