:root{--black:#090909;--charcoal:#141414;--paper:#f3f0e9;--white:#fff;--muted:#a7a39b;--gold:#e31b23;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;font-weight:300;line-height:1.6}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:.98}h1{font-size:clamp(4rem,8vw,8.7rem);letter-spacing:-.045em;max-width:1100px}h2{font-size:clamp(3.2rem,6vw,6.4rem);letter-spacing:-.035em}h3{font-size:2.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--gold);margin-bottom:1.4rem}.lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.2}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;transition:.35s;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.site-header.scrolled{background:rgba(7,7,7,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{width:130px;height:112px}.brand img{object-fit:contain}.nav{display:flex;align-items:center;gap:2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em}.nav a{opacity:.82}.nav a:hover{opacity:1;color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:.8rem 1.1rem}.menu-toggle{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;filter:grayscale(1);transform:scale(1.03);animation:heroZoom 12s ease-out forwards}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.48) 55%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%)}.hero-content{position:absolute;left:7vw;bottom:13vh;max-width:1200px}.hero-copy{max-width:700px;font-size:1.15rem;color:#d5d2cc}.hero-actions{display:flex;gap:1rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.45rem;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:600;border:1px solid transparent;cursor:pointer}.button.gold{background:var(--gold);color:#0b0b0b}.button.gold:hover{background:#f23a42}.button.ghost{border-color:rgba(255,255,255,.55)}.scroll-cue{position:absolute;right:4vw;bottom:5vh;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;color:#cfcfcf;display:flex;align-items:center;gap:12px}.scroll-cue span{height:45px;width:1px;background:var(--gold)}.section{padding:9rem 7vw}.intro{background:var(--paper);color:#171717;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.intro .section-copy{max-width:800px}.intro .section-copy>p:not(.eyebrow){color:#4c4a46}.portrait{height:760px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;padding-top:2rem;border-top:1px solid #cbc5ba}.stat-row strong{display:block;font-family:"Cormorant Garamond";font-size:3.6rem;font-weight:500;line-height:1;color:#111}.stat-row span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#625f58}.full-bleed{height:88vh;min-height:650px;position:relative}.full-bleed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.08))}.full-bleed-overlay{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:620px}.full-bleed-overlay p:last-child{font-size:1.1rem;color:#d0cec9}.dark{background:var(--charcoal)}.section-heading{max-width:900px;margin-bottom:4rem}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.centered>p:last-child{max-width:650px;margin-left:auto;margin-right:auto;color:#b9b6af}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{padding:3rem 2rem;border-right:1px solid var(--line);min-height:310px}.service-card:last-child{border-right:0}.service-card span{color:var(--gold);font-size:.75rem;letter-spacing:.15em}.service-card h3{margin:3rem 0 1rem}.service-card p{color:#a9a69f;font-size:.9rem}.split-feature{display:grid;grid-template-columns:1.25fr .75fr;min-height:760px;background:var(--paper);color:#191919}.feature-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.feature-copy p:not(.eyebrow){color:#56534d;font-size:1.05rem}.text-link{margin-top:2rem;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:600}.text-link span{color:var(--gold);font-size:1.2rem;margin-left:.5rem}.membership{background:#0b0b0b}.tier-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.tier-tab{background:transparent;border:1px solid #3b3b3b;color:#aaa;padding:.9rem 1.2rem;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;cursor:pointer}.tier-tab.active,.tier-tab:hover{border-color:var(--gold);color:var(--gold)}.tier-panel{max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;background:#151515;border:1px solid #2a2a2a;min-height:540px}.tier-summary{padding:4.5rem;background:linear-gradient(150deg,#222,#111)}.tier-summary h3{font-size:4.4rem}.tier-price{margin:3rem 0}.tier-price strong{font-family:"Cormorant Garamond";font-size:3.5rem;color:var(--gold);font-weight:500}.tier-price small{display:block;color:#aaa}.tier-benefits{padding:4.5rem}.tier-benefits ul{list-style:none;margin:0;padding:0;columns:2;column-gap:3rem}.tier-benefits li{break-inside:avoid;padding:.7rem 0 .7rem 1.2rem;border-bottom:1px solid #272727;color:#cbc8c1;position:relative}.tier-benefits li:before{content:"";width:5px;height:5px;background:var(--gold);position:absolute;left:0;top:1.3rem}.lounge{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:#151515}.lounge-copy{padding:10vw 8vw}.lounge-copy p:not(.eyebrow){color:#55514b}.lounge-image{min-height:850px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.gallery-item{border:0;padding:0;background:none;height:420px;overflow:hidden;cursor:zoom-in}.gallery-item.wide{grid-column:span 2;height:620px}.gallery-item img{transition:transform .7s}.gallery-item:hover img{transform:scale(1.035)}.apply{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:var(--paper);color:#161616}.apply-intro p:last-child{color:#5b5750}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.field{display:flex;flex-direction:column}.field.full{grid-column:span 2}label{font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;font-weight:600;margin-bottom:.6rem}input,select,textarea{font:inherit;background:transparent;border:0;border-bottom:1px solid #aaa;padding:.8rem 0;color:#111;border-radius:0}textarea{border:1px solid #aaa;padding:1rem;resize:vertical}.inquiry-form .button{justify-self:start}.form-note{font-size:.75rem;color:#777;align-self:center}.contact{height:82vh;min-height:650px;position:relative}.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.12))}.contact-overlay{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%)}.contact-logo{width:130px;height:120px;object-fit:contain;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:.5rem;color:#d4d1cb}.contact-links a:hover{color:var(--gold)}footer{padding:2rem 4vw;display:flex;justify-content:space-between;color:#888;font-size:.75rem;border-top:1px solid #222}.lightbox{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox img{max-width:1200px;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;right:2rem;top:1.5rem;background:none;color:#fff;border:0;font-size:3rem;cursor:pointer}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{to{transform:scale(1.08)}}
@media(max-width:900px){.nav{position:fixed;inset:0 0 auto auto;width:min(85vw,420px);height:100vh;background:#0b0b0b;padding:8rem 2rem;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:.35s}.nav.open{transform:none}.menu-toggle{display:block;position:relative;z-index:2;width:38px;height:38px}.menu-toggle span{display:block;width:28px;height:1px;background:#fff;margin:8px}.intro,.split-feature,.lounge,.apply,.tier-panel{grid-template-columns:1fr}.section{padding:6rem 6vw}.portrait{height:560px}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.split-feature .feature-image{height:560px}.lounge-image{min-height:600px}.tier-benefits ul{columns:1}.gallery-item,.gallery-item.wide{height:430px}.apply{gap:3rem}.hero-content{left:6vw;right:6vw}.hero-actions{flex-wrap:wrap}.scroll-cue{display:none}}
@media(max-width:600px){h1{font-size:3.7rem}.site-header{padding:12px 4vw}.brand{width:92px;height:80px}.hero{min-height:680px}.intro{padding-top:5rem}.portrait{height:440px}.stat-row{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{border-right:0}.section-heading{margin-bottom:2.5rem}.tier-summary,.tier-benefits{padding:2rem}.tier-summary h3{font-size:3.4rem}.gallery-grid{grid-template-columns:1fr}.gallery-item.wide{grid-column:span 1}.inquiry-form{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-overlay{right:7vw}footer{gap:1rem;flex-direction:column}}

/* Revision 3 */
.site-header.scrolled{border-bottom:0}
.membership .section-heading{padding-top:2.25rem}
.intro .section-copy{transform:translateY(2rem)}
.brand img,.contact-logo{background:transparent}
@media(max-width:900px){.membership .section-heading{padding-top:1.5rem}.intro .section-copy{transform:translateY(1rem)}}
@media(max-width:600px){.membership .section-heading{padding-top:1rem}.intro .section-copy{transform:none}}


/* Revision 5 */
/* Lower the lounge copy while preserving the existing split layout. */
.lounge-copy{
  padding-top:calc(10vw + 3.5rem);
  padding-bottom:7vw;
}

/* Ensure numeric 111 reads as digits rather than Roman-numeral-like glyphs. */
.stat-row strong{
  font-family:Inter,Arial,sans-serif;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:-.05em;
  font-weight:500;
}

/* Keep each membership tier's price visible in the same screen view. */
.membership.section{padding-top:6.5rem;padding-bottom:6.5rem}
.membership .section-heading{margin-bottom:2.25rem}
.tier-tabs{margin-bottom:1.5rem}
.tier-panel{min-height:430px;max-height:min(560px,72vh);overflow:hidden}
.tier-summary{padding:3rem 3.25rem;display:flex;flex-direction:column;align-items:flex-start}
.tier-summary .eyebrow{margin-bottom:.9rem}
.tier-summary h3{font-size:3.65rem;margin-bottom:.75rem}
.tier-price{margin:.35rem 0 1.15rem}
.tier-price strong{display:block;font-family:Inter,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-size:2.8rem;line-height:1.05;letter-spacing:-.045em}
.tier-price small{line-height:1.45}
.tier-intro{margin-bottom:1.4rem;color:#d1cec7;max-width:360px}
.tier-summary .button{margin-top:auto}
.tier-benefits{padding:3rem 3.5rem;overflow:auto}
.tier-benefits .eyebrow{margin-bottom:1rem}
.tier-benefits li{padding:.52rem 0 .52rem 1.2rem;line-height:1.45}
.tier-benefits li:before{top:1.05rem}

@media(max-width:900px){
  .lounge-copy{padding-top:8rem;padding-bottom:6rem}
  .tier-panel{max-height:none;overflow:visible}
  .tier-summary{padding:2.75rem}
  .tier-benefits{padding:2.75rem;overflow:visible}
  .tier-summary .button{margin-top:.5rem}
}
@media(max-width:600px){
  .lounge-copy{padding-top:7rem}
  .membership.section{padding-top:5rem;padding-bottom:5rem}
  .tier-summary,.tier-benefits{padding:2rem}
  .tier-summary h3{font-size:3rem}
  .tier-price strong{font-size:2.45rem}
}

/* Version 6 */
.numeric-111{font-family:Inter,Arial,sans-serif;font-weight:400;letter-spacing:-.05em;font-variant-numeric:lining-nums tabular-nums}.stat-row strong{font-family:Inter,Arial,sans-serif;font-weight:400;letter-spacing:-.05em}.gallery-item{outline:0}.gallery-item:focus{outline:0}


/* Version 7: updated ONE ELEVEN MOTORCARS logo + red accent system */
.brand{width:250px;height:82px}
.brand img{object-fit:contain;object-position:left center}
@media(max-width:900px){.brand{width:210px;height:68px}}
@media(max-width:600px){.brand{width:175px;height:56px}}


/* Version 8 — stat numerals inspired by the ONE ELEVEN MOTORCARS logo */
.stat-row strong.motorcars-number{
  display:inline-block;
  font-family:"Oswald",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-weight:700;
  font-size:4.25rem;
  line-height:.88;
  letter-spacing:-.08em;
  color:var(--paper);
  -webkit-text-stroke:1.8px #111;
  paint-order:stroke fill;
  text-shadow:2px 2px 0 #111,3px 3px 0 rgba(17,17,17,.22);
  transform:scaleX(.82);
  transform-origin:left center;
  margin-right:-.5rem;
}
@supports not (-webkit-text-stroke: 1px black){
  .stat-row strong.motorcars-number{color:#111;text-shadow:none}
}
@media(max-width:600px){
  .stat-row strong.motorcars-number{font-size:4rem}
}

/* Version 9 — complete membership panels: never crop CTA or benefit text */
.membership .tier-panel{
  min-height:0;
  max-height:none;
  overflow:visible;
  align-items:stretch;
}
.membership .tier-summary{
  min-height:540px;
}
.membership .tier-summary .button{
  margin-top:2rem;
}
.membership .tier-benefits{
  overflow:visible;
}
@media(max-width:900px){
  .membership .tier-summary{min-height:0}
}

/* Version 10 — exact ONE ELEVEN MOTORCARS 111 mark in membership headings */
.tier-summary h3 .tier-logo-111{
  display:inline-block;
  width:1.52em;
  height:.93em;
  margin:0 .08em -.04em .06em;
  background:url("assets/images/logo-111.png") center/contain no-repeat;
  vertical-align:-.05em;
  flex:0 0 auto;
}
/* Corporate title wraps intentionally: Founding / 111 / Corporate on narrower cards. */
.tier-summary h3{
  overflow-wrap:normal;
  word-break:normal;
}
@media(max-width:600px){
  .tier-summary h3 .tier-logo-111{width:1.48em;height:.91em}
}

/* Version 11 — exact 111 logo in membership welcome */
.welcome-family .inline-111-logo{display:inline-block;width:auto;height:.88em;object-fit:contain;vertical-align:-.06em;margin:0 .08em;}
@media(max-width:600px){.welcome-family .inline-111-logo{height:.82em;}}


/* Version 12 — keep final Ferrari hero image and its baked-in white headline fully visible */
.contact:after{display:none!important;background:none!important;}
.contact>img{filter:none!important;opacity:1!important;}

/* Version 12 sharp 111 fix — true vector, solid black, no raster scaling */
.welcome-family .inline-111-logo{
  display:inline-block;
  width:auto;
  height:.88em;
  vertical-align:-.06em;
  margin:0 .08em;
  object-fit:contain;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  image-rendering:auto;
}

/* Version 12 correction — solid stat numerals */
.stat-row strong.motorcars-number{
  color:#111 !important;
  -webkit-text-stroke:0 !important;
  text-stroke:0 !important;
  text-shadow:none !important;
  paint-order:normal !important;
  opacity:1 !important;
}

/* Version 12 — stat layout correction: keep large numerals clear of labels */
.stat-row > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.stat-row strong.motorcars-number{
  display:block !important;
  margin:0 0 .8rem 0 !important;
  line-height:.9;
  transform:scaleX(.82);
  transform-origin:left center;
}
.stat-row span{
  display:block;
  width:100%;
  max-width:13rem;
  line-height:1.65;
  margin:0;
}
@media(max-width:900px) and (min-width:601px){
  .stat-row{gap:1.5rem}
  .stat-row strong.motorcars-number{font-size:3.7rem}
  .stat-row span{font-size:.68rem}
}

/* Version 12 — small intro 111 matches the stat numeral typeface below */
.lead .lead-111{
  display:inline-block;
  font-family:"Oswald",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-weight:700;
  font-style:normal;
  color:#111;
  letter-spacing:-.08em;
  line-height:.88;
  transform:scaleX(.82);
  transform-origin:left center;
  margin-right:.08em;
  vertical-align:.02em;
  -webkit-text-stroke:0;
  text-shadow:none;
}


/* Version 12 — homepage feature video */
.home-video{
  width:100%;
  background:#000;
  overflow:hidden;
  line-height:0;
}
.home-video-media{
  display:block;
  width:100%;
  height:auto;
  max-height:100vh;
  object-fit:cover;
  background:#000;
}

/* Version 12 — homepage hero video */
.hero video.hero-media{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Version 16: exact supplied overview page replaces previous About section */
.about-page-replacement{background:#f3f0e9;width:100%;overflow:hidden}
.about-page-replacement img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.about-page-replacement{overflow-x:auto}.about-page-replacement img{width:100%;min-width:0}}

/* Version 16 sharp statistics — rebuilt as live HTML so the numerals never blur when scaled */
.about-page-replacement{position:relative}
.about-stats-sharp{position:absolute;left:5.85%;bottom:0;width:46.1%;height:20.7%;background:#f3f0e9;display:grid;grid-template-columns:1.08fr 1fr .92fr;column-gap:7.5%;align-items:start;padding-top:1.17%;box-sizing:border-box;z-index:2}
.about-stat{min-width:0}
.stat-number{font-family:'Oswald',Arial,sans-serif;font-weight:700;font-size:clamp(46px,5.35vw,110px);line-height:.88;letter-spacing:-.055em;color:#080808;white-space:nowrap;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.stat-300{letter-spacing:-.065em}
.stat-111{display:flex;letter-spacing:-.08em}
.stat-number.outline,.stat-number .outline{color:#f3f0e9;-webkit-text-stroke:clamp(1.4px,.16vw,3.2px) #080808;paint-order:stroke fill}
.stat-label{margin-top:13%;font-family:'Inter',Arial,sans-serif;font-size:clamp(9px,.82vw,17px);font-weight:400;line-height:1.55;letter-spacing:.105em;color:#77736d;white-space:nowrap;-webkit-font-smoothing:antialiased}
@media(max-width:900px){.about-stats-sharp{left:5.85%;bottom:0;width:46.1%;height:20.7%;column-gap:6%}.stat-label{line-height:1.4}}

/* Responsive header fix: switch to the existing slide-out menu before navigation can crowd the logo. */
@media (min-width:901px) and (max-width:1280px){
  .brand{width:210px;height:68px;flex:0 0 auto}
  .nav{position:fixed;inset:0 0 auto auto;width:min(85vw,420px);height:100vh;background:#0b0b0b;padding:8rem 2rem;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:.35s}
  .nav.open{transform:none}
  .menu-toggle{display:block;position:relative;z-index:2;width:38px;height:38px;flex:0 0 auto}
  .menu-toggle span{display:block;width:28px;height:1px;background:#fff;margin:8px}
}

/* Header spacing fix: preserve clear space to the right of the ONE ELEVEN MOTORCARS logo.
   Use the existing mobile/slide-out navigation sooner so links can never crowd the logo. */
.site-header{column-gap:64px}
.brand{flex:0 0 auto}
@media (min-width:901px) and (max-width:1550px){
  .brand{width:210px;height:68px;flex:0 0 auto}
  .nav{position:fixed;inset:0 0 auto auto;width:min(85vw,420px);height:100vh;background:#0b0b0b;padding:8rem 2rem;flex-direction:column;align-items:flex-start;transform:translateX(100%);transition:.35s}
  .nav.open{transform:none}
  .menu-toggle{display:block;position:relative;z-index:2;width:38px;height:38px;flex:0 0 auto;margin-left:auto}
  .menu-toggle span{display:block;width:28px;height:1px;background:#fff;margin:8px}
}
@media (max-width:900px){.site-header{column-gap:32px}.menu-toggle{margin-left:auto}}