/* Photographic product studies. The blue/violet light belongs to the studio;
   the manufacturer images keep their actual silhouette, finish and controls. */
.brand-page.has-product-story{--story-blue:#92b9f5;--story-violet:#bda0ed;--story-ink:#0b1021;--story-muted:#b5bfd5}
.has-product-story .brand-hero{position:relative;min-height:830px;padding-block:60px 70px;gap:2%;overflow:visible;background:radial-gradient(ellipse at 82% 36%,#44365e3b,transparent 56%),radial-gradient(ellipse at 55% 70%,#1d37552b,transparent 56%),#0b1021}
.has-product-story .brand-hero-copy{position:relative;z-index:5}.has-product-story .brand-hero h1{font-size:clamp(55px,6vw,91px);max-width:760px}.has-product-story .brand-signature{margin-bottom:30px}.has-product-story .brand-hero h1 em{color:#c0b3e9}.has-product-story .brand-actions{margin-top:26px}.has-product-story .brand-artwork{height:auto;display:block;perspective:none;isolation:auto;margin:0}
.product-experience{position:relative;isolation:isolate;min-width:0;--journey:0;--pointer-x:50%;--pointer-y:40%;--light-travel:0%;--draw-progress:0;--air-progress:0}
.product-viewport{position:relative;aspect-ratio:1/1;min-height:390px;isolation:isolate;overflow:visible;touch-action:pan-y}.product-sculpture{position:absolute;inset:8% 4% 4%;z-index:2;perspective:900px;pointer-events:none}.product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 60%;filter:drop-shadow(0 0 1px #abb8fbaa) drop-shadow(-10px 4px 13px #68578924) drop-shadow(13px 15px 30px #0006);will-change:transform;pointer-events:none;user-select:none}.product-photo.photo-1{z-index:-1}.product-photo.photo-2{z-index:-2}.product-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:visible}.product-atmosphere:before{content:"";position:absolute;inset:12% -6% 18%;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#8b6bd32b,transparent 54%),radial-gradient(ellipse at 65% 65%,#5b8cc627,transparent 60%);filter:blur(28px)}.atmosphere-ring{position:absolute;top:45%;left:50%;width:95%;height:60%;border:1px solid #ad9fd82b;border-radius:50%;box-shadow:0 0 45px #7872a609,inset 0 0 40px #7985bd09}.ring-b{width:113%;height:51%;border-color:#89a9db20}.floor-reflection{position:absolute;left:16%;right:6%;bottom:18%;height:12%;background:radial-gradient(ellipse,#63719830,transparent 68%);filter:blur(15px);transform:rotate(-7deg)}
.product-optics{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;fill:none;pointer-events:none}.optical-paths path{stroke:var(--optical-stroke);stroke-width:1.3;stroke-dasharray:60 500;filter:drop-shadow(0 0 5px #a494ff);stroke-linecap:round}.optical-paths .path-a{stroke-dasharray:none;opacity:.25!important;stroke-width:.8}.optical-paths .path-b{stroke-width:13;filter:blur(8px);stroke-dasharray:40 520}.optical-paths .path-c{stroke:#dae8ff;stroke-width:1.5;stroke-dasharray:6 565}.optical-target{stroke:#b8c8f5;stroke-width:.8;opacity:.6;transform-origin:0 0;filter:drop-shadow(0 0 7px #927bf477)}
.product-light-skin{position:absolute;inset:8% 4% 4%;z-index:3;pointer-events:none;mask-image:var(--product-mask);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background:linear-gradient(125deg,transparent 28%,#a191e400 35%,#b2b1ed44 43%,#bde8ff88 45%,#967ef344 47%,transparent 56%);background-size:220% 220%;background-position:var(--light-travel) 50%;mix-blend-mode:screen;opacity:.35;will-change:transform}.product-detail-window{position:absolute;width:31%;aspect-ratio:1;border:1px solid #c2b0e773;border-radius:50%;background-size:360%;background-repeat:no-repeat;box-shadow:inset 0 0 35px #151b3340,0 0 0 7px #a5abdd09,0 20px 50px #02061199;z-index:4;translate:-50% -50%;opacity:0;pointer-events:none;transition:opacity .3s}.product-detail-window:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#c0c0f52b 48%,transparent 63%);border-radius:inherit}.scene-line{position:absolute;z-index:0;pointer-events:none;opacity:0}
.product-model{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 19px;font-size:9px;line-height:1.5;letter-spacing:.04em;color:#c9d0e2}.product-view-label{font-size:8px;color:#8e9eb9;text-align:right}.product-control-bar{display:flex;align-items:stretch;gap:12px;border-top:1px solid #b7b5df2b;padding-top:14px;position:relative;z-index:6}.product-phases{display:flex;flex:1;gap:4px;min-width:0}.product-phases>button{flex:1;min-width:0;padding:13px 11px;text-align:left;font-size:10px;line-height:1.3;color:#a4b3cf;border:1px solid transparent;border-radius:7px;transition:background .25s,color .25s,border-color .25s;background:transparent;cursor:pointer}.product-phases>button>span{display:block;font-size:7px;letter-spacing:.1em;margin-bottom:7px;color:#96a5c1}.product-phases>button[aria-pressed=true]{color:#e9edff;background:linear-gradient(130deg,#7486b124,#9682b51d);border-color:#a1b0e437}.product-play{align-self:center;width:37px;height:37px;border-radius:50%;border:1px solid #adb8dd3c;background:#6c7d9b12;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.product-play svg{width:17px;height:17px;fill:#d8def6;stroke:#d8def6}.pause-icon{display:none;stroke-width:1.6}.is-playing .pause-icon{display:block}.is-playing .play-icon{display:none}.product-caption{font-size:11px!important;line-height:1.7!important;color:#aab8d0!important;min-height:3.4em;max-width:500px;margin:15px 0 0!important}.product-experience :focus-visible{outline:2px solid #c8b5fc;outline-offset:4px}.product-paper .product-viewport{background:radial-gradient(ellipse at 50% 43%,#f7f9fc,#e5e8f0 72%);border-radius:18px;border:1px solid #d6daf088;box-shadow:0 30px 70px #0003,0 0 70px #8676c51b}.product-paper .product-optics{opacity:.75}.product-paper .product-photo{filter:drop-shadow(8px 20px 15px #26345422)}.product-paper .product-light-skin{mix-blend-mode:color-dodge;opacity:.15!important}.product-paper .atmosphere-ring{border-color:#90a5c033}.product-paper .product-detail-window{background-color:#edf0f6}
/* Eight different compositional rhythms, extended to suit each device. */
.story-gallery .brand-hero{grid-template-columns:.85fr 1.3fr}.story-gallery .brand-hero h1{font-size:clamp(55px,6.2vw,92px)}.story-gallery .product-viewport{aspect-ratio:1.1}.story-gallery .product-sculpture{inset:7% 1% 3%}.story-gallery .brand-hero{background:radial-gradient(ellipse at 65% 40%,#35344f60,transparent 65%),#0b1021}.story-poster .brand-hero{grid-template-columns:1fr 1.2fr;padding-bottom:100px}.story-poster .brand-hero-copy{padding-top:20px}.story-poster .product-viewport{aspect-ratio:.88}.story-poster .product-sculpture{inset:1% -3%}.story-poster .product-detail-window{width:39%}.story-panorama .brand-hero,.story-wide .brand-hero,.story-duo .brand-hero,.story-landscape .brand-hero,.story-handheld .brand-hero{grid-template-columns:1fr;min-height:0;gap:35px}.story-panorama .brand-hero-copy,.story-wide .brand-hero-copy,.story-duo .brand-hero-copy,.story-landscape .brand-hero-copy,.story-handheld .brand-hero-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:0 10%;align-items:start}.story-panorama .brand-breadcrumb,.story-wide .brand-breadcrumb,.story-duo .brand-breadcrumb,.story-landscape .brand-breadcrumb,.story-handheld .brand-breadcrumb{grid-column:1/-1;margin-bottom:35px}.story-panorama .brand-signature,.story-wide .brand-signature,.story-duo .brand-signature,.story-landscape .brand-signature,.story-handheld .brand-signature{grid-column:1/-1}.story-panorama .brand-hero h1,.story-wide .brand-hero h1,.story-duo .brand-hero h1,.story-landscape .brand-hero h1,.story-handheld .brand-hero h1{grid-column:1;grid-row:3/6;margin:0}.story-panorama .brand-lead,.story-wide .brand-lead,.story-duo .brand-lead,.story-landscape .brand-lead,.story-handheld .brand-lead{grid-column:2}.story-panorama .brand-hero-copy>p,.story-wide .brand-hero-copy>p,.story-duo .brand-hero-copy>p,.story-landscape .brand-hero-copy>p,.story-handheld .brand-hero-copy>p{grid-column:2}.story-panorama .brand-actions,.story-wide .brand-actions,.story-duo .brand-actions,.story-landscape .brand-actions,.story-handheld .brand-actions{grid-column:2}.story-panorama .brand-artwork,.story-wide .brand-artwork,.story-duo .brand-artwork,.story-landscape .brand-artwork,.story-handheld .brand-artwork{max-width:1080px;width:100%;margin:15px auto 0}.story-panorama .product-viewport,.story-wide .product-viewport,.story-duo .product-viewport,.story-landscape .product-viewport,.story-handheld .product-viewport{aspect-ratio:1.9;min-height:450px}.story-panorama .product-model,.story-wide .product-model,.story-duo .product-model,.story-landscape .product-model,.story-handheld .product-model{max-width:800px;margin-inline:auto}.story-panorama .product-control-bar,.story-wide .product-control-bar,.story-duo .product-control-bar,.story-landscape .product-control-bar,.story-handheld .product-control-bar{max-width:800px;margin-inline:auto}.story-panorama .product-caption,.story-wide .product-caption,.story-duo .product-caption,.story-landscape .product-caption,.story-handheld .product-caption{max-width:800px;margin-inline:auto!important}.story-panorama .product-sculpture{inset:0 14%}.story-wide .product-sculpture,.story-duo .product-sculpture{inset:0 4%}.story-landscape .product-sculpture,.story-handheld .product-sculpture{inset:4% 10%}.story-panorama .product-optics,.story-wide .product-optics,.story-duo .product-optics,.story-landscape .product-optics,.story-handheld .product-optics{left:15%;width:70%}.story-tall .brand-hero,.story-fold .brand-hero,.story-canvas .brand-hero,.story-keyboard .brand-hero{grid-template-columns:1.1fr 1fr}.story-tall .brand-hero-copy,.story-fold .brand-hero-copy,.story-canvas .brand-hero-copy,.story-keyboard .brand-hero-copy{grid-column:2;grid-row:1}.story-tall .brand-artwork,.story-fold .brand-artwork,.story-canvas .brand-artwork,.story-keyboard .brand-artwork{grid-column:1;grid-row:1}.story-tall .product-viewport,.story-fold .product-viewport,.story-canvas .product-viewport{aspect-ratio:.87}.story-orbit .brand-hero{grid-template-columns:.95fr 1.2fr}.story-orbit .product-atmosphere:before{inset:5% -15% 0;background:radial-gradient(ellipse,#7760a540,transparent 65%)}.story-diagonal .product-viewport{aspect-ratio:.95}.story-workbench .brand-hero,.story-profile .brand-hero,.story-air .brand-hero,.story-heritage .brand-hero{grid-template-columns:.9fr 1.3fr}.story-workbench .product-viewport,.story-keyboard .product-viewport,.story-air .product-viewport,.story-profile .product-viewport,.story-heritage .product-viewport{aspect-ratio:1.13}.story-profile .product-sculpture{inset:10% -6%}.story-thermal .brand-hero,.story-nocturne .brand-hero{grid-template-columns:.85fr 1.3fr;background:radial-gradient(ellipse at 78% 50%,#32245255,transparent 60%),#080d1b}.story-thermal .product-viewport,.story-nocturne .product-viewport{aspect-ratio:1.08}.story-stand .brand-hero,.story-paper .brand-hero,.story-reader .brand-hero{grid-template-columns:1fr 1.15fr}.story-paper .product-viewport{background:radial-gradient(ellipse at 40% 35%,#d6d4eb12,transparent 70%)}.story-monument .brand-hero{grid-template-columns:1fr 1.05fr}.story-monument .product-viewport{aspect-ratio:.9}.story-tower .brand-hero{grid-template-columns:1.1fr 1fr}.story-tower .product-viewport{aspect-ratio:.86}.story-controllers .brand-hero{grid-template-columns:.85fr 1.3fr;background:radial-gradient(ellipse at 75% 48%,#4a355442,transparent 65%),#0b1021}.story-controllers .product-viewport{aspect-ratio:1.05}.story-controllers .product-sculpture{inset:1% -7%}.story-controllers .product-photo.photo-0{z-index:3}.story-controllers .product-photo.photo-1{z-index:2}.story-controllers .product-photo.photo-2{z-index:1}
/* The movement follows a different physical idea on each brand page. */
.motion-galaxy-scan .scene-line-a{display:block;opacity:.7;left:12%;right:7%;height:1px;top:calc(18% + var(--journey)*62%);background:linear-gradient(90deg,transparent,#c8c9fb,#95c9ff,transparent);box-shadow:0 0 15px #aea2ee;transform:rotate(-4deg)}.motion-galaxy-scan .ring-b{height:86%;width:65%;border-radius:40px;rotate:9deg}
.motion-aperture .ring-a{width:70%;height:70%;border:1px solid #bd9ee344;box-shadow:0 0 40px #9685e916,inset 0 0 45px #9ea5dd0e}.motion-aperture .ring-b{width:53%;height:53%;background:repeating-conic-gradient(from 0deg,#b5b9e90a 0 28deg,transparent 28deg 30deg);border-color:#acb5e143}.motion-aperture .optical-target{opacity:0!important}
.motion-pixel-bar .scene-line-a{display:block;opacity:.6;top:28%;left:5%;width:90%;height:22%;background:linear-gradient(100deg,transparent 20%,#9987d624 45%,#8ebae83b 50%,transparent 63%);transform:translateX(calc(-20% + var(--journey)*40%)) rotate(-6deg);filter:blur(4px)}.motion-pixel-bar .ring-a{height:35%;width:110%}
.motion-lens-light .ring-a{width:59%;height:59%;top:32%;box-shadow:0 0 0 18px #8d84c207,0 0 0 20px #acb3ed12}.motion-lens-light .scene-line-a{opacity:.55;left:15%;top:20%;width:65%;height:50%;background:conic-gradient(from calc(var(--journey)*290deg),transparent 25%,#af9be544,transparent 45%);border-radius:50%;filter:blur(17px)}
.motion-charge-flow .scene-line-a{opacity:.65;left:43%;top:70%;height:25%;width:15%;border-radius:50%;background:radial-gradient(ellipse,#a3bdff99,transparent 70%);filter:blur(16px);transform:translateY(calc(var(--journey)*-170%))}.motion-charge-flow .ring-b{width:53%;height:93%;border-radius:36px;rotate:-16deg}
.motion-signal-ribbon .ring-a{height:78%;width:60%;rotate:22deg}.motion-signal-ribbon .ring-b{height:90%;width:69%;rotate:-19deg}.motion-signal-ribbon .path-c{stroke-dasharray:35 500;stroke-width:2}
.motion-razr-fold .ring-a{height:7%;width:70%;top:53%;border-color:#b9ade17a;box-shadow:0 0 25px #9684e124}.motion-razr-fold .ring-b{height:80%;width:50%;border-style:dashed;opacity:.4}.motion-razr-fold .optical-target{scale:.65}
.motion-honor-lenses .ring-a{width:68%;height:68%;top:35%}.motion-honor-lenses .ring-b{width:50%;height:50%;top:35%;border-width:1px;border-style:dashed}.motion-honor-lenses .scene-line-a{opacity:.4;left:25%;top:15%;width:45%;height:45%;border-radius:50%;background:conic-gradient(from calc(var(--journey)*350deg),transparent,#b393e500 70%,#b393e555 85%,transparent);filter:blur(9px)}
.motion-hinge-arc .ring-a,.motion-mac-open .ring-a{height:68%;width:80%;border-top-color:#c4b1f077;border-right-color:transparent;border-bottom-color:transparent;border-left-color:#9eb8e577}.motion-hinge-arc .ring-b,.motion-mac-open .ring-b{height:7%;width:95%;top:68%;box-shadow:0 0 22px #9cacf533}.motion-thinkpad-track .optical-target{stroke:#c5b0f5;stroke-width:1.7}.motion-thinkpad-track .ring-a{border-radius:18px;height:46%;width:80%;top:61%;rotate:-8deg}.motion-thinkpad-track .product-light-skin{background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#e1c3ff88,transparent 27%)}
.motion-dual-display .ring-a{border-radius:15px;height:32%;width:72%;top:28%;rotate:-7deg}.motion-dual-display .ring-b{border-radius:15px;height:32%;width:72%;top:65%;rotate:-7deg}.motion-dual-display .scene-line-a{opacity:.6;left:13%;width:73%;top:48%;height:1px;background:linear-gradient(90deg,transparent,#c0abff,#94c9ff,transparent);box-shadow:0 0 19px #a6b8ff;rotate:-7deg}
.motion-air-stream .ring-a{height:33%;width:110%;top:62%;border-color:#8eafe22c}.motion-air-stream .scene-line-a,.motion-air-stream .scene-line-b{opacity:.5;left:5%;top:25%;width:90%;height:20%;border-radius:50%;background:linear-gradient(5deg,transparent 42%,#9fbbf542 48%,#b7a1e44d 51%,transparent 58%);filter:blur(5px);transform:translate(calc(var(--journey)*12%),calc(var(--journey)*-50%)) rotate(-17deg)}.motion-air-stream .scene-line-b{top:55%;rotate:12deg;filter:blur(9px)}
.motion-edge-trace .ring-a{height:10%;width:100%;top:66%;rotate:-11deg}.motion-edge-trace .ring-b{display:none}.motion-edge-trace .path-a{stroke-width:1.2}.motion-edge-trace .product-light-skin{background:linear-gradient(155deg,transparent 56%,#d2d6ff55 59%,#b5d6ffbb 60%,transparent 62%);background-size:170% 170%;background-position:var(--light-travel) 50%}
.motion-data-route .ring-a{height:48%;width:82%;border-radius:15px;rotate:-9deg}.motion-data-route .path-c{stroke-dasharray:10 70;stroke-width:2}.motion-data-route .scene-line-a{opacity:.45;left:18%;top:50%;width:65%;height:1px;background:linear-gradient(90deg,transparent,#d5bdff,transparent);transform:translateY(calc(var(--journey)*-110px)) rotate(-9deg)}
.motion-thermal-plume .ring-a{height:19%;width:98%;top:65%;border-color:#b1a0d73c}.motion-thermal-plume .scene-line-a,.motion-thermal-plume .scene-line-b{opacity:calc(.25 + var(--thermal)*.4);top:10%;left:19%;height:70%;width:23%;border-radius:50%;background:linear-gradient(0deg,#9380cb00,#9c7de85c,transparent);filter:blur(22px);transform:rotate(-26deg) translateY(calc(var(--journey)*-35%))}.motion-thermal-plume .scene-line-b{left:60%;transform:rotate(25deg) translateY(calc(var(--journey)*-25%));background:linear-gradient(0deg,transparent,#7eb6ec50,transparent)}
.motion-key-spectrum .product-light-skin{background:linear-gradient(100deg,transparent 35%,#b3a0ff77 42%,#9ad8ff88 48%,transparent 54%);background-size:250% 200%;background-position:var(--light-travel) 70%}.motion-key-spectrum .ring-a{border-radius:10px;width:90%;height:35%;top:64%;rotate:-9deg}.motion-key-spectrum .ring-b{width:105%;height:21%;top:68%}
.motion-book-display .scene-line-a{opacity:.4;inset:13% 16% 26%;border-radius:20px;background:linear-gradient(145deg,transparent 25%,#8a86cd46 48%,#8ab8e950 55%,transparent 72%);filter:blur(18px);transform:translateX(calc(var(--journey)*8%))}.motion-book-display .ring-a{height:60%;width:75%;border-radius:12px;rotate:-7deg}
.motion-pencil-path .ring-a{height:85%;width:69%;border-radius:22px;rotate:-13deg}.motion-pencil-path .ring-b{display:none}.motion-pencil-path .path-a{stroke-dasharray:1200;stroke-dashoffset:calc(1200 - var(--draw-progress)*1200)!important;stroke-width:2;opacity:.65!important}.motion-pencil-path .path-b{opacity:.15!important}.motion-s-pen-wave .path-a{stroke-dasharray:900;stroke-dashoffset:calc(900 - var(--draw-progress)*900)!important;stroke-width:2;opacity:.55!important}.motion-s-pen-wave .ring-a{height:60%;width:87%;border-radius:25px;rotate:7deg}.motion-yoga-balance .ring-a{height:10%;width:93%;top:76%;rotate:-7deg}.motion-yoga-balance .ring-b{height:63%;width:70%;border-bottom-color:transparent;border-right-color:transparent}.motion-paper-light .scene-line-a{opacity:.55;left:10%;top:10%;width:82%;height:62%;border-radius:25px;background:linear-gradient(145deg,#a98ddc0a,#b5c5ef27,transparent);transform:translate(calc(var(--journey)*7%),calc(var(--journey)*-10%)) rotate(-9deg);border-top:1px solid #d5c1f544;box-shadow:0 -15px 60px #9073b718}.motion-paper-light .ring-b{border-radius:20px;width:76%;height:65%}.motion-page-turn .ring-a{width:75%;height:75%;border-radius:18px;rotate:-5deg}.motion-page-turn .scene-line-a{opacity:.45;inset:20%;background:conic-gradient(from calc(-90deg + var(--journey)*180deg),transparent 40%,#b59ee441 48%,#9fb8ed28 55%,transparent 66%);filter:blur(12px)}
.motion-ps5-current .ring-a{height:92%;width:62%;border-left-color:#b1c7fa55;border-top-color:transparent;border-bottom-color:transparent}.motion-ps5-current .ring-b{height:18%;width:95%;top:76%;box-shadow:0 0 22px #a995de17}.motion-ps5-current .path-c{stroke-dasharray:45 550;stroke-width:2}.motion-xbox-vortex .ring-a{width:70%;height:22%;top:22%;border-width:2px;box-shadow:0 0 30px #9b8ce238,inset 0 0 35px #91b7ec15}.motion-xbox-vortex .ring-b{width:88%;height:25%;top:18%;border-style:dashed}.motion-xbox-vortex .scene-line-a{opacity:.45;left:30%;width:45%;height:57%;top:-5%;background:linear-gradient(0deg,#9d8fe537,transparent);filter:blur(23px);border-radius:50%;transform:translateY(calc(var(--journey)*-15%))}.motion-joycon-release .ring-a{height:55%;width:95%;border-radius:60px;rotate:-3deg}.motion-joycon-release .ring-b{height:45%;width:113%;rotate:4deg}.motion-joycon-release .scene-line-a,.motion-joycon-release .scene-line-b{opacity:.6;top:30%;height:40%;width:1px;left:calc(18% - var(--journey)*5%);background:linear-gradient(transparent,#c0a6ef,#92c4f3,transparent);box-shadow:0 0 16px #b0b9ed}.motion-joycon-release .scene-line-b{left:auto;right:calc(18% - var(--journey)*5%)}
.motion-control-test .ring-a{height:66%;width:85%;rotate:18deg}.motion-control-test .ring-b{height:85%;width:100%;rotate:-22deg}.motion-control-test .optical-target{stroke-width:1.2;filter:drop-shadow(0 0 9px #a28ce6)}.motion-control-test .product-light-skin{background:radial-gradient(ellipse at calc(40% + var(--stick-x)) 55%,#acbbff70,transparent 24%)}.motion-imac-profile .ring-a{border-radius:20px;height:70%;width:85%}.motion-imac-profile .ring-b{height:15%;top:83%}
/* Different reading patterns make each repair catalogue feel intentional. */
.brand-repairs .brand-repair-intro{font-size:12px;color:#aebbd1;max-width:610px;line-height:1.9;margin:-25px 0 45px}.repair-rail .brand-repair-grid{display:block}.repair-rail .repair-card{display:grid;grid-template-columns:35px 1fr 1.2fr 110px;gap:25px;align-items:start;border:0;border-top:1px solid #b2bfdd30;border-radius:0;background:none;padding:28px 0;transform:none!important}.repair-rail .repair-card>svg{display:none}.repair-rail .repair-card h3{margin:0;font-size:25px}.repair-rail .repair-card p{margin:0}.repair-rail .repair-card a{margin:0;padding:4px 0 0;border:0;font-size:10px}.repair-dossier .brand-repair-grid{grid-template-columns:1fr 1fr;gap:0 50px}.repair-dossier .repair-card{background:none;border:0;border-top:1px solid #a7b5d733;border-radius:0;padding:27px 0;transform:none!important}.repair-dossier .repair-card>svg{display:none}.repair-dossier .repair-card h3{margin:16px 0}.repair-disclosure{display:flex;gap:20px;justify-content:space-between;align-items:center;width:100%;font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer}.repair-disclosure span{font-size:21px;color:#bca6ed}.repair-disclosure[aria-expanded=true] span{rotate:45deg}.repair-disclosure:focus-visible{outline:2px solid #b9a7ef;outline-offset:6px}.repair-editorial .brand-repair-grid{grid-template-columns:1.2fr 1fr;gap:20px}.repair-editorial .repair-card:first-child{grid-row:span 2;padding:40px;background:radial-gradient(ellipse at 30% 15%,#55537740,transparent 65%),#171c30}.repair-editorial .repair-card:first-child h3{font-size:36px}.repair-editorial .repair-card:first-child>svg{width:95px;height:95px;margin:45px 0}.repair-editorial .repair-card:first-child p{font-size:14px;line-height:2}.repair-editorial .repair-card:not(:first-child)>svg{display:none}.repair-editorial .repair-card:nth-child(n+4){grid-column:auto}.repair-mosaic .brand-repair-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense}.repair-mosaic .repair-card:nth-child(4n+1){grid-column:span 2;display:grid;grid-template-columns:70px 1fr;gap:0 25px}.repair-mosaic .repair-card:nth-child(4n+1)>h3,.repair-mosaic .repair-card:nth-child(4n+1)>p,.repair-mosaic .repair-card:nth-child(4n+1)>a{grid-column:2}.repair-mosaic .repair-card:nth-child(4n+1)>svg{grid-column:1;grid-row:2/5}.repair-mosaic .repair-card:nth-child(4n+1) h3{font-size:30px}.repair-compact .brand-repair-grid{grid-template-columns:repeat(2,1fr);gap:0 45px}.repair-compact .repair-card{border:0;border-top:1px solid #b5c2df25;background:none;border-radius:0;transform:none!important;padding:30px 0}.repair-compact .repair-card>svg{float:right;width:42px;height:42px;margin:0 0 0 20px}.repair-compact .repair-card h3{margin-top:20px}
.brand-case-study{position:relative;background:linear-gradient(135deg,#192038,#14172c);display:grid;grid-template-columns:1fr 1.1fr;gap:10%;border-block:1px solid #abbce521}.brand-case-study h2{font-size:clamp(36px,4.2vw,64px);margin:35px 0}.brand-case-study .case-intro{font-size:13px;line-height:1.9;color:#bec7da}.case-checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:center}.case-checks li{border-top:1px solid #b3c5e329;padding:25px 0;display:grid;grid-template-columns:32px 1fr;gap:15px}.case-checks li>span{font-size:8px;color:#afa0d7;letter-spacing:.1em;margin-top:5px}.case-checks h3{margin:0 0 12px;font-size:24px;letter-spacing:-.6px;font-weight:400}.case-checks p{font-size:12px;line-height:1.8;color:#aebbd2;margin:0}.case-stamp{margin-top:35px;padding-top:20px;border-top:1px solid #b3c5e329;display:flex;align-items:center;gap:20px}.case-stamp .brand-mark{width:60px;height:24px}.case-stamp span{font-size:9px;line-height:1.8;color:#a4b2c9}.story-thermal .brand-focus,.story-nocturne .brand-focus{background:#111327}.story-air .brand-focus,.story-paper .brand-focus{background:#e9edf3;color:#17243d}.story-air .brand-focus>div>p,.story-paper .brand-focus>div>p{color:#516076}.story-air .brand-focus em,.story-paper .brand-focus em{color:#746590}.story-controllers .brand-focus h2,.story-handheld .brand-focus h2{font-size:clamp(40px,4.6vw,70px)}.story-poster .brand-focus,.story-tower .brand-focus{grid-template-columns:.8fr 1.2fr}.story-fold .brand-focus,.story-canvas .brand-focus{grid-template-columns:1.2fr .8fr}.story-keyboard .brand-case-study,.story-nocturne .brand-case-study{grid-template-columns:1.2fr 1fr}.story-panorama .brand-case-study,.story-wide .brand-case-study{background:radial-gradient(ellipse at 15% 20%,#43416f40,transparent 60%),#11172a}.has-product-story .brand-repairs h2{max-width:1000px}.has-product-story .brand-hero+.brand-focus{border-top:1px solid #bcc7e326}
.has-product-story .iphone-ready .product-photo{opacity:0!important}.has-product-story [data-brand-iphone]>canvas{z-index:3}.has-product-story .iphone-view-toggle{bottom:3%;left:50%;font-size:9px;padding:10px 17px}.has-product-story [data-brand-iphone]{min-height:470px}.has-product-story .product-viewport .product-model{z-index:6}.brand-photo-credit{font-size:8px;color:#8d9bb5;line-height:1.8;margin-top:25px}.brand-photo-credit a{text-underline-offset:3px;text-decoration:underline;text-decoration-color:#96a3c455}
@media(max-width:1100px){.has-product-story .brand-hero{min-height:760px;gap:4%}.has-product-story .brand-hero h1{font-size:clamp(49px,6.2vw,76px)}.product-viewport{min-height:330px}.product-phases>button{padding:11px 7px;font-size:9px}.product-play{width:33px;height:33px}.product-model{font-size:8px}.product-view-label{font-size:7px}.repair-rail .repair-card{grid-template-columns:25px 1fr 1fr;gap:17px}.repair-rail .repair-card a{grid-column:3}.product-caption{font-size:10px!important}.story-panorama .product-viewport,.story-wide .product-viewport,.story-duo .product-viewport,.story-landscape .product-viewport,.story-handheld .product-viewport{min-height:390px}.brand-case-study{gap:6%}.brand-case-study h2{font-size:42px}}
@media(max-width:720px){.has-product-story .brand-hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0;padding-top:35px;padding-bottom:50px;overflow:hidden}.has-product-story .brand-hero-copy{display:block!important;order:0;padding:0!important}.has-product-story .brand-hero h1{font-size:clamp(48px,12vw,76px);margin:0 0 24px!important}.has-product-story .brand-breadcrumb{margin-bottom:30px!important}.has-product-story .brand-signature{margin-bottom:26px!important}.has-product-story .brand-hero-copy>.brand-lead{font-size:20px!important;line-height:1.4!important}.has-product-story .brand-hero-copy>p{font-size:12px;max-width:450px}.has-product-story .brand-actions{gap:20px;margin-top:25px}.has-product-story .brand-artwork{width:100%;margin:0!important;order:1}.product-viewport{min-height:310px;aspect-ratio:1.02!important}.product-sculpture{inset:4% 1% 4%!important}.product-detail-window{width:31%}.product-control-bar{gap:8px}.product-model{margin-top:12px!important;margin-bottom:14px!important;gap:15px}.product-phases{gap:3px}.product-phases>button{font-size:10px;line-height:1.3;padding:12px 9px}.product-phases>button>span{font-size:7px;margin-bottom:6px}.product-play{width:34px;height:34px}.product-caption{min-height:3.4em;max-width:none!important;font-size:11px!important;line-height:1.75!important}.story-poster .product-viewport,.story-tall .product-viewport,.story-fold .product-viewport,.story-orbit .product-viewport,.story-monument .product-viewport,.story-tower .product-viewport{aspect-ratio:.94!important;min-height:360px}.story-panorama .product-viewport,.story-wide .product-viewport,.story-duo .product-viewport,.story-landscape .product-viewport,.story-handheld .product-viewport{min-height:300px;aspect-ratio:1.2!important}.story-keyboard .product-viewport,.story-air .product-viewport,.story-profile .product-viewport,.story-thermal .product-viewport,.story-nocturne .product-viewport{min-height:300px;aspect-ratio:1.1!important}.story-controllers .product-viewport{min-height:340px;aspect-ratio:1!important}.product-atmosphere:before{filter:blur(20px)}.product-light-skin{inset:4% 1% 4%}.product-optics{left:0!important;width:100%!important}.brand-case-study{grid-template-columns:1fr!important;gap:32px}.brand-case-study h2{font-size:40px;margin:25px 0}.brand-case-study .case-intro{font-size:12px}.case-checks li{padding:22px 0}.case-checks h3{font-size:23px}.case-checks p{font-size:12px}.case-stamp{margin-top:25px}.story-poster .brand-focus,.story-tower .brand-focus,.story-fold .brand-focus,.story-canvas .brand-focus{grid-template-columns:1fr}.repair-rail .repair-card{grid-template-columns:23px 1fr;gap:12px 18px;padding:23px 0}.repair-rail .repair-card h3{font-size:24px}.repair-rail .repair-card p,.repair-rail .repair-card a{grid-column:2}.repair-rail .repair-card p{font-size:12px}.repair-dossier .brand-repair-grid{grid-template-columns:1fr;gap:0}.repair-dossier .repair-card h3{font-size:25px}.repair-dossier .repair-card p{font-size:12px}.repair-editorial .brand-repair-grid{grid-template-columns:1fr;gap:16px}.repair-editorial .repair-card:first-child{grid-row:auto;padding:28px}.repair-editorial .repair-card:first-child h3{font-size:31px}.repair-editorial .repair-card:first-child>svg{width:65px;height:65px;margin:28px 0}.repair-editorial .repair-card:first-child p{font-size:13px}.repair-mosaic .brand-repair-grid{grid-template-columns:1fr 1fr;gap:13px}.repair-mosaic .repair-card:nth-child(4n+1){grid-column:span 2;grid-template-columns:42px 1fr;gap:0 17px}.repair-mosaic .repair-card:nth-child(4n+1) h3{font-size:27px}.repair-mosaic .repair-card:nth-child(4n+1)>svg{width:40px;height:40px}.repair-compact .brand-repair-grid{grid-template-columns:1fr;gap:0}.repair-compact .repair-card h3{font-size:26px}.repair-compact .repair-card p{font-size:12px}.brand-repairs .brand-repair-intro{font-size:12px;margin-top:-17px;margin-bottom:30px}.has-product-story [data-brand-iphone]{min-height:360px}.has-product-story .iphone-view-toggle{bottom:1%}.has-product-story .brand-repairs h2{font-size:39px;line-height:1.08}}
@media(max-width:380px){.has-product-story .brand-hero h1{font-size:45px}.product-phases>button{padding:10px 6px;font-size:9px}.product-viewport{min-height:290px!important}.product-caption{font-size:10px!important}.repair-mosaic .brand-repair-grid{display:block}.repair-mosaic .repair-card{margin-bottom:13px}.product-control-bar{gap:5px}}
@media(prefers-reduced-motion:reduce){.product-photo,.product-light-skin{will-change:auto}.product-experience *{transition:none!important}.product-atmosphere{opacity:.65}.product-optics .path-b,.product-optics .path-c{display:none}.product-light-skin{opacity:.2!important}}

svg.brand-mark{filter:none}.story-controllers .brand-hero h1,.story-gallery .brand-hero h1,.story-thermal .brand-hero h1,.story-nocturne .brand-hero h1{font-size:clamp(50px,5vw,76px)}.product-paper .product-viewport{background:#fff;overflow:hidden}.product-paper .product-photo{filter:none}.repair-card>[hidden]{display:none!important}

.product-play[hidden]{display:none!important}.mac-product-hero{min-width:0;align-self:center}.mac-product-hero .product-viewport{min-height:340px;aspect-ratio:1.15}.mac-branded-page #imac .product-experience{margin-top:35px}.mac-branded-page #imac .product-viewport{min-height:350px;aspect-ratio:1.1}.mac-branded-page .detail-hero{overflow:visible}.mac-branded-page .brand-existing{align-items:start}.mac-branded-page .product-experience p{font-size:11px;line-height:1.8}.mac-branded-page .product-viewport .product-photo{animation:none;transition:none}
@media(max-width:720px){.mac-branded-page .detail-hero{display:block;overflow:hidden}.mac-product-hero{margin-top:40px}.mac-product-hero .product-viewport,.mac-branded-page #imac .product-viewport{min-height:310px}.story-controllers .brand-hero h1,.story-gallery .brand-hero h1,.story-thermal .brand-hero h1,.story-nocturne .brand-hero h1{font-size:clamp(48px,12vw,76px)}}

.real-controller{overflow:visible}.controller-probes{opacity:.1;filter:drop-shadow(0 0 5px #b79bef)}[data-phase="0"] .controller-probes{opacity:.45}.real-controller [data-controller-part]{filter:drop-shadow(0 2px 1px #0004)}

.mac-branded-page .detail-main{overflow-x:clip}.product-photo.photo-1,.product-photo.photo-2{opacity:0}

.real-handheld{overflow:visible}.motion-joycon-release.product-paper .product-sculpture{inset:8% 9% 8%!important}.motion-joycon-release .product-light-skin{display:none}

/* Animation captions removed at the user's request. The original scenes remain. */
.product-model,.product-phases,.product-caption{display:none!important}
.product-control-bar{position:absolute!important;right:15px;bottom:14px;margin:0!important;padding:0!important;border:0!important;z-index:5;width:auto!important}
.component-caption,.component-hint,.component-model-note{display:none!important}

/* Nintendo uses a precise SVG silhouette over the original photograph. */
.motion-joycon-release .product-viewport{background:transparent;border:0;box-shadow:none;overflow:visible}
.motion-joycon-release .product-sculpture{inset:8% 9% 8%!important}
.motion-joycon-release .real-handheld{filter:drop-shadow(0 22px 24px #0007) drop-shadow(0 0 18px #8b87dd19)}

/* All animated devices sit directly on the page, with no white staging panel. */
.product-paper .product-viewport{background:transparent!important;border:0!important;box-shadow:none!important}
.native-product-cutout{overflow:visible;filter:drop-shadow(0 18px 22px #0005)}
.motion-pixel-bar .product-light-skin,.motion-page-turn .product-light-skin{display:none}
.motion-pixel-bar .product-detail-window,.motion-page-turn .product-detail-window{display:none}