/* Unified product detail system */
.product-page { background: var(--bg-primary); color: var(--text-primary); }
.product-page main { overflow: clip; }
.breadcrumbs { position: absolute; z-index: 12; top: 90px; left: max(52px, calc((100vw - 1240px)/2)); display:flex; gap:10px; color:rgba(244,244,242,.52); font-size:11px; }
.breadcrumbs a { color:inherit; text-decoration:none; }.breadcrumbs a:hover { color:var(--text-primary); }.breadcrumbs-sep { opacity:.45; }
.chapter-label,.product-eyebrow { color:var(--accent-current); font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; }
.product-page h2 { font-family:var(--font-body); font-size:clamp(38px,5vw,68px); font-weight:500; line-height:1.02; letter-spacing:-.05em; text-wrap:balance; }
.product-page h2 em { color:var(--accent-current); font-style:normal; }
.section-note { max-width:62ch; margin-top:22px; color:var(--text-secondary); font-size:15px; line-height:1.75; }
.text-link { margin-top:36px; display:inline-flex; gap:12px; color:var(--text-primary); font-size:11px; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.product-hero { min-height:100svh; padding:160px max(52px,calc((100vw - 1240px)/2)) 56px; display:grid; grid-template-columns:minmax(330px,.82fr) minmax(520px,1.18fr); gap:clamp(34px,6vw,96px); align-items:center; }
.product-hero-copy { position:relative; z-index:2; }
.product-hero h1 { margin-top:0; font-family:var(--font-display); font-size:clamp(64px,8vw,124px); line-height:.85; letter-spacing:-.07em; }
.product-lead { max-width:510px; margin-top:32px; color:var(--text-secondary); font-size:clamp(18px,1.6vw,24px); line-height:1.5; }
.product-meta { margin-top:48px; display:flex; flex-wrap:wrap; gap:8px; }
.product-meta span { padding:10px 14px; border:1px solid color-mix(in srgb,var(--accent-current) 24%,transparent); border-radius:999px; color:var(--text-soft); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.product-hero-stage { position:relative; min-height:min(70vw,720px); overflow:hidden; isolation:isolate; border:1px solid var(--border-primary); border-radius:28px; background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent-current) 19%,transparent),transparent 34%),linear-gradient(145deg,#202329,#101216 72%); box-shadow:0 28px 80px rgba(0,0,0,.32); }
.product-stage-grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 84%); }
.product-hero-visual,.product-hero-visual picture { position:absolute; inset:0; display:grid; place-items:center; }
.product-hero-visual img { width:92%; height:92%; object-fit:contain; filter:drop-shadow(0 38px 46px rgba(0,0,0,.55)); }
.sleek-page .product-hero-stage { min-height:0; aspect-ratio:4/3; background:#17171c; }
.sleek-page .product-hero-visual img { width:100%; height:100%; object-fit:cover; filter:none; }
.product-stage-note { position:absolute; left:26px; bottom:22px; color:rgba(244,244,242,.48); font-size:9px; letter-spacing:.2em; }
.product-intro { padding:clamp(90px,10vw,150px) max(52px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1.35fr .65fr; gap:clamp(50px,9vw,140px); align-items:end; background:var(--bg-secondary); }
.product-intro h2 { margin-top:0; }.product-intro-copy { color:var(--text-secondary); font-size:18px; line-height:1.7; }
.product-variants,.product-facts,.product-technologies,.technology-policy,.product-flavors,.product-support,.product-related,.device-editorial { padding:clamp(90px,10vw,145px) max(52px,calc((100vw - 1240px)/2)); }
.product-variants header,.product-facts header,.product-technologies header,.device-editorial header,.product-related header { max-width:850px; }.product-variants h2,.product-facts h2,.product-technologies h2,.technology-policy h2,.device-editorial h2,.product-related h2,.product-flavors h2 { margin-top:0; }
.variant-grid { margin-top:68px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.variant-card { position:relative; min-height:680px; margin:0; padding:34px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border-primary); border-radius:22px; background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent-current) 14%,transparent),transparent 32%),linear-gradient(155deg,#1b1e23,#101216); }
.variant-card::after { content:''; position:absolute; left:12%; right:12%; bottom:90px; height:28px; background:rgba(0,0,0,.48); filter:blur(22px); border-radius:50%; }
.variant-card picture { min-height:0; flex:1; display:grid; place-items:center; }.variant-card img { position:relative; z-index:1; width:auto; height:min(52vw,510px); max-width:76%; object-fit:contain; filter:drop-shadow(0 24px 32px rgba(0,0,0,.55)); }
.variant-index { position:absolute; top:30px; right:30px; color:rgba(244,244,242,.38); font-size:10px; letter-spacing:.18em; }.variant-card figcaption { position:relative; z-index:2; padding-top:20px; border-top:1px solid var(--border-primary); font-size:17px; }
.product-facts { color:var(--text-dark); background:var(--bg-light); }.product-facts .chapter-label { color:color-mix(in srgb,var(--accent-current-strong) 72%,#111); }.product-facts .section-note { color:rgba(17,18,22,.64); }
.key-facts { margin-top:68px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(17,18,22,.22); border-bottom:1px solid rgba(17,18,22,.22); }
.key-fact { min-height:190px; padding:24px; display:flex; flex-direction:column; border-right:1px solid rgba(17,18,22,.16); }.key-fact:nth-child(3n) { border-right:0; }.key-fact-index { color:rgba(17,18,22,.42); font-size:9px; letter-spacing:.16em; }.key-fact strong { margin-top:auto; font-size:clamp(22px,2.2vw,34px); line-height:1.08; letter-spacing:-.04em; }.key-fact>span:last-child { margin-top:9px; color:rgba(17,18,22,.62); font-size:12px; }
.secondary-specs { margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }.secondary-spec { display:flex; flex-direction:column; gap:8px; }.secondary-spec span { color:rgba(17,18,22,.55); font-size:11px; }.secondary-spec strong { font-size:15px; font-weight:550; }
.product-interface { min-height:850px; display:grid; grid-template-columns:.9fr 1.1fr; background:#0d1015; }.interface-copy { padding:clamp(90px,10vw,145px) max(52px,7vw); align-self:center; }.display-indicators { margin-top:54px; list-style:none; }.display-indicators li { min-height:68px; display:grid; grid-template-columns:1fr; align-items:center; border-top:1px solid var(--border-primary); }.display-indicators li:last-child { border-bottom:1px solid var(--border-primary); }.display-indicators span { color:var(--accent-current); font-size:10px; }.display-indicators strong { font-size:17px; font-weight:450; }
.interface-stage { position:relative; min-height:850px; overflow:hidden; background:radial-gradient(circle at 55% 45%,color-mix(in srgb,var(--accent-current) 16%,transparent),transparent 34%),linear-gradient(145deg,#181b21,#0c0e12); }.interface-stage picture { position:absolute; inset:3% 0 -16% 16%; display:grid; place-items:center; }.interface-stage img { width:68%; height:100%; object-fit:contain; filter:drop-shadow(0 34px 48px rgba(0,0,0,.6)); }.interface-stage>span { position:absolute; left:28px; bottom:24px; color:rgba(244,244,242,.4); font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.product-technologies,.technology-policy { background:var(--bg-secondary); }.technology-policy { min-height:560px; display:flex; flex-direction:column; justify-content:center; }.technology-policy .section-note { max-width:700px; }
.technology-story { margin-top:68px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.technology-block { min-height:280px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--border-primary); border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--accent-current) 7%,transparent),rgba(255,255,255,.012)); }.technology-number { color:var(--accent-current); font-size:9px; letter-spacing:.18em; }.technology-block h3 { font-size:clamp(24px,2.8vw,40px); font-weight:550; letter-spacing:-.04em; }.technology-block h3 a { color:inherit; text-decoration:none; }.technology-block p { max-width:50ch; margin-top:14px; color:var(--text-secondary); font-size:14px; line-height:1.7; }
.device-editorial { background:var(--bg-primary); }.editorial-grid { margin-top:56px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }.editorial-item { margin:0; height:560px; overflow:hidden; border-radius:18px; background:var(--bg-secondary); }.editorial-item--wide { grid-column:span 2; height:620px; }.editorial-item img { width:100%; height:100%; display:block; object-fit:cover; }
.editorial-item--omny-duo { background:radial-gradient(circle at 50% 48%,rgba(95,99,129,.18),transparent 42%),#07080b; }
.editorial-item--omny-duo img { object-fit:contain; object-position:center; }
.product-flavors { background:var(--bg-primary); }.flavors-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; }.flavors-count { color:var(--text-soft); font-size:14px; }.flavor-filter-rail { margin:50px 0 26px; display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }.flavor-filter { min-height:42px; padding:0 18px; flex:0 0 auto; border:1px solid var(--border-primary); border-radius:999px; background:transparent; color:var(--text-secondary); font:inherit; font-size:10px; cursor:pointer; }.flavor-filter.is-active { color:var(--text-dark); border-color:var(--accent-current); background:var(--accent-current); }
.flavor-editorial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.flavor-tile { position:relative; min-height:220px; padding:24px; display:flex; align-items:end; overflow:hidden; border:1px solid var(--border-primary); border-radius:16px; background:linear-gradient(145deg,#181b20,#101216); }.flavor-tile-number { position:absolute; top:20px; left:20px; color:rgba(244,244,242,.35); font-size:9px; }.flavor-orb { position:absolute; top:50%; right:8%; width:118px; height:118px; border-radius:50%; background:linear-gradient(135deg,var(--flavor-a),var(--flavor-b)); box-shadow:inset 14px 12px 24px rgba(255,255,255,.16),inset -14px -14px 28px rgba(0,0,0,.32); transform:translateY(-50%); opacity:.82; }.flavor-packshot { position:absolute; top:50%; right:7%; width:auto; height:76%; max-width:42%; object-fit:contain; transform:translateY(-50%); filter:drop-shadow(0 12px 22px rgba(0,0,0,.45)); }.flavor-tile>div { position:relative; z-index:2; max-width:62%; }.flavor-category { color:var(--text-secondary); font-size:10px; }.flavor-tile h3 { margin-top:7px; font-size:18px; font-weight:500; line-height:1.25; }.flavor-asset-note { max-width:66ch; margin-top:18px; color:rgba(244,244,242,.55); font-size:12px; line-height:1.6; }
:is(.omny-page,.sleek-page) .flavor-tile { min-height:300px; padding:0; align-items:stretch; flex-direction:column; background:#fff; }
:is(.omny-page,.sleek-page) .flavor-packshot { position:relative; top:auto; right:auto; width:100%; height:auto; max-width:none; object-fit:contain; transform:none; filter:none; }
:is(.omny-page,.sleek-page) .flavor-tile>div { width:100%; max-width:none; margin-top:auto; padding:20px 24px 24px; background:linear-gradient(180deg,#181b20,#101216); }
:is(.omny-page,.sleek-page) .flavor-tile-number { display:none; }
.product-support { display:block; background:var(--bg-secondary); }.support-faq { max-width:900px; }.support-faq>h2 { margin:0 0 50px; }.faq-list { border-top:1px solid var(--border-primary); }.faq-item { border-bottom:1px solid var(--border-primary); }.faq-question { width:100%; min-height:72px; padding:18px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; border:0; background:transparent; color:var(--text-primary); font:inherit; font-size:16px; text-align:left; cursor:pointer; }.faq-icon { position:relative; width:18px;height:18px; }.faq-icon::before,.faq-icon::after { content:''; position:absolute; left:2px; top:8px; width:14px; height:1px; background:currentColor; }.faq-icon::after { transform:rotate(90deg); }.faq-answer { display:grid; grid-template-rows:0fr; color:var(--text-secondary); transition:grid-template-rows .25s ease; }.faq-answer>div { overflow:hidden; }.faq-answer p { max-width:62ch; padding:0 42px 0 0; font-size:14px; line-height:1.75; }.faq-item.is-open .faq-answer { grid-template-rows:1fr; }.faq-item.is-open .faq-answer p { padding-bottom:24px; }
.product-related { background:var(--bg-primary); }.related-devices { margin-top:60px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }.related-device { min-height:520px; padding:34px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border-primary); border-radius:20px; background:radial-gradient(circle at 50% 32%,var(--device-accent-glow),transparent 34%),var(--bg-secondary); }.related-device-visual { height:290px; display:grid; place-items:center; }.related-device-visual picture { display:contents; }.related-device-image { width:min(78%,340px); height:100%; object-fit:contain; }.related-device-copy { margin-top:auto; }.related-device-copy h3 { margin-top:0; font-size:32px; }.related-device-copy p { margin-top:10px; color:var(--text-secondary); font-size:14px; }.related-device-copy a { margin-top:20px; display:inline-flex; gap:8px; color:var(--text-primary); font-size:11px; text-decoration:none; text-transform:uppercase; }
.data-error { margin:30px auto; padding:20px; max-width:720px; color:#ffb4ab; text-align:center; }
@media(max-width:900px){.breadcrumbs{top:82px;left:28px}.product-hero{min-height:auto;padding:130px 28px 70px;grid-template-columns:1fr}.product-hero-copy{text-align:center}.product-lead{margin-inline:auto}.product-meta{justify-content:center}.product-hero-stage{min-height:680px}.product-intro{padding-inline:28px;grid-template-columns:1fr;gap:36px}.product-variants,.product-facts,.product-technologies,.technology-policy,.product-flavors,.product-support,.product-related,.device-editorial{padding-inline:28px}.variant-card{min-height:570px}.product-interface{grid-template-columns:1fr}.interface-copy{padding:100px 28px 60px}.interface-stage{min-height:700px}.key-facts{grid-template-columns:repeat(2,1fr)}.key-fact:nth-child(3n){border-right:1px solid rgba(17,18,22,.16)}.key-fact:nth-child(2n){border-right:0}.product-support{grid-template-columns:1fr}.editorial-item{height:430px}.editorial-item--wide{height:500px}.flavor-editorial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.breadcrumbs{left:20px;font-size:10px}.product-page h2{font-size:clamp(34px,10vw,46px)}.product-hero{padding:118px 20px 48px}.product-hero h1{font-size:clamp(52px,16vw,76px)}.product-lead{margin-top:22px;font-size:16px}.product-meta{margin-top:30px}.product-hero-stage{min-height:480px;border-radius:20px}.product-hero-visual img{width:108%;height:108%}.product-intro{padding:80px 20px}.product-intro-copy{font-size:16px}.product-variants,.product-facts,.product-technologies,.technology-policy,.product-flavors,.product-support,.product-related,.device-editorial{padding:80px 20px}.variant-grid{margin-top:46px;grid-template-columns:1fr}.variant-card{min-height:500px;padding:24px}.variant-card img{height:390px}.key-facts{margin-top:48px}.key-fact{min-height:160px;padding:18px 12px}.secondary-specs{grid-template-columns:1fr}.interface-copy{padding:80px 20px 46px}.interface-stage{min-height:560px}.interface-stage picture{inset:2% -12% -16% 8%}.technology-story{margin-top:46px;grid-template-columns:1fr}.technology-block{min-height:230px}.editorial-grid{grid-template-columns:1fr}.editorial-item,.editorial-item--wide{grid-column:auto;height:360px}.flavors-heading{align-items:start;flex-direction:column}.flavor-filter-rail{margin:40px -20px 24px;padding:0 20px}.flavor-editorial-grid{grid-template-columns:1fr}.flavor-tile{min-height:190px}.related-devices{grid-template-columns:1fr}.related-device{min-height:480px;padding:26px}}
@media(prefers-reduced-motion:reduce){.product-hero-visual,.variant-card,.interface-stage{transform:none!important}}
.product-page .breadcrumbs{width:auto;padding-top:0}
@media(max-width:600px){.product-page .breadcrumbs{top:88px}.product-hero{padding-top:148px}}

/* ATLAS: editorial hero and lightweight, self-contained technology diagrams. */
.atlas-page .hero-title-mask { overflow:visible; }
.atlas-page .product-hero h1 { font-size:clamp(60px,7.15vw,110px); letter-spacing:-.075em; }
.atlas-hero-stage { background:#d9d9d9; }
.atlas-hero-stage .product-stage-grid { z-index:2; opacity:.12; mix-blend-mode:multiply; }
.atlas-hero-stage::after { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(11,12,14,.06),transparent 48%,rgba(11,12,14,.2)); }
.atlas-hero-photo picture { overflow:hidden; }
.atlas-hero-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 55%; filter:none; transform:scale(1.015); }
.atlas-page .technology-story { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.atlas-page .atlas-tech-card { position:relative; min-height:380px; padding:30px; display:grid; grid-template-rows:auto auto minmax(145px,1fr); gap:0; justify-content:stretch; overflow:hidden; border:1px solid var(--border-primary); border-radius:20px; background:radial-gradient(circle at 78% 88%,rgba(93,199,255,.055),transparent 36%),linear-gradient(155deg,#181b20,#101216 72%); opacity:0; transform:translateY(28px); transition:opacity .65s var(--ease-out),transform .65s var(--ease-out),border-color .3s ease; transition-delay:calc(var(--tech-order) * 90ms); }
.atlas-page .atlas-tech-card.is-visible { opacity:1; transform:none; }
.atlas-page .atlas-tech-card:hover { border-color:color-mix(in srgb,var(--accent-current) 35%,var(--border-primary)); }
.atlas-page .atlas-tech-card .technology-number { align-self:flex-start; }
.atlas-page .atlas-tech-card>div:not(.atlas-tech-visual) { position:relative; z-index:2; align-self:start; max-width:35ch; margin-top:34px; }
.atlas-page .atlas-tech-card h3 { font-size:clamp(27px,2.7vw,40px); line-height:1; }
.atlas-page .atlas-tech-card p { font-size:14px; }
.atlas-tech-visual { position:relative; min-height:155px; margin-top:20px; align-self:end; overflow:hidden; pointer-events:none; contain:layout paint; }
.atlas-tech-visual--screen { width:min(84%,400px); margin-left:auto; padding:24px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(93,199,255,.34); border-radius:28px; background:radial-gradient(circle at 78% 20%,rgba(93,199,255,.13),transparent 42%),rgba(10,18,24,.62); box-shadow:inset 0 0 34px rgba(93,199,255,.04); }
.atlas-screen-value { margin-bottom:auto; color:#66caff; font-size:46px; font-weight:300; letter-spacing:-.07em; }
.atlas-screen-value small { margin-left:2px; font-size:15px; }
.atlas-screen-track { position:relative; height:5px; overflow:hidden; border-radius:99px; background:rgba(244,244,242,.12); }
.atlas-screen-track i { position:absolute; inset:0 auto 0 0; width:72%; border-radius:inherit; background:#66caff; transform-origin:left; animation:atlasScreenLevel 4.8s ease-in-out infinite; }
.atlas-tech-visual--screen em { margin-top:12px; color:rgba(244,244,242,.42); font-size:8px; font-style:normal; letter-spacing:.16em; }
.atlas-tech-visual--boost { min-height:165px; display:grid; place-items:center; }
.atlas-tech-visual--boost::before,.atlas-tech-visual--boost::after,.atlas-tech-visual--boost span,.atlas-tech-visual--boost i { content:''; position:absolute; left:50%; top:70%; aspect-ratio:1; border:1px solid rgba(132,111,255,.34); border-bottom-color:transparent; border-radius:50%; transform:translate(-50%,-50%) rotate(-25deg); }
.atlas-tech-visual--boost::before { width:330px; opacity:.3; }
.atlas-tech-visual--boost::after { width:250px; opacity:.55; animation:atlasBoostSweep 5.4s ease-in-out infinite; }
.atlas-tech-visual--boost span { width:170px; border-color:#8b79ff transparent transparent #8b79ff; animation:atlasBoostSpin 7s linear infinite; }
.atlas-tech-visual--boost i { width:9px; background:#9b8dff; border:0; box-shadow:0 0 22px rgba(139,121,255,.85); }
.atlas-tech-visual--boost b { position:relative; z-index:1; margin-top:68px; color:#a79bff; font-size:9px; letter-spacing:.2em; }
.atlas-tech-visual--mesh { min-height:165px; perspective:520px; }
.atlas-tech-visual--mesh::before,.atlas-tech-visual--mesh::after { content:''; position:absolute; inset:-2% 2% -46%; background-image:linear-gradient(rgba(103,206,173,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(103,206,173,.24) 1px,transparent 1px); background-size:22px 22px; transform:rotateX(58deg) rotateZ(-28deg); mask-image:radial-gradient(ellipse at center,black 24%,transparent 76%); }
.atlas-tech-visual--mesh::after { background-image:linear-gradient(rgba(244,244,242,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(244,244,242,.1) 1px,transparent 1px); transform:rotateX(58deg) rotateZ(28deg); animation:atlasMeshDrift 5.2s ease-in-out infinite; }
.atlas-tech-visual--mesh span { position:absolute; inset:24% 31%; border:1px solid rgba(103,206,173,.3); border-radius:50%; box-shadow:0 0 40px rgba(103,206,173,.12); animation:atlasMeshPulse 3.8s ease-in-out infinite; }
.atlas-tech-visual--typec { min-height:165px; display:grid; place-items:center; }
.atlas-tech-visual--typec::before { content:''; position:absolute; width:min(66%,290px); aspect-ratio:3.15; border:1px solid rgba(93,199,255,.5); border-radius:999px; background:linear-gradient(180deg,rgba(93,199,255,.035),transparent); box-shadow:0 0 34px rgba(93,199,255,.08),inset 0 0 18px rgba(93,199,255,.04); }
.atlas-tech-visual--typec span { position:relative; width:min(49%,215px); aspect-ratio:4.4; display:grid; place-items:center; border:1px solid rgba(244,244,242,.38); border-radius:999px; background:#0b0d11; box-shadow:inset 0 5px 12px rgba(0,0,0,.72); }
.atlas-tech-visual--typec span i { width:62%; height:7px; border:1px solid rgba(244,244,242,.42); border-radius:4px; background:#171a1f; }
.atlas-tech-visual--typec em { position:absolute; width:min(66%,290px); aspect-ratio:3.15; border:1px solid transparent; border-top-color:#66caff; border-radius:999px; animation:atlasPortPulse 3.6s ease-in-out infinite; }
@keyframes atlasScreenLevel { 0%,100%{transform:scaleX(.46)}50%{transform:scaleX(1)} }
@keyframes atlasBoostSweep { 0%,100%{transform:translate(-50%,-50%) rotate(-18deg) scale(.96);opacity:.35}50%{transform:translate(-50%,-50%) rotate(18deg) scale(1.04);opacity:.72} }
@keyframes atlasBoostSpin { to{transform:translate(-50%,-50%) rotate(335deg)} }
@keyframes atlasMeshDrift { 0%,100%{translate:0 0}50%{translate:10px -6px} }
@keyframes atlasMeshPulse { 0%,100%{transform:scale(.82);opacity:.35}50%{transform:scale(1.15);opacity:.75} }
@keyframes atlasPortPulse { 0%,100%{transform:scale(.96);opacity:.25}50%{transform:scale(1.05);opacity:.9} }

.atlas-page .product-interface { background:#0b0d11; }
.atlas-page .interface-stage { background:radial-gradient(circle at 52% 46%,rgba(93,199,255,.075),transparent 35%),linear-gradient(90deg,#0b0d11,#101319 72%,#0b0d11); }
.atlas-page .interface-stage::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#0b0d11 0,transparent 18%),linear-gradient(180deg,rgba(11,13,17,.48),transparent 22%,transparent 78%,rgba(11,13,17,.5)); }
.atlas-page .interface-stage picture { inset:6% 3% 4%; }
.atlas-page .interface-stage img { width:50%; height:82%; filter:drop-shadow(0 30px 44px rgba(0,0,0,.55)); }

.flavors-disclosure { margin-top:48px; border-top:1px solid var(--border-primary); border-bottom:1px solid var(--border-primary); }
.flavors-disclosure summary { min-height:88px; padding:0 4px; display:grid; grid-template-columns:1fr auto 28px; gap:20px; align-items:center; color:var(--text-primary); font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; list-style:none; }
.flavors-disclosure summary::-webkit-details-marker { display:none; }
.flavors-disclosure-count { color:var(--text-secondary); font-size:10px; font-weight:500; }
.flavors-disclosure summary i { position:relative; width:28px; height:28px; border:1px solid var(--border-primary); border-radius:50%; }
.flavors-disclosure summary i::before,.flavors-disclosure summary i::after { content:''; position:absolute; left:8px; top:13px; width:10px; height:1px; background:currentColor; transition:transform .25s ease; }
.flavors-disclosure summary i::after { transform:rotate(90deg); }
.flavors-disclosure[open] summary i::after { transform:rotate(0); }
.flavors-disclosure-body { padding:0 0 34px; }
.flavors-disclosure .flavor-filter-rail { margin-top:20px; }
.atlas-page .flavors-heading .flavors-count { display:none; }
.editorial-item--snow img { object-position:center 61%; }
.editorial-item--atlas-pair { position:relative; display:flex; align-items:flex-end; justify-content:center; gap:clamp(22px,5vw,76px); padding:40px clamp(34px,8vw,110px) 28px; isolation:isolate; background:radial-gradient(circle at 32% 40%,rgba(137,111,255,.18),transparent 30%),radial-gradient(circle at 70% 56%,rgba(192,224,79,.13),transparent 27%),linear-gradient(145deg,#181b22,#0d0f13 74%); }
.editorial-item--atlas-pair::before { content:''; position:absolute; z-index:-1; left:8%; right:8%; bottom:7%; height:22%; border-radius:50%; background:rgba(0,0,0,.48); filter:blur(34px); }
.editorial-item--atlas-pair::after { content:''; position:absolute; z-index:-1; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,transparent,black 42%,transparent); }
.editorial-item--atlas-pair img { position:relative; width:auto; height:94%; max-width:39%; object-fit:contain; filter:drop-shadow(0 28px 34px rgba(0,0,0,.56)); }
.editorial-item--atlas-pair img:first-child { transform:translateY(-2%) rotate(-4deg); }
.editorial-item--atlas-pair img:last-child { transform:translateY(2%) rotate(4deg); }

@media(max-width:900px){.atlas-page .atlas-tech-card{min-height:370px;padding:26px}.atlas-page .interface-stage img{width:58%;height:80%}}
@media(max-width:600px){.atlas-page .product-hero h1{font-size:clamp(50px,14vw,68px)}.atlas-hero-photo img{object-position:center 55%}.atlas-page .technology-story{grid-template-columns:1fr}.atlas-page .atlas-tech-card{min-height:330px;padding:24px}.atlas-page .atlas-tech-card>div:not(.atlas-tech-visual){margin-top:26px}.atlas-tech-visual{min-height:125px;margin-top:16px}.atlas-tech-visual--boost,.atlas-tech-visual--mesh,.atlas-tech-visual--typec{min-height:130px}.atlas-page .interface-stage picture{inset:4% 0}.atlas-page .interface-stage img{width:68%;height:78%}.editorial-item--atlas-pair{gap:10px;padding:26px 16px 18px}.editorial-item--atlas-pair img{height:91%;max-width:46%}.flavors-disclosure{margin-top:34px}.flavors-disclosure summary{min-height:78px;grid-template-columns:1fr auto 28px;gap:10px;font-size:10px}.editorial-item--snow img{object-position:center 58%}}
@media(prefers-reduced-motion:reduce){.atlas-page .atlas-tech-card{opacity:1;transform:none;transition:none}.atlas-tech-visual *,.atlas-tech-visual::before,.atlas-tech-visual::after{animation:none!important}}

/* Product colour showroom: one focused object instead of two oversized cards. */
.variant-showroom { position:relative; min-height:620px; margin-top:58px; display:grid; grid-template-columns:minmax(0,1fr) 220px; overflow:hidden; border:1px solid var(--border-primary); border-radius:24px; background:radial-gradient(circle at 42% 46%,color-mix(in srgb,var(--accent-current) 13%,transparent),transparent 28%),linear-gradient(145deg,#1a1d22,#0e1014 76%); }
.variant-showroom::before { content:''; position:absolute; inset:0; opacity:.2; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,#000,transparent 76%); }
.variant-showroom-stage { position:relative; min-height:620px; display:grid; place-items:center; overflow:hidden; }
.variant-showroom-stage picture { position:absolute; inset:7% 12% 9%; display:grid; place-items:center; }
.variant-showroom-image { position:relative; z-index:2; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center; filter:drop-shadow(0 34px 42px rgba(0,0,0,.58)); }
.variant-showroom.is-changing .variant-showroom-image { opacity:1; transform:none; }
.variant-showroom-orbit { position:absolute; width:min(54vw,480px); aspect-ratio:1; border:1px solid color-mix(in srgb,var(--accent-current) 26%,transparent); border-radius:50%; }
.variant-showroom-orbit::before,.variant-showroom-orbit::after { content:''; position:absolute; inset:15%; border:1px solid rgba(255,255,255,.07); border-radius:50%; }
.variant-showroom-orbit::after { inset:34%; border-color:color-mix(in srgb,var(--accent-current) 22%,transparent); }
.variant-showroom-name { position:absolute; left:30px; bottom:26px; z-index:3; color:rgba(244,244,242,.55); font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.variant-showroom-controls { position:relative; z-index:4; padding:18px; display:flex; flex-direction:column; justify-content:center; gap:8px; border-left:1px solid var(--border-primary); background:rgba(8,9,12,.42); backdrop-filter:blur(12px); }
.variant-showroom-controls button { min-height:64px; padding:0 16px; display:flex; align-items:center; gap:12px; border:1px solid transparent; border-radius:14px; background:transparent; color:var(--text-secondary); font:600 10px/1 var(--font-body); letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:color .25s,border-color .25s,background .25s; }
.variant-showroom-controls button[aria-pressed="true"] { color:var(--text-primary); border-color:color-mix(in srgb,var(--accent-current) 34%,var(--border-primary)); background:color-mix(in srgb,var(--accent-current) 8%,transparent); }
.variant-showroom-controls button:focus-visible { outline:2px solid var(--accent-current); outline-offset:2px; }
.variant-swatch { width:16px; height:16px; flex:0 0 auto; border:1px solid rgba(255,255,255,.28); border-radius:50%; box-shadow:0 0 0 4px rgba(255,255,255,.035); }
.variant-swatch--black { background:linear-gradient(135deg,#50535a,#050506 60%); }.variant-swatch--white { background:linear-gradient(135deg,#fff,#c9cbd0); }
.variant-showroom.variant-showroom--mobile { display:none; }

/* OMNY: editorial photo hero and flowing signal language. */
.omny-page .hero-title-mask { overflow:visible; padding-block:.08em; }
.omny-page .product-hero h1 { line-height:.98; font-size:clamp(62px,8vw,120px); }
.sleek-page .hero-title-mask { overflow:visible; padding-inline-end:.12em; }
.omny-hero-stage { background:#080a0e; }
.omny-hero-stage .product-stage-grid { z-index:2; opacity:.12; }
.omny-hero-stage::after { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(5,6,9,.12),transparent 40%,rgba(5,6,9,.28)); }
.omny-hero-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 47%; filter:none; transform:scale(1.01); }
.omny-page .technology-story { grid-template-columns:repeat(12,minmax(0,1fr)); }
.omny-page .omny-tech-card { position:relative; min-height:360px; padding:30px; display:grid; grid-template-rows:auto 1fr; overflow:hidden; isolation:isolate; border-radius:22px; background:linear-gradient(150deg,#181924,#111318 72%); opacity:0; transform:translateY(26px); transition:opacity .62s var(--ease-out),transform .62s var(--ease-out),border-color .25s; transition-delay:calc(var(--tech-order) * 90ms); }
.omny-page .omny-tech-card.is-visible { opacity:1; transform:none; }
.omny-page .omny-tech-card:nth-child(1) { grid-column:span 7; background:radial-gradient(circle at 77% 62%,rgba(108,161,255,.12),transparent 31%),linear-gradient(150deg,#171a25,#101218 74%); }
.omny-page .omny-tech-card:nth-child(2) { grid-column:span 5; background:radial-gradient(circle at 70% 68%,rgba(142,124,255,.15),transparent 35%),linear-gradient(150deg,#1a1724,#101218 74%); }
.omny-page .omny-tech-card:nth-child(3) { grid-column:span 12; min-height:260px; background:linear-gradient(110deg,#171a22,#101216 64%); }
.omny-page .omny-tech-card:nth-child(n+4) { grid-column:span 6; min-height:300px; }
.omny-page .omny-tech-card>div:not(.omny-tech-visual) { position:relative; z-index:3; align-self:end; max-width:36ch; }
.omny-page .omny-tech-card h3 { font-size:clamp(28px,3vw,42px); line-height:1; }
.omny-tech-visual { position:absolute; z-index:1; pointer-events:none; contain:layout paint; }
.omny-tech-visual::before { content:''; position:absolute; inset:-16%; border:1px solid rgba(142,124,255,.16); border-radius:60% 32% 58% 36% / 36% 56% 34% 62%; transform:rotate(-24deg); }
.omny-tech-visual--screen { right:7%; top:13%; width:250px; height:168px; padding:24px; display:flex; flex-direction:column; border:1px solid rgba(103,189,255,.34); border-radius:24px; background:radial-gradient(circle at 82% 18%,rgba(103,189,255,.12),transparent 44%),linear-gradient(150deg,rgba(36,73,99,.36),rgba(7,9,14,.82)); box-shadow:inset 0 0 30px rgba(90,180,255,.055),0 18px 42px rgba(0,0,0,.24); }
.omny-tech-visual--screen::before { inset:10px; border-color:rgba(255,255,255,.055); border-radius:16px; transform:none; }
.omny-tech-visual--screen span { color:#73caff; font-size:48px; font-weight:300; letter-spacing:-.08em; }.omny-tech-visual--screen small{font-size:13px}.omny-tech-visual--screen i{height:4px;margin-top:auto;border-radius:99px;background:linear-gradient(90deg,#73caff 0 68%,rgba(255,255,255,.09) 68%);animation:omnyScreenFlow 4.6s ease-in-out infinite}.omny-tech-visual--screen em{margin-top:10px;color:rgba(244,244,242,.42);font-size:8px;font-style:normal;letter-spacing:.16em}
.omny-tech-visual--boost { right:-5%; bottom:-18%; width:72%; aspect-ratio:1; display:grid; place-items:center; }
.omny-tech-visual--boost span { position:absolute; width:42%; aspect-ratio:1; border:1px solid rgba(151,132,255,.38); border-radius:58% 38% 62% 35%; transform:rotate(45deg); animation:omnyBoostPulse 4.8s ease-in-out infinite; }.omny-tech-visual--boost span:nth-child(2){width:60%;opacity:.55;animation-delay:-1.4s}.omny-tech-visual--boost span:nth-child(3){width:78%;opacity:.28;animation-delay:-2.8s}.omny-tech-visual--boost b{position:relative;color:#b1a7ff;font-size:9px;letter-spacing:.18em}
.omny-tech-visual--typec { right:5%; top:50%; width:42%; height:150px; transform:translateY(-50%); display:grid; place-items:center; }
.omny-tech-visual--typec span { width:min(78%,320px); aspect-ratio:3.25; display:grid; place-items:center; border:1px solid rgba(114,196,255,.5); border-radius:999px; background:rgba(7,9,12,.72); box-shadow:0 0 38px rgba(96,177,255,.08),inset 0 0 18px rgba(96,177,255,.05); }
.omny-tech-visual--typec span i { width:58%; height:30%; border:1px solid rgba(244,244,242,.38); border-radius:999px; background:linear-gradient(180deg,#171a1f,#0b0d10); }
.omny-tech-visual--typec em { position:absolute; bottom:1px; color:rgba(244,244,242,.38); font-size:8px; font-style:normal; letter-spacing:.18em; }
@keyframes omnyScreenFlow{0%,100%{transform:scaleX(.55);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
@keyframes omnyBoostPulse{0%,100%{transform:rotate(38deg) scale(.92);opacity:.24}50%{transform:rotate(52deg) scale(1.06);opacity:.72}}
.editorial-item--omny-lineup-wide img { object-position:center; }
.omny-page .flavors-count,.sleek-page .flavors-count { display:none; }

/* Related products stay optically equal despite different physical silhouettes. */
.related-device-visual { overflow:hidden; }
.related-device-visual .related-device-image { width:auto; height:250px; max-width:78%; object-fit:contain; transform:none!important; filter:drop-shadow(0 18px 26px rgba(0,0,0,.48)); }
.related-device--sleek .related-device-visual { border-radius:14px; }
.related-device--sleek .related-device-visual .related-device-image { width:auto!important; height:250px!important; max-width:46%!important; max-height:250px; object-fit:contain; object-position:center; filter:drop-shadow(0 24px 30px rgba(0,0,0,.48)); border-radius:0; }
.related-device--atlas .related-device-visual .related-device-image { height:238px; }

@media(max-width:900px){
  .variant-showroom{grid-template-columns:1fr 180px;min-height:560px}.variant-showroom-stage{min-height:560px}
  .omny-page .omny-tech-card:nth-child(1),.omny-page .omny-tech-card:nth-child(2),.omny-page .omny-tech-card:nth-child(3){grid-column:span 12}
}
@media(max-width:700px){
  body.product-page #nav,body.product-page #nav.s{box-shadow:0 -78px 0 68px var(--bg-primary),0 4px 30px rgba(0,0,0,.3)}
  .variant-grid--desktop{display:none}.variant-showroom.variant-showroom--mobile{min-height:auto;margin-top:36px;display:grid;grid-template-columns:1fr;border-radius:20px}.variant-showroom-stage{min-height:390px}.variant-showroom-stage picture{inset:9% 14% 8%;display:block}.variant-showroom-stage .variant-showroom-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.variant-showroom-orbit{width:260px}.variant-showroom-controls{padding:10px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-primary);border-left:0}.variant-showroom-controls button{min-height:54px;justify-content:center;padding:0 10px}
}
@media(max-width:600px){
  .product-page .hero-title-mask{overflow:visible;padding-block:.12em}.product-page .product-hero h1{line-height:1;font-size:clamp(48px,15vw,66px)}
  .sleek-page .product-hero-stage{aspect-ratio:4/3;min-height:0}
  .variant-showroom{min-height:auto;margin-top:36px;grid-template-columns:1fr;border-radius:20px}.variant-showroom-stage{min-height:390px}.variant-showroom-stage picture{inset:9% 14% 8%;display:block}.variant-showroom-stage .variant-showroom-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.variant-showroom-orbit{width:260px}.variant-showroom-controls{padding:10px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-primary);border-left:0}.variant-showroom-controls button{min-height:54px;justify-content:center;padding:0 10px}
  .omny-page .product-hero h1{font-size:clamp(50px,16vw,68px)}.omny-hero-photo img{width:100%;height:100%;object-position:center 46%;transform:none}
  .omny-page .technology-story{grid-template-columns:1fr}.omny-page .omny-tech-card:nth-child(n){grid-column:1/-1;min-height:320px;padding:24px}.omny-tech-visual--screen{right:6%;top:10%;width:174px;height:140px;padding:19px;border-radius:20px}.omny-tech-visual--screen::before{inset:8px;border-radius:13px}.omny-tech-visual--boost{right:-6%;bottom:-14%;width:78%}.omny-tech-visual--typec{right:1%;top:30%;width:56%;height:120px}
  .editorial-item--omny-lineup-wide{height:250px}.editorial-item--omny-lineup-wide img{object-position:center}
  .related-device{min-height:420px}.related-device-visual{height:240px}.related-device-visual .related-device-image{height:210px}.related-device--atlas .related-device-visual .related-device-image{height:195px}
}
@media(prefers-reduced-motion:reduce){.variant-showroom-image,.omny-page .omny-tech-card{transition:none}.omny-page .omny-tech-card{opacity:1;transform:none}.omny-tech-visual *{animation:none!important}}