:root{--bg:#0b090a;--red:#e31e3d;--text:#f7f1e9;--muted:#c0b0ac;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ff5471;outline-offset:5px}.skip-link{position:absolute;top:-100px;left:18px;background:#fff;color:#000;padding:12px;z-index:99}.skip-link:focus{top:10px}
.site-header{position:relative;z-index:2;background:#0a0809;border-bottom:1px solid #541a22}.header-inner{max-width:1840px;min-height:84px;margin:auto;padding:0 clamp(22px,4.4vw,80px);display:flex;align-items:center;gap:0}.wordmark,.footer-wordmark{font:400 clamp(29px,2.55vw,42px)/1 var(--serif);letter-spacing:.03em;white-space:nowrap}.wordmark span,.footer-wordmark span{color:#f04459}.brand-sub{margin-left:33px;padding-left:33px;border-left:1px solid #bb1b32;font-size:10px;letter-spacing:.34em;color:#d5c3bf;white-space:nowrap}.nav{margin-left:auto;align-self:stretch;display:flex;gap:36px;align-items:center}.nav a{position:relative;font-size:11px;font-weight:600;letter-spacing:.08em;color:#e8dbd4;white-space:nowrap}.nav .nav-home::after{content:'';position:absolute;height:2px;background:#e91a3d;bottom:-17px;left:0;right:0}.nav a:hover,.text-link:hover{color:#ff5574}
.hero{position:relative;isolation:isolate;height:clamp(610px,52vw,760px);background:radial-gradient(ellipse at 5% 40%,#690013 0%,#23090d 31%,#0b090a 57%);border-bottom:1px solid #bd1130;overflow:hidden}.hero-image{position:absolute;z-index:-2;top:0;right:0;bottom:0;width:76%;background:url('assets/ducati-998r-museum.webp') center 48%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.94) 24%,#000 48%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.94) 24%,#000 48%)}.hero-sheen{z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,#110509 0%,rgba(17,5,9,.94) 18%,rgba(17,5,9,.65) 32%,transparent 49%),linear-gradient(0deg,#0b0709d9,transparent 18%);pointer-events:none}.hero::before{content:'';pointer-events:none;position:absolute;top:0;bottom:0;width:17%;background:radial-gradient(ellipse at 0% 56%,#b4002866 0,transparent 77%)}.hero-content{max-width:1840px;height:calc(100% - 64px);padding:0 clamp(22px,4.6vw,82px);margin:auto;display:flex;align-items:center}.hero-copy{position:relative;width:min(470px,45vw);z-index:2;padding-bottom:14px}.eyebrow{display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:.2em;font-size:9px;color:#d7bfc2;margin:0 0 30px}.square{display:inline-block;flex:none;width:5px;height:5px;background:var(--red)}.hero h1{font:400 clamp(65px,6.55vw,105px)/.92 var(--serif);letter-spacing:-.03em;margin:0 0 31px;text-shadow:0 2px 15px #0008}.hero h1 em{font-weight:400}.accent-rule{height:2px;width:250px;max-width:70%;background:linear-gradient(90deg,#f2193b,#a4001b 48%,transparent);box-shadow:0 0 17px #d8003555;margin-bottom:23px}.hero-subtitle{font-size:11px;letter-spacing:.37em;line-height:1.6;color:#fff5ef;margin:0 0 14px}.hero-description{max-width:340px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 28px}.primary-cta{display:inline-flex;gap:32px;min-width:270px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#b60925,#760010);border:1px solid #d41b3b;box-shadow:0 12px 34px #30000f88;padding:19px 23px;font-size:11px;letter-spacing:.19em;font-weight:600;transition:transform .2s,background .2s}.primary-cta:hover{background:linear-gradient(120deg,#d51b37,#940018);transform:translateY(-2px)}.cta-arrow{font-size:18px;font-weight:400}.hero-meta{position:absolute;z-index:2;bottom:0;left:0;right:0;max-width:1840px;margin:auto;padding:22px clamp(22px,4.6vw,82px);display:flex;justify-content:space-between;gap:20px;background:#0e080abb;border-top:1px solid #b15e6245;color:#b9aaa8;font-size:9px;letter-spacing:.2em}.hero-meta span{display:inline-flex;gap:11px;align-items:center}.hero-meta strong{color:#eee0db;font-weight:600;letter-spacing:.14em}
.collection-showcase{background:linear-gradient(180deg,#11090c 0%,#0d090a 100%);border-bottom:1px solid #32181d}.collection-inner{max-width:1760px;margin:auto;padding:clamp(72px,8vw,120px) clamp(22px,5vw,84px)}.collection-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:45px;margin-bottom:42px}.section-eyebrow,.intro-eyebrow{font-size:10px;color:#ea7184;letter-spacing:.3em;margin:0 0 23px}.collection-heading h2,.intro-head h2{font:400 clamp(60px,6.2vw,95px)/.9 var(--serif);letter-spacing:-.03em;margin:0}.collection-heading h2 em,.intro-head h2 em{font-weight:400;color:#dfc7c0}.collection-side{justify-self:end;max-width:360px}.collection-side p{font:400 clamp(17px,1.8vw,22px)/1.7 var(--serif);color:#c8b8b2;margin:0 0 15px}.collection-count{font-size:10px;letter-spacing:.22em;color:#968582;display:flex;align-items:center;gap:15px}.collection-count strong{font:400 45px var(--serif);color:var(--red)}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.vault-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#100b0d;border:1px solid #312125;min-height:570px;height:570px;isolation:isolate}.card-top{position:absolute;inset:0 0 auto 0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:25px 29px;pointer-events:none}.card-index{font-size:10px;letter-spacing:.27em;color:white;font-weight:600}.card-art{position:relative;flex:0 0 420px;min-height:0;height:420px;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 90% 85% at 50% 48%, #2a1119 0%,#160c11 58%,#0d080b 100%)}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09060844 0%,transparent 26%,transparent 68%,#0b080bd9 100%)}.card-art img{width:100%;height:100%;object-fit:contain;object-position:center center;padding:25px 12px 0;filter:brightness(.84) saturate(1.12)}.card-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;flex:0 0 150px;padding:15px 29px 22px;background:linear-gradient(180deg,#150c10,#100b0d);border-top:1px solid #4a2630}.card-era{font-size:9px;color:#f9c7c8;letter-spacing:.23em;font-weight:700}.card-name{font:400 clamp(49px,4.2vw,73px)/1 var(--serif);letter-spacing:-.04em;color:#fff;margin:8px 0 0;text-shadow:0 2px 15px #000b}
.introduction{background:linear-gradient(110deg,#16090d,#1f080e 49%,#120d0e);border-bottom:1px solid #512027}.intro-inner{max-width:1780px;margin:auto;padding:clamp(78px,8vw,138px) clamp(22px,7vw,135px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,7vw,120px)}.intro-copy p{font:400 clamp(17px,1.8vw,23px)/1.6 var(--serif);color:#dcc9c2;margin:0 0 17px;max-width:580px}.intro-copy p+p{font-size:clamp(16px,1.6vw,21px);color:#b7a5a0}.text-link{display:inline-block;margin-top:20px;padding-bottom:12px;border-bottom:1px solid #b92740;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.8}.text-link span{color:#f04a63;font-size:15px;margin-left:8px}
.footer{max-width:1780px;margin:auto;padding:34px clamp(22px,4.4vw,78px);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#ad9c98}.footer-wordmark{font-size:29px}.footer p,.footer>a:not(.footer-wordmark){font-size:9px;letter-spacing:.12em}.footer a:hover{color:white}.footer small{flex-basis:100%;font-size:10px;letter-spacing:.03em;color:#817470;line-height:1.5}
@media(max-width:1230px){.card-grid{gap:18px}.vault-card{height:510px;min-height:510px}.card-art{flex-basis:371px;height:371px}.card-bottom{flex-basis:139px}.card-name{font-size:58px}}
@media(max-width:1100px){.brand-sub{display:none}.hero{height:660px}.hero-copy{width:47vw}.hero-image{width:77%}.hero h1{font-size:clamp(65px,7.6vw,85px)}.collection-heading{grid-template-columns:1fr}.collection-side{justify-self:start;max-width:540px}}
@media(max-width:800px){.site-header .header-inner{min-height:71px}.wordmark{font-size:30px}.nav{gap:17px}.nav a{font-size:10px}.hero{height:auto;min-height:770px}.hero-image{width:100%;height:57%;top:0;bottom:auto;background-position:50% 50%;-webkit-mask-image:linear-gradient(to bottom,#000 57%,transparent);mask-image:linear-gradient(to bottom,#000 57%,transparent)}.hero-sheen{background:linear-gradient(0deg,#0d080a 21%,#0d080ae0 35%,transparent 67%),linear-gradient(90deg,#1e090b33,transparent)}.hero-content{height:auto;min-height:710px;padding:0 25px 94px;align-items:flex-end}.hero-copy{width:100%;max-width:580px;padding-bottom:0}.eyebrow{margin-bottom:21px}.hero h1{font-size:clamp(69px,12.5vw,90px);line-height:.9;margin-bottom:24px}.accent-rule{margin-bottom:20px}.hero-description{display:none}.hero-subtitle{font-size:9px;letter-spacing:.3em;margin-bottom:22px}.hero-meta{padding:17px 25px}.hero-meta>span:last-child{display:none}.collection-inner{padding:80px 28px}.card-grid{gap:14px}.vault-card{height:440px;min-height:440px}.card-top{padding:17px 15px}.card-art{flex-basis:315px;height:315px}.card-art img{padding:22px 8px 0}.card-bottom{flex-basis:125px;padding:12px 16px 16px}.card-name{font-size:44px}.card-era{font-size:8px;letter-spacing:.13em}.intro-inner{grid-template-columns:1fr;gap:38px;padding:85px 28px}.intro-head h2{font-size:clamp(64px,10vw,82px)}.footer{flex-direction:column;align-items:flex-start}}
@media(max-width:540px){.card-grid{grid-template-columns:1fr;gap:17px}.vault-card{height:490px;min-height:490px}.card-top{padding:20px}.card-art{flex-basis:345px;height:345px}.card-art img{padding:28px 8px 0}.card-bottom{flex-basis:145px;padding:14px 21px 20px}.card-name{font-size:62px}.vault-card:nth-child(7) .card-name{font-size:53px}}
@media(max-width:480px){.header-inner{padding:0 17px}.wordmark{font-size:27px}.nav .nav-home{display:none}.nav a{letter-spacing:.06em}.hero{min-height:720px}.hero-image{height:48%;background-position:51% 50%}.hero-content{min-height:663px;padding:0 22px 88px}.eyebrow{font-size:8px;letter-spacing:.1em;white-space:normal}.hero h1{font-size:clamp(64px,15.1vw,78px)}.hero-subtitle{letter-spacing:.2em}.primary-cta{min-width:262px;padding:18px 22px}.hero-meta{font-size:8px;padding:15px 22px}.collection-inner{padding:70px 23px}.collection-heading h2,.intro-head h2{font-size:67px}.intro-inner{padding:70px 23px}.footer{padding:35px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important}}