@font-face{font-family:Mont;src:url('../recent-case-studies/assets/fonts/Montserrat-Regular.ttf');font-display:swap}@font-face{font-family:Mont;src:url('../recent-case-studies/assets/fonts/Montserrat-Medium.ttf');font-weight:500;font-display:swap}@font-face{font-family:Editorial;src:url('../recent-case-studies/assets/fonts/NotoSerifDisplay-Italic.ttf');font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url('../recent-case-studies/assets/fonts/Poppins-Regular.ttf');font-display:swap}@font-face{font-family:Poppins;src:url('../recent-case-studies/assets/fonts/Poppins-Light.ttf');font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url('../recent-case-studies/assets/fonts/Poppins-Medium.ttf');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('../recent-case-studies/assets/fonts/Poppins-SemiBold.ttf');font-weight:600;font-display:swap}
:root{--ink:#0A1931;--paper:#E1EEF0;--accent:#2163AF;--soft:#E1EEF0;--gold:var(--accent);--muted:color-mix(in srgb,var(--ink) 72%,var(--paper));--pad:clamp(24px,6.2vw,110px);--line:color-mix(in srgb,var(--ink) 20%,var(--paper));}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-color:color-mix(in srgb,var(--ink) 65%,var(--paper)) var(--ink)}body{margin:0;background:var(--ink);color:var(--ink);font:16px/1.7 Mont,sans-serif}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 65%,var(--paper));outline-offset:5px}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}h1,h2{letter-spacing:-.04em;line-height:1.12}h2{font-size:clamp(44px,4.7vw,76px)}h3{font-size:21px;line-height:1.35}em{font-family:Editorial,serif;font-weight:400}::selection{background:var(--gold);color:var(--ink)}input{caret-color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.skip{position:fixed;z-index:100;left:20px;top:-100px;background:var(--paper);padding:12px 25px}.skip:focus{top:10px}.dark{background:var(--ink);color:var(--paper)}.dark em{color:var(--gold)}.paper{background:var(--paper)}.chapter{position:relative;scroll-margin-top:0}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));background:var(--ink);position:relative;z-index:4;border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.pulse{font:500 36px/1 Mont,sans-serif;letter-spacing:-.06em;text-decoration:none}.pulse span{font-size:12px;vertical-align:top;margin:4px 0 0 5px;display:inline-block}.header-caption{font-size:12px;letter-spacing:.03em}.motion-toggle{display:flex;gap:16px;align-items:center;font-size:12px}.motion-toggle svg{width:18px}.hero{min-height:750px;height:calc(100svh - 82px);max-height:1050px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:-4% -3% -7% 33%;}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:50% 51%}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 33%)}.hero-copy{position:relative;z-index:1;padding:70px 0 110px var(--pad);max-width:820px;width:64%}.project-type{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.hero-logo{width:175px;margin:35px 0 42px}.hero h1{font-size:clamp(64px,6.1vw,102px);line-height:1.08}.hero .line{display:block;padding-bottom:.08em;overflow:hidden}.hero .line>span,.hero .line>em{display:block}.hero-deck{max-width:370px;font-size:14px;line-height:1.95;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin:25px 0}.text-link{display:inline-flex;align-items:center;gap:36px;padding:10px 0;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));font-size:12px;min-height:44px}.hero-bottom{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;color:color-mix(in srgb,var(--ink) 65%,var(--paper));font-size:10px;letter-spacing:.12em}.hero-bottom a{font-size:26px;text-decoration:none;min-width:44px;text-align:center}.chapter-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:26px;align-items:center;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));padding:0 24px;min-height:57px;box-shadow:0 8px 32px color-mix(in srgb,var(--ink) 15%,transparent);border-radius:4px;white-space:nowrap;overflow:hidden}.chapter-nav>a,.chapter-nav>button{font-size:11px;text-decoration:none;min-height:52px;display:flex;align-items:center;gap:22px}.chapter-nav>a.active{color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.chapter-nav>button{border-left:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));padding-left:23px}.chapter-nav>button span{font-size:20px}.progress{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);width:0}.eyebrow{font-size:11px;letter-spacing:.09em;display:flex;gap:28px;align-items:center;margin-bottom:30px}.eyebrow>span{opacity:.58}.story{padding:65px var(--pad) 90px}.project-details{display:grid;grid-template-columns:1fr 1.4fr 1.6fr;gap:35px;border-bottom:1px solid var(--line);padding-bottom:46px}.meta-label{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}.project-details p{font-size:13px;line-height:1.7}.scope-list{display:flex;gap:2px 17px;flex-wrap:wrap}.scope-list button{padding:0;font-size:11px;border-bottom:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));display:flex;align-items:center;gap:12px}.story-main{padding-top:105px}.story h2{max-width:920px;font-size:clamp(48px,5.7vw,88px)}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:50px 0 0 32%;max-width:810px}.story-columns h3{font-size:13px;font-weight:500;margin-bottom:18px}.story-columns p{font-size:15px;line-height:1.9;margin-bottom:18px}.story-note{display:flex;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:30px;margin-top:65px}.story-note>span{font-size:10px;letter-spacing:.09em}.story-note p{font-family:Editorial;font-style:italic;font-size:27px;line-height:1.5}.strategy{display:grid;grid-template-columns:1fr 1fr;min-height:820px}.strategy-art{overflow:hidden}.strategy-art img{width:100%;height:100%;object-fit:cover}.strategy-copy{padding:80px clamp(35px,5vw,90px)}.principles{margin-top:55px}.principles article{display:flex;gap:28px;border-top:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));padding:22px 0}.principles article>span{color:color-mix(in srgb,var(--ink) 65%,var(--paper));font-size:11px}.principles h3{font-size:21px}.principles p{font-size:13px;line-height:1.9;color:color-mix(in srgb,var(--ink) 65%,var(--paper));max-width:34ch;margin-top:10px}.palette{padding:105px var(--pad) 70px}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}.split-heading>p{font-size:14px;line-height:1.9;color:color-mix(in srgb,var(--ink) 65%,var(--paper));padding-bottom:4px}.swatches{display:flex;height:365px;margin-top:60px}.swatch{background:var(--color);padding:30px;text-align:left;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.swatch-0{width:40%;color:var(--paper)}.swatch-1{width:27%}.swatch-2{width:18%}.swatch-3{width:15%}.swatch-index{font-size:11px;opacity:.7}.swatch h3{font-size:22px}.swatch p{font-size:11px;margin-top:9px}.swatch div>span{display:block;margin-top:24px;font-size:12px}.swatch i{position:absolute;right:25px;top:25px;font-size:24px;font-style:normal;opacity:.6}.swatch[aria-pressed=true]{outline:2px solid color-mix(in srgb,var(--ink) 65%,var(--paper));outline-offset:-5px}.palette-status{font-size:12px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:23px;min-height:22px}.typography{padding:30px var(--pad) 110px}.type-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:35px}.type-top .eyebrow{margin:0}.type-top>span{font-size:11px}.type-main{font-family:Poppins;display:flex;align-items:center;gap:10%;border-bottom:1px solid var(--line);padding:20px 0 30px}.type-aa{font-size:clamp(200px,25vw,370px);font-weight:300;letter-spacing:-.06em;line-height:1.2}.type-main h2{font-size:clamp(40px,4.5vw,68px);font-weight:300}.type-main p{font-size:12px;margin-top:22px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.type-controls{display:flex;justify-content:space-between;gap:70px;margin-top:28px}.type-controls label{font-size:11px;display:flex;align-items:center;gap:20px}.type-controls label:last-child{width:58%}select,input{background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));border-radius:0;min-height:44px;font-size:13px;max-width:100%}input{width:100%}#type-specimen{font-family:Poppins;font-size:clamp(30px,4vw,60px);line-height:1.5;margin-top:35px;overflow-wrap:anywhere}.alphabet{font-family:Poppins;font-size:14px;letter-spacing:.16em;margin-top:36px;line-height:2;color:color-mix(in srgb,var(--ink) 65%,var(--paper));overflow-wrap:anywhere}.logo{min-height:700px;padding:50px var(--pad);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.logo-top,.logo-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.logo-top .eyebrow{margin:0}.logo-top>span,.logo-bottom>span{font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.main-logo{width:77%;max-width:960px;align-self:center;position:relative;z-index:1}.logo-orbit{border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);width:600px;height:600px;border-radius:50%;position:absolute;left:calc(50% - 300px);top:45px}.logo-orbit:after{content:'';position:absolute;inset:45px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:50%}.logo-bottom p{font-size:23px;line-height:1.4}.variations{display:grid;grid-template-columns:1fr 1fr}.mark-cell{height:350px;position:relative;padding:50px;display:flex;align-items:center;justify-content:center}.mark-cell img{width:65%;max-height:100px}.mark-cell.pale img{width:95px;height:95px}.mark-cell>div{position:absolute;left:40px;right:40px;bottom:28px;display:flex;justify-content:space-between;font-size:10px;opacity:.75}.gold-ground{background:var(--accent)}.slate{background:var(--ink);color:var(--paper)}.pale{background:var(--paper)}.applications{padding:100px var(--pad) 75px}.application-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.application-heading>p{color:color-mix(in srgb,var(--ink) 65%,var(--paper));font-size:14px;max-width:30ch}.application-images{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin-top:55px;align-items:start}.application-images img{width:100%;height:570px;object-fit:cover}.application-images figure:last-child{margin-top:80px}.application-images figure:last-child img{height:490px;object-fit:contain;background:var(--ink)}.application-images figcaption{font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));padding-top:16px}.ux{padding:100px var(--pad);display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.ux-copy>p{font-size:14px;line-height:1.9;max-width:42ch;margin-top:26px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.flow-steps{margin-top:40px;max-width:410px}.flow-steps button{display:flex;text-align:left;gap:25px;align-items:center;width:100%;padding:18px 0;border-top:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper))}.flow-steps button>span{font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.flow-steps button>div{font-size:18px}.flow-steps small{display:block;font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:4px}.flow-steps svg{margin-left:auto}.flow-steps button[aria-pressed=true]{color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.ux-device{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:var(--soft);min-height:730px;border-radius:48% 48% 4px 4px}.phone{width:250px;aspect-ratio:390/820;border:2px solid color-mix(in srgb,var(--ink) 65%,var(--paper));background:color-mix(in srgb,var(--ink) 65%,var(--paper));padding:8px;border-radius:43px;position:relative;box-shadow:20px 32px 45px color-mix(in srgb,var(--ink) 15%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--ink) 65%,var(--paper))}.phone-screen{position:relative;height:100%;width:100%;border-radius:34px;overflow:hidden;background:var(--ink)}.phone .island{position:absolute;top:16px;left:35%;width:30%;height:17px;border-radius:20px;background:color-mix(in srgb,var(--ink) 65%,var(--paper));z-index:3}.home-indicator{position:absolute;left:34%;width:32%;height:3px;background:color-mix(in srgb,var(--ink) 65%,var(--paper));bottom:16px;border-radius:3px;z-index:3}.phone-label{position:absolute;bottom:-44px;left:0;right:0;text-align:center;font-size:11px;white-space:nowrap}.ux-phone .phone-label{display:none}.device-note{font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.screen-content{height:100%;width:100%;overflow:hidden;position:relative;background:var(--ink)}.screen-content iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;max-width:none;display:block}.desktop-chapter{height:900px;background:var(--paper)}.desktop-stage{height:900px;position:relative;overflow:hidden;background:var(--paper);isolation:isolate}.device-heading{position:absolute;left:var(--pad);top:60px;z-index:3}.device-heading h2{font-size:64px}.device-heading>p{font-size:12px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:20px}.desk-wall{position:absolute;inset:0;background:var(--paper)}.desk-plane{position:absolute;bottom:0;left:-20%;width:140%;height:27%;background:var(--gold);box-shadow:0 -1px 0 color-mix(in srgb,var(--ink) 65%,var(--paper));transform:perspective(900px) rotateX(5deg);transform-origin:bottom}.imac{position:absolute;width:54%;left:39%;top:22%;z-index:2;transform-origin:0 0}.imac-frame{padding:12px 12px 0;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 65%,var(--paper)),color-mix(in srgb,var(--ink) 65%,var(--paper)));box-shadow:15px 30px 50px color-mix(in srgb,var(--ink) 15%,transparent)}.imac-screen{width:100%;aspect-ratio:16/10;overflow:hidden;border:9px solid color-mix(in srgb,var(--ink) 65%,var(--paper));border-radius:10px 10px 0 0;background:var(--ink)}.imac-chin{height:58px;display:flex;align-items:center;justify-content:center}.imac-chin i{width:16px;height:18px;border-radius:45% 45% 50% 50%;background:color-mix(in srgb,var(--ink) 65%,var(--paper));opacity:.5}.imac-neck{height:110px;width:16%;margin:auto;background:linear-gradient(100deg,color-mix(in srgb,var(--ink) 65%,var(--paper)),color-mix(in srgb,var(--ink) 65%,var(--paper)) 40%,color-mix(in srgb,var(--ink) 65%,var(--paper)));clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.imac-foot{height:15px;width:32%;margin:-2px auto 0;border-radius:4px 4px 45% 45%;background:linear-gradient(color-mix(in srgb,var(--ink) 65%,var(--paper)),color-mix(in srgb,var(--ink) 65%,var(--paper)));box-shadow:0 18px 24px color-mix(in srgb,var(--ink) 15%,transparent)}.scene-controls{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:10px;letter-spacing:.05em}.scene-controls button{display:flex;align-items:center;gap:18px;font-size:11px}.screen-footnote{padding:25px var(--pad);display:flex;justify-content:space-between;gap:25px;background:var(--paper);color:color-mix(in srgb,var(--ink) 65%,var(--paper));font-size:11px}.spatial{height:900px;overflow:hidden}.spatial-heading{position:absolute;left:var(--pad);top:65px;z-index:3;pointer-events:none}.spatial-heading p{font-size:13px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:25px}.spline-slot{position:absolute;inset:0}.spline-poster{width:100%;height:100%;object-fit:contain;object-position:70% 50%;padding-left:24%}.scene-launch{position:absolute;bottom:105px;left:var(--pad);z-index:4;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.solid-button{background:var(--accent);color:var(--ink);padding:12px 25px;display:flex;gap:30px;align-items:center;font-size:12px}.scene-launch>span{font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.spline-slot spline-viewer{width:100%;height:100%;display:block}.spline-active .spline-poster{display:none}.spline-active .spatial-heading{opacity:.4}.spline-active .scene-launch{pointer-events:none;bottom:76px}.spline-active .scene-launch button{display:none}.spatial-bottom{position:absolute;bottom:26px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));z-index:4}.spatial-bottom button{font-size:11px;align-items:center;gap:20px}.spatial-bottom button:not([hidden]){display:flex}.paired{height:1000px;padding:70px var(--pad);overflow:hidden;background:var(--paper)}.paired-heading{position:relative;z-index:3;pointer-events:none}.paired-heading p{font-size:13px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:22px;max-width:39ch}.paired-heading h2{font-size:62px}.paired-laptops{position:absolute;inset:0;perspective:1700px}.laptop{position:absolute;width:47%;filter:drop-shadow(20px 35px 26px color-mix(in srgb,var(--ink) 15%,transparent))}.laptop.upper{right:6%;top:10%;transform:rotate(-8deg)}.laptop.lower{left:14%;top:51%;transform:rotate(7deg)}.laptop-lid{padding:12px 11px 0;background:color-mix(in srgb,var(--ink) 65%,var(--paper));border:2px solid color-mix(in srgb,var(--ink) 65%,var(--paper));border-radius:16px 16px 3px 3px;position:relative}.lens{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--ink) 65%,var(--paper))}.laptop-screen{width:100%;aspect-ratio:16/10;overflow:hidden;background:color-mix(in srgb,var(--ink) 65%,var(--paper))}.laptop-chin{height:20px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));text-align:center;font:7px/20px Poppins}.laptop-base{height:14px;background:linear-gradient(color-mix(in srgb,var(--ink) 65%,var(--paper)),color-mix(in srgb,var(--ink) 65%,var(--paper)));margin:0 -8%;border-radius:1px 1px 50% 50%;position:relative}.laptop-base i{position:absolute;width:15%;height:5px;top:0;left:42.5%;background:color-mix(in srgb,var(--ink) 65%,var(--paper));border-radius:0 0 8px 8px}.laptop-caption{position:absolute;bottom:-39px;width:100%;text-align:center;font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.pair-controls{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:30px;z-index:4}.pair-controls button{font-size:12px;border-bottom:1px solid transparent;padding:0 4px}.pair-controls button[aria-pressed=true]{border-color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.paired-laptops[data-focus=upper] .lower,.paired-laptops[data-focus=lower] .upper{opacity:.08}.paired-laptops[data-focus=upper] .upper,.paired-laptops[data-focus=lower] .lower{width:64%;left:29%;right:auto;top:24%;transform:none;z-index:2}.gallery{padding:100px var(--pad) 80px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.gallery-tabs{display:flex;flex-direction:column;min-width:240px}.gallery-tabs button{text-align:left;font-size:12px;display:flex;gap:25px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.gallery-tabs button[aria-pressed=true]{color:color-mix(in srgb,var(--ink) 65%,var(--paper));border-bottom-color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.gallery-tabs button>span{font-size:10px}.browser-frame{margin-top:45px;border:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));border-radius:8px;overflow:hidden;box-shadow:0 25px 50px color-mix(in srgb,var(--ink) 15%,transparent)}.browser-bar{height:40px;background:var(--accent);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.browser-bar>div{display:flex;gap:5px}.browser-bar i{height:6px;width:6px;border-radius:50%;background:color-mix(in srgb,var(--ink) 65%,var(--paper))}.browser-bar>span{font-size:10px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.browser-bar button{font-size:22px;min-height:38px;min-width:40px}.gallery-screen{height:600px}.gallery-note{font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:24px}.mobile{height:1080px;background:var(--soft);padding:75px var(--pad);overflow:hidden}.mobile-heading{display:flex;justify-content:space-between;gap:55px;align-items:flex-end;position:relative;z-index:2}.mobile-heading p{font-size:13px;line-height:1.9;color:color-mix(in srgb,var(--ink) 65%,var(--paper));max-width:33ch}.mobile-heading em{color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.phone-group{height:680px;position:relative;margin:40px auto 0;max-width:1050px}.phone-group .phone{position:absolute;width:260px;top:75px;box-shadow:20px 38px 50px color-mix(in srgb,var(--ink) 15%,transparent)}.phone-left{left:8%;transform:rotate(-10deg)}.phone-group .phone-center{left:calc(50% - 130px);top:12px;z-index:1}.phone-right{right:8%;transform:rotate(10deg)}.mobile-controls{position:absolute;bottom:27px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.05em}.mobile-controls button{display:flex;align-items:center;gap:18px;font-size:11px}.reflection{padding:110px var(--pad) 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.reflection h2{font-size:clamp(42px,4vw,62px)}.reflection-copy>p{font-size:14px;line-height:1.95;margin:0 0 24px}.credits{border-top:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));padding-top:10px;margin-top:40px}.credits summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;min-height:44px;align-items:center}.credits summary>span{font-size:23px}.credits p{font-size:12px;line-height:1.9;color:color-mix(in srgb,var(--ink) 65%,var(--paper));margin-top:20px}.credits a{font-size:11px;display:inline-block;margin-top:22px}.case-footer{padding:60px var(--pad) 115px}.case-footer>p{font-size:10px;letter-spacing:.1em;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.case-footer>a{position:relative;display:block;font-size:clamp(48px,6vw,95px);line-height:1.15;letter-spacing:-.035em;text-decoration:none;padding:45px 0 55px}.case-footer>a svg{position:absolute;right:0;top:50%;height:65px;width:65px}.case-footer>div{border-top:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));padding-top:28px;display:flex;justify-content:space-between;font-size:11px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}.case-footer>div a{text-decoration:none}dialog{max-width:690px;width:calc(100% - 40px);padding:35px;border:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper));border-radius:4px;color:color-mix(in srgb,var(--ink) 65%,var(--paper));background:var(--paper);max-height:85vh}dialog::backdrop{background:color-mix(in srgb,var(--ink) 15%,transparent)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding-bottom:10px}.dialog-top>span{font-size:13px}.dialog-top h2{font-size:29px}.dialog-top>button{font-size:29px;width:44px}#index-links{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:18px}#index-links a{display:flex;gap:14px;align-items:center;font-size:11px;min-height:50px;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 65%,var(--paper))}#index-links a>span{font-size:10px;color:color-mix(in srgb,var(--ink) 65%,var(--paper))}#index-links svg{width:17px;margin-left:auto}#scope-description{margin:24px 0;font-size:14px}#scope-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;border-top:1px solid var(--line);font-size:12px;text-decoration:none}[hidden]{display:none!important}.noscript{padding:50px;color:white}
@media(min-width:1800px){main{max-width:1920px;margin:auto}.hero-copy{padding-top:120px}.hero-art{inset:-6% 0 -8% 36%}}
@media(max-width:1200px){.hero{min-height:740px}.hero-copy{padding-top:65px;width:72%}.hero h1{font-size:76px}.hero-art{inset:2% -13% -7% 28%}.story-columns{margin-left:22%;gap:45px}.strategy{min-height:750px}.strategy-copy{padding:65px 36px}.strategy h2{font-size:54px}.principles{margin-top:40px}.swatch{padding:23px}.swatch h3{font-size:17px}.application-images img{height:450px}.application-images figure:last-child img{height:370px}.ux{gap:45px}.ux-device{min-height:680px}.phone{width:220px}.desktop-chapter,.desktop-stage{height:780px}.device-heading h2{font-size:55px}.imac{top:29%;width:57%;left:36%}.imac-neck{height:90px}.paired{height:900px}.paired-heading h2{font-size:54px}.laptop.upper{top:18%}.laptop.lower{top:54%}.gallery-screen{height:510px}.mobile{height:970px}.phone-group .phone{width:230px}.phone-group .phone-center{left:calc(50% - 115px)}.phone-left{left:5%}.phone-right{right:5%}.phone-group{height:600px}.reflection{gap:6%}}
@media(max-width:800px){.site-header{height:65px;padding:0 22px}.pulse{font-size:30px}.header-caption{display:none}.hero{height:850px;min-height:850px}.hero-copy{padding:42px var(--pad) 0;width:100%;max-width:none}.project-type{font-size:9px}.hero-logo{width:140px;margin:25px 0 30px}.hero h1{font-size:clamp(52px,9vw,76px);line-height:1.06}.hero-deck{font-size:12px;max-width:320px;margin:18px 0}.hero-art{inset:29% -22% -11% -13%}.hero-art img{object-position:50% 55%}.hero-art:after{background:linear-gradient(var(--ink),transparent 55%)}.hero-bottom{bottom:22px;font-size:9px}.hero-bottom>span:nth-child(2){display:none}.text-link{font-size:11px;gap:24px}.chapter-nav{bottom:12px;min-height:50px;gap:20px;padding:0 15px;max-width:calc(100% - 28px)}.chapter-nav>a{display:none}.chapter-nav>a.active{display:flex;min-height:48px}.chapter-nav>button{font-size:11px;min-height:48px;padding-left:18px}.story{padding-top:38px;padding-bottom:55px}.project-details{grid-template-columns:1fr 1.2fr;gap:30px 20px;padding-bottom:30px}.project-details p{font-size:11px}.scope-meta{grid-column:1/-1}.scope-list{gap:2px 20px}.scope-list button{font-size:11px}.story-main{padding-top:65px}.eyebrow{font-size:10px;gap:20px;margin-bottom:24px}.story h2{font-size:48px}.story-columns{margin:35px 0 0;gap:28px}.story-columns p{font-size:12px}.story-columns h3{font-size:12px}.story-note{margin-top:32px;display:block;padding-top:24px}.story-note>span{font-size:9px}.story-note p{font-size:25px;margin-top:18px}.strategy{display:flex;flex-direction:column-reverse}.strategy-copy{padding:55px var(--pad) 35px}.strategy h2{font-size:50px}.strategy-art{height:400px}.strategy-art img{object-position:center 52%}.principles{margin-top:30px}.principles article{padding:18px 0;gap:22px}.principles h3{font-size:18px}.principles p{max-width:42ch;font-size:12px;margin-top:8px}.palette{padding:60px var(--pad) 45px}.split-heading{display:block}.split-heading>p{margin-top:25px;font-size:12px}.swatches{display:grid;grid-template-columns:1fr 1fr;height:390px;margin-top:30px}.swatch{width:100%;padding:22px}.swatch h3{font-size:19px}.swatch p{font-size:10px;margin-top:4px}.swatch div>span{margin-top:10px;font-size:11px}.swatch-index{font-size:10px}.swatch i{top:17px;right:18px}.palette-status{font-size:11px;min-height:40px}.typography{padding:0 var(--pad) 65px}.type-top{align-items:flex-start;gap:25px}.type-top>span{font-size:10px;max-width:120px;text-align:right}.type-main{gap:25px;padding:25px 0;align-items:center}.type-aa{font-size:150px}.type-main h2{font-size:32px}.type-main p{font-size:10px;line-height:1.7;margin-top:15px}.type-controls{display:block;margin-top:20px}.type-controls label{gap:18px;font-size:10px}.type-controls label:last-child{width:100%;margin-top:10px;white-space:nowrap}input{font-size:12px;min-width:0}#type-specimen{font-size:30px}.alphabet{font-size:12px;margin-top:25px}.logo{min-height:480px;padding:30px var(--pad)}.logo-top>span{max-width:95px;text-align:right;font-size:10px}.logo-top .eyebrow{font-size:10px}.main-logo{width:95%}.logo-orbit{width:360px;height:360px;left:calc(50% - 180px);top:60px}.logo-bottom p{font-size:22px}.logo-bottom>span{font-size:9px}.mark-cell{height:210px;padding:25px}.mark-cell img{width:95%;max-height:65px}.mark-cell.pale img{height:65px;width:65px}.mark-cell>div{left:20px;right:20px;bottom:18px;font-size:9px;gap:20px}.mark-cell>div span:first-child{display:none}.applications{padding:65px var(--pad) 50px}.application-heading{display:block}.application-heading>p{font-size:12px;margin-top:25px;max-width:38ch}.application-images{gap:22px;grid-template-columns:1fr;margin-top:35px}.application-images img{height:auto;max-height:500px;object-fit:cover}.application-images figure:last-child{margin-top:15px}.application-images figure:last-child img{height:340px}.application-images figcaption{font-size:10px}.ux{display:block;padding:60px var(--pad)}.ux-copy h2{font-size:49px}.ux-copy>p{font-size:12px;max-width:42ch}.flow-steps{margin-top:30px;max-width:none}.flow-steps button{padding:16px 0}.flow-steps button>div{font-size:16px}.flow-steps small{font-size:10px}.ux-device{min-height:620px;margin-top:40px;border-radius:46% 46% 4px 4px}.phone{width:230px}.desktop-chapter,.desktop-stage{height:730px}.device-heading{top:35px}.device-heading h2{font-size:49px}.device-heading>p{font-size:11px;line-height:1.8}.imac{width:86%;left:7%;top:47%}.imac-frame{padding:7px 7px 0;border-radius:11px}.imac-screen{border-width:5px;border-radius:6px 6px 0 0}.imac-chin{height:32px}.imac-chin i{height:11px;width:10px}.imac-neck{height:61px}.imac-foot{height:10px}.desk-plane{height:26%}.scene-controls{bottom:20px;font-size:9px;gap:20px;align-items:flex-start}.scene-controls>span{max-width:130px;line-height:1.8}.scene-controls button{font-size:10px;gap:8px;padding:0}.scene-controls svg{width:17px}.screen-footnote{padding:20px var(--pad);font-size:10px;align-items:center}.screen-footnote>span{max-width:170px}.screen-footnote>a{white-space:nowrap}.spatial{height:780px}.spatial-heading{top:40px}.spatial-heading h2{font-size:50px}.spatial-heading p{font-size:11px}.spline-poster{padding:0;width:130%;max-width:none;margin-left:-15%;object-fit:contain;padding-top:100px}.scene-launch{bottom:85px}.scene-launch>span{font-size:10px}.spatial-bottom{font-size:9px;bottom:20px}.spatial-bottom button{font-size:10px;gap:10px}.paired{height:850px;padding:48px var(--pad)}.paired-heading h2{font-size:47px}.paired-heading p{font-size:11px;max-width:33ch;margin-top:22px}.laptop{width:72%}.laptop.upper{right:9%;top:38%;transform:rotate(-7deg)}.laptop.lower{left:10%;top:66%;transform:rotate(6deg)}.laptop-lid{padding:8px 6px 0;border-width:1px;border-radius:9px 9px 2px 2px}.laptop-chin{height:12px;font-size:5px;line-height:12px}.laptop-base{height:8px}.laptop-caption{font-size:9px;bottom:-28px}.pair-controls{gap:17px;bottom:14px}.pair-controls button{font-size:10px}.paired-laptops[data-focus=upper] .upper,.paired-laptops[data-focus=lower] .lower{width:88%;left:6%;top:46%}.gallery{padding:65px var(--pad) 50px}.gallery-heading{display:block}.gallery-tabs{margin-top:30px}.gallery-tabs button{font-size:11px}.gallery-screen{height:330px}.browser-frame{margin-top:30px}.browser-bar{height:33px;padding:0 10px}.browser-bar>span{font-size:8px}.browser-bar button{min-height:30px;font-size:20px}.gallery-note{font-size:10px}.mobile{height:875px;padding:55px var(--pad)}.mobile-heading{display:block}.mobile-heading h2{font-size:47px}.mobile-heading p{font-size:11px;max-width:35ch;margin-top:25px}.phone-group{margin-top:24px;height:475px;width:calc(100% + 34px);margin-left:-17px}.phone-group .phone{width:145px;padding:5px;border-radius:28px;top:82px}.phone-group .phone-screen{border-radius:21px}.phone-group .island{top:10px;height:10px}.phone-group .home-indicator{height:2px;bottom:10px}.phone-left{left:3%;transform:rotate(-8deg)}.phone-group .phone-center{left:calc(50% - 72.5px);top:30px}.phone-right{right:3%;transform:rotate(8deg)}.phone-group .phone-label{font-size:9px;bottom:-35px}.mobile-controls{bottom:20px;gap:15px;font-size:9px}.mobile-controls>span{max-width:135px}.mobile-controls button{font-size:10px;gap:8px}.mobile-controls svg{width:18px}.reflection{display:block;padding:65px var(--pad)}.reflection h2{font-size:44px}.reflection-copy{margin-top:35px}.reflection-copy>p{font-size:13px;line-height:1.9}.credits{margin-top:30px}.credits summary{font-size:11px}.case-footer{padding:45px var(--pad) 105px}.case-footer>p{font-size:9px}.case-footer>a{font-size:52px;padding:40px 0}.case-footer>a svg{width:40px;height:40px}.case-footer>div{font-size:10px;gap:25px}dialog{padding:24px}#index-links{grid-template-columns:1fr;gap:0}#index-links a{min-height:45px}.dialog-top>span{font-size:12px}}
@media(max-width:430px){.hero{height:820px;min-height:820px}.hero h1{font-size:51px}.hero-deck{max-width:285px}.hero-art{inset:32% -35% -10% -24%}.story h2{font-size:43px}.story-columns{gap:23px}.story-columns p{font-size:12px}.type-aa{font-size:130px}.type-main{gap:20px}.type-main h2{font-size:29px}.type-main p{font-size:9px}.phone-group .phone{width:126px;border-radius:24px}.phone-group .phone-screen{border-radius:18px}.phone-group .phone-center{left:calc(50% - 63px)}.phone-left{left:2%}.phone-right{right:2%}.mobile{height:850px}.mobile-heading h2{font-size:43px}.paired{height:800px}.laptop.upper{top:41%}.laptop.lower{top:67%}.gallery-screen{height:260px}.logo-top .eyebrow{gap:13px}.mobile-controls{font-size:9px;bottom:25px}.reflection h2{font-size:41px}}

.chapter-nav #motion-nav{padding:0 0 0 16px;min-width:34px}.chapter-nav #motion-nav svg{width:17px;height:17px}@media(max-width:800px){.chapter-nav{gap:14px}.chapter-nav>button{padding-left:14px;gap:14px}.chapter-nav #motion-nav{padding-left:12px}}

@media(min-width:761px){.laptop.lower{top:46%;width:44%}.pair-controls{bottom:22px;background:var(--paper);padding:4px 16px;width:max-content;max-width:100%;left:50%;right:auto;transform:translateX(-50%);border-radius:3px}}
@media(min-width:761px){.paired-heading h2{font-size:clamp(40px,3.9vw,62px);max-width:44%;text-wrap:balance}}

/* Compact editorial copy; original imagery and device compositions retained. */
.story-main{padding-top:80px}.story-columns{margin-top:40px;margin-left:32%;max-width:770px}.story-columns p{margin:0}.story{padding-bottom:95px}.hero-logo{width:205px}.palette .split-heading{display:block}.application-heading{display:block}.application-heading h2{max-width:850px}.mobile-heading{display:block}.mobile-heading h2{max-width:900px}.reflection-copy{align-self:end}.logo-bottom{justify-content:flex-end}.logo-orbit{display:none}@media(max-width:760px){.story-main{padding-top:55px}.story-columns{margin-left:0}.hero-logo{width:175px}.application-heading h2{max-width:100%}.mobile-heading h2{max-width:100%}}
.mark-cell:last-child img{width:220px}@media(max-width:760px){.mark-cell:last-child img{width:150px}}
.mark-cell.slate{background:var(--soft);color:var(--ink)}.mark-cell.pale img{width:320px}@media(max-width:760px){.mark-cell.pale img{width:200px}}

.phone{background:#141414;border-color:#77746c;box-shadow:20px 32px 45px #0002,inset 0 0 0 2px #30302e}.phone .island{background:#060606}.home-indicator{background:#ddd9cd}.imac-frame{background:linear-gradient(135deg,#ededeb,#a7a7a3)}.imac-screen{border-color:#171717}.imac-neck{background:linear-gradient(100deg,#9c9e9b,#e4e4e0 40%,#b7b8b4)}.imac-foot{background:linear-gradient(#e5e5de,#989a91)}.laptop-lid{background:#252525}.laptop-base{background:linear-gradient(#dededb,#999)}