/* Italy Reserved: artwork and palette supplied by the client, 8 November 2026. */
:root{--brand-petrolio:#153c46;--brand-avorio:#fcfbf7;--brand-terracotta:#9b492f;--background:var(--brand-avorio);--foreground:var(--brand-petrolio);--primary:var(--brand-petrolio);--secondary:#edf1ef;--accent:#edf1ef;--ring:var(--brand-terracotta)}
html{background:var(--brand-petrolio)}
body{background:var(--brand-avorio);color:var(--brand-petrolio)}
body>header{height:104px;background:var(--brand-avorio);gap:24px}
header .logo,footer .logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;gap:0!important}
.brand-logo{display:block;object-fit:contain;max-width:100%;height:auto;aspect-ratio:6783/2281}
header .brand-logo{width:218px;height:auto}
footer .brand-logo{width:246px;height:auto}
footer{background:var(--brand-petrolio);color:var(--brand-avorio)}
header .mobile-menu{min-width:44px;min-height:44px;color:var(--brand-petrolio)}
.button{background:var(--brand-petrolio);border-color:var(--brand-petrolio)}
.button:hover{background:#285560}
.button.light{background:var(--brand-avorio);border-color:var(--brand-avorio);color:var(--brand-petrolio)}
.button.outline{background:transparent;border-color:currentColor}
.dark,.final-cta,.season-winter{background:var(--brand-petrolio)}
.style-card:nth-child(2),.notice,.geo-answer{border-color:var(--brand-terracotta)}
body[data-page="start-planning"],body[data-page="start-planning"]>header,body[data-page="start-planning"] .planning-end{background:var(--brand-avorio)}
body[data-page="start-planning"] #how-it-works{background:#edf1ef}
:is(a,button,input,textarea):focus-visible{outline:3px solid var(--brand-terracotta);outline-offset:4px}
.journey-film .film-control:focus-visible{outline-color:var(--brand-avorio)}
.menu-panel{top:104px;background:var(--brand-avorio)}
body>main>img[src*="italy-reserved-logo"]{width:218px;height:auto}
@media(min-width:900px) and (max-width:1100px){header .brand-logo{width:194px}body>header{gap:18px}}
@media(max-width:899px){body>header{height:92px;gap:14px}header .brand-logo{width:196px}.menu-panel{top:92px}}
@media(max-width:600px){body>header{height:86px;gap:10px}header .brand-logo{width:178px}.menu-panel{top:86px}footer .brand-logo{width:226px}}
@media(max-width:999px){html{background:var(--brand-avorio)}}


/* v37: the navigation belongs to the opening, rather than a separate strip. */
body.ir-integrated-header{position:relative;--ir-header-height:118px}
body.ir-integrated-header>header{position:absolute;inset:0 0 auto;height:var(--ir-header-height);z-index:50;color:var(--brand-avorio);background:transparent;padding:20px 7%!important;gap:24px}
.ir-integrated-header header .brand-logo{width:204px;height:auto}
.ir-integrated-header header .mobile-menu{color:var(--brand-avorio)}
.ir-integrated-header header .navlink{color:var(--brand-avorio);text-shadow:0 1px 12px rgba(5,21,26,.28)}
.ir-integrated-header header .button,.ir-integrated-header #mobile-navigation .button{color:var(--brand-avorio);background:transparent;border-color:rgba(252,251,247,.7);padding:13px 21px;transition:background .2s,border-color .2s}
.ir-integrated-header header .button:hover,.ir-integrated-header #mobile-navigation .button:hover{background:rgba(252,251,247,.12);border-color:var(--brand-avorio)}
.ir-integrated-header header :is(a,button):focus-visible{outline-color:var(--brand-avorio)}
body.ir-image-opening>header{background:linear-gradient(180deg,rgba(6,25,32,.68),rgba(6,25,32,.28) 60%,rgba(6,25,32,0))}
.ir-image-opening main>.hero.journey-film{min-height:830px;height:auto;max-height:none}
.ir-image-opening main>.hero.journey-film .hero-copy{padding-top:180px;padding-bottom:120px}
.ir-image-opening main>.film-heading{min-height:650px;padding-top:170px;padding-bottom:88px}
.ir-integrated-header #mobile-navigation{position:absolute;top:var(--ir-header-height);inset-inline:0;z-index:49;width:100%;padding:12px 7% 26px;background:rgba(21,60,70,.98);color:var(--brand-avorio);border:0;box-shadow:0 16px 22px rgba(5,21,26,.13)}
.ir-integrated-header #mobile-navigation a{min-height:44px}
.ir-editorial-opening main>.page-heading:first-child,.ir-editorial-opening main>.ir-legal-opening{width:100%;max-width:none;margin:0;padding:170px 7% 72px;color:var(--brand-avorio);background:var(--brand-petrolio)}
.ir-editorial-opening main>.page-heading:first-child :is(h1,.eyebrow,.breadcrumb),.ir-legal-opening :is(h1,.eyebrow){color:var(--brand-avorio)}
.ir-editorial-opening main>.page-heading:first-child p,.ir-legal-opening p{color:#e6eeeb;max-width:730px}
.ir-editorial-opening .ir-legal-opening h1{max-width:1000px;font-size:clamp(38px,5vw,70px);margin:0 0 24px}
.ir-legal-opening .button{background:transparent;color:var(--brand-avorio);border-color:rgba(252,251,247,.7);margin-top:18px}
.ir-editorial-opening main>.legal-page{padding-top:52px}
.ir-editorial-opening .ir-legal-opening .eyebrow{margin-bottom:20px}
.ir-editorial-opening .ir-legal-opening p:last-child{margin-bottom:0}
@media(min-width:900px) and (max-width:1100px){body.ir-integrated-header>header{padding-inline:5%!important;gap:18px}.ir-integrated-header header .brand-logo{width:180px}.ir-integrated-header header nav{gap:16px}.ir-integrated-header header .button{padding-inline:16px}}
@media(max-width:899px){body.ir-integrated-header{--ir-header-height:102px}body.ir-integrated-header>header{padding:18px 7%!important;gap:14px}.ir-integrated-header header .brand-logo{width:190px}.ir-image-opening main>.hero.journey-film .hero-copy{padding-top:158px}.ir-image-opening main>.film-heading{padding-top:150px}}
@media(max-width:760px){.ir-image-opening main>.hero.journey-film{min-height:730px}.ir-image-opening main>.hero.journey-film .hero-copy{padding:150px 7% 106px}.ir-image-opening main>.film-heading{min-height:580px;padding:144px 7% 92px}.ir-editorial-opening main>.page-heading:first-child,.ir-editorial-opening main>.ir-legal-opening{padding:145px 7% 48px}.ir-editorial-opening main>.page-heading:first-child h1{font-size:clamp(40px,10vw,60px)}.ir-editorial-opening main>.legal-page{padding-top:36px}}
@media(max-width:600px){body.ir-integrated-header{--ir-header-height:96px}body.ir-integrated-header>header{padding:18px 7%!important}.ir-integrated-header header .brand-logo{width:174px}.ir-integrated-header header .mobile-menu{margin-left:auto}.ir-image-opening main>.hero.journey-film .hero-copy{padding-top:140px}}
@media print{body.ir-integrated-header>header{position:relative;color:var(--brand-petrolio)}.ir-image-opening main>.hero.journey-film .hero-copy,.ir-image-opening main>.film-heading,.ir-editorial-opening main>.page-heading:first-child,.ir-editorial-opening main>.ir-legal-opening{padding-top:40px}}