:root{color-scheme:dark;--bg:#030b18;--text:#f7faff;--muted:#bdc9df;--line:#27446b;--blue:#18a9ff;--purple:#a45dff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 45% 70%,#0a1c35 0%,#030b18 65%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.3vw,70px);background:rgba(2,10,23,.91);border-bottom:1px solid #243a59;position:relative;z-index:3}.brand{display:flex;gap:16px;align-items:center;min-width:310px}.rocket{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#0768ff,#312ad8);font-size:25px;box-shadow:0 0 22px #004dff44}.brand strong{font-size:35px;letter-spacing:-1.8px;line-height:1;display:block}.brand strong span,.footer-brand strong span{color:#4e8dff}.brand small,.footer-brand small{display:block;color:#9cb5d8;font-size:13px;margin-top:2px;padding-left:6px}nav{height:100%;display:flex;gap:34px;align-items:center}nav a{height:100%;display:flex;align-items:center;gap:9px;padding:0 9px;font-size:15px;color:#d8e5fa;border-bottom:3px solid transparent}nav a::first-letter{font-size:24px;color:#b9dbff}nav a:hover,nav .active{color:white}nav .active{border-bottom-color:#1d9eff}.search{font-size:32px;line-height:1;color:#e7f5ff;background:transparent;border:1px solid #45648e;border-radius:11px;width:43px;height:43px}.hero{min-height:317px;position:relative;background-image:linear-gradient(90deg,#020814 0%,#020814 25%,rgba(2,8,20,.96) 31%,rgba(2,8,20,.70) 40%,rgba(2,8,20,.08) 67%),url('assets/hero-reference.jpg');background-size:cover;background-position:center center;border-bottom:1px solid #1c385a;overflow:hidden}.hero-content{padding:39px 4.5% 19px;position:relative;z-index:1}.hero h1{font-size:clamp(45px,5vw,75px);letter-spacing:-3.8px;line-height:1.08;margin:0;font-weight:800;text-shadow:0 3px 18px #000a}.hero h1 span{background:linear-gradient(95deg,#0a9eff,#5d64ff,#b76cff);background-clip:text;color:transparent}.subtitle{font-size:clamp(17px,1.65vw,25px);color:#b9c9e3;margin:5px 0 24px}.hero-buttons{display:flex;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-weight:650;font-size:14px;min-height:43px;padding:0 23px;border:1px solid #5a83b9;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #047fff40}.primary{background:linear-gradient(110deg,#009bff,#2457ff 65%,#a042ee);border:0;box-shadow:0 7px 22px #0755ef55;min-width:244px}.secondary{background:#020c1ab8;min-width:187px}.quick-links{display:flex;gap:38px;margin-top:28px}.quick-links>div{display:flex;align-items:center;gap:12px;font-size:13px}.quick-links b{font-size:34px;color:#93d4ff;font-weight:400}.quick-links small{display:block;color:#8bb6df;margin-top:2px;font-size:12px}.handwritten{position:absolute;right:3%;top:44px;transform:rotate(-10deg);font-family:cursive;font-size:21px;line-height:1.55;color:#c5c8e7;font-style:italic;text-align:center;text-shadow:0 2px 10px #020716}.handwritten span{display:block}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:22px 2.5% 0}.feature{height:263px;border:1px solid #44638d;border-radius:12px;overflow:hidden;position:relative;background:#061429}.feature:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s}.feature:hover:before{transform:scale(1.04)}.feature.space:before{background-image:linear-gradient(90deg,#010918 0%,#010918d9 34%,#0109180b 100%),url('assets/space-art.jpg')}.feature.album:before{background-image:linear-gradient(90deg,#010a18 0%,#010a18f2 43%,#010a1800 100%),url('assets/album-art.jpg');background-position:center,center}.feature.tesla:before{background:radial-gradient(circle at 86% 50%,#305e9c88,transparent 48%),linear-gradient(110deg,#050c1c 15%,#11143d 100%)}.feature-copy{position:relative;z-index:1;padding:23px 30px;height:100%;display:flex;flex-direction:column;align-items:flex-start}.feature-title{display:flex;align-items:center;gap:15px;min-height:51px}.feature-icon{font-size:43px;color:#47b5ff;line-height:1}.tesla .feature-icon{color:#ac80ff}.feature h2{font-size:25px;letter-spacing:-.8px;margin:0}.feature-title a,.tile-sub{color:#0cb5ff;font-size:15px}.tile-sub{font-size:12px;color:#a9b8d5}.feature p{max-width:235px;color:#d9e3f2;line-height:1.5;font-size:15px;margin:19px 0 0;text-shadow:0 2px 8px #000}.feature .btn{margin-top:auto;min-height:40px;font-size:13px;padding:0 22px;background:#08182cc7}.tesla-art{position:absolute;right:-13%;bottom:5%;width:70%;height:65%;background:url('assets/tesla-art.svg') center/contain no-repeat;opacity:.9;filter:drop-shadow(0 0 17px #3c73d988)}.tesla .feature-copy{background:linear-gradient(90deg,#030918e8 0%,#030918c9 40%,transparent 83%)}.updates,.tesla-section,.games-section{padding:25px 2.5% 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.heading-left{display:flex;align-items:center;gap:22px}.heading-icon{font-size:35px;color:#64bdff}.section-heading h2,.games-section h2{font-size:22px;letter-spacing:-.6px;margin:0}.section-heading p,.games-section>p{font-size:14px;color:#bfcce1;margin:3px 0 0}.ghost{font-size:13px;min-height:39px;background:#071326}.update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.update-card{display:flex;gap:17px;min-height:168px;border:1px solid #1c3454;border-radius:12px;padding:8px;background:#03101e}.update-card img{width:44%;object-fit:cover;border-radius:9px;min-width:0}.update-card>div{padding:5px 0;min-width:0}.update-card small{font-size:10px;color:#9bb3d5;letter-spacing:1.5px}.update-card h3{font-size:17px;margin:8px 0 5px}.update-card p{font-size:13px;line-height:1.45;color:#d0d9e9;margin:0 0 9px}.update-card .btn{font-size:12px;min-height:35px;padding:0 15px}.coming{font-size:12px;color:#84baff}.tesla-section{padding-top:55px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.media-card{border:1px solid #28436c;border-radius:12px;overflow:hidden;background:#061426}.placeholder,.media-photo,.video{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#263f6c,#071124 75%);color:#9bd1ff;font-size:50px}.placeholder span{font-size:12px;letter-spacing:2px;margin-top:9px}.video-placeholder{color:#b48bff}.video iframe{width:100%;height:100%;border:0}.media-photo{object-fit:cover}.media-caption{padding:15px 19px}.media-caption h3{margin:0;font-size:17px}.media-caption p{margin:6px 0 0;color:#aebfda;font-size:13px}.note{font-size:12px;color:#91a8ca}.games-section{padding-top:40px;padding-bottom:55px}.game-banner{margin-top:15px;display:flex;align-items:center;gap:25px;border:1px solid #274267;border-radius:12px;overflow:hidden;max-width:700px}.game-banner img{width:35%;height:170px;object-fit:cover}.game-banner h3{margin:0}.game-banner p{color:#b9c9df}.game-banner .btn{min-height:35px}footer{border-top:1px solid #1b304d;background:#020a16;padding:15px 3.5%;display:flex;align-items:center;justify-content:space-between}.footer-brand strong{font-size:23px;letter-spacing:-1px}.footer-brand small{font-size:12px;padding:0}.footer-right{display:flex;gap:17px;color:#9cb0cd;font-size:12px}.footer-right i{font-style:normal;color:#456183}dialog{background:#07152a;border:1px solid #456eaa;color:white;border-radius:15px;padding:25px;width:min(480px,90vw)}dialog::backdrop{background:#000b}dialog input{width:100%;padding:14px;background:#030b18;color:white;border:1px solid #5d83b6;border-radius:8px}.close{float:right;color:white;background:transparent;border:0;font-size:25px}@media(max-width:1100px){.brand{min-width:230px}.brand strong{font-size:28px}nav{gap:12px}.feature-copy{padding:20px}.feature p{font-size:13px}.tesla-art{opacity:.55}.update-card{gap:10px}.update-card h3{font-size:15px}}@media(max-width:760px){.topbar{height:auto;min-height:75px;flex-wrap:wrap;padding:12px 18px;gap:12px}.brand{min-width:0}.brand strong{font-size:28px}nav{order:3;width:100%;height:43px;justify-content:space-between;gap:0}nav a{font-size:13px;padding:0 4px}.hero{min-height:425px;background-position:58% center}.hero-content{padding:42px 22px}.hero h1{letter-spacing:-2.5px}.subtitle{max-width:460px}.handwritten{display:none}.quick-links{gap:12px;flex-wrap:wrap;margin-top:37px}.quick-links>div{font-size:11px}.quick-links b{font-size:23px}.features,.update-grid,.media-grid{grid-template-columns:1fr}.features{padding:17px}.feature{height:265px}.feature p{font-size:15px}.updates,.tesla-section,.games-section{padding-left:17px;padding-right:17px}.update-card{height:170px}.update-card img{width:40%}.section-heading{gap:15px}.heading-left{gap:10px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px}.ghost{padding:0 10px}footer{gap:20px;flex-wrap:wrap}.footer-right{gap:8px}}@media(max-width:430px){.hero-buttons{flex-wrap:wrap}.hero{min-height:500px}.quick-links{margin-top:25px}.quick-links>div{width:44%}.update-card img{width:35%}.update-card p{font-size:12px}}

/* v4: uncluttered hero and three-card homepage */
.hero{background-image:linear-gradient(90deg,#020814 0%,#020814 25%,rgba(2,8,20,.90) 42%,rgba(2,8,20,.17) 75%),url('assets/hero-clean.jpg');background-position:center,center 43%;background-size:cover,cover}
.handwritten{right:2.5%;top:43px;font-size:clamp(15px,1.3vw,21px);max-width:240px;line-height:1.55}
.feature.tesla:before{background-image:linear-gradient(90deg,#030918 0%,#030918ee 38%,#03091855 67%,#03091800 100%),url('assets/model-y-gray.jpg');background-size:cover;background-position:center right}
.tesla-art{display:none}.tesla .feature-copy{background:none}.tesla .feature p{max-width:205px}
.features{padding-bottom:35px}.hero .quick-links{margin-top:26px}
@media(max-width:760px){.handwritten{display:none}.hero{background-position:center,center}.feature.tesla:before{background-position:center right}}

.gallery-page{padding:36px max(3%,24px) 70px;max-width:1350px;margin:auto}.gallery-page h1{font-size:clamp(36px,5vw,60px);margin:0;background:linear-gradient(90deg,#fff,#8ebcff);background-clip:text;color:transparent}.gallery-page>p{color:#bdc9df}.gallery-hero{height:320px;overflow:hidden;border-radius:16px;border:1px solid #35527a;margin:24px 0 35px;background:#071429}.gallery-hero img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.gallery-page h2{font-size:25px}

/* v5: hero, first tile row, second tile row, then footer. No Recent Updates heading. */
.updates-grid-only{padding:20px 2.5% 26px}
.updates-grid-only .update-card{min-height:168px}
footer a:hover{color:#6bbcff}
@media(max-width:760px){.updates-grid-only{padding:16px 17px 26px}}

/* v7 video preview and shadow-boxed, portrait YouTube Shorts overlay */
.video-preview{width:44%;flex-shrink:0;position:relative;display:block;padding:0;border:0;background:#020814;border-radius:9px;overflow:hidden;cursor:pointer;box-shadow:0 5px 22px #0009}
.video-preview img{width:100%;height:100%;min-height:148px;object-fit:cover;display:block}
.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#1179e8e8;color:white;font-size:23px;box-shadow:0 0 0 6px #ffffff20,0 10px 30px #000a}
.video-preview:hover .play-icon{background:#8b4bff}
.video-modal{width:min(470px,94vw);max-height:94vh;padding:14px;border:1px solid #6b8fca;border-radius:17px;background:#061021;box-shadow:0 30px 100px #000,0 0 60px #2d63ff55}
.video-modal::backdrop{background:rgba(0,3,12,.88);backdrop-filter:blur(9px)}
.video-modal form{text-align:right;margin-bottom:8px}
.video-close{background:#10294c;color:#fff;border:1px solid #5477aa;border-radius:8px;padding:8px 13px;cursor:pointer}
.video-frame-wrap{aspect-ratio:9/16;max-height:78vh;margin:auto;max-width:100%}
.video-frame-wrap iframe{width:100%;height:100%;border:0;border-radius:8px}
.social-update .btn{font-size:11px;padding:0 10px}
@media(max-width:760px){.video-preview{width:40%}}

/* v8: thumbnail has no overlaid play button; video fallback for embedding restrictions */
.play-icon{display:none!important}.video-fallback-note{font-size:12px;color:#b8c9e6;text-align:center;margin:12px 0 0}.video-fallback-note a{color:#7ecbff;text-decoration:underline}.social-update .btn{margin:2px 3px 3px 0;white-space:normal;min-height:31px}.social-update>div{overflow:auto}

/* v10: pin every one of the six homepage tiles' link buttons to lower-right. */
.feature-copy > .btn { align-self:flex-end; margin-top:auto; }
.update-card > div { display:flex; flex-direction:column; flex:1; min-width:0; }
.update-card .tile-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:6px; align-items:flex-end; justify-content:flex-end; width:100%; padding:6px 4px 2px 0; }
.update-card .tile-actions .btn { margin:0; text-align:center; }
.update-card .tile-actions .btn:last-child { margin-left:0; }
@media(max-width:760px){.update-card .tile-actions{gap:4px}.update-card .tile-actions .btn{font-size:10px;padding:0 7px;min-height:30px}}

/* v11 Tesla page: match the homepage hero while retaining the same site navigation. */
.tesla-hero{min-height:317px;background-image:linear-gradient(90deg,#020814 0%,#020814 25%,rgba(2,8,20,.90) 42%,rgba(2,8,20,.17) 75%),url('assets/hero-clean.jpg');background-position:center,center 43%;background-size:cover,cover}
.tesla-eyebrow{color:#8ecbff;font-size:12px;font-weight:750;letter-spacing:.19em;margin:0 0 10px}
.tesla-hero .subtitle{max-width:750px}
/* Display the entire supplied image instead of cropping it inside a fixed-height banner. */
.gallery-page{padding-top:28px}
.gallery-hero{height:auto;max-height:none;aspect-ratio:975/630;background:radial-gradient(ellipse at center,#172d4a,#050d1b);margin:0 0 35px}
.gallery-hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:760px){.tesla-hero{min-height:425px;background-position:center,58% center}.gallery-hero{aspect-ratio:975/630}}

/* Tesla compact layout */
.tesla-main{max-width:1450px;margin:auto;padding:34px clamp(20px,4.5vw,68px) 65px}.tesla-heading{text-align:left;margin-bottom:24px}.tesla-heading h1{font:800 clamp(42px,5vw,75px)/1.08 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-3.8px;margin:0}.tesla-heading h1 span{background:linear-gradient(95deg,#0a9eff,#5d64ff,#b76cff);background-clip:text;color:transparent}.tesla-heading p{font-size:clamp(17px,1.65vw,25px);color:#b9c9e3;margin:8px 0 0}.tesla-showcase{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,.85fr);gap:20px;align-items:start}.tesla-feature-image{border:1px solid #2b4569;border-radius:16px;overflow:hidden;background:#081326;box-shadow:0 14px 35px #0005}.tesla-feature-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.tesla-side h2{font-size:19px;margin:0 0 12px}.tesla-side .media-grid{display:flex;flex-direction:column;gap:10px}.tesla-side .media-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:86px;border-radius:11px}.tesla-side .placeholder,.tesla-side .media-photo,.tesla-side .video{width:112px;height:84px;aspect-ratio:auto;font-size:25px}.tesla-side .placeholder span{font-size:8px;letter-spacing:0;text-align:center}.tesla-side .media-caption{padding:10px 12px}.tesla-side .media-caption h3{font-size:14px;line-height:1.3}.tesla-side .media-caption p{font-size:11px;line-height:1.35;margin-top:4px}@media(max-width:780px){.tesla-showcase{grid-template-columns:1fr}.tesla-heading h1{letter-spacing:-2px}}

/* v17: full-bleed content width matching the homepage */
.tesla-main{max-width:none;width:100%;margin:0;padding:34px 2.5% 65px}
.tesla-showcase{grid-template-columns:minmax(0,2fr) minmax(290px,.78fr);gap:18px}
.tesla-feature-image img{max-height:none;aspect-ratio:955/530;object-fit:cover;object-position:center}
@media(max-width:780px){.tesla-main{padding:25px 17px 45px}.tesla-showcase{grid-template-columns:1fr}}

/* v18 Tesla vehicle: full image, no text overlay or crop of the vehicle */
.tesla-feature-image{background:#071425}
.tesla-feature-image img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}