:root { --orange:#fe3d00; --ink:#0a0a0a; --burgundy:#3d0b0e; --aqua:#004650; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; min-width:320px; color:var(--ink); background:#fff; font-family:var(--font-body); }
a { color:inherit; text-decoration:none; }
.offers-nav__logo { opacity:1 !important; }
.offers-hero { position:relative; min-height:720px; padding:clamp(120px,13vw,190px) clamp(20px,7vw,104px) 90px; overflow:hidden; background:var(--burgundy); color:var(--orange); display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); gap:48px; align-items:center; }
.offers-hero__copy { position:relative; z-index:2; }
.offers-hero__eyebrow, .offers-section__heading > div > p, .offers-signup > p { margin:0 0 22px; color:#fff; font-family:var(--font-heading); font-size:13px; font-weight:900; letter-spacing:2px; text-transform:uppercase; }
.offers-hero h1 { max-width:980px; margin:0; font-family:var(--font-display); font-size:clamp(66px,9vw,132px); font-weight:400; letter-spacing:var(--type-letter-spacing-default); line-height:.88; text-transform:uppercase; }
.offers-hero__intro { max-width:650px; margin:42px 0 34px; color:#fff; font-size:clamp(18px,2vw,26px); line-height:1.4; }
.offers-hero__jump { width:max-content; padding:14px 24px; border:2px solid var(--orange); border-radius:999px; font-family:var(--font-heading); font-weight:900; }
.offers-hero__jump span { margin-left:12px; }
.offers-hero__art { position:absolute; z-index:1; right:-.08em; bottom:-.08em; color:transparent; font-family:var(--font-display); font-size:clamp(150px,19vw,290px); font-weight:400; line-height:.8; opacity:.38; text-transform:uppercase; white-space:nowrap; -webkit-text-stroke:1.25px var(--orange); }
.offers-section { padding:clamp(70px,8vw,120px) clamp(20px,5vw,72px) clamp(90px,10vw,150px); background:#fff; }
.offers-section__heading { display:flex; align-items:end; justify-content:space-between; gap:24px; max-width:1300px; margin:0 auto 52px; border-bottom:2px solid var(--ink); padding-bottom:24px; }
.offers-section__heading > div > p { color:var(--orange); margin-bottom:10px; }
.offers-section__heading h2, .offers-empty h2 { margin:0; font-family:var(--font-display); font-size:clamp(54px,7vw,100px); font-weight:400; line-height:.9; text-transform:uppercase; }
.offers-section__heading > p { font-family:var(--font-heading); font-weight:900; text-transform:uppercase; }
.offers-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; max-width:1300px; margin:auto; }
.offer-card { display:flex; flex-direction:column; min-height:580px; border:2px solid var(--ink); background:#fff; box-shadow:8px 8px 0 var(--ink); }
.offer-card__media { height:250px; background:var(--ink); overflow:hidden; }
.offer-card__media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.offer-card:hover .offer-card__media img { transform:scale(1.035); }
.offer-card__body { flex:1; display:flex; flex-direction:column; padding:26px; }
.offer-card__meta { margin:0 0 18px; color:var(--orange); font-family:var(--font-heading); font-size:12px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; }
.offer-card__identity { min-width:0; min-height:62px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:flex-start; }
.offer-card__identity h3 { margin:0; font-family:var(--font-heading); font-size:25px; line-height:1; text-transform:uppercase; }
.offer-card__identity strong { min-width:0; max-width:105px; color:var(--orange); font-family:var(--font-heading); font-size:clamp(15px,1.25vw,18px); line-height:1; overflow-wrap:anywhere; text-align:right; text-transform:uppercase; }
.offer-card__logo { max-width:180px; max-height:48px; object-fit:contain; object-position:left center; }
.offer-card__description { margin:20px 0; color:#4b5563; font-size:16px; line-height:1.55; }
.offer-card__tier { margin:auto 0 14px; font-family:var(--font-heading); font-size:12px; font-weight:900; text-transform:uppercase; }
.offer-card__link { display:flex; align-items:center; justify-content:space-between; padding:13px 18px; border-radius:999px; background:var(--ink); color:#fff; font-family:var(--font-heading); font-size:13px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
.offer-card__link:hover { background:var(--orange); }
.offers-empty { max-width:900px; margin:auto; padding:80px 0; }
.offers-empty p { font-size:20px; }
.offers-signup { padding:clamp(70px,9vw,130px) clamp(20px,8vw,120px); background:var(--orange); color:#fff; }
.offers-signup h2 { max-width:1050px; margin:0 0 42px; font-family:var(--display-heading); font-family:var(--font-display); font-size:clamp(55px,8vw,112px); font-weight:400; line-height:.88; text-transform:uppercase; }
.offers-signup a { display:inline-block; padding:14px 26px; border-radius:999px; background:var(--ink); font-family:var(--font-heading); font-weight:900; }
@media (max-width:1100px) { .offer-card__identity { grid-template-columns:1fr; gap:10px; } .offer-card__identity strong { max-width:100%; text-align:left; } }
@media (max-width:900px) { .offers-hero { grid-template-columns:1fr; } .offers-hero__art { right:-.12em; bottom:.05em; font-size:clamp(105px,27vw,220px); } .offers-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .offers-hero { min-height:610px; } .offers-grid { grid-template-columns:1fr; } .offers-section__heading { align-items:flex-start; flex-direction:column; } .offer-card { min-height:540px; } }