:root{color-scheme:dark;--bg:#020912;--text:#f6f8fc;--muted:#a6b6c8;--blue:#00b8ff;--line:#173047}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:750;letter-spacing:.025em;line-height:1.35}h1{font-size:clamp(3rem,5.6cqw,6rem);line-height:1.36}h2{font-size:clamp(2rem,3.7cqw,3.8rem);line-height:1.45}h3{font-size:1.25rem;line-height:1.6}p{font-size:1rem;color:var(--muted)}.skip{position:fixed;top:-80px;z-index:99;background:#fff;color:#000;padding:10px}.skip:focus{top:0}header{height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#020912b3,transparent)}.brand{font-family:Arial,sans-serif;font-weight:1000;font-size:2rem;letter-spacing:-.07em;line-height:1;display:flex;align-items:center;gap:19px}.brand span{font-size:.65rem;letter-spacing:.18em;font-weight:500;border-left:1px solid #4a5868;padding:8px 0 8px 18px}nav{display:flex;gap:38px}nav a{font-size:.875rem;position:relative}nav a:after{content:'';height:1px;background:var(--blue);position:absolute;bottom:-8px;left:0;width:0;transition:width .2s}nav a:hover:after{width:100%}.header-cta{font-size:.875rem;border-bottom:1px solid #39749c;padding-bottom:7px}.header-cta span{padding-left:18px}.menu{display:none}.hero{height:min(940px,100cqw);min-height:760px;position:relative;overflow:hidden;border-bottom:1px solid #246487;background:#020812}.hero-art{position:absolute;inset:140px 0 0;background-image:linear-gradient(90deg,#02091280 0%,transparent 48%),none;background-position:center;background-size:cover;z-index:1;mask-image:linear-gradient(transparent,#000 18%)}.beyond{position:absolute;top:40px;left:1.5%;font-size:clamp(10rem,23.5cqw,27rem);font-weight:950;letter-spacing:-.08em;line-height:1.25;color:#122f50;background:url('assets/cosmos-48dca832.webp') center 25%/cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.7;white-space:nowrap;z-index:0}.hero-copy{position:absolute;left:4%;top:33%;z-index:2}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.22em;color:var(--blue);margin-bottom:24px}.eyebrow.white{color:white;letter-spacing:.3em}.lead{margin-top:24px;font-size:1.12rem;letter-spacing:.1em;color:#dae3ed}.button{min-height:56px;min-width:192px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--blue);padding:13px 26px;font-size:.94rem;letter-spacing:.07em;transition:background .2s,box-shadow .2s}.hero .button{margin-top:36px;background:#02142788}.button:hover{background:#075e8a;box-shadow:0 0 28px #00b8ff25}.button span{font-size:1.4rem}.hero-note{position:absolute;right:4%;top:105px;z-index:2;letter-spacing:.18em;font-size:.78rem}.hero-bottom{position:absolute;bottom:35px;left:4%;right:4%;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;font-size:.65rem;letter-spacing:.2em;color:#bfcfe2;line-height:1.7}.hero-bottom>span:before{content:'';display:block;width:30px;height:1px;background:#aab5c4;margin-bottom:12px}.hero-bottom a{font-size:.65rem}.hero-bottom b{font-size:1.2rem;margin-left:14px;font-weight:400}.wide-feature{height:490px;position:relative;overflow:hidden;border-bottom:1px solid #245373}.wide-feature>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 52%}.wide-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020912 0%,#020912ed 21%,#02091255 55%,#05132825);pointer-events:none}.feature-copy{position:relative;z-index:1;padding:65px 4%;max-width:640px}.feature-copy h2{font-size:clamp(2rem,3.3cqw,3.3rem)}.feature-copy>p:not(.eyebrow):not(.micro){margin-top:24px;line-height:1.9;color:#d0dbe5}.micro{font-size:.68rem;letter-spacing:.22em;margin-top:35px;line-height:1.7}.micro:before{content:'';display:block;height:1px;width:22px;background:#a5b7ca;margin-bottom:15px}.design>img{width:80%;left:20%;filter:saturate(.65)}.experience>img{width:78%;object-position:center 45%;filter:saturate(.65)}.experience:after{background:linear-gradient(270deg,#020912 3%,#020912ee 23%,#02091260 53%,#04152b30)}.experience .feature-copy{margin-left:62%;padding-left:0;padding-right:8%;width:38%}.section{padding:100px max(5%,calc((100cqw - 1250px)/2));border-bottom:1px solid var(--line);position:relative}.intro{text-align:center;background:radial-gradient(ellipse at 50% 20%,#08243b66,transparent 70%)}.intro-text{margin:30px auto 55px;line-height:2.1}.highlights{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;margin-top:65px}.highlights>div{padding:0 28px;border-right:1px solid #253649;display:flex;flex-direction:column}.highlights>div:first-child{padding-left:0}.highlights>div:last-child{border:0}.highlights span{font-size:.85rem;color:var(--muted)}.highlights strong{font-size:clamp(2rem,3.4cqw,3.25rem);font-weight:500;line-height:1.6;white-space:nowrap;letter-spacing:-.03em}.highlights strong span{font-size:1.2rem;color:var(--text);letter-spacing:0}.highlights small{font-size:.78rem;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:flex-start}.index{font-size:.65rem;letter-spacing:.18em;color:#6d8ea9;padding-top:3px}.split-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;margin-bottom:45px}.split-heading p{max-width:440px;line-height:2}.performance-photo{height:490px;overflow:hidden;position:relative;background:#060d1b}.performance-photo img{width:70%;height:100%;object-fit:cover;object-position:center 50%;margin-left:auto}.performance-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06101e 12%,transparent 70%),linear-gradient(0deg,#02091285,transparent 40%)}.perf-label{position:absolute;left:6%;top:20%;z-index:1;display:flex;flex-direction:column}.perf-label>span{font-size:2rem;letter-spacing:.05em}.perf-label strong{font-size:3.5rem;line-height:1.1;font-weight:500;margin:12px 0 28px;letter-spacing:-.03em}.perf-label small{font-size:.65rem;color:#8aa4be;letter-spacing:.15em}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;gap:30px}.metric-row strong{font-size:2.5rem;font-weight:400}.metric-row strong span{font-size:1rem;color:#bacddd}.metric-row p{font-size:.85rem}.note{font-size:.75rem;color:#8093a8;line-height:1.9;margin-top:22px}.display{background:linear-gradient(145deg,#061527,#020912 60%)}.display-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-top:45px}.display figure{position:relative;overflow:hidden}.display figure img{min-height:440px;object-fit:cover;filter:saturate(.75)}figcaption{position:absolute;bottom:0;left:0;right:0;background:#020912bc;padding:16px 25px;color:#c3d7e8;font-size:.72rem;letter-spacing:.17em}.giant{font-size:6.8rem;font-weight:400;line-height:1.1;color:white;letter-spacing:-.04em;margin-bottom:25px}.giant span{font-size:2rem;margin-left:12px;color:var(--blue)}.display-copy>p{margin-top:15px}.mini-spec{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:35px}.mini-spec>div{display:flex;flex-direction:column;border-top:1px solid #284055;padding-top:12px}.mini-spec b{font-size:1.2rem;font-weight:500}.mini-spec span{font-size:.75rem;color:#9baec1}.control-photo{height:450px;overflow:hidden}.control-photo img{height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.65)}.text-three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.text-three article>span{color:#65a2cc;font-size:.68rem;letter-spacing:.15em}.text-three h3{margin:15px 0}.text-three p{font-size:.94rem}.technical{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:22px 45px 22px 0;font-size:.94rem}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:6px;top:17px;color:var(--blue);font-size:1.5rem;font-weight:300}details[open]>summary:after{content:'−'}.technical-images{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:25px}.technical-images img{max-height:440px;object-fit:contain;background:white}.modules{background:linear-gradient(#041221,#020912)}.module-main{max-height:570px;object-fit:cover;filter:saturate(.55)}.module-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;gap:10%}.module-grid h3{font-size:1.5rem;margin-bottom:15px}.module-number{font-size:5rem;line-height:1.3;letter-spacing:-.03em;margin-top:22px}.module-number span{font-size:1.4rem;letter-spacing:.03em;margin-left:15px;color:#9fbad2}.power-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.power-row b{font-size:1.25rem;font-weight:400}.power-row p{font-size:.82rem;margin-top:6px}.work{height:560px}.work>img{width:80%;left:20%;filter:saturate(.55)}.work .feature-copy{padding-top:125px}.work-details{padding-top:35px;padding-bottom:65px}.ports{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #254259;margin-top:55px}.ports>div{display:flex;flex-direction:column;padding:25px 0;border-bottom:1px solid #254259}.ports b{font-size:1.65rem;font-weight:400}.ports span{font-size:.85rem;color:var(--muted);margin-top:5px}.storage-line{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:45px}.storage-line p{font-size:.94rem}.specs{background:#06111d}.table-wrap{margin-top:45px}table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;color:var(--muted);font-size:.85rem;padding-bottom:12px}th,td{border-top:1px solid #203345;padding:20px 0;font-size:.94rem;line-height:1.9;vertical-align:top}th{width:27%;font-weight:500;color:#9fb8ce;padding-right:25px}td{color:#d6e0e9}tr:last-child>*{border-bottom:1px solid #203345}.faq h2{font-size:2rem;margin-bottom:35px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq details p{padding:0 35px 25px 0;font-size:.94rem;max-width:900px}.buy{text-align:center;padding-top:115px;padding-bottom:110px;isolation:isolate;background:linear-gradient(#020912b5,#02091240),url('assets/cosmos-48dca832.webp') center/cover}.buy h2{font-size:clamp(2.8rem,5cqw,5rem);margin-bottom:28px}.buy-product{font-size:1rem;letter-spacing:.25em;color:white;margin-bottom:16px}.buy .button{margin-top:34px}.filled{background:#0399d7;color:white;border-color:#19bfff;min-width:300px}.buy .note{color:#bacada}.buy>p:not(.eyebrow):not(.note){color:#e0e8f0}footer{padding:55px 5% 35px;display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#01060d}footer .brand{font-size:1.7rem}footer p{font-size:.85rem;margin-top:20px}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:.85rem}.legal{grid-column:1/-1;max-width:1000px;border-top:1px solid #162738;padding-top:25px;font-size:.72rem;line-height:1.9}footer small{font-size:.68rem;color:#6e8296;grid-column:1/-1}
@media(min-width:1700px){.hero{height:1000px;max-height:none}.hero-art{background-position:center 56%}.hero-copy{left:max(5%,calc((100cqw - 1550px)/2))}.wide-feature{height:580px}.feature-copy{padding-left:max(5%,calc((100cqw - 1500px)/2));max-width:900px}}
@media(max-width:1000px){header{padding:0 4%}.brand span{display:none}nav{gap:25px}.hero{min-height:770px;height:86cqw}.hero-copy{top:36%}.hero-art{inset:155px -15% 0 -10%;background-position:62% center}.hero h1{font-size:3.4rem}.hero-copy .lead{font-size:1rem}.wide-feature{height:430px}.feature-copy{padding-top:55px}.experience .feature-copy{margin-left:57%;width:43%}.section{padding:75px 5%}.split-heading{gap:35px}.highlights>div{padding:0 17px}.highlights strong{font-size:2.35rem}.highlights small{font-size:.7rem}.performance-photo{height:400px}.display-layout{gap:5%}.giant{font-size:5.3rem}.display figure img{min-height:430px}.text-three{gap:25px}.work-details{padding-top:25px}.work{height:470px}.work .feature-copy{padding-top:85px}}
@media(max-width:700px){html{scroll-padding-top:20px}header{height:70px;padding:0 6%}.brand{font-size:1.8rem}.header-cta{margin-left:auto;margin-right:22px;font-size:.75rem}.header-cta span{padding-left:8px}.menu{display:block;border:0;background:transparent;color:white;font-size:1.3rem;padding:4px}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px 6%;background:#04101ef5;border-bottom:1px solid #234d68;flex-direction:column;gap:20px}header.is-open nav{display:flex}.hero{min-height:860px;height:calc(100svh + 70px);max-height:1000px}.beyond{top:80px;font-size:24cqw;left:3%;opacity:.75}.hero-art{inset:330px -35% 20px -70%;background-size:cover;background-position:80% center;mask-image:linear-gradient(transparent,#000 25%,#000 95%,transparent)}.hero-copy{top:176px;left:6%;right:6%}.hero h1{font-size:clamp(2.35rem,8.9cqw,3.4rem);line-height:1.35}.hero .eyebrow{font-size:.7rem;margin-bottom:18px}.hero .lead{margin-top:20px;font-size:.88rem;line-height:1.8}.hero .button{margin-top:23px;min-width:155px;min-height:46px;padding:8px 20px;font-size:.8rem}.hero-note{display:none}.hero-bottom{bottom:22px;left:6%;right:6%;font-size:.55rem}.hero-bottom a{font-size:.55rem}.hero-bottom>span:last-child{display:none}.wide-feature{height:570px}.wide-feature>img,.design>img,.work>img{width:100%;left:0;height:70%;top:auto;bottom:0;object-position:center}.wide-feature:after{background:linear-gradient(#020912 0%,#020912fa 15%,#0209129c 42%,#0209121a 73%,#02091260)}.feature-copy,.experience .feature-copy{padding:35px 6%;margin:0;width:100%;max-width:none}.feature-copy h2{font-size:2rem}.feature-copy .eyebrow{margin-bottom:16px;font-size:.72rem}.feature-copy>p:not(.eyebrow):not(.micro){margin-top:18px;font-size:.9rem}.micro{display:none}.experience{height:550px}.experience>img{width:100%;height:67%}.experience:after{background:linear-gradient(#020912 0%,#020912ed 24%,#02091255 55%,#02091222)}.section{padding:62px 6%}h2{font-size:1.95rem}.eyebrow{font-size:.7rem;letter-spacing:.17em;margin-bottom:20px}.intro-text{font-size:.9rem;margin:25px auto 30px}.intro-text br{display:none}.highlights{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:40px}.highlights>div{padding:0 0 18px!important;border-right:0;border-bottom:1px solid #243547!important}.highlights strong{font-size:2.5rem}.highlights span{font-size:.78rem}.highlights small{font-size:.72rem}.index{display:none}.split-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.split-heading p{font-size:.94rem}.performance-photo{height:350px;margin:0 -6.8%}.performance-photo img{width:100%;object-position:80% center}.performance-photo:after{background:linear-gradient(90deg,#06101eaa,transparent 65%)}.perf-label{left:6%;top:15%}.perf-label strong{font-size:2rem}.perf-label>span{font-size:1.3rem}.perf-label small{font-size:.55rem}.metric-row{grid-template-columns:1fr;gap:16px;padding:25px 0 0}.metric-row>div{border-bottom:1px solid var(--line);padding-bottom:15px}.metric-row strong{font-size:2rem}.metric-row p{font-size:.78rem}.note{font-size:.72rem}.display-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.display figure img{min-height:0;aspect-ratio:1.2;object-fit:cover}.giant{font-size:5.5rem}.display-copy>p{font-size:.94rem}.mini-spec{gap:20px}.control-photo{height:320px;margin:0 -6.8%}.control-photo img{object-position:60% center}.text-three{grid-template-columns:1fr;gap:28px}.text-three article{border-top:1px solid var(--line);padding-top:20px}.text-three h3{margin:10px 0}.technical-images{grid-template-columns:1fr}.module-main{aspect-ratio:1.25;object-fit:cover}.module-grid{grid-template-columns:1fr;gap:35px;margin-top:32px}.module-grid>article+article{border-top:1px solid var(--line);padding-top:35px}.module-number{font-size:4rem}.power-row{grid-template-columns:1fr;gap:20px}.power-row>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.power-row b{font-size:1rem}.power-row p{font-size:.75rem;text-align:right}.work{height:540px}.work .feature-copy{padding-top:35px}.work-details{padding-top:0}.work-details .text-three{margin-top:0}.ports{grid-template-columns:1fr;margin-top:30px}.ports>div{padding:20px 0}.ports b{font-size:1.4rem}.storage-line{grid-template-columns:1fr;gap:15px;margin-top:30px}.table-wrap{margin-top:30px}th,td{font-size:.8rem;padding:16px 0}th{width:30%;padding-right:15px}.specs h2 br{display:none}.faq h2{font-size:1.8rem}summary{font-size:.88rem;line-height:1.8;padding:20px 30px 20px 0}.faq details p{font-size:.88rem;padding-right:15px}.buy{padding-top:75px;padding-bottom:75px}.buy h2{font-size:2.8rem}.buy p{font-size:.9rem}.buy .button{min-width:0;width:100%;max-width:340px}.buy .note{font-size:.72rem}footer{padding:45px 6% 30px;grid-template-columns:1fr}.footer-links{align-items:flex-start;margin-top:15px}footer .brand span{display:block}.legal{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Product-focused revision */
.evolution{background:linear-gradient(150deg,#091a2c,#020912 70%)}.evolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border-top:1px solid #2b526e;border-bottom:1px solid #2b526e}.evolution-grid>a{padding:35px 28px;border-right:1px solid #24415a;transition:background .2s}.evolution-grid>a:first-child{padding-left:0}.evolution-grid>a:last-child{border:0}.evolution-grid>a:hover{background:#06324c55}.ordinal{font-size:.75rem;color:#7da8c6;letter-spacing:.12em}.evolution-grid strong{display:block;font-size:2rem;line-height:1.2;margin:28px 0 24px;min-height:125px;font-weight:500;letter-spacing:-.03em}.evolution-grid em{font-size:3.6rem;color:#dcefff;font-style:normal}.evolution-grid small{font-size:1.2rem}.evolution-grid h3{font-size:1.2rem;margin-bottom:14px}.evolution-grid p{font-size:1rem}.card-link{display:block;font-size:.875rem;color:var(--blue);margin-top:25px}.generation-head{display:grid;grid-template-columns:30% 35% 35%;padding:24px 0;border-top:1px solid #25455e;align-items:center}.generation-head>span{font-size:.75rem;letter-spacing:.2em;color:#8eabc0}.generation-head b{font-size:1.7rem;display:block}.generation-head small{font-size:.75rem;letter-spacing:.18em;color:#92a8bd}.new-model{color:#37c1ff}.compare-scroll{overflow-x:auto}.comparison{min-width:680px}.comparison th,.comparison td{width:auto;padding:20px 18px;font-size:.875rem}.comparison th:first-child{width:25%;padding-left:0}.comparison td:nth-child(3),.comparison thead th:nth-child(3){background:#07273d70;color:#ecf8ff}.comparison thead th{color:white;font-weight:600}.comparison caption{font-size:.75rem}.tradeoff{display:flex;gap:30px;border-left:2px solid var(--blue);padding:15px 25px;margin-top:28px;background:#0b1b29}.tradeoff b{white-space:nowrap;font-size:.875rem}.tradeoff p{font-size:.875rem}.source-link{display:inline-block;margin-top:20px;font-size:.75rem;color:#89b9d5;text-decoration:underline}.performance-core{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}.chip-panel{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #365776;background:radial-gradient(ellipse at 20% 0%,#ff86331f,transparent 55%),linear-gradient(145deg,#172333,#02070e);box-shadow:inset 0 0 0 15px #020912, inset 0 0 0 16px #183347;text-align:center}.chip-panel p{font-size:1.4rem;color:#eee}.chip-panel>strong{font-size:3.8rem;line-height:1.4;letter-spacing:-.055em;font-weight:500}.chip-models{font-size:2rem;letter-spacing:.1em;color:#b3c9da;margin:10px 0 30px}.chip-panel>span{font-size:.75rem;letter-spacing:.12em}.hardware-bars h3{font-size:1.5rem}.hardware-bars>p{font-size:.875rem;margin-bottom:30px}.bar-name{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;margin:24px 0 10px}.bar-name b{white-space:nowrap;color:#dff4ff}.bar{height:14px;background:#13283c}.bar i{display:block;height:100%;background:linear-gradient(90deg,#0066a4,#31c6ff)}.bar.old i{background:#6a7b8e}.hardware-bars .note{font-size:.75rem;margin:20px 0}.ai-strip{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;margin-top:60px;padding:35px 0;border-top:1px solid #26445a;border-bottom:1px solid #26445a}.ai-strip strong{font-size:3rem;display:block;line-height:1.5;font-weight:400}.ai-strip small{font-size:1.2rem}.ai-strip .eyebrow{margin:0}.ai-strip p{font-size:.94rem}.ai-strip h3{margin-bottom:12px}.display figure img{object-fit:contain;background:#fff;min-height:0}.display figure{background:#fff}.control-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2px}.control-detail-grid figure{position:relative;background:white;overflow:hidden}.control-detail-grid img{height:400px;object-fit:cover}.control-detail-grid figcaption{font-size:.75rem}.module-switch{display:flex;margin-top:35px;border-bottom:1px solid #285674}.module-switch button{border:0;color:#a3b4c4;background:transparent;cursor:pointer;padding:18px 25px;font-size:1rem;border-bottom:2px solid transparent}.module-switch button[aria-pressed=true]{color:white;border-bottom-color:var(--blue);background:#06304c}.module-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;padding-top:35px}.module-stage>img{background:white;aspect-ratio:1;object-fit:contain}.module-stage h3{font-size:1.8rem;margin-bottom:20px}.module-stage>div{padding:15px 0}.position{background:#07121e}.position-lead{max-width:700px;margin:25px 0 40px}.position .comparison{min-width:800px}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.fit-grid span{color:var(--blue);font-size:.75rem;letter-spacing:.16em}.fit-grid h3{font-size:1.05rem;margin:15px 0 20px}.fit-grid img{height:220px;object-fit:cover}.work-details{padding-top:70px;padding-bottom:70px}.work-details h2{font-size:2rem}.dent{background:linear-gradient(120deg,#0b2a45,#071726 65%,#05101c);border-top:1px solid #3885ad}.dent-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.dent-pillars article>span{font-size:3rem;line-height:1.4;color:#46647b;font-weight:300}.dent-pillars h3{font-size:1.3rem;margin:10px 0 15px}.dent-pillars p{font-size:.94rem;color:#c0ccd9}.dent-pillars b{display:block;margin-top:25px;padding-top:20px;border-top:1px solid #31526a;color:#7acfff;font-size:.875rem}.support-flow{margin-top:55px;padding:30px 0;border-top:1px solid #31526a;border-bottom:1px solid #31526a}.support-flow h3{font-size:1.1rem}.support-flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin:25px 0 0;list-style-position:inside}.support-flow li{font-size:.94rem}.support-flow li span{display:block;font-size:.875rem;color:#acbfd0;padding-top:10px}.purchase-terms{margin-top:30px;max-width:800px}.purchase-terms p{font-size:.875rem;margin-top:12px}.purchase-terms .button{margin-top:25px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.model-grid article{border-top:1px solid #3c6c8b;padding:25px;background:linear-gradient(#09203566,transparent)}.model-grid h3{font-size:4.5rem;line-height:1.3;font-weight:400}.model-grid span,.model-grid small{font-size:.875rem;color:#9db5ca}.model-grid p{margin:15px 0;font-size:.94rem}.hero .eyebrow{margin-bottom:20px}.text-three p{font-size:1rem}.eyebrow,.index,.micro{font-size:.75rem}.note{font-size:.75rem}footer .legal,footer small{font-size:.75rem}
@media(max-width:900px){.evolution-grid em{font-size:2.8rem}.evolution-grid strong{font-size:1.5rem;min-height:105px}.evolution-grid>a{padding:25px 18px}.performance-core{gap:5%}.chip-panel>strong{font-size:2.8rem}.chip-models{font-size:1.4rem}.chip-panel p{font-size:1rem}.fit-grid{gap:15px}.fit-grid img{height:170px}.module-stage{gap:5%}.dent-pillars{gap:25px}}
@media(max-width:700px){.evolution-grid{grid-template-columns:1fr;margin-top:30px}.evolution-grid>a,.evolution-grid>a:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #28465d}.evolution-grid strong{font-size:1.4rem;min-height:0;margin:20px 0}.evolution-grid strong br{display:none}.evolution-grid em{font-size:2.8rem;margin-right:12px}.evolution-grid h3{font-size:1.15rem}.evolution-grid p{font-size:.94rem}.card-link{margin-top:15px}.generation-head{grid-template-columns:1fr 1fr;gap:15px}.generation-head>span{display:none}.generation-head b{font-size:1.35rem}.comparison{min-width:630px}.comparison th,.comparison td{font-size:.875rem;padding:16px 13px}.tradeoff{display:block;padding:15px}.tradeoff p{margin-top:12px}.performance-core{grid-template-columns:1fr;gap:30px}.chip-panel{aspect-ratio:1.4}.chip-panel>strong{font-size:3.2rem}.chip-models{margin:0 0 18px}.ai-strip{grid-template-columns:1fr;gap:20px;margin-top:35px}.ai-strip strong{font-size:2.7rem}.control-detail-grid{grid-template-columns:1fr 1fr}.control-detail-grid img{height:220px}.control-detail-grid figcaption{font-size:.65rem;padding:10px}.module-switch{margin-top:20px}.module-switch button{font-size:.875rem;padding:15px 10px;flex:1}.module-stage{grid-template-columns:1fr;gap:20px;padding-top:20px}.module-stage>img{aspect-ratio:1.2}.module-stage h3{font-size:1.5rem}.module-stage p{font-size:.94rem}.module-stage .note{font-size:.75rem}.fit-grid{grid-template-columns:1fr;gap:30px}.fit-grid img{height:250px}.fit-grid h3{margin:8px 0 15px}.work-details{padding-top:55px;padding-bottom:55px}.work-details .text-three{margin-top:30px}.dent-pillars{grid-template-columns:1fr;gap:25px}.dent-pillars article{border-top:1px solid #284b67;padding-top:20px}.dent-pillars article>span{font-size:2rem}.dent-pillars b{margin-top:18px;padding-top:12px}.support-flow ol{grid-template-columns:1fr;gap:23px}.support-flow li span{padding-top:4px}.model-grid{grid-template-columns:1fr;gap:20px}.model-grid h3{font-size:3.5rem}.model-grid article{padding:22px}.position-lead{font-size:.94rem}.hero-bottom a,.hero-bottom{font-size:.65rem}}
/* WIN Max 3 editorial pass: readable titles and the original cosmic palette. */
h2,h3{line-break:strict;word-break:normal;overflow-wrap:anywhere;text-wrap:balance}
h2{font-size:clamp(1.8rem,3.1cqw,3.2rem);line-height:1.45;letter-spacing:.015em}
.headline-line{display:block}
.split-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.beyond{top:94px;left:3%;font-size:clamp(8rem,21.5cqw,24rem);line-height:1;z-index:2;opacity:1;background:linear-gradient(180deg,#edf7ff 8%,#9cc5e3 55%,#46779b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px #a8c8df44;filter:drop-shadow(0 3px 22px #020912);pointer-events:none}
.hero-copy{z-index:3;top:39%}.hero-art{inset:150px 0 0}.hero-note{display:none}
.hero{background:radial-gradient(ellipse at 55% 15%,#153955,#020812 68%)}
.evolution{background:linear-gradient(105deg,#020912ee,#061525db),url('assets/cosmos-48dca832.webp') center/cover}
.generation{background:radial-gradient(ellipse at 100% 0%,#12354e88,transparent 70%),#04101a}
.generation-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:45px 0 25px}
.generation-numbers>div{border-top:1px solid #32617e;padding-top:24px}
.generation-numbers small{color:#87badc;font-size:.75rem;letter-spacing:.18em}
.generation-numbers strong{display:block;font-size:clamp(2rem,3.6cqw,3.8rem);line-height:1.4;font-weight:400;margin:12px 0}
.generation-numbers em{font-style:normal;color:#63ceff}.generation-numbers strong span{font-size:1rem;margin-left:9px}
.comparison-details{border-top:1px solid #28455c;border-bottom:1px solid #28455c;margin-top:32px}
.performance{background:radial-gradient(ellipse at 0% 40%,#14243e,transparent 65%),#020912}
.chip-panel{background:linear-gradient(145deg,#10243ecc,#030a14eb),url('assets/cosmos-48dca832.webp') center/cover}
.controls{background:linear-gradient(140deg,#061b2b,#020912 70%)}
.modules{background:linear-gradient(105deg,#020912f5,#081c2fea),url('assets/cosmos-48dca832.webp') center/cover}
.connectivity{background:radial-gradient(ellipse at 95% 85%,#0d3044,transparent 60%),#020912}
.evolution-grid strong{min-height:110px}.evolution-grid h3{font-size:1.12rem}
.dent h2,.model-choice h2,.specs h2,.work-details h2{font-size:clamp(1.75rem,2.5cqw,2.6rem)}
@media(min-width:1700px){.hero-copy{top:40%}.beyond{top:100px}}
@media(max-width:1000px){.hero-copy{top:38%}.beyond{top:110px}.hero-art{inset:180px -15% 0 -10%}}
@media(max-width:700px){
 .beyond{top:102px;font-size:22cqw;left:3%;line-height:1;opacity:1}
 .hero-copy{top:215px}.hero-art{inset:385px -35% 20px -70%}
 h2{font-size:clamp(1.7rem,6.3cqw,2.2rem)}.split-heading{grid-template-columns:1fr}
 .generation-numbers{grid-template-columns:1fr;gap:22px;margin-top:30px}
 .generation-numbers>div{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:8px}
 .generation-numbers strong{font-size:2.4rem;margin:0}.generation-numbers p{grid-column:1/-1}
 .evolution-grid strong{min-height:0}.hero-bottom{bottom:18px}
 .chip-panel>strong{font-size:clamp(2rem,9cqw,3.2rem)}
}
/* Reference composition: 1024 × 1536, with independent HTML text and controls. */
.concept-intro{position:relative;container-type:inline-size;background:#020912;overflow:hidden}
.concept-hero,.concept-design,.concept-experience{position:relative;padding:0;overflow:hidden;isolation:isolate}
.concept-hero{height:79.59cqw}
.concept-design{height:31.93cqw}
.concept-experience{height:33.20cqw}
.concept-scene,.hero-product-layer{position:absolute;inset:0;background-image:none;background-size:100% auto;background-repeat:no-repeat;z-index:-3}
.hero-scene{background-position:center top}
.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#0108128c 0%,#0108125c 34%,transparent 66%)}
.design-scene{background-position:center -79.59cqw}
.experience-scene{background-position:center -111.52cqw}
.hero-product-layer{z-index:-1;background-position:center top;clip-path:polygon(55.3% 24.5%,92.9% 17.6%,94.3% 18%,94.5% 20.5%,90% 60%,90.7% 62.8%,91.1% 65.5%,85.8% 96.5%,82.5% 98.2%,33.2% 89.1%,32.2% 87%,47.8% 62.1%,49% 60.2%)}
.concept-beyond{position:absolute;z-index:-2;left:1%;top:6.7cqw;font:900 28.3cqw/.85 Arial,sans-serif;letter-spacing:-.069em;white-space:nowrap;color:#173e69;background:linear-gradient(#1f538788,#0c244788),url('assets/cosmos-48dca832.webp') center 18%/cover;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.concept-hero-copy{position:absolute;left:3.82%;top:26.8cqw;color:#fff}
.concept-product{font-size:1.3cqw;letter-spacing:.23em;color:#fff;margin:0 0 2cqw;line-height:1.5}
.concept-hero h1{font-size:6.05cqw;font-weight:800;letter-spacing:.015em;line-height:1.29;text-wrap:nowrap}
.concept-lead{font-size:1.57cqw;letter-spacing:.045em;line-height:1.8;color:#d6dde7;margin-top:2.4cqw}
.concept-button{display:flex;align-items:center;justify-content:space-between;width:17.4cqw;height:5.35cqw;border:1px solid #49c5ff;background:#06264250;padding:0 3.8cqw;font-size:1.35cqw;letter-spacing:.08em;margin-top:3.7cqw;box-shadow:inset 0 0 22px #126cbf20;transition:background .2s}
.concept-button span{font-size:2cqw;margin-left:1cqw}.concept-button:hover{background:#0d4b7399}
.concept-aside{position:absolute;right:2.7%;top:7.4cqw;color:#afbccb;font-size:1.1cqw;letter-spacing:.15em;line-height:1.85}
.concept-bottom{position:absolute;bottom:3.8cqw;left:3.9%;right:3%;display:flex;align-items:flex-end;justify-content:space-between;color:#b6c2d2;font-size:.88cqw;letter-spacing:.18em;line-height:1.8}
.concept-bottom span:before{content:'';display:block;width:2.7cqw;height:1px;background:#aab8c8;margin-bottom:1.2cqw}
.concept-section-copy{position:absolute;left:4.4%;top:5.3cqw;color:white}
.concept-section-copy .concept-label{font-size:1.03cqw;letter-spacing:.18em;color:#31b9fd;margin-bottom:1.6cqw}
.concept-section-copy h2{font-size:3.12cqw;font-weight:750;line-height:1.27;letter-spacing:.012em;text-wrap:nowrap;margin:0 0 1.8cqw}
.concept-section-copy>p:not(.concept-label){font-size:1.37cqw;color:#d0d8e5;letter-spacing:.035em;line-height:1.75}
.concept-section-copy small{display:block;font-size:.89cqw;letter-spacing:.19em;line-height:1.7;color:#9cacc0;margin-top:2.7cqw}
.concept-section-copy small:before{content:'';display:block;width:1.9cqw;height:1px;background:#97a9bb;margin-bottom:1.2cqw}
.concept-experience .concept-section-copy{left:70.5%;top:4.5cqw}
.concept-divider{height:5.28cqw;display:flex;justify-content:center;align-items:center;gap:18px;color:#8795aa;font-size:10px;letter-spacing:.3em;background:#020710}
.concept-divider:before,.concept-divider:after{content:'';width:30px;height:1px;background:#5e6d80}
.site-header{position:absolute;top:0;left:0;right:0;height:6cqw;padding:0 3.4%;z-index:10;display:flex;gap:0;align-items:center;background:transparent}
.gpd-logo{display:block;flex:none;width:64px;height:26px;background:url('assets/gpd-logo-7cdffef5.webp') center/contain no-repeat}
.site-header nav{position:static;background:none;border:0;display:flex;gap:4.7cqw;flex-direction:row;margin:0 0 0 10cqw;padding:0}
.site-header nav a{font-size:1.17cqw;letter-spacing:.02em;white-space:nowrap}
.site-header nav a.current:after{width:100%;background:linear-gradient(90deg,#32bfff,transparent)}
.nav-tools{display:flex;align-items:center;gap:3.7cqw;margin-left:auto;border-left:1px solid #667789;padding-left:4.5cqw;height:1.9cqw}
.spec-icon{display:block;width:1.8cqw;height:1.8cqw}.spec-icon svg{width:100%;height:100%;fill:none;stroke:#ecf2fc;stroke-width:1.2}
.site-header .menu{display:flex;flex-direction:column;gap:5px;width:24px;padding:4px 0;border:0;background:none;color:#fff;cursor:pointer}
.menu>span{display:block;width:100%;height:1px;background:currentColor}
.expanded-menu{position:absolute;right:3%;top:calc(100% + 6px);background:#061323f5;border:1px solid #244158;padding:18px 25px;min-width:240px;box-shadow:0 15px 60px #0008}
.expanded-menu[hidden]{display:none}.expanded-menu a{display:block;padding:10px 0;font-size:14px;color:#e6eef9}
/* A quieter type hierarchy beneath the original three scenes. */
.product-details .section{padding:76px max(5%,calc((100% - 1180px)/2))}
.product-details h2{font-size:clamp(1.75rem,3cqw,2.8rem);line-height:1.45;font-weight:700;letter-spacing:.01em}
.product-details h3{font-size:1.16rem}.product-details .split-heading{margin-bottom:36px}
.product-details .eyebrow{font-size:.75rem;letter-spacing:.2em;margin-bottom:22px}
.product-details .section>p:not(.eyebrow):not(.note){max-width:700px}
.product-details .evolution{padding-top:55px;padding-bottom:55px;background:#050e19}
.evolution-grid{margin-top:30px}.evolution-grid>a{padding-top:28px;padding-bottom:28px}
.evolution-grid strong{min-height:95px;font-size:1.55rem;margin:22px 0}
.evolution-grid em{font-size:3rem}.evolution-grid h3{font-size:1rem}
.evolution-grid p{font-size:15px;line-height:1.9}
.performance-core{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:7%}
.chip-panel{aspect-ratio:1.3;box-shadow:inset 0 0 0 12px #020912, inset 0 0 0 13px #183347}
.chip-panel>strong{font-size:clamp(2.2rem,4cqw,3.5rem)}
.chip-models{font-size:1.65rem;margin-bottom:20px}.chip-panel p{font-size:1.2rem}
.processor-models{margin-top:40px}.processor-models>h3{font-size:1.25rem;padding-bottom:12px;border-bottom:1px solid #24425a}
.processor-models .model-grid{margin-top:15px}.model-grid h3{font-size:3rem}.model-grid article{padding:22px;border:0}
.ai-strip{margin-top:36px;padding:26px 0}.ai-strip strong{font-size:2.5rem}
.display-layout{margin-top:32px}.display figure{max-width:590px;border:1px solid #41627b}
.display figure img{filter:none}.display-copy .giant{font-size:6rem}
.module-stage>img{max-height:490px}.module-stage{grid-template-columns:1.1fr 1fr}
.modules .split-heading p{max-width:510px}.module-number{font-size:4rem}
.control-detail-grid img{height:300px}.control-detail-grid{grid-template-columns:1fr 1fr;gap:20px}
.input-details{margin-top:45px;padding-top:35px;border-top:1px solid #284a63}.input-details>.text-three{margin-top:20px}
.input-details>.text-three h3{font-size:1.05rem}.text-three p{font-size:15px}
.ports{margin-top:30px}.ports b{font-size:1.45rem}
.generation-numbers{margin-top:28px}.generation-numbers strong{font-size:2.8rem}
.dent-pillars{margin-top:30px}.dent-pillars article>span{font-size:2rem}.dent-pillars b{display:none}
.dent-pillars p{font-size:15px}.support-flow{margin-top:35px}.purchase-terms p{font-size:15px}
.product-details .specs{background:#07121e}.product-details .faq{padding-top:45px;padding-bottom:55px}
.product-details .buy{padding-top:80px;padding-bottom:85px}
@media(max-width:700px){
 .concept-hero{height:calc(660px + 18cqw);min-height:750px}
 .site-header{height:68px;padding:0 6%}.gpd-logo{transform:scale(.86);transform-origin:left center}
 .site-header nav{display:none}.nav-tools{height:20px;gap:24px;padding-left:24px}.spec-icon{width:19px;height:19px}
 .hero-scene,.hero-product-layer{background-size:190% auto;background-position:79% 174px}
 .hero-product-layer{display:none}.hero-scene:after{background:linear-gradient(#010914ad 0%,#0109148a 34%,transparent 69%)}
 .concept-beyond{font-size:27cqw;top:94px;left:1%;line-height:.9;letter-spacing:-.07em;z-index:-2}
 .concept-hero-copy{top:206px;left:6%;right:6%}
 .concept-product{font-size:12px;margin-bottom:18px;letter-spacing:.22em}
 .concept-hero h1{font-size:clamp(32px,8.8cqw,54px);line-height:1.32;letter-spacing:.005em}
 .concept-lead{font-size:14px;line-height:1.85;margin-top:22px;letter-spacing:.025em}
 .concept-button{width:174px;height:49px;padding:0 25px;font-size:14px;margin-top:25px}.concept-button span{font-size:20px}
 .concept-aside{display:none}.concept-bottom{bottom:28px;left:6%;right:6%;font-size:10px;letter-spacing:.12em}
 .concept-bottom span:before{width:26px;margin-bottom:9px}.concept-bottom span:last-child{display:none}
 .concept-design,.concept-experience{height:510px}
 .design-scene{background-size:185% auto;background-position:80% calc(-79.59cqw * 1.85 + 145px)}
 .experience-scene{background-size:170% auto;background-position:27% calc(-111.52cqw * 1.7 + 190px)}
 .concept-design:after,.concept-experience:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#020912 0%,#020912ce 28%,transparent 70%)}
 .concept-section-copy,.concept-experience .concept-section-copy{left:6%;top:35px}
 .concept-section-copy .concept-label{font-size:12px;margin-bottom:17px}
 .concept-section-copy h2{font-size:28px;line-height:1.35;margin-bottom:18px;letter-spacing:.015em}
 .concept-section-copy>p:not(.concept-label){font-size:14px;line-height:1.85}.concept-section-copy small{display:none}
 .concept-divider{height:54px;font-size:10px}
 .product-details .section{padding:55px 6%}.product-details h2{font-size:1.85rem}
 .evolution-grid em{font-size:2.7rem}.evolution-grid strong{min-height:0}.evolution-grid>a{padding:25px 0}
 .performance-core,.module-stage{grid-template-columns:1fr}
 .chip-panel{aspect-ratio:1.4}.processor-models .model-grid{grid-template-columns:1fr}.model-grid h3{font-size:3rem}
 .ai-strip{gap:20px}.control-detail-grid{gap:12px}.control-detail-grid img{height:190px}
 .control-detail-grid figcaption{font-size:10px;letter-spacing:.03em;padding:10px 8px}
 .product-details .eyebrow{font-size:12px}.display-copy .giant{font-size:5.5rem}
 .input-details{margin-top:30px;padding-top:25px}.text-three{gap:24px}
 .generation-numbers strong{font-size:2.4rem}.dent-pillars{gap:20px}
 .comparison th,.comparison td{font-size:14px}.note{font-size:12px}
 .concept-intro .expanded-menu{right:6%;top:62px;left:6%}
}
.concept-button{white-space:nowrap;padding:0 2.7cqw;gap:1.2cqw}
.concept-beyond{top:4.8cqw;font-size:27.8cqw;letter-spacing:-.075em;transform:scaleX(.96);transform-origin:left center}
.gpd-logo{width:6.25cqw;height:2.54cqw;background-position:-3.22cqw -1.465cqw;background-size:100cqw 150cqw}
.hero-scene:after{background:radial-gradient(ellipse at 15% 45%,#010711b3,transparent 58%),linear-gradient(#01081299 0%,#01081255 34%,transparent 66%)}
.concept-hero h1{font-size:5.9cqw;line-height:1.29}
@media(max-width:700px){
 .gpd-logo{width:64px;height:26px;background-position:-33px -15px;background-size:1024px 1536px;transform:scale(.86)}
 .concept-beyond{top:94px;font-size:27cqw;letter-spacing:-.07em;transform:none}
 .hero-scene:after{background:linear-gradient(#010914ad 0%,#0109148a 34%,transparent 69%)}
 .concept-hero h1{font-size:clamp(32px,8.8cqw,54px);line-height:1.32}
 .concept-button{padding:0 25px;gap:20px}
}
.concept-button .button-label{font-size:inherit;margin:0;white-space:nowrap;flex:none}.concept-button .button-arrow{margin:0;flex:none}
.concept-lead{margin-top:1.4cqw}
@media(max-width:700px){
 .concept-hero{height:840px;min-height:840px}
 .hero-scene{background-size:140% auto;background-position:88% 395px;mask-image:linear-gradient(#000 0%,#000 93%,transparent 99%)}
 .concept-beyond{font-size:25.6cqw;letter-spacing:-.08em;transform:scaleX(.97)}
 .concept-lead{margin-top:22px}
 .concept-bottom{bottom:24px}
}
@media(max-width:700px){
 .hero-scene:after{background:linear-gradient(#020912 0%,#020912 45%,#020912a6 54%,transparent 66%)}
 .design-scene{inset:auto 0 0;height:71.8506cqw;background-size:225% auto;background-position:75% -179.0772cqw}
 .experience-scene{inset:auto 0 0;height:63.0859cqw;background-size:190% auto;background-position:30% -211.8945cqw}
}

.use-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.use-photo-pair figure{margin:0;min-width:0}.use-photo-pair img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border:1px solid #29475e}.use-photo-pair figcaption{font-size:13px;color:#aabfd2;padding-top:12px;line-height:1.6}
@media(max-width:700px){.use-photo-pair{grid-template-columns:1fr;gap:25px}}

@media(max-width:700px){.design-scene,.experience-scene{mask-image:linear-gradient(transparent,#000 12%)} }

.table-hint{display:none}@media(max-width:700px){.table-hint{display:block;color:#9db9d0;font-size:12px;margin:20px 0 8px}}

@media(max-width:700px){
 .concept-hero{height:calc(435px + 111.4258cqw);min-height:820px}
 .hero-scene{bottom:auto;height:calc(395px + 111.4258cqw);mask-image:linear-gradient(#000 0%,#000 95%,transparent 100%)}
 .concept-design{height:calc(245px + 71.8506cqw)}
 .concept-experience{height:calc(255px + 63.0859cqw)}
}

/* Independent high-resolution product scenes replace the enlarged concept sprite. */
.hero-scene,.hero-product-layer{background-image:none;background-size:100% 100%;background-position:center}
.design-scene{background-image:none;background-size:cover;background-position:center}
@media(max-width:700px){
 .hero-scene{background-size:140% auto;background-position:88% 395px}
 .design-scene{background-size:225% 100%;background-position:75% center}
}

.hero-product-layer{clip-path:polygon(53.731% 18.784%,94.314% 13.953%,95.807% 14.848%,91.542% 55.456%,92.324% 58.408%,82.161% 90.608%,79.886% 91.682%,31.699% 80.769%,30.419% 77.013%,33.120% 70.751%,43.497% 60.376%,47.619% 54.562%,48.401% 51.878%)}

.hero-keyboard-layer{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
@media(max-width:700px){.hero-keyboard-layer{inset:395px auto auto -35.2%;width:140%;height:auto;aspect-ratio:1407/1118}}

.design-scene{background-size:150% auto;background-position:25% bottom}
@media(max-width:700px){.design-scene{background-size:300% auto;background-position:55% bottom}}
/* v8: Manufacturer product pixels over a separately generated environment. */
.hero-scene{background-image:url('assets/hero-background-a3027e9e.webp');background-size:cover;background-position:center}
.hero-product-layer{display:block;inset:auto 0 5% auto;width:66%;height:68%;background-image:url('assets/hero-product-original-3043f991.webp');background-size:contain;background-position:right bottom;clip-path:none;filter:drop-shadow(0 22px 22px #000a)}
.design-scene{background-image:url('assets/design-original-composite-8307abf3.webp');background-size:cover;background-position:center}
.experience-scene{background-image:url('assets/experience-original-composite-92d849ce.webp');background-size:cover;background-position:center}
@media(max-width:700px){
 .hero-scene{background-size:cover;background-position:65% center}
 .hero-product-layer{display:block;inset:auto -3% 70px auto;width:106%;height:44%;background-size:contain;background-position:center bottom}
 .design-scene{height:71.8506cqw;background-size:225% 100%;background-position:right center}
 .experience-scene{height:63.0859cqw;background-size:180% 100%;background-position:left center}
}

/* Smaller initial artwork on mobile; desktop originals remain available. */
@media(max-width:700px){.hero-scene{background-image:url('assets/hero-background-1200-620aee44.webp')}.hero-product-layer{background-image:url('assets/hero-product-original-1200-3c808e82.webp')}}
.gpd-logo{background-position:center;background-size:contain}