/* Approved 2026-10-02 Figma: desktop 1440px, mobile 440px. */
@font-face{font-family:McLarenDisplay;src:url('mclaren-sans-display.woff2') format('woff2');font-display:block}
@font-face{font-family:McLarenDisplay;src:url('lp26-mclaren-display-medium.woff2') format('woff2');font-weight:500;font-display:block}
@font-face{font-family:McLarenDisplay;src:url('lp26-mclaren-display-bold.woff2') format('woff2');font-weight:700;font-display:block}
@font-face{font-family:McLarenText;src:url('mclaren-sans-text.woff2') format('woff2');font-display:block}
@font-face{font-family:McLarenText;src:url('lp26-mclaren-text-light.woff2') format('woff2');font-weight:300;font-display:block}
@font-face{font-family:McLarenText;src:url('lp26-mclaren-text-bold.woff2') format('woff2');font-weight:700;font-display:block}
@font-face{font-family:CampaignLatin;src:url('noto-sans-regular.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:CampaignLatin;src:url('lp26-noto-sans-light.woff2') format('woff2');font-weight:300;font-display:block}
@font-face{font-family:CampaignLatin;src:url('lp26-noto-sans-bold.woff2') format('woff2');font-weight:700;font-display:block}
@font-face{font-family:CampaignNoto;src:url('lp26-noto-sans-jp.woff2') format('woff2');font-weight:100 900;font-display:block}
:root{color-scheme:dark;--orange:#ff8000;--navy:#050f23;--rust:#a5320a;--card:#53565a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#000;color:#fff;font-family:CampaignNoto,'Noto Sans','Hiragino Kaku Gothic ProN',sans-serif;line-height:1.5}
img{display:block;max-width:100%}h1,h2,h3,h4,h5,p,ol,dl,dd,blockquote{margin:0}a{color:inherit}.wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}.mobile-only,.mobile-break{display:none}
.skip{position:absolute;top:-80px;z-index:10;background:#000;padding:12px}.skip:focus{top:0}:focus-visible{outline:3px solid #ffb252;outline-offset:5px}
.hero{position:relative;aspect-ratio:1440/900;background:#0b1015;overflow:hidden}
.hero video{display:block;width:100%;height:100%;object-fit:contain}
.hero-speedmark,.hero-artura,.hero-mclaren{position:absolute;left:50%;transform:translateX(-50%)}
.hero-speedmark{top:5%;}.hero-artura{top:47%}.hero-mclaren{bottom:2.55%}
.opening{position:relative;isolation:isolate}
.opening:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:2114px;background:linear-gradient(to bottom,transparent 63.75%,#000),url('lp26-intro-glow.webp') calc(50% + 15px) -414px/max(1642px,calc(100% + 30px)) auto no-repeat;pointer-events:none}
.intro{padding-top:154px;text-align:center}
.gradient{background:linear-gradient(to right,#ff0,#f00);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro h1{font:45px/60px McLarenDisplay,sans-serif;max-width:1149px;margin:auto}
.intro-sub{font-size:25px;line-height:38px;letter-spacing:2.5px;margin-top:40px}
.intro-date{font-size:20px;line-height:25px;letter-spacing:2.4px;margin-top:14px;font-weight:500}
.intro-date+.intro-date{margin-top:14px}.intro-date [lang=en]{font-family:McLarenText,sans-serif;font-weight:300}
.intro-date br,.first-colour br{display:none}.intro-date [lang=en],.first-colour [lang=en]{display:block}
.divider{margin:72px auto 55px}
.first-colour{font-size:25px;line-height:35px;font-weight:500;letter-spacing:0;width:max-content;max-width:100%;margin-inline:auto}
.first-colour [lang=en]{font-family:McLarenDisplay,sans-serif}
.intro-copy{font-size:20px;line-height:35px;margin-top:20px}
.closing-divider{margin-top:96px;margin-bottom:97px}
.program{padding-bottom:75px}.section-title{height:113px;background:var(--navy);text-align:center;padding:25px 12px 24px;font-weight:400}
.section-title span{display:block;font-size:20px;line-height:30px;letter-spacing:2px}.section-title [lang=en]{font:700 27px/30px McLarenText,sans-serif;letter-spacing:2.7px;margin-bottom:4px}
.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:20px}
.program article{min-height:390px;background:var(--navy);padding:40px 25px 22px}
.number{font:700 70px/70px McLarenDisplay,sans-serif;font-synthesis:none;color:transparent;-webkit-text-stroke:1px #fff;letter-spacing:7px;margin-bottom:27px}
.program h3{font-size:21px;font-weight:500;line-height:28px;letter-spacing:1px;min-height:56px}
.program article:nth-child(2) h3{max-width:316px;letter-spacing:2.1px;min-height:78px}
.program p{font-family:CampaignLatin,CampaignNoto,sans-serif;font-size:20px;font-weight:300;line-height:30px;letter-spacing:2px;margin-top:17px}
@media(min-width:701px){.program h3{letter-spacing:2.1px}.program article:first-child h3{width:354px;max-width:calc(100% + 24px)}.program article:last-child h3{letter-spacing:0}.program article:first-child p{max-width:323px}.program article:nth-child(2) p{max-width:306px}.program article:last-child p{max-width:325px}}
@media(min-width:1280px){.program,.overview,.owners>h2{position:relative;left:4px}}
.orange-heading{font-size:25px;font-weight:700;line-height:35px;color:var(--orange);letter-spacing:2.5px}
.overview{display:grid;grid-template-columns:380px minmax(0,1fr);gap:27px}
.overview-photo{position:relative;height:540px;overflow:hidden;margin-top:5px}.overview-photo img{position:absolute;width:225.3%;max-width:none;height:99.9%;left:-69.42%;top:.09%}
.overview-copy{font-size:21px;line-height:35px}.overview-copy>.orange-heading{margin-bottom:19px}
.overview h3,.application h3{font-size:21px;font-weight:500;line-height:28px;color:var(--orange);margin-bottom:6px}
.event-location h4{font-size:21px;font-weight:700;color:#ffc58b}.event-location strong{font-weight:700}
.overview-detail{margin-top:24px}.overview-detail p{line-height:30px}
.application{display:grid;grid-template-columns:minmax(0,1fr) 378px;gap:30px;margin-top:39px;font-size:21px;line-height:28px}
.application .orange-heading{margin-bottom:16px}.application h3{margin-top:17px}.application p span{color:#ffc58b}.application h3+p{line-height:30px}
.application-photo{height:227px;position:relative;overflow:hidden}.application-photo img{position:absolute;width:99.88%;height:110.89%;max-width:none;top:-4.5%;left:0}
.owners{padding-top:84px;padding-bottom:146px}.owners h2 span{margin-left:0}
.quote-carousel{--quote-width:380px;--quote-gap:30px;position:relative;margin-top:31px}
.quote-viewport{overflow:hidden}
.quotes{display:flex;width:max-content;gap:var(--quote-gap);margin-left:calc(50% - var(--quote-width)/2 - 3*(var(--quote-width) + var(--quote-gap)));touch-action:pan-y;align-items:stretch}
.quotes blockquote{flex:0 0 var(--quote-width);width:var(--quote-width);background:var(--card);min-height:282px;padding:43px 24px 28px}
.quotes h3{font-size:20px;font-weight:700;line-height:30px;letter-spacing:2px;min-height:30px;margin-bottom:25px}
.quotes p{font-size:20px;line-height:30px;letter-spacing:2px}.quotes .is-preview{opacity:.4}
.quote-controls{position:absolute;inset:0 0 auto;height:282px;pointer-events:none}.quote-controls[hidden]{display:none}
.quote-controls button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:90px;padding:5px 11px;border:0;background:transparent;cursor:pointer;pointer-events:auto}
.quote-prev{left:20px}.quote-next{right:20px}
.quote-chevron{display:block;width:26px;height:80px;background:url('lp26-carousel-arrows.svg') left center/1377.35px 80px no-repeat}.quote-next .quote-chevron{background-position:right center}
.quote-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}.quote-dot{display:grid;place-items:center;width:32px;height:44px;padding:0;background:none;border:0;cursor:pointer}
.quote-dot span{width:16px;height:16px;border-radius:50%;background:#d9d9d9;opacity:.4}.quote-dot[aria-current=true] span{opacity:1}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cta{text-align:center;margin-top:64px}.reserve{display:inline-flex;align-items:center;justify-content:center;height:50px;width:min(100%,384px);padding:5px 16px;border:2px solid var(--orange);border-radius:6px;background:transparent;color:var(--orange);font:500 22px/1.2 CampaignNoto,sans-serif;letter-spacing:4.84px;text-decoration:none;cursor:pointer;transition:filter .2s}
.reserve:hover{filter:brightness(1.15)}.cta p{font-size:20px;line-height:25px;margin-top:10px;letter-spacing:1px}
.campaign-deadline .deadline-label{display:block;font-weight:500}.campaign-deadline .deadline-date{font-weight:300}
@media(min-width:701px){.cta .campaign-deadline{letter-spacing:2px}.schedule-arrow{margin-right:5px}}
.feature-artura{position:relative;width:100%;aspect-ratio:1440/809;background:#02091b;overflow:hidden;isolation:isolate}
.feature-background{position:absolute;inset:0;overflow:hidden;opacity:.32}.feature-background img{position:absolute;max-width:none;width:139.11%;height:164.83%;left:-15.48%;top:-20.82%}
.feature-photo{position:absolute;width:66.5278%;height:43.1397%;left:16.6667%;top:22.9913%;overflow:hidden}.feature-photo img{position:absolute;max-width:none;width:117.8%;height:215.4%;left:.03%;top:-46.5%}
.feature-speedmark{position:absolute;top:5.55%;left:50%;transform:translateX(-50%)}.feature-logo{position:absolute;bottom:3.33%;left:50%;transform:translateX(-50%)}
.plans-background{position:relative;isolation:isolate}.plans-background:before{content:'';position:absolute;inset:0 0 auto;height:2765px;z-index:-1;background:linear-gradient(to bottom,transparent 55.88%,#000 100%),url('lp26-plans-glow.webp') calc(50% - 111px) -1074px/2748.5px 4924px no-repeat;pointer-events:none}
.plans{padding-top:68px}.plans>h2{text-align:center;font-size:35px;line-height:84px;letter-spacing:6px;font-weight:500;margin-bottom:60px}.plans>h2>span{font-size:70px}
@media(min-width:701px){.plans>h2{height:84px}}
.plan{--plan-color:var(--rust);--plan-bg:#f0f0f0;background:var(--plan-bg);color:var(--plan-color);text-align:center;padding-bottom:80px}
.plan header{height:135px;display:grid;place-items:center;background:var(--plan-color);color:#fff}
.plan h3{font:700 40px/48px McLarenText,sans-serif;letter-spacing:8px}
.plan-description{font-size:28px;line-height:40px;letter-spacing:2.24px;font-weight:700;margin-top:48px}
.price{display:flex;width:482px;max-width:calc(100% - 40px);height:70px;border:1px solid currentColor;margin:13px auto 0;text-align:left;font-size:18px;line-height:1.4}
.price h4{width:80px;flex:none;display:grid;place-items:center;background:var(--plan-color);color:#fff;font-size:17px;font-weight:500}
.price>div{flex:1;min-width:0}.price p{display:flex;align-items:center;padding:0 10px 0 14px;height:50%;white-space:nowrap;gap:7px}.price p+p{border-top:1px solid currentColor}.price i{flex:1;border-top:1px dashed currentColor}
.price-notes{font-size:16px;line-height:24px;max-width:840px;margin:14px auto 0}
.itinerary{position:relative;margin:61px auto 60px;max-width:966px}
.itinerary ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0}
.itinerary li{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:16px;font-weight:500;line-height:1.4;min-width:0}
.itinerary picture{display:block}.itinerary li>span{min-height:46px;white-space:nowrap}
.itinerary-arrows{position:absolute;left:50%;transform:translateX(-50%);top:28px}
@media(min-width:1280px){.premium .itinerary{transform:translateX(-7.5px)}.premium .itinerary-arrows{left:calc(50% + 4px)}.day-itinerary{transform:translateX(6px)}}
.location-title{display:flex;align-items:center;gap:30px;justify-content:center;font-size:40px;line-height:57px;letter-spacing:16px;font-weight:900}
.location-title:before,.location-title:after{content:'';height:1px;background:currentColor;flex:1}.location-title span{padding-left:16px}
.location-date{font-size:18px;line-height:26px;font-weight:700;margin-top:2px}.location-date span{font-weight:350}
.schedule{display:flex;align-items:center;justify-content:center;margin:30px auto 0;gap:0}
.schedule p{height:38px;border:1px solid currentColor;border-radius:32px;background:#fff;display:flex;align-items:center;justify-content:center;width:273px;max-width:90%;font-size:20px;font-weight:500;line-height:1;white-space:nowrap}
.schedule p span{border-right:1px solid currentColor;padding-right:12px;margin-right:12px}
.schedule-arrow{display:block;position:relative;flex:none;width:23.75px;height:11.0459px}
.schedule-arrow:before{content:'';position:absolute;inset:0;background:currentColor;mask:url('lp26-schedule-arrow.svg') center/contain no-repeat;transform:rotate(180deg)}
.hotel{display:grid;grid-template-columns:741fr 362fr;margin:29px 49px 0;text-align:left;background:white;align-items:stretch}
.hotel-photos{position:relative;aspect-ratio:741/539;overflow:hidden}
.hotel-photos>div{position:absolute;overflow:hidden}
.hotel-coast{left:0;top:0;width:54.52%;height:100%}.hotel-coast img{position:absolute;max-width:none;width:110.89%;height:110.76%;left:-9.65%;top:-3.34%}
.hotel-room{right:0;top:0;width:50.742%;height:48.794%}.hotel-room img{position:absolute;max-width:none;width:105.32%;height:101.52%;left:-2.66%;top:0}
.hotel-pool{right:0;bottom:0;width:50.742%;height:51.206%}.hotel-pool img{position:absolute;max-width:none;width:100%;height:102.54%;left:0;top:0}
.hotel-copy{align-self:center;padding:25px;color:var(--rust)}
.hotel-copy h5{display:inline-flex;align-items:center;justify-content:center;background:var(--rust);color:#f0f0f0;border-radius:3px;font-size:20px;font-weight:500;letter-spacing:2.2px;height:35px;padding:0 9px}
.hotel-name{font-size:30px;line-height:56px;font-weight:700;margin-top:14px;white-space:nowrap}
.hotel-copy p:last-child{font-size:18px;font-weight:500;line-height:30px;max-width:305px}
.plan .cta{margin-top:30px}.plan .reserve{background:var(--plan-color);color:#fff;border-color:var(--plan-color)}
.plan .cta p{font-size:20px;line-height:25px;margin-top:5px;letter-spacing:0}
.premium-hakone{margin-top:77px}.premium-hakone .location-title{letter-spacing:25.2px}
.coming-soon{font:50px/60px McLarenDisplay,sans-serif;margin:82px 0 0}
.plan-policy{text-align:left;font-size:16px;line-height:23px;margin:133px 46px 0}.plan-policy h4{font-weight:700;font-size:16px;margin-top:10px}
.day{--plan-color:var(--navy);--plan-bg:#dcdad4;margin-top:69px;padding-bottom:59px}
.day .plan-description{margin-top:59px}
.day-itinerary{max-width:910px;margin-top:65px;margin-bottom:66px}.day-itinerary ol{grid-template-columns:repeat(5,minmax(0,1fr))}
.day-itinerary li{letter-spacing:1.6px}.day-itinerary .itinerary-arrows{top:24px}
.day .schedule{margin-top:29px}.day .schedule p{background:#f0f0f0}
.schedule-note{text-align:left;width:max-content;max-width:calc(100% - 40px);font-size:17px;line-height:25px;margin:7px auto 0}
.day .cta{margin-top:37px}.day .cta p{font-size:15px;line-height:22px;color:#000}
.day-location+.day-location{margin-top:34px}.day-disclaimer{font-size:16px;line-height:26px;text-align:left;margin:57px 46px 0;color:#000}
@media(min-width:701px){
 .premium{padding-bottom:84px}.premium .itinerary{margin-bottom:59px}
 .premium .location-date{margin-top:0}.premium .schedule{margin-top:38px}
 .premium .cta{margin-top:31px}.premium .cta p{min-height:36px}.premium-hakone{margin-top:47px}
 .premium-hakone .location-date{min-height:58px}.premium .plan-policy{margin-top:139px}
 .day{padding-bottom:55px}
}
/* The form retains its existing questions, widths and spacing; only colours change. */
.registration{margin-top:89px;padding:55px;background:var(--navy);border:1px solid #fff;scroll-margin-top:28px;font-family:'Noto Sans','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.8}
.registration .reserve{height:auto;min-height:48px;padding:8px 20px;border-width:1px;font-family:inherit;font-size:20px;line-height:1.4;letter-spacing:4px}
.eyebrow{color:var(--orange);font:14px/1.6 McLarenText,sans-serif;letter-spacing:3px}.registration h2{font-size:32px;font-weight:400;letter-spacing:4px;margin-top:10px}
.form-intro{color:#fff;margin:16px 0 35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:16px}.field label span{font-size:11px;color:var(--orange);margin-left:8px}
input,select,textarea{width:100%;min-width:0;color:#000;background:#d9d9d9;border:1px solid #d9d9d9;border-radius:2px;padding:13px 15px;font-family:inherit;font-size:16px;line-height:1.5;color-scheme:light}
input::placeholder{color:#3b3b3b}.privacy-note{font-size:13px;color:#fff;margin:24px 0}
.submit{display:flex;margin:auto;background:var(--orange);color:#fff;border-color:var(--orange)}.notice{padding:18px;margin-bottom:25px}.notice.error{background:#351512;color:#ffd2ce}
.submit-area{width:min(100%,420px);margin:auto}.submit-area .submit{width:100%;max-width:none}
.submission-status{min-height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.submission-success{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;background:#ff870018;border:1px solid #ff8700;border-radius:8px;color:#ffad55;font-size:14px;line-height:1.6;text-align:left}
.submission-success svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.submission-error{color:#ffb68a;font-size:13px;line-height:1.6}.submission-status [hidden]{display:none}.submit:disabled{cursor:default;opacity:.65}
.terms{margin-top:68px;font-family:CampaignLatin,CampaignNoto,sans-serif;font-size:16px;line-height:22px}
.terms details{border-top:1px solid #fff}.terms details:last-child{border-bottom:1px solid #fff}
.terms summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:16px 24px 16px 0;font-size:20px;line-height:24px;letter-spacing:10px}
.terms summary::-webkit-details-marker{display:none}.accordion-symbol{position:relative;width:22px;height:22px;flex:none}.accordion-symbol:before,.accordion-symbol:after{content:'';position:absolute;background:#fff;left:0;top:10px;width:22px;height:1px}.accordion-symbol:after{transform:rotate(90deg)}details[open] .accordion-symbol:after{transform:none}
.terms-content{padding:0 24px 30px 0}.terms ol{padding-left:1.3em}.terms li{padding-left:0}
.privacy-statement-link{color:#66b3ff;text-decoration:underline;text-underline-offset:3px}.privacy-statement-link:hover,.privacy-statement-link:focus-visible{color:#99ccff}
.footer{text-align:center;padding-top:147px;padding-bottom:99px}.socials{display:flex;justify-content:center;gap:58px;margin-bottom:120px}.socials img{width:66px;height:66px}.footer-logo{display:block;width:max-content;margin:auto}
.footer-privacy{margin-top:24px}.footer-privacy a{display:inline-flex;align-items:center;min-height:44px;color:#ccc;font:13px/1.5 McLarenText,sans-serif;text-underline-offset:4px}.footer-privacy a:hover,.footer-privacy a:focus-visible{color:#fff}
@media(min-width:701px) and (max-width:1279px){
 .wrap{width:calc(100% - 64px)}.intro h1{font-size:40px}.program-grid{gap:20px}.program article{padding:30px 20px}.program h3{font-size:17px;letter-spacing:.3px}.program p{font-size:17px;line-height:27px;letter-spacing:1px}
 .overview{grid-template-columns:32% minmax(0,1fr)}.overview-copy,.overview h3,.event-location h4,.application,.application h3{font-size:18px}.orange-heading{font-size:22px}
 .application{grid-template-columns:1fr 32%}.quote-carousel{--quote-width:calc((100vw - 124px)/3)}.quotes h3,.quotes p{font-size:16px;line-height:26px;letter-spacing:1px}
 .itinerary{max-width:90%}.itinerary-arrows{display:none}.itinerary li>span{white-space:normal}.itinerary li{font-size:13px}
 .hotel{margin-inline:25px;grid-template-columns:1.7fr 1fr}.hotel-copy{padding:18px}.hotel-name{font-size:23px}.hotel-copy p:last-child{font-size:16px;line-height:24px}
 .schedule{padding:0 20px}.schedule p{font-size:17px}.hero-artura{transform:translateX(-50%) scale(.8)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
