@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');
:root{--gold:#dfb869;--paper:#f1e7d2;--bg:#0a0d0f;--line:rgba(223,184,105,.5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.5vw,86px);border-bottom:1px solid var(--line);background:rgba(7,11,13,.94);gap:20px}.brand{display:flex;align-items:center;gap:13px;min-width:275px;font:600 19px/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:1.3px;color:var(--gold)}.brand b{font-weight:600;display:block;text-align:center}.brand img{width:61px;height:61px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:clamp(14px,2vw,38px)}.site-header nav a{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:1px;white-space:nowrap;padding:13px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:var(--gold);border-bottom-color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold);font-size:25px;padding:5px 12px}.hero{min-height:850px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 75%,#584025 0,#101213 55%,#07090b 100%)}.hero-photo{position:absolute;right:0;top:82px;bottom:0;width:76%;background-image:url('/assets/motorrad-hero.webp');background-position:center center;background-size:cover;filter:saturate(.9)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0d 0%,#080b0df5 21%,#080b0dbe 35%,#080b0d16 60%,#080b0d00 100%),linear-gradient(0deg,#090b0c8c 0%,transparent 24%)}.hero-content{position:relative;z-index:2;width:min(48%,660px);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0 40px clamp(20px,3vw,70px);text-align:center}.hero-logo{height:clamp(155px,20vw,280px);width:auto;max-width:85%;object-fit:contain;filter:drop-shadow(0 6px 24px #000a);margin-bottom:14px}.overline{font:500 clamp(25px,2.7vw,46px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:1px;margin:4px 0 0;white-space:nowrap}h1{font:600 clamp(66px,7vw,115px)/.96 'Cormorant Garamond',Georgia,serif;letter-spacing:3px;color:var(--gold);margin:0}.since{display:flex;align-items:center;gap:18px;letter-spacing:8px;font:500 clamp(13px,1.4vw,20px) 'Cormorant Garamond',Georgia,serif;white-space:nowrap;margin:15px 0}.since span{width:clamp(28px,6vw,105px);height:1px;background:var(--gold)}.tagline{font:italic clamp(32px,3.3vw,58px)/.98 'Cormorant Garamond',Georgia,serif;color:#f6e7cb;margin:17px 0 32px;transform:rotate(-5deg)}.cta{border:1px solid var(--gold);padding:19px 34px;min-width:275px;display:flex;align-items:center;justify-content:space-between;gap:24px;letter-spacing:2px;font-size:13px;font-weight:600;background:rgba(24,22,17,.5);transition:background .2s}.cta:hover{background:#6c512a}.cta span{font-size:26px;color:var(--gold);line-height:0}.scroll-cue{position:absolute;bottom:14px;left:50%;font-size:55px;color:var(--gold);z-index:3;transform:translateX(-50%);line-height:1}.content-section{scroll-margin-top:70px;padding:105px max(24px,calc((100vw - 1060px)/2));text-align:center;background:#0b0e10}.section-alt{background:#141719}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;font-weight:700}.content-section h2{font:500 clamp(38px,5vw,64px)/1.08 'Cormorant Garamond',Georgia,serif;margin:15px 0 24px}.content-section p{font-size:16px;line-height:1.9;color:#c8c7c2;max-width:730px;margin:0 auto 18px}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.milestones div{border-top:1px solid var(--line);padding:24px 8px;display:flex;flex-direction:column;gap:12px}.milestones strong{font:600 46px 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.milestones span{font-size:12px;letter-spacing:1px;color:#d5c8af}.notice{border:1px solid #6d5b38;padding:25px;margin:36px auto 0;max-width:640px;color:var(--gold);font-size:14px}.photo-card{max-width:700px;margin:36px auto 0;position:relative;overflow:hidden;border:1px solid var(--line)}.photo-card img{width:100%;display:block}.photo-card span{position:absolute;bottom:0;left:0;right:0;background:#0b0d0dcc;padding:18px;letter-spacing:1px}footer{border-top:1px solid var(--line);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c4b69c;font-size:12px}footer img{height:48px}footer a{color:var(--gold)}@media(max-width:1150px){.site-header nav{gap:13px}.site-header nav a{font-size:10px}.brand{min-width:225px;font-size:15px}}@media(max-width:850px){.site-header{height:72px}.brand{min-width:0}.brand img{width:49px;height:49px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0e10;flex-direction:column;align-items:stretch;padding:14px 25px 25px;gap:0;border-bottom:1px solid var(--gold)}.site-header nav.open{display:flex}.site-header nav a{font-size:13px;padding:15px}.hero{height:auto;min-height:820px;max-height:none}.hero-photo{top:72px;width:100%;height:57%;bottom:auto;background-position:55% center}.hero-shade{background:linear-gradient(0deg,#080b0d 17%,#080b0d99 50%,#080b0d33 75%,#080b0d55 100%)}.hero-content{width:100%;padding:310px 20px 95px;justify-content:flex-end;min-height:820px}.hero-logo{height:170px}.overline{font-size:28px}h1{font-size:78px}.tagline{font-size:42px}.scroll-cue{font-size:40px}.milestones{grid-template-columns:1fr;gap:0}.content-section{padding:75px 24px}footer{flex-wrap:wrap;justify-content:center;text-align:center}}@media(max-width:400px){.brand{font-size:12px}.brand img{width:44px}.overline{font-size:24px}h1{font-size:65px}.since{letter-spacing:5px}.hero-logo{height:140px}.hero-content{padding-top:280px}}
