/* Pinna Autoservizi – design 2026 (Blu notte & Champagne)
   Tutte le regole valgono solo dentro <body class="pinna-site">. */

:root {
  --bg:#080c16; --bg-2:#0c111e; --bg-3:#131a2b; --bg-rgb:8,12,22;
  --accent:#d6bc8f; --accent-2:#eedbb6; --accent-rgb:214,188,143;
  --text:#ece7de; --muted:#a4aab0; --line:rgba(236,231,222,.1);
  --paper:#efe9df; --paper-2:#e5ddd0; --ink:#0d1220; --ink-m:#5e6460; --line-l:rgba(13,26,28,.13);
  --bone:#f3eee5;
  --display:'Cormorant Garamond', Georgia, serif; --sans:'Manrope', 'Helvetica Neue', Arial, sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}

html.lenis, html.lenis body { height:auto; }
.lenis.lenis-smooth { scroll-behavior:auto !important; }
.lenis.lenis-stopped { overflow:hidden; }

/* reset (solo dentro il sito Pinna) */
.pinna-site *, .pinna-site *::before, .pinna-site *::after { box-sizing:border-box; margin:0; padding:0; }
body.pinna-site { margin:0 !important; padding:0 !important; font-family:var(--sans); font-weight:400; font-size:16px; line-height:1.5; text-rendering:optimizeLegibility; font-kerning:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background:var(--bg); color:var(--text); overflow-x:hidden; }
body.pinna-site.loading { overflow:hidden; }
.pinna-site a, .pinna-site a:hover, .pinna-site a:focus, .pinna-site a:visited { color:inherit; text-decoration:none; }
.pinna-site button, .pinna-site input, .pinna-site select { font:inherit; color:inherit; }
.pinna-site ul, .pinna-site ol { list-style:none; }
.pinna-site img { max-width:100%; height:auto; }
.pinna-site ::selection { background:var(--accent); color:var(--bg); }

/* nasconde eventuali header/footer del tema */
.pinna-site .site-header, .pinna-site .site-footer, .pinna-site #masthead, .pinna-site #colophon, .pinna-site .main-navigation, .pinna-site .site-branding { display:none !important; }

.pinna-site .container { max-width:1360px; margin:0 auto; padding:0 56px; }
.pinna-site .kicker { font-size:10.5px; letter-spacing:.4em; text-transform:uppercase; font-weight:500; color:var(--accent); display:inline-flex; align-items:center; gap:16px; }
.pinna-site .kicker::before { content:''; width:34px; height:1px; background:currentColor; }
.pinna-site .disp { font-family:var(--display); font-weight:500; line-height:.98; letter-spacing:-.005em; color:var(--bone); }
.pinna-site .disp i { font-family:var(--display); font-style:italic; font-weight:500; font-size:1em; color:var(--accent); }
.pinna-site .num { font-family:var(--display); font-style:italic; color:var(--accent); }
.pinna-site .light { background:var(--paper); color:var(--ink); }
.pinna-site .light .disp { color:var(--ink); }
.pinna-site .light .disp i, .pinna-site .light .num, .pinna-site .light .kicker { color:#9a7a4b; }

/* pulsanti a capsula */
.pinna-site .pill { display:inline-flex; align-items:center; gap:14px; height:54px; padding:0 8px 0 26px; border-radius:999px; font-size:11.5px; line-height:1; letter-spacing:.2em; text-transform:uppercase; font-weight:500; transition:.45s var(--ease); white-space:nowrap; cursor:pointer; border:0; }
.pinna-site .pill i { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-style:normal; letter-spacing:0; transition:.45s var(--ease); }
.pinna-site .pill:hover i { transform:rotate(-45deg); }
.pinna-site .pill-bone, .pinna-site .pill-bone:hover { background:var(--bone); color:var(--bg); } .pinna-site .pill-bone i { background:var(--bg); color:var(--accent-2); }
.pinna-site .pill-line { border:1px solid rgba(243,238,229,.35); color:var(--bone); padding:0 26px; background:transparent; }
.pinna-site .pill-line:hover { border-color:var(--accent); color:var(--accent-2); }
.pinna-site .pill-ink, .pinna-site .pill-ink:hover { background:var(--ink); color:var(--paper); } .pinna-site .pill-ink i { background:var(--accent); color:var(--ink); }

.pinna-site .flag { display:inline-block; width:20px; height:14px; border-radius:2px; vertical-align:-2px; margin-right:10px; box-shadow:0 0 0 1px rgba(255,255,255,.18); overflow:hidden; flex-shrink:0; }
.pinna-site .lang button { background:none; border:0; cursor:pointer; color:inherit; font:inherit; letter-spacing:inherit; padding:0; transition:color .3s; box-shadow:none; }
.pinna-site .lang button:hover, .pinna-site .lang button.on { color:var(--bone); background:none; }
.pinna-site .lang button.on { font-weight:600; }

/* ─── PRELOADER ─── */
.pinna-site .loader { position:fixed; inset:0; z-index:9999; background:var(--bg); display:grid; place-items:center; transition:clip-path 1.1s var(--ease) .1s; clip-path:inset(0 0 0 0); }
.pinna-site .loader.out { clip-path:inset(0 0 100% 0); }
.pinna-site .loader-word { font-family:var(--display); font-weight:500; font-size:clamp(52px,7vw,96px); letter-spacing:.34em; padding-left:.34em; color:var(--bone); display:flex; overflow:hidden; line-height:1.1; }
.pinna-site .loader-word span { display:inline-block; transform:translateY(110%); animation:pRise .9s var(--ease) forwards; }
.pinna-site .loader-line { width:0; height:1px; background:var(--accent); margin:22px auto 0; animation:pGrow 1.1s .45s var(--ease) forwards; }
.pinna-site .loader small { display:block; text-align:center; margin-top:16px; font-size:10px; letter-spacing:.5em; text-transform:uppercase; color:var(--muted); opacity:0; animation:pFadeIn .8s .85s forwards; }

/* ─── CURSORE ─── */
.pinna-site .cursor { position:fixed; top:0; left:0; width:34px; height:34px; border:1px solid rgba(var(--accent-rgb),.65); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .35s var(--ease), height .35s var(--ease), background .35s; }
.pinna-site .cursor.big { width:76px; height:76px; background:rgba(var(--accent-rgb),.12); border-color:transparent; }
.pinna-site .cursor-dot { position:fixed; top:0; left:0; width:4px; height:4px; background:var(--accent); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); }
@media (hover:none) { .pinna-site .cursor, .pinna-site .cursor-dot { display:none; } }

/* ─── MENU IN ALTO ─── */
.pinna-site #nav { position:fixed; top:0; left:0; right:0; z-index:300; transition:transform .55s var(--ease), background-color .4s ease; will-change:transform; }
.pinna-site #nav.hide { transform:translateY(-100%); }
.pinna-site #nav.solid { background:rgba(var(--bg-rgb),.82); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3); }
body.pinna-site.menu-open #nav { background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; transform:none; }
body.pinna-site.admin-bar #nav { top:32px; }
.pinna-site .nav-in { height:84px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 56px; border-bottom:1px solid rgba(255,255,255,.08); }
.pinna-site .nav-left { display:flex; gap:36px; }
.pinna-site .nav-left a { font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; font-weight:500; color:rgba(243,238,229,.75); transition:color .3s; }
.pinna-site .nav-left a:hover { color:var(--accent-2); }
.pinna-site .logo { text-align:center; line-height:1; display:block; }
.pinna-site .logo b { display:block; font-family:var(--display); font-weight:600; font-size:30px; letter-spacing:.32em; padding-left:.32em; color:var(--bone); }
.pinna-site .logo small { display:block; font-size:8px; letter-spacing:.42em; text-transform:uppercase; color:var(--accent); margin-top:7px; }
.pinna-site .nav-right { display:flex; justify-content:flex-end; align-items:center; gap:12px; }
.pinna-site .lang { font-size:10.5px; letter-spacing:.2em; color:rgba(243,238,229,.6); display:flex; gap:9px; margin-right:10px; }
.pinna-site .menu-lang { display:block; margin:0; font-size:13.5px; letter-spacing:.08em; color:var(--muted); }
.pinna-site .menu-lang b { display:block; }
.pinna-site .nav-book { height:44px; padding:0 22px; border-radius:999px; background:var(--bone); color:var(--bg) !important; display:inline-flex; align-items:center; font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; font-weight:600; transition:background .3s; }
.pinna-site .nav-book:hover { background:var(--accent-2); }
.pinna-site .nav-menu { height:44px; padding:0 18px; border-radius:999px; border:1px solid rgba(243,238,229,.3); background:transparent; display:inline-flex; align-items:center; gap:12px; font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; font-weight:500; color:var(--bone); cursor:pointer; transition:border-color .3s; box-shadow:none; }
.pinna-site .nav-menu:hover, .pinna-site .nav-menu:focus { border-color:var(--accent); background:transparent; color:var(--bone); }
.pinna-site .bur { width:18px; height:8px; position:relative; display:block; }
.pinna-site .bur::before, .pinna-site .bur::after { content:''; position:absolute; left:0; right:0; height:1px; background:currentColor; transition:.4s var(--ease); }
.pinna-site .bur::before { top:0; } .pinna-site .bur::after { bottom:0; }
body.pinna-site.menu-open .bur::before { top:50%; transform:rotate(45deg); }
body.pinna-site.menu-open .bur::after { bottom:auto; top:50%; transform:rotate(-45deg); }

/* ─── MENU A SCHERMO INTERO ─── */
.pinna-site .p-menu { position:fixed; inset:0; z-index:250; background:var(--bg-2); display:grid; grid-template-columns:1.2fr 1fr; clip-path:inset(0 0 100% 0); visibility:hidden; transition:clip-path 1s var(--ease), visibility 0s 1s; }
body.pinna-site.menu-open .p-menu { clip-path:inset(0 0 0 0); visibility:visible; transition:clip-path 1s var(--ease), visibility 0s 0s; }
.pinna-site .menu-l { padding:140px 56px 48px; display:flex; flex-direction:column; justify-content:space-between; overflow-y:auto; }
.pinna-site .menu-links li { overflow:hidden; border-bottom:1px solid var(--line); }
.pinna-site .menu-links a { display:flex; align-items:baseline; gap:24px; padding:16px 0 18px; font-family:var(--display); font-weight:500; font-size:clamp(40px,5vw,78px); line-height:1.05; color:var(--bone); transform:translateY(100%); transition:transform .9s var(--ease), color .3s, padding .5s var(--ease); }
body.pinna-site.menu-open .menu-links a { transform:none; }
.pinna-site .menu-links li:nth-child(2) a { transition-delay:.05s; } .pinna-site .menu-links li:nth-child(3) a { transition-delay:.1s; } .pinna-site .menu-links li:nth-child(4) a { transition-delay:.15s; } .pinna-site .menu-links li:nth-child(5) a { transition-delay:.2s; }
.pinna-site .menu-links a span { font-family:var(--display); font-style:italic; font-size:16px; color:var(--accent); }
.pinna-site .menu-links a:hover { color:var(--accent-2); padding-left:20px; }
.pinna-site .menu-foot { display:flex; gap:48px; font-size:13.5px; color:var(--muted); line-height:1.9; flex-wrap:wrap; margin-top:40px; }
.pinna-site .menu-foot b { display:block; font-size:10px; letter-spacing:.32em; text-transform:uppercase; color:var(--accent); font-weight:500; margin-bottom:4px; }
.pinna-site .menu-r { position:relative; overflow:hidden; }
.pinna-site .menu-r div { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.08); transition:opacity .8s, transform 1.4s var(--ease); }
.pinna-site .menu-r div.on { opacity:1; transform:scale(1); }

/* ─── HERO HOMEPAGE ─── */
.pinna-site .hero { position:relative; height:100vh; min-height:780px; overflow:hidden; background:var(--bg); }
.pinna-site .hs { position:absolute; inset:0; background-size:cover; background-position:center; clip-path:inset(0 0 0 100%); transition:clip-path 1.6s var(--ease); }
.pinna-site .hs.on { clip-path:inset(0 0 0 0); z-index:2; animation:pKb 9s linear forwards; }
.pinna-site .hs.prev { clip-path:inset(0 0 0 0); z-index:1; }
.pinna-site .hero::after { content:''; position:absolute; inset:-1px 0 -3px; z-index:3; background:linear-gradient(90deg, rgba(var(--bg-rgb),.9) 0%, rgba(var(--bg-rgb),.45) 45%, rgba(var(--bg-rgb),.1) 100%), linear-gradient(0deg, var(--bg) 0%, rgba(var(--bg-rgb),.9) 6%, transparent 40%); }
.pinna-site .hero-in { position:absolute; inset:0; z-index:4; padding:0 56px 110px; display:flex; flex-direction:column; justify-content:flex-end; }
.pinna-site .hero h1 { font-size:clamp(66px,9vw,156px); margin:26px 0 28px; }
/* maschera per l'animazione del titolo: abbastanza alta da non tagliare le "g" */
.pinna-site .ln { display:block; overflow:hidden; padding:.04em 0 .26em; margin:-.04em 0 -.26em; }
.pinna-site .ln > span { display:block; transform:translateY(105%); }
.pinna-site .ready .ln > span { animation:pRise 1.3s var(--ease) forwards; }
.pinna-site .ready .ln:nth-child(2) > span { animation-delay:.1s; }
.pinna-site .hero-sub { max-width:470px; font-size:16.5px; line-height:1.8; color:rgba(243,238,229,.75); }
.pinna-site .hero-cta { display:flex; gap:12px; margin-top:34px; flex-wrap:wrap; }
.pinna-site .fade { opacity:0; }
.pinna-site .ready .fade { animation:pFadeUp 1.2s .55s var(--ease) both; }

/* ─── PROMESSE ─── */
.pinna-site .promises { border-bottom:1px solid var(--line); }
.pinna-site .promises .container { display:grid; grid-template-columns:repeat(4,1fr); }
.pinna-site .promise { padding:46px 30px 46px 0; display:flex; gap:18px; align-items:flex-start; }
.pinna-site .promise + .promise { padding-left:30px; border-left:1px solid var(--line); }
.pinna-site .promise svg { flex-shrink:0; color:var(--accent); margin-top:2px; }
.pinna-site .promise h4 { font-family:var(--display); font-weight:500; font-size:22px; line-height:1.15; color:var(--bone); margin-bottom:6px; }
.pinna-site .promise p { font-size:13px; line-height:1.65; color:var(--muted); }

/* ─── MANIFESTO ─── */
.pinna-site .manifesto { padding:190px 0 170px; text-align:center; }
.pinna-site .manifesto .kicker { margin-bottom:50px; }
.pinna-site .mtext { font-family:var(--display); font-weight:500; font-size:clamp(36px,4.5vw,70px); line-height:1.16; max-width:1180px; margin:0 auto; color:var(--bone); }
.pinna-site .mtext .w { opacity:.14; transition:opacity .25s; }
.pinna-site .mtext .w.lit { opacity:1; }
.pinna-site .mtext i { font-family:var(--display); font-style:italic; color:var(--accent); }
.pinna-site .sign { margin-top:56px; font-family:var(--display); font-style:italic; font-size:21px; color:var(--accent); }
.pinna-site .sign small { display:block; font-family:var(--sans); font-style:normal; font-size:10px; letter-spacing:.42em; text-transform:uppercase; color:var(--muted); margin-top:8px; }

/* ─── SERVIZI: scorrimento orizzontale ─── */
.pinna-site .hsec { position:relative; background:var(--bg-2); }
.pinna-site .hs-sticky { position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; }
.pinna-site .hs-track { display:flex; gap:24px; padding:0 56px; will-change:transform; align-items:stretch; }
.pinna-site .hs-intro { flex:0 0 580px; display:flex; flex-direction:column; justify-content:center; padding-right:50px; }
.pinna-site .hs-intro h2 { font-size:clamp(50px,4.8vw,82px); margin:30px 0; }
.pinna-site .hs-intro p { font-size:15px; line-height:1.85; color:var(--muted); max-width:380px; }
.pinna-site .hs-hint { margin-top:44px; display:flex; align-items:center; gap:16px; font-size:10px; letter-spacing:.38em; text-transform:uppercase; color:var(--muted); }
.pinna-site .hs-hint::after { content:''; width:70px; height:1px; background:linear-gradient(90deg,var(--accent),transparent); }
.pinna-site .card { flex:0 0 min(42vw,620px); height:72vh; min-height:540px; position:relative; overflow:hidden; display:flex; flex-direction:column; border-radius:4px; background:var(--bg-3); }
.pinna-site .imgw { position:relative; height:60%; flex-shrink:0; overflow:hidden; }
.pinna-site .imgw::after { content:''; position:absolute; left:0; right:0; bottom:0; height:30%; background:linear-gradient(0deg, rgba(var(--bg-rgb),.55), transparent); }
.pinna-site .card .img, .pinna-site .mini .img { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform 1.4s var(--ease); }
.pinna-site .card:hover .img { transform:scale(1.06); }
.pinna-site .card::after { content:''; position:absolute; inset:14px; z-index:4; border:1px solid rgba(var(--accent-rgb),0); transition:.6s var(--ease); pointer-events:none; }
.pinna-site .card:hover::after { border-color:rgba(var(--accent-rgb),.45); inset:18px; }
.pinna-site .card-top { position:absolute; top:28px; left:30px; right:30px; z-index:3; display:flex; justify-content:space-between; align-items:center; }
.pinna-site .card-top .num { font-size:24px; color:var(--bone); text-shadow:0 1px 10px rgba(0,0,0,.5); }
.pinna-site .card-top .tagp { font-size:9.5px; letter-spacing:.3em; text-transform:uppercase; color:var(--bone); border:1px solid rgba(243,238,229,.5); background:rgba(0,0,0,.25); padding:6px 13px; border-radius:999px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.pinna-site .card-body { position:relative; flex:1; padding:30px 32px 32px; display:flex; flex-direction:column; }
.pinna-site .card-body h3 { font-family:var(--display); font-weight:500; font-size:clamp(32px,2.6vw,42px); line-height:1; color:var(--bone); margin-bottom:14px; }
.pinna-site .card-body p { font-size:13.5px; line-height:1.75; color:rgba(243,238,229,.68); margin-bottom:auto; padding-bottom:20px; }
.pinna-site .more { align-self:flex-start; display:inline-flex; align-items:center; gap:14px; font-size:10px; letter-spacing:.32em; text-transform:uppercase; color:var(--accent-2); }
.pinna-site .more::after { content:''; width:30px; height:1px; background:var(--accent); transition:width .5s var(--ease); }
.pinna-site .card:hover .more::after { width:64px; }
.pinna-site .hs-bar { position:absolute; left:56px; right:56px; bottom:5vh; height:1px; background:var(--line); }
.pinna-site .hs-bar i { position:absolute; left:0; top:0; bottom:0; width:0; background:var(--accent); }
.pinna-site .hs-mhead { display:none; }

/* ─── STANDARD: nomi che scorrono ─── */
.pinna-site .lux { padding:150px 0 140px; background:var(--bg); }
.pinna-site .lux-head { text-align:center; max-width:820px; margin:0 auto 80px; padding:0 24px; }
.pinna-site .lux-head .kicker { justify-content:center; }
.pinna-site .lux-head .kicker::after { content:''; width:34px; height:1px; background:currentColor; }
.pinna-site .lux-head h2 { font-size:clamp(38px,4vw,62px); margin:26px 0 24px; }
.pinna-site .lux-head p { font-size:15px; line-height:1.85; color:var(--muted); max-width:580px; margin:0 auto; }
.pinna-site .lux-band { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.pinna-site .lux-row { display:flex; overflow:hidden; white-space:nowrap; padding:32px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); }
.pinna-site .lux-row + .lux-row { border-top:1px solid var(--line); }
.pinna-site .lux-track { display:inline-flex; align-items:center; flex-shrink:0; animation:pMarq 70s linear infinite; }
.pinna-site .lux-row.rev .lux-track { animation-direction:reverse; animation-duration:80s; }
.pinna-site .lux-track span { padding:0 48px; font-family:var(--display); font-weight:600; font-size:clamp(16px,1.35vw,21px); letter-spacing:.3em; text-transform:uppercase; color:rgba(243,238,229,.68); transition:color .4s; }
.pinna-site .lux-track span:hover { color:var(--accent-2); }
.pinna-site .lux-row.rev .lux-track span { color:rgba(243,238,229,.38); }
.pinna-site .lux-cap { display:flex; justify-content:center; gap:14px; margin-top:36px; font-size:9.5px; letter-spacing:.4em; text-transform:uppercase; color:var(--muted); }
.pinna-site .lux-cap span + span::before { content:'·'; margin-right:14px; color:var(--accent); }

/* ─── CHI SIAMO ─── */
.pinna-site .band { position:relative; height:92vh; min-height:600px; overflow:hidden; display:flex; align-items:flex-end; }
.pinna-site .band .bg { position:absolute; inset:-12% 0; background-size:cover; background-position:center; will-change:transform; }
.pinna-site .band::after { content:''; position:absolute; inset:-1px 0 -3px; background:linear-gradient(0deg, rgba(var(--bg-rgb),.92) 0%, rgba(var(--bg-rgb),.1) 60%); }
.pinna-site .band .container { position:relative; z-index:2; width:100%; padding-bottom:80px; display:flex; justify-content:space-between; align-items:flex-end; gap:40px; flex-wrap:wrap; }
.pinna-site .band blockquote { font-family:var(--display); font-weight:500; font-size:clamp(40px,4.8vw,80px); line-height:1.04; max-width:960px; color:var(--bone); border:0; padding:0; quotes:none; }
.pinna-site .band blockquote i { font-family:var(--display); color:var(--accent-2); }
.pinna-site .band small { font-size:10px; letter-spacing:.36em; text-transform:uppercase; color:rgba(243,238,229,.7); }
.pinna-site .about { padding:150px 0; }
.pinna-site .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:110px; align-items:center; }
.pinna-site .about-media { position:relative; height:760px; }
.pinna-site .am-1 { position:absolute; left:0; top:0; width:84%; height:84%; overflow:hidden; border-radius:4px; }
.pinna-site .am-2 { position:absolute; right:0; bottom:0; width:50%; height:44%; overflow:hidden; border:10px solid var(--bg); border-radius:4px; }
.pinna-site .am-1 div, .pinna-site .am-2 div { position:absolute; top:-12%; bottom:-12%; left:0; right:0; background-size:cover; background-position:center; will-change:transform; }
.pinna-site .am-badge { position:absolute; left:28px; top:28px; z-index:2; width:150px; height:150px; border-radius:50%; display:grid; place-items:center; text-align:center; background:rgba(var(--bg-rgb),.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:1px solid rgba(var(--accent-rgb),.45); }
.pinna-site .am-badge svg { position:absolute; inset:8px; width:calc(100% - 16px); height:calc(100% - 16px); animation:pSpin 26s linear infinite; }
.pinna-site .am-badge b { font-family:var(--display); font-weight:500; font-size:36px; color:var(--accent-2); line-height:1; }
.pinna-site .am-badge b small { display:block; font-family:var(--sans); font-size:9px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-top:4px; }
.pinna-site .about h2 { font-size:clamp(46px,4.6vw,76px); margin:28px 0 30px; }
.pinna-site .about p.lead { font-size:16px; line-height:1.9; color:var(--muted); }
.pinna-site .alist { margin:44px 0 48px; border-top:1px solid var(--line); }
.pinna-site .aitem { display:grid; grid-template-columns:56px 1fr; gap:10px; padding:24px 0; border-bottom:1px solid var(--line); }
.pinna-site .aitem .num { font-size:18px; }
.pinna-site .aitem h4 { font-family:var(--display); font-weight:500; font-size:23px; color:var(--bone); margin-bottom:6px; }
.pinna-site .aitem p { font-size:13.5px; line-height:1.7; color:var(--muted); }

/* ─── FLOTTA ─── */
.pinna-site .fleet { padding:150px 0; }
.pinna-site .fleet-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:56px; gap:40px; flex-wrap:wrap; }
.pinna-site .fleet-head h2 { font-size:clamp(52px,5.6vw,92px); margin-top:26px; }
.pinna-site .tabs { display:flex; gap:6px; padding:6px; border-radius:999px; background:var(--paper-2); }
.pinna-site .tab { border:0; background:transparent; cursor:pointer; padding:14px 26px; border-radius:999px; font-size:11px; line-height:1; letter-spacing:.24em; text-transform:uppercase; font-weight:500; color:var(--ink); transition:.35s; box-shadow:none; }
.pinna-site .tab:hover, .pinna-site .tab:focus { background:transparent; color:var(--ink); }
.pinna-site .tab.on, .pinna-site .tab.on:hover { background:var(--ink); color:var(--paper); }
.pinna-site .car { display:none; } .pinna-site .car.on { display:block; animation:pFadeIn .8s var(--ease); }
.pinna-site .stage { position:relative; height:76vh; min-height:540px; overflow:hidden; border-radius:4px; background:var(--bg); }
.pinna-site .stage .s { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.05); transition:opacity 1.2s, transform 6s linear; }
.pinna-site .stage .s.on { opacity:1; transform:scale(1); }
.pinna-site .stage::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(var(--bg-rgb),.92) 0%, rgba(var(--bg-rgb),.55) 38%, transparent 72%), linear-gradient(0deg, rgba(var(--bg-rgb),.7) 0%, transparent 45%); pointer-events:none; }
.pinna-site .panel { position:absolute; left:56px; bottom:56px; z-index:2; max-width:480px; color:var(--bone); }
.pinna-site .panel small { font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--accent); }
.pinna-site .panel h3 { font-family:var(--display); font-weight:500; font-size:clamp(44px,4.2vw,72px); line-height:1; margin:16px 0 20px; color:var(--bone); }
.pinna-site .panel h3 i { font-family:var(--display); color:var(--accent-2); white-space:nowrap; }
.pinna-site .panel p { font-size:14.5px; line-height:1.8; color:rgba(243,238,229,.75); }
.pinna-site .snav { position:absolute; right:56px; bottom:56px; z-index:2; display:flex; align-items:center; gap:18px; color:var(--bone); }
.pinna-site .snav span { font-family:var(--display); font-size:20px; min-width:70px; text-align:center; }
.pinna-site .snav button { width:54px; height:54px; padding:0; border-radius:50%; border:1px solid rgba(243,238,229,.35); background:rgba(0,0,0,.2); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); color:var(--bone); cursor:pointer; transition:.4s; font-size:16px; box-shadow:none; }
.pinna-site .snav button:hover, .pinna-site .snav button:focus { background:var(--bone); color:var(--bg); }

/* ─── PRENOTA ─── */
.pinna-site .book { position:relative; padding:150px 0; overflow:hidden; }
.pinna-site .book .bg { position:absolute; top:-10%; bottom:-10%; left:0; right:0; background-size:cover; background-position:center; will-change:transform; }
.pinna-site .book::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(var(--bg-rgb),.94) 0%, rgba(var(--bg-rgb),.75) 50%, rgba(var(--bg-rgb),.5) 100%); }
.pinna-site .book .container { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.pinna-site .book h2 { font-size:clamp(60px,7vw,124px); margin:28px 0; }
.pinna-site .book .lead { font-size:16px; line-height:1.8; color:rgba(243,238,229,.75); max-width:440px; }
.pinna-site .direct { margin-top:50px; border-top:1px solid rgba(243,238,229,.15); }
.pinna-site .direct a { display:flex; justify-content:space-between; align-items:center; padding:22px 0; border-bottom:1px solid rgba(243,238,229,.15); transition:padding .5s var(--ease); }
.pinna-site .direct a:hover { padding-left:12px; }
.pinna-site .direct small { display:flex; align-items:center; font-size:9.5px; letter-spacing:.34em; text-transform:uppercase; color:var(--accent); margin-bottom:6px; }
.pinna-site .direct b { font-family:var(--display); font-weight:500; font-size:28px; color:var(--bone); }
.pinna-site .direct i { width:46px; height:46px; flex-shrink:0; border-radius:50%; border:1px solid rgba(243,238,229,.3); display:grid; place-items:center; font-style:normal; transition:.45s var(--ease); }
.pinna-site .direct a:hover i { background:var(--bone); color:var(--bg); transform:rotate(-45deg); }
.pinna-site .form { background:var(--paper); color:var(--ink); border-radius:4px; padding:48px; }
.pinna-site .form h3 { font-family:var(--display); font-weight:500; font-size:34px; color:var(--ink); }
.pinna-site .form > p { font-size:13.5px; color:var(--ink-m); margin:8px 0 26px; }
.pinna-site .chips { display:flex; flex-wrap:wrap; gap:8px; }
.pinna-site .chips label { cursor:pointer; margin:0; }
.pinna-site .chips input { position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.pinna-site .chips span { display:inline-block; padding:10px 16px; border:1px solid var(--line-l); border-radius:999px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; transition:.3s; color:var(--ink); }
.pinna-site .chips input:checked + span { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.pinna-site .chips input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.pinna-site .f { position:relative; border-bottom:1px solid var(--line-l); padding:22px 0 10px; }
.pinna-site .f label { display:block; font-size:9.5px; letter-spacing:.3em; text-transform:uppercase; color:var(--ink-m); margin-bottom:6px; }
.pinna-site .f input, .pinna-site .f select { display:block; width:100%; border:0; outline:0; background:transparent; font-size:17px; color:var(--ink); padding:0; height:auto; border-radius:0; box-shadow:none; }
.pinna-site .f input:focus, .pinna-site .f select:focus { background:transparent; color:var(--ink); border:0; }
.pinna-site .f::after { content:''; position:absolute; left:0; bottom:-1px; height:1px; width:0; background:var(--ink); transition:width .6s var(--ease); }
.pinna-site .f:focus-within::after { width:100%; }
.pinna-site .f-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.pinna-site .form .pill { margin-top:30px; width:100%; justify-content:space-between; }

/* ─── FOOTER ─── */
.pinna-site .p-footer { background:var(--bg-2); padding:110px 0 34px; }
.pinna-site .ft-top { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; flex-wrap:wrap; padding-bottom:64px; border-bottom:1px solid var(--line); }
.pinna-site .ft-top .kicker { display:flex; margin-bottom:20px; }
.pinna-site .ft-phones { display:flex; gap:64px; flex-wrap:wrap; }
.pinna-site .ft-top a.big small { display:flex; align-items:center; font-family:var(--sans); font-size:10px; letter-spacing:.32em; text-transform:uppercase; color:var(--muted); margin-bottom:12px; }
.pinna-site .ft-top a.big { display:block; font-family:var(--display); font-weight:500; font-size:clamp(38px,4.6vw,76px); line-height:1; color:var(--bone); transition:color .3s; }
.pinna-site .ft-top a.big:hover { color:var(--accent-2); }
.pinna-site .ft { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:48px; padding:60px 0; }
.pinna-site .ft .logo { text-align:left; }
.pinna-site .ft .logo b { padding-left:0; }
.pinna-site .ft p { font-size:14px; color:var(--muted); line-height:1.8; max-width:300px; margin-top:20px; }
.pinna-site .ft h5 { font-size:10px; letter-spacing:.36em; text-transform:uppercase; color:var(--accent); font-weight:500; margin-bottom:22px; }
.pinna-site .ft ul { display:flex; flex-direction:column; gap:11px; }
.pinna-site .ft li, .pinna-site .ft li a { font-size:14px; color:var(--muted); transition:color .3s; }
.pinna-site .ft li a:hover { color:var(--bone); }
.pinna-site .ft-bot { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:26px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
.pinna-site .ft-bot a:hover { color:var(--accent-2); }
.pinna-site .ft-aiuti { margin-top:20px; font-size:11px; line-height:1.7; color:rgba(164,170,176,.7); }
.pinna-site .ft-aiuti a { color:var(--accent); }

/* ─── PAGINA SERVIZIO: hero ─── */
.pinna-site .srv-hero { position:relative; min-height:max(82vh, 640px); overflow:hidden; display:flex; align-items:flex-end; background:var(--bg); }
.pinna-site .srv-hero .bg { position:absolute; inset:0; background-size:cover; background-position:center; animation:pKb 14s linear forwards; }
.pinna-site .srv-hero::after { content:''; position:absolute; inset:-1px 0 -3px; z-index:1; background:linear-gradient(90deg, rgba(var(--bg-rgb),.9) 0%, rgba(var(--bg-rgb),.5) 50%, rgba(var(--bg-rgb),.15) 100%), linear-gradient(0deg, var(--bg) 0%, rgba(var(--bg-rgb),.95) 6%, transparent 45%); }
.pinna-site .srv-hero .container { position:relative; z-index:2; width:100%; padding-top:170px; padding-bottom:90px; }
.pinna-site .crumbs { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:10.5px; letter-spacing:.26em; text-transform:uppercase; color:rgba(243,238,229,.55); margin-bottom:26px; }
.pinna-site .crumbs a { color:var(--accent-2); transition:color .3s; }
.pinna-site .crumbs a:hover { color:var(--bone); }
.pinna-site .crumbs span[aria-current] { color:var(--bone); }
.pinna-site .srv-hero .tagp { display:inline-block; font-size:9.5px; letter-spacing:.3em; text-transform:uppercase; color:var(--accent-2); border:1px solid rgba(var(--accent-rgb),.5); padding:7px 14px; border-radius:999px; }
.pinna-site .srv-hero h1 { font-size:clamp(54px,7.4vw,124px); margin:24px 0 24px; max-width:1100px; }
.pinna-site .srv-hero .sub { max-width:560px; font-size:16.5px; line-height:1.8; color:rgba(243,238,229,.78); }
.pinna-site .srv-hero .hero-cta { margin-top:34px; }

/* ─── PAGINA SERVIZIO: contenuto scritto in WordPress ─── */
.pinna-site .srv-body { padding:120px 0 110px; }
.pinna-site .srv-content { max-width:860px; margin:0 auto; color:rgba(243,238,229,.78); }
.pinna-site .srv-content > *:first-child { margin-top:0 !important; }
.pinna-site .srv-content h1, .pinna-site .srv-content h2 { font-family:var(--display) !important; font-weight:500 !important; font-size:clamp(34px,3.6vw,52px) !important; line-height:1.08 !important; color:var(--bone) !important; margin:64px 0 22px !important; padding-bottom:18px; border-bottom:1px solid rgba(var(--accent-rgb),.2); }
.pinna-site .srv-content h3 { font-family:var(--display) !important; font-weight:500 !important; font-size:clamp(26px,2.4vw,34px) !important; line-height:1.15 !important; color:var(--accent-2) !important; margin:44px 0 16px !important; }
.pinna-site .srv-content h4, .pinna-site .srv-content h5, .pinna-site .srv-content h6 { font-family:var(--sans) !important; font-size:12px !important; letter-spacing:.3em; text-transform:uppercase; color:var(--accent) !important; margin:34px 0 12px !important; }
.pinna-site .srv-content p { font-size:17px; line-height:1.9; color:rgba(243,238,229,.78); margin:0 0 22px; }
.pinna-site .srv-content ul, .pinna-site .srv-content ol { margin:0 0 26px; padding-left:0; }
.pinna-site .srv-content ul li { position:relative; padding-left:28px; margin-bottom:12px; font-size:16px; line-height:1.8; color:rgba(243,238,229,.75); }
.pinna-site .srv-content ul li::before { content:''; position:absolute; left:0; top:.8em; width:14px; height:1px; background:var(--accent); }
.pinna-site .srv-content ol { counter-reset:pinna; }
.pinna-site .srv-content ol li { counter-increment:pinna; position:relative; padding-left:40px; margin-bottom:12px; font-size:16px; line-height:1.8; }
.pinna-site .srv-content ol li::before { content:counter(pinna, decimal-leading-zero); position:absolute; left:0; top:0; font-family:var(--display); font-style:italic; color:var(--accent); }
.pinna-site .srv-content strong, .pinna-site .srv-content b { color:var(--bone); font-weight:600; }
.pinna-site .srv-content a { color:var(--accent-2); border-bottom:1px solid rgba(var(--accent-rgb),.35); transition:border-color .3s; }
.pinna-site .srv-content a:hover { border-color:var(--accent-2); }
.pinna-site .srv-content blockquote { margin:40px 0; padding:6px 0 6px 28px; border-left:1px solid var(--accent); font-family:var(--display); font-style:italic; font-size:26px; line-height:1.4; color:var(--bone); }
.pinna-site .srv-content hr { border:0; height:1px; background:var(--line); margin:50px 0; }
.pinna-site .srv-content img { display:block; max-width:100% !important; height:auto !important; border-radius:4px; }
.pinna-site .srv-content figure { margin:36px 0 !important; background:transparent !important; }
.pinna-site .srv-content figcaption { font-size:12px !important; color:var(--muted) !important; text-align:center !important; margin-top:10px !important; background:transparent !important; }
.pinna-site .srv-content table { width:100%; border-collapse:collapse; margin:30px 0; font-size:15px; }
.pinna-site .srv-content th, .pinna-site .srv-content td { padding:14px 12px; border-bottom:1px solid var(--line); text-align:left; }
.pinna-site .srv-content th { color:var(--accent); font-weight:500; font-size:11px; letter-spacing:.2em; text-transform:uppercase; }
/* blocchi WordPress / Kadence: tolgo sfondi e colori del tema */
.pinna-site .srv-content [class*="wp-block"], .pinna-site .srv-content [class*="kadence"], .pinna-site .srv-content [class*="kb-"], .pinna-site .srv-content .kt-inside-inner-col { background-color:transparent !important; border-color:rgba(var(--accent-rgb),.15) !important; }
.pinna-site .srv-content [class*="kadence"] p, .pinna-site .srv-content [class*="kadence"] li, .pinna-site .srv-content .wp-block-paragraph { color:rgba(243,238,229,.78) !important; }
.pinna-site .srv-content [class*="kadence"] h1, .pinna-site .srv-content [class*="kadence"] h2, .pinna-site .srv-content .wp-block-heading { color:var(--bone) !important; }
.pinna-site .srv-content .wp-block-image, .pinna-site .srv-content figure.wp-block-image { width:100% !important; max-width:100% !important; }
.pinna-site .srv-content .wp-block-image img { width:100% !important; min-height:280px; object-fit:cover; }
.pinna-site .srv-content .wp-block-gallery, .pinna-site .srv-content figure.wp-block-gallery, .pinna-site .srv-content ul.wp-block-gallery { display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:12px !important; width:100% !important; padding:0 !important; flex-wrap:unset !important; }
.pinna-site .srv-content .wp-block-gallery figure, .pinna-site .srv-content .wp-block-gallery > li, .pinna-site .srv-content .wp-block-gallery .blocks-gallery-item { width:100% !important; max-width:100% !important; flex:unset !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:4px; }
.pinna-site .srv-content .wp-block-gallery li::before { display:none; }
.pinna-site .srv-content .wp-block-gallery img { width:100% !important; height:300px !important; object-fit:cover !important; transition:transform .6s var(--ease) !important; }
.pinna-site .srv-content .wp-block-gallery img:hover { transform:scale(1.04); }
.pinna-site .srv-content .wp-block-columns { display:grid !important; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)) !important; gap:20px !important; margin:36px 0 !important; }
.pinna-site .srv-content .wp-block-column { background:var(--bg-3) !important; border:1px solid var(--line) !important; border-radius:4px !important; padding:28px !important; margin:0 !important; }
.pinna-site .srv-content .wp-block-button__link, .pinna-site .srv-content .kt-button, .pinna-site .srv-content .kb-button { display:inline-flex !important; align-items:center; height:52px; padding:0 26px !important; border-radius:999px !important; background:var(--bone) !important; color:var(--bg) !important; border:0 !important; font-size:11px !important; letter-spacing:.2em !important; text-transform:uppercase !important; text-decoration:none !important; }
.pinna-site .srv-content .wp-block-button__link:hover, .pinna-site .srv-content .kt-button:hover { background:var(--accent-2) !important; }
.pinna-site .srv-content .kt-info-box-link-wrap, .pinna-site .srv-content .wp-block-kadence-infobox, .pinna-site .srv-content .kt-blocks-info-box-link-wrap { background:var(--bg-3) !important; border:1px solid var(--line) !important; border-radius:4px !important; padding:26px !important; }
.pinna-site .srv-content .kb-gallery-type-slider { border-radius:4px !important; overflow:hidden !important; }

/* ─── PAGINA SERVIZIO: altri servizi ─── */
.pinna-site .more-srv { padding:0 0 130px; }
.pinna-site .more-head { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:44px; flex-wrap:wrap; }
.pinna-site .more-head h2 { font-size:clamp(40px,4vw,64px); margin-top:22px; }
.pinna-site .mini-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px, 1fr); gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; scrollbar-width:thin; scrollbar-color:var(--accent) transparent; }
.pinna-site .mini { scroll-snap-align:start; position:relative; display:flex; flex-direction:column; background:var(--bg-3); border-radius:4px; overflow:hidden; }
.pinna-site .mini .imgw { height:220px; }
.pinna-site .mini .card-body { padding:24px 26px 26px; }
.pinna-site .mini h3 { font-size:28px !important; margin-bottom:16px; }
.pinna-site .mini::after { content:''; position:absolute; inset:12px; border:1px solid rgba(var(--accent-rgb),0); transition:.6s var(--ease); pointer-events:none; }
.pinna-site .mini:hover::after { border-color:rgba(var(--accent-rgb),.45); inset:16px; }
.pinna-site .mini:hover .img { transform:scale(1.06); }

/* ─── ANIMAZIONI DI COMPARSA ─── */
.pinna-site .rv { opacity:0; transform:translateY(46px); transition:opacity 1.2s var(--ease), transform 1.2s var(--ease); }
.pinna-site .rv.in { opacity:1; transform:none; }
.pinna-site .d1 { transition-delay:.1s; } .pinna-site .d2 { transition-delay:.2s; } .pinna-site .d3 { transition-delay:.3s; }

@keyframes pRise { to { transform:none; } }
@keyframes pGrow { to { width:150px; } }
@keyframes pFadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes pFadeUp { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
@keyframes pKb { from { transform:scale(1.03); } to { transform:scale(1.11); } }
@keyframes pSpin { to { transform:rotate(360deg); } }
@keyframes pMarq { to { transform:translateX(-100%); } }

/* ─── RESPONSIVE ─── */
@media (max-width:1100px) {
  .pinna-site .container, .pinna-site .nav-in { padding:0 28px; }
  .pinna-site .nav-left, .pinna-site .nav-right .lang { display:none; }
  .pinna-site .nav-in { grid-template-columns:auto 1fr; }
  .pinna-site .logo { text-align:left; } .pinna-site .logo b { padding-left:0; }
  .pinna-site .hero-in { padding:0 28px 90px; }
  .pinna-site .promises .container { grid-template-columns:1fr 1fr; }
  .pinna-site .promise:nth-child(3) { padding-left:0; border-left:0; }
  .pinna-site .about-grid, .pinna-site .book .container { grid-template-columns:1fr; gap:64px; }
  .pinna-site .about-media { height:600px; }
  .pinna-site .p-menu { grid-template-columns:1fr; } .pinna-site .menu-r { display:none; } .pinna-site .menu-l { padding:120px 28px 40px; }
  .pinna-site .ft { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  .pinna-site .hsec { height:auto !important; }
  .pinna-site .hs-sticky { position:relative; height:auto; padding:100px 0; display:block; }
  .pinna-site .hs-track { transform:none !important; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 28px; scrollbar-width:none; }
  .pinna-site .hs-track::-webkit-scrollbar { display:none; }
  .pinna-site .hs-intro, .pinna-site .hs-bar { display:none; }
  .pinna-site .hs-mhead { display:block; padding:0 28px 44px; }
  .pinna-site .card { flex:0 0 84vw; height:560px; min-height:0; scroll-snap-align:start; }
}
@media (max-width:782px) {
  body.pinna-site.admin-bar #nav { top:46px; }
}
@media (max-width:720px) {
  .pinna-site .container, .pinna-site .nav-in { padding:0 20px; }
  .pinna-site .nav-in { height:74px; }
  .pinna-site .nav-book { display:none; }
  .pinna-site .logo b { font-size:24px; }
  .pinna-site .logo small { letter-spacing:.2em; white-space:nowrap; font-size:7.5px; }
  .pinna-site .hero h1 { font-size:54px; }
  .pinna-site .hero { height:auto; min-height:0; }
  .pinna-site .hero-in { position:relative; min-height:88svh; padding:130px 20px 50px; }
  .pinna-site .promises .container { grid-template-columns:1fr; }
  .pinna-site .promise, .pinna-site .promise + .promise { padding:26px 0; border-left:0; border-top:1px solid var(--line); }
  .pinna-site .manifesto { padding:120px 0 110px; }
  .pinna-site .lux, .pinna-site .about, .pinna-site .fleet, .pinna-site .book { padding:100px 0; }
  .pinna-site .about-media { height:440px; }
  .pinna-site .am-badge { width:110px; height:110px; left:16px; top:16px; } .pinna-site .am-badge b { font-size:26px; }
  .pinna-site .stage { height:560px; }
  .pinna-site .stage::after { background:linear-gradient(0deg, rgba(var(--bg-rgb),.9) 0%, rgba(var(--bg-rgb),.2) 60%, transparent 100%); }
  .pinna-site .panel { left:20px; right:20px; bottom:100px; }
  .pinna-site .snav { right:20px; bottom:24px; }
  .pinna-site .form { padding:28px 20px; }
  .pinna-site .f-row { grid-template-columns:1fr; gap:0; }
  .pinna-site .ft { grid-template-columns:1fr; }
  .pinna-site .srv-hero { min-height:86svh; }
  .pinna-site .srv-hero .container { padding-top:130px; padding-bottom:60px; }
  .pinna-site .srv-hero h1 { font-size:48px; }
  .pinna-site .srv-body { padding:80px 0; }
  .pinna-site .srv-content p { font-size:16px; }
  .pinna-site .srv-content .wp-block-gallery { grid-template-columns:1fr !important; }
  .pinna-site .srv-content .wp-block-gallery img { height:240px !important; }
  .pinna-site .mini-track { grid-auto-columns:82vw; }
}
@media (prefers-reduced-motion:reduce) { .pinna-site *, .pinna-site *::before, .pinna-site *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }