/* ============================================================
   Cloud Factory — 2026 "Amalfi Editorial vNext" (v3)
   Block-based, bolder, editorial. GSAP-driven motion.
   Type: Fraunces (display) · Karla (body) · JetBrains Mono (labels)
   Palette: deep ink + terracotta + gold + lemon + azulejo blue.
   ============================================================ */
:root{
  --ink:#14303d; --ink-deep:#0e2530; --navy:#22425a; --blue:#47a2ca; --sky:#cfe8f3;
  --terra:#c0492a; --terra-deep:#9c3319; --red:#a5311f;
  --gold:#c6892f; --gold-deep:#a9711f; --lemon:#f2c744;
  --tile:#2f6da3; --tile-deep:#245a89; --olive:#5f7d3a; --coral:#e0795c;
  --cream:#f5eeda; --paper:#faf4e6; --shell:#fdfaf0; --ink-soft:#1c333d;
  --slate:#3f5460; --slate-2:#5a6f7a; --line:#e7ddc4;
  --maxw:1280px;
  --shadow:0 26px 70px -30px rgba(14,37,48,.55);
  --shadow-sm:0 14px 34px -20px rgba(14,37,48,.55);
  --shadow-card:0 20px 50px -26px rgba(14,37,48,.5);
  --arch:47% 47% 14px 14px / 30% 30% 14px 14px;
  --tileimg:url("assets-v2/tile-azulejo.svg");
  --ease-out:cubic-bezier(.22,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Karla',sans-serif;color:var(--slate);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}
h1,h2,h3,h4,.disp{font-family:'Fraunces',serif;font-weight:600;line-height:1.02;letter-spacing:-.015em;color:var(--ink)}
.script{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:var(--terra)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.mono{font-family:'JetBrains Mono',monospace}
.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-family:'JetBrains Mono',monospace;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;color:var(--terra)}
.eyebrow::before{content:"";width:24px;height:2px;background:currentColor;display:inline-block}
.eyebrow .no{display:none}
.eyebrow.center-eb{justify-content:center}
.center{text-align:center}

/* mediterranean bits */
.awning{background:repeating-linear-gradient(90deg,var(--terra) 0 26px,#fff 26px 52px)}
.seam{height:36px;background:var(--tileimg) repeat-x center/36px 36px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}

/* ---------- Buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:'Karla',sans-serif;font-weight:700;font-size:.98rem;padding:.85em 1.55em;border-radius:100px;border:2px solid transparent;cursor:pointer;transition:background .22s,color .22s,transform .22s var(--ease-out),box-shadow .22s;white-space:nowrap;box-shadow:0 12px 24px -14px rgba(14,37,48,.65)}
.btn svg{width:1.05em;height:1.05em}
.btn-terra{background:var(--terra);color:#fff}
.btn-terra:hover{background:var(--terra-deep);transform:translateY(-2px)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--ink-deep);transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold-deep);color:#fff;transform:translateY(-2px)}
.btn-lemon{background:var(--lemon);color:var(--ink)}
.btn-lemon:hover{background:#e3b62f;transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.7);box-shadow:none;backdrop-filter:blur(4px)}
.btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn-out{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:none}
.btn-out:hover{background:var(--ink);color:#fff}
.btn-sm{padding:.6em 1.15em;font-size:.85rem}
.btn-lg{padding:1em 1.9em;font-size:1.05rem}

/* ============================================================
   NAV (shared-v3.js injected)
   ============================================================ */
.topbar{position:relative;background:var(--ink);color:#fff;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.74rem;letter-spacing:.06em;padding:.6em 1em}
.topbar b{color:var(--lemon);font-weight:700}
nav{position:sticky;top:0;z-index:60;transition:.3s;padding:.55rem 0;background:rgba(250,244,230,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav.transparent{background:transparent;border-color:transparent}
nav.transparent.solid{background:rgba(250,244,230,.9);backdrop-filter:blur(10px);border-color:var(--line);box-shadow:0 10px 30px -24px rgba(14,37,48,.8)}
.navrow{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.navlogo img{height:60px;width:auto;transition:.3s}
.navlogo .w{display:none!important}
.navlogo .c,nav.transparent .navlogo .c{display:block!important}
.navlinks{display:flex;gap:1.7rem;list-style:none;font-weight:600;font-size:.94rem;align-items:center}
.navlinks a,nav.transparent .navlinks a{color:var(--ink);position:relative;padding:.2em 0;transition:.2s}
.navlinks a::after{content:"";position:absolute;left:0;bottom:-3px;height:3px;width:0;background:var(--terra);transition:.25s var(--ease-out);border-radius:2px}
.navlinks a:hover::after,.navlinks a.active::after{width:100%}
.navlinks a.active{color:var(--terra)}
.navright{display:flex;align-items:center;gap:.8rem}
.langtog{display:flex;border:1.5px solid var(--ink);border-radius:100px;overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700}
.langtog button{background:none;border:none;padding:.36em .72em;cursor:pointer;color:var(--ink);font-family:inherit;font-weight:700}
.langtog button.on{background:var(--terra);color:#fff}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:26px;height:2.5px;background:var(--ink);border-radius:2px;transition:.2s}
/* pizza slice peeking behind the Order button, gently "tapping" it */
.order-wrap{position:relative;display:inline-flex;isolation:isolate}
.order-wrap .btn{position:relative;z-index:1}
.order-pizza{position:absolute;left:50%;top:52%;width:40px;height:auto;z-index:0;pointer-events:none;
  transform:translateX(-50%);transform-origin:center top;
  filter:drop-shadow(0 5px 5px rgba(14,37,48,.28));
  animation:pizzaTap 1.7s var(--ease-out) infinite}
@keyframes pizzaTap{
  0%,100%{transform:translateX(-50%) translateY(6px) rotate(0deg)}
  45%{transform:translateX(-50%) translateY(-2px) rotate(-3deg)}
  55%{transform:translateX(-50%) translateY(-2px) rotate(3deg)}
}
.order-wrap:hover .order-pizza{animation-duration:.9s}

/* ============================================================
   HERO — editorial split with rotating seal + parallax
   ============================================================ */
.hero{position:relative;overflow:hidden;background:
   radial-gradient(120% 90% at 84% 0%,rgba(207,232,243,.95),rgba(207,232,243,0) 55%),
   linear-gradient(180deg,var(--paper),var(--cream));
   padding:3.2rem 0 4.8rem}
.hero::before{content:"";position:absolute;inset:0;background:var(--tileimg) repeat;background-size:128px 128px;opacity:.06;z-index:0}
.hero .wrap{position:relative;z-index:3}
.heroinner{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.herocopy{max-width:34em}
.awardpill{display:inline-flex;align-items:center;gap:.55em;background:#fff;border:1px solid rgba(198,137,47,.4);color:var(--gold-deep);font-family:'JetBrains Mono',monospace;font-weight:600;font-size:.74rem;letter-spacing:.04em;padding:.5em 1.05em;border-radius:100px;margin-bottom:1.4rem;box-shadow:var(--shadow-sm)}
.awardpill b{color:var(--ink)}
.hero h1{font-size:clamp(2.9rem,6vw,5.4rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1.15rem}
.hero h1 .word{display:inline-block}
.hero h1 .script{font-size:1.06em}
.herosub{font-size:1.16rem;font-weight:400;max-width:33em;margin-bottom:2rem;color:var(--slate);line-height:1.62}
.herosub b{font-weight:700;color:var(--ink)}
.herocta{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
.herostage{position:relative;isolation:isolate}
.arch-frame{position:relative;aspect-ratio:4/5;border-radius:var(--arch);overflow:hidden;border:10px solid #fff;box-shadow:var(--shadow),0 0 0 3px var(--tile);background:var(--ink)}
.arch-frame video,.arch-frame .heroposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.arch-frame .heroposter{background:linear-gradient(160deg,var(--tile),var(--ink))}
.arch-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,37,48,0) 42%,rgba(14,37,48,.42))}
.keystone{position:absolute;top:-17px;left:50%;transform:translateX(-50%) rotate(45deg);width:32px;height:32px;background:var(--tile);border:3px solid #fff;z-index:4;box-shadow:var(--shadow-sm)}
/* rotating award seal */
.seal{position:absolute;right:-30px;top:auto;bottom:15%;width:126px;height:126px;z-index:6;filter:drop-shadow(0 14px 20px rgba(14,37,48,.32))}
.seal .ring{transform-origin:center;animation:spin 24s linear infinite}
.seal .badge-c{fill:var(--gold)}
.seal .ring text{fill:var(--ink);font-family:'JetBrains Mono',monospace;font-size:7.4px;font-weight:700;letter-spacing:1.1px}
.seal .mid{fill:var(--ink)}
.seal .mid-t{fill:var(--lemon);font-family:'Fraunces',serif;font-weight:900;font-size:22px}
.seal .mid-s{fill:#fff;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:7px;letter-spacing:.4px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero .mascot{position:absolute;left:-46px;top:0;width:min(168px,16vw);z-index:6;filter:drop-shadow(0 18px 22px rgba(0,0,0,.26));animation:float 6s ease-in-out infinite}
.st-float{position:absolute;z-index:4;filter:drop-shadow(0 16px 18px rgba(0,0,0,.28))}
.hero .st-lemon{left:-30px;bottom:8%;width:100px;animation:float 7s ease-in-out infinite}

/* PAGE HERO (interior) */
.pagehero{position:relative;color:#fff;overflow:hidden;padding:8.5rem 0 3.4rem;background:var(--ink)}
.pagehero .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;opacity:.5}
.pagehero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,37,48,.82),rgba(14,37,48,.93))}
.pagehero .wrap{position:relative;z-index:2}
.pagehero h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);margin-bottom:.5rem}
.pagehero p{font-size:1.12rem;max-width:40em;color:rgba(255,255,255,.9)}

/* ============================================================
   MARQUEE (dual layer)
   ============================================================ */
.marquee{background:var(--lemon);color:var(--ink);padding:.85rem 0;overflow:hidden;white-space:nowrap;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.marquee.alt{background:var(--ink);color:var(--lemon);border-top:none}
.marquee .track{display:inline-block;animation:scroll 30s linear infinite;font-family:'Fraunces',serif;font-weight:800;font-size:1.3rem}
.marquee.alt .track{animation-direction:reverse;animation-duration:34s;font-style:italic;font-weight:600}
.marquee .track span{margin:0 1.1rem}
.marquee .dot{color:var(--terra)}
.marquee.alt .dot{color:var(--gold)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   SECTIONS
   ============================================================ */
section{position:relative}
.sec{padding:6.5rem 0}
.sec-head{max-width:680px;margin-bottom:3.2rem}
.sec-head.center{margin-left:auto;margin-right:auto}
.sec-head h2{font-size:clamp(2.1rem,4.6vw,3.6rem);margin:.6rem 0 .9rem;letter-spacing:-.02em}
.sec-head p{font-size:1.12rem;color:var(--slate);line-height:1.62}
.bg-cream{background:var(--cream)}
.bg-ink{background:var(--ink);color:#fff}
.bg-ink h2,.bg-ink h3,.bg-ink h4{color:#fff}
.bg-ink p{color:rgba(255,255,255,.82)}
.bg-ink .eyebrow{color:var(--lemon)}
.bg-sky{background:var(--sky)}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:4.5rem;align-items:center}
.split.rev .txt{order:2}
.lead{color:var(--slate);line-height:1.7;font-size:1.1rem;margin-top:.7rem}
.bg-ink .lead{color:rgba(255,255,255,.84)}

/* feature list */
.flist{list-style:none;margin-top:1.8rem;display:grid;gap:1.1rem}
.flist li{display:flex;gap:1rem;align-items:flex-start;font-size:1.02rem;line-height:1.5}
.flist .ic{flex:0 0 48px;height:48px;display:grid;place-items:center;font-size:1.5rem;background:var(--shell);border-radius:15px;border:2px solid var(--tile);box-shadow:var(--shadow-sm)}
.flist b{font-family:'Fraunces',serif;font-weight:600;display:block;margin-bottom:.1rem;color:var(--ink)}

/* framed image */
.framed{position:relative}
.framed .archimg{position:relative;border-radius:var(--arch);overflow:hidden;border:9px solid #fff;box-shadow:var(--shadow),0 0 0 3px var(--tile);aspect-ratio:4/5}
.framed .archimg img.main{width:100%;height:100%;object-fit:cover}
.framed .st-tag{position:absolute;width:122px;filter:drop-shadow(0 14px 16px rgba(0,0,0,.25));z-index:3}
.framed .st-tag.a{top:-26px;left:-28px;transform:rotate(-9deg)}
.framed .st-tag.b{bottom:-24px;right:-24px;transform:rotate(8deg);width:98px}
.framed .kt{position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(45deg);width:28px;height:28px;background:var(--tile);border:3px solid #fff;z-index:4}

/* ============================================================
   SIGNATURES — cream tiles on ink
   ============================================================ */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.7rem}
.pcard{background:var(--shell);border-radius:20px;padding:1.5rem 1.4rem 1.7rem;text-align:center;transition:transform .3s var(--ease-out),box-shadow .3s;box-shadow:var(--shadow-card);border:1px solid #ece2c8;position:relative;overflow:hidden}
.pcard::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,var(--terra) 0 16px,#fff 16px 32px);opacity:.92}
.pcard:hover{transform:translateY(-10px)}
.pcard .ph{aspect-ratio:1;display:grid;place-items:center;margin:.4rem 0}
.pcard img{width:88%;filter:drop-shadow(0 16px 22px rgba(14,37,48,.35));transition:.5s var(--ease-out)}
.pcard:hover img{transform:rotate(9deg) scale(1.06)}
.pcard h3{font-size:1.2rem;color:var(--ink)}
.pcard .it{font-family:'JetBrains Mono',monospace;color:var(--terra);font-size:.74rem;letter-spacing:.02em;margin:.2rem 0;min-height:1.1em}

/* ============================================================
   LOCATIONS
   ============================================================ */
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.lcard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .28s var(--ease-out)}
.lcard:hover{transform:translateY(-8px)}
.lcard .ph{height:210px;background:var(--sky) center/cover;position:relative;margin:10px 10px 0;border-radius:18px 18px 5px 5px}
.lcard .fmt{position:absolute;top:12px;left:12px;background:var(--ink);color:#fff;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.45em .85em;border-radius:100px}
.lcard .body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}
.lcard h3{font-size:1.55rem;margin-bottom:.3rem}
.lcard .addr{font-size:.95rem;color:var(--slate-2);line-height:1.45;margin-bottom:1rem}
.lcard .acts{margin-top:auto;display:grid;gap:.55rem}
.lcard .btn{width:100%}

/* location detail (interior pages) */
.locdetail{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.gallery img{border-radius:18px;width:100%;height:100%;object-fit:cover;box-shadow:var(--shadow-sm)}
.gallery img:first-child{grid-column:1/3;aspect-ratio:16/10}
.gallery img:not(:first-child){aspect-ratio:1}
.gallery.two img:last-child{grid-column:1/3;aspect-ratio:16/10}
.infopanel{background:#fff;border-radius:24px;padding:1.8rem;box-shadow:var(--shadow);border:1px solid var(--line);position:sticky;top:96px}
.hourtable{border-top:1px dashed #d9e3ea;padding-top:1rem;margin-bottom:1.3rem;display:grid;gap:.4rem;font-size:.9rem}
.hourtable .r{display:flex;justify-content:space-between;color:var(--slate)}

/* ============================================================
   PRIVATISATION / feature band
   ============================================================ */
.feature-band{position:relative;background:var(--terra);color:#fff;border-radius:30px;padding:3.2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;overflow:hidden}
.feature-band::before{content:"";position:absolute;inset:0;background:var(--tileimg) repeat;background-size:132px 132px;opacity:.1;mix-blend-mode:luminosity}
.feature-band>*{position:relative;z-index:1}
.feature-band h2{color:#fff;font-size:clamp(2rem,4vw,3.1rem)}
.feature-band .eyebrow{color:var(--lemon)}
.feature-band .big{font-family:'Fraunces',serif;font-weight:900;font-size:clamp(3.6rem,9vw,7.2rem);line-height:.88;color:var(--lemon)}
.feature-band p{font-size:1.06rem;margin-top:.6rem;line-height:1.6;color:rgba(255,255,255,.92)}
.capacity{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1rem}
.capcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.8rem;text-align:center;box-shadow:var(--shadow-sm)}
.capcard .n{font-family:'Fraunces',serif;font-weight:900;font-size:2.4rem;color:var(--terra);line-height:1}
.collabgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.collab{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.collab .ph{height:150px;background:var(--sky) center/cover}
.collab .b{padding:1.3rem}
.collab .pz{font-family:'JetBrains Mono',monospace;display:inline-block;margin-top:.7rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--terra)}

/* enquiry form */
.enquiry{background:var(--ink);color:#fff;border-radius:30px;padding:3.2rem;display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.enquiry h2{color:#fff}
.form{display:grid;gap:.9rem}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.form input,.form select,.form textarea{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:14px;padding:.85em 1.1em;font-family:inherit;font-size:.95rem;color:#fff}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.55)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--lemon)}
.form textarea{min-height:96px;resize:vertical}

/* ============================================================
   LOYALTY
   ============================================================ */
.loyalty{position:relative;background:linear-gradient(120deg,var(--tile),var(--ink));color:#fff;border-radius:30px;padding:3.2rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;overflow:hidden}
.loyalty::before{content:"";position:absolute;inset:0;background:var(--tileimg) repeat;background-size:132px 132px;opacity:.09}
.loyalty>*{position:relative;z-index:1}
.loyalty h2{color:#fff;font-size:clamp(2rem,4vw,2.9rem)}
.loyalty .eyebrow{color:var(--lemon)}
.loyalty .lead{color:rgba(255,255,255,.9)}
.perks{list-style:none;display:grid;gap:.8rem;margin-top:1.4rem}
.perks li{display:flex;gap:.7rem;align-items:center;font-weight:600}
.perks .tick{width:26px;height:26px;border-radius:50%;background:var(--lemon);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:0 0 26px}
.cardvisual{background:var(--ink-deep);border:2px solid rgba(255,255,255,.22);border-radius:22px;padding:1.7rem;box-shadow:var(--shadow);transform:rotate(-3deg);position:relative;overflow:hidden}
.cardvisual::before{content:"";position:absolute;inset:0;background:var(--tileimg) repeat;background-size:90px 90px;opacity:.13}
.cardvisual>*{position:relative;z-index:1}
.cardvisual .chip{width:44px;height:33px;border-radius:7px;background:linear-gradient(135deg,var(--lemon),var(--gold));margin-bottom:1.6rem}
.cardvisual .pts{font-family:'Fraunces',serif;font-weight:900;font-size:2.5rem;color:var(--lemon);line-height:1}
.cardvisual .nm{font-family:'JetBrains Mono',monospace;margin-top:.3rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}
/* loyalty visual — pizza boxes + membership card */
.loyalty-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:430px}
.lv-boxes{width:clamp(230px,80%,300px);height:auto;transform:rotate(-2deg);filter:drop-shadow(0 26px 30px rgba(0,0,0,.42))}
.loyalty-visual .cardvisual{position:absolute;right:-2%;bottom:0;width:min(250px,64%);margin:0;transform:rotate(-7deg)}
.loyalty-visual .coffee-offer{position:absolute;right:-3%;bottom:0;width:min(238px,66%);transform:rotate(-5deg);background:var(--shell);border:1px solid #ece2c8;border-radius:22px;padding:1.3rem 1.4rem 1.5rem;box-shadow:var(--shadow);text-align:center}
.coffee-offer .co-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--terra);padding:.35em .75em;border-radius:100px;margin-bottom:.5rem}
.coffee-offer img{width:116px;margin:.1rem auto .5rem;filter:drop-shadow(0 12px 14px rgba(14,37,48,.22))}
.coffee-offer b{display:block;font-family:'Fraunces',serif;font-weight:700;font-size:1.16rem;line-height:1.15;color:var(--ink)}
/* story-teaser decorative cutouts — sit just under the Read-our-story button */
.story-deco-row{display:flex;align-items:flex-end;gap:.4rem;margin-top:2.4rem;pointer-events:none}
.story-deco-row img{filter:drop-shadow(0 16px 20px rgba(14,37,48,.22))}
.story-deco-row .deco-plate{width:min(210px,44%);transform:rotate(-4deg)}
.story-deco-row .deco-scissors{width:min(140px,30%);transform:rotate(8deg) translateY(-10px)}
/* clickable press logos */
.presslogos a{display:inline-flex;text-decoration:none;color:inherit}
/* events pizza peel across the band top */
.priv-sec .wrap{position:relative}
.events-peel{position:absolute;top:-104px;right:1%;width:min(760px,68%);z-index:2;pointer-events:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.2))}
/* flying pizza across signatures */
.fly-sec{overflow:hidden}
.fly-sec .wrap{position:relative;z-index:2}
.fly-pizza{position:absolute;top:4%;left:-240px;width:170px;z-index:1;pointer-events:none;filter:drop-shadow(0 16px 22px rgba(0,0,0,.4))}
/* Naples scenery band */
.naples-band{position:relative;background:linear-gradient(180deg,var(--cream),var(--paper));padding:5.2rem 0}
.nb-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
.nb-text h2{font-size:clamp(2.2rem,4.6vw,3.4rem);margin:.5rem 0 .8rem}
.nb-text p{color:var(--slate);font-size:1.08rem;line-height:1.6;max-width:30em}
.nb-window{justify-self:center;width:100%;max-width:390px;border:10px solid #fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(-1.5deg)}
.nb-window img{display:block;width:100%}
/* footer food accents */
footer .wrap{position:relative;z-index:1}
footer::before{content:"";position:absolute;inset:0 0 auto;height:30px;background:#fdfaf0 url('assets-v2/tile-azulejo.svg') center/48px 48px repeat-x;border-top:4px solid var(--lemon);border-bottom:4px solid var(--lemon);box-shadow:0 5px 0 rgba(6,27,38,.34);pointer-events:none;z-index:0}
.foot-deco{position:absolute;z-index:0;pointer-events:none;opacity:.92;filter:drop-shadow(0 12px 16px rgba(0,0,0,.3))}
.fd-cornicello{top:22px;right:2%;width:40px;transform:rotate(10deg)}
/* find-us pizza slice beside the title */
.findus-head{position:relative}
.findus-slice{position:absolute;right:-4%;top:-8px;width:min(150px,17vw);transform:rotate(6deg);z-index:1;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(14,37,48,.2))}
/* reviews — Célia plates scattered on the sky background */
.reviews-sec{overflow:hidden}
.reviews-sec .wrap{position:relative;z-index:1}
.rv-plate{position:absolute;z-index:0;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(14,37,48,.14))}
.rp1{top:-26px;left:1%;width:120px;transform:rotate(-8deg)}
.rp2{top:12%;right:-26px;width:150px;transform:rotate(10deg)}
.rp3{bottom:-30px;left:9%;width:140px;transform:rotate(6deg)}
.rp4{bottom:9%;right:5%;width:104px;transform:rotate(-6deg)}
.rp5{top:40%;left:-28px;width:120px;transform:rotate(8deg)}
.rp6{bottom:-24px;right:24%;width:96px;transform:rotate(-10deg)}
@media(max-width:980px){
  .events-peel{width:90%;top:-80px}
  .findus-slice{width:110px;right:0}
  .nb-inner{grid-template-columns:1fr;gap:2.4rem}
  .nb-text{text-align:center}
  .nb-text .eyebrow{justify-content:center}
  .nb-window{transform:none;max-width:420px}
}
@media(max-width:560px){
  .events-peel{display:none}
  .findus-slice{width:82px;right:2%;top:-4px}
  .rp2,.rp5{display:none}
  .fly-pizza{width:118px}
  .fd-cornicello{width:32px;right:3%}
}
@media(max-width:980px){
  .loyalty-visual{min-height:380px}
}
@media(max-width:560px){
  .loyalty-visual{min-height:320px}
  .lv-boxes{width:64%}
  .loyalty-visual .cardvisual{right:2%;bottom:-2%;width:72%}
  .loyalty-visual .coffee-offer{right:1%;bottom:-2%;width:74%}
  .story-deco-row{margin-top:1.8rem}
  .story-deco-row .deco-plate{width:150px}
  .story-deco-row .deco-scissors{width:100px}
}

/* ============================================================
   AWARDS — poster wall w/ count-up
   ============================================================ */
.awards{position:relative;background:var(--terra);color:#fff;text-align:center;overflow:hidden}
.awards::before{content:"";position:absolute;inset:0;background:var(--tileimg) repeat;background-size:140px 140px;opacity:.09}
.awards .wrap{position:relative;z-index:1}
.awards h2{color:#fff}
.awards .eyebrow{color:var(--lemon)}
.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:1rem}
.acard{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:2.1rem 1.2rem;position:relative;overflow:hidden}
.acard::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--lemon) 0 14px,transparent 14px 28px)}
.acard .n{font-family:'Fraunces',serif;font-weight:900;font-size:2.8rem;line-height:1;color:var(--lemon)}
.acard .l{font-weight:700;margin-top:.5rem;font-size:1rem}
.acard .s{font-family:'JetBrains Mono',monospace;font-size:.72rem;opacity:.85;margin-top:.4rem;letter-spacing:.02em}
.awards .note{margin-top:2.4rem;font-size:1.08rem;opacity:.96}
.awards .note b{font-weight:700;color:var(--lemon)}

/* ============================================================
   PRESS
   ============================================================ */
.press{background:var(--paper);text-align:center;padding:3.2rem 0}
.press p.k{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-2);margin-bottom:1.4rem}
.presslogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.4rem;font-family:'Fraunces',serif;font-weight:700;font-size:1.35rem;color:var(--ink);opacity:.5}
.presslogos span{transition:.2s;cursor:default}
.presslogos span:hover{opacity:1;color:var(--terra)}

/* ============================================================
   REVIEWS
   ============================================================ */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.rcard{position:relative;background:#fff;border-radius:20px;padding:2.4rem 1.7rem 1.7rem;box-shadow:var(--shadow-sm);border:1px solid #e7edf1}
.rcard::before{content:"\201C";position:absolute;top:.2rem;left:1.1rem;font-family:'Fraunces',serif;font-weight:900;font-size:3.6rem;color:var(--tile);opacity:.24;line-height:1}
.stars{color:var(--gold);font-size:1.05rem;letter-spacing:.06em;margin-bottom:.7rem}
.rcard p{font-size:1rem;line-height:1.55;color:var(--ink-soft)}
.rcard .who{margin-top:1rem;font-weight:700;font-size:.94rem;display:flex;align-items:center;gap:.6rem}
.rcard .av{width:36px;height:36px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}

/* FAQ / timeline / founders / statband (interior reuse) */
.faqwrap{max-width:820px;margin:0 auto}
.faq{border:1px solid var(--line);border-radius:16px;margin-bottom:.7rem;overflow:hidden;background:#fff}
.faq summary{padding:1.1rem 1.4rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Fraunces',serif;font-size:1.5rem;color:var(--terra);transition:.2s}
.faq[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 1.4rem 1.2rem;color:var(--slate);line-height:1.6}
.timeline{display:grid;max-width:760px;margin:2rem auto 0}
.tl{display:grid;grid-template-columns:84px 1fr;gap:1.5rem;padding-bottom:2.2rem;position:relative}
.tl::before{content:"";position:absolute;left:41px;top:8px;bottom:-8px;width:2px;background:var(--line)}
.tl:last-child::before{display:none}
.tl .yr{font-family:'Fraunces',serif;font-weight:900;font-size:1.3rem;color:var(--terra)}
.founders{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.founder .ph{width:120px;height:120px;border-radius:50%;margin:0 auto 1rem;background:var(--sky) center/cover;border:4px solid #fff;box-shadow:var(--shadow-sm)}
.founder .role{font-family:'JetBrains Mono',monospace;color:var(--terra);font-weight:600;font-size:.76rem;margin:.2rem 0 .5rem;text-transform:uppercase;letter-spacing:.06em}
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.statband .n{font-family:'Fraunces',serif;font-weight:900;font-size:2.9rem;color:var(--lemon);line-height:1}

/* ============================================================
   CTA / newsletter
   ============================================================ */
.ctastrip{position:relative;background:var(--lemon);color:var(--ink);text-align:center;overflow:hidden}
.ctastrip .wrap{position:relative;z-index:1}
.ctastrip .st-cta{position:absolute;width:112px;z-index:0;opacity:.92;filter:drop-shadow(0 12px 14px rgba(0,0,0,.14))}
.ctastrip .st-cta.l{left:4%;top:20%;transform:rotate(-12deg)}
.ctastrip .st-cta.r{right:4%;bottom:14%;transform:rotate(10deg)}
.ctastrip h2{font-size:clamp(2.1rem,4vw,3.2rem)}
.ctastrip p{max-width:34em;margin:.8rem auto 1.8rem;font-size:1.08rem}
.nform{display:flex;gap:.6rem;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.nform input{flex:1;min-width:220px;border:2px solid var(--ink);background:#fff;border-radius:100px;padding:.9em 1.3em;font-family:inherit;font-size:.98rem;color:var(--ink)}
.nform input:focus{outline:none;border-color:var(--terra)}

/* ============================================================
   FOOTER
   ============================================================ */
footer{position:relative;background:var(--ink);color:#fff;padding:4.8rem 0 2rem}
.footer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding-bottom:2.4rem}
footer .flogo{height:54px;margin-bottom:1rem}
footer .ftag{font-family:'Fraunces',serif;font-style:italic;color:var(--lemon);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.1}
.footer-order{display:grid;gap:.05rem;min-width:min(100%,320px);padding:1.1rem 1.25rem;border:2px solid var(--lemon);border-radius:14px;background:rgba(255,255,255,.04);box-shadow:6px 6px 0 var(--terra);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out)}
.footer-order span{font-family:'JetBrains Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--lemon)}
.footer-order strong{font-family:'Fraunces',serif;font-size:1.35rem;font-weight:700}
.footer-order:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--terra);background:rgba(255,255,255,.08)}
.footer-order:focus-visible{outline:3px solid #fff;outline-offset:5px}
.footer-taralli-stage{min-height:150px;display:grid;place-items:center}
.footer-taralli{display:block;width:150px;max-width:42vw;transform:rotate(-6deg)}
.footer-rail{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.55rem 0 2.7rem}
.footer-nav{position:static;inset:auto;z-index:auto;display:flex;gap:clamp(1rem,2.5vw,2.2rem);flex-wrap:wrap;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.footer-nav a{color:rgba(255,255,255,.78)!important;font-size:.9rem;transition:color .2s;padding:0!important;border:0!important}
.footer-nav a:hover{color:var(--lemon)}
.socials{display:flex;gap:.6rem;margin:0}
.socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:.2s;color:#fff}
.socials a svg{width:19px;height:19px;display:block}
.socials a:hover{background:var(--terra);border-color:var(--terra)}
.fbar{border-top:1px solid rgba(255,255,255,.15);padding:1.4rem 200px 0 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;font-family:'JetBrains Mono',monospace;font-size:.67rem;color:rgba(255,255,255,.5)}
.fbar a{color:rgba(255,255,255,.68);transition:color .2s}
.fbar a:hover{color:#fff}
.fcredits{justify-self:center;display:flex;align-items:center;gap:.55rem;text-align:center}
.flegal{display:flex;gap:1.2rem;flex-wrap:wrap}

/* ============================================================
   MOTION helpers (defaults visible; hidden only when JS arms)
   ============================================================ */
.magnetic{will-change:transform}
.parallax{will-change:transform}
html.gsap-ready .reveal{opacity:0}
html.gsap-ready .reveal-stagger>*{opacity:0}
@media(prefers-reduced-motion:reduce){
  html.gsap-ready .reveal,html.gsap-ready .reveal-stagger>*{opacity:1!important}
  .seal .ring{animation:none}
  .marquee .track{animation:none}
  .hero .mascot{animation:none}
  .order-pizza{animation:none}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .navlinks{position:fixed;inset:0 0 auto 0;top:0;background:var(--ink);flex-direction:column;align-items:flex-start;gap:0;padding:5rem 2rem 2rem;transform:translateY(-100%);transition:.35s var(--ease-out);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
  .navlinks.open{transform:translateY(0)}
  .navlinks a,nav.transparent .navlinks a{color:#fff!important;font-size:1.2rem;padding:.7rem 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}
  .burger{display:flex;z-index:70}
  .heroinner{grid-template-columns:1fr;gap:2.8rem}
  .herocopy{max-width:none;text-align:center;margin:0 auto}
  .eyebrow{justify-content:center}
  .herocta{justify-content:center}
  .herostage{max-width:420px;margin:0 auto;width:100%}
  .hero .st-lemon{display:none}
  .split,.locdetail,.feature-band,.enquiry,.loyalty{grid-template-columns:1fr;gap:2.4rem}
  .split.rev .txt{order:0}
  .infopanel{position:static}
  .pgrid,.collabgrid,.capacity{grid-template-columns:repeat(2,1fr)}
  .agrid,.statband{grid-template-columns:repeat(2,1fr)}
  .rgrid,.founders{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .founders{grid-template-columns:repeat(3,1fr);max-width:none}
  .lgrid{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .footer-head{align-items:flex-start}
  .fbar{grid-template-columns:1fr auto;padding-right:0}.fcredits{grid-column:1/3;grid-row:1;justify-self:start}.flegal{grid-column:1/3;grid-row:2;justify-self:start}
  .form .row{grid-template-columns:1fr}
  .seal{width:98px;height:98px;top:auto;bottom:8%;right:-10px}
}
@media(max-width:560px){
  .wrap{padding:0 18px}
  .sec{padding:4.6rem 0}
  .pgrid,.collabgrid,.capacity,.founders{grid-template-columns:1fr;max-width:340px;margin:0 auto}
  .agrid,.statband{grid-template-columns:1fr 1fr}
  footer{padding-top:3.6rem}.footer-head{display:grid;gap:2rem}.footer-order{width:100%}.footer-taralli-stage{min-height:132px}.footer-taralli{width:122px}.footer-rail{align-items:flex-start;flex-direction:column}.footer-nav{display:grid;grid-template-columns:repeat(2,auto);column-gap:2.2rem}.fbar{grid-template-columns:1fr;gap:.8rem}.fcredits,.flegal{grid-column:1;grid-row:auto;justify-self:start;text-align:left}.fcredits{align-items:flex-start;flex-wrap:wrap}.flegal{margin-top:.2rem}
  .feature-band,.enquiry,.loyalty{padding:2.1rem}
  .hero h1{font-size:2.6rem}
  .ctastrip .st-cta{display:none}
}