/* Reset dello scheletro con cui Claude Design avvolge la pagina (l'export non ha <head> suo):
   :root staccato dalle safe area in alto e in basso, body senza margine con font di sistema a 14px.
   Gli stili del sito, più sotto, sovrascrivono il resto come facevano nell'originale. */
:root{color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;font:14px system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
img{max-width:100%}
[hidden]{display:none!important}

/* Barlow e Barlow Condensed: gli stessi file e gli stessi sottoinsiemi che servirebbe Google Fonts */
/* vietnamese */
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url("/assets/barlow-400-italic-vietnamese-BadtuaKt.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url("/assets/barlow-400-italic-latin-ext-BALf98tD.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url("/assets/barlow-400-italic-latin-BjGuzOss.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* vietnamese */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/barlow-400-vietnamese-Dpl4UHAZ.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/barlow-400-latin-ext-HxX4XjxC.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/barlow-400-latin-qiz4-Cze.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* vietnamese */
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/barlow-500-vietnamese-zTViEIzf.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/barlow-500-latin-ext-DOaysfXq.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/barlow-500-latin-BPAOfeC8.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* vietnamese */
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/barlow-600-vietnamese-DcjprdFV.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/barlow-600-latin-ext-B8NK_A3D.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/barlow-600-latin-DILqtrty.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* vietnamese */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/barlow-condensed-500-vietnamese-DjeaNLFD.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/barlow-condensed-500-latin-ext-yA5ONLQ9.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/barlow-condensed-500-latin-BgYH2mbd.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* vietnamese */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/barlow-condensed-600-vietnamese-A5AYRdjN.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/barlow-condensed-600-latin-ext-18ESti3H.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/barlow-condensed-600-latin-DepVgxBB.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* vietnamese */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/barlow-condensed-700-vietnamese-DYeBwlKR.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/barlow-condensed-700-latin-ext-CwuXbfVR.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/barlow-condensed-700-latin-v1xN8_Wq.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Layout: centred 1180px column; cream, sand and brand-red bands; condensed display over a humanist body */
:root{
  --cream:#F7F1E6;--sand:#EFE5D3;--paper:#FFFDF8;--field:#FFFFFF;--seg:#F2EADC;
  --ink:#1F1714;--muted:#5B4F47;--gold:#6F6040;
  --line:#E3D8C5;--line-soft:#E8DECD;--line-2:#CDBFA8;--line-3:#DCCFB9;--dash:#9A8B70;
  --red:#9A1118;--red-deep:#7A0D13;--red-tint:#F3E4E2;
  --on-red:#F7F1E6;--on-red-soft:#F1E4D3;--on-red-label:#EBD9C2;
  --f-text:#E9DFD0;--f-muted:#B9AB98;--f-line:#4A3E37;--f-rule:#3A2F29;
  --shadow:rgba(60,30,10,.14);--shadow-soft:rgba(60,30,10,.08);
  --display:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif;
  --body:Barlow,'Segoe UI',system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--cream)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wrap{width:100%;max-width:1276px;margin-inline:auto;padding-left:max(clamp(16px,4vw,48px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,48px),env(safe-area-inset-right,0px))}
.sec{padding-block:clamp(72px,9vw,128px)}
.sec-b{padding-block:0 clamp(72px,9vw,128px)}
.stack{display:flex;flex-direction:column;gap:48px}
.col{display:flex;flex-direction:column;gap:24px;min-width:0}
.sand{background:var(--sand)}
.rule-top{border-top:1px solid var(--line)}
.skip{position:absolute;left:-9999px;top:8px;z-index:40;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:2px}
.skip:focus{left:16px}

/* type */
.eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.eyebrow a{color:inherit;text-decoration:none}
.eyebrow a:hover{color:var(--red)}
.d1{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(58px,8.4vw,128px);line-height:.88;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.d1.sm{font-size:clamp(52px,7.4vw,112px)}
.d2{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(40px,5vw,68px);line-height:.95;text-transform:uppercase;text-wrap:balance}
.d3{margin:0;font-family:var(--display);font-weight:600;font-size:26px;line-height:1;text-transform:uppercase}
.d3.lg{font-size:clamp(36px,3.6vw,52px);line-height:.95}
.lead{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--muted);max-width:34em}
.big-lead{margin:0;font-size:clamp(20px,1.8vw,24px);line-height:1.5;color:var(--ink)}
.txt{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.txt.sm{font-size:15px;line-height:1.55}
.red{color:var(--red)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:1.5px solid transparent;border-radius:2px;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:var(--red);color:var(--on-red)}
.btn-red:hover{background:var(--red-deep)}
.btn-line{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--cream)}
.btn-cream{background:var(--cream);color:var(--red-deep)}
.btn-cream:hover{background:var(--paper)}
.btn-line-cream{background:transparent;border-color:var(--on-red);color:var(--on-red)}
.btn-line-cream:hover{background:var(--on-red);color:var(--red-deep)}
.btn-sm{min-height:44px;padding:0 20px;font-size:17px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.link-u{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink);box-shadow:inset 0 -2px 0 var(--red);transition:color .2s}
.link-u:hover{color:var(--red)}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--cream);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.hdr.scrolled{box-shadow:0 10px 30px var(--shadow-soft)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}
.logo img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500}
.nav a{text-decoration:none;padding-block:6px;box-shadow:inset 0 -2px 0 transparent;transition:color .2s,box-shadow .2s;white-space:nowrap}
.nav a:hover{color:var(--red)}
.nav a[aria-current="page"]{color:var(--red);font-weight:600;box-shadow:inset 0 -2px 0 var(--red)}
.hdr-right{display:flex;align-items:center;gap:16px}
.lang{display:flex;align-items:center;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.lang a,.lang span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;text-decoration:none}
.lang a:hover{color:var(--red)}
.lang [aria-current="true"]{color:var(--ink)}
.lang span[aria-hidden]{min-width:0;padding-inline:2px}
.menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.mnav{display:none;flex-direction:column;padding-block:4px 24px;border-top:1px solid var(--line)}
.mnav a.m{padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:600;font-size:28px;text-transform:uppercase;text-decoration:none}
.mnav a.m[aria-current="page"]{color:var(--red)}
.mnav .btn{margin-top:20px}
@media (max-width:1060px){
  .nav,.hdr-cta{display:none}
  .menu-btn{display:inline-flex}
  .hdr.open .mnav{display:flex}
  .hdr-in{min-height:64px}
  .logo img{height:40px}
}

/* page enter */
.page{animation:enter .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* hero: stacked display type beside a real pizza turning slowly like a record, bleeding off the edge */
.hero{position:relative;overflow:hidden}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto 1fr;grid-template-areas:"top top" "text stage";align-items:center;column-gap:32px;row-gap:clamp(24px,3vw,40px);min-height:calc(100svh - var(--hdr,75px) - env(safe-area-inset-top,0px));padding-block:clamp(28px,4vw,56px) clamp(72px,8vw,104px)}
.cue{position:absolute;z-index:2;left:50%;bottom:clamp(16px,2.4vw,28px);transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;min-height:44px;padding:4px 12px;border:0;background:transparent;color:var(--muted);font:600 11px var(--body);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.cue::after{content:"";width:1px;height:30px;background:currentColor;transform-origin:top;animation:cue 2.4s ease-in-out infinite}
.cue:hover{color:var(--red)}
@keyframes cue{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.hero-top{grid-area:top;position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.coords{margin:0;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.hero-text{grid-area:text;position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;gap:clamp(28px,3vw,40px)}
.mega{margin:0;font-family:var(--display);font-weight:600;font-size:min(10.4vw,150px,16.5svh);line-height:.84;letter-spacing:-.015em;text-transform:uppercase}
.mega.en{font-size:min(8vw,116px,13svh)}
.mega span{display:block}
.mega .in{padding-left:.9em}
.hero-sub{display:flex;flex-direction:column;gap:24px;max-width:480px}
.proof{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;row-gap:6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.proof li+li::before{content:"·";padding-inline:10px;color:var(--dash)}
.hero-stage{grid-area:stage;position:relative;align-self:stretch;min-height:clamp(360px,min(44vw,68svh),760px)}
.disc{position:absolute;top:50%;right:-16vw;width:clamp(360px,min(44vw,68svh),760px);aspect-ratio:1/1;transform:translateY(-50%);animation:roll 1.4s cubic-bezier(.16,.8,.24,1) both}
.disc::before,.disc::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.disc::before{inset:-5%;border:1px solid var(--line-2)}
.disc::after{inset:-11%;border:1px dashed var(--line-2)}
.disc-shadow{width:100%;height:100%;filter:drop-shadow(0 36px 44px var(--shadow))}
.disc-img{width:100%;height:100%;object-fit:contain;animation:spin 140s linear infinite}
@keyframes roll{from{opacity:0;transform:translate(30%,-50%) rotate(150deg)}to{opacity:1;transform:translate(0,-50%) rotate(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
.tag{position:absolute;z-index:3;left:0;bottom:6%;width:236px;display:flex;flex-direction:column;gap:6px;padding:14px 16px 12px;background:var(--paper);border-radius:3px;outline:1px dashed var(--line-2);outline-offset:-6px;box-shadow:0 20px 40px var(--shadow);transform:rotate(-5deg);animation:tag-in .8s .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes tag-in{from{opacity:0;transform:translateY(18px) rotate(-12deg)}to{opacity:1;transform:rotate(-5deg)}}
.tag-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tag-top b{padding:2px 8px;border-radius:2px;background:var(--red);color:var(--on-red);font:600 15px var(--display);letter-spacing:.02em}
.tag-name{font:600 30px/1 var(--display);text-transform:uppercase}
.tag-kind{font-size:13px;color:var(--muted)}
.tag-row{padding-top:8px;border-top:1px solid var(--line-soft);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.tag-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}
.bars{width:84px;height:24px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 7px,var(--ink) 7px 10px,transparent 10px 12px)}
@media (max-width:900px){
  .hero-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"top" "stage" "text";row-gap:20px;padding-bottom:clamp(40px,8vw,64px)}
  .cue{display:none}
  .hero-stage{min-height:84vw}
  .disc{width:84vw;right:-22vw}
  .tag{bottom:0;width:208px;transform:rotate(-4deg)}
  .tag-name{font-size:26px}
  .mega{font-size:19vw}
  .mega.en{font-size:16.5vw}
}
.ico{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red-tint);color:var(--red)}
.ico.lg{width:52px;height:52px}

/* figures */
.facts{border-block:1px solid var(--line)}
.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fact{display:flex;flex-direction:column;gap:8px;padding:34px 24px;border-left:1px solid var(--line)}
.fact:first-child{border-left:0;padding-left:0}
.fact b{font-family:var(--display);font-weight:600;font-size:clamp(40px,4vw,56px);line-height:1;color:var(--red)}
.fact span{max-width:220px;font-size:15px;line-height:1.5;color:var(--muted)}
@media (max-width:820px){
  .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact{padding:22px 16px}
  .fact:nth-child(odd){border-left:0;padding-left:0}
  .fact:nth-child(n+3){border-top:1px solid var(--line)}
}

/* split */
.split{display:flex;flex-wrap:wrap;align-items:stretch;gap:48px 72px}
.split>*{flex:1 1 440px;min-width:0}
.split.center{align-items:center}
.split.top{align-items:flex-start}
.split.rev{flex-direction:row-reverse}
.cover{width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:4px}
@media (max-width:640px){.cover{min-height:0;height:300px}}
.pillars{border-top:1px solid var(--line)}
.pillar{display:flex;gap:24px;padding-block:22px;border-bottom:1px solid var(--line)}
.pillar>div{display:flex;flex-direction:column;gap:6px}
.num{width:32px;flex-shrink:0;font-family:var(--display);font-weight:600;font-size:20px;color:var(--red)}

/* section heads */
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px}
.sec-head>div:first-child{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.sec-head>p{flex:0 1 400px}

/* photo grids */
.ph{overflow:hidden;border-radius:4px}
.ph img{width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hov:hover .ph img{transform:scale(1.05)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.grid-4 .ph img{aspect-ratio:4/5}
.fig{margin:0;display:flex;flex-direction:column;gap:16px}
.fig figcaption{display:flex;flex-direction:column;gap:6px}
.fig .d3{font-size:24px}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.grid-4{gap:20px 12px}.grid-4 .txt{font-size:14px}}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.step{display:flex;flex-direction:column;gap:14px}
.step .ph img{aspect-ratio:1/1}
.step-t{display:flex;align-items:baseline;gap:10px}
.step-t .n{font-family:var(--display);font-weight:600;font-size:16px;color:var(--red)}
.step-t .d3{font-size:24px}
.step>div:last-child{display:flex;flex-direction:column;gap:8px}
@media (max-width:1000px) and (min-width:701px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .steps{grid-template-columns:1fr;gap:0}
  .step{flex-direction:row;align-items:center;gap:16px;padding-block:14px;border-top:1px solid var(--line-3)}
  .step:last-child{border-bottom:1px solid var(--line-3)}
  .step .ph{flex:0 0 76px}
  .step .ph img{width:76px;height:76px}
}

/* products on home */
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{min-height:44px;padding:0 20px;border:1.5px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink);font:600 15px var(--body);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.tab:hover{border-color:var(--ink)}
.tab[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.tab small{font-size:inherit;font-weight:500;opacity:.7}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.pcard{display:flex;flex-direction:column;gap:18px;padding:28px 24px 24px;background:var(--paper);border:1px solid var(--line-soft);border-radius:4px;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .3s}
.pcard:hover{border-color:var(--line-2);box-shadow:0 18px 40px var(--shadow-soft)}
.pimg{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.pimg img{max-width:92%;max-height:92%;object-fit:contain;filter:drop-shadow(0 16px 20px var(--shadow));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pimg img,.tile:hover .pimg img{transform:scale(1.04) rotate(-3deg)}
.kind{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pname{font-family:var(--display);font-weight:600;font-size:30px;line-height:1;text-transform:uppercase}
.pcard .meta{display:flex;flex-direction:column;gap:6px}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--red)}
.row-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}

/* baking */
.cook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ccard{display:flex;flex-direction:column;gap:18px;padding:32px;background:var(--paper);border:1px solid var(--line-soft);border-radius:4px}
.ccard-h{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--red)}
.ccard-h .d3{color:var(--ink);font-size:28px}
.ccard b{font-family:var(--display);font-weight:600;font-size:clamp(40px,5vw,72px);line-height:.9;color:var(--red)}
@media (max-width:600px){.cook{gap:10px}.ccard{padding:18px 16px;gap:10px}.ccard-h .d3{font-size:20px}.ccard-h svg{display:none}.ccard .txt{font-size:13px}}

/* red band */
.redband{background:var(--red);color:var(--on-red)}
.redband .eyebrow{color:var(--on-red-label)}
.redband .lead{color:var(--on-red-soft);max-width:36em}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 32px;font-weight:500}
.checks li{display:flex;align-items:flex-start;gap:12px}
.checks svg{flex-shrink:0;margin-top:2px}
.photo-54{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:4px}
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;padding-block:clamp(56px,7vw,96px)}
.cta-band>div:first-child{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}

/* certificates */
.certs{display:flex;flex-direction:column;gap:12px}
.certs.row{flex-direction:row;flex-wrap:wrap}
.certs.row .cert{flex:1 1 320px}
.cert{display:flex;align-items:center;gap:20px;padding:22px 24px;background:var(--paper);border:1px solid var(--line-3);border-radius:4px;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.cert:hover{border-color:var(--red);transform:translateY(-1px)}
.cert>div{flex:1;min-width:0}
.cert strong{display:block;font-family:var(--display);font-weight:600;font-size:22px;line-height:1.1;text-transform:uppercase}
.cert span{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.seal{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--red);border-radius:50%;font:700 15px var(--display);color:var(--red)}

/* contact lines */
.clist{display:flex;flex-direction:column;gap:14px}
.cline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:18px;font-weight:600}
.cline .ico{background:var(--cream)}
.sand .cline .ico{background:var(--cream)}
.cline a{text-decoration:none}
.cline a:hover{color:var(--red)}
.cline.addr{font-size:16px;font-weight:400;line-height:1.5;color:var(--muted);flex-wrap:nowrap;align-items:flex-start}
.copy{min-height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font:600 12px var(--body);letter-spacing:.04em;cursor:pointer}
.copy:hover{border-color:var(--ink);color:var(--ink)}
.maps{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:14px;font-weight:600;color:var(--red);text-decoration:none}
.maps:hover{text-decoration:underline;text-underline-offset:3px}

/* form */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:clamp(24px,3vw,40px);background:var(--paper);border:1px solid var(--line-soft);border-radius:4px;align-content:start}
.form-intro{display:flex;flex-direction:column;gap:20px;padding-bottom:4px}
.form-title{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(30px,3vw,40px);line-height:1;text-transform:uppercase}
.needs{margin:0;padding:0;border:0;min-width:0}
.needs legend{padding:0;margin-bottom:12px;font-size:14px;font-weight:600}
.needs-row{display:flex;flex-wrap:wrap;gap:8px}
.pill{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--line-2);border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.pill input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pill:hover{border-color:var(--ink)}
.pill:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--cream)}
.pill:has(input:focus-visible){outline:2px solid var(--red);outline-offset:3px}
.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.field input,.field select,.field textarea{min-height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:2px;background:var(--field);color:var(--ink);font:400 16px var(--body)}
.field textarea{padding:12px 14px;resize:vertical;min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}
.field.bad input{border-color:var(--red)}
.opt{font-weight:400;color:var(--muted)}
.err{font-size:13px;font-weight:500;color:var(--red)}
.full{grid-column:1/-1}
.check{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--muted)}
.check input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--red)}
.check a{color:var(--ink)}
.done{grid-column:1/-1;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-block:24px}
.done .ico{width:56px;height:56px}
.note{font-size:13px;color:var(--muted)}
@media (max-width:640px){.form{grid-template-columns:1fr}}

/* contact page */
.info{display:flex;flex-direction:column;gap:32px}
.info-block{display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid var(--line)}
.info-block:first-child{padding-top:0;border-top:0}
.info-block h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.next li{display:flex;align-items:baseline;gap:16px;font-size:16px;line-height:1.5;color:var(--muted)}
.next li span{width:24px;flex-shrink:0;font-family:var(--display);font-weight:600;font-size:20px;color:var(--red)}

/* footer */
.ftr{background:var(--ink);color:var(--f-text)}
.greca{height:16px;background:url("/assets/greca-DGRqRJrZ.webp") repeat-x;background-size:auto 16px}
.ftr a{color:var(--f-text);text-decoration:none}
.ftr a:hover{color:var(--cream)}
.ftr-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 64px;padding-block:64px 48px}
.ftr-brand{flex:1 1 280px;display:flex;flex-direction:column;gap:18px}
.ftr-brand img{height:56px;width:auto;align-self:flex-start}
.ftr-brand p{margin:0;font-family:var(--display);font-weight:600;font-size:26px;text-transform:uppercase;color:var(--cream)}
.social{display:flex;gap:10px}
.social a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--f-line);border-radius:50%}
.social a:hover{border-color:var(--f-text)}
.ftr-cols{display:flex;flex-wrap:wrap;gap:40px 72px}
.ftr-col{display:flex;flex-direction:column;gap:12px;font-size:15px}
.ftr-col h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--f-muted)}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-block:24px 32px;border-top:1px solid var(--f-rule);font-size:13px;line-height:1.6;color:var(--f-muted)}
.ftr-bottom nav{display:flex;gap:20px}
.ftr-end{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.ftr .brave{display:flex;opacity:.7;transition:opacity .15s}
.ftr .brave:hover,.ftr .brave:focus-visible{opacity:1}
.brave img{height:20px;width:auto}
.ftr-bottom a{color:var(--f-muted);text-decoration:underline;text-underline-offset:3px}

/* inner page heads */
.page-head{display:flex;flex-direction:column;gap:40px;padding-block:clamp(40px,6vw,88px) 48px}
.page-head>div:first-child{display:flex;flex-direction:column;gap:24px}
.two-p{display:flex;flex-wrap:wrap;gap:24px 64px}
.two-p>p{flex:1 1 420px;min-width:0}
.wide-img{width:100%;height:clamp(240px,36vw,520px);object-fit:cover;object-position:50% 45%;border-radius:4px}
.tall-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:45% 50%;border-radius:4px}
.quote{margin:8px 0 0;padding:4px 0 4px 24px;border-left:3px solid var(--red);font:600 clamp(30px,3vw,40px)/1 var(--display);text-transform:uppercase}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.tl{position:relative;display:flex;flex-direction:column;gap:14px;padding-top:28px;border-top:2px solid var(--line-2)}
.tl:first-child{border-top-color:var(--red)}
.tl::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border:2px solid var(--red);border-radius:50%;background:var(--sand);box-sizing:border-box}
.tl:first-child::before{background:var(--red)}
.tl b{font-family:var(--display);font-weight:600;font-size:56px;line-height:.9;color:var(--red)}
@media (max-width:800px){.timeline{grid-template-columns:1fr}}

/* private label */
.feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feat{display:flex;flex-direction:column;gap:16px;padding:28px;background:var(--paper);border:1px solid var(--line-soft);border-radius:4px}
.feat .d3{font-size:24px;line-height:1.05}
@media (max-width:1000px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.feats{grid-template-columns:1fr}}
.who{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.who li{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:2px solid var(--red)}
@media (max-width:800px){.who{grid-template-columns:1fr;gap:28px}}
.pl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pl-steps li{display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--paper);border:1px solid var(--line-soft);border-radius:4px}
.pl-steps .n{font-family:var(--display);font-weight:600;font-size:40px;line-height:1;color:var(--red)}
.pl-steps .d3{font-size:24px;line-height:1.05}
@media (max-width:1000px){.pl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pl-steps{grid-template-columns:1fr}}

/* production */
.head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 64px;padding-block:clamp(40px,6vw,88px) 48px}
.head-row>div{flex:1 1 600px;min-width:0;display:flex;flex-direction:column;gap:24px}
.head-row>p{flex:0 1 380px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.grid-2 .ph img{aspect-ratio:3/2}
.grid-2 article{display:flex;flex-direction:column;gap:18px}
.grid-2 .d3{font-size:32px}
@media (max-width:760px){.grid-2{grid-template-columns:1fr;gap:40px}}
.zigs{display:flex;flex-direction:column;gap:clamp(56px,6vw,88px)}
.zig{display:flex;flex-wrap:wrap;align-items:center;gap:32px 72px}
.zig.rev{flex-direction:row-reverse}
.zig>.ph{flex:1 1 440px;min-width:0}
.zig>.ph img{aspect-ratio:3/2}
.zig>.col{flex:1 1 400px;gap:18px}
.stage{font-family:var(--display);font-weight:600;font-size:20px;color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:var(--cream);font-size:14px;font-weight:600}
.sizes{margin:0;display:flex;flex-direction:column;gap:18px}
.sizes-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:24px 28px;padding:40px 24px;background:var(--sand);border-radius:4px}
.size{display:flex;flex-direction:column;align-items:center;gap:14px;font-family:var(--display);font-weight:600;font-size:22px;text-transform:uppercase;text-align:center}
.size img{object-fit:contain;filter:drop-shadow(0 14px 18px var(--shadow))}
.s28{width:clamp(112px,14vw,168px)}
.s30{width:clamp(120px,15vw,180px)}
.s-any{width:clamp(100px,12.5vw,150px);aspect-ratio:1/1;margin:clamp(6px,1.2vw,15px);display:flex;align-items:center;justify-content:center;border:2px dashed var(--dash);border-radius:50%;color:var(--gold)}
.sizes figcaption{font-size:14px;color:var(--muted);text-align:center}

/* products page */
.cat-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px;padding-block:clamp(40px,6vw,80px) 40px}
.cat-head>div:first-child{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.catalog{display:flex;flex-wrap:wrap;flex-direction:row-reverse;align-items:flex-start;gap:32px;padding-block:0 clamp(72px,9vw,120px)}
.sheet{flex:1 1 420px;min-width:0;position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);scroll-margin-top:84px;background:var(--paper);border:1px solid var(--line-soft);border-radius:4px;overflow:hidden}
.sheet-top{position:relative;display:flex;justify-content:center;padding:36px 32px 24px;background:var(--sand)}
.sheet-top .kind{position:absolute;top:20px;left:24px}
.sheet-img{width:min(300px,78%);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.sheet-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px var(--shadow));animation:turn .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes turn{from{opacity:0;transform:scale(.92) rotate(-14deg)}to{opacity:1;transform:none}}
.sheet-body{display:flex;flex-direction:column;gap:24px;padding:28px 32px 32px}
.sheet-body h2{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(40px,4vw,52px);line-height:.92;text-transform:uppercase}
.sheet-sec{display:flex;flex-direction:column;gap:12px}
.sheet-sec.rule{padding-top:20px;border-top:1px solid var(--line-soft)}
.sheet-sec h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ingr-list{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
.allergens{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.allergen{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:var(--red-tint);color:var(--red-deep);font-size:13px;font-weight:600}
.trace{font-size:13px;color:var(--muted)}
.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--seg);border-radius:4px}
.seg button{min-height:44px;border:0;border-radius:3px;background:transparent;color:var(--muted);font:600 15px var(--body);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}
.cook-row{display:flex;align-items:center;gap:20px}
.cook-row b{font-family:var(--display);font-weight:600;font-size:48px;line-height:1;color:var(--red);white-space:nowrap}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:4px;overflow:hidden}
.specs div{padding:14px 16px;background:var(--paper)}
.specs small{display:block;font-size:12px;color:var(--muted)}
.specs strong{display:block;margin-top:2px;font-size:15px}
.sheet .btn-row .btn{flex:1 1 180px;font-size:18px}
.tiles{flex:999 1 540px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.tile{display:flex;flex-direction:column;gap:14px;padding:20px 20px 22px;background:var(--paper);border:2px solid var(--line-soft);border-radius:4px;color:var(--ink);text-decoration:none;transition:border-color .2s}
.tile:hover{border-color:var(--line-2)}
.tile[aria-current="true"]{border-color:var(--red)}
.tile .pimg img{max-width:88%;max-height:88%}
.tile .pname{font-size:26px}
.tile>div:last-child{display:flex;flex-direction:column;gap:4px}
@media (max-width:900px){.sheet{position:static}}
@media (max-width:480px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{padding:14px 14px 16px}.tile .pname{font-size:22px}.sheet-body{padding:24px 20px}.sheet-top{padding-inline:20px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}