@charset "UTF-8";
/* Studio Legale Àncora — seli-finale.css | monochrome editorial, bordeaux accent */
:root{
  --white:#ffffff; --alt:#f4f4f4; --dark:#111111; --dark2:#191919;
  --ink:#333333; --muted:#767676; --accent:#8a1c2b; --accentd:#6f1622; --rule:#e0e0e0; --cream:#f2efe3;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.85;font-size:15px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:.3s}
h1,h2,h3{margin:0}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.narrow{max-width:900px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:var(--dark);color:#fff;padding:10px 14px;z-index:200}
.ph img{filter:grayscale(1) contrast(1.02);transition:filter .6s}
.ph:hover img{filter:grayscale(0)}
.center{text-align:center}
.text-xl{font-size:1.5rem}
.brk{word-break:break-all}
.fineprint{color:var(--muted);font-size:12.5px;line-height:1.7;margin-top:18px}
.fineprint.center{max-width:760px;margin:24px auto 0}

/* header */
.hd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}
.hd__in{max-width:1280px;margin:0 auto;height:70px;padding:0 clamp(18px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.hd__logo{display:flex;align-items:center;gap:11px}
.hd__mark{width:13px;height:13px;border-radius:50%;border:2px solid var(--accent);position:relative;flex:none}
.hd__mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}
.hd__logo b{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.5rem;display:block;line-height:1;color:var(--dark)}
.hd__logo em{font-family:'Oswald',sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;color:var(--muted)}
.hd__nav{display:none;gap:26px;font-family:'Oswald',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.hd__nav a{color:var(--ink)}.hd__nav a:hover{color:var(--accent)}
.hd__right{display:flex;align-items:center;gap:14px}
.burger{display:inline-flex;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.burger span{width:24px;height:1.5px;background:var(--dark)}
.nav-chk{display:none}
.nav-ov{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.4s;z-index:70}
.nav-chk:checked~.nav-ov{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:82%;max-width:340px;background:#fff;z-index:80;transform:translateX(100%);transition:transform .4s;padding:24px clamp(20px,6vw,32px);overflow-y:auto}
.nav-chk:checked~.drawer{transform:translateX(0)}
.drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.drawer__x{font-size:2rem;line-height:1;cursor:pointer}
.drawer a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}
.drawer a:hover{color:var(--accent)}
.drawer__tel{margin-top:20px;text-align:center;background:var(--dark);color:#fff!important;padding:13px;border-bottom:0!important;font-family:'Oswald';letter-spacing:.04em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-family:'Oswald',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;padding:14px 30px;transition:background .3s}
.btn:hover{background:var(--accentd)}
.btn--sm{padding:9px 18px;font-size:.7rem}
.btn--o{background:transparent;border:1px solid var(--dark);color:var(--dark)}
.btn--o:hover{background:var(--dark);color:#fff}
.btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
.hide-sm{display:none}
.alink{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px}
.alink svg{transition:transform .3s}.alink:hover svg{transform:translateX(4px)}

/* trio heading */
.trio{margin-bottom:40px}
.trio--c{text-align:center}
.trio__en{font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(34px,7vw,72px);line-height:1;color:#ececec;display:block}
.trio--light .trio__en{color:rgba(255,255,255,.1)}
.trio__it{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(26px,4vw,40px);line-height:1.2;color:var(--dark);margin-top:-.35em}
.trio--light .trio__it{color:#fff}
.trio__lead{margin:16px auto 0;max-width:60ch;color:var(--muted);line-height:1.9}
.trio--c .trio__lead{margin-left:auto;margin-right:auto}
.trio--light .trio__lead{color:rgba(255,255,255,.7)}

/* sections */
.sec{padding:clamp(64px,10vw,120px) 0}
.sec.bg-alt{background:var(--alt)}
.prose p{margin:0 0 1.1em;color:var(--ink)}.prose p:last-child{margin-bottom:0}
.prose-lead{font-size:1.05rem;line-height:1.95;color:var(--ink);max-width:64ch;margin:0 auto;text-align:center}
.center-block{text-align:center}

/* hero split (testo + foto) */
.thero{padding:clamp(64px,10vw,104px) 0;background:var(--cream);border-bottom:1px solid var(--rule)}
.thero__grid{display:grid;gap:clamp(30px,5vw,64px);align-items:center}
.thero__col{min-width:0}
.thero__meta{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);margin:0 0 24px}
.thero__h{font-weight:500;font-size:clamp(34px,6vw,66px);line-height:1.05;color:var(--dark);margin:0}
.thero__h em{font-style:italic;color:var(--accent)}
.thero__sub{margin:26px 0 32px;max-width:52ch;color:var(--muted);font-size:clamp(15px,2vw,17px);line-height:1.9}
.thero__cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.thero__cta .alink{margin-top:0;color:var(--dark);border-color:var(--dark)}
.thero__media img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* primo incontro (fmeet) */
.fmeet{display:grid;gap:clamp(18px,3vw,26px);margin-top:clamp(30px,5vw,44px)}
.fmeet__i{background:#fff;border:1px solid var(--rule);padding:clamp(26px,3vw,36px)}
.fmeet__n{font-family:'Oswald',sans-serif;font-weight:300;font-size:1.5rem;color:var(--accent);display:block;margin-bottom:10px}
.fmeet__i h3{font-size:1.5rem;color:var(--dark);margin:0 0 .4em}
.fmeet__i p{color:var(--muted);margin:0}

/* split (studio + area pages) */
.split{display:grid;gap:clamp(30px,5vw,60px);align-items:center}
.split__img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.split__txt .prose{margin-top:6px}

/* router (client-voice) */
.router{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:clamp(30px,5vw,48px)}
.qv{background:#fff;padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:12px;transition:background .3s}
.qv:hover{background:var(--cream)}
.qv__q{font-size:1.5rem;color:var(--dark);line-height:1.2}
.qv__a{color:var(--muted);font-size:.95rem;flex:1}
.qv__go{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--accent)}
.qv__go svg{transition:transform .3s}
.qv:hover .qv__go svg{transform:translateX(4px)}

/* manifesto */
.manifesto{background:var(--dark);color:#fff;padding:clamp(70px,12vw,140px) 0}
.manifesto__q{font-weight:400;font-style:italic;font-size:clamp(24px,4.2vw,44px);line-height:1.34;color:#fff;max-width:26ch;margin:0}
.manifesto__by{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);margin:28px 0 0}

/* aree ledger */
.ledger{margin-top:clamp(30px,5vw,48px);border-top:1px solid var(--dark)}
.ledger__row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:clamp(14px,3vw,34px);padding:clamp(24px,3.5vw,38px) 0;border-bottom:1px solid var(--rule);transition:padding .3s,background .3s}
.ledger__row:hover{padding-left:12px;background:linear-gradient(90deg,var(--cream),transparent)}
.ledger__n{font-family:'Oswald',sans-serif;font-weight:300;font-size:1.1rem;color:var(--accent)}
.ledger__t{font-size:clamp(22px,3vw,34px);color:var(--dark);line-height:1.15}
.ledger__d{color:var(--muted);font-size:.95rem;max-width:48ch}
.ledger__go{color:var(--accent);align-self:center}
.ledger__go svg{transition:transform .3s}
.ledger__row:hover .ledger__go svg{transform:translateX(5px)}

/* honesty do / dont */
.honesty{display:grid;gap:clamp(18px,3vw,24px);margin-top:clamp(30px,5vw,48px)}
.honesty__col{padding:clamp(28px,4vw,44px)}
.honesty--do{background:#fff;border:1px solid var(--rule)}
.honesty--dont{background:var(--dark);color:#fff}
.honesty__h{font-size:1.7rem;margin:0 0 22px;color:var(--dark)}
.honesty--dont .honesty__h{color:#fff}
.honesty ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.honesty li{position:relative;padding-left:34px;line-height:1.7}
.honesty--do li{color:var(--ink)}
.honesty--do li::before{content:"";position:absolute;left:2px;top:.35em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.honesty--dont li{color:rgba(255,255,255,.82)}
.honesty--dont li::before{content:"";position:absolute;left:4px;top:.85em;width:14px;height:2px;background:var(--accent)}

/* onorari band + listino */
.onorari-band{text-align:center}
.onorari-band .prose{text-align:left}
.onorari-band .prose p{color:var(--ink)}
.listino{text-align:left;margin:clamp(30px,5vw,44px) 0 6px;background:#fff;border:1px solid var(--rule)}
.listino__row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px clamp(20px,3vw,28px);border-bottom:1px solid var(--rule)}
.listino__row:last-child{border-bottom:0}
.listino__main{display:flex;flex-direction:column;gap:5px;min-width:0}
.listino__svc{font-size:1.3rem;color:var(--dark);line-height:1.25}
.listino__note{color:var(--muted);font-size:.88rem;line-height:1.5}
.listino__price{font-family:'Oswald',sans-serif;font-weight:500;font-size:1.15rem;color:var(--accent);white-space:nowrap;flex:none}

/* ticks (area pages) */
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ticks li{position:relative;padding-left:28px;color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:2px;top:.6em;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.ticks--light li{color:rgba(255,255,255,.85)}.ticks--light li::before{border-color:var(--cream)}

/* dark base (legal head) */
.dark{background:var(--dark);color:#fff;padding:clamp(64px,10vw,120px) 0}

/* faq */
.faqcols{display:grid;gap:0 clamp(30px,5vw,60px)}
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0}
.faq summary span{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--dark)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;width:16px;height:16px;flex:none}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;background:var(--accent);transition:.3s}
.faq summary i::before{top:7px;left:0;width:16px;height:2px}.faq summary i::after{left:7px;top:0;width:2px;height:16px}
.faq details[open] summary i::after{transform:rotate(90deg);opacity:0}
.faq p{margin:0 0 22px;color:var(--muted)}

/* appuntamento */
.appt{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:clamp(30px,5vw,44px)}
.appt__fact{background:#fff;padding:26px clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:8px}
.appt__fact .lbl{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;color:var(--muted)}
.appt__tel{font-size:1.5rem;color:var(--dark)}
.appt__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.mapwide{margin-top:clamp(40px,6vw,64px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.mapwide iframe{width:100%;height:360px;border:0;display:block;filter:grayscale(1)}

/* cta band */
.cband{background:var(--dark);color:#fff}
.cband__in{padding:clamp(48px,8vw,80px) 0;display:grid;gap:24px}
.cband__t{font-size:clamp(1.8rem,4vw,2.6rem);color:#fff}
.cband__p{color:rgba(255,255,255,.7);max-width:52ch}
.cband__b{display:flex;gap:14px;flex-wrap:wrap}
.cband .btn--o{border-color:#fff;color:#fff}.cband .btn--o:hover{background:#fff;color:var(--dark)}

/* service hero */
.shero{position:relative;background:var(--dark)}
.shero__media{height:min(52vh,480px)}
.shero__media img{width:100%;height:100%;object-fit:cover;opacity:.55}
.shero__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,17,.85),rgba(17,17,17,.25))}
.shero__txt{position:absolute;inset:auto 0 0 0;padding-bottom:clamp(30px,5vw,56px);color:#fff}
.shero__en{font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:var(--cream);display:block;margin-bottom:12px}
.shero__it{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,5.5vw,54px);line-height:1.1;max-width:16ch}
.shero__lead{margin:16px 0 0;max-width:56ch;color:rgba(255,255,255,.85)}

/* area page components */
.cardgrid{display:grid;gap:clamp(18px,3vw,28px);margin-top:clamp(30px,5vw,44px)}
.qcard{background:#fff;border:1px solid var(--rule);padding:clamp(24px,3vw,32px)}
.qcard h3{font-size:1.5rem;color:var(--dark);margin-bottom:.4em}
.qcard p{color:var(--muted);margin:0}
.duo{display:grid;gap:clamp(18px,3vw,24px);margin-top:clamp(30px,5vw,44px)}
.duo__col{padding:clamp(28px,4vw,40px)}
.duo__col--a{background:#fff;border:1px solid var(--rule)}
.duo__col--b{background:var(--dark);color:#fff}
.duo__col h3{font-size:1.7rem;margin-bottom:18px}
.duo__col--b h3{color:#fff}
.topicgrid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:clamp(30px,5vw,44px)}
.topic{background:#fff;padding:clamp(24px,3vw,34px)}
.topic__n{font-family:'Oswald';font-weight:300;color:var(--accent);font-size:1.2rem}
.topic h3{font-size:1.5rem;color:var(--dark);margin:.1em 0 .4em}
.topic p{color:var(--muted);margin:0;font-size:.95rem}
.timeline{list-style:none;margin:clamp(30px,5vw,44px) 0 0;padding:0;position:relative}
.tl__i{display:flex;gap:clamp(20px,4vw,36px);padding-bottom:clamp(28px,4vw,40px);position:relative}
.tl__n{font-family:'Oswald';font-weight:300;font-size:1.6rem;color:#fff;background:var(--accent);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;z-index:1}
.tl__i:not(:last-child)::before{content:"";position:absolute;left:28px;top:56px;bottom:0;width:1px;background:var(--rule)}
.tl__c{padding-top:6px}
.tl__c h3{font-size:1.6rem;color:var(--dark);margin-bottom:.3em}
.tl__c p{color:var(--muted);margin:0}

/* legal */
.legal-head{padding:clamp(50px,8vw,90px) 0}
.legal-head .trio__en--light{color:rgba(255,255,255,.12);font-size:.8rem;letter-spacing:.16em}
.legal-head__h{font-weight:500;font-size:clamp(32px,6vw,56px);color:#fff;margin-top:8px}
.legal-head__u{color:rgba(255,255,255,.55);font-size:.9rem;margin-top:14px}
.legal h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.5rem;color:var(--dark);margin:1.8em 0 .4em}
.legal p{color:var(--muted)}
.legal a{color:var(--accent);border-bottom:1px solid var(--accent);word-break:break-word}

/* cookie */
.cookie{position:fixed;bottom:16px;left:12px;right:12px;z-index:90;background:var(--dark);color:#fff;padding:22px;max-width:440px;border-top:2px solid var(--accent);box-shadow:0 18px 50px rgba(0,0,0,.35)}
@media(min-width:768px){.cookie{left:auto;right:24px}}
.cookie__t{font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin:0 0 6px}
.cookie__x{margin:0;font-size:.86rem;color:rgba(255,255,255,.8);line-height:1.6}
.cookie__x a{color:#fff;text-decoration:underline}
.cookie__row{margin-top:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cookie__more{font-size:.82rem;color:rgba(255,255,255,.7);text-decoration:underline}

/* footer */
.ft{background:var(--dark);color:rgba(255,255,255,.8)}
.ft__in{max-width:1200px;margin:0 auto;padding:clamp(50px,8vw,80px) clamp(20px,5vw,40px);display:grid;gap:40px}
.ft__logo b{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.6rem;color:#fff}
.ft__logo span{font-family:'Oswald';text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--muted);margin-left:8px}
.ft__tag{color:rgba(255,255,255,.55);max-width:36ch;margin:12px 0 14px}
.ft__addr{color:rgba(255,255,255,.5);font-size:.9rem;line-height:1.8}
.ft__addr a{color:#fff}
.ft__cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ft__h{font-family:'Oswald';text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.72rem;margin:0 0 12px}
.ft__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft__cols a{color:rgba(255,255,255,.75);font-size:.92rem}.ft__cols a:hover{color:#fff}
.ft__copy{border-top:1px solid rgba(255,255,255,.12);margin:0;padding:18px 20px;text-align:center;font-size:.72rem;color:rgba(255,255,255,.45);line-height:1.7}

/* responsive */
@media(min-width:640px){
  .router{grid-template-columns:1fr 1fr}
  .honesty{grid-template-columns:1fr 1fr}
  .appt{grid-template-columns:repeat(3,1fr)}
  .fmeet{grid-template-columns:repeat(3,1fr)}
  .cardgrid{grid-template-columns:1fr 1fr}
  .duo{grid-template-columns:1fr 1fr}
  .topicgrid{grid-template-columns:repeat(2,1fr)}
  .ft__in{grid-template-columns:1.4fr 1fr}
}
@media(min-width:900px){
  .hd__nav{display:flex}
  .hide-sm{display:inline-flex}
  .thero__grid{grid-template-columns:1.05fr .95fr}
  .thero__media img{aspect-ratio:5/6}
  .split{grid-template-columns:1.1fr .9fr}
  .router{grid-template-columns:repeat(3,1fr)}
  .faqcols{grid-template-columns:1fr 1fr}
  .cband__in{grid-template-columns:1fr auto;align-items:center}
  .topicgrid{grid-template-columns:repeat(3,1fr)}
}