html{scroll-behavior:auto}
.case-page{--g:clamp(24px,5vw,90px);background:#000;color:#eee;line-height:1.6;overflow-x:clip}.case-shell{padding-inline:var(--g)}.case-page h1,.case-page h2{font-weight:450;letter-spacing:-.045em;line-height:1.13}.case-page h2{font-size:clamp(27px,2.6vw,37px)}.case-page p{margin:0}.case-page figure{margin:0}.case-page :focus-visible{outline:2px solid #ddd;outline-offset:6px}.case-page section[id]{scroll-margin-top:100px}.case-header{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:25px var(--g);transition:background .4s,padding .4s;background:linear-gradient(#0006,transparent)}.case-header.scrolled{background:#000d;backdrop-filter:blur(16px);padding-block:13px}.case-brand{width:175px}.case-header nav{display:flex;align-items:center;gap:28px;font-size:12px}.case-header nav>a,.case-header nav>button{display:flex;align-items:center;min-height:44px}.case-talk{gap:14px}.case-talk svg{width:18px;height:18px}#language{font-size:11px;color:#ccc;padding-inline:5px}.motion-switch{width:28px;justify-content:center}.motion-switch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.play-mark{display:none}.motion-off .pause-mark{display:none}.motion-off .play-mark{display:block;fill:currentColor;stroke:none}.reading-line{position:fixed;inset:0 auto auto 0;height:1px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:#ddd;z-index:50;pointer-events:none}
.film{position:relative;overflow:hidden;background:#111}.film video{width:100%;height:100%;display:block;object-fit:cover}.case-hero{height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:clip;view-transition-name:aston-project}.case-hero-media{position:absolute;inset:-7% 0;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(#0003,transparent 35%,#0002 55%,#000b)}.hero-caption{position:absolute;left:0;right:0;bottom:7svh;display:flex;justify-content:space-between;align-items:end;gap:50px;will-change:transform;z-index:2}.case-page .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#999;margin-bottom:25px}.hero-caption .eyebrow{color:#ddd;font-size:9px}.hero-caption h1{font-size:clamp(42px,4.7vw,68px);margin-bottom:13px}.hero-line{font-size:15px;color:#ddd}.hero-endnote{display:flex;align-items:end;gap:50px}.hero-endnote p{font-size:10px;line-height:1.6;color:#ddd}.hero-endnote a{font-size:27px;min-width:44px;min-height:44px;text-align:center}
.strategic-opening{padding-block:110px 70px;display:grid;grid-template-columns:1fr 1fr;gap:35px 13vw}.strategic-opening h2{max-width:470px}.strategy-copy{font-size:15px;line-height:1.8;color:#aaa;max-width:490px}.strategy-copy+.strategy-copy{margin-top:20px}.project-roles{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:25px;margin-top:30px;font-size:10px;color:#888}.showcase{position:relative;padding-block:70px 110px}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:8vw;margin-bottom:55px}.showcase-heading h2{max-width:450px}.showcase-heading .eyebrow,.range-intro .eyebrow{margin-bottom:20px}.section-note{font-size:14px;line-height:1.75;color:#999;max-width:340px}.brand-stage{perspective:1800px;padding:5px 2vw}.brand-browser{width:100%;will-change:transform;transform-origin:50% 50%}.frame-caption{display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.06em;color:#777;padding-top:22px}.showcase-brand .frame-caption{margin-inline:2vw}.live-viewport iframe{transform-origin:0 0}.film-interlude{height:90svh;min-height:580px;position:relative;overflow:clip;isolation:isolate;margin-block:45px 80px}.interlude-media{position:absolute;inset:-8% 0;will-change:transform}.interlude-shade{position:absolute;inset:0;background:linear-gradient(#0004,transparent 40%,#0009)}.interlude-copy{position:absolute;left:0;bottom:8%;z-index:2}.interlude-copy .eyebrow{color:#ccc;font-size:9px;margin-bottom:20px}.interlude-copy h2{font-size:clamp(32px,3.4vw,48px)}.interlude-copy p:last-child{font-size:13px;line-height:1.65;color:#bbb;margin-top:24px}.showcase-range{display:grid;grid-template-columns:.6fr 1.65fr;gap:0 7vw;align-items:center;padding-block:75px 130px;perspective:1800px}.range-intro .section-note{margin-top:30px;max-width:285px}.range-browser{will-change:transform}.showcase-range .frame-caption{grid-column:2}.showcase-product{padding-top:50px;padding-bottom:85px}.product-stage{position:relative;padding-top:20px;padding-bottom:65px;perspective:1800px}.product-browser{width:85%;will-change:transform;transform-origin:0 50%}.product-phone{position:absolute;right:0;bottom:5px;width:23%;will-change:transform}.product-phone .live-chrome{display:none}.product-phone .live-progress{display:none}.showcase-product .frame-caption{padding-top:10px}.craft-films{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:5vw;padding-block:90px 130px}.craft-films>figure{will-change:transform}.craft-films>figure:first-child{width:90%}.craft-films>figure:nth-child(2){margin-top:180px}.craft-portrait{aspect-ratio:9/14}.craft-interior{aspect-ratio:4/3}.craft-films figcaption{font-size:9px;color:#777;letter-spacing:.07em;margin-top:17px}.craft-line{grid-column:2;margin-top:-35px;max-width:340px}.craft-line h2{font-size:25px}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:13vw;padding-block:65px 110px}.delivery-list{display:flex;flex-wrap:wrap;gap:15px 25px;border-top:1px solid #ffffff25;padding-top:22px;margin-top:30px;color:#777;font-size:9px;letter-spacing:.04em}.case-next{padding-block:60px 95px;border-top:1px solid #ffffff25}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:13vw;align-items:end}.next-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff50;padding-block:15px;font-size:21px;max-width:440px}.next-link svg{width:28px;height:28px}.case-disclosure{font-size:10px;line-height:1.7;max-width:750px;color:#777}.case-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:30px;margin-top:45px}.case-footer .brand{width:155px}.case-footer>span{font-size:10px;color:#888}.case-footer>a:last-child{font-size:22px;min-width:44px;text-align:center}
@media(min-width:1750px){.case-shell{padding-inline:max(var(--g),calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.case-brand{width:150px}.case-header nav{gap:17px}.showcase-range{grid-template-columns:.65fr 1.4fr;gap:0 5vw}.case-page h2{font-size:29px}.section-note,.strategy-copy{font-size:13px}.craft-films>figure:nth-child(2){margin-top:100px}.craft-line h2{font-size:23px}.hero-endnote{gap:25px}.strategic-opening,.delivery,.next-grid{gap:8vw}}
@media(max-width:650px){.case-page{--g:24px}.case-header{padding-block:14px}.case-header.scrolled{padding-block:9px}.case-brand{width:122px}.case-header nav{gap:9px;font-size:9px}.case-header nav>a:first-child{display:none}.case-talk{gap:6px}.case-talk svg{width:14px;height:14px}#language{font-size:9px;padding-inline:3px}.motion-switch{width:24px}.motion-switch svg{width:17px;height:17px}.case-hero{min-height:600px}.hero-caption{bottom:7svh;gap:20px}.hero-caption h1{font-size:43px}.hero-caption .eyebrow{font-size:7px;max-width:230px;margin-bottom:20px}.hero-line{font-size:13px}.hero-endnote p{display:none}.hero-endnote{gap:0}.hero-endnote a{font-size:23px}.case-page h2{font-size:27px}.case-page .eyebrow{font-size:9px;margin-bottom:21px}.strategic-opening{display:block;padding-block:65px 28px}.strategic-opening>div:nth-child(2){margin-top:28px}.strategy-copy{font-size:14px}.project-roles{margin-top:35px;font-size:9px;gap:15px}.project-roles>span:first-child{max-width:250px}.showcase{padding-block:45px 65px}.showcase-heading{display:block;margin-bottom:28px}.showcase-heading .section-note{margin-top:24px;max-width:310px}.section-note{font-size:13px}.brand-stage{padding-inline:0}.showcase-brand .frame-caption{margin-inline:0}.frame-caption{font-size:7px;padding-top:16px;gap:15px}.frame-caption>span:first-child{max-width:220px}.film-interlude{height:77svh;min-height:480px;margin-block:20px 30px}.interlude-media video{object-position:53% center}.interlude-copy{bottom:8%}.interlude-copy h2{font-size:35px}.interlude-copy .eyebrow{font-size:8px}.interlude-copy p:last-child{font-size:12px;margin-top:20px}.showcase-range{display:block;padding-block:40px 70px}.range-intro{margin-bottom:30px}.range-intro .section-note{margin-top:22px;max-width:310px}.product-stage{padding-bottom:72px;padding-top:5px;margin-inline:-6px}.product-browser{width:92%}.product-phone{width:35%;right:-2px;bottom:0;border-width:4px!important;border-radius:18px!important}.product-phone:after{height:7px!important;top:5px!important}.showcase-product .frame-caption{padding-top:17px}.craft-films{gap:25px;grid-template-columns:.88fr 1fr;padding:25px 18px 65px}.craft-films>figure:first-child{width:100%}.craft-films>figure:nth-child(2){margin-top:75px}.craft-interior{aspect-ratio:3/4}.craft-films figcaption{font-size:7px;margin-top:12px}.craft-line{grid-column:1/-1;margin-top:15px;margin-left:6px;max-width:280px}.craft-line h2{font-size:23px}.delivery{display:block;padding-block:30px 65px}.delivery>div:last-child{margin-top:25px}.delivery-list{font-size:8px;gap:12px 20px}.case-next{padding-block:40px 60px}.next-grid{display:block}.next-link{margin-top:25px;font-size:20px;max-width:none}.case-disclosure{font-size:9px}.case-footer{margin-top:30px;padding-block:25px}.case-footer .brand{width:125px}.case-footer>span{display:none}}
.motion-off .case-hero-media,.motion-off .hero-caption,.motion-off .interlude-media,.motion-off .brand-browser,.motion-off .range-browser,.motion-off .product-browser,.motion-off .product-phone,.motion-off .craft-films>figure{transform:none!important}
@media(prefers-reduced-motion:reduce){.case-page *{scroll-behavior:auto!important}.case-hero-media,.hero-caption,.interlude-media,.brand-browser,.range-browser,.product-browser,.product-phone,.craft-films>figure{transform:none!important}}

@media(min-width:651px){.case-hero-media{inset:0}.case-hero-media video{object-fit:contain}.case-hero{background:#080808}}
/* Larger, distinct device compositions; every live journey includes a mobile view. */
.case-hero-media{inset:0 0 -12%}.case-hero-media video{object-fit:cover!important;object-position:center}.device-stage{position:relative;perspective:1800px}.case-page .phone .live-chrome,.case-page .phone .live-progress{display:none}.case-page .phone{border-color:#686868 #343434 #212121 #737373;box-shadow:0 0 0 1px #aaa6,0 35px 80px #000b;border-width:6px;border-radius:34px}.case-page .phone:before{content:'';position:absolute;inset:0;z-index:3;box-shadow:inset 0 0 0 1px #ffffff44;border-radius:27px;pointer-events:none}.brand-stage{padding:0 0 105px}.brand-browser{width:86%;transform-origin:0 50%}.brand-phone{width:23%;position:absolute;right:0;bottom:5px;will-change:transform}.showcase-brand .frame-caption{margin-inline:0}.showcase-range{display:block;padding-top:65px}.range-intro{display:flex;align-items:end;justify-content:space-between;gap:8vw;margin-bottom:60px}.range-intro .section-note{margin:0;max-width:340px}.range-stage{padding:30px 0 110px}.range-browser{width:88%;margin-left:auto;transform-origin:100% 50%}.range-phone{position:absolute;left:0;bottom:0;width:23%;will-change:transform}.range-stage:before{content:'';position:absolute;inset:-40px -10vw 0;background:radial-gradient(ellipse,#202327 0,transparent 68%);z-index:-1}.showcase-range .frame-caption{padding-top:30px}.showcase-product{padding-block:40px 110px}.product-stage{padding-bottom:105px}.product-phone{width:24%;bottom:5px}.showcase-duo{padding-block:80px 100px;background:linear-gradient(#000,#101112 45%,#070808)}.duo-stage{position:relative;height:800px;perspective:1800px;isolation:isolate;display:grid;place-items:center}.duo-orbit{position:absolute;width:95%;height:60%;top:24%;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 130px #ffffff05,inset 0 0 130px #ffffff05}.duo-word{position:absolute;top:15%;left:50%;transform:translateX(-50%);font-size:clamp(160px,25vw,390px);letter-spacing:-.09em;line-height:1;color:#ffffff05;font-weight:500;z-index:-1}.duo-pair{width:60%;max-width:750px;display:flex;align-items:center;gap:11%;position:relative}.duo-phone{width:44.5%;flex:0 0 44.5%;will-change:transform}.duo-left{transform:translateY(-45px) rotate(-9deg)}.duo-right{transform:translateY(45px) rotate(9deg)}.duo-label{position:absolute;bottom:16%;font-size:9px;letter-spacing:.09em;line-height:1.8;color:#c5c5c5}.duo-label span{display:block;color:#777;font-size:8px;margin-top:9px}.duo-label-left{left:0;bottom:24%}.duo-label-right{right:0;text-align:right;bottom:15%}.showcase-duo .frame-caption{padding-top:20px}.showcase-craft{padding-block:110px 130px}.craft-stage{padding:40px 0 110px}.craft-browser{width:85%;will-change:transform;transform-origin:0 50%}.craft-phone{position:absolute;width:23%;right:0;bottom:0;will-change:transform}.craft-stage:before{content:'';position:absolute;inset:-30px -8vw -30px;background:radial-gradient(ellipse at 58% 50%,#302b27 0,transparent 70%);z-index:-1}.showcase-craft .frame-caption{padding-top:30px}.motion-off .device-stage>.live-demo,.motion-off .duo-phone{transform:none!important}
@media(min-width:1750px){.duo-stage{height:920px}.duo-pair{max-width:800px}}
@media(max-width:1000px){.duo-stage{height:670px}.duo-pair{width:68%}.duo-label{font-size:7px}.duo-label span{font-size:6px}.range-intro{gap:6vw}}
@media(max-width:650px){.brand-stage{padding:10px 0 85px;margin-inline:-7px}.brand-browser{width:92%}.brand-phone{width:36%;bottom:0;right:-2px}.case-page .phone{border-width:4px;border-radius:20px}.case-page .phone:before{border-radius:15px}.range-intro{display:block;margin-bottom:25px}.range-intro .section-note{margin-top:22px;max-width:310px}.range-stage{padding:15px 0 100px;margin-inline:-7px}.range-browser{width:92%}.range-phone{width:36%;left:-2px;bottom:0}.showcase-range{padding-block:35px 65px}.showcase-range .frame-caption{padding-top:20px}.product-stage{padding-bottom:90px}.product-phone{width:36%}.showcase-product{padding-block:35px 70px}.showcase-duo{padding-block:55px 50px}.duo-stage{height:500px;margin-inline:-8px}.duo-pair{width:88%;gap:9%}.duo-phone{width:45.5%;flex-basis:45.5%}.duo-word{font-size:150px;top:27%}.duo-orbit{width:120%;height:60%;left:-10%;top:20%}.duo-label{bottom:0;font-size:7px}.duo-label-left{left:0;bottom:6%}.duo-label-right{right:0;bottom:0}.duo-label span{font-size:5px;margin-top:5px}.showcase-duo .frame-caption{padding-top:30px}.showcase-craft{padding-block:65px 85px}.craft-stage{padding:10px 0 100px;margin-inline:-7px}.craft-browser{width:92%}.craft-phone{width:36%;right:-2px}.showcase-craft .frame-caption{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.device-stage>.live-demo,.duo-phone{transform:none!important}}
/* Contain the decorative light and orbit without adding horizontal scrolling. */
.immersive-case main{overflow:clip}