:root { --ink:#183942; --deep:#0d2931; --sand:#f4f0e8; --gold:#bd8e50; --gold-light:#e3c89f; --line:rgba(24,57,66,.16); } * { box-sizing:border-box; } body { margin:0; color:var(--ink); font-family:"DM Sans",sans-serif; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } .container { width:min(1120px,calc(100% - 64px)); margin:0 auto; } .eyebrow { margin:0 0 14px; color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; } .promotions-header { color:var(--ink); border-bottom:1px solid var(--line); } .promotions-nav { display:flex; align-items:center; width:min(1180px,calc(100% - 64px)); min-height:70px; margin:0 auto; } .brand { display:inline-flex; align-items:baseline; font-family:"Montserrat",sans-serif; font-size:22px; font-weight:800; letter-spacing:-.1em; } .brand b { color:var(--gold); font-size:15px; } .nav-links { display:flex; align-items:center; height:70px; margin-left:auto; } .nav-links a { display:flex; height:100%; align-items:center; padding:0 20px; border-left:1px solid var(--line); font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; } .nav-links .nav-contact { height:auto; margin-left:15px; padding:10px 14px; border:1px solid var(--ink); } .menu-toggle { display:none; margin-left:auto; color:var(--ink); background:transparent; border:0; } .menu-toggle span { display:block; width:25px; height:1px; margin:5px 0; background:currentColor; } .mobile-menu { display:none; } .promotions-intro { padding:27px 0 66px; text-align:center; } .breadcrumb { display:flex; gap:8px; margin-bottom:76px; color:#718589; font-size:9px; letter-spacing:.08em; text-align:left; text-transform:uppercase; } .promotions-intro h1 { margin:0; font-family:"Montserrat",sans-serif; font-size:clamp(39px,4.7vw,63px); font-weight:400; letter-spacing:-.07em; line-height:1.02; } .promotions-intro h1 strong { font-weight:700; } .promotions-intro>div>p:not(.eyebrow) { max-width:610px; margin:18px auto 0; color:#607176; font-size:14px; line-height:1.65; } .offers { padding:0 0 100px; } .offers-bar { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:21px; padding-top:14px; border-top:1px solid var(--line); } .offers-bar span { font-family:"Montserrat",sans-serif; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; } .offers-bar p { margin:0; color:#718589; font-size:13px; } .offers-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-auto-flow:dense; gap:18px; } .offer-card { position:relative; display:flex; min-height:300px; align-items:end; overflow:hidden; color:#fff; background:var(--deep); } .offer-card--featured { grid-column:span 2; min-height:300px; } .offer-card--only { grid-column:span 2; min-height:300px; } .offer-card>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; } .offer-card__shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,22,27,.85),rgba(5,22,27,.08) 63%); transition:background .35s ease; } .offer-card__content { position:relative; z-index:1; width:100%; padding:23px; } .offer-card__content>span { display:inline-block; margin-bottom:15px; color:var(--gold-light); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; } .offer-card h2 { margin:0; font-family:"Montserrat",sans-serif; font-size:clamp(18px,2vw,29px); font-weight:700; letter-spacing:-.055em; line-height:1.07; } .offer-card--featured h2 { font-size:clamp(23px,2.5vw,35px); } .offer-card__price { margin:10px 0 0; font-family:"Montserrat",sans-serif; font-size:14px; font-weight:700; } .offer-card__description { max-height:0; margin:0; overflow:hidden; color:rgba(255,255,255,.84); font-size:13px; line-height:1.5; opacity:0; transition:max-height .32s ease,margin .32s ease,opacity .28s ease; } .offer-card b { display:inline-flex; max-height:0; align-items:center; gap:7px; margin:0; overflow:hidden; padding:0; border:1px solid #fff; color:#fff; font-size:10px; letter-spacing:.03em; opacity:0; transition:max-height .32s ease,margin .32s ease,padding .32s ease,opacity .28s ease; } .offer-card b i { font-size:16px; font-style:normal; } .offer-card:hover>img { transform:scale(1.05); } .offer-card:hover .offer-card__shade { background:rgba(5,22,27,.7); } .offer-card:hover .offer-card__description { max-height:62px; margin-top:14px; opacity:1; } .offer-card:hover b { max-height:44px; margin-top:17px; padding:0 13px; opacity:1; } .offers-empty { padding:38px 0; color:#607176; border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; } .offers-note { padding:37px 0; background:var(--sand); } .offers-note .container { display:flex; justify-content:space-between; align-items:center; gap:28px; } .offers-note p { margin:0; font-family:"Montserrat",sans-serif; font-size:19px; font-weight:600; letter-spacing:-.04em; } .offers-note a { padding-bottom:4px; border-bottom:1px solid var(--ink); font-size:11px; font-weight:700; } .footer { padding:62px 0 24px; color:#dce5e2; background:#0a2229; } .footer-top { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:50px; padding-bottom:55px; } .footer .brand { margin-bottom:18px; } .footer-brand p { max-width:310px; margin:0; color:#91a8aa; font-size:14px; } .footer h3 { margin:7px 0 16px; color:#fff; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; } .footer-links { display:grid; gap:9px; } .footer-links a,.footer-contact a { color:#b7c7c8; font-size:14px; } .footer-links a:hover,.footer-contact a:hover { color:var(--gold-light); } .footer-contact { display:grid; gap:8px; } .footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; border-top:1px solid rgba(255,255,255,.12); color:#82999b; font-size:12px; } .footer-bottom a { color:#a7bbba; } @media (max-width:850px) { .offers-grid { grid-template-columns:repeat(2,1fr); } .offer-card--featured,.offer-card--only { grid-column:span 2; min-height:360px; } .footer-top { grid-template-columns:1fr 1fr; } .footer-brand { grid-column:1/-1; } } @media (max-width:650px) { .container,.promotions-nav { width:min(100% - 40px,1120px); } .nav-links { display:none; } .menu-toggle { display:block; } .mobile-menu { position:fixed; inset:70px 0 auto; z-index:8; padding:15px 20px; color:#fff; background:var(--deep); opacity:0; pointer-events:none; transform:translateY(-10px); transition:.2s; } .mobile-menu.open { opacity:1; pointer-events:auto; transform:none; } .mobile-menu a { display:block; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.14); } .promotions-intro { padding:25px 0 51px; } .breadcrumb { margin-bottom:58px; } .offers { padding-bottom:70px; } .offers-bar { display:block; } .offers-bar p { margin-top:7px; } .offers-grid { grid-template-columns:1fr; } .offer-card,.offer-card--featured,.offer-card--only { grid-column:span 1; min-height:390px; } .offers-note .container { display:block; } .offers-note a { display:inline-block; margin-top:15px; } .footer-top { grid-template-columns:1fr; gap:28px; } .footer-brand { grid-column:auto; } .footer-bottom { display:block; } .footer-bottom span + span { display:block; margin-top:8px; } }