@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d1013;--ink:#eff1f4;--muted:#9199a2;--pink:#ff9dac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}p{line-height:1.65}.wrap{width:86%;max-width:1250px;margin:auto}.header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff0a;position:relative;z-index:10}.brand{width:135px}.brand img{height:35px;width:100%;object-fit:contain}.nav{display:flex;gap:35px;color:#aeb3ba;font-size:12px;letter-spacing:.06em}.nav a:hover,.nav a.active{color:#ffb5c1}.header .outline{font-size:11px;padding:10px 16px}.outline,.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 24px;border:1px solid #69727c;border-radius:4px;background:#ffffff05;color:#eee;transition:.25s}.outline:hover,.button:hover{border-color:var(--pink);box-shadow:0 0 20px #ff86921a;color:white}.button{background:#f7abb8;color:#181b20;border-color:#f7abb8}.button:hover{background:#ffd0d8;color:#111}.menu-toggle{display:none}.hero{position:relative;max-width:1600px;margin:auto;min-height:820px;overflow:hidden;background:radial-gradient(ellipse at 52% 0,#3d465250,transparent 55%)}.hero h1{position:relative;text-align:center;font-size:clamp(80px,12vw,175px);font-weight:400;line-height:1;letter-spacing:.22em;padding-left:.22em;margin:15px 0 0;color:#7f8794;z-index:1}.hero-art{position:absolute;width:88%;height:780px;object-fit:contain;top:35px;left:6%;z-index:2;mix-blend-mode:lighten}.model-label{position:absolute;left:15%;top:155px;z-index:3;font-size:14px;border:1px solid #707b86;border-radius:13px;padding:11px 18px;background:#1c2328aa;box-shadow:inset 0 0 10px #ccd8ee16}.model-label:after{content:'●';color:#d9e8fb;margin-left:12px;text-shadow:0 0 10px #bad7fa}.callout{position:absolute;z-index:3;font-size:17px;line-height:1.45}.callout span{display:block;color:#a7adb6;font-size:13px}.callout.display{left:13%;top:315px;transform:rotate(-20deg);text-align:center}.callout.display strong{display:block;font-size:40px;font-weight:500}.callout.os{right:8%;top:255px;max-width:165px;text-align:right}.callout.cooling{left:7%;bottom:120px;max-width:165px}.callout.cooling b{font-size:30px;font-weight:400;display:block;margin-bottom:10px}.section-title{text-align:center;text-transform:uppercase;font-weight:400;letter-spacing:.22em;font-size:34px;margin:0;position:relative;z-index:3}.section-title:before{content:'[ ';color:#b6bbc4}.section-title:after{content:' ]';color:#b6bbc4}.performance{position:relative;padding-top:15px;min-height:815px;max-width:1600px;margin:auto;overflow:hidden}.performance-art{width:83%;position:absolute;left:8.5%;top:70px;height:690px;object-fit:contain;mix-blend-mode:lighten}.spec-side{position:absolute;z-index:3;top:340px;left:7%;width:175px}.spec-side.right{left:auto;right:6%;top:140px}.spec{margin-bottom:42px}.spec small{font-size:10px;color:#47505b;display:block;margin-bottom:8px}.spec label{display:block;color:#737c87;font-size:14px;margin-bottom:9px}.spec p{font-size:18px;line-height:1.5;margin:0}.mini-caption{position:absolute;z-index:3;font-size:13px;line-height:1.5}.camera{left:23%;top:175px}.vent{right:25%;bottom:150px}.details-link{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:#aeb6c2;font-size:12px;letter-spacing:.1em}.details-link:hover{color:var(--pink)}.software{position:relative;max-width:1600px;margin:auto;padding:30px 0 40px;overflow:hidden}.software-art{width:100%;max-height:850px;object-fit:contain;mix-blend-mode:lighten}.software-copy{position:relative;max-width:840px;width:80%;margin:-70px auto 0;padding:22px 32px;border:1px solid #89929d55;border-radius:8px;background:#191f26df;box-shadow:inset 0 0 20px #ffffff08;z-index:3;text-align:center;font-size:14px;line-height:1.7;color:#bdc3cb}.profiles{display:flex;justify-content:center;gap:10px;margin:25px auto 16px}.profiles button,.filters button{padding:10px 23px;border:1px solid #48515c;color:#a4adb9;background:#10151a;border-radius:4px}.profiles button.active,.filters button.active{border-color:var(--pink);color:white;background:#ff91a514}.profile-detail{text-align:center;font-size:13px;color:#949daa;min-height:26px;padding:0 20px}.footer{border-top:1px solid #ffffff12;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:11px;color:#67717d;margin:0;max-width:430px}.footer .nav{font-size:11px;gap:20px}.subhead{padding:85px 0 45px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:20px}.subhead h1{font-size:clamp(40px,5vw,70px);letter-spacing:-.045em;margin-bottom:22px}.subhead p{color:var(--muted);max-width:620px}.content{padding-bottom:85px}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:23px;border-bottom:1px solid #ffffff17}.spec-table td:first-child{color:#8d98a5;width:35%}.spec-table tr:hover{background:#ffffff03}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{width:100%}.split p{color:#9ba5b1}.split h2{font-size:34px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery button{padding:0;overflow:hidden;background:#12171c;border:1px solid #ffffff14;color:#c6cbd1;text-align:left}.gallery img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .45s}.gallery button:hover img{transform:scale(1.035)}.gallery span{display:block;padding:20px}.gallery button:first-child{grid-column:1/-1}.gallery button:first-child img{max-height:620px}.filters{display:flex;gap:12px;margin-bottom:30px}.form{display:grid;gap:20px;background:#151b22;padding:35px;border:1px solid #ffffff15}.form label{display:grid;gap:8px;color:#b2bbc8;font-size:13px}.form input,.form select,.form textarea{padding:14px;background:#0e1319;border:1px solid #46505d;border-radius:3px;width:100%;color:white}.form-status{margin:0;font-size:13px}details{border-bottom:1px solid #ffffff20;padding:20px 0}summary{cursor:pointer;font-size:20px}details p{color:#9aa5b2;max-width:700px;margin:20px 0 0}dialog{background:#0d1013;border:1px solid #67717d;padding:15px;max-width:1100px;width:92%;color:white}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog img{max-height:78vh;object-fit:contain;margin:auto}dialog button{position:absolute;right:20px;top:20px;border:1px solid #7e8997;background:#111c;color:white;border-radius:50%;width:35px;height:35px;font-size:22px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:5px}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:930px}.hero-art{height:900px}.performance{min-height:900px}.performance-art{height:790px}.software-art{max-height:1000px}}@media(max-width:1000px){.hero{min-height:660px}.hero h1{font-size:12vw}.hero-art{top:25px;height:620px;width:100%;left:0}.model-label{top:115px;left:13%;font-size:11px}.callout{font-size:13px}.callout.display{top:240px;left:12%}.callout.display strong{font-size:30px}.callout.os{top:185px;right:5%;max-width:125px}.callout.cooling{bottom:80px}.performance{min-height:675px}.performance-art{height:600px;top:45px}.section-title{font-size:26px}.spec-side{left:5%;top:250px;width:135px}.spec-side.right{top:130px;right:4%}.spec p{font-size:14px}.spec label{font-size:12px}.mini-caption{font-size:11px}.camera{top:140px}.vent{bottom:100px}.nav{gap:20px}.software-copy{margin-top:-45px}}
@media(max-width:650px){.header{height:65px}.header .brand{width:105px}.header>.outline{display:none}.menu-toggle{display:block;border:0;background:none;color:white;font-size:24px}.header>.nav{display:none;position:absolute;top:60px;left:0;right:0;padding:25px;background:#161c24;flex-direction:column;border:1px solid #ffffff20}.header>.nav.open{display:flex}.hero{min-height:0;display:flex;flex-direction:column;padding-top:24px}.hero h1{font-size:13vw;letter-spacing:.17em;margin:0 0 18px;padding-left:.17em}.model-label{position:relative;top:auto;left:auto;align-self:center;margin:0 0 12px;font-size:11px;order:0}.hero-art{position:relative;left:auto;top:auto;width:100%;height:auto;object-fit:contain;order:1}.callout{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;text-align:center!important;max-width:none!important;font-size:13px}.callout.display{order:2;align-self:center;margin-top:8px}.callout.display strong{font-size:25px}.callout.display span{display:inline;font-size:12px}.callout.os,.callout.cooling{display:none}.performance{padding:55px 0 35px;min-height:0;display:flex;flex-wrap:wrap;gap:0}.section-title{font-size:19px;letter-spacing:.14em;width:100%;padding:0 10px}.performance-art{position:relative;left:auto;top:auto;width:100%;height:auto;order:0;margin-top:20px}.spec-side,.spec-side.right{position:relative;top:auto;left:auto;right:auto;width:50%;padding:20px 7%;order:1}.spec{margin-bottom:25px}.spec p{font-size:14px}.spec label{font-size:11px}.camera,.vent{display:none}.details-link{position:relative;bottom:auto;left:auto;transform:none;order:2;text-align:center;width:100%;margin:5px 0 0}.software{padding-top:20px}.software-art{margin-top:25px}.software-copy{margin:0 auto;width:86%;padding:20px;font-size:12px}.profiles{gap:8px}.profiles button{padding:10px 17px;font-size:12px}.profile-detail{font-size:12px}.footer{flex-direction:column;align-items:flex-start;gap:22px}.footer .nav{flex-wrap:wrap;font-size:11px}.subhead{padding:50px 0 30px}.subhead h1{font-size:43px}.split,.gallery{grid-template-columns:1fr;gap:25px}.gallery button:first-child{grid-column:auto}.spec-table td{padding:18px 10px;font-size:13px}.form{padding:22px}.content{padding-bottom:55px}.filters{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Continuous reference-poster composition. Background facets are decorative layout. */
body[data-page="index"]{background:#101315}
body[data-page="index"] main{position:relative;isolation:isolate;overflow:hidden;max-width:1600px;margin:auto;background:linear-gradient(115deg,#1a1f24 0%,#101315 40%,#0b0e10 100%)}
.poster-geometry{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.facet{position:absolute;display:block;background:linear-gradient(125deg,#3c444d66,#252b3240);border:2px solid #68717b22;transform:skewY(-32deg)}
.facet-1{width:10%;height:5%;right:6%;top:5%}
.facet-2{width:8%;height:6%;right:19%;top:9%;background:#181d2266}
.facet-3{width:11%;height:5%;left:12%;top:24%}
.facet-4{width:12%;height:7%;left:-3%;top:29%}
.facet-5{width:12%;height:4%;left:11%;top:33%;background:#3e424744}
.facet-6{width:8%;height:23%;right:-3%;top:26%;transform:none;clip-path:polygon(100% 0,100% 100%,30% 90%,30% 58%,0 49%,0 12%);background:#343d45a0}
.facet-7{width:6%;height:13%;left:-3%;top:56%;transform:none;clip-path:polygon(0 0,100% 25%,100% 80%,0 100%);background:#3b444ca0}
.facet-8{width:65%;height:7%;left:-25%;top:37%;background:#252c3222;border-color:#78838a44}
.facet-9{width:65%;height:6%;right:-32%;top:61%;background:transparent;border-color:#78838a55}
.facet-10{width:12%;height:12%;right:-8%;top:78%;background:#2d343c66}
body[data-page="index"] .hero,body[data-page="index"] .performance,body[data-page="index"] .software{max-width:none;background:transparent;overflow:visible}
body[data-page="index"] .hero-art,body[data-page="index"] .performance-art,body[data-page="index"] .software-art{mix-blend-mode:lighten}
body[data-page="index"] .hero h1,body[data-page="index"] .section-title{z-index:3}
@media(min-width:651px){
body[data-page="index"]>.header{position:absolute;top:12px;right:18px;width:auto;height:auto;border:0}
body[data-page="index"]>.header .brand,body[data-page="index"]>.header>.outline{display:none}
body[data-page="index"]>.header .menu-toggle{display:block;background:#151a20cc;border:1px solid #69717b55;color:#bbc0c7;width:34px;height:30px;border-radius:4px;font-size:18px}
body[data-page="index"]>.header>.nav{display:none;position:absolute;right:0;top:38px;width:200px;padding:22px;background:#151a20;flex-direction:column;border:1px solid #69717b55}
body[data-page="index"]>.header>.nav.open{display:flex}
body[data-page="index"] .hero{height:64vw;min-height:0;max-height:1024px}
body[data-page="index"] .hero h1{font-size:10.5vw;line-height:1;padding-top:4.5vw;margin:0;letter-spacing:.25em;color:#757e8d}
body[data-page="index"] .hero-art{width:100%;height:auto;left:0;top:4vw;z-index:1;mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}
body[data-page="index"] .model-label{left:15.5%;top:16.4vw;padding:.8vw 1.5vw;font-size:1.45vw;border-radius:10px}
body[data-page="index"] .callout.display{left:15%;top:28vw}
body[data-page="index"] .callout.display strong{font-size:3.6vw}
body[data-page="index"] .callout{font-size:1.65vw}
body[data-page="index"] .callout span{font-size:1.3vw}
body[data-page="index"] .callout.os{right:6%;top:22vw;max-width:17%}
body[data-page="index"] .callout.cooling{left:7%;bottom:4.5vw;max-width:16%}
body[data-page="index"] .callout.cooling b{font-size:2.7vw;margin-bottom:.5vw}
body[data-page="index"] .performance{height:61vw;min-height:0;max-height:976px;padding-top:0}
body[data-page="index"] .section-title{font-size:3.1vw;letter-spacing:.23em}
body[data-page="index"] .performance-art{width:72%;height:auto;left:14%;top:8vw;mask-image:radial-gradient(ellipse,#000 57%,transparent 75%)}
body[data-page="index"] .spec-side{top:31vw;left:6.8%;width:19%}
body[data-page="index"] .spec-side.right{top:11vw;right:5.8%;left:auto}
body[data-page="index"] .spec{margin-bottom:3vw}
body[data-page="index"] .spec small{font-size:1vw;margin-bottom:.5vw}
body[data-page="index"] .spec label{font-size:1.5vw;margin-bottom:.7vw}
body[data-page="index"] .spec p{font-size:1.7vw}
body[data-page="index"] .mini-caption{font-size:1.4vw}
body[data-page="index"] .camera{top:18vw;left:22%}
body[data-page="index"] .vent{bottom:18vw;right:23%}
body[data-page="index"] .details-link{bottom:2vw;font-size:1vw}
body[data-page="index"] .software{padding:0 0 3vw}
body[data-page="index"] .software-art{margin-top:2vw;width:100%;max-height:none;mask-image:linear-gradient(to bottom,transparent,#000 10%)}
body[data-page="index"] .software-copy{width:63%;max-width:none;margin:-10vw auto 0;padding:1.5vw 2vw;font-size:1.2vw}
body[data-page="index"] .profiles{position:relative;z-index:3;margin:2vw auto 1vw}
body[data-page="index"] .profile-detail{position:relative;z-index:3}
}
@media(max-width:650px){.poster-geometry{opacity:.65}.facet-1{top:5%}.facet-3{top:15%}.facet-6{top:22%}body[data-page="index"] .hero-art{z-index:1}body[data-page="index"] .hero h1{color:#7b8390}body[data-page="index"] .performance{padding-top:40px}body[data-page="index"] .software-copy{z-index:3}}
@media(min-width:651px){body[data-page="index"] .hero-art{mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 82%,transparent 100%)}}

/* Restore the full navigation and layer the desktop title behind the product. */
@media(min-width:651px){
body[data-page="index"]>.header{position:relative;top:auto;right:auto;width:86%;height:74px;border-bottom:1px solid #ffffff0a}
body[data-page="index"]>.header .brand{display:block}
body[data-page="index"]>.header>.outline{display:inline-flex}
body[data-page="index"]>.header .menu-toggle{display:none}
body[data-page="index"]>.header>.nav,body[data-page="index"]>.header>.nav.open{display:flex;position:static;width:auto;padding:0;background:none;flex-direction:row;border:0}
body[data-page="index"] .hero h1{font-size:8.1vw;letter-spacing:.07em;padding-left:.07em;z-index:0}
body[data-page="index"] .hero-art{z-index:1}
}
@media(min-width:651px) and (max-width:850px){body[data-page="index"]>.header{gap:12px;width:92%}body[data-page="index"]>.header .brand{width:100px}body[data-page="index"]>.header .nav{gap:14px;font-size:10px}body[data-page="index"]>.header>.outline{font-size:10px;padding:9px}}
@media(max-width:650px){body[data-page="index"] .hero h1{font-size:9vw;letter-spacing:.06em;padding-left:.06em}}
/* Metallic title: bright center, darker gray edges. */
body[data-page="index"] .hero h1{background:linear-gradient(90deg,#515966 3%,#7c8594 26%,#b7bfcc 50%,#7c8594 74%,#515966 97%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(min-width:651px){body[data-page="index"] .hero h1{font-size:8.6vw}}
@media(max-width:650px){body[data-page="index"] .hero h1{font-size:9.5vw}}
/* Keep the metallic gradient confined to the letters; deepen the poster edges. */
body[data-page="index"]{background:#080a0c}
body[data-page="index"] main{background:#0b0e10}
body[data-page="index"] main::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 25%,transparent 75%,rgba(0,0,0,.32))}
body[data-page="index"] .hero h1{background-color:transparent;background-image:linear-gradient(90deg,#515966 3%,#7c8594 26%,#b7bfcc 50%,#7c8594 74%,#515966 97%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Laser-pink lettering, matching the illuminated beams. */
body[data-page="index"] .hero h1{background:none;color:#ffe9ed;-webkit-text-fill-color:#ffe9ed;text-shadow:0 0 2px #fff,0 0 7px #ffb1bf,0 0 16px #ff526f,0 0 32px #ff244c99,0 0 55px #ff244c55}

body[data-page="index"] .hero h1 .hero-title-prefix{display:block;font-size:.38em;letter-spacing:.2em;line-height:1.15;margin-bottom:.12em}
body[data-page="index"] .hero h1 .hero-title-main{display:block;white-space:nowrap}
@media(min-width:651px){body[data-page="index"] .hero h1{padding-top:1vw}}
/* Opaque product artwork occludes the title instead of blending its glow through it. */
@media(min-width:651px){
body[data-page="index"] .hero h1{z-index:0}
body[data-page="index"] .hero-art{z-index:1;mix-blend-mode:normal}
}
/* Reveal the title over the photograph's background, excluding the laptop tip. */
@media(min-width:651px){
body[data-page="index"] .hero h1{z-index:3;clip-path:polygon(0 0,100% 0,100% 100%,60.5% 100%,56.4% 64%,49% 100%,0 100%)}
}
/* Layer the actual product pixels over unrestricted lettering and glow. */
body[data-page="index"] .hero-foreground{display:none}
@media(min-width:651px){
body[data-page="index"] .hero h1{clip-path:none}
body[data-page="index"] .hero-art.hero-foreground{display:block;z-index:4;pointer-events:none;mix-blend-mode:normal;mask-image:none;clip-path:polygon(56.2% 8.6%,70% 47%,35% 83%,25.5% 45%)}
}
@media(min-width:651px){body[data-page="index"] .hero-art.hero-foreground{clip-path:polygon(54.3% 8.6%,69.5% 57%,35% 83%,25.5% 45%)}}
/* Cover the L's lower stroke and glow beside the upper laptop rim. */
@media(min-width:651px){body[data-page="index"] .hero-art.hero-foreground{clip-path:polygon(54.3% 8.6%,55.2% 9.2%,60.5% 24%,69.5% 57%,35% 83%,25.5% 45%)}}
/* Align the display callout with the sloping rock face. */
@media(min-width:651px){body[data-page="index"] .callout.display{left:calc(15% + 20px);top:calc(28vw - 5px);transform:rotate(-29deg) skewY(-7deg);transform-origin:center}}
/* Reference-aligned lettering on the upper face of the left rock. */
@media(min-width:651px){body[data-page="index"] .callout.display{left:calc(15% + 20px);top:calc(28vw - 5px);transform:rotate(-24deg) skewX(8deg) scaleY(.94);transform-origin:center;text-align:center}body[data-page="index"] .callout.display strong{line-height:1.12;margin-bottom:.7vw}body[data-page="index"] .callout.display span{line-height:1.25;color:#e0e3e7}}
@media(min-width:651px){body[data-page="index"] .callout.display{left:calc(15% + 30px);top:calc(28vw - 10px)}}
/* Trace the lid's rounded tip and right rim without an oversized background wedge. */
@media(min-width:651px){body[data-page="index"] .hero-art.hero-foreground{clip-path:polygon(54.05% 9.05%,54.30% 8.88%,54.55% 8.97%,54.77% 9.28%,55.05% 10.05%,70.02% 54.90%,69.85% 55.80%,35% 83%,25.5% 45%)}}
/* Align the short first line to the full title's left edge. */
body[data-page="index"] .hero h1{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
/* Optical alignment of the visible T and G letter edges. */
body[data-page="index"] .hero h1 .hero-title-prefix{transform:translateX(-.12em)}
body[data-page="index"] .hero h1 .hero-title-prefix{transform:translateX(calc(-.12em + 5px))}
body[data-page="index"] .hero h1 .hero-title-prefix{transform:translateX(calc(-.12em + 10px))}
body[data-page="index"] .hero h1 .hero-title-prefix{transform:translateX(calc(-.12em + 12px))}
/* Breathing room between homepage navigation and hero content. */
body[data-page="index"]>.header{margin-bottom:30px}
@media(max-width:650px){body[data-page="index"]>.header{margin-bottom:20px}}
/* Seamless dark transition from navigation into the poster. */
body[data-page="index"],body[data-page="index"] main{background:#080a0c}
body[data-page="index"]>.header{border-bottom:0}
body[data-page="index"] main{background:linear-gradient(to bottom,#080a0c 0px,#0a0d0f 280px,#080a0c 100%)}
/* Preserve the navigation divider; blend only the content below its margin. */
body[data-page="index"]{background:#080a0c}
body[data-page="index"]>.header{background:transparent;border-bottom:1px solid #ffffff0a}
body[data-page="index"] main{background:#080a0c}
/* Fade in the side vignette instead of starting it at a hard horizontal edge. */
body[data-page="index"] main::after{-webkit-mask-image:linear-gradient(to bottom,transparent 0px,#000 180px);mask-image:linear-gradient(to bottom,transparent 0px,#000 180px)}

body[data-page="index"] .callout.cooling .cooling-line{display:block;white-space:nowrap;font-size:inherit;color:inherit}
body[data-page="gallery"] .gallery button:first-child{grid-column:auto}
body[data-page="gallery"] .gallery img,body[data-page="gallery"] .gallery button:first-child img{aspect-ratio:1.5;max-height:none;object-fit:contain}
/* Match the red neon gateway in the application artwork. */
body[data-page="index"] .hero h1{color:#fff0ed;-webkit-text-fill-color:#fff0ed;text-shadow:0 0 2px #fff5f1,0 0 7px #ff655c,0 0 16px #ff2929,0 0 32px #f5081899,0 0 55px #e9001255}
/* Mobile breathing room below the model button. */
@media(max-width:650px){body[data-page="index"] .model-label{margin-bottom:30px}}
@media(max-width:650px){body[data-page="index"] .model-label{margin-bottom:45px}}
/* Match mobile spacing above and below the hero artwork. */
@media(max-width:650px){body[data-page="index"] .callout.display{margin-top:45px}}
/* Match the mobile application heading-to-image spacing. */
@media(max-width:650px){body[data-page="index"] .software-art{margin-top:45px}}
/* Match mobile spacing between the final profile description and footer. */
@media(max-width:650px){body[data-page="index"] .software{padding-bottom:45px}body[data-page="index"] .software>.profile-detail{margin-bottom:0}}
/* Desktop processor and graphics label adjustment. */
@media(min-width:651px){body[data-page="index"] .performance .spec-side:not(.right){left:6.8%}}
/* Requested mobile shift for all four specification blocks. */
@media(max-width:650px){body[data-page="index"] .performance .spec-side{transform:translateX(55px)}}
/* Contact action matches the red neon gateway. */
body[data-page="contact"] .form .button{background:#f52232;border-color:#ff4652;color:#fff;box-shadow:0 0 18px #ff182b33}
body[data-page="contact"] .form .button:hover{background:#ff3543;border-color:#ff7980;color:#fff;box-shadow:0 0 24px #ff182b66}
/* Softer laser-pink contact action, matching the hero beams. */
body[data-page="contact"] .form .button{background:#f59aa9;border-color:#ffb6c2;color:#20151a;box-shadow:0 0 18px #ff91a526}
body[data-page="contact"] .form .button:hover{background:#ffb0be;border-color:#ffd0d8;color:#20151a;box-shadow:0 0 24px #ff91a544}
/* Match the mobile configuration link's surrounding gaps to the application image gap. */
@media(max-width:650px){
body[data-page="index"] .performance .spec-side{padding-bottom:0}
body[data-page="index"] .performance .spec:last-child{margin-bottom:0}
body[data-page="index"] .performance .details-link{margin:45px 0}
body[data-page="index"] .performance{padding-bottom:0}
body[data-page="index"] .software{padding-top:0}
}
/* Larger mobile first line, aligned with the main heading. */
@media(max-width:650px){body[data-page="index"] .hero h1 .hero-title-prefix{font-size:.55em;transform:none;margin-left:0;text-align:left}}
/* Give the gallery headline clear spacing between letterforms. */
body[data-page="gallery"] .subhead h1{letter-spacing:0}
/* Keep all five footer links on one mobile row. */
@media(max-width:650px){.footer .nav{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:0}.footer .nav a{white-space:nowrap}}
/* Cast the display lettering softly onto the rock beneath it. */
@media(min-width:651px){body[data-page="index"] .callout.display{text-shadow:2px 3px 2px rgba(0,0,0,.85),5px 8px 5px rgba(0,0,0,.6)}}
/* Align both desktop hero heading lines to the same left edge. */
@media(min-width:651px){body[data-page="index"] .hero h1 .hero-title-prefix{transform:none;margin-left:0;text-align:left}}
@media(min-width:651px){body[data-page="index"] .hero h1 .hero-title-prefix{transform:translateX(4px)}}