@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/beltrami-bodoni-moda-variable-italic.woff2") format("woff2")}

@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/beltrami-bodoni-moda-variable-roman.woff2") format("woff2")}

:root{--luce:#F0EFEB;--notte:#2B2B28;--text:#504B47;--mid:#8E8D89;--line:#C0C0BE;--max:1200px}

*{box-sizing:border-box}
html{background:var(--luce);color:var(--text)}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15.5px;font-weight:300;line-height:1.65}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
.site-header{color:var(--notte);height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;border-bottom:0;position:relative;z-index:20}
.brand{display:flex;align-items:flex-end;gap:10px;margin-right:auto}
.brand img{display:block;height:19px;width:auto}
.brand-edition{font:italic 400 15px/1 "Bodoni Moda",serif;transform:translateY(1px)}
.desktop-nav,.mobile-menu,footer nav{display:flex;gap:27px;align-items:center}
.desktop-nav a,.mobile-menu a,footer a{font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.desktop-nav a{position:relative}.desktop-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:.16em;top:calc(100% + 5px);height:1px;background:var(--notte)}
.menu-toggle,.mobile-menu{display:none}
.carousel{--hero-copy-height:220px;--hero-image-height:clamp(560px,50vw,760px);position:relative;width:100%;height:calc(var(--hero-image-height) + var(--hero-copy-height));overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 800ms ease;pointer-events:none}
.slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.slide picture,.slide img{display:block;width:100%}
.slide>picture:not(.afdl-registration-mark){height:calc(100% - var(--hero-copy-height))}
.carousel-image-link{display:block;height:calc(100% - var(--hero-copy-height));color:inherit}
.carousel-image-link picture{height:100%}
.carousel-title-link{color:inherit;text-decoration:none}
.slide img{height:100%;object-fit:cover}
.slide .hero-yacht-still img{object-position:center bottom}
.afdl-registration-mark{position:absolute;top:calc((100% - var(--hero-copy-height))/2);left:50%;z-index:2;display:block;width:238px;height:82px;transform:translate(-50%,-50%);pointer-events:none}
.afdl-registration-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(1);mix-blend-mode:screen;opacity:.92}
@media(min-width:601px) and (max-width:900px){.afdl-registration-mark{width:190px;height:66px}}
.hero-copy{height:var(--hero-copy-height);max-width:calc(var(--max) + 48px);margin:0 auto;padding:27px 24px 48px}
.hero-copy h1,.hero-copy h2,.split-block h2,.newsletter h2{margin:0 0 14px;font:italic 400 clamp(23px,2.8vw,32px)/1.2 "Bodoni Moda",serif}
.hero-copy h1{font-size:clamp(26px,3vw,40px);line-height:1.15;white-space:nowrap}
.hero-copy p,.split-block p,.newsletter p{margin:0;max-width:640px}
.cta{display:inline-block;margin-top:17px;padding-bottom:3px;border-bottom:1px solid var(--notte);font-size:11.5px;line-height:1.25;letter-spacing:.2em;text-transform:uppercase;transition:opacity 220ms ease,transform 220ms ease}.cta:hover,.cta:focus-visible{opacity:.62;transform:translateY(-1px)}
.carousel-dots{position:absolute;left:max(24px,calc((100vw - var(--max))/2));bottom:27px;display:flex;gap:9px;z-index:4}
.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--mid);opacity:.55;cursor:pointer}
.carousel-dots button.is-active{background:var(--notte);opacity:1}
.content,footer{max-width:calc(var(--max) + 48px);margin-inline:auto;padding-inline:24px}
.categories,.split-block,.newsletter{margin-top:96px}
.category-grid{display:grid;gap:26px}
.category-grid-lead{grid-template-columns:repeat(2,1fr)}
.category-grid-secondary{grid-template-columns:repeat(3,1fr);margin-top:26px}
.category picture,.category img,.split-block picture,.split-block img{display:block;width:100%}
.category picture{overflow:hidden}
.category-baby img{filter:grayscale(1)}
.category-image-link,.split-image-link{display:block;overflow:hidden}
.category-image-link img,.split-image-link img{transition:opacity 500ms ease,transform 650ms cubic-bezier(.2,.7,.2,1)}
.category-image-link:hover img,.category-image-link:focus-visible img,.split-image-link:hover img,.split-image-link:focus-visible img{opacity:.94;transform:scale(1.012)}
.category:is(:hover,:focus-within) .cta{opacity:1;transform:none}
.category-grid-lead picture,.category-grid-lead img{aspect-ratio:3/2;object-fit:cover}
.category-grid-secondary picture,.category-grid-secondary img,.nightwear-placeholder{aspect-ratio:4/5;object-fit:cover}
.nightwear-placeholder{background:var(--luce);border:1px solid rgba(199,195,187,.42)}
.category h2{margin:14px 0 0;font:italic 400 24px/1.2 "Bodoni Moda",serif}.category-title-link{display:inline-block}
.category .cta{margin-top:8px}
.split-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split-block picture,.split-block img{aspect-ratio:3/2;object-fit:cover}
.split-image-link,.split-image-link picture,.split-image-link img{display:block;width:100%}
.split-block-bespoke picture{overflow:hidden}
.split-block-bespoke img{transform:none}

/* Brand-home editorial service modules. */
.content>.split-block{position:relative;left:50%;width:100vw;max-width:none;min-height:clamp(520px,50vw,700px);margin-left:-50vw;margin-top:0;gap:0;align-items:stretch}
.content>.categories+.split-block{margin-top:120px}
.content>.split-block .split-image-link,.content>.split-block picture,.content>.split-block img{width:100%;height:100%}
.content>.split-block img{aspect-ratio:auto;object-fit:cover;filter:grayscale(1)}
.content>.split-block-bespoke img{object-position:60% center}
.content>.split-block:not(.split-block-bespoke):not(.split-block-reverse) img{object-position:72% center}
.content>.split-block .split-image-link:hover img,.content>.split-block .split-image-link:focus-visible img{opacity:1;transform:none}
.content>.split-block>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,8vw,118px);background:var(--luce);color:var(--text)}
.content>.split-block:nth-of-type(even)>div{background:var(--notte);color:var(--luce)}
.content>.split-block:not(.split-block-bespoke):not(.split-block-reverse)>div{background:var(--text);color:var(--luce)}
.content>.split-block h2{max-width:560px;margin:0 0 30px;font-size:clamp(34px,4vw,54px);line-height:1.08;color:inherit}
.content>.split-block p{max-width:560px;color:inherit}
.content>.split-block .cta{position:relative;width:min(100%,560px);margin-top:38px;padding:0 0 12px;border:0;color:inherit;opacity:1;transform:none}
.content>.split-block .cta::after{content:"";position:absolute;right:0;bottom:0;left:0;height:.5px;background:currentColor;opacity:.65;transform:scaleX(1);transform-origin:left center;transition:transform .85s cubic-bezier(.24,.43,.15,.97),opacity .7s}
.content>.split-block .cta:hover,.content>.split-block .cta:focus-visible{opacity:1;transform:none}
.content>.split-block .cta:hover::after,.content>.split-block .cta:focus-visible::after{opacity:1;transform:scaleX(.18);transform-origin:left center}
.home-material-note{margin:120px 0 0;text-align:center}
.home-material-note>.material-image-link,.home-material-note picture,.home-material-note img{display:block;width:100%}
.home-material-note>.material-image-link{overflow:hidden}
.home-material-note img{aspect-ratio:16/7;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.7,.2,1)}
.home-material-note>.material-image-link:hover img,.home-material-note>.material-image-link:focus-visible img{transform:scale(1.012)}
.home-material-note>div{max-width:680px;margin:30px auto 0}
.home-material-note h2{margin:0;font:italic 400 clamp(27px,3.6vw,42px)/1.08 "Bodoni Moda",serif}
.home-material-note p{max-width:600px;margin:18px auto 0}
.newsletter{position:relative;left:50%;width:100vw;max-width:none;margin:112px 0 0 -50vw;padding:80px max(24px,calc((100vw - var(--max))/2));background:#2B2B28;color:#F0EFEB}
.newsletter h2{margin:0;font:italic 300 34px/1.3 "Bodoni Moda",serif;letter-spacing:.05em}
.newsletter>p:not(.consent){width:312px;max-width:100%;margin:32px 0 0;font-size:13px;font-weight:200;line-height:26px;letter-spacing:.05em}
.newsletter form{width:312px;max-width:100%;margin-top:32px}
.email-line{display:flex;height:40px;border-bottom:1px solid #8E8D89}
.email-line input{width:100%;padding:0;background:transparent;border:0;outline:0;color:#F0EFEB;font-size:12px;font-weight:300;line-height:24px;letter-spacing:.05em}.email-line input::placeholder{color:#F0EFEB;opacity:1}
.email-line button{padding:9px 0 9px 18px;background:transparent;border:0;cursor:pointer;transition:opacity 220ms ease,transform 220ms ease}.email-line button:hover,.email-line button:focus-visible{opacity:.58;transform:translateX(2px)}
.consent{width:312px;max-width:100%;margin:32px 0 0!important;color:#F0EFEB;font-size:13px;font-weight:200;line-height:26px;letter-spacing:.05em}
footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:34px}
footer nav{flex-wrap:wrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:1px solid var(--notte);outline-offset:5px}

@media(max-width:900px){.site-header{color:var(--notte);height:66px}
.brand img{height:16px}
.brand{gap:8px}
.brand-edition{font-size:13px}
.desktop-nav{display:none}
.menu-toggle{display:flex;width:30px;height:30px;padding:7px 2px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:6px;z-index:22}
.menu-toggle span{display:block;width:26px;height:1px;background:var(--notte);transition:transform 200ms}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:21;background:var(--luce);padding:100px 24px 40px;flex-direction:column;align-items:flex-start;gap:27px}
.mobile-menu.is-open{display:flex}
.mobile-menu a{font-size:13px}
.categories,.split-block,.newsletter{margin-top:72px}
}

@media(max-width:600px){.carousel{--hero-copy-height:245px;height:calc(125vw + var(--hero-copy-height))}
.afdl-registration-mark{width:86px;height:127px}
.slide>picture:not(.afdl-registration-mark){height:calc(100% - var(--hero-copy-height));aspect-ratio:4/5}
.carousel-image-link{height:calc(100% - var(--hero-copy-height));aspect-ratio:4/5}
.slide .hero-yacht-still img{object-position:center center}
.slide img{aspect-ratio:4/5}
.hero-copy{height:var(--hero-copy-height);padding:20px 24px 48px}
.hero-copy h1{font-size:clamp(18px,5.05vw,20px);letter-spacing:-.025em}
.carousel-dots{left:24px;bottom:22px}
.content{padding-inline:24px}
.category-grid-lead,.category-grid-secondary,.split-block{grid-template-columns:1fr}.category-grid-secondary picture,.category-grid-secondary img{aspect-ratio:3/2}
.category-grid-secondary{margin-top:26px}
.split-block{gap:28px}
.split-block-reverse>div{order:2}
.split-block-reverse>picture{order:1}
.content>.split-block{min-height:0;gap:0}
.content>.categories+.split-block{margin-top:82px}
.content>.split-block .split-image-link{height:auto;aspect-ratio:4/5}
.content>.split-block>div{min-height:410px;padding:54px 24px}
.content>.split-block h2{font-size:34px}
.split-block-reverse>.split-image-link{order:1}
.home-material-note{margin-top:82px}
.home-material-note img{aspect-ratio:4/5}
.categories,.split-block,.newsletter{margin-top:62px}
footer{padding-inline:24px}
.desktop-nav,.mobile-menu,footer nav{gap:22px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
.slide,.category img,.split-image-link img,.cta,.email-line button{transition:none!important}.category:is(:hover,:focus-within) img,.split-image-link:hover img,.split-image-link:focus-visible img,.cta:hover,.cta:focus-visible,.email-line button:hover,.email-line button:focus-visible{transform:none}
}

.site-footer h1,.site-footer h2,.site-footer h3{color:inherit}.site-footer{width:100%;max-width:none;margin:112px 0 0;padding:80px max(24px,calc((100vw - var(--max))/2)) 42px;background:#2B2B28;color:#F0EFEB;border:0}.footer-main{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:88px}.site-footer .newsletter{position:static;left:auto;width:auto;max-width:none;margin:0;padding:0;background:transparent;color:inherit}.site-footer .newsletter h2{margin:0;font:italic 300 34px/1.3 "Bodoni Moda",serif;letter-spacing:.05em}.site-footer .newsletter>p:not(.consent){width:auto;margin:18px 0 0;color:#F0EFEB}.site-footer .newsletter form{width:100%;max-width:420px;margin:30px 0 0}.newsletter-fields{display:grid;gap:11px}.newsletter-fields label{display:block}.newsletter-fields input{display:block;width:100%;height:42px;padding:0 0 5px;background:transparent;border:0;border-bottom:1px solid #8E8D89;outline:0;color:#F0EFEB;font:300 13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.05em}.newsletter-fields input::placeholder{color:#F0EFEB;opacity:.82}.privacy-check{display:flex;gap:12px;align-items:flex-start;margin-top:24px;color:#F0EFEB;font-size:12px;font-weight:200;line-height:1.55;letter-spacing:.03em}.privacy-check>input{appearance:none;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;border:1px solid #F0EFEB;background:transparent}.privacy-check>input:checked{box-shadow:inset 0 0 0 4px #2B2B28;background:#F0EFEB}.privacy-check a,.footer-brand a{text-decoration:underline;text-underline-offset:3px}.newsletter-submit{min-width:150px;margin-top:25px;padding:10px 22px;background:transparent;border:1px solid #8E8D89;color:#F0EFEB;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background-color 220ms ease,color 220ms ease}.newsletter-submit:hover,.newsletter-submit:focus-visible{background:#F0EFEB;color:#2B2B28}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.site-footer .footer-links nav{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.footer-links h2{margin:0 0 19px;font:400 11px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.footer-links a{font-size:13px;font-weight:200;line-height:1.55;letter-spacing:.035em;transition:opacity 180ms ease}.footer-links a:hover,.footer-links a:focus-visible{opacity:.58}.footer-link-gap{height:12px}.footer-brand{max-width:var(--max);margin:70px auto 0;padding-top:38px;border-top:1px solid #8E8D89;text-align:center}.footer-lockup{display:block;width:270px;height:92px;margin:0 auto;background:#F0EFEB;-webkit-mask:url("../img/BELTRAMI-logo-beltrami-lbc.svg") center/contain no-repeat;mask:url("../img/BELTRAMI-logo-beltrami-lbc.svg") center/contain no-repeat}.footer-brand p{margin:26px 0 0;color:#F0EFEB;font-size:11px;font-weight:200;line-height:1.7;letter-spacing:.04em}.footer-brand p span{margin-inline:6px}
@media(max-width:900px){.footer-main{grid-template-columns:1fr;gap:64px}.footer-links{gap:24px}.site-footer .newsletter form{max-width:520px}}
@media(max-width:600px){.site-footer{margin-top:82px;padding:62px 24px 34px}.site-footer .newsletter h2{font-size:31px}.footer-links{grid-template-columns:1fr;gap:40px}.footer-links h2{margin-bottom:14px}.footer-main{gap:58px}.footer-brand{margin-top:58px;padding-top:31px}.footer-lockup{width:225px;height:77px}.footer-brand p span{display:none}.footer-brand p a{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.newsletter-submit,.footer-links a{transition:none!important}}

/* Corporate band: exact main-site details on Luce. */
.site-footer{padding:80px 0 0}.footer-main{padding-inline:24px}.footer-brand{max-width:none;margin:70px 0 0;padding:32px max(24px,calc((100vw - var(--max))/2));border:0;background:#F0EFEB;color:#2B2B28;display:grid;grid-template-columns:1fr 270px 1fr;gap:40px;align-items:center;text-align:left}.footer-lockup{width:270px;height:92px;background:#2B2B28}.company-details{margin:0!important;color:#2B2B28!important;font-size:13px!important;font-weight:200!important;line-height:1.5!important;letter-spacing:.035em!important}.social-links{display:flex!important;justify-content:flex-end;gap:24px!important}.social-links a{color:#2B2B28;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
@media(max-width:900px){.footer-brand{grid-template-columns:1fr 230px;gap:28px}.footer-lockup{width:230px;height:78px}.social-links{grid-column:1/-1;justify-content:flex-start!important}}
@media(max-width:600px){.site-footer{padding:62px 0 0}.footer-main{padding-inline:24px}.footer-brand{margin-top:58px;padding:31px 24px 34px;grid-template-columns:1fr}.footer-lockup{width:225px;height:77px;margin:0}.social-links{grid-column:auto}}

/* Footer navigation uses natural title case. */
.footer-links h2{text-transform:uppercase}
.footer-links a{text-transform:none}

/* Company-site underline sweep for text CTAs and footer navigation. */
.cta,.footer-links a{position:relative;border-bottom:0}
.cta::after,.footer-links a::after{content:"";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:currentColor;opacity:.68;transform:scaleX(0);transform-origin:right center;transition:transform .85s cubic-bezier(.24,.43,.15,.97),opacity .7s}
.cta:hover,.cta:focus-visible{opacity:1;transform:none}
.cta:hover::after,.cta:focus-visible::after,.footer-links a:hover::after,.footer-links a:focus-visible::after{opacity:1;transform:scaleX(1);transform-origin:left center}
.hero-copy .cta,.category .cta{width:max-content;border-bottom:0;opacity:1;transform:none;font-size:10.5px;line-height:1.25;letter-spacing:.18em}
.hero-copy .cta::after,.category .cta::after{bottom:-4px;transform:scaleX(0);transform-origin:right center}
.hero-copy .cta:hover::after,.hero-copy .cta:focus-visible::after,.category .cta:hover::after,.category .cta:focus-visible::after{transform:scaleX(1);transform-origin:left center}
.footer-links a:hover,.footer-links a:focus-visible{opacity:1}
@media(max-width:600px){.footer-brand{text-align:center}.footer-lockup{order:1;margin-inline:auto}.site-footer .social-links{order:2;justify-content:center}.company-details{order:3;text-align:center}}
@media(max-width:900px){.footer-brand{grid-template-columns:1fr;text-align:center}.footer-lockup{order:1;margin-inline:auto}.site-footer .social-links{grid-column:auto;order:2;width:100%;justify-content:center!important}.company-details{order:3;text-align:center}}
.footer-lockup{object-fit:contain;background:transparent!important;-webkit-mask:none!important;mask:none!important}
@media(min-width:901px){.site-footer .footer-links{padding-top:22px}}
/* Beltrami system typography — aligned with the house's editorial site. */
body{font-size:14px;line-height:2;letter-spacing:.05em}
@media(max-width:900px){body{font-size:13px;line-height:2}}
@media(max-width:600px){body{line-height:1.7}}
