/* Yamaha reference composition, adapted to SEP's engineering identity. */
.intro-pending .site-shell{visibility:visible;opacity:1}
.intro-pending .header,.intro-pending .hero-copy,.intro-pending .hero-footer,.intro-pending .hero-pagination,.intro-pending .hero-coordinate,.intro-pending .model-callout,.intro-pending .stage-orbit,.intro-pending main>.section,.intro-pending footer{visibility:hidden;opacity:0}
.intro-pending .model-fallback{opacity:0}
.intro-pending .model-stage canvas{transition:none}
.intro-revealing .hero-copy{animation:none}
.model-stage.tracing canvas{filter:drop-shadow(0 0 calc(5px * var(--trace-glow,1)) rgb(152 255 224 / calc(.9 * var(--trace-glow,1)))) drop-shadow(0 0 calc(14px * var(--trace-glow,1)) rgb(60 230 186 / calc(.6 * var(--trace-glow,1))))}
:root{--bg:#153d35;--text:#f3f5ee;--muted:#b6cdc1;--gold:#d2d5b5;--rail:64px;--pad:6%;--line:#b7d7c526}
html{scroll-padding-top:100px;scrollbar-gutter:stable}
body{background:#12362f}
.site-shell{position:relative;box-shadow:0 0 70px #0004}
.header,html[lang=ar] .header{position:fixed;top:0;height:96px;max-width:none;transform:none;padding:0 var(--pad);transition:background .4s,box-shadow .4s}
.page-scrolled .header{background:#153e38ec;backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}
.header .brand b{font-size:18px;white-space:nowrap}
.header .brand small{font-size:7px;letter-spacing:1.55px}
.header nav{gap:29px}
#language{white-space:nowrap}
.side-rail{background:linear-gradient(180deg,#235246ee,#153e34e8);border-color:var(--line)}
.rail-mark{margin-top:31px}.rail-links{margin-top:93px;gap:34px}.rail-caption{font-size:8px;opacity:.85}
.hero{height:100svh;min-height:790px;max-height:1100px;background:#173f37;overflow:hidden}
.hero-atmosphere{z-index:-4;background:radial-gradient(ellipse at 28% 28%,#306951,#245641 43%,#173f35 80%);isolation:isolate}
.hero-atmosphere:before{content:'';position:absolute;left:14%;top:24%;width:72%;aspect-ratio:1672/941;background:url('assets/riyadh-background.png') center/contain no-repeat;opacity:.39;mix-blend-mode:screen;filter:blur(.55px);mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 70%)}
.hero-atmosphere:after{background:radial-gradient(ellipse at 30% 28%,#99d6b516,transparent 58%),linear-gradient(0deg,#173f35,transparent 30%)}
.hero-grid{opacity:.45;bottom:17%;height:34%;width:60%;z-index:-2}
.hero-coordinate{top:122px;left:var(--pad);color:#aec6ba9c;font-size:8px;letter-spacing:1.6px}
.hero-body{display:grid;grid-template-columns:56% 44%;grid-template-areas:'model copy';direction:ltr;align-items:center;height:calc(100% - 164px);padding:115px 6% 0 2%;gap:0}
.model-column{grid-area:model;position:relative;height:100%;width:100%;min-height:440px;z-index:2}
.model-stage{height:100%;min-height:0}
.model-callout{bottom:7%;left:10%;font-size:8px;letter-spacing:2px;color:#b8cfc580}
.stage-orbit{bottom:22%;left:24%;width:52%;height:10%;opacity:.55}
.hero-copy{grid-area:copy;position:relative;text-align:right;direction:rtl;padding:22px 0 25px 1%;align-self:center;z-index:3}
.hero-copy .eyebrow{margin-bottom:25px}
.hero h1{font-size:clamp(42px,4.5vw,74px);line-height:1.22;letter-spacing:-1.4px;font-weight:800}
.hero h1 em{color:var(--gold)}
.hero-sub{font-size:21px;line-height:1.6;margin-top:24px;color:#d7e2d8}
.hero-detail{font-size:15px;line-height:1.9;margin-top:12px;max-width:370px;color:#b4cbc1}
.hero-copy .button{margin-top:25px;min-height:50px;border-width:2px;background:#081e1d44;border-radius:7px;font-size:14px;padding:12px 20px;gap:25px}
.hero-footer{bottom:76px;left:var(--pad);right:var(--pad);padding-bottom:26px;border:0;z-index:4}
.hero-track-tabs{gap:29px}
.hero-track-tabs button{font-size:12px;padding:9px 0;gap:8px;color:#cedbd2}
.hero-track-tabs .track-icon{display:flex;align-items:center;justify-content:center;width:12px;height:15px;color:var(--gold)}
.track-icon svg{display:none}.track-icon:before{content:'+';font:16px Inter,sans-serif}
.track-caption small{display:none}.track-caption b{font-size:12px;font-weight:500}
.hero-track-tabs .selected{color:var(--gold)}
.hero-track-tabs .selected:before{display:none}
.scroll-cue{font-size:10px;color:#b6cbbf;letter-spacing:.2px}
.hero-pagination{height:68px;padding:0 var(--pad);border-top:1px solid #afcab312;background:linear-gradient(90deg,#32664f46,transparent 45%,#32664f28);justify-content:space-between;z-index:4}
.hero-pagination p{font-size:13px;color:#c6d5c9;max-width:65%;line-height:1.7}
.hero-pagination-controls{display:flex;align-items:center;gap:24px;direction:ltr}
.hero-pagination #hero-count{margin:0;font-size:10px}
.round-arrow{border:0;border-radius:0;color:var(--gold);font-weight:300}
.ambient-frame{position:absolute;pointer-events:none;z-index:-1;opacity:.22;filter:blur(13px);border:2px solid #b1e7d3;box-shadow:inset 0 0 18px #52a58c44,0 0 26px #67d9b51a;animation:geometry-drift 19s ease-in-out infinite alternate}
.ambient-frame:before{content:'';position:absolute;inset:20%;border:1px solid #a6dbc4;transform:translate(40px,-35px);opacity:.5}
.ambient-frame-one{width:160px;height:160px;top:20%;left:-50px;transform:rotate(27deg) skewY(-8deg);filter:blur(8px);opacity:.3}
.ambient-frame-two{width:120px;height:120px;right:10%;top:12%;border-radius:50%;filter:blur(9px);opacity:.3;animation-delay:-8s;animation-duration:24s}
.ambient-frame-three{width:200px;height:200px;left:0;top:38%;z-index:0;transform:rotate(35deg);opacity:.13;animation-delay:-4s}
@keyframes geometry-drift{0%{translate:0 0;rotate:-8deg}100%{translate:38px -55px;rotate:14deg}}
.section{isolation:isolate;border-top:1px solid var(--line);padding-top:48px;padding-bottom:65px}
.section-kicker{margin-bottom:27px}
.about{background:linear-gradient(#18493dd9,#153d35e5),url('assets/riyadh-background.png') center/76% auto no-repeat;background-color:#153d35;min-height:820px}
.about-banner{height:270px;margin:0 0 42px;border:0;background:#15362f;padding:0 4%;direction:inherit}
.about-banner>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;opacity:.82;mask-image:none}
.about-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08272408,#08272455 40%,#082724ef)}
html[lang=en] .about-banner:after{background:linear-gradient(90deg,#082724ef,#08272455 60%,#08272408)}
.about-banner>div{z-index:1;max-width:70%}
.about-banner>div>span{font-size:8px;letter-spacing:2.5px;color:#d0ded1}
.about-banner h2{font-size:clamp(38px,4.5vw,72px);font-weight:800;line-height:1.12;letter-spacing:-1px;margin-top:15px}
.about-banner p{font-size:14px;font-weight:400;margin-top:16px;color:#cfdfd2}
.banner-index{left:3%;top:auto;bottom:24px;font:10px Inter,sans-serif;letter-spacing:2px;color:#f0f6e8b0;z-index:1}
html[lang=en] .banner-index{left:auto;right:3%}
.about-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:6%;align-items:start;direction:ltr}
.about-story{display:grid;grid-template-columns:1fr 2.15fr;column-gap:30px;row-gap:25px;direction:rtl}
.about-heading .eyebrow{font-size:13px;margin-bottom:15px}
.about-heading h3{font-size:27px;font-weight:500;line-height:1.5;letter-spacing:-.5px}
.about-copy{min-width:0}.about-copy p{font-size:16px;line-height:1.9;color:#d0ded6}.about-copy .muted{font-size:15px;color:#afc6bb;margin-top:17px}
.about-number{grid-column:1/-1;display:flex;align-items:center;gap:20px;direction:ltr;border:0;border-top:1px solid var(--line);padding:20px 0 0}
.about-number>span{font:300 46px Inter,sans-serif;letter-spacing:-2px}
.about-number p{font-size:12px;line-height:1.7;margin:0;direction:rtl}
.about-photo{margin:0;direction:rtl}
.about-photo>img{display:block;width:100%;height:224px;object-fit:cover;object-position:center;border:1px solid var(--line)}
.about-photo figcaption{margin-top:17px}
.about-photo figcaption>span{font:8px Inter,sans-serif;letter-spacing:1.7px;color:#b9cfc1}
.about-photo figcaption p{font-size:13px;line-height:1.7;margin-top:10px;color:#cad8cc}
.programs{min-height:790px;background:linear-gradient(#205242cc,#153d35e5),url('assets/riyadh-background.png') center/76% auto no-repeat;background-color:#153d35;padding-bottom:100px}
.program-heading{margin-bottom:32px;align-items:center}
.program-heading h2{font-size:clamp(31px,3vw,46px);line-height:1.2}
.program-heading h2 br{display:none}.program-heading h2 em{margin-inline-start:10px}
.program-heading>p{font-size:13px;line-height:1.7;color:#b0c6bc}
.gallery{min-height:420px;max-width:1080px}
.gallery-main{display:block;width:69%;border-radius:22px;border:1px solid #c8dbc33b;background:#17382c;box-shadow:0 28px 65px #0005;isolation:isolate}
.gallery-image{height:420px;min-height:0;display:block;background:#163a31}
.gallery-image>img{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;opacity:1;transition:filter .5s}
.gallery-main:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.gallery-copy{position:absolute;left:0;right:0;bottom:0;padding:38px 29px 23px;background:linear-gradient(transparent,#051a16ec 42%);color:white;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:20px;min-height:175px}
.track-eyebrow{grid-column:1;letter-spacing:1.8px;font-size:8px;color:#d3ddc9}
.gallery-copy h3{grid-column:1;font-size:29px;margin:7px 0;line-height:1.2}
.gallery-copy p{grid-column:1;font-size:12px;line-height:1.75;max-width:460px;color:#d4dfd5}
.gallery-meta{grid-column:2;grid-row:1/4;align-self:end;border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;font-size:9px;white-space:nowrap}
.plate-number{top:22px;left:25px;color:#f4f5e9;background:#061f19a8;border:1px solid #bbd1ba55;border-radius:50%;padding:10px;z-index:1;font-size:10px}
.plate-status{top:28px;right:24px;color:#f1f5e9;background:#061f19aa;padding:6px 11px;border-radius:20px;z-index:1;font-size:9px}
.plate-cross{display:none}
.gallery-side{width:29%;height:224px;border-radius:16px;padding:0;opacity:.85;box-shadow:0 20px 60px #0006;background:#18382d}
.gallery-side>img{display:block;width:100%;height:100%;margin:0;max-width:100%;object-fit:cover;opacity:.75}
.gallery-side:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#061c18)}
.gallery-side>span{z-index:1;font-size:8px;bottom:20px;left:20px;color:#e1e8d8}
.gallery-side-prev{transform:perspective(800px) rotateY(12deg) scale(.94)}.gallery-side-next{transform:perspective(800px) rotateY(-12deg) scale(.94)}
.gallery-side:hover{opacity:1;transform:scale(.98)}
.gallery-navigation{position:absolute;bottom:0;left:0;right:0;height:68px;margin:0;gap:23px;border-top:1px solid var(--line);background:linear-gradient(90deg,#32664f46,transparent 45%,#32664f28)}
.gallery-navigation #gallery-prev{position:absolute;inset-inline-start:5%}.gallery-navigation #gallery-next{position:absolute;inset-inline-end:5%}
.gallery-dots{gap:13px}.gallery-dots>button{width:6px;height:6px}.gallery-counter{font-size:9px}
.program-tabs,html[lang=ar] .program-tabs{justify-content:center;gap:19px;padding-top:22px;margin-top:31px;border-top:1px solid var(--line)}
.program-tabs button{font-size:12px;padding:9px 13px}.program-tabs .selected{background:#d1d9b72b}
.launch{background:linear-gradient(#245744cc,#153d35e5),url('assets/riyadh-background.png') center/76% auto no-repeat;background-color:#153d35;padding-top:55px;min-height:530px}
.launch h2{color:var(--gold)}.launch-watermark{opacity:.6}
footer{background:#153a30}
.motion-ready .section .about-banner,.motion-ready .section .about-layout,.motion-ready .section .program-heading,.motion-ready .section .gallery,.motion-ready .section .launch-body{opacity:0;transform:translateY(35px);filter:blur(3px);transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1),filter .9s}
.motion-ready .section.in-view .about-banner,.motion-ready .section.in-view .about-layout,.motion-ready .section.in-view .program-heading,.motion-ready .section.in-view .gallery,.motion-ready .section.in-view .launch-body{opacity:1;transform:none;filter:none}
.motion-ready .section.in-view .about-layout{transition-delay:.13s}.motion-ready .section.in-view .gallery{transition-delay:.12s}
html[lang=en] .hero h1{font:750 clamp(40px,4.25vw,68px)/1.09 Inter,sans-serif;letter-spacing:-2.5px}
html[lang=en] .hero-copy{padding-left:0;padding-right:0}
html[lang=en] .hero-sub{font-size:17px}.hero-detail{max-width:390px}
html[lang=en] .about-banner h2{font:750 clamp(36px,4.1vw,65px)/1.07 Inter,sans-serif;letter-spacing:-2px}
html[lang=en] .about-banner p{font:400 12px Inter,sans-serif}
html[lang=en] .about-story,html[lang=en] .about-photo{direction:ltr;text-align:left}
html[lang=en] .about-heading h3{font:400 24px/1.5 Inter,sans-serif;letter-spacing:-.5px}
html[lang=en] .about-number p{direction:ltr;font:400 10px/1.8 Inter,sans-serif}
html[lang=en] .about-photo figcaption p{font:400 11px/1.8 Inter,sans-serif}
html[lang=en] .program-heading h2{font-size:35px;letter-spacing:-1.3px}
html[lang=en] .gallery-copy h3{font-size:24px}html[lang=en] .gallery-copy p{font-size:11px}
html[lang=en] .track-caption b,html[lang=en] .program-tabs button{font:400 10px Inter,sans-serif}
@media(min-width:1864px){.site-shell,html[lang=ar] .site-shell{max-width:none;margin-inline-start:var(--rail);margin-inline-end:0}.header{left:var(--rail);right:0;width:auto}.header,html[lang=ar] .header{max-width:none}.hero-body{max-width:1700px;margin:auto}.hero-copy{max-width:570px}.section{padding-inline:max(6%,calc((100vw - 1640px)/2))}}
@media(max-width:1100px){:root{--rail:52px;--pad:5%}.header,.header nav{gap:20px}.header .brand b{font-size:15px}.header .brand small{font-size:6px;letter-spacing:1.1px}.hero-body{grid-template-columns:54% 46%;padding-right:5%}.hero h1{font-size:48px}.hero-sub{font-size:18px}.hero-detail{font-size:14px}.hero-track-tabs{gap:20px}.track-caption b{font-size:11px}.about-layout{gap:5%}.about-story{column-gap:20px;grid-template-columns:1fr 1.9fr}.about-heading h3{font-size:24px}.about-copy p{font-size:15px}.about-photo>img{height:215px}.gallery-main{width:73%}.gallery-image{height:400px}.gallery-copy{padding:35px 23px 21px}.gallery-meta{display:none}.program-tabs{gap:8px}.program-tabs button{font-size:11px}.program-heading>p{font-size:12px}}
@media(max-width:780px){
:root{--rail:0px;--pad:6%}html{scroll-padding-top:86px}
.header,html[lang=ar] .header{height:82px;left:0;right:0;padding-inline:6%}
.header .brand b{font-size:12px;white-space:normal}.header .brand small{font-size:5px;letter-spacing:1px}.header nav{top:82px;font-size:14px;gap:8px}
.header .brand img{width:29px;height:38px}.header-tools{gap:10px}.header nav a{padding:10px 0}
.hero{height:auto;min-height:0;max-height:none}
.hero-atmosphere{background:radial-gradient(ellipse at 35% 15%,#306951,#245641 46%,#173f35 90%)}
.hero-atmosphere:before{left:4%;top:48%;width:92%;background-size:contain;opacity:.38;filter:blur(.45px);mask-image:radial-gradient(ellipse at 50% 50%,black 15%,transparent 70%)}
.hero-atmosphere:after{background:linear-gradient(180deg,transparent 20%,#173f3510 48%,#173f35 95%)}
.hero-body{display:flex;flex-direction:column;padding:104px 6% 0;height:auto;gap:8px}
.hero-copy{order:0;align-self:stretch;width:100%;padding:13px 0 0}
.hero-copy .eyebrow{margin-bottom:20px;font-size:10px}
.hero h1{font-size:clamp(36px,9vw,62px);line-height:1.18;letter-spacing:-.7px}
.hero-sub{font-size:18px;margin-top:18px}.hero-detail{font-size:13px;max-width:430px;margin-top:9px;line-height:1.85}
.hero-copy .button{min-height:44px;font-size:12px;margin-top:19px;padding:9px 16px;gap:20px;border-width:1px}
.model-column{order:1;height:365px;min-height:0;width:100%;margin:0;align-self:stretch}
.model-stage{height:100%;min-height:0}.model-callout{bottom:7%;left:4%;font-size:7px}.stage-orbit{bottom:23%}
.hero-footer{position:relative;inset:auto;margin:3px 6% 0;padding-bottom:20px;display:block;border:0}
.hero-track-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px}.hero-track-tabs button{padding:9px 0;gap:7px}.track-caption b{font-size:11px}
.hero-pagination{position:relative;inset:auto;min-height:70px;height:auto;padding:14px 6%;gap:12px}.hero-pagination p{font-size:10px;max-width:58%;line-height:1.7}.hero-pagination-controls{gap:8px}.hero-pagination #hero-count{font-size:9px}.round-arrow{width:27px;min-width:27px}
.ambient-frame-one{top:42%;left:-80px;width:150px;height:150px;filter:blur(10px)}.ambient-frame-two{bottom:18%;width:110px;height:110px;right:-50px}
.section{padding:37px 6% 45px;min-height:0}.section-kicker{margin-bottom:22px;gap:12px;font-size:9px}.section-kicker>[lang=en]{font-size:7px;letter-spacing:1.4px}
.about-banner{height:235px;margin-bottom:30px;padding:0 6%}.about-banner>div{max-width:90%}.about-banner h2{font-size:35px;line-height:1.18;margin-top:13px}.about-banner>div>span{font-size:6px;letter-spacing:1.1px}.about-banner p{font-size:12px;margin-top:13px}.banner-index{font-size:7px;left:6%;bottom:13px;letter-spacing:1px}
.about-banner>img{object-position:47% center;opacity:.7}.about-banner:after{background:linear-gradient(90deg,#06241b25,#082724c9)}
.about-layout{display:flex;flex-direction:column;gap:30px}.about-story{display:block;width:100%}.about-heading{margin-bottom:20px}.about-heading .eyebrow{font-size:11px;margin-bottom:10px}.about-heading h3{font-size:28px;line-height:1.4}.about-copy p{font-size:15px;line-height:1.85}.about-copy .muted{font-size:14px}.about-number{display:flex;padding-top:20px;margin-top:23px}.about-number>span{font-size:43px}.about-number p{font-size:11px}
.about-photo{width:100%;margin:0}.about-photo>img{width:100%;height:auto;aspect-ratio:16/9}.about-photo figcaption{margin-top:13px}.about-photo figcaption p{font-size:12px}
.program-heading{display:block;margin-bottom:24px}.program-heading h2{font-size:32px;line-height:1.25}.program-heading h2 br{display:block}.program-heading h2 em{margin:0}.program-heading>p{font-size:13px;line-height:1.7;margin-top:15px}
.gallery{width:100%;min-height:0}.gallery-main{width:100%;border-radius:15px}.gallery-side{display:none}.gallery-image{height:410px;min-height:0}.gallery-image>img{object-fit:cover;object-position:center}
.gallery-copy{display:block;min-height:195px;padding:45px 20px 22px;background:linear-gradient(transparent,#051a16ed 28%)}.gallery-copy h3{font-size:27px;margin:10px 0}.gallery-copy p{font-size:13px;line-height:1.75}.track-eyebrow{font-size:7px;letter-spacing:1.2px}.gallery-meta{display:none}.plate-status{font-size:8px;right:17px;top:22px}.plate-number{left:17px;top:17px}
.programs{padding-bottom:110px}.gallery-navigation{gap:16px;margin:0;height:65px}.gallery-dots{gap:12px}.program-tabs,html[lang=ar] .program-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:18px;margin-top:25px}.program-tabs button{padding:11px 5px;font-size:10px;justify-content:center}
.launch{padding-block:40px}.launch h2{font-size:106px}.launch-body>p:not(.eyebrow){font-size:15px}.launch-body .eyebrow{font-size:6px;letter-spacing:1px}.launch-watermark{font-size:145px}
footer{gap:17px;padding:23px 6%}footer .brand{font-size:10px}footer .brand img{width:24px}
html[lang=en] .hero h1{font-size:clamp(32px,8.4vw,49px);letter-spacing:-1.6px;line-height:1.08}
html[lang=en] .hero-sub{font-size:15px;margin-top:17px}html[lang=en] .hero-detail{font-size:11px;line-height:1.8}html[lang=en] .hero-copy .button{font-size:11px}
html[lang=en] .about-banner h2{font-size:31px;letter-spacing:-1px;line-height:1.1}html[lang=en] .about-banner p{font-size:10px}html[lang=en] .about-heading h3{font-size:27px}html[lang=en] .program-heading h2{font-size:30px}
html[lang=en] .gallery-copy h3{font-size:25px}html[lang=en] .gallery-copy p{font-size:12px}html[lang=en] .hero-pagination p{font-size:9px;line-height:1.75}
html[lang=en] .program-tabs button{font-size:9px;gap:5px}
}
@media(max-width:360px){.header .brand b{font-size:11px}.header .brand small{font-size:4px}.header .brand{gap:8px}.hero h1{font-size:32px}.hero-sub{font-size:16px}.model-column{height:320px}.about-banner h2{font-size:31px}.track-caption b{font-size:10px}.gallery-image{height:420px}.gallery-copy{padding-inline:17px}.gallery-navigation{gap:13px}.program-tabs button{font-size:9px}html[lang=en] .hero h1{font-size:29px}html[lang=en] .about-banner h2{font-size:28px}html[lang=en] .header .brand b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ambient-frame{animation:none}.motion-ready .section .about-banner,.motion-ready .section .about-layout,.motion-ready .section .program-heading,.motion-ready .section .gallery,.motion-ready .section .launch-body{opacity:1;transform:none;filter:none;transition:none}}