.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer;z-index:60;flex-shrink:0}.menu-toggle span{display:block;width:100%;height:2px;background:var(--nav-toggle-color,currentColor);transition:transform .3s ease , opacity .3s ease}@media (min-width:768px){.menu-toggle{display:none}}@media (max-width:767px){.nav{display:none;position:fixed;inset:0;z-index:55;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--nav-overlay-bg,rgba(230,228,222,.97));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease , visibility .3s ease}.nav a{font-size:14px;padding:8px 16px;min-height:44px;display:flex;align-items:center}body.nav-open{overflow:hidden}body.nav-open .nav{display:flex;opacity:1;visibility:visible;pointer-events:auto}body.nav-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}body.nav-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}}.drennsport-menu-toggle{position:fixed;top:16px;right:16px;left:auto;z-index:30001;pointer-events:auto;--nav-toggle-color:#fff}@media (max-width:767px){.drs-navbar-clean.nav{display:none;top:0;left:0;right:0;bottom:0;width:100%;padding:80px 24px 40px;justify-content:center;align-items:center;z-index:30000;--nav-overlay-bg:rgba(0,0,0,.95)}body.nav-open .drs-navbar-clean.nav{display:flex}.drs-navbar-clean .nav-links{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:none;padding:0}.drs-navbar-clean .nav-item-pill{opacity:1!important;transform:none!important;width:100%;max-width:280px;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;letter-spacing:.2em;padding: 12px 24px 12px calc(24px + 0.2em)}.back-btn-pill{top:16px;left:16px;min-height:44px;display:inline-flex;align-items:center;z-index:30001}}@media (min-width:768px){.drennsport-menu-toggle{display:none}}:root{--white:#fff;--surface:#f9f9f9;--black:#000;--ink:#111;--grey:#767676;--line:#e5e5e5;--font-main:'Inter' , Arial , Helvetica , sans-serif;--nav-toggle-color:var(--black);--nav-overlay-bg:#fff}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--ink);font-family: var(--font-main);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}.site-header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(16px,4vw,56px);background:var(--white);border-bottom:1px solid var(--line)}.brand{display:block;line-height:0}.brand-logo{width:clamp(120px,14vw,168px);height:auto;filter:grayscale(1) brightness(.18)}.nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}.menu-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:color .2s ease}.nav-link:hover{color:var(--grey)}.chevron{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}.sub-menu{position:absolute;top:100%;left:0;min-width:160px;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .2s ease , visibility .2s ease;z-index:10}.menu-item:hover .sub-menu{opacity:1;visibility:visible}.sub-menu a{padding:12px 16px;text-decoration:none;color:var(--grey);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:background .2s ease , color .2s ease}.sub-menu a+a{border-top:1px solid var(--line)}.sub-menu a:hover{background:var(--black);color:var(--white)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;padding-top:85px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(48px,5vw,88px) clamp(20px,5vw,80px);border-right:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--grey)}.hero-title{margin-top:28px;font-size:clamp(2.6rem,6.5vw,5.6rem);font-weight:900;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:var(--black)}.hero-quote{margin-top:36px;padding-left:20px;border-left:1px solid var(--line);max-width:520px}.quote-text{font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:300;line-height:1.6;color:var(--grey)}.quote-author{margin-top:12px;font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(40px,6vw,72px)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 34px;border:1px solid var(--black);border-radius:0;background:var(--white);color:var(--black);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:background .2s ease , color .2s ease , border-color .2s ease}.btn:hover{background:var(--black);color:var(--white)}.btn-solid{background:var(--black);color:var(--white)}.btn-solid:hover{background:var(--white);color:var(--black)}.hero-media{position:relative;background:var(--surface);cursor:pointer;overflow:hidden}.video-container{position:absolute;inset:0}.v-el{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}.media-caption{position:absolute;bottom:24px;left:24px;z-index:3;padding:8px 14px;background:var(--white);border:1px solid var(--line);font-size:9px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--ink)}@media (max-width:1024px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{border-right:none;border-bottom:1px solid var(--line)}.hero-media{min-height:44vh}}@media (max-width:767px){.site-header{padding:14px 16px}.nav{gap:28px}.nav-link{font-size:13px}.menu-item .sub-menu,.menu-item:hover .sub-menu{display:none!important}.chevron{display:none}.hero-actions{width:100%}.btn{flex:1 1 auto}.hero-media{min-height:38vh}}