:root{--bg:#060d19;--surface:#0c1729;--text:#edf2fa;--muted:#b4c1d4;--gold:#f2c777;--blue:#56b9ff;--line:#293b52;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--gold)}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{font:inherit}h1,h2,h3{line-height:1.15;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2.2rem,4.4vw,4.5rem);max-width:900px;margin:.5em 0}h2{font-size:clamp(1.9rem,3vw,3rem);margin:.5em 0}h3{font-size:1.5rem}p{color:var(--muted)}.preview{text-align:center;font-size:.75rem;padding:6px 16px;background:#17243a;color:var(--gold);letter-spacing:.06em}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:var(--gold);color:#07101b;padding:12px}.skip:focus{top:8px}header,main,footer{max-width:1260px;margin:auto;padding-left:40px;padding-right:40px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}header nav,footer nav{display:flex;gap:24px;flex-wrap:wrap}header nav a{text-decoration:none;color:var(--muted);font-size:.88rem}header a[aria-current]{color:var(--gold)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;letter-spacing:.16em;font-size:1.1rem}.brand img{border-radius:50%;object-fit:contain}.brand small{display:block;font-size:.57rem;letter-spacing:.25em;color:var(--gold)}.languages{gap:12px}main{padding-bottom:72px;min-height:65vh}.hero{padding-bottom:34px;border-bottom:1px solid var(--line)}.banner{width:100%;height:auto;display:block;border:1px solid #1d3348}.hero-copy{padding:30px 0 0;max-width:930px}.eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.18em}.hero h1{font-size:clamp(2.1rem,4vw,3.7rem);margin:14px 0}.hero p{font-size:1.1rem;margin:12px 0 22px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:11px 21px;border:1px solid var(--line);border-radius:3px;text-decoration:none;color:var(--text);font-size:.9rem}.button.gold{background:var(--gold);border-color:var(--gold);color:#08111c;font-weight:bold}.button:hover{background:#1b324c;color:white}.button.gold:hover{background:#ffdc99;color:#08111c}.product{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:64px 0 30px}.product>*{min-width:0}.product h3{color:var(--muted);font-size:1.35rem;line-height:1.35;margin:18px 0}.product li{color:var(--muted);margin:8px 0}.product ul{padding-left:20px}.product figure{margin:0}.product figure img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px}figcaption{font-size:.75rem;color:var(--muted);margin-top:10px}.price{font-size:1.15rem;color:var(--gold);margin:22px 0 12px}.small{font-size:.8rem;max-width:800px}.note{border-left:2px solid var(--gold);padding:12px 22px;background:var(--surface);font-size:.85rem;color:var(--muted)}.note p{margin:5px 0}main>section:not(.hero):not(.product){padding-top:56px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-title h2{max-width:720px}.section-title>a{white-space:nowrap;font-size:.9rem}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px}.video{min-width:0}.player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border:1px solid var(--line);border-radius:4px}.player img{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;border:0;background:linear-gradient(transparent 15%,#030915dc);color:white;cursor:pointer;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;padding:14px;font-size:.8rem}.play span:first-child{border:1px solid #ffffff70;border-radius:50%;padding:8px 16px;font-size:1rem;background:#030b18b0}.play:hover{background:#03091599}.video h3{font-size:1rem;line-height:1.5;letter-spacing:0;margin:15px 0 8px}.video>a{font-size:.8rem}.player iframe{width:100%;height:100%;border:0}.prose{max-width:820px;padding-top:32px}.prose h1{font-size:clamp(2.3rem,5vw,4rem)}.prose p{margin:24px 0}.prose h2{font-size:1.8rem;margin-top:45px}.lead{font-size:1.2rem}footer{border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:35px;font-size:.8rem}footer strong{letter-spacing:.17em;font-weight:500}footer p{margin:6px 0}footer nav a{color:var(--muted)}@media(max-width:950px){header{flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:15px}header>nav:not(.languages){order:3;width:100%;gap:22px}.product{gap:32px}.videos{gap:18px}.section-title{display:block}.section-title>a{white-space:normal}}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}.brand{font-size:.95rem}header>nav:not(.languages){gap:14px}header nav a{font-size:.8rem}.languages{gap:10px}.banner{min-height:120px;object-fit:contain}.hero-copy{padding-top:24px}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.product{grid-template-columns:1fr;padding-top:40px;gap:25px}.product figure{order:-1}.product figure img{max-width:400px}.videos{grid-template-columns:1fr;gap:32px}.video h3{font-size:1.1rem}.section-title h2{font-size:2rem}footer{align-items:start;flex-direction:column;gap:14px}.prose{padding-top:20px}h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.preview,header,.actions,.play,footer{display:none}body{background:white;color:black}p,a{color:black}.product{display:block}.product figure{max-width:350px}.videos{display:block}.video{break-inside:avoid}.video img{max-width:320px}.banner{max-width:700px}main{padding:0}.note{background:white}}
/* Approved cinematic reference — desktop and mobile layouts, revision 02. */
:root{--bg:#020b14;--surface:#061522;--text:#f2f5fb;--muted:#c3cbd8;--gold:#ffc86a;--blue:#6ae0ff;--line:#274257}
body{background:radial-gradient(ellipse at 0 52%,#00305255,transparent 40%),radial-gradient(ellipse at 95% 15%,#06436b35,transparent 40%),#020b14}
header{max-width:1480px;min-height:82px;padding:10px 40px;gap:30px}header>nav:not(.languages){flex:1;justify-content:center;gap:34px}header nav a{font-size:1rem;color:#edf0f7;padding:12px 0;position:relative}header a[aria-current=page]{color:#fff;text-shadow:0 0 14px #ffd99a}header a[aria-current=page]:after{content:'';height:2px;position:absolute;bottom:3px;left:-10px;right:-10px;background:linear-gradient(90deg,transparent,#ffcc6e,transparent);box-shadow:0 2px 12px #ffb53d}.brand{font-size:1.4rem;font-weight:600;letter-spacing:.21em}.brand small{font-size:.6rem;text-align:center}.brand img{width:56px;height:56px;border-radius:0}.languages{border:1px solid #1685b2;border-radius:12px;padding:0 12px;gap:12px}.languages a{font-size:.78rem}.preview{font-size:.65rem;background:#06111e;color:#c2a66e;padding:3px 16px}.page-index main{max-width:none;padding-left:0;padding-right:0}.page-index main>.featured,.page-index main>.home-videos{max-width:1480px;margin:auto;padding:28px 40px 0}.hero{position:relative;display:grid;grid-template-columns:47% 53%;height:380px;isolation:isolate;overflow:hidden;padding:0;border-top:1px solid #253b4a;border-bottom:1px solid #354151;background:radial-gradient(ellipse at 78% -10%,#0667ac70,transparent 48%),#020b14}.hero:after{content:'';z-index:-1;position:absolute;inset:0;background:radial-gradient(ellipse at 85% 4%,#258cf32b,transparent 30%),radial-gradient(ellipse at 8% 95%,#0764a033,transparent 40%);pointer-events:none}.hero-art{position:relative;height:100%;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#020b14),linear-gradient(0deg,#020b1444,transparent 20%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}.hero-copy{position:relative;padding:24px 45px 26px 15px;max-width:820px;align-self:center}.hero-wordmark{font-size:2rem;letter-spacing:.25em;line-height:1.2;font-weight:500;color:#e9eef6;text-shadow:0 2px 0 #647184}.hero-wordmark small{display:block;font-size:.75rem;letter-spacing:.42em;color:var(--gold);margin:9px 0 0 26px;text-shadow:none}.hero h1{font-size:clamp(1.7rem,2.65vw,2.8rem);font-weight:650;letter-spacing:-.025em;max-width:none;margin:18px 0 14px;text-shadow:0 2px 0 #455266}.light-rule{height:2px;width:85%;background:linear-gradient(90deg,#98672a, #ffe0a0 35%,#ac7024 45%,transparent);position:relative}.light-rule:before{content:'';position:absolute;left:30%;top:-2px;width:60px;height:5px;border-radius:100%;background:#ffedb7;box-shadow:0 0 10px 3px #ef9b23}.hero p{font-size:1rem;line-height:1.5;max-width:620px;margin:18px 0 24px}.button{border-radius:28px;padding:9px 24px;font-weight:600;border-color:#42c9ff;color:#bceeff;background:linear-gradient(#082135,#020d18);box-shadow:inset 0 0 9px #049be52b}.button.electric{color:white;border:2px solid #4fe3ff;background:linear-gradient(180deg,#0068b9,#003b92 70%,#0068b9);box-shadow:0 0 8px #00baff,0 0 20px #007ee877,inset 0 0 9px #55e1ff}.button.gold-outline{color:#fff4da;border:2px solid #ffc770;background:linear-gradient(#211b10,#080e15);box-shadow:0 0 8px #ffaa3066,inset 0 0 8px #ffc34a33}.button.gold{background:linear-gradient(#123044,#071725);border-color:#56d7ff;color:#a2edff;font-weight:600}.button:hover{color:white;background:#0a3a58;box-shadow:0 0 16px #00bfff88}.button.gold-outline:hover{background:#382710;box-shadow:0 0 17px #ffc34a66}.section-title{align-items:center}.section-title h2{font-size:1.9rem;font-weight:650;letter-spacing:-.025em;display:flex;align-items:center;gap:18px}.section-title h2:after{content:'';flex:none;width:70px;height:2px;background:linear-gradient(90deg,#ffd38b,transparent);box-shadow:0 0 8px #ffac3544}.section-title>a{color:#6fe2ff;font-size:.85rem;text-decoration:none}.home-product{border:1px solid #31536b;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#0076c43d,transparent 46%),linear-gradient(120deg,#041626,#07121d)}.home-product .product{padding:22px 28px;grid-template-columns:1fr 240px;gap:35px}.home-product .product h2{font-size:1.8rem;margin:8px 0}.home-product .product h3{font-size:1.05rem;margin:10px 0}.home-product .product p{font-size:.85rem;margin:8px 0}.home-product .product ul{display:none}.home-product .product figure img{max-height:180px;object-fit:contain;background:#08101a}.home-product .product figcaption{font-size:.7rem}.home-product .product .small{font-size:.7rem}.home-product .note{background:#071622aa;border-left:0;border-top:1px solid #1f384c;padding:10px 28px}.home-product .note p{font-size:.73rem}.page-index main>.home-videos{padding-top:25px}.home-videos .section-title h2{font-size:1.8rem;max-width:none}.home-videos .eyebrow{display:none}.videos{gap:20px;margin-top:18px}.video{border:1px solid #294558;border-radius:15px;background:linear-gradient(145deg,#071b2d,#030e19);overflow:hidden;padding:12px}.video .player{border-radius:9px}.video h3{font-size:.95rem;padding:0 5px}.video>a{display:inline-block;padding:0 5px 6px}.play{background:linear-gradient(transparent 40%,#030b16e6)}.play span:first-child{border-color:#77dfff;box-shadow:0 0 12px #00a3ef44}.product:not(.home-product .product){border-bottom:1px solid #18374b}.prose h1{color:#f0f3f8;text-shadow:0 2px #4c5968}.note{border-radius:0 8px 8px 0}.prose .note{margin:30px 0}footer{max-width:1400px;background:transparent}
@media(min-width:1600px){.hero{grid-template-columns:1fr 1fr;height:420px}.hero-art img{object-position:50% 53%}.hero-copy{padding-left:20px}}
@media(max-width:1100px){header{gap:20px;padding-left:25px;padding-right:25px}header>nav:not(.languages){gap:20px}header nav a{font-size:.88rem}.brand{font-size:1.1rem}.hero{height:370px;grid-template-columns:43% 57%}.hero-copy{padding-right:25px}.hero-wordmark{font-size:1.5rem}.hero-wordmark small{font-size:.6rem}.hero h1{font-size:2rem}.actions{gap:12px}.hero .button{font-size:.8rem;padding:8px 16px}.hero p{font-size:.9rem}}
@media(max-width:950px){header>nav:not(.languages){order:3;justify-content:center}.hero{height:390px}.hero h1{font-size:1.8rem}.hero-copy{padding-top:14px;padding-bottom:14px}.hero-wordmark{font-size:1.35rem}.hero .actions{flex-direction:column;align-items:start}.hero .button{min-width:220px;text-align:center}.hero p{margin:15px 0}.section-title{display:flex}.section-title h2:after{width:35px}.home-videos .section-title{align-items:start}.home-videos .section-title h2{font-size:1.5rem}.home-product .product{grid-template-columns:1fr 190px}.home-product .product figure img{max-height:190px}}
/* Mobile is composed vertically: complete artwork, then readable copy and controls. */
@media(max-width:600px){header{padding:10px 18px;gap:8px;min-height:105px}.brand{font-size:1.05rem;gap:8px;letter-spacing:.15em}.brand img{width:42px;height:42px}.brand small{font-size:.5rem}.languages{padding:0 8px;gap:8px;border-radius:8px}.languages a{font-size:.7rem;padding:9px 0}header>nav:not(.languages){gap:0;justify-content:space-between;margin-top:5px}header nav a{font-size:.79rem;padding:8px 3px}.preview{font-size:.6rem}.hero{display:flex;flex-direction:column;height:auto;overflow:hidden}.hero-art{height:245px;flex:none;width:100%}.hero-art img{object-fit:cover;object-position:50% 49%}.hero-art:after{background:linear-gradient(0deg,#020b14,transparent 35%)}.hero-copy{padding:4px 22px 30px;margin-top:-8px;align-self:stretch;max-width:none}.hero-wordmark{font-size:1.6rem;text-align:center;letter-spacing:.22em}.hero-wordmark small{font-size:.57rem;margin:7px 0 0;letter-spacing:.38em}.hero h1{text-align:center;font-size:1.85rem;line-height:1.15;margin:19px 0}.light-rule{margin:auto;width:88%}.hero p{text-align:center;font-size:.95rem;line-height:1.65;margin:18px 0 22px}.hero .actions{display:grid;grid-template-columns:1fr;gap:14px}.hero .button{width:100%;min-width:0;padding:11px 15px;font-size:.9rem}.page-index main>.featured,.page-index main>.home-videos{padding:20px 18px 0}.section-title{gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.section-title h2{font-size:1.55rem;margin:8px 0}.section-title h2:after{width:38px}.section-title>a{font-size:.76rem}.home-product .product{display:flex;flex-direction:column;gap:12px;padding:18px}.home-product .product figure{order:-1;width:100%;display:flex;align-items:center;gap:12px}.home-product .product figure img{width:125px;height:100px;object-fit:contain}.home-product .product figcaption{max-width:140px}.home-product .product h2{font-size:1.7rem}.home-product .product h3{font-size:1rem}.home-product .product p{font-size:.88rem}.home-product .product .button{margin:6px 0}.home-product .note{padding:12px 18px}.home-product .note p{font-size:.76rem}.home-videos .section-title h2{font-size:1.55rem}.home-videos .section-title>a{margin-bottom:2px}.videos{grid-template-columns:1fr;gap:18px}.video{padding:10px}.video h3{font-size:1rem}.home-videos>.small{font-size:.75rem}.prose h1{font-size:2.4rem}footer{padding:25px 20px;gap:12px}.page-index main{padding-bottom:40px}}
@media print{.hero{height:auto;display:block;background:white}.hero-art{display:none}.hero-wordmark,.hero-copy p,.hero h1{color:black;text-shadow:none}.hero-copy{padding:0}.home-product .product{display:block}.video{background:white}.hero:after,.hero-art:after{display:none}}
@media(min-width:601px){.hero-art img{object-fit:contain;object-position:center}.hero-art{background:radial-gradient(ellipse at 48% 50%,#142d4266,transparent 70%)}}
@media(max-width:950px){header>nav:not(.languages){flex:none;flex-basis:100%;width:100%}}
@media(max-width:600px){header{flex-wrap:wrap}.brand{margin-right:auto}header>nav:not(.languages){display:flex;flex-direction:row;flex-wrap:nowrap;order:3;flex:none;flex-basis:100%;width:100%}header .languages{order:2;flex:none}.page-index main>.featured{padding-top:18px}}
