:root{--ink:#181818;--paper:#fff;--muted:#686868;--line:#e5e5e5;--surface:#f5f5f5;--radius:30pt;--gutter:clamp(22px,5.5vw,88px);color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;-webkit-font-smoothing:antialiased}::selection{color:#fff;background:#222}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.6}main{min-height:70vh}.wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:16px;z-index:100}.skip:focus{top:12px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}.identity{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:600;letter-spacing:-.5px}.monogram{width:38px;height:38px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:25px}.nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav>a{padding-block:12px}.nav>a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.languages{display:flex;gap:2px;border:1px solid var(--line);padding:4px;border-radius:40px;margin-left:8px}.languages a{min-width:42px;min-height:36px;border-radius:24px;display:grid;place-items:center;font-size:12px}.languages a[aria-current]{background:var(--ink);color:#fff}.hero{padding-top:75px;padding-bottom:82px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;line-height:1.6;font-weight:500}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px}.location{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:var(--ink);border-radius:50%}h1{font-size:clamp(58px,7.2vw,108px);font-weight:400;letter-spacing:-.075em;line-height:1.02}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.055em;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-top:36px}.hero-bottom p{max-width:540px;font-size:17px;color:var(--muted)}.round-link{display:flex;gap:20px;align-items:center;white-space:nowrap;font-size:14px}.arrow-circle{width:46px;height:46px;display:grid;place-items:center;border:1px solid #d0d0d0;border-radius:50%;font-size:22px;transition:background .2s,color .2s,transform .2s}.round-link:hover .arrow-circle,.project-title:hover .arrow-circle{background:var(--ink);color:#fff;transform:rotate(-8deg)}.section-top{border-top:1px solid var(--line);padding-block:27px;display:flex;justify-content:space-between;gap:25px;align-items:center}.section-top .hint{font-size:12px;color:var(--muted)}.selected-title{font-size:15px;font-weight:400;letter-spacing:-.2px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 28px}.project.featured{grid-column:1/-1}.media-stage{height:530px;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--surface);isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6%;padding:45px 24px}.featured .media-stage{height:560px;background:#f2f2f2;gap:5.5%}.phone{height:100%;aspect-ratio:640/1386;overflow:hidden;border-radius:27px;position:relative;background:#fff;box-shadow:0 12px 45px #00000014;flex-shrink:0;border:5px solid #fff}.phone img,.phone video{width:100%;height:100%;object-fit:cover}.phone video{position:absolute;inset:0;opacity:0;transition:opacity .15s}.media-stage.is-playing video{opacity:1}.phone.side{height:86%;transform:rotate(-7deg);opacity:.96}.phone.side.right{transform:rotate(7deg)}.featured .phone.main{z-index:2}.stage-label{position:absolute;top:29px;left:32px;font-size:19px;font-weight:600;letter-spacing:-.8px;z-index:3}.stage-label .serif{font-size:23px}.stage-index{position:absolute;right:32px;top:32px;color:#737373;font-size:12px}.play-toggle{position:absolute;right:24px;bottom:24px;z-index:5;border:1px solid #dedede;border-radius:32px;background:#fff;color:var(--ink);min-height:44px;padding:0 18px;display:flex;align-items:center;gap:10px;font-size:12px}.play-toggle:hover{background:#181818;color:#fff}.play-symbol{font-size:11px;width:11px}.stage-bank{background:#edf5fa}.stage-bank .phone{height:92%;transform:rotate(-7deg);border-color:#fff}.stage-sleep{background:#eae9f1}.stage-sleep .phone{transform:rotate(7deg)}.stage-car{background:#ededed}.stage-car .phone{transform:rotate(-6deg)}.project-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.project-name{font-size:25px;font-weight:400;letter-spacing:-.8px}.project-meta{display:flex;align-items:center;gap:17px}.project-category{font-size:11px;letter-spacing:1px;color:var(--muted)}.project-title .arrow-circle{width:38px;height:38px;font-size:20px}.project-summary{font-size:15px;color:var(--muted);max-width:570px;margin-top:8px}.ai-section{margin-top:108px;padding:65px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:60px}.ai-content h2{font-size:clamp(30px,3.5vw,49px);font-weight:400;letter-spacing:-2px;line-height:1.15;margin-bottom:24px}.ai-content p{max-width:680px;color:var(--muted);font-size:17px}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;padding-block:14px;margin-top:20px}.about-section{padding-top:108px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.about-section h2{font-size:clamp(35px,3.5vw,50px);font-weight:400;line-height:1.13;letter-spacing:-2px;margin-top:25px}.about-copy>p{font-size:18px;color:var(--muted)}.about-copy>p+p{margin-top:20px}.journey{margin-top:60px;padding:32px 0;border-bottom:1px solid var(--line)}.cities{display:flex;align-items:center;gap:24px;margin-top:24px;flex-wrap:wrap}.city{font-size:clamp(18px,2.1vw,28px);letter-spacing:-1px;color:#747474}.city.current{color:var(--ink)}.city small{font-size:11px;letter-spacing:0;display:block;margin-top:7px}.city-arrow{color:#999}.expertise{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding:40px 0 65px}.expertise .tools-copy{font-size:15px;color:var(--muted);max-width:380px;margin-top:15px}.chips{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.chip{border:1px solid #dedede;padding:12px 17px;border-radius:30px;font-size:13px}.studio-section{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding:55px 0 90px;border-top:1px solid var(--line)}.studio-section h2{font-size:30px;font-weight:400;letter-spacing:-1px}.studio-section p{font-size:15px;color:var(--muted);max-width:350px;margin-top:18px}.collaboration{padding:20px 0;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.collaboration:first-child{padding-top:0}.collaboration h3{font-size:19px;font-weight:400;min-width:80px}.collaboration span{font-size:14px;color:var(--muted);max-width:270px;line-height:1.5}.footer{margin-top:20px;background:#f5f5f5;border-radius:var(--radius) var(--radius) 0 0;padding-top:75px}.footer-main{padding-bottom:68px}.footer h2{font-size:clamp(40px,5.4vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.1}.footer p{margin-top:22px;color:var(--muted);font-size:16px}.footer .contact-links{display:flex;gap:30px;margin-top:20px}.footer-bottom{border-top:1px solid #ddd;padding-block:25px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.footer-bottom a{padding:8px 0}.case-hero{padding-block:55px 55px}.back-link{font-size:14px;display:inline-block;padding-block:10px;margin-bottom:50px}.case-hero .eyebrow{margin-bottom:20px}.case-hero h1{font-size:clamp(48px,6vw,85px);line-height:1.06}.case-hero .lead{font-size:19px;color:var(--muted);max-width:650px;margin-top:30px}.case-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.case-info p{margin-top:10px;font-size:15px;color:var(--muted)}.case-visual .media-stage{height:580px}.case-visual figcaption{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.6}.case-visual{margin:0}.case-body{max-width:1020px;margin:75px auto}.case-section{display:grid;grid-template-columns:220px 1fr;gap:60px;margin-bottom:60px}.case-section h2{font-size:13px;letter-spacing:.5px;font-weight:400;padding-top:7px}.case-section p{font-size:19px;color:var(--muted);line-height:1.7}.decision{padding:30px 0;border-top:1px solid var(--line)}.decision:first-child{padding-top:0;border:0}.decision h3{font-size:26px;letter-spacing:-.7px;font-weight:400;margin-bottom:16px}.learning{background:#f5f5f5;border-radius:var(--radius);padding:45px;margin-bottom:65px}.learning blockquote{margin:20px 0 0;font-family:Georgia,serif;font-style:italic;font-size:32px;line-height:1.4;letter-spacing:-.6px}.next-project{border-top:1px solid var(--line);padding-top:30px;margin-top:75px}.next-project>a{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:44px;letter-spacing:-2px}.project-link-name{display:block}.noscript{background:#f5f5f5;padding:12px;font-size:14px}.contact-placeholder{display:none}
@media(min-width:1100px){.project:not(.featured):last-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:65px}.project:not(.featured):last-child .media-stage{height:480px}.project:not(.featured):last-child .project-title{margin-top:0}.project:not(.featured):last-child .project-summary{max-width:330px}.project:not(.featured):last-child .project-meta{display:block}.project:not(.featured):last-child .project-category{display:block;margin-top:18px}.project:not(.featured):last-child .project-name{font-size:44px;letter-spacing:-2px}}
@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:95px}.featured .media-stage{height:640px}}
@media(max-width:900px){.hero{padding-top:48px;padding-bottom:60px}.hero-top{margin-bottom:30px}.hero-bottom{gap:30px}.hero-bottom p{max-width:440px}.nav{gap:22px}.media-stage{height:440px;padding:52px 20px 30px}.featured .media-stage{height:470px}.project-meta{display:block}.project-category{display:block;margin-top:8px}.ai-section{grid-template-columns:1fr 2fr;gap:30px}.about-section,.expertise,.studio-section{gap:40px;grid-template-columns:1fr 1.25fr}.case-section{grid-template-columns:150px 1fr;gap:30px}.phone{border-radius:23px}.cities{gap:17px}}
@media(max-width:600px){.header{height:92px;gap:10px;flex-wrap:wrap;align-content:center;row-gap:8px}.identity{font-size:15px;gap:8px}.monogram{width:30px;height:30px;font-size:20px}.nav{gap:13px;font-size:12px}.nav .contact-nav{display:none}.languages{margin:0;padding:3px}.languages a{min-width:34px;min-height:38px}.nav>a{min-height:44px;display:grid;place-items:center}.hero{padding-top:40px;padding-bottom:48px}.hero-top{align-items:start;flex-direction:column;gap:14px;margin-bottom:28px}.location{font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.1px}h1{font-size:clamp(43px,10.4vw,64px);letter-spacing:-.065em;line-height:1.07}.hero-bottom{margin-top:27px;display:block}.hero-bottom p{font-size:16px}.round-link{margin-top:23px;justify-content:space-between}.section-top{align-items:start;gap:12px;padding-block:22px;flex-direction:column}.section-top .hint{font-size:11px}.selected-title{font-size:14px}.work-grid{grid-template-columns:1fr;gap:35px}.featured .media-stage{height:400px;gap:18px;padding:58px 16px 30px}.featured .phone.side{display:none}.featured .phone.main{height:100%}.media-stage{height:430px;padding:57px 20px 32px}.stage-label{left:25px;top:24px;font-size:18px}.stage-index{top:28px;right:25px}.play-toggle{right:18px;bottom:18px;padding:0 14px;min-height:44px}.project-title{margin-top:18px}.project-name{font-size:23px}.project-summary{font-size:14px;margin-top:12px}.project-meta{display:block}.project-category{font-size:10px}.ai-section{margin-top:60px;padding-block:35px;grid-template-columns:1fr;gap:22px}.ai-content h2{font-size:32px;letter-spacing:-1.4px}.ai-content p{font-size:16px}.about-section{padding-top:55px;grid-template-columns:1fr;gap:27px}.about-section h2{margin-top:20px;font-size:36px}.about-copy>p{font-size:16px}.journey{margin-top:20px}.cities{gap:12px;row-gap:20px}.city{font-size:18px;letter-spacing:-.6px}.city-arrow{font-size:12px}.expertise{grid-template-columns:1fr;gap:24px;padding-block:30px 40px}.studio-section{grid-template-columns:1fr;gap:32px;padding-block:35px 45px}.studio-section h2{font-size:28px}.collaboration{gap:15px}.collaboration span{font-size:13px;max-width:190px}.footer{padding-top:44px}.footer h2{font-size:38px}.footer-main{padding-bottom:40px}.footer-bottom{flex-wrap:wrap;font-size:11px;gap:10px;align-items:center}.footer-bottom .footer-note{display:none}.case-hero{padding-top:22px}.back-link{margin-bottom:30px}.case-hero h1{font-size:43px}.case-hero .lead{font-size:17px}.case-info{grid-template-columns:1fr;gap:20px}.case-visual .media-stage{height:440px}.case-body{margin:45px auto}.case-section{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.case-section p{font-size:17px}.decision h3{font-size:23px}.learning{padding:28px}.learning blockquote{font-size:26px}.next-project>a{font-size:36px}.phone{border-width:4px}.contact-links{flex-wrap:wrap}}
@media(max-width:360px){.identity{font-size:13px}.nav{gap:8px}.monogram{display:none}.languages a{min-width:30px}.cities{gap:9px}.city{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Figtree: locally served, variable roman and italic. */
@font-face{font-family:Figtree;src:url('fonts/Figtree-Variable.ttf') format('truetype');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url('fonts/Figtree-Italic-Variable.ttf') format('truetype');font-weight:300 900;font-style:italic;font-display:swap}
:root{font-family:Figtree,Arial,Helvetica,sans-serif;font-synthesis:none}
.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle;stroke:currentColor}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0;margin:-1px}
.identity{font-weight:600;letter-spacing:-.5px;font-size:18px}.nav{font-size:15px}.eyebrow{font-size:13px;letter-spacing:1.35px}
h1{font-weight:450;font-size:clamp(56px,7.3vw,108px);letter-spacing:-.058em;line-height:1.035}
.serif{font-family:Figtree,Arial,sans-serif;font-style:italic;font-weight:350;letter-spacing:-.052em}
.hero-bottom p{font-size:19px;line-height:1.55;max-width:580px;letter-spacing:-.2px}.hero-bottom{gap:48px}
.location .icon{width:15px;height:15px}.project-category{font-size:12px;letter-spacing:1px}.project-name{font-weight:500;font-size:28px;letter-spacing:-.9px}.project-summary{font-size:17px;line-height:1.5}
.stage-label{font-size:21px;letter-spacing:-.6px;font-weight:650}.stage-label .serif{font-style:normal;font-weight:750;letter-spacing:-1px}
.play-toggle{width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;background:#ffffffed;border-color:#00000012;border-radius:50%;box-shadow:0 2px 12px #00000009}
.play-toggle .icon{width:17px;height:17px}.play-toggle .play-icon{fill:currentColor;stroke-width:1}.play-toggle .pause-icon{display:none}
.play-toggle[aria-pressed=true] .play-icon{display:none}.play-toggle[aria-pressed=true] .pause-icon{display:block}
.stage-vertical{height:560px;align-items:flex-start;padding:68px 0 0;border-radius:var(--radius) var(--radius) 0 0;background:#f3f3f3}
.stage-vertical .phone{width:68%;max-width:342px;height:auto;aspect-ratio:640/1386;transform:none;border:0;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 12px 50px #00000012}
.stage-vertical .phone img,.stage-vertical .phone video{object-fit:contain}
.stage-vertical .stage-label{left:28px;top:25px}.stage-vertical .stage-index{top:31px}.stage-vertical .play-toggle{right:22px;bottom:22px}
.case-visual .stage-vertical{height:760px}.case-visual .stage-vertical .phone{width:310px;max-width:76%;height:auto}
.ai-content h2,.about-section h2{font-weight:450;letter-spacing:-.045em}.about-copy>p{font-size:19px}.back-link{display:inline-flex;align-items:center;gap:10px}.back-link .icon{width:18px}.text-link .icon{width:18px}.footer-bottom a{display:inline-flex;align-items:center;gap:10px}.footer-bottom .icon{width:16px;height:16px}.cities .icon{width:18px;height:18px}
.method-section{padding-top:95px;scroll-margin-top:40px}.method-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:24px 80px}.method-heading>.eyebrow{grid-column:1/-1}.method-heading h2,.testimonials-heading h2{font-size:clamp(36px,4vw,56px);font-weight:450;letter-spacing:-.045em;line-height:1.08}.method-heading>p:last-child{font-size:19px;line-height:1.55;color:var(--muted);max-width:550px}
.method-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:38px;margin-top:50px}.method-card{padding-top:25px;border-top:1px solid var(--line)}.method-mark{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.method-mark .icon{width:27px;height:27px}.method-mark>span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.method-card h3{font-size:26px;line-height:1.15;letter-spacing:-.8px;font-weight:500;max-width:400px}.method-card p{font-size:17px;line-height:1.6;margin-top:16px;color:var(--muted);max-width:520px}
.measurement-principle{display:flex;gap:24px;padding:32px 0;margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.measurement-principle>.icon{margin-top:3px;width:25px;height:25px}.measurement-principle h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.measurement-principle p{font-size:17px;color:var(--muted);line-height:1.65;margin-top:12px;max-width:860px}
.testimonials-section{padding:0 0 85px}.testimonials-heading{margin-bottom:36px}.testimonials-heading h2{margin-top:16px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial{margin:0;border-top:1px solid var(--line);padding:28px 0 0}.testimonial>.icon{width:25px;height:25px;margin-bottom:24px}.testimonial blockquote{margin:0;font-size:18px;line-height:1.6;letter-spacing:-.15px;font-weight:400}.testimonial blockquote p+p{margin-top:18px}.more-testimonials{margin-top:35px;border-top:1px solid var(--line);padding-top:12px}.more-testimonials summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:52px;font-size:15px;list-style:none}.more-testimonials summary::-webkit-details-marker{display:none}.more-testimonials summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.more-testimonials[open] summary>.icon{transform:rotate(180deg)}.extra-quotes{grid-template-columns:1fr 1fr;padding-top:20px;row-gap:35px}
.case-measurement{border-top:1px solid var(--line);padding-top:30px;margin:55px 0}.measure-heading{display:flex;gap:15px;align-items:center}.measure-heading h2{font-size:26px;letter-spacing:-.7px;font-weight:500}.measure-note{font-size:13px;color:var(--muted);margin-top:12px}.case-measurement dl{margin:25px 0 0}.case-measurement dl>div{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:20px 0;border-top:1px solid var(--line)}.case-measurement dt{font-size:14px;font-weight:500}.case-measurement dd{margin:0;font-size:17px;line-height:1.65;color:var(--muted)}.learning blockquote{font-family:Figtree,Arial,sans-serif;font-size:32px;font-style:normal;font-weight:400;letter-spacing:-.7px}.decision h3{font-weight:500}.case-section p{font-size:19px}.footer h2{font-weight:450;letter-spacing:-.05em}
@media(min-width:1100px){.project:not(.featured):last-child .media-stage{height:560px}.project:not(.featured):last-child .phone{max-width:330px}.project:not(.featured):last-child .project-name{font-weight:450}}
@media(max-width:900px){.stage-vertical{height:500px}.stage-vertical .phone{width:78%;max-width:315px}.method-heading{gap:24px 35px}.method-grid{column-gap:35px}.testimonials-grid{grid-template-columns:1fr 1fr}.testimonials-grid>.testimonial:nth-child(3){grid-column:1/-1}.extra-quotes>.testimonial:nth-child(3){grid-column:auto}.method-heading>p:last-child{font-size:17px}.case-measurement dl>div{grid-template-columns:150px 1fr}.hero-bottom p{font-size:18px}}
@media(max-width:600px){.identity{font-size:15px}.nav{font-size:13px}.approach-nav{display:none!important}.eyebrow{font-size:12px}h1{font-size:clamp(41px,10.2vw,63px);line-height:1.06;letter-spacing:-.052em}.hero-bottom p{font-size:17px}.project-summary{font-size:16px}.stage-vertical{height:480px;padding-top:64px}.stage-vertical .phone{width:78%;max-width:300px}.case-visual .stage-vertical{height:auto;min-height:0;padding-top:65px}.case-visual .stage-vertical .phone{width:80%;max-width:310px;margin-bottom:0}.case-visual .stage-vertical .play-toggle{bottom:18px}.method-section{padding-top:55px}.method-heading{grid-template-columns:1fr;gap:20px}.method-heading>.eyebrow{grid-column:auto}.method-heading h2,.testimonials-heading h2{font-size:38px}.method-grid{grid-template-columns:1fr;gap:28px;margin-top:34px}.method-card h3{font-size:25px}.method-card p{font-size:16px}.method-mark{margin-bottom:20px}.measurement-principle{gap:16px;margin-top:30px;padding-block:26px}.measurement-principle h3{font-size:22px}.measurement-principle p{font-size:16px}.about-copy>p{font-size:17px}.testimonials-grid,.extra-quotes{grid-template-columns:1fr;gap:28px}.testimonials-grid>.testimonial:nth-child(3){grid-column:auto}.testimonials-section{padding-bottom:50px}.testimonial blockquote{font-size:17px}.testimonial>.icon{margin-bottom:18px}.case-measurement dl>div{grid-template-columns:1fr;gap:10px}.measure-heading{align-items:start}.measure-heading h2{font-size:24px}.case-measurement dd{font-size:16px}.learning blockquote{font-size:26px}.case-hero h1{font-size:43px;letter-spacing:-.05em}.case-section p{font-size:17px}}
/* Original AD mark, portrait and project screen sequences. */
.brand-logo{width:48px;height:35px;object-fit:contain;flex-shrink:0}.portrait{width:280px;max-width:100%;height:auto;aspect-ratio:1;border-radius:30pt;object-fit:cover;margin-top:32px}
[data-preview] .phone{border:7px solid #111;border-bottom:0;border-radius:30pt 30pt 0 0;background:#111;box-shadow:0 12px 35px #00000018}
[data-preview] .phone img,[data-preview] .phone video{border-radius:0}.featured [data-preview] .phone{transform:none}
.featured [data-preview]{align-items:flex-start;padding-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.featured [data-preview] .phone.main{height:115%}.featured [data-preview] .phone.side{height:105%;margin-top:35px}
.slideshow{position:relative;height:560px;background:#f3f3f3;border-radius:30pt;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:40px 24px 62px}
.slides-surface{height:100%;max-width:100%;aspect-ratio:750/1624;position:relative;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 8px 28px #0000000d}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .55s ease}.slide.is-current{opacity:1;z-index:1}
.slide-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e5e5;border-radius:30px;padding:2px 7px;color:#111;z-index:3;white-space:nowrap}
.slide-controls button{border:0;background:transparent;color:inherit;display:grid;place-items:center;width:44px;height:40px;border-radius:50%}.slide-controls button:hover{background:#eee}.slide-controls .icon{width:17px;height:17px}.slide-controls span{font-size:12px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.slide-controls [data-slide-toggle]{border-left:1px solid #eee;border-radius:0}.slide-controls .play-icon{display:none}.slide-controls [aria-pressed=true] .play-icon{display:block}.slide-controls [aria-pressed=true] .pause-icon{display:none}
.project-gallery{margin:55px 0}.project-gallery>h2{font-size:30px;font-weight:450;letter-spacing:-1px;margin-bottom:25px}.project-gallery>h3{font-size:22px;font-weight:450;margin:35px 0 20px}.project-gallery .slideshow{height:680px}.slideshow.landscape{height:520px;align-items:center;padding:25px 25px 65px}.landscape .slides-surface{width:100%;height:auto;aspect-ratio:2388/1668;border-radius:15px;box-shadow:none}
.archive-shot{margin:35px 0}.archive-shot img{width:100%;height:auto;border-radius:30pt}.archive-shot figcaption{font-size:13px;color:var(--muted);margin-top:14px}.illustration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:35px}.illustration-grid img{width:100%;height:auto}
@media(min-width:1100px){.project:not(.featured):last-child{display:block;grid-column:auto}.project:not(.featured):last-child .project-meta{display:flex}.project:not(.featured):last-child .project-name{font-size:28px;letter-spacing:-.9px}.project:not(.featured):last-child .project-category{margin-top:0}.project:not(.featured):last-child .project-title{margin-top:22px}.project:not(.featured):last-child .project-summary{max-width:570px}}
@media(max-width:900px){.slideshow{height:500px}.project-gallery .slideshow{height:620px}.project-gallery .landscape{height:420px}}
@media(max-width:600px){.brand-logo{width:35px;height:26px}.portrait{width:200px;margin-top:25px}.slideshow{height:460px;padding:28px 20px 62px}.project-gallery .slideshow{height:560px}.project-gallery .landscape{height:310px;padding:16px 16px 62px}.illustration-grid{grid-template-columns:repeat(4,1fr);gap:10px}.featured [data-preview] .phone.main{height:115%}[data-preview] .phone{border-width:6px;border-bottom:0}}
