:root { --red:#d10e00; --ink:#0a0a0a; --panel:#121212; --text:#f4f2ef; --muted:#9a9895; --line:#30302f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--text); font-family:"DM Sans", Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
.container { width:min(1240px, calc(100% - 64px)); margin-inline:auto; }
.site-shell { overflow:hidden; }
.site-header { height:105px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #252524; }
.wordmark { display:flex; align-items:center; gap:10px; font:600 23px/.78 "Oswald", sans-serif; letter-spacing:-.025em; }
.wordmark-type em { display:block; color:var(--red); font-style:normal; font-size:.61em; letter-spacing:.025em; margin-left:1px; margin-top:4px; }
.brand-logo { width:53px; height:53px; object-fit:contain; }
.site-header .brand-logo { width:58px; height:58px; }
.header-link, .footer-links { font-family:"DM Mono", monospace; font-size:11px; text-transform:uppercase; letter-spacing:.02em; }.header-link span { color:var(--red); font-size:15px; margin-left:5px; }
.hero { min-height:630px; padding:86px 0 112px; position:relative; display:flex; align-items:center; background:radial-gradient(ellipse 55% 75% at 86% 50%,rgba(209,14,0,.11),transparent 66%); }
.hero-copy { max-width:1240px; position:relative; }
.hero-brand-banner { width:min(100%, 950px); display:grid; grid-template-columns:1fr 245px 1fr; grid-template-rows:245px auto; align-items:center; margin-bottom:36px; }.hero-brand-home,.hero-brand-gym { font:600 clamp(78px,10.8vw,142px)/.8 "Oswald",sans-serif; text-transform:uppercase; letter-spacing:-.055em; }.hero-brand-home { text-align:right; padding-right:22px; }.hero-brand-gym { padding-left:22px; }.hero-brand-logo { width:245px; height:245px; object-fit:contain; grid-column:2; grid-row:1; z-index:1; }.hero-brand-europe { grid-column:1 / -1; grid-row:2; padding-top:13px; color:var(--red); text-align:center; font:600 31px/.8 "Oswald",sans-serif; letter-spacing:.19em; text-transform:uppercase; }
.eyebrow, .section-label, .image-tag { font:500 11px "DM Mono", monospace; text-transform:uppercase; letter-spacing:.05em; color:#c3c1bd; }.eyebrow span { width:28px; height:3px; background:var(--red); display:inline-block; vertical-align:middle; margin:-2px 10px 0 0; }
h1,h2,h3,p { margin-top:0; }.hero h1 { font:600 clamp(56px, 9.6vw, 136px)/.9 "Oswald", sans-serif; letter-spacing:-.055em; text-transform:uppercase; margin:26px 0 32px; }.hero h1 strong,.collab-copy h2 strong,.coverage-heading strong { color:var(--red); font-weight:inherit; }.intro { max-width:450px; color:#b2b0ac; font-size:18px; line-height:1.5; margin-bottom:35px; }
.hero-actions, .collab-actions { display:flex; flex-wrap:wrap; gap:10px; }.button { display:inline-flex; align-items:center; gap:28px; padding:15px 17px; text-transform:uppercase; font:500 11px "DM Mono",monospace; letter-spacing:.03em; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button span { font-size:16px; }.button-primary { background:var(--red); }.button-secondary { border:1px solid #484744; }
.positioning { padding:105px 0 120px; }.section-label { display:flex; align-items:center; gap:12px; padding-bottom:22px; border-bottom:1px solid var(--line); }.section-label span { color:var(--red); }.section-label h2 { margin:0; font:inherit; }.positioning-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-top:34px; }.positioning-grid article { min-width:0; }.positioning-image { height:255px; overflow:hidden; background:#1b1b1a; position:relative; }.positioning-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.35)); }.positioning-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }.positioning-grid article:hover .positioning-image img { transform:scale(1.035); }.positioning-grid h3 { font:600 30px/1 "Oswald"; text-transform:uppercase; letter-spacing:-.02em; margin:20px 0 8px; }.positioning-grid article > p:last-child { color:var(--muted); font-size:15px; }
.coverage { background:#edebe7; color:#101010; padding:106px 0 125px; }.section-label-light { border-color:#c7c4bf; color:#54514d; }.coverage-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; padding:33px 0 42px; }.coverage-heading p { margin:0; font:600 clamp(41px,5vw,65px)/.95 "Oswald"; text-transform:uppercase; letter-spacing:-.04em; }.coverage-heading span { font:11px "DM Mono"; color:#5e5a55; text-transform:uppercase; padding-bottom:4px; }.coverage-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.coverage-card { display:block; }.card-image { aspect-ratio:400 / 220; overflow:hidden; position:relative; background:#c8c5c0; }.card-image img { display:block; width:100%; height:100%; object-fit:cover; }.card-copy { border-top:4px solid #111; padding:17px 0 0; }.card-copy h3 { font:600 33px/1 "Oswald"; text-transform:uppercase; letter-spacing:-.03em; margin-bottom:10px; }.card-copy h3 span { color:var(--red); font-family:"DM Sans"; font-size:21px; float:right; }.card-copy > p:last-child { color:#615d58; font-size:15px; margin-bottom:0; }.coverage-card:hover .card-image img { transform:scale(1.025); transition:transform .35s ease; }.coverage-card:hover h3 span { transform:translate(3px,-3px); display:inline-block; }
.collaboration { padding:135px 0; }.collab-copy { border-top:1px solid var(--line); padding-top:28px; }.collab-copy h2 { max-width:850px; font:600 clamp(47px,5.2vw,70px)/.96 "Oswald"; letter-spacing:-.04em; text-transform:uppercase; margin:25px 0; }.collab-copy > p:not(.eyebrow) { max-width:620px; color:#aaa7a2; font-size:17px; line-height:1.55; }.collab-actions { margin-top:35px; align-items:center; }.email-link { padding:14px 8px; border-bottom:1px solid #6d6a65; font:11px "DM Mono"; }.email-link span { color:var(--red); font-size:15px; }
.site-footer { border-top:1px solid #30302e; min-height:125px; display:flex; align-items:center; justify-content:space-between; gap:25px; }.footer-links { display:flex; gap:22px; }.footer-links a:hover { color:var(--red); }.site-footer > p { color:#77746f; font:11px "DM Mono"; text-transform:uppercase; margin:0; }
@media (max-width:760px) { .container { width:min(100% - 40px, 620px); }.site-header { height:77px; }.site-header .brand-logo { width:49px; height:49px; }.header-link { display:none; }.hero { min-height:0; padding:70px 0 85px; }.hero-brand-banner { grid-template-columns:1fr 132px 1fr; grid-template-rows:132px auto; margin-bottom:35px; }.hero-brand-home,.hero-brand-gym { font-size:46px; }.hero-brand-home { padding-right:10px; }.hero-brand-gym { padding-left:10px; }.hero-brand-logo { width:132px; height:132px; }.hero-brand-europe { font-size:18px; padding-top:8px; }.hero h1 { font-size:52px; line-height:.94; }.positioning { padding:76px 0; }.positioning-grid { grid-template-columns:1fr; gap:36px; }.positioning-image { height:300px; }.positioning-grid h3 { margin:18px 0 8px; }.coverage { padding:76px 0 85px; }.coverage-heading { display:block; }.coverage-heading p { font-size:48px; margin-bottom:16px; }.coverage-grid { grid-template-columns:1fr; gap:40px; }.collaboration { padding:86px 0; }.collab-copy { padding-top:23px; }.site-footer { min-height:150px; flex-wrap:wrap; align-content:center; }.site-footer > p { width:100%; }.wordmark { font-size:20px; }.brand-logo { width:45px; height:45px; } }