/* Acqua Pazza Restaurant Golem - concept by KERA Tech Solutions
   Rebuilt on the Torre del Saracino system: 1v = 2.5vw, Forum + Nunito Sans,
   sea-blue scale with one sunset-gold accent. */
:root{
  --v:2.5vw;
  --b50:#f1f8fa;--b100:#dcedf1;--b200:#bcdde4;--b300:#8ec5d0;--b400:#5aa4b5;--b500:#3f8899;--b600:#377284;--b700:#305d6a;
  --n500:#646d6f;--n600:#586062;--n700:#4b5153;
  --gold:#b3893e;
  --forum:"Forum",Georgia,serif;
  --nunito:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --expo:cubic-bezier(.19,1,.22,1);
  --quart:cubic-bezier(.77,0,.175,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:clip}
body{background:#fff;color:var(--n600);font-family:var(--nunito);font-size:16px;line-height:1.5;letter-spacing:.051em;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;cursor:pointer;letter-spacing:inherit;text-align:inherit}
ul,ol{list-style:none}
h1,h2,h3,p{font-weight:400}
:focus-visible{outline:2px solid var(--b500);outline-offset:3px;border-radius:4px}
.autofill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:-9999px;top:12px;z-index:200;background:#fff;color:var(--n700);padding:10px 16px;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.skip:focus{left:12px}
.f-forum{font-family:var(--forum)}
.split-lines{}
.js .split-lines{visibility:hidden}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;height:0;z-index:50;display:flex;justify-content:center}
.hdr__bar{position:absolute;left:0;right:0;top:0;height:4rem;background:rgba(255,255,255,.9)}
.hdr__left,.hdr__right{position:absolute;top:0;height:0;transition:transform .5s ease-in-out}
.hdr__left{left:0;width:10vw}
.hdr__right{right:0;width:20vw;z-index:30}
.btn-menu{position:absolute;left:var(--v);top:12px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--b200);transition:background-color .3s,opacity .3s,transform .3s}
.btn-menu:hover{background:var(--b400)}
.btn-menu .bars{position:absolute;width:20px;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:opacity .3s,transform .3s}
.btn-menu .bars i{display:block;height:2px;background:#fff}
.btn-menu .x{position:absolute;opacity:0;color:#fff;transition:opacity .3s,transform .3s}
.btn-menu .x svg{width:32px;height:32px;display:block}
.btn-menu.menu-active .bars{opacity:0;transform:rotate(180deg)}
.btn-menu.menu-active .x{opacity:1;transform:rotate(180deg)}
.lang-mini{position:absolute;left:15vw;top:12px;width:40px;height:40px;display:grid;place-content:center;text-transform:uppercase;color:var(--b400);font-size:15px}
.ico-btn{position:absolute;top:8px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%}
.ico-btn svg{width:26px;height:26px;fill:var(--b400)}
.ico-btn.wa{right:3rem}.ico-btn.tel{right:.25rem}
.ico-btn.tel svg{width:22px;height:22px}

.logo{position:relative;display:block;top:8px;text-align:center;color:var(--gold);line-height:1}
.logo__in{display:flex;flex-direction:column;align-items:center;transition:transform .5s ease-in-out;transform-origin:50% 0}
.logo .lp{display:block}
.logo__wave{width:34px;height:10px;margin-bottom:5px}
.logo__wave path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.logo__name{font-family:var(--forum);font-size:16px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.logo__sub{margin-top:5px;font-size:6.5px;letter-spacing:.34em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.js .logo .lp{opacity:0;transform:translateY(24px)}
.js .logo .lp.in{opacity:1;transform:none;transition:transform 1.5s var(--expo),opacity 1.5s var(--expo)}
.js .logo .lp.out{opacity:0;transform:translateY(-24px);transition:transform 1.5s cubic-bezier(.895,.03,.685,.22),opacity 1.5s cubic-bezier(.895,.03,.685,.22)}
.logo .lp:nth-child(2){transition-delay:.1s!important}
.logo .lp:nth-child(3){transition-delay:.2s!important}

/* pills */
.pill{position:absolute;display:flex;align-items:center;border-radius:999px;font-family:var(--nunito);letter-spacing:.025em;-webkit-font-smoothing:antialiased;transition:background-color .3s,opacity .3s,transform .3s}
.pill__txt{width:100%;padding:0 4px}
.pill--main{right:-4rem;top:5rem;height:3rem;min-width:14rem;background:var(--b300);color:#fff;font-size:16px}
.pill--main .pill__txt{margin-left:1.5rem}
.pill--main:hover{background:var(--b400)}
.pill--main .pill__dot{display:none;position:absolute;left:0;width:4rem;height:4rem;align-items:center;justify-content:center;border-radius:50%;background:var(--b100)}
.pill__ring{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--b300);transition:border-color .15s}
.pill__ring i{width:8px;height:8px;border-radius:50%;background:var(--b300);transition:background-color .15s}
.pill--main:hover .pill__ring{border-color:var(--b400)}
.pill--main:hover .pill__ring i{background:var(--b400)}
.pill--sub{display:none;right:-4rem;top:9rem;height:2.5rem;min-width:14rem;background:var(--b50);color:var(--n700);font-size:14px}
.pill--sub .pill__txt{margin-left:1.5rem}
.pill--sub:hover{background:var(--b100)}
.pill__dot2{display:none;position:absolute;left:8px;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--b200);transition:background-color .15s}
.pill__dot2 span{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}
.pill__dot2 i{width:4px;height:4px;border-radius:50%;background:#fff}
.js .hdr .btn-menu,.js .hdr .pill{visibility:hidden;opacity:.05;transform:translateY(12px)}
.js .hdr .ready{visibility:visible!important;opacity:1!important;transform:none!important}

/* content pill (CTA) */
.cta{position:relative;display:flex;height:3rem;min-width:15rem;max-width:fit-content;align-items:center;border-radius:999px;background:var(--b100);color:var(--n700);font-size:16px;letter-spacing:.025em;transition:background-color .15s}
.cta:hover{background:var(--b200)}
.cta .pill__dot2{display:flex}
.cta:hover .pill__dot2{background:var(--b300)}
.cta__txt{margin-left:2.5rem;width:100%;padding:0 1.25rem 0 .5rem;text-align:center;white-space:nowrap}

/* fixed bottom pill */
.foot-pill{position:fixed;left:0;right:0;bottom:0;height:0;display:flex;justify-content:center;z-index:40}
.pill-menu{position:absolute;bottom:2.5rem;display:flex;height:4rem;min-width:16rem;width:15vw;align-items:center;border-radius:999px;color:var(--n700);background:rgba(255,255,255,.5);font-size:16px;letter-spacing:.025em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pill-menu__bg{position:absolute;inset:0;border-radius:inherit;background:var(--b200);opacity:.2;transition:opacity .15s}
.pill-menu:hover .pill-menu__bg{opacity:.4}
.pill-menu__ico{position:absolute;left:0;width:4rem;height:4rem;border-radius:50%;background:var(--b200)}
.pill-menu__ico svg{width:100%;height:100%;display:block}
.pill-menu__txt{position:relative;margin-left:3rem;width:100%;padding:0 4px;text-align:center}

@media (min-width:1024px){
  .btn-menu{left:5vw}
  .pill-menu{bottom:var(--v)}
}
@media (min-width:1280px){
  .hdr__bar,.lang-mini,.ico-btn{display:none}
  .btn-menu{top:var(--v);width:4rem;height:4rem}
  .btn-menu .bars{width:40px}
  .btn-menu .x svg{width:40px;height:40px}
  .logo{top:30px}
  .logo__wave{width:44px;height:12px;margin-bottom:7px}
  .logo__name{font-size:20px}
  .logo__sub{font-size:7.5px;margin-top:7px}
  .pill--main{right:5vw;left:auto;top:var(--v);height:4rem;min-width:16rem;text-align:center}
  .pill--main .pill__txt{margin-left:3rem}
  .pill--main .pill__dot{display:flex}
  .pill--sub{display:flex;right:var(--v);top:144px;height:3rem;min-width:15rem;font-size:16px;text-align:center}
  .pill--sub .pill__txt{margin-left:3rem}
  .pill--sub .pill__dot2{display:flex}
  .is-scrolled .hdr__left,.is-scrolled .hdr__right{transform:translateY(-24px)}
  .is-scrolled .logo__in{transform:scale(.75) translateY(-15%)}
}

/* ---------- home top: intro composer + hero ---------- */
.page_top{position:relative;overflow:hidden}
#introComposer{position:relative;display:flex;height:calc(100vh - 4rem);width:100%;margin-top:4rem;align-items:center;justify-content:center}
#introComposer .pic{position:absolute;display:none;overflow:hidden}
#homeLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);text-align:center;z-index:1}
#homeLogo .lp{display:block}
#homeLogo .logo__wave{width:22vw;height:6.4vw;margin:0 auto 3vw}
#homeLogo .logo__name{font-size:9vw}
#homeLogo .logo__sub{font-size:2.6vw;margin-top:3vw}
#homeTop{position:absolute;top:0;left:0;display:flex;height:100vh;width:100%;align-items:center}
#homeTopWrap{width:100vw;height:100%;overflow:hidden}
.picWrap,.picWrap .pic{position:relative;width:100%;height:100%;overflow:hidden}
.picWrap .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.24) 26%,rgba(0,0,0,.25) 100%)}
.picWrap img{object-position:50% 14%}
.js #homeTop{transform:scale(.1);opacity:0;transition:transform 2s var(--expo),opacity .2s var(--expo)}
.js #homeTop.show{opacity:1;transform:scale(1)}
.js #homeTopWrap{transform:scale(.4) translateY(7.5vw)}
.js #homeTopWrap .picWrap{transform:scale(1.5)}
.js #homeTopWrap.full{transform:none;transition:transform 2s var(--quart)}
.js #homeTopWrap.full .picWrap{transform:none;transition:transform 2s var(--quart)}
@media (min-width:1024px){
  #homeLogo .logo__wave{width:5.4vw;height:1.6vw;margin-bottom:.8vw}
  #homeLogo .logo__name{font-size:2.3vw}
  #homeLogo .logo__sub{font-size:.68vw;margin-top:.8vw}
}
@media (min-width:1280px){
  #introComposer{height:calc(100vh - 10rem);margin-top:10rem}
  #introComposer .pic{display:block;transform:scale(.1);opacity:.01;transition:transform 2s var(--expo),opacity .2s var(--expo)}
  #introComposer .pic img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.8);transition:transform 2s var(--expo)}
  #introComposer .pic.show{transform:none;opacity:1}
  #introComposer .pic.show img{transform:none}
  #introComposer .pic._1{left:37.5vw;width:670px;height:480px}
  #introComposer .pic._2{left:32.5vw;top:-2.5vw;width:480px;height:672px}
  #introComposer .pic._3{left:40vw;top:2.5vw;width:670px;height:480px}
  #introComposer .pic._4{left:35vw;top:7.5vw;width:480px;height:672px}
  #introComposer .pic._5{left:25vw;top:2.5vw;width:670px;height:480px}
  #introComposer .pic._6{left:40vw;top:5vw;width:480px;height:672px}
}
@media (min-width:1536px){#introComposer{height:calc(100vh - 13rem);margin-top:13rem}}
.no-js #introComposer .pic,.rm #introComposer .pic,.no-js #homeLogo,.rm #homeLogo{display:none!important}

/* ---------- stage (pinned clip reveal) ---------- */
.sec-stage{padding-bottom:5vw}
.stage{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden}
.titolo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:14rem;font-family:var(--forum);font-size:min(3rem,10.5vw);line-height:1;letter-spacing:.025em;white-space:nowrap;color:var(--n600)}
.titolo span{display:block}
.titolo2{color:#fff;clip-path:inset(0% 0% 0% 0%);will-change:clip-path;pointer-events:none}
.stage .back{position:absolute;inset:0;overflow:hidden;clip-path:inset(0% 0% 0% 0%);will-change:clip-path}
.stage .back img{will-change:transform;object-position:50% 40%}
.stage .back::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,30,36,.28),rgba(18,30,36,.12) 60%,rgba(18,30,36,.3))}
@media (min-width:1024px){
  .titolo{padding-top:5rem;gap:0;font-size:8vw}
  .titolo span{position:absolute}
  .titolo .t1{top:6.5vw;left:0;right:0;text-align:center}
  .titolo .t2{top:17.5vw;left:12.5vw}
  .titolo .t3{top:30vw;right:14.5vw}
}
@media (min-width:1280px){.titolo{padding-top:0}}

.intro-txt{margin:2.5rem auto 0;padding:0 5vw}
.intro-txt p{max-width:65ch;margin:0 auto;text-transform:uppercase;font-size:1rem;line-height:2;color:var(--n600)}
.intro-txt strong{font-family:var(--forum);text-transform:none;color:var(--gold);font-size:1.5rem;font-weight:400;letter-spacing:.02em}
.g-badge{display:flex;width:fit-content;margin:3.5rem auto 0;align-items:center;gap:14px;color:var(--b700)}
.g-badge__stars{color:var(--gold);font-size:18px;letter-spacing:.12em}
.g-badge__score{font-size:34px;font-weight:700;line-height:1;letter-spacing:0;color:var(--b700)}
.g-badge__txt{font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.g-badge:hover .g-badge__txt{text-decoration:underline;text-underline-offset:4px}
@media (min-width:1024px){.intro-txt{width:50vw;margin-top:5vw}}
@media (min-width:1280px){
  .intro-txt p{font-size:1.125vw;line-height:2.6vw}
  .intro-txt strong{font-size:1.875vw}
  .g-badge{margin-top:7.5vw}
}

/* ---------- headings shared ---------- */
.h-forum{font-family:var(--forum);font-size:1.875rem;line-height:1.5;text-transform:uppercase;color:var(--n700);letter-spacing:.051em}
@media (min-width:768px){.h-forum{font-size:2.25rem}}
@media (min-width:1280px){.h-forum{font-size:3vw}}
.q-forum{font-family:var(--forum);font-size:1rem;line-height:1.625;color:var(--n600)}
.q-by{display:block;margin-top:.9em;font-family:var(--nunito);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--b500)}
@media (min-width:1280px){.q-forum{font-size:1.25vw}.q-by{font-size:.75vw}}
.ar{position:relative;overflow:hidden}
.ar-55{aspect-ratio:5.5/3.5}.ar-57{aspect-ratio:5/7}.ar-11{aspect-ratio:1/1}.ar-355{aspect-ratio:3.5/5}.ar-65{aspect-ratio:6/5}.ar-169{aspect-ratio:16/9}

/* ---------- welcome / story ---------- */
.sec-welcome{background:var(--b50);padding:10vw 5vw 5vw}
.w-row1 .w-h{padding-top:5vw}
.w-img-r{display:none}
.w-row2{margin-top:5vw;display:flex;flex-direction:column;gap:5vw}
.w-quote{order:3;display:flex;align-items:center}
.w-cta{order:4;display:flex;justify-content:center;margin-top:1rem}
@media (min-width:1024px){
  .w-row1{display:flex}
  .w-row1 .w-h h1{margin-left:5vw}
  .w-img-r{display:block;margin-left:auto;width:27.5vw}
  .w-row2{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:0;margin-top:0}
  .w-row2>*{width:27.5vw}
  .w-quote{padding:0 var(--v)}
  .w-i1{order:1}.w-i2{order:2}
  .w-cta{margin-top:4rem}
}

/* ---------- contrasts gallery ---------- */
.sec-contrasts{padding:10vw 10vw 15vw}
.c-row1,.c-row2,.c-row3{display:flex;flex-direction:column;gap:2.5rem}
.c-row2{margin-top:2.5rem}
.c-row3{margin-top:4rem}
.c-head{display:flex;align-items:center;justify-content:center;text-align:center}
.c-col{display:flex;flex-direction:column}
.c-colA{order:1}.c-colB{order:2}.c-colC{order:3}
.c-colA .c-sqwrap{margin-top:var(--v);margin-left:auto;width:60%}
.c-colB .ar-57{margin-top:var(--v)}
.c-colC .c-sq{margin-top:var(--v);width:60%}
.c-colC .c-q{margin-top:2.5rem}
.c-btn{display:flex;justify-content:center;margin-top:2.5rem}
.c-small{width:60%;margin-left:auto}
.c-r3side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}
.c-r3side .ar-11{width:100%}
@media (min-width:1024px){
  .c-row1,.c-row2,.c-row3{flex-direction:row;gap:0}
  .c-row2{justify-content:space-between;margin-top:var(--v)}
  .c-row3{margin-top:10vw}
  .c-w10{width:25vw}.c-w12{width:30vw}
  .c-row1 .c-w10:first-child{display:flex}
  .c-small{width:60%;margin:auto 0 0 auto}
  .c-head{padding:0 var(--v)}
  .c-colB{margin-bottom:5vw}
  .c-colC .c-q{margin-top:auto;padding-top:2.5rem}
  .c-btn{margin-top:5vw}
}
@media (min-width:1280px){
  .c-colA .c-sqwrap,.c-colC .c-sq{width:15vw}
  .c-colC .c-btn{padding-left:var(--v);justify-content:flex-start}
  .c-r3side{width:15vw;gap:0}
  .c-r3side .c-btn{position:absolute;bottom:var(--v);margin:0}
}

/* ---------- doni (signature dishes) ---------- */
.doni-hero{position:relative;width:100%;overflow:hidden;aspect-ratio:5/4}
.doni-hero img{object-position:50% 55%}
.doni-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,28,34,.05),rgba(15,28,34,.35))}
.doni-h{position:absolute;top:0;bottom:0;right:15vw;display:flex;align-items:center;z-index:1}
.doni-h h2{display:flex;flex-direction:column;gap:2.5rem;font-family:var(--forum);font-size:3rem;line-height:1;letter-spacing:.11em;color:#fff;white-space:nowrap}
.doni-h span{position:relative;display:block}
.doni-h .s1{left:-5vw}.doni-h .s2{left:10vw}.doni-h .s3{left:-2.5vw}
.doni-body{padding:0 10vw;margin-top:2.5rem}
.doni-lead p{font-family:var(--forum);font-size:1rem;line-height:1.625;text-transform:uppercase;text-align:center;letter-spacing:.051em}
.doni-imgs{display:flex;flex-direction:column;gap:5vw;margin-top:2.5rem}
.doni-imgs figcaption{margin-top:14px;font-family:var(--forum);font-size:1.05rem;color:var(--n700);letter-spacing:.05em}
.doni-imgs figcaption small{display:block;margin-top:2px;font-family:var(--nunito);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--b500)}
@media (min-width:1024px){
  .doni-hero{aspect-ratio:auto;height:100vh}
  .doni-h h2{gap:5vw}
  .doni-body{margin-top:5vw}
  .doni-lead{width:40vw;margin:0 auto}
  .doni-imgs{flex-direction:row;justify-content:space-between;margin-top:5vw;gap:0}
  .d7{width:17.5vw}.d12{width:30vw}
}
@media (min-width:1280px){
  .doni-h h2{font-size:8vw}
  .doni-h span{top:-2.5vw}
  .doni-lead p{font-size:1.25vw}
  .doni-imgs figcaption{font-size:1.15vw}
  .doni-imgs figcaption small{font-size:.7vw}
}

/* ---------- origins / visit ---------- */
.sec-origins{margin-top:2.5rem;padding:0 10vw 10vw}
.o-quote{display:flex;justify-content:center;text-align:center}
.o-media{margin-top:2.5rem}
.o-media img{object-position:0% 50%;animation:drift 22s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.12) translateX(-2%)}to{transform:scale(1.03) translateX(2%)}}
.o-info{margin-top:2.5rem;display:flex;flex-direction:column;gap:2rem}
.o-text p{font-size:1rem;line-height:1.625;letter-spacing:.051em}
.o-text p strong{font-weight:700;color:var(--n700)}
.o-text a{text-decoration:underline;text-decoration-color:var(--b300);text-underline-offset:3px;transition:color .15s}
.o-text a:hover{color:var(--b500)}
.o-dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.5rem;margin-top:1.6rem;font-size:15px}
.o-dl dt{font-family:var(--forum);text-transform:uppercase;color:var(--n700);letter-spacing:.08em}
.o-dl dd{color:var(--n600)}
.o-ctas{display:flex;flex-direction:column;gap:.85rem;align-items:center}
@media (min-width:1024px){
  .sec-origins{margin-top:5vw}
  .o-media,.o-info{margin-top:5vw}
  .o-info{flex-direction:row;align-items:center;justify-content:space-between}
  .o-ctas{margin-left:5vw;align-items:flex-end}
}
@media (min-width:1280px){.o-text{width:50%}}
@media (min-width:1536px){.o-text>div{padding-right:5vw}.o-text p{font-size:.95vw}.o-dl{font-size:.9vw}}

/* ---------- footer ---------- */
.footer{position:relative;display:flex;min-height:100vh;align-items:flex-end;background:var(--b50);padding:12.5vw 5vw 0;color:var(--n700);letter-spacing:.051em}
.footer__in{position:relative;width:100%;margin-top:5vw;padding-bottom:9rem}
.footer__rings{position:absolute;bottom:0;left:0;right:0;z-index:0}
.footer__rings svg{display:block;width:100%;height:auto}
.footer__cols{position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}
.menu-footer{display:flex;flex-direction:column;gap:1rem;font-family:var(--forum);letter-spacing:.051em}
.menu-footer.big{font-size:1.25rem;line-height:1.75rem}
.menu-footer.small{font-size:1.125rem;line-height:1.75rem}
.menu-footer a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s ease}
.menu-footer a:hover,.menu-footer a[aria-current]{background-size:100% 1px}
.footer__right .menu-footer+.menu-footer{margin-top:2.5rem}
.footer__row2{position:relative;margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}
.socials{display:flex;gap:2rem}
.socials a{color:var(--b700);transition:color .15s}
.socials a:hover{color:var(--b400)}
.socials svg{width:28px;height:28px;display:block}
.f-badge{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--b700);text-align:center}
.f-badge b{font-size:26px;line-height:1;letter-spacing:0}
.f-badge span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.f-badge em{font-style:normal;color:var(--gold);font-size:12px;letter-spacing:.14em}
.footer__copy{position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.875rem;line-height:1.625;text-align:center;letter-spacing:.04em}
.footer__copy a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--b300)}
.footer__copy a:hover{color:var(--b500)}
.footer__copy .sep{display:none}
@media (min-width:1024px){
  .footer__copy{flex-direction:row;justify-content:center;gap:.5rem}
  .footer__copy .sep{display:inline}
}
@media (min-width:1280px){
  .footer__rings{left:15vw;right:15vw}
  .footer__cols{flex-direction:row;justify-content:space-between;align-items:flex-end;text-align:left;gap:0}
  .footer__left{width:25vw}
  .footer__right{width:12vw}
  .menu-footer{gap:1vw}
  .menu-footer.big{align-items:flex-start}
  .footer__row2{flex-direction:row;justify-content:space-between;margin-top:5vw}
  .f-badge{width:12vw;align-items:flex-start;text-align:left}
}

/* ---------- navigation overlay ---------- */
.navigation{position:fixed;inset:0;z-index:45;display:flex;width:100%;height:100%;background:#fff;visibility:hidden;opacity:0}
.navigation.open{visibility:visible;opacity:1}
.nav-scroll{width:100%;height:100%;overflow:auto}
.nav-wrap{position:relative;width:66.666%;margin:8rem auto 10rem}
.line1,.line2,.line3{position:absolute;background:var(--b500);z-index:2}
.line1{display:none;top:0;left:0;width:100%;height:1px;transform-origin:0 0}
.line2{display:none;top:0;right:0;width:1px;height:100%;transform-origin:0 0}
.line3{top:0;left:0;width:1px;height:100%;transform-origin:0 0}
.nav-main{display:flex;flex-direction:column;align-items:flex-start}
.nav-main ul{display:flex;flex-direction:column;gap:1rem;font-weight:300;font-size:1.25rem;line-height:1.75rem;color:var(--n700);letter-spacing:.051em}
.nav-main a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s ease,color .2s}
.nav-main a:hover{background-size:100% 1px;color:var(--b600)}
.nav-lang{display:flex;gap:.5rem;margin-top:2rem;text-transform:uppercase;color:var(--n700)}
.nav-lang button{padding:0 4px;text-underline-offset:4px;text-decoration-thickness:1px}
.nav-lang button[aria-pressed="true"],.nav-lang button:hover{text-decoration:underline}
.nav-side{position:relative;margin-top:3rem}
.nav-side .in{display:flex;flex-direction:column;gap:2rem}
.nav-util{display:flex;flex-direction:column;gap:.6rem;font-family:var(--forum);font-size:1.125rem;color:var(--n700);letter-spacing:.051em}
.nav-util a:hover{text-decoration:underline;text-underline-offset:4px}
.nav-addr{font-size:.875rem;line-height:1.7;color:var(--n700)}
.nav-addr .nm{display:block;margin-bottom:.5rem;font-family:var(--forum);font-size:1.125rem;text-transform:uppercase;letter-spacing:.08em}
.nav-addr a:hover{text-decoration:underline}
.nav-foto{display:none}
@media (min-width:1024px){
  .nav-wrap{display:flex;width:100%;margin:12rem 0 0}
  .line1,.line2{display:block}
  .nav-main{order:2;flex-grow:1;padding:5vw 0}
  .nav-main ul{margin-left:5vw;margin-top:var(--v)}
  .nav-lang{margin-left:5vw;margin-top:5vw}
  .nav-side{order:1;width:25vw;margin-top:0;padding-right:2rem;padding-bottom:5vw;display:flex;align-items:flex-end}
  .nav-side .in{margin-left:5vw}
  .nav-foto{display:block;position:relative;order:3;width:35vw;overflow:hidden;clip-path:inset(0% 0% 0% 0%)}
}
@media (min-width:1280px){
  .nav-main ul{gap:1vw}
  .nav-foto{width:30vw}
}
@media (min-width:1536px){
  .nav-wrap{margin-top:16rem}
  .nav-main ul{font-size:1.25vw;line-height:1;letter-spacing:.11em}
  .nav-side{width:22.5vw}
}

/* ---------- concept toast ---------- */
.toast{position:fixed;left:16px;bottom:16px;z-index:60;max-width:340px;padding:14px 44px 14px 16px;border-radius:14px;border:1px solid var(--b200);background:rgba(255,255,255,.96);color:var(--n700);font-size:13px;line-height:1.45;letter-spacing:.02em;box-shadow:0 12px 32px rgba(48,93,106,.16);opacity:0;transform:translateY(14px);visibility:hidden;transition:opacity .5s var(--expo),transform .5s var(--expo),visibility .5s}
.toast.show{opacity:1;transform:none;visibility:visible}
.toast a{text-decoration:underline;text-underline-offset:2px}
.toast__x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-content:center;color:var(--n600);font-size:18px;line-height:1}
.toast__x:hover{background:var(--b100)}
@media (max-width:1023px){.toast{left:12px;right:12px;bottom:7.5rem;max-width:none}}

/* ---------- menu page ---------- */
.m-top{padding:9rem 10vw 4rem}
.m-top__img{width:100%}
.m-top__txt h1{font-family:var(--forum);font-size:3.5rem;line-height:1;text-transform:uppercase;color:var(--n700);letter-spacing:.02em}
.m-top__txt p{margin-top:1.75rem;text-transform:uppercase;font-size:.85rem;line-height:2;color:var(--n600)}
.m-top__txt .cta{margin-top:2rem}
.m-top .g-badge{margin:2.5rem 0 0}
.m-sec{padding:4rem 10vw;display:flex;flex-direction:column;gap:2.5rem}
.m-list h2{font-family:var(--forum);font-size:1.75rem;line-height:1.3;text-transform:uppercase;color:var(--n700);letter-spacing:.051em}
.m-list .sub{display:block;margin-top:.25rem;font-family:var(--nunito);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--b500)}
.m-items{margin-top:2.25rem;display:flex;flex-direction:column;gap:1.85rem}
.mi__name{font-size:.95rem;color:var(--n700);letter-spacing:.051em}
.mi__alt{margin-top:2px;font-size:.8rem;font-style:italic;color:var(--n500);letter-spacing:.03em}
.mi__price{margin-top:6px;font-size:.8rem;color:var(--b400);letter-spacing:.22em}
.m-pic{position:relative}
.m-pic .ar{width:100%}
.m-note{margin-top:2.5rem;font-size:.78rem;color:var(--n500);letter-spacing:.06em}
.m-open{padding:4rem 10vw 8rem;display:flex;flex-direction:column;gap:2.5rem}
.m-open h2{font-family:var(--forum);font-size:1.5rem;text-transform:uppercase;color:var(--n700);letter-spacing:.051em}
.m-open p{margin-top:.5rem;font-size:.9rem;line-height:1.7}
.m-open .blk+.blk{margin-top:2.5rem}
@media (min-width:1024px){
  .m-top{display:flex;align-items:flex-start;padding:10rem 10vw 5vw}
  .m-top__img{width:25vw}
  .m-top__txt{margin-left:20vw;width:37.5vw;padding-top:4vw}
  .m-top__txt h1{font-size:7vw}
  .m-top__txt p{font-size:.9vw;line-height:2.1}
  .m-sec{flex-direction:row;justify-content:space-between;align-items:flex-start;padding:5vw 10vw;gap:0}
  .m-sec .m-list{width:37.5vw}
  .m-sec .m-pic{width:35vw;position:sticky;top:120px}
  .m-sec.rev .m-list{order:2}
  .m-sec.rev .m-pic{order:1;width:25vw}
  .m-list h2{font-size:2.25vw}
  .m-open{flex-direction:row;align-items:flex-start;padding:5vw 10vw 10vw;gap:0}
  .m-open .m-pic{width:30vw;margin-left:2.5vw}
  .m-open .m-txt{margin-left:auto;width:35vw}
}
@media (min-width:1280px){
  .mi__name{font-size:1vw}
  .mi__alt,.mi__price{font-size:.85vw}
  .m-items{gap:2.6vw}
  .m-open h2{font-size:1.65vw}
  .m-open p{font-size:.95vw}
}

/* ---------- 404 ---------- */
.nf{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:6rem 1.5rem;text-align:center;background:var(--b50)}
.nf h1{font-family:var(--forum);font-size:clamp(3rem,9vw,8rem);line-height:1;color:var(--n700)}
.nf p{max-width:36ch}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}