/* home.css */
/* DUDA V33 — homepage a tutta larghezza, claim rosso fisso, focus Traslochi Milano. */
:root{--red:#96353c;--red-dark:#74242b;--ink:#272b30;--muted:#62666e;--line:#e7e4e2;--tint:#f8f6f5;--white:#fff;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:103px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);font-weight:400;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d45c64;outline-offset:4px}.container{width:min(100% - 48px,var(--max));margin-inline:auto}.skip{position:absolute;left:-9999px;top:10px;z-index:50;padding:12px;background:white;color:var(--red)}.skip:focus{left:10px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;margin:0 0 15px}.red-eyebrow{color:#86595c}h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.12}h2{font-size:clamp(33px,3.9vw,52px);color:var(--ink);margin:0 0 22px}h3{color:var(--ink)}p{margin:0 0 17px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 26px;border-radius:4px;font-weight:600;font-size:14px;line-height:1.25;border:1px solid transparent;cursor:pointer;transition:transform .18s,background-color .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:white}.button-primary:hover{background:var(--red-dark)}.button-outline-light{border:1px solid rgba(255,255,255,.75);background:rgba(20,20,24,.18);color:#fff}.button-outline-light:hover{background:rgba(255,255,255,.16)}.button-light{background:#fff;color:var(--red);white-space:nowrap}.topbar{background:#32373d;color:white;font-size:12px;letter-spacing:.15px}.topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:12px}.topbar__links{display:flex;gap:12px;align-items:center}.topbar a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e8e4e2;box-shadow:0 3px 18px rgba(31,27,26,.04)}.header-inner{min-height:86px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:224px}.brand img{width:66px;height:66px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.22}.brand-name{font-size:17px;color:var(--ink);font-weight:600;letter-spacing:.045em;white-space:nowrap}.brand-name em{font-style:normal;font-weight:400;letter-spacing:0}.brand-sub{font-size:11px;color:#57575c;margin-top:4px}.main-nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,27px);margin-left:auto}.main-nav>a:not(.nav-cta){color:#37383d;font-size:13px;font-weight:600;white-space:nowrap;transition:color .2s}.main-nav>a:not(.nav-cta):hover,.main-nav>a.active{color:var(--red)}.main-nav .nav-cta{background:var(--red);color:#fff;padding:11px 16px;font-size:12px;font-weight:700;border-radius:3px;white-space:nowrap}.menu-button{display:none;border:0;background:white;padding:10px;cursor:pointer;flex-direction:column;gap:5px}.menu-button span{display:block;width:25px;height:2px;background:var(--red)}
.hero{background:#fff;display:block;overflow:hidden}
.hero-content{padding-block:52px 38px}
.hero-copy{max-width:900px}
.hero-kicker{display:flex;align-items:center;gap:9px;color:#666e74;margin-bottom:17px;letter-spacing:1.5px;font-size:11px}
.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red)}
.hero h1{margin:0 0 13px;color:var(--ink);font-size:clamp(48px,5.6vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:600}
.hero h1 span{color:var(--ink)}
.hero-lead{color:#363b40;font-size:clamp(21px,2.4vw,29px);font-weight:400;letter-spacing:-.025em;margin-bottom:14px}
.hero-desc{font-size:15px;max-width:720px;color:#646b71;line-height:1.7;margin-bottom:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}
.hero .button-outline-light{background:#fff;color:#333a40;border:1px solid #d0d2d3}
.hero .button-outline-light:hover{background:#f5f5f5}
.hero-photo-frame{width:100%;max-width:1600px;margin:0 auto;overflow:hidden;background:#f2f1ef}
.hero-image{width:100%;height:auto;display:block;object-fit:contain}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:26px}.trust-item{display:flex;gap:14px;align-items:flex-start;border-right:1px solid var(--line);padding-right:15px}.trust-item:last-child{border-right:0}.trust-symbol{font-size:30px;color:var(--red);line-height:1.1;min-width:34px;text-align:center;font-weight:400}.trust-item strong{display:block;font-size:13px;color:#343339;font-weight:700;margin-bottom:3px}.trust-item p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.section{padding-block:96px}.welcome-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:clamp(36px,5.2vw,84px)}.welcome-visual{position:relative}.welcome-visual img{height:475px;width:100%;object-fit:cover;object-position:42% center}.welcome-sticker{position:absolute;left:-18px;bottom:26px;background:var(--red);color:white;text-align:center;font-size:11px;letter-spacing:1.4px;line-height:1.5;padding:15px 18px;font-weight:700}.welcome-sticker span{font-size:18px;letter-spacing:.5px}.section-copy{color:#555963}.section-copy .intro-text{font-size:18px;color:#303238;line-height:1.65}.check-list{padding:0;list-style:none;margin:24px 0 30px}.check-list li{position:relative;padding:8px 0 8px 28px;font-size:14px;border-bottom:1px solid #f0eceb}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:700}.text-link{display:inline-flex;color:var(--red);font-weight:700;font-size:14px;border-bottom:2px solid var(--red);padding-bottom:5px;gap:16px}.text-link:hover{color:var(--red-dark)}.section-tint{background:var(--tint)}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.section-heading h2{margin:0}.section-heading>p{max-width:430px;color:var(--muted);font-size:15px;margin-bottom:2px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:white;border:1px solid #ece8e7;box-shadow:0 10px 25px rgba(35,29,31,.045);overflow:hidden;display:flex;flex-direction:column}.service-card>img{height:205px;object-fit:cover;width:100%;transition:transform .3s}.service-card:hover>img{transform:scale(1.03)}.service-card-body{position:relative;padding:26px 27px 25px;display:flex;flex-direction:column;flex:1}.service-number{font-size:11px;color:#a3a0a0;letter-spacing:1.4px}.service-card h3{font-size:21px;margin:6px 0 13px}.service-card p{font-size:14px;color:var(--muted);line-height:1.66;flex:1}.service-card a{font-size:12px;font-weight:700;color:var(--red);margin-top:13px;display:inline-flex;align-items:center;gap:9px}.care-section{background:#fff}.care-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:9%;align-items:start}.care-grid>div:first-child>p:not(.eyebrow){max-width:410px;color:var(--muted);margin-bottom:28px}.care-list{border-top:1px solid var(--line)}.care-row{display:grid;grid-template-columns:54px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.care-row>span{color:#c4c0bf;font-size:14px;font-weight:700}.care-row h3{font-size:19px;margin:0 0 6px}.care-row p{font-size:14px;color:var(--muted);margin:0}.gallery-section{background:#faf9f8}.gallery-grid{display:grid;grid-template-columns:1.2fr .85fr .85fr;grid-template-rows:220px 220px;gap:15px}.gallery-item{position:relative;margin:0;overflow:hidden;background:#ddd}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.71))}.gallery-main{grid-row:span 2}.gallery-wide{grid-column:span 2}.gallery-item figcaption{position:absolute;bottom:19px;left:23px;z-index:1;color:white;display:flex;flex-direction:column;gap:2px}.gallery-item figcaption span{font-size:11px;font-weight:600;letter-spacing:1px}.gallery-item figcaption strong{font-weight:600;font-size:19px;color:#fff}.cta-band{background:#343a40;color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:42px}.cta-inner .eyebrow{opacity:.86;margin-bottom:9px}.cta-inner h2{color:#fff;font-size:clamp(26px,2.9vw,41px);margin:0 0 8px}.cta-inner p:last-child{font-size:14px;margin:0;opacity:.94}.review-section{background:white}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-card{border:1px solid var(--line);background:#fff;margin:0;padding:33px 29px 29px;box-shadow:0 12px 30px rgba(60,40,40,.035);min-height:295px;display:flex;flex-direction:column}.review-card .stars{letter-spacing:3px;color:#e8a433;font-size:17px;margin-bottom:19px}.review-card>p{font-size:15px;color:#393b40;line-height:1.75;flex:1}.review-card footer{padding-top:17px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:1px;font-size:13px}.review-card footer span{color:var(--muted);font-size:12px}.faq-section{background:var(--tint)}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.faq-grid>div:first-child>p:last-child{color:var(--muted)}.faq-list{border-top:1px solid #ded9d7}.faq-list details{border-bottom:1px solid #ded9d7;padding:0}.faq-list summary{list-style:none;padding:21px 26px 21px 0;cursor:pointer;font-weight:700;font-size:15px;color:#2c2e31;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:6px;color:var(--red);font-size:23px;top:15px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:14px;padding-right:22px;margin:0 0 20px}.quote-section{background:#fff}.quote-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:8%;align-items:start}.quote-info>p:not(.eyebrow){color:var(--muted);max-width:430px}.contact-shortcuts{margin-top:34px;display:flex;flex-direction:column;gap:15px}.contact-shortcuts a{display:flex;align-items:center;gap:13px;overflow-wrap:anywhere}.contact-shortcuts a>span:first-child{width:48px;height:48px;border:1px solid #ead9da;color:var(--red);font-size:24px;display:grid;place-items:center;border-radius:4px}.contact-shortcuts small{display:block;color:var(--muted);font-size:12px}.contact-shortcuts strong{display:block;font-size:16px;color:var(--red)}.quote-form{background:var(--tint);padding:36px;border:1px solid #eee8e6}.quote-form h3{font-size:25px;margin:0 0 8px}.quote-form>p:not(.form-help){font-size:14px;color:var(--muted);margin-bottom:25px}.quote-form label{display:block;font-weight:700;font-size:12px;letter-spacing:.1px;color:#3b3a3a;margin-bottom:16px}.quote-form label span{color:var(--red)}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;background:#fff;border:1px solid #ded9d6;border-radius:3px;padding:12px 13px;margin-top:8px;font-size:14px;font-weight:400;color:#292a2d;min-width:0}.quote-form textarea{resize:vertical}.form-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-submit{width:100%}.form-help{font-size:11px;color:#777276;line-height:1.55;margin:13px 0 0}.footer{background:#232327;color:#dcdade;padding-top:58px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.1fr 1.7fr;gap:45px;padding-bottom:42px}.footer h2{color:#fff;font-size:23px;margin:12px 0}.footer h3{font-size:15px;color:#fff;margin:0 0 21px;letter-spacing:0}.footer p,.footer a{font-size:13px;color:#cccbd0}.footer a{display:block;margin:0 0 11px;overflow-wrap:anywhere}.footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4e494b;padding-block:20px;color:#a9a8ab;font-size:12px}.footer-bottom a{font-size:12px;margin:0}.floating-whatsapp{position:fixed;z-index:11;bottom:18px;right:18px;border-radius:30px;background:#1b985e;color:#fff;padding:11px 18px;box-shadow:0 5px 25px #0002;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.floating-whatsapp:hover{background:#167e4e}
@media(max-width:1180px){.main-nav{gap:12px}.brand{min-width:200px}.brand-name{font-size:15px}.main-nav>a:not(.nav-cta){font-size:12px}.main-nav .nav-cta{font-size:11px;padding:10px 11px}}
@media(max-width:990px){.site-header{position:sticky}.header-inner{min-height:74px}.brand img{width:57px;height:57px}.menu-button{display:flex;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 16px 25px #0002;padding:20px max(24px,calc((100vw - 900px)/2));flex-direction:column;gap:0;align-items:stretch;max-height:calc(100vh - 74px);overflow-y:auto}.main-nav.is-open{display:flex}.main-nav>a{padding:12px;border-bottom:1px solid #eee}.main-nav>a.nav-cta{margin-top:12px;text-align:center;padding:13px}.trust-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.trust-item:nth-child(2){border-right:0}.welcome-grid{gap:35px}.services-grid{grid-template-columns:repeat(2,1fr)}.section{padding-block:72px}.footer-grid{grid-template-columns:1.5fr 1fr;gap:30px}}
@media(max-width:700px){html{scroll-padding-top:80px}body{font-size:15px}.container{width:min(100% - 34px,var(--max))}.topbar{display:none}.header-inner{min-height:72px}.brand{gap:8px;min-width:0}.brand img{height:56px;width:56px}.brand-name{font-size:15px}.brand-sub{font-size:10px}.hero{min-height:0;display:block}.hero-content{padding-block:31px 28px}.hero h1{font-size:clamp(44px,11vw,65px)}.hero-kicker{font-size:9px;letter-spacing:1.1px}.hero-lead{font-size:21px}.hero-desc{font-size:13px;line-height:1.63}.hero-actions{flex-direction:column;gap:10px;margin-top:21px}.hero-actions a{width:100%}.hero-photo-frame{width:100%}.hero-image{width:100%;height:auto;object-fit:contain}.trust-grid{padding-block:24px;gap:19px 10px}.trust-item{gap:8px;padding-right:6px}.trust-symbol{font-size:23px;min-width:25px}.trust-item strong{font-size:12px}.trust-item p{font-size:11px}.section{padding-block:62px}h2{font-size:35px}.welcome-grid,.care-grid,.faq-grid,.quote-grid{grid-template-columns:1fr;gap:30px}.welcome-visual img{height:auto;max-height:430px;object-position:center}.welcome-sticker{left:10px;bottom:10px}.section-heading{display:block}.section-heading>p{margin-top:18px}.services-grid{grid-template-columns:1fr;gap:18px}.service-card>img{height:225px}.service-card-body{padding:24px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 210px 205px;gap:10px}.gallery-main{grid-column:span 2;grid-row:span 1}.gallery-wide{grid-column:span 2}.gallery-item figcaption{left:14px;bottom:12px}.gallery-item figcaption strong{font-size:16px}.cta-inner{display:block;padding-block:36px}.cta-inner .button{margin-top:23px}.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0}.quote-form{padding:24px 18px}.form-line{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-about{grid-column:span 2}.footer-bottom{gap:15px;align-items:flex-start}.footer-bottom span{max-width:250px}.floating-whatsapp{bottom:12px;right:12px;padding:10px 14px}}
@media(max-width:390px){.brand-name{font-size:13px}.brand-sub{font-size:9px}.brand img{width:50px;height:50px}.hero h1{font-size:45px}.hero-content{padding-top:25px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(1),.trust-item:nth-child(3){border-right:1px solid var(--line)}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:span 1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* V33: foto originale identica a V32, ma a tutta larghezza desktop e subito sotto il menu. */
.hero-photo-frame{position:relative;width:100%;max-width:none;margin:0;overflow:hidden;background:#fff}
.hero-image{display:block;width:100%;height:auto;object-fit:contain;filter:none;opacity:1}
.hero-claim{position:absolute;top:5.8%;left:max(24px,4.2vw);display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:rgba(255,255,255,.92);border-left:4px solid #89131A;padding:16px 24px 18px;max-width:calc(100% - 48px);color:#89131A;box-shadow:0 5px 18px rgba(0,0,0,.10)}
.hero-claim-name{font-weight:500;letter-spacing:-.015em;font-size:clamp(21px,2.9vw,47px);line-height:1.12}
.hero-claim-line{font-weight:400;font-size:clamp(16px,1.7vw,29px);line-height:1.3}
.hero-content{padding-block:45px 49px}
.hero-kicker{margin-bottom:12px}
.hero h1{font-size:clamp(40px,4.8vw,65px);letter-spacing:-.045em}
.hero-lead{font-size:clamp(19px,2vw,26px)}
.hero-desc{max-width:880px}
.milano-local{background:#f9f8f6;padding:52px 0 57px;border-bottom:1px solid var(--line)}
.milano-local-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}
.milano-local .eyebrow{font-size:11px;color:#777;letter-spacing:1.8px}
.milano-local h2{font-size:clamp(28px,3vw,42px);line-height:1.14;margin:0}
.milano-local p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.75}
.milano-local .text-link{margin-top:5px}
@media(max-width:700px){
.hero-photo-frame{max-width:none}
.hero-claim{left:10px;top:10px;max-width:70%;gap:0;padding:6px 8px 7px;border-left-width:3px;background:rgba(255,255,255,.93);box-shadow:none}
.hero-claim-name{font-size:clamp(13px,4.5vw,19px);line-height:1.15}
.hero-claim-line{font-size:clamp(10px,3.0vw,14px);line-height:1.2}
.hero-content{padding-block:26px 32px}
.hero h1{font-size:clamp(34px,9vw,49px)}
.milano-local{padding:38px 0 42px}
.milano-local-inner{grid-template-columns:1fr;gap:18px}
.milano-local h2{font-size:30px}
}


/* V35 — foto più naturale e leggermente meno ingrandita. */
.hero-photo-frame {
 position:relative; isolation:isolate; overflow:hidden; width:100%;
 background:#e7e7e0;
}
.hero-photo-frame::before {
 content:""; position:absolute; inset:-12px; z-index:-1;
 background:url("hero.webp") center center / cover no-repeat;
 filter:blur(12px) saturate(.90) contrast(.95);
}
.hero-image {
 position:relative; z-index:0;
 display:block; width:95%; height:auto; margin-inline:auto;
 max-width:none; object-fit:contain;
 filter:saturate(.92) contrast(.96) blur(.28px);
}
/* Titolo semicircolare sopra lo slogan centrale; nessun pannello dietro al testo. */
.hero-arc {
 position:absolute; z-index:2; top:1.8%; left:50%;
 transform:translateX(-50%); width:min(81%,950px); max-width:calc(100% - 20px);
 pointer-events:none; line-height:1; background:none; border:0; box-shadow:none;
}
.hero-arc-svg {width:100%; height:auto; display:block; overflow:visible}
.hero-arc-title {
 font-family:Arial,Helvetica,sans-serif; font-weight:800; font-size:59px;
 letter-spacing:1px; fill:#813a40;
 stroke:rgba(255,255,255,.82); stroke-width:5px; stroke-linejoin:round; paint-order:stroke fill;
}
.hero-arc-sub {
 font-family:Arial,Helvetica,sans-serif; font-size:39px; font-weight:650;
 fill:#343236;
 stroke:rgba(255,255,255,.86); stroke-width:5px; stroke-linejoin:round; paint-order:stroke fill;
}
@media(max-width:700px) {
 .hero-image {width:100%;filter:saturate(.92) contrast(.96)}
 .hero-arc {top:0; width:97%; max-width:none}
 .hero-arc-title {font-size:62px;stroke-width:8px}
 .hero-arc-sub {font-size:44px;stroke-width:7px}
}


/* V36 — Carosello automatico nella foto iniziale. 20 fotografie tutte 16:9,
   immagini intere, riempimento laterale sfumato e nessun ritaglio forzato. */
.hero-photo-frame {width:100%;max-width:none;aspect-ratio:16/9;min-height:0;margin:0;overflow:hidden;position:relative;background:#e6e4df;isolation:isolate}
.hero-photo-frame::before {display:none!important}
.hero-slides {position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-slide {position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease, visibility .9s ease;pointer-events:none}
.hero-slide.is-active {opacity:1;visibility:visible;z-index:1}
.hero-slide-image {width:100%;height:100%;display:block;object-fit:cover;filter:none;max-width:none}
.hero-arc {z-index:3;top:1.8%;width:min(81%,950px);filter:none}
.hero-carousel-controls {position:absolute;bottom:19px;right:clamp(14px,3.6vw,55px);display:flex;align-items:center;gap:9px;z-index:4}
.carousel-arrow {width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(30,33,36,.45);color:#fff;font-size:21px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s}
.carousel-arrow:hover,.carousel-arrow:focus-visible {background:rgba(30,33,36,.85);outline-offset:3px}
.carousel-counter {font-family:Arial,sans-serif;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 3px #111;letter-spacing:.4px;font-variant-numeric:tabular-nums;min-width:54px;text-align:center}
@media (max-width:700px){
 .hero-photo-frame{aspect-ratio:16/9}
 .hero-arc {top:0;width:97%}
 .hero-carousel-controls {bottom:7px;right:9px;gap:5px}
 .carousel-arrow{height:30px;width:30px;font-size:15px;border-width:1px}
 .carousel-counter{font-size:10px;min-width:36px}
}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Comandi a sinistra per non sovrapporli al pulsante WhatsApp. */
.hero-carousel-controls {left:clamp(14px,3.6vw,55px);right:auto}
@media(max-width:700px){.hero-carousel-controls {left:9px;right:auto}}


/* V37: fotografie originali senza sfocatura ai lati. */
.hero-photo-frame {aspect-ratio:2 / 1;min-height:0;max-height:none;background:#e7e5e1;}
.hero-slide-picture{display:block;width:100%;height:100%}
.hero-slide-image{display:block;object-fit:cover;width:100%;height:100%;max-width:none;filter:none;}
.hero-arc{width:min(74%,870px);top:0.7%;}
.hero-arc-title{font-size:56px;fill:#813a40;stroke:rgba(255,255,255,.8);stroke-width:4px;}
.hero-arc-sub{font-size:40px;fill:#2e2e2f;stroke:rgba(255,255,255,.9);stroke-width:4px;}
@media(max-width:700px){
 .hero-photo-frame{aspect-ratio:3 / 4;max-height:none}
 .hero-arc{top:1%;width:97%;}
 .hero-carousel-controls{bottom:9px;left:10px;right:auto;}
 .hero-slide-image{object-fit:cover;object-position:center;}
}


/* ================= V38: ingresso e carosello a gruppi ================= */
#hero-title[tabindex="-1"]:focus{outline:none}
.hero-photo-frame{aspect-ratio: 9/4 !important; width:100% !important; background:#eee;overflow:hidden}
.hero-slides{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-track{display:flex;position:absolute;inset:0;transition:transform .95s cubic-bezier(.25,.85,.25,1);will-change:transform}
.hero-track-desktop{display:flex}
.hero-track-mobile{display:none}
.hero-track .hero-slide{position:relative !important;inset:auto !important;display:block;flex:0 0 100%;width:100%;height:100%;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transition:none !important;overflow:hidden}
.hero-track .hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-track .hero-slide-opening img{object-fit:cover;object-position:center}
.hero-three-images{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#f4f2f0}
.hero-photo-panel{min-width:0;min-height:0;margin:0;background:#f0efed;overflow:hidden}
.hero-photo-panel img{width:100%;height:100%;object-fit:contain !important;object-position:center;background:#eeeae6}
.hero-carousel-controls{display:none !important}
.hero-arc{top:1%;width:min(66%,760px);z-index:3}
.hero-arc-title{fill:#813a40;stroke:rgba(255,255,255,.84)}
.hero-arc-sub{fill:#282b2e;stroke:rgba(255,255,255,.90)}
/* Interactive invitation that precedes the homepage */
.duda-entrance{position:fixed;inset:0;z-index:1000;background:#222;display:grid;overflow:hidden;place-items:center;isolation:isolate}
.duda-entrance[hidden]{display:none !important}
.entrance-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.entrance-scrim{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 36%,rgba(10,12,15,.53) 100%);z-index:-1}
.entrance-content{position:absolute;bottom:12%;right:6%;width:min(510px,49vw);color:white;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.58)}
.entrance-eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800}
.entrance-content h2{color:white;font-size:clamp(32px,3.5vw,61px);line-height:1.08;letter-spacing:-.025em;margin:15px 0 9px;font-weight:800}
.entrance-content p{font-size:clamp(19px,2vw,29px);margin:0 0 28px;line-height:1.25}
.entrance-go{display:inline-flex;align-items:center;gap:14px;background:#ae2630;color:#fff;border:1px solid rgba(255,255,255,.34);padding:17px 27px;min-height:58px;font-size:18px;font-weight:750;cursor:pointer;border-radius:5px;box-shadow:0 10px 28px #0005;text-shadow:none;transition:background .2s,transform .2s}
.entrance-go:hover,.entrance-go:focus-visible{background:#891d26;transform:translateY(-2px)}
.entrance-go:focus-visible{outline:3px solid white;outline-offset:4px}
body.entrance-open{overflow:hidden}
@media(max-width:700px){
 .hero-photo-frame{aspect-ratio:3/4 !important}
 .hero-track-desktop{display:none !important}
 .hero-track-mobile{display:flex !important}
 .hero-slide-mobile-photo img{object-fit:contain !important;object-position:center;background:#edeae8}
 .hero-arc{top:0;width:96%;z-index:3}
 .entrance-photo{object-position:32% center}
 .entrance-scrim{background:linear-gradient(0deg,rgba(10,12,15,.86),rgba(10,12,15,.15) 54%,transparent 80%)}
 .entrance-content{left:7%;right:7%;bottom:7%;width:86%;text-align:center}
 .entrance-content h2{font-size:34px;margin:9px 0}
 .entrance-content p{font-size:21px;margin-bottom:23px}
 .entrance-go{width:100%;justify-content:center;font-size:16px;padding:15px 16px}
}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none !important}.entrance-go{transition:none !important}}


/* V39 – Intestazione chiara: testo accanto al logo, in rosso DUDA (#89131A).
   Il logo rotondo approvato resta identico, senza grassetto al suo interno. */
.brand{flex:0 0 auto;min-width:0;gap:13px}
.brand img{width:76px;height:76px;flex:none}
.brand-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.16}
.brand-name,.brand-name em{font-family:Arial,Helvetica,sans-serif;font-size:clamp(17px,1.55vw,21px);font-weight:800;font-style:normal;letter-spacing:0;color:#89131A;white-space:nowrap}
.brand-sub{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.3;font-weight:400;color:#89131A;margin-top:5px;letter-spacing:0}
@media(max-width:1180px){.brand-name{font-size:18px}.brand-sub{font-size:13px}}
@media(max-width:990px){.brand img{width:66px;height:66px}.brand-name{font-size:19px}.brand-sub{font-size:14px}}
@media(max-width:700px){.brand{gap:9px}.brand img{width:56px;height:56px}.brand-name{font-size:16px}.brand-sub{font-size:12px;margin-top:3px}}
@media(max-width:390px){.brand{gap:7px}.brand img{width:54px;height:54px}.brand-name{font-size:16px}.brand-sub{font-size:12px}}
@media(max-width:350px){.brand img{width:46px;height:46px}.brand-name{font-size:13px}.brand-sub{font-size:11px}}


/* V41 – tre correzioni mirate, mantenendo il carosello V40. */
/* 1. Titolo e slogan sull'immagine: ROSSO ESATTO DEL LOGO (non colori diversi). */
.hero-arc-title,.hero-arc-sub {fill:#89131A !important;}
.hero-arc-title {stroke:rgba(255,255,255,.87) !important;stroke-width:3.5px !important;}
.hero-arc-sub {stroke:rgba(255,255,255,.91) !important;stroke-width:3.5px !important;}
@media(max-width:700px){
  .hero-arc-title {stroke-width:6px !important;}
  .hero-arc-sub {stroke-width:5.5px !important;}
}
/* 2. Logo circolare più grande per fare leggere anche le parole piccole. */
.header-inner{min-height:110px;gap:17px}
.brand{gap:13px;}
.brand img{width:102px;height:102px;flex:none;object-fit:contain}
/* 3. Il motto si centra esattamente rispetto alla larghezza del nome. */
.brand-copy{align-items:center;text-align:center;flex-shrink:0}
.brand-name{white-space:nowrap}
.brand-sub{align-self:stretch;text-align:center;margin-top:5px;font-weight:400}
@media(max-width:1180px) and (min-width:991px){
  .brand img{width:92px;height:92px}
  .header-inner{gap:12px}
  .brand-name{font-size:18px}
  .main-nav{gap:10px}
}
@media(max-width:990px){
  .header-inner{min-height:95px}
  .brand img{width:82px;height:82px}
}
@media(max-width:700px){
  .header-inner{min-height:82px}
  .brand{gap:8px}
  .brand img{width:73px;height:73px}
  .brand-name{font-size:16px}
  .brand-sub{font-size:12px}
}
@media(max-width:390px){
  .brand img{width:66px;height:66px}
  .brand-name{font-size:15px}
  .brand-sub{font-size:11px}
}
@media(max-width:350px){
  .brand img{width:60px;height:60px}
  .brand-name{font-size:13px}
  .brand-sub{font-size:10.5px}
}


/* V42 — testo di apertura immediatamente allineato a sinistra, stesso rosso del marchio */
.hero .hero-content.container{
  width:100%; max-width:none; margin-inline:0;
  padding:46px clamp(20px,2.1vw,32px) 42px;
}
.hero .hero-content .hero-copy{max-width:950px;text-align:left}
.hero .hero-content #hero-title{color:#89131A;font-weight:750}
.hero .hero-content .hero-lead{color:#292d31;font-weight:500;margin-bottom:15px}
@media(max-width:700px){
 .hero .hero-content.container{padding:30px 18px 34px}
 .hero .hero-content #hero-title{font-size:clamp(40px,10vw,58px);line-height:1.06}
 .hero .hero-content .hero-lead{font-size:clamp(20px,6vw,27px)}
}

/* =====================================================
 V43 — cinque banner sotto il carosello, un'unica fila sul desktop
 ===================================================== */
.five-banners{background:#fff;padding:30px 0 44px;border-bottom:1px solid #ece8e3}
.five-banners-inner{width:100%;margin:0 auto;padding:0 clamp(16px,2.1vw,34px)}
.five-banners-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}
.five-banners .feature-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:#7a6e6b;margin:0}
.feature-swipe-hint{display:none;color:#5f5957;font-size:12px;margin:0}
.five-banners-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch}
.feature-card{background:#fff;min-width:0;border:1px solid #e8e2dc;box-shadow:0 4px 13px rgba(31,26,24,.045);display:flex;flex-direction:column;overflow:hidden;border-radius:6px}
.feature-media{position:relative;height:220px;flex:none;overflow:hidden;background:#f2efe9}
.feature-main-media{background:linear-gradient(152deg,#fff 0%,#f7f2ed 67%,#ede0d7 100%);padding:25px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.feature-main-media .feature-brow{font-size:9px;letter-spacing:.16em;font-weight:800;color:#985254;margin-bottom:17px}
.feature-main-media h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(23px,2.15vw,36px);letter-spacing:-.052em;line-height:1.05;color:#89131A !important;font-weight:850;margin:0 0 12px;overflow-wrap:normal}
.feature-main-media .feature-slogan{color:#3d3334;font-size:clamp(13px,1.13vw,16px);line-height:1.35;font-weight:500;margin:0}
.feature-rule{width:43px;height:3px;background:#89131A;margin-top:21px}
.feature-memory-media{display:flex;flex-direction:column;justify-content:flex-end;background:#e9e6de}
.feature-memory-media img{position:absolute;left:0;top:0;width:100%;height:calc(100% - 54px);object-fit:contain;object-position:center;display:block;background:#e5e0d8}
.feature-memory-media h2{position:relative;z-index:1;background:#89131A;color:#fff;box-shadow:none;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.11;font-weight:800;text-align:center;letter-spacing:-.02em;margin:0;padding:8px 7px 9px;height:54px;display:grid;place-items:center}
.feature-photo-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.feature-photo-media:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(transparent,rgba(11,10,9,.75));pointer-events:none}
.feature-photo-media h2{font-family:Arial,Helvetica,sans-serif;position:absolute;bottom:12px;left:12px;right:12px;color:#fff;z-index:1;font-size:19px;font-weight:800;line-height:1.12;letter-spacing:-.015em;text-shadow:0 1px 3px #1b1b1b80;margin:0}
.feature-copy{padding:16px 14px 15px;display:flex;flex-direction:column;flex:1;gap:12px}
.feature-copy p{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.58;color:#414142;margin:0;overflow-wrap:break-word}
.feature-copy a{font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;gap:6px;justify-content:flex-start;color:#89131A;font-weight:750;font-size:12px;line-height:1.4;text-decoration:none;margin-top:auto;}
.feature-copy a:hover,.feature-copy a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.feature-copy a span{font-size:15px}
@media(min-width:1600px){.feature-media{height:250px}.feature-main-media{padding:28px 24px}.feature-main-media h1{font-size:34px}.feature-copy{padding:18px}.feature-copy p{font-size:14px}}
@media(max-width:1150px) and (min-width:701px){.five-banners-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.feature-media{height:190px}.feature-main-media{padding:15px 10px}.feature-main-media h1{font-size:clamp(18px,2.3vw,25px)}.feature-main-media .feature-slogan{font-size:13px}.feature-memory-media h2{font-size:14px}.feature-photo-media h2{font-size:16px}.feature-copy{padding:12px 10px}.feature-copy p{font-size:11.5px}.feature-copy a{font-size:11px}}
@media(max-width:700px){.five-banners{padding:19px 0 30px}.five-banners-inner{padding:0 0 0 17px}.five-banners-head{padding-right:17px;margin-bottom:12px}.five-banners .feature-eyebrow{font-size:9px;letter-spacing:.08em}.feature-swipe-hint{display:block;font-size:10px;max-width:126px;text-align:right}.five-banners-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:17px;-webkit-overflow-scrolling:touch;padding:0 17px 12px 0}.feature-card{flex:none;width:min(79vw,315px);scroll-snap-align:start}.feature-media{height:218px}.feature-main-media{padding:24px}.feature-main-media h1{font-size:32px}.feature-main-media .feature-slogan{font-size:16px}.feature-copy{padding:15px}.feature-copy p{font-size:13px}.feature-copy a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.five-banners-grid{scroll-behavior:auto}}

/* V44 — 5 banner tutti uguali al secondo: foto sopra, fascia rossa sotto */
.five-banners .feature-media.feature-unified-media{height:244px;background:#ece8e3;display:flex;flex-direction:column;position:relative;overflow:hidden;justify-content:flex-end;padding:0}
.five-banners .feature-unified-media img,
.five-banners .feature-memory-media img,
.five-banners .feature-photo-media img{position:relative;left:auto;top:auto;width:100%;height:180px;flex:1 1 auto;min-height:0;max-height:none;display:block;object-fit:cover;object-position:center;background:#ece8e3}
.five-banners .feature-memory-media img{object-fit:contain;background:#e7e3dd}
.five-banners .feature-first-media img{object-position:center center}
.five-banners .feature-unified-media::after{display:none !important;content:none !important}
.five-banners .feature-unified-media h1,
.five-banners .feature-unified-media h2{position:relative;left:auto;right:auto;bottom:auto;z-index:1;box-sizing:border-box;margin:0;border:0;border-radius:0;width:100%;height:64px;min-height:64px;padding:8px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#89131A;color:white !important;text-shadow:none;box-shadow:none;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.15vw,19px);font-weight:800;line-height:1.1;letter-spacing:-.015em;overflow-wrap:normal}
.five-banners .feature-first-media h1{font-size:clamp(15px,1.25vw,20px)}
.five-banners .feature-photo-media h2{font-size:clamp(14px,1.15vw,19px)}
.five-banners .feature-copy{background:#fff}
@media(min-width:1600px){.five-banners .feature-media.feature-unified-media{height:270px}.five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2{font-size:19px}}
@media(max-width:1150px) and (min-width:701px){.five-banners .feature-media.feature-unified-media{height:210px}.five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2,.five-banners .feature-photo-media h2{font-size:14px;min-height:62px;height:62px}}
@media(max-width:700px){.five-banners .feature-media.feature-unified-media{height:245px}.five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2,.five-banners .feature-photo-media h2{font-size:18px;min-height:64px;height:64px}}

/* V45 - Cinque capitoli di una storia vera DUDA, stessa cornice fotografica */
.five-banners .feature-unified-media h1,
.five-banners .feature-unified-media h2,
.five-banners .feature-photo-media h2 {
 min-height:80px;height:80px;flex:0 0 80px;padding:8px 6px;
 font-size:clamp(14px,1.18vw,18px);line-height:1.17;
 background-color:#89131A;color:#fff !important;font-weight:800;
 text-align:center;text-shadow:none;letter-spacing:-.025em;
}
.five-banners .feature-first-media h1{font-size:clamp(15px,1.28vw,19px)}
.five-banners .feature-unified-media img{object-position:center center}
.five-banners .feature-story-vertical img{object-fit:contain;background-color:#e7e3dd;object-position:center center}
.five-banners .feature-memory-media img{object-fit:contain;background-color:#e7e3dd}
.five-banners .feature-copy{gap:13px}
.five-banners .feature-copy p{font-size:13px;line-height:1.52}
@media (min-width:1600px){
 .five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2,.five-banners .feature-photo-media h2 {font-size:19px}
 .five-banners .feature-copy p{font-size:14px}
}
@media (max-width:1150px) and (min-width:701px){
 .five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2,.five-banners .feature-photo-media h2 {min-height:82px;height:82px;flex-basis:82px;font-size:14px}
 .five-banners .feature-copy p{font-size:11.5px}
}
@media (max-width:700px){
 .five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2,.five-banners .feature-photo-media h2{min-height:80px;height:80px;flex-basis:80px;font-size:18px}
 .five-banners .feature-copy p{font-size:13px}
}

/* V46 – raccontare la fiducia, dal primo incontro alla nuova casa */
.five-banners .feature-copy{gap:11px;padding:16px 13px 17px}
.five-banners .feature-chapter{font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.13em;color:#9f3538;margin:0}
.five-banners .feature-promise{font-size:14px;line-height:1.43;font-weight:750;color:#272628;margin:0}
.five-banners .feature-seo{font-size:12px;line-height:1.55;color:#5a5756;margin:0}
.five-banners .feature-copy a{margin-top:auto;padding-top:8px}
.story-finale{margin:28px auto 0;padding:25px 16px 12px;text-align:center;max-width:980px;position:relative}
.story-finale::before{content:"";display:block;width:66px;height:2px;background:#89131A;margin:0 auto 23px}
.story-finale-kicker{font-size:10px;font-weight:800;color:#8b6a6a;letter-spacing:.18em;margin:0 0 12px}
.story-finale h2{font-family:Arial,Helvetica,sans-serif;color:#89131A;font-size:clamp(26px,3vw,39px);letter-spacing:-.04em;line-height:1.12;margin:0 0 11px;font-weight:800}
.story-finale>p:last-child{font-size:15px;color:#5a5351;margin:0}
@media(min-width:1600px){.five-banners .feature-copy{padding:20px 17px}.five-banners .feature-promise{font-size:15px}.five-banners .feature-seo{font-size:13px}}
@media(max-width:1150px) and (min-width:701px){.five-banners .feature-copy{padding:13px 10px}.five-banners .feature-chapter{font-size:9px}.five-banners .feature-promise{font-size:12px}.five-banners .feature-seo{font-size:11px}.five-banners .feature-copy a{font-size:11px}}
@media(max-width:700px){.five-banners .feature-copy{padding:16px 15px}.five-banners .feature-chapter{font-size:10px}.five-banners .feature-promise{font-size:14px}.five-banners .feature-seo{font-size:12.5px}.story-finale{margin:18px 17px 0;padding:20px 8px 8px}.story-finale h2{font-size:26px}.story-finale>p:last-child{font-size:13px}}

/* V48: logo leggibile, proporzioni e spazio riservato su ogni schermo. */
.brand img{width:120px;height:120px;flex:0 0 auto}
.header-inner{min-height:132px}
.footer-about>img{width:144px;height:144px;object-fit:contain}
html{scroll-padding-top:144px}
@media(min-width:991px) and (max-width:1180px){
 .brand img{width:108px;height:108px}
 .brand-name{font-size:16px}
 .header-inner{min-height:120px;gap:10px}
}
@media(max-width:990px){
 .brand img{width:104px;height:104px}
 .header-inner{min-height:116px}
 html{scroll-padding-top:128px}
}
@media(max-width:700px){
 .brand img{width:96px;height:96px}
 .header-inner{min-height:108px;gap:4px}
 .brand{gap:8px}
 .brand-copy{flex-shrink:1}
 .brand-name{white-space:normal;font-size:16px;max-width:170px;line-height:1.2}
 .brand-sub{font-size:12px}
 .menu-button{flex:none;padding:9px}
 html{scroll-padding-top:120px}
}
@media(max-width:350px){
 .brand img{width:88px;height:88px}
 .brand-name{font-size:14px}
 .brand-sub{font-size:10.5px}
 .brand{gap:6px}
 .header-inner{min-height:100px}
}

/* V50: dominio come testo indipendente, leggibile anche su mobile. */
.brand-domain{display:block;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0;color:#89131A;white-space:nowrap;margin-top:5px}
.footer-domain{display:block;font-size:16px;line-height:1.5;margin:8px 0 12px}
@media(max-width:700px){
 .brand-domain{font-size:14px;margin-top:5px}
 .brand-copy{flex-shrink:0}
 .brand-name{max-width:165px}
}
@media(max-width:350px){
 .brand img{width:78px;height:78px}
 .brand-name{font-size:14px;max-width:150px}
 .brand-domain{font-size:14px}
 .header-inner{gap:2px}
 .menu-button{padding:5px}
}

/* V51: titolo principale e focus traslochi Milano. */
#milano-local-title{font-size:clamp(30px,3.9vw,52px);font-weight:600;line-height:1.12;color:#89131A;margin:0 0 22px;letter-spacing:-.035em}

/* V52: home chiara, bordeaux e spazi più equilibrati. */
:root{--red:#89131A;--red-dark:#6D0F15;--ink:#303033;--tint:#F6F3EF}
.home-intro{padding:38px 0 32px;background:#FAF8F5;border-bottom:1px solid #eee7e2}
.intro-kicker{font-size:12px;letter-spacing:.12em;color:var(--red);margin:0 0 14px;font-weight:600}
.home-intro h1{font-size:clamp(32px,4.2vw,54px);line-height:1.12;color:var(--red);margin:0 0 18px;max-width:860px;font-weight:600}
.home-intro-lead{max-width:760px;font-size:18px;line-height:1.6;margin-bottom:22px}
.intro-actions{display:flex;flex-wrap:wrap;gap:12px}
.button-intro-secondary{background:white;color:var(--red);border:1px solid var(--red)}
.intro-note{font-size:13px;color:#595453;margin:18px 0 0}
.five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2{background:#F6F3EF!important;color:#89131A!important;border-bottom:2px solid #89131A;font-weight:600}
.five-banners .feature-copy{gap:10px}
.feature-promise{font-weight:500!important}
.section{padding-block:64px}
.section-tint{background:#F6F3EF}
.cta-band{background:#F6F3EF;color:#303033}
.cta-band h2,.cta-band .eyebrow{color:#89131A}
.cta-band .button-light{background:#89131A;color:white}
.about-details{border-top:1px solid #e8e2de;border-bottom:1px solid #e8e2de;padding:14px 0;margin:20px 0}
.about-details summary{color:#89131A;font-weight:600;cursor:pointer;padding:4px 0}
.about-details h3{font-size:21px;margin:22px 0 12px}
.about-promise{font-weight:600;color:#89131A;margin-top:20px}
.welcome-grid{align-items:start}
.welcome-visual img{max-height:530px;width:100%;object-fit:contain;background:#F6F3EF}
@media(max-width:700px){.home-intro{padding:24px 0}.home-intro-lead{font-size:16px}.intro-actions .button{flex:1 1 150px;padding:12px}.intro-note{font-size:12px}.section{padding-block:42px}.intro-kicker{font-size:11px}.welcome-grid{gap:24px}}


/* redesign-v53-home-verde-20261109.css */
/* V53: layout della bozza approvata, contenuti e fotografie DUDA. */
:root{--red:#89131a;--red-dark:#6d0f15;--ink:#252b32;--tint:#f6f5f3;--max:1240px}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
h1,h2,h3{color:var(--red)}
.contact-ribbon{background:var(--red);color:#fff;font-size:12px}
.contact-ribbon>.container{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:20px}
.contact-ribbon .container>div{display:flex;gap:28px}
.header-inner{min-height:112px;gap:20px}
.brand img{width:100px;height:100px}
.brand{min-width:260px}
.brand-name{font-size:20px;letter-spacing:0;color:var(--red)}
.brand-domain{font-size:14px}.brand-sub{font-size:13px}
.main-nav{gap:19px}.main-nav>a:not(.nav-cta){font-size:13px}
.main-nav .nav-cta{padding:14px 18px;border-radius:4px}
.home-intro {
  padding: 0;
  border: 0;
  background:
    linear-gradient(90deg, rgba(22, 16, 18, .56) 0%, rgba(22, 16, 18, .45) 34%, rgba(22, 16, 18, .12) 54%, transparent 67%),
    url('/assets/home-furgone-desktop-20261109.webp') center 55% / cover no-repeat #211a1a;
  background:
    linear-gradient(90deg, rgba(22, 16, 18, .56) 0%, rgba(22, 16, 18, .45) 34%, rgba(22, 16, 18, .12) 54%, transparent 67%),
    image-set(url("/assets/duda-home-fast-desktop.d80c351e3d9b.avif") type("image/avif"), url("/assets/home-furgone-desktop-20261109.webp") type("image/webp")) center 55% / cover no-repeat #211a1a;
}
.home-intro>.container{min-height:480px;display:flex;align-items:center}
.intro-content{padding:42px 0;max-width:650px}
.home-intro h1{font-size:clamp(38px,4vw,58px);font-weight:750;line-height:1.05;letter-spacing:-.04em;margin:0 0 21px}
.home-intro h1 span{font-size:.85em}
.home-intro-lead{font-size:18px;line-height:1.6;max-width:490px;color:#333940}
.intro-kicker{font-size:11px;letter-spacing:.18em;margin-bottom:16px}
.intro-actions{gap:12px;max-width:610px}.intro-actions .button{padding:17px 22px;font-size:13px;min-height:54px}
.intro-note{font-size:12px;color:#5a5554}
.home-intro :is(h1, .intro-kicker, .home-intro-lead, .intro-note) {
  color: #fff;
  text-shadow: 0 1px 2px #191316, 0 2px 7px #191316, 0 0 18px #191316b3;
}
.trust-grid{padding:22px 0;gap:24px}.trust-item{align-items:center}.trust-item strong{font-size:14px}.trust-item p{font-size:12px}.trust-symbol{font-size:30px}
.section{padding:50px 0}
#servizi .section-heading{display:block;text-align:center;margin-bottom:28px}
#servizi .section-heading>p{max-width:none;margin:13px 0 0}
.section-heading h2{font-size:32px;line-height:1.2}
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.service-card{border:1px solid #e9e3e0;border-radius:6px;box-shadow:0 5px 16px #39232308}
.service-card>img{height:165px}
.service-card-body{padding:19px;gap:0}
.service-number{display:none}
.service-card h3{font-size:19px;line-height:1.2;margin:0 0 10px}
.service-card p{font-size:14px;line-height:1.55;margin:0 0 10px}
.service-card a{margin:0;font-size:13px}
.service-secondary{grid-column:span 2;display:grid;grid-template-columns:125px 1fr}
.service-secondary>img{height:100%;min-height:135px}
.service-secondary .service-card-body{padding:18px}
.hero{padding:40px 0 45px;background:white}
.photo-heading{text-align:center;margin-bottom:24px}.photo-heading h2{font-size:32px;margin:0 0 10px}.photo-heading p:last-child{color:#62666e;font-size:14px}
.hero-photo-frame{max-width:1240px!important;height:360px!important;aspect-ratio:auto!important;position:relative;border-radius:6px}
.hero-photo-panel{background:#f6f3ef}
.hero-three-images{gap:8px}
.welcome-section{background:#f6f5f3}
.welcome-grid{grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.welcome-visual img{height:360px;object-fit:cover;object-position:35% center;border-radius:6px}
.section-copy h2{font-size:34px}.section-copy .intro-text{font-size:17px}.section-copy>p{font-size:15px}
.welcome-sticker{left:16px;bottom:20px;border-radius:4px}
.story-expand{margin:28px auto;border:1px solid #e5d9d5;border-radius:6px}
.story-expand>summary{padding:20px 24px;font-size:18px;font-weight:600;color:var(--red);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.story-expand>summary span{font-size:24px}.story-expand[open]>summary span{transform:rotate(45deg)}
.five-banners{padding:10px 0 24px}.five-banners-inner{padding:0 20px}.story-finale{padding-bottom:0}
.milano-local{padding:36px 0}
#milano-local-title{font-size:30px}
.cta-inner{padding-block:28px}.cta-inner h2{font-size:30px}
.review-card{padding:24px;border-radius:6px}.stars{color:#fbbc04!important}
.faq-grid h2,.quote-grid h2{font-size:32px}
.footer{background:#f4efeb;color:#403735}.footer h2,.footer h3{color:var(--red)}.footer a,.footer p,.footer-bottom{color:#514642}
.floating-whatsapp{background:#207547;color:#fff}
@media(max-width:1100px){.main-nav{gap:12px}.brand-copy .brand-name{font-size:17px}.brand{min-width:230px}.main-nav>a:not(.nav-cta){font-size:12px}}
@media(max-width:990px){.header-inner{min-height:106px}.brand img{width:96px;height:96px}.main-nav.is-open{top:100%}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-secondary{grid-column:span 1;display:flex}.service-secondary>img{height:165px;min-height:0}.home-intro>.container{min-height:460px}}
@media(max-width:700px){
.container{width:calc(100% - 36px)}.contact-ribbon .container{justify-content:center;min-height:30px}.contact-ribbon .container>span,.contact-ribbon a[href^="mailto"]{display:none}
.header-inner{min-height:100px}.brand img{width:88px;height:88px}.brand-name{font-size:17px!important;max-width:none}.brand-domain{font-size:13px}.brand-sub{font-size:12px}.brand{gap:9px;min-width:0}.brand-copy{flex-shrink:1}
.home-intro {
  background-image: linear-gradient(90deg, rgba(22, 16, 18, .61), rgba(22, 16, 18, .48)), url('/assets/home-furgone-mobile-20261109.webp');
  background-image: linear-gradient(90deg, rgba(22, 16, 18, .61), rgba(22, 16, 18, .48)), image-set(url("/assets/duda-home-fast-tablet.9d2699dcdab8.avif") type("image/avif"), url("/assets/home-furgone-mobile-20261109.webp") type("image/webp"));
  background-position: center, 60% center;
}
.home-intro>.container{min-height:460px}.intro-content{padding:30px 0}.home-intro h1{font-size:41px;max-width:340px}.home-intro-lead{font-size:16px;max-width:310px}.intro-kicker{font-size:10px}
.intro-actions{display:grid;max-width:330px;gap:10px}.intro-actions .button{font-size:13px;padding:16px}.intro-note{font-size:11px;max-width:290px}
.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px 0}.trust-item{border:0;padding:0;gap:8px;align-items:flex-start}.trust-symbol{font-size:23px;min-width:24px}.trust-item strong{font-size:12px}.trust-item p{font-size:11px}
.section{padding:35px 0}.section-heading h2,#servizi .section-heading h2{font-size:28px}.section-heading>p{font-size:14px}
.services-grid{grid-template-columns:1fr;gap:16px}.service-card>img,.service-secondary>img{height:190px}.service-card-body{padding:20px}.service-card h3{font-size:21px}
.hero{padding:30px 0}.photo-heading h2{font-size:28px}.hero-photo-frame{width:calc(100% - 36px)!important;height:410px!important}
.welcome-grid{grid-template-columns:1fr;gap:25px}.welcome-visual img{height:300px}.section-copy h2{font-size:29px}
.story-expand>summary{font-size:16px;padding:17px}.five-banners-inner{padding:0}.five-banners-grid{padding-left:15px}
.review-card{padding:22px}.reviews-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px}.review-card{flex:0 0 88%;scroll-snap-align:start}
.faq-grid h2,.quote-grid h2{font-size:29px}.cta-inner h2{font-size:27px}
}
#home-title[tabindex="-1"]:focus{outline:none}

/* V54: i cinque banner sono sempre visibili dopo il carosello. */
.five-banners{padding:24px 0 36px;background:#f6f5f3}
.five-banners-inner{max-width:1280px;margin:auto;padding:0 24px}
.five-banners .feature-unified-media h1,.five-banners .feature-unified-media h2{background:#89131a!important;color:white!important;border:0;font-weight:600}
.five-banners-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media(max-width:700px){.five-banners-inner{padding:0 0 0 18px}.five-banners-grid{display:flex;padding-left:0}.five-banners .feature-card{width:min(82vw,320px)}}
/* V90: spazio al catalogo senza tagliare il menu desktop */
@media(min-width:991px){.header-inner{flex-wrap:wrap}.header-inner .main-nav{flex-wrap:wrap;justify-content:flex-end;flex:1 1 700px;min-width:0;row-gap:10px;padding:12px 0}.header-inner .brand{flex-shrink:0}}


.home-servizi-rapidi {
  padding: 24px 0;
  background: #fff;
  border-bottom: 1px solid #e8dedb;
}
.home-servizi-rapidi h2 { margin: 0 0 12px; font-size: clamp(21px, 2.1vw, 28px); }
.home-servizi-rapidi :is(ul, p) { margin: 0; padding: 0; }
.home-servizi-rapidi ul { list-style: none; }
.home-servizi-rapidi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.home-servizi-rapidi-grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid #eadcda;
  border-radius: 6px;
  background: #faf7f6;
  color: var(--red-dark);
  font-weight: 700;
  text-decoration: none;
}
.home-servizi-rapidi-grid a:hover { background: #f3e8e6; text-decoration: underline; }
.home-servizi-rapidi .home-servizi-rapidi-garage { margin-top: 9px; font-size: 14px; }
.home-servizi-rapidi-recensione {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 24px;
  margin: 18px 0;
  padding: 16px 20px;
  border: 1px solid #dbc0b8;
  border-inline-start: 4px solid var(--red);
  border-radius: 9px;
  background: #fff8ef;
  color: #302528;
  overflow-wrap: anywhere;
}
.home-recensione-testata {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 14px;
}
.home-recensione-testata h3 { margin: 0; color: var(--red-dark); font-size: 18px; }
.home-recensione-stelle { color: #946000; font-size: 22px; line-height: 1.15; letter-spacing: .08em; }
.home-recensione-citazione {
  margin: 7px 0 0;
  font-size: clamp(18px, 1.8vw, 21px);
  font-weight: 600;
  line-height: 1.45;
}
.home-servizi-rapidi .home-recensione-autore { margin-top: 5px; color: #55474b; font-size: 15px; }
.home-servizi-rapidi .home-recensione-link {
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid var(--red);
  background: #fff;
  color: var(--red-dark);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  white-space: normal;
}
.home-servizi-rapidi .home-recensione-link:hover { background: #f7ebe7; text-decoration: underline; }
#recensioni { scroll-margin-top: 40px; }
@media (max-width: 700px) {
  .home-servizi-rapidi-recensione {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 15px;
  }
  #recensioni { scroll-margin-top: 20px; }
}
.home-servizi-rapidi .home-servizi-rapidi-preventivo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 22px;
  margin-top: 12px;
  font-size: 14px;
}
.home-servizi-rapidi-preventivo .button { min-height: 44px; padding: 9px 14px; }
.home-servizi-rapidi :is(p a, .home-servizi-rapidi-preventivo a:not(.button)) {
  color: var(--red-dark);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.home-servizi-rapidi a:focus-visible { outline: 2px solid var(--red-dark); outline-offset: 2px; }
@media (max-width: 600px) {
  .home-servizi-rapidi { padding: 18px 0; }
  .home-servizi-rapidi-grid { grid-template-columns: 1fr; gap: 6px; }
  .home-servizi-rapidi-preventivo { flex-direction: column; align-items: flex-start; }
  .home-servizi-rapidi-preventivo a:not(.button) { display: inline-flex; align-items: center; min-height: 36px; }
}


/* Spazio del quadrante dal primo layout, con larghezza, distanza dal bordo
   e separazione uguali a quelle dell'orologio. */
.site-header.has-duda-clock[data-duda-clock-reserved] {
  --duda-clock-reserve: calc(148px + 18px + 18px);
}
.site-header.has-duda-clock[data-duda-clock-reserved] .header-inner {
  padding-inline-end: max(0px, calc(var(--duda-clock-reserve) - max(24px, calc((100% - var(--max)) / 2))));
}
@media (max-width: 990px) {
  .site-header.has-duda-clock[data-duda-clock-reserved] {
    --duda-clock-reserve: calc(132px + 12px + 18px);
  }
}
@media (max-width: 700px) {
  .site-header.has-duda-clock[data-duda-clock-reserved] {
    --duda-clock-reserve: calc(88px + 12px + 8px);
  }
  .site-header.has-duda-clock[data-duda-clock-reserved] .header-inner {
    padding-inline-end: calc(var(--duda-clock-reserve) - 18px);
  }
  .duda-news[data-duda-news] { gap: 12px; }
  .duda-news .dn-viewport { min-height: 44px; }
  .duda-news .dn-group .dn-story { min-height: 44px; align-items: center; }
  .duda-news .dn-toggle { flex-basis: 44px; width: 44px; height: 44px; }
}
@media (max-width: 380px) {
  .site-header.has-duda-clock[data-duda-clock-reserved] {
    --duda-clock-reserve: calc(80px + 8px + 8px);
  }
}
#banner-home .story-finale-kicker,
.milano-local .eyebrow {
  color: #6d0f15;
}

@media (max-width: 520px) {
  .home-intro {
    background-image: linear-gradient(90deg, rgba(22, 16, 18, .61), rgba(22, 16, 18, .48)), image-set(url("/assets/duda-home-fast-telefono.70bcaf4ecb20.avif") type("image/avif"), url("/assets/home-furgone-mobile-20261109.webp") type("image/webp"));
  }
}


/* servizi-v57.css */
/* V57: cinque servizi principali con pagine dedicate. */
#servizi .service-five-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#servizi .service-five-grid .service-card{min-width:0;display:flex;flex-direction:column}
#servizi .service-five-grid .service-card>img{width:100%;height:145px;object-fit:cover}
#servizi .service-five-grid .service-card-body{padding:18px;display:flex;flex-direction:column;flex:1}
#servizi .service-five-grid h3{font-size:19px;line-height:1.25;min-height:48px;color:var(--red)}
#servizi .service-five-grid .service-card p{font-size:14px;line-height:1.6;margin-bottom:18px}
#servizi .service-five-grid .service-card a{margin-top:auto;font-size:14px;min-height:42px;display:flex;align-items:center;gap:7px}
.lift-service{display:flex;align-items:center;gap:24px;margin-top:24px;padding:18px;background:#fff;border:1px solid #e7dfda;border-radius:6px}
.lift-service>img{width:110px;height:80px;object-fit:cover;border-radius:4px}
.lift-service>div{flex:1}.lift-service h3{font-size:20px;color:var(--red);margin:0 0 8px}.lift-service p{font-size:14px;margin:0;line-height:1.5}
.lift-service>a{font-size:14px;color:var(--red);padding:12px 0}
.service-page .story-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.service-page .story-heading figure img{height:310px;object-fit:cover}
.service-deck{font-size:19px;line-height:1.65;color:#514843;margin:0 0 20px}
.service-highlights{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:24px 0 0;font-size:12px;line-height:1.5;color:#5f504a}
.service-highlights li::before{content:'✓';color:var(--red);margin-right:7px;font-weight:700}
.service-long>p:first-child{font-size:18px;line-height:1.8;margin-bottom:35px}
.service-story{margin-top:35px;background:#f8f5f3;border-radius:8px;padding:24px}
.service-story a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:4px;font-size:20px;line-height:1.5}
@media(max-width:1000px) and (min-width:701px){#servizi .service-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#servizi .service-five-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 0 14px}#servizi .service-five-grid .service-card{flex:0 0 86%;scroll-snap-align:start}#servizi .service-five-grid .service-card>img{height:170px}#servizi .service-five-grid h3{min-height:0;font-size:22px}#servizi .service-five-grid .service-card-body{padding:20px}#servizi .service-five-grid .service-card p{font-size:15px}.lift-service{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:16px}.lift-service>img{width:80px;height:90px}.lift-service>a{grid-column:1/-1}.lift-service h3{font-size:18px}.service-page .story-heading{grid-template-columns:1fr}.service-page .story-heading figure img{height:215px}.service-deck{font-size:17px}.service-highlights{display:grid;gap:8px;margin-top:20px}.service-long>p:first-child{font-size:16px}.service-story a{font-size:19px}}


/* aggiornamenti-v58.css */
.footer-grid{grid-template-columns:1fr 1fr 1fr 1.2fr}.footer-grid>div{min-width:0}.footer a,.footer p{overflow-wrap:anywhere}.contact-ribbon .container>div{display:flex;flex-wrap:wrap;gap:14px}.planning-strip{padding-top:36px;padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.planning-strip h2{color:var(--red);font-size:28px;margin:10px 0}.planning-strip p{line-height:1.6}.planning-actions{display:flex;gap:12px;flex-wrap:wrap}.planning-actions .button{font-size:14px}.story-page .quote-section{margin-top:40px}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.contact-ribbon .container>span{display:none}.planning-strip{grid-template-columns:1fr}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.contact-ribbon .container>div{justify-content:center;gap:6px 12px;font-size:11px}.contact-ribbon a[href^="mailto"]{display:none}.planning-actions{display:grid}.planning-actions .button{text-align:center}.planning-strip{gap:10px;padding-top:24px;padding-bottom:24px}.planning-strip h2{font-size:25px}}

/* nuovo-v59.css */
.hero-photo-frame{width:min(calc(100% - 36px),1240px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important}.photo-heading{text-align:center}.page-intro{padding-top:45px;padding-bottom:35px;max-width:1000px}.page-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.15}.page-intro>p{font-size:18px;line-height:1.7}.page-intro .button{margin-top:16px}.destination-grid,.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:40px}.destination-card{display:block;border:1px solid #e0d7d1;border-radius:10px;padding:28px;background:#faf8f5}.destination-card:hover{border-color:var(--red)}.destination-card>span{font-size:11px;letter-spacing:.12em;color:var(--red)}.destination-card h2,.destination-card h3{font-size:25px;line-height:1.25;margin:14px 0}.destination-card p{font-size:15px;line-height:1.65}.destination-card strong{color:var(--red);font-size:14px}.destination-text,.work-body{max-width:820px;padding-top:15px;padding-bottom:60px;font-size:17px;line-height:1.85}.destination-text h2,.work-body h2{font-size:26px;line-height:1.3;margin:34px 0 15px}.international-teaser{background:#f5efeb;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:10px;padding:28px;margin-top:25px}.international-teaser>div{max-width:760px}.international-teaser h2{font-size:28px}.international-teaser p{line-height:1.6}.international-teaser .button{white-space:nowrap}.work-card{border:1px solid #ddd;border-radius:10px;overflow:hidden}.work-card img{width:100%;height:230px;object-fit:cover}.work-card a>div{padding:22px}.work-card h2{font-size:24px}.work-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.work-gallery figure{margin:0}.work-gallery img{width:100%;max-height:540px;object-fit:contain;background:#f3f0ec}.work-gallery figcaption{font-size:14px}.empty-state{border:1px solid #e4dcd5;background:#faf8f5;border-radius:10px;padding:30px;margin-bottom:25px}.empty-state h2{font-size:27px}.empty-state p{line-height:1.7}.notice{background:#fff4ce;padding:12px}@media(max-width:900px){.destination-grid,.work-grid{grid-template-columns:1fr 1fr}.international-teaser{display:block}.international-teaser .button{margin-top:15px}}@media(max-width:600px){.destination-grid,.work-grid,.work-gallery{grid-template-columns:1fr}.destination-card{padding:22px}.page-intro{padding-top:28px}.page-intro>p{font-size:16px}.destination-text,.work-body{font-size:16px}.international-teaser{padding:22px}.international-teaser .button{white-space:normal;width:100%}.hero-photo-frame{margin-inline:auto!important}.footer-about{grid-column:auto}}


/* logo-v67.css */
/* V67: logo Arial e tricolore, dimensioni leggibili. */
.site-header .brand img{width:140px;height:140px;flex:none;object-fit:contain}
.site-header .header-inner{min-height:152px}
.footer-about>img{width:144px;height:144px;object-fit:contain}
@media(max-width:990px){.site-header .brand img{width:110px;height:110px}.site-header .header-inner{min-height:122px;gap:6px}.site-header .brand{min-width:0;gap:8px}.site-header .brand-copy{flex-shrink:1}.site-header .brand-name{white-space:normal}.site-header .brand-domain{font-size:12px}.site-header .menu-button{flex:none;padding:8px}.main-nav{max-height:calc(100vh - 122px)}}
@media(max-width:360px){.site-header .brand-name{font-size:14px!important}.site-header .brand-sub{font-size:10px}.site-header .brand-domain{font-size:10px}.site-header .brand{gap:5px}}