@import url('vendor/lenis.css');
@font-face{font-family:Inter;src:url('assets/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--black:#111214;--paper:#f5f3ef;--orange:#d6ab88;--cool:#d6ab88;--copper:var(--orange);--body:Inter,Arial,sans-serif;--muted:#96979b}*{box-sizing:border-box}html{scroll-padding-top:85px}body{margin:0;background:var(--black);color:var(--paper);font:14px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}::selection{background:var(--copper);color:var(--black)}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:var(--paper);color:var(--black)}.skip:focus{top:12px}.header{position:fixed;inset:0 0 auto;height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;z-index:50;background:#111214a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--paper);transition:background .5s,color .5s;border-bottom:1px solid #ffffff0a}.header.light-header{background:#f5f3efd9;color:var(--black);border-color:#1112140a}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;letter-spacing:-.35px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;position:relative;font-size:22px;line-height:1;font-weight:500;letter-spacing:-2px}.brand-mark>span{position:absolute;right:0;top:-2px;font-size:9px;letter-spacing:0;color:var(--copper)}nav{display:flex;align-items:center;gap:34px;font-size:10px;letter-spacing:.1px}nav>a{opacity:.65;transition:opacity .25s}nav>a:hover{opacity:1}.nav-contact{opacity:1;border:1px solid #ffffff30;border-radius:30px;padding:9px 16px;margin-left:25px}.light-header .nav-contact{border-color:#11121430}.nav-contact span{margin-left:17px}.mobile-menu{display:none}.experience{position:relative}.experience-stage{position:relative;isolation:isolate;height:100svh;min-height:720px;overflow:hidden;background:var(--black);color:var(--paper)}.stage-light{position:absolute;inset:30% 0 0;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#d6ab8815,transparent 62%);pointer-events:none}.opening-copy{position:absolute;top:21%;left:5%;right:5%;text-align:center;z-index:4}.eyebrow{font-size:8px;letter-spacing:1.7px;line-height:1.7;text-transform:uppercase;opacity:.65}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;line-height:1.1;letter-spacing:-.06em}h1{font-size:clamp(48px,5.5vw,88px);margin:27px 0 24px}h1>span{color:var(--copper)}.opening-copy>p{font-size:14px;letter-spacing:-.2px;color:#a1a2a5;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid transparent;border-radius:30px;padding:12px 20px;font-size:10px;transition:background .3s,color .3s,border-color .3s}.button>span{font-size:17px;line-height:1}.primary{background:var(--paper);color:var(--black)}.primary:hover{background:var(--copper)}.discover{display:block;width:fit-content;margin:19px auto 0;font-size:9px;color:#a1a2a5}.discover span{margin-left:10px}.showcase-title{position:absolute;left:7%;top:13%;opacity:0;z-index:5;pointer-events:none}.showcase-title h2{font-size:clamp(32px,3vw,48px);letter-spacing:-1.8px;line-height:1.15;margin:15px 0 0}.showcase-title h2>span{opacity:.55}.device-composition{position:absolute;inset:0;perspective:1800px;pointer-events:none;z-index:2}.desktop-device{width:76%;position:absolute;top:74%;left:12%;border-radius:11px;background:#2b2c2e;padding:7px 7px 8px;box-shadow:0 60px 100px #0007,0 3px 5px #0008;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.browser-bar{height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#afb0b2;font-size:6px;background:#242527;border-radius:5px 5px 0 0}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#67686a}.address{font-size:6px;opacity:.7}.desktop-screen{height:clamp(320px,49svh,650px);overflow:hidden;border-radius:0 0 5px 5px;background:#202020}.desktop-screen img{display:block;width:100%;height:auto;will-change:transform}.device-reflection{position:absolute;inset:0;border-radius:11px;pointer-events:none;background:linear-gradient(120deg,#ffffff08,transparent 35%,#ffffff02);border:1px solid #ffffff1a}.phone-device{position:absolute;right:16%;top:25%;width:clamp(170px,15vw,260px);aspect-ratio:390/800;border:6px solid #28292b;background:#161719;border-radius:33px;padding:3px;box-shadow:10px 35px 80px #0004,0 0 0 1px #ffffff30;opacity:0;transform:translateY(90px);z-index:5}.phone-screen{width:100%;height:100%;overflow:hidden;border-radius:24px;background:#222}.phone-screen img{width:100%;height:auto;display:block}.phone-camera{position:absolute;z-index:3;left:38%;top:6px;width:24%;height:9px;border-radius:10px;background:#151515}.scene-caption{position:absolute;left:7%;bottom:12%;max-width:320px;z-index:5;opacity:0;pointer-events:none}.scene-caption>div{position:absolute;bottom:0;width:320px}.scene-caption h3{font-weight:500;font-size:23px;letter-spacing:-.8px;line-height:1.3;margin:14px 0 10px}.scene-caption p{font-size:11px;opacity:.55;max-width:270px;line-height:1.8;margin-bottom:0}.caption-two,.caption-three{opacity:0}.scene-footer{position:absolute;left:5%;right:5%;bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:8}.scene-footer>span{font-size:6px;letter-spacing:.85px;opacity:.35;max-width:430px}.scene-navigation{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #ffffff20;border-radius:30px;background:#ffffff08;backdrop-filter:blur(10px)}.scene-navigation button{background:none;border:0;border-radius:25px;padding:8px 13px;font-size:8px;color:inherit;opacity:.5}.scene-navigation button[aria-pressed=true]{background:#ffffff16;opacity:1}.experience-stage.on-light .scene-navigation{border-color:#11121420;background:#f5f3efcc}.experience-stage.on-light .scene-navigation button[aria-pressed=true]{background:#1112140c}.section{padding:140px 8%}.light{background:var(--paper);color:var(--black)}h2{font-size:clamp(40px,4.6vw,72px);margin:27px 0 40px}h2>span{color:var(--muted)}.light h2>span{color:#90908a}.intro{padding-top:150px;padding-bottom:130px}.intro h2{font-size:clamp(43px,5vw,80px);line-height:1.17}.intro-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;margin-top:70px;align-items:start}.hairline{width:50px;height:1px;background:#11121455;margin-top:10px}.intro-bottom p{font-size:12px;line-height:1.9;color:#777973;max-width:300px;margin:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:60px}.section-heading h2{margin-bottom:0;font-size:clamp(39px,4.1vw,65px)}.section-heading>p{font-size:11px;opacity:.5;max-width:270px;line-height:1.9;margin-bottom:3px}.work{padding-top:40px;padding-bottom:70px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project{min-width:0}.project:first-child{grid-column:1/-1}.project-preview{display:block;overflow:hidden;position:relative;padding:35px 8% 0;height:330px;background:var(--project-bg,#d4d0c6);border-radius:5px}.project:first-child .project-preview{height:530px;padding:48px 12% 0}.project-preview img{width:100%;display:block;box-shadow:0 10px 35px #0002;transition:transform 1s cubic-bezier(.2,.7,.3,1)}.project-preview:hover img{transform:translateY(-15px) scale(1.015)}.project-arrow{position:absolute;right:24px;bottom:24px;background:var(--paper);color:var(--black);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:18px}.project-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:21px}.project-info h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 4px}.project-info p{font-size:9px;opacity:.5;margin:0}.project-info>a{font-size:9px;border-bottom:1px solid #11121440;padding-bottom:5px;white-space:nowrap}.work-note{font-size:8px;opacity:.45;line-height:1.8;max-width:650px;margin:45px 0 0}.tone-bridge{height:220px;background:linear-gradient(var(--paper),#d9d8d4 15%,#7b7b77 47%,#2a2b2c 76%,var(--black));margin-top:-1px;margin-bottom:-1px}.tone-bridge.reverse{background:linear-gradient(var(--black),#2a2b2c 20%,#7b7b77 50%,#d9d8d4 80%,var(--paper))}.expertise{padding-top:90px;padding-bottom:70px}.expertise .section-heading h2{font-size:clamp(37px,4vw,62px)}.service-list{border-top:1px solid #ffffff25}.service-row{border-bottom:1px solid #ffffff25}.service-row summary{list-style:none;display:flex;align-items:center;gap:25px;padding:27px 0;cursor:pointer}.service-row summary::-webkit-details-marker{display:none}.service-row summary>span{font-size:8px;opacity:.35}.service-row h3{font-size:23px;letter-spacing:-.7px;font-weight:400;margin:0}.service-row summary>b{font-weight:400;font-size:20px;margin-left:auto;color:var(--copper);transition:transform .3s}.service-row[open] summary>b{transform:rotate(45deg)}.service-detail{padding:0 0 30px 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.service-detail p{font-size:12px;opacity:.55;line-height:1.9;max-width:520px;margin:0}.service-detail span{font-size:7px;letter-spacing:1px;opacity:.35;max-width:220px}.process{padding-top:65px;padding-bottom:100px}.process h2{font-size:clamp(38px,4.1vw,64px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.process-step{padding-top:23px;border-top:1px solid #ffffff25}.step-number{font-size:8px;letter-spacing:1px;color:var(--copper)}.process-step h3{font-weight:400;font-size:20px;letter-spacing:-.6px;margin:24px 0 15px}.process-step p{font-size:11px;opacity:.5;line-height:1.9;margin:0}.studio{padding-top:95px;padding-bottom:140px}.studio-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:12%;align-items:start}.studio h2{font-size:clamp(37px,4vw,62px);margin-bottom:0}.studio-layout>div{padding-top:30px}.studio-layout p{font-size:12px;line-height:1.9;color:#777973;margin-bottom:24px;max-width:340px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:10px;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link span{font-size:16px}.studio .text-link{margin-top:10px}.contact{padding-top:30px;padding-bottom:100px}.contact h2{font-size:clamp(70px,8vw,125px);letter-spacing:-.065em;line-height:1;margin:27px 0 65px}.contact h2>span{color:#aa8264}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:15%;border-top:1px solid #11121425;padding-top:40px}.contact-copy p{font-size:13px;line-height:1.9;color:#777973}.contact-copy>a{font-size:12px;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #11121435;padding-bottom:7px;margin-top:18px}.form-pair{display:flex;gap:25px}form label{display:block;width:100%;font-size:9px;color:#6e716b}input,select,textarea{width:100%;display:block;background:none;border:0;border-bottom:1px solid #11121430;border-radius:0;color:var(--black);padding:12px 0;margin-bottom:24px;font-size:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#a1a39b}select option{background:var(--paper);color:var(--black)}.button.black{background:var(--black);color:var(--paper);width:100%;border-radius:4px;padding:15px 20px}.button.black:hover{background:#373839}.form-help{font-size:8px;color:#8a8d84;margin:12px 0 0}.open-brief{margin:18px 22px 0 0}.copy-brief{padding:0 0 5px;border:0;border-bottom:1px solid currentColor;background:none;font-size:10px;margin-top:12px}#form-status{font-size:10px;color:#6e716b;margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);color:var(--black);padding:35px 5%;border-top:1px solid #11121415}footer .brand{font-size:11px}footer>span{font-size:8px;color:#93958d}footer>button,footer>a:last-child{font-size:8px;color:#777973}footer>button{background:none;border:0;padding:0 0 4px;border-bottom:1px solid #11121430}.no-js{padding:30px}.motion-reduced *, .motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important}.motion-reduced .experience-stage{height:auto;min-height:1000px;background:var(--black);color:var(--paper)}.motion-reduced .opening-copy{position:relative;top:auto;left:auto;right:auto;padding:170px 5% 0}.motion-reduced .device-composition{position:relative;height:570px;margin-top:50px}.motion-reduced .desktop-device{top:0}.motion-reduced .showcase-title,.motion-reduced .scene-caption,.motion-reduced .scene-navigation{display:none}.motion-reduced .scene-footer{position:static;padding:0 5% 25px}.motion-reduced .phone-device{opacity:1;transform:none;right:10%;top:130px}.motion-reduced .desktop-device{width:73%;left:5%;transform:perspective(1300px) rotateY(-7deg)}
/* Case-study pages use the same quiet typography and materials. */
.case-page .header{position:relative}.case-page .brand-icon{display:none}.case-page .brand{font-size:12px;letter-spacing:1px}.case-page [data-brand-lines]{white-space:normal}.case-back{font-size:9px}.case-intro{padding:80px 8% 65px}.case-intro h1{font-size:clamp(55px,7vw,110px);margin:25px 0 35px;max-width:1100px;line-height:1.08}.case-subline{display:flex;justify-content:space-between;gap:45px;align-items:flex-end}.case-subline p{font-size:14px;max-width:450px;opacity:.6;margin:0;line-height:1.9}.case-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:380px;justify-content:flex-end}.case-tags span{font-size:8px;border:1px solid #ffffff30;border-radius:25px;padding:7px 12px}.case-visual{background:var(--paper);padding:60px 13% 0;height:80svh;min-height:480px;overflow:hidden}.case-visual img{width:100%;display:block;height:auto;box-shadow:0 20px 70px #0003}.case-body{background:var(--paper);color:var(--black);padding:100px 9%}.case-chapter{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding:50px 0;border-top:1px solid #11121425}.case-chapter h2{font-size:36px;letter-spacing:-1.4px;margin:15px 0 0}.case-chapter p{font-size:13px;line-height:1.9;opacity:.65;max-width:600px;margin:0}.case-chapter ul{padding:0;list-style:none;margin:0}.case-chapter li{padding:15px 0;border-bottom:1px solid #11121420;font-size:12px}.case-chapter li:before{content:'↗';color:#aa8264;margin-right:16px}.case-notice{font-size:9px;opacity:.55;max-width:700px;margin:30px 0}.case-live{margin:25px 0}.case-next{padding:90px 8%}.case-next h2{font-size:clamp(45px,5.5vw,85px);margin:25px 0 40px}.case-next .eyebrow{color:var(--copper)}.case-next .button{background:var(--paper);color:var(--black)}.case-footer{border-top:1px solid #ffffff25;margin-top:60px;padding-top:25px;font-size:9px;display:flex;justify-content:space-between}
@media(min-width:1600px){.experience-stage{min-height:850px}.opening-copy{top:22%}.desktop-device{width:72%;left:14%}.desktop-screen{height:50svh}.phone-device{right:17%}}
@media(max-width:1050px){.opening-copy h1{font-size:clamp(46px,5.6vw,70px)}.opening-copy p{font-size:12px}.desktop-device{width:84%;left:8%}.showcase-title h2{font-size:32px}.phone-device{right:11%;width:180px}.section{padding-left:7%;padding-right:7%}.studio-layout{gap:8%}.service-row h3{font-size:21px}.process-grid{gap:25px}.contact-layout{gap:10%}}
@media(max-width:700px){.header{height:72px;padding:0 6%}.brand{font-size:12px;gap:8px}.brand-mark{width:27px;font-size:20px}.mobile-menu{display:block;border:0;background:none;font-size:10px;padding:10px 0}.mobile-menu span{margin-left:15px;font-size:17px}.header nav{display:none;position:absolute;left:0;right:0;top:71px;padding:25px 6% 30px;background:#161719fa;flex-direction:column;align-items:flex-start;gap:23px;font-size:12px;border-bottom:1px solid #ffffff20}.header.light-header nav{background:#f5f3effa;border-color:#11121420}.header nav.open{display:flex}.nav-contact{margin:0;border:0;padding:0}.experience-stage{height:auto;min-height:1080px;overflow:hidden}.opening-copy{position:relative;top:auto;left:auto;right:auto;padding:150px 7% 0;text-align:left}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:clamp(43px,10.9vw,68px);line-height:1.1;letter-spacing:-.06em;margin:25px 0 24px}h1>span{display:inline}.opening-copy>p{font-size:12px;max-width:270px;line-height:1.8;margin-bottom:25px}.button{font-size:9px;padding:11px 17px}.discover{margin:20px 0 0;font-size:9px}.device-composition{position:relative;height:450px;margin-top:65px}.desktop-device{top:0;left:7%;width:105%;padding:5px;border-radius:8px;transform:perspective(1400px) rotateY(-8deg);transform-origin:left center}.browser-bar{height:21px;padding:0 7px;font-size:5px}.address{font-size:4px}.window-dots i{width:3px;height:3px}.desktop-screen{height:240px}.phone-device{top:135px;right:7%;width:130px;border-width:4px;padding:2px;border-radius:23px;opacity:1;transform:none;box-shadow:8px 20px 40px #0005}.phone-screen{border-radius:17px}.phone-camera{height:6px;top:4px}.showcase-title,.scene-caption,.scene-navigation{display:none}.scene-footer{left:7%;right:7%;bottom:23px}.scene-footer>span{font-size:6px;max-width:300px;line-height:1.8}.section{padding:85px 7%}h2{font-size:clamp(33px,8.5vw,52px);line-height:1.15;margin:24px 0 35px;letter-spacing:-.055em}.intro{padding-top:100px;padding-bottom:90px}.intro h2{font-size:clamp(35px,9vw,54px);line-height:1.18}.intro-bottom{grid-template-columns:1fr;gap:23px;margin-top:40px}.intro-bottom p{font-size:12px;max-width:330px}.hairline{margin-top:0;margin-bottom:5px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:clamp(34px,8.7vw,53px)}.section-heading>p{font-size:11px;margin-top:25px;line-height:1.8}.work{padding-top:20px;padding-bottom:60px}.project-list{grid-template-columns:1fr;gap:40px}.project:first-child{grid-column:auto}.project-preview,.project:first-child .project-preview{height:300px;padding:25px 7% 0}.project-info{padding-top:16px;gap:12px;align-items:flex-start}.project-info h3{font-size:17px;margin-bottom:6px}.project-info p{font-size:8px;line-height:1.7}.project-info>a{font-size:8px;margin-top:3px}.project-arrow{width:30px;height:30px;font-size:16px;right:18px;bottom:18px}.work-note{font-size:8px;margin-top:30px}.tone-bridge{height:150px}.expertise{padding-top:65px;padding-bottom:45px}.expertise .section-heading h2{font-size:clamp(33px,8.3vw,50px)}.service-row summary{padding:23px 0;gap:15px}.service-row summary>span{font-size:7px}.service-row h3{font-size:18px;letter-spacing:-.65px}.service-row summary>b{font-size:18px}.service-detail{display:block;padding:0 0 25px 27px}.service-detail p{font-size:11px;line-height:1.9}.service-detail>span{display:block;font-size:6px;margin-top:17px;max-width:none}.process{padding-top:40px;padding-bottom:65px}.process h2{font-size:clamp(33px,8.4vw,50px)}.process-grid{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:40px}.process-step{padding-top:20px}.process-step h3{font-size:19px;margin:20px 0 12px}.process-step p{font-size:10px;line-height:1.9}.studio{padding-top:65px;padding-bottom:95px}.studio-layout{grid-template-columns:1fr;gap:30px}.studio h2{font-size:clamp(33px,8.5vw,51px)}.studio-layout>div{padding:0}.studio-layout p{font-size:12px;line-height:1.9;margin-bottom:20px}.text-link{font-size:10px}.contact{padding-top:20px;padding-bottom:70px}.contact h2{font-size:clamp(65px,17vw,100px);margin:25px 0 40px}.contact-layout{grid-template-columns:1fr;gap:40px;padding-top:25px}.contact-copy p{font-size:12px}.contact-copy>a{font-size:11px;margin-top:10px;gap:20px}.form-pair{gap:20px}form label{font-size:8px}input,select,textarea{font-size:11px;padding:11px 0;margin-bottom:23px}.button.black{font-size:10px}.form-help{font-size:8px}footer{padding:30px 7%;flex-wrap:wrap;gap:25px}footer .brand{width:100%;font-size:12px}footer>span{font-size:7px}footer>button,footer>a:last-child{font-size:7px}footer>a:last-child{margin-left:auto}.motion-reduced .experience-stage{min-height:1080px}.motion-reduced .opening-copy{padding:150px 7% 0}.motion-reduced .device-composition{height:450px;margin-top:65px}.motion-reduced .desktop-device{top:0;left:7%;width:105%}.motion-reduced .phone-device{top:135px;right:7%}.motion-reduced .scene-footer{position:absolute;padding:0}.case-intro{padding:45px 7% 50px}.case-intro h1{font-size:clamp(43px,11vw,72px);margin:25px 0;line-height:1.15}.case-subline{display:block}.case-subline p{font-size:12px;line-height:1.9}.case-tags{justify-content:flex-start;margin-top:25px}.case-tags span{font-size:7px;padding:6px 10px}.case-visual{height:430px;min-height:0;padding:25px 7% 0}.case-body{padding:55px 7%}.case-chapter{grid-template-columns:1fr;gap:25px;padding:35px 0}.case-chapter h2{font-size:30px}.case-chapter p,.case-chapter li{font-size:12px}.case-notice{font-size:9px}.case-next{padding:65px 7%}.case-next h2{font-size:clamp(35px,9vw,55px)}.case-footer{font-size:8px}.case-page .header{height:75px}.case-back{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-preview:hover img{transform:none}}
@media(min-width:701px){.opening-copy{top:16%}.desktop-device{top:80%}.desktop-screen{height:44svh}.scene-caption{bottom:11%}}
@media(min-width:701px) and (max-width:900px){.experience-stage{height:1100px}.opening-copy{top:140px}.desktop-device{top:620px}.phone-device{opacity:1;transform:none;top:750px;right:10%}.scene-navigation{display:none}}
.light h2>span{color:#85877f}.scene-footer>span{font-size:7px;opacity:.5}
@media(min-width:701px){.scene-caption{bottom:9%}}
/* Further project stories: the same controlled device reveal, with each brand's real concept imagery. */
.project-list{display:block}.motion-project{margin-top:100px}.project-stage{height:calc(100svh - 82px);min-height:620px;position:relative;perspective:1800px;isolation:isolate;overflow:clip}.project-top{position:absolute;top:22px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;z-index:5}.project-top h3{font-size:29px;letter-spacing:-1px;font-weight:500;margin:12px 0 0;line-height:1.2}.project-top>p{font-size:11px;opacity:.5;max-width:260px;line-height:1.8;margin:0}.project-wide-screen{position:absolute;top:130px;left:7%;width:86%;padding:6px;background:#292a2c;border:1px solid #ffffff15;border-radius:10px;box-shadow:0 30px 65px #11121430;transform-origin:center;will-change:transform}.project-wide-window{height:clamp(280px,44svh,500px);overflow:hidden;border-radius:0 0 5px 5px;background:#202a30}.project-wide-window img{display:block;width:100%;height:auto;will-change:transform}.project-handset{position:absolute;top:125px;right:9%;width:clamp(150px,14vw,220px);aspect-ratio:375/790;border:5px solid #28292b;border-radius:28px;padding:3px;background:#111214;box-shadow:8px 25px 60px #11121430;z-index:4;opacity:0;transform:translateY(65px)}.project-phone-window{width:100%;height:100%;overflow:hidden;border-radius:20px;background:#172d3b}.project-phone-window img{width:100%;height:auto;display:block}.project-transition-note{position:absolute;left:3%;bottom:72px;opacity:0;z-index:5}.project-transition-note .eyebrow{font-size:7px}.project-transition-note p{font-size:20px;letter-spacing:-.7px;margin:9px 0 0}.project-stage-footer{position:absolute;left:0;right:0;bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:6}.project-stage-footer>span{font-size:6px;letter-spacing:1px;opacity:.5}.project-stage-footer>a{font-size:9px;border-bottom:1px solid #11121440;padding-bottom:5px}.project-progress{position:absolute;bottom:10px;left:0;right:0;background:#11121415;height:1px}.project-progress i{display:block;width:100%;height:1px;background:#aa8264;transform:scaleX(0);transform-origin:left}.motion-reduced .project-handset{opacity:1;transform:none}.motion-reduced .project-wide-screen{width:66%;left:0}.motion-reduced .project-transition-note{opacity:1}
@media(max-width:900px){.project-stage{height:680px;min-height:680px}.project-wide-screen{width:85%;left:0}.project-wide-window{height:320px}.project-handset{opacity:1;transform:none;width:155px;top:235px;right:2%}.project-transition-note{opacity:1;bottom:75px;left:0}.project-top>p{font-size:10px;max-width:210px}.project-top h3{font-size:26px}.project-transition-note p{font-size:18px}.project-stage-footer>span{font-size:5px;max-width:200px}}
@media(max-width:700px){.motion-project{margin-top:65px}.project-stage{height:650px;min-height:650px}.project-top{display:block;top:0}.project-top h3{font-size:23px;margin-top:9px}.project-top>p{margin-top:14px;max-width:280px;font-size:10px}.project-wide-screen,.motion-reduced .project-wide-screen{top:140px;width:105%;left:0;padding:4px;border-radius:7px;transform:perspective(1000px) rotateY(-7deg);transform-origin:left center}.project-wide-window{height:230px}.project-handset{width:125px;top:270px;right:1%;border-width:4px;padding:2px;border-radius:23px}.project-phone-window{border-radius:16px}.project-transition-note{bottom:75px;max-width:160px}.project-transition-note .eyebrow{font-size:6px}.project-transition-note p{font-size:16px;letter-spacing:-.5px;max-width:140px;line-height:1.3}.project-stage-footer{bottom:22px;align-items:flex-end}.project-stage-footer>span{font-size:5px;max-width:155px;line-height:1.8}.project-stage-footer>a{font-size:8px}.project-progress{bottom:5px}.project-stage{overflow:hidden}}
.motion-reduced .project-handset,.motion-reduced .phone-device{opacity:1!important;visibility:visible!important;transform:none!important}.motion-reduced .project-transition-note{opacity:1!important;visibility:visible!important;transform:none!important}
@media(max-width:900px){.project-handset{opacity:1!important;visibility:visible!important;transform:none!important}}