:root { --forest:#183d35; --ink:#202322; --ivory:#f6f1e8; --paper:#fffdf8; --brass:#a7854b; --muted:#676963; --line:#dcd5c7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--ivory); font-family:Georgia, 'Times New Roman', serif; line-height:1.6; }
a { color:inherit; }
.wrap { width:min(1120px, calc(100% - 40px)); margin-inline:auto; }
.skip { position:absolute; left:-999px; top:auto; }
.skip:focus { left:16px; top:16px; z-index:10; background:white; padding:10px; }
.topbar { background:var(--forest); color:#fff; font:700 12px/1.2 Arial,sans-serif; letter-spacing:.06em; }
.topbar .wrap { display:flex; justify-content:flex-end; align-items:center; min-height:42px; gap:14px; }
.topbar a { color:#fff; text-decoration:none; white-space:nowrap; }
header { position:sticky; top:0; z-index:5; background:rgba(255,253,248,.98); border-bottom:1px solid var(--line); }
.nav { min-height:77px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--forest); text-decoration:none; line-height:1; }
.brand-mark { width:39px; height:39px; object-fit:contain; }
.brand b { display:block; font:700 25px/1 Arial,sans-serif; letter-spacing:.18em; }
.brand small { display:block; margin-top:7px; font:600 9px/1 Arial,sans-serif; letter-spacing:.24em; text-align:center; }
nav { display:none; }
nav a { margin-left:25px; font:700 11px Arial,sans-serif; letter-spacing:.08em; text-decoration:none; }
.menu-phone { color:var(--forest); font:700 13px Arial,sans-serif; text-decoration:none; }
.hero { color:var(--paper); background:linear-gradient(90deg,rgba(12,48,47,.98) 0%,rgba(15,60,54,.93) 52%,rgba(16,60,53,.5) 100%),url('hero-antiquariato-udine.jpg') center/cover; }
.hero .wrap { min-height:420px; display:grid; align-content:center; padding-block:72px; }
.eyebrow { color:#d5c49d; font:700 11px Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3 { color:var(--forest); font-weight:400; }
h1 { max-width:740px; margin:14px 0 20px; color:#fff; font-size:clamp(44px,7vw,70px); letter-spacing:-.05em; line-height:1; }
h2 { margin:10px 0 17px; font-size:clamp(31px,4.5vw,48px); line-height:1.08; letter-spacing:-.035em; }
h3 { margin:0 0 8px; font-size:24px; }
.hero p { max-width:600px; margin:0 0 26px; color:#e2e5dd; font-size:18px; }
.button { display:inline-block; width:max-content; padding:15px 21px; color:#fff; background:var(--brass); font:700 12px Arial,sans-serif; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
.button:hover,.button:focus { background:#8a6b37; }
.note { display:block; margin-top:15px; color:#cad2ca; font:12px Arial,sans-serif; }
main section { padding:76px 0; }
.intro { background:var(--paper); }
.lead { max-width:740px; margin:0; font-size:20px; }
.grid { display:grid; gap:16px; margin-top:32px; }
.card { padding:27px 24px; border:1px solid var(--line); background:#fffdf8; }
.card p { margin:0; color:var(--muted); }
.number { margin-bottom:13px; color:var(--brass); font:700 12px Arial,sans-serif; letter-spacing:.14em; }
.dark { background:var(--forest); color:#fff; }
.dark h2 { color:#fff; }
.dark p { color:#dce2db; }
.steps { display:grid; gap:0; margin-top:30px; counter-reset:steps; }
.step { position:relative; padding:22px 0 22px 66px; border-top:1px solid var(--line); }
.step::before { position:absolute; top:25px; left:0; color:var(--brass); content:'0' counter(steps); counter-increment:steps; font:700 15px Arial,sans-serif; }
.step p { margin:0; color:var(--muted); }
.links { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.links a { padding:10px 12px; border:1px solid #b9ae9b; font:700 11px Arial,sans-serif; letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }
.faq { background:var(--paper); }
details { padding:18px 0; border-top:1px solid var(--line); }
details:last-child { border-bottom:1px solid var(--line); }
summary { cursor:pointer; color:var(--forest); font-size:20px; }
details p { max-width:780px; margin:12px 0 0; color:var(--muted); }
.cta { text-align:center; }
.cta p { max-width:600px; margin:0 auto 25px; font-size:18px; }
.contact-links { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:26px; }
.contact-links a { color:var(--forest); font:700 12px Arial,sans-serif; letter-spacing:.06em; }
footer { padding:45px 0 28px; color:#dbe0d9; background:#182520; font:13px Arial,sans-serif; }
.footer-grid { display:grid; gap:25px; }
footer .brand { color:#fff; }
footer address { font-style:normal; line-height:1.8; }
footer a { color:#fff; }
.fine { margin-top:30px; padding-top:20px; border-top:1px solid #4b5a54; color:#aeb9b1; font-size:11px; }
@media (min-width:720px) { .grid { grid-template-columns:repeat(3,1fr); } .steps { grid-template-columns:repeat(3,1fr); gap:25px; } .step { padding:23px 0 0; border-top:2px solid var(--brass); } .step::before { position:static; display:block; margin-bottom:18px; } .footer-grid { grid-template-columns:1.4fr 1fr 1fr; } }
@media (min-width:900px) { nav { display:block; } .menu-phone { display:none; } }
@media (max-width:500px) { .topbar .wrap { justify-content:center; } .topbar a:first-child { display:none; } .hero .wrap { min-height:500px; align-content:start; padding-top:70px; } }