@import url("/dm-sans.css");
:root{--blue:#1375bc;--ink:#17181b;--paper:#f8f8f5;--line:#d5d5d1;--muted:#616267}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Futura Book','Futura', 'DM Sans',Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}p{line-height:1.6}::selection{background:var(--blue);color:white}.skip{position:absolute;top:-60px;left:20px;z-index:20;background:white;padding:14px}.skip:focus{top:12px}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{width:142px;flex-shrink:0}.brand img{width:100%;mix-blend-mode:multiply}nav{display:flex;gap:32px;font-size:15px}nav a{padding:12px 0;position:relative}nav a:hover,nav a[aria-current]{color:var(--blue)}nav a[aria-current]:after{content:'';height:2px;background:var(--blue);position:absolute;bottom:3px;left:0;right:0}.header-note{font-size:11px;letter-spacing:.05em}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.07em}.hero{height:calc(100svh - 90px);min-height:650px;max-height:950px;position:relative;padding:30px 4% 50px;overflow:hidden}.hero>.eyebrow{display:flex;justify-content:space-between;position:relative;z-index:2;pointer-events:none}.hero h1{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:clamp(76px,8.1vw,136px);font-weight:700;line-height:1.06;letter-spacing:-.04em;margin:85px 0 40px;position:relative;z-index:2;pointer-events:none;animation:enter .8s ease-out both}.hero h1 em{font-style:normal;color:var(--blue)}.hero-object{position:absolute;width:100%;right:0;top:70px;height:calc(100% - 110px);z-index:0;mix-blend-mode:multiply}.hero-object img{height:100%;width:100%;object-fit:cover;object-position:center}.object-label{position:absolute;bottom:20px;right:14%;font-size:12px;letter-spacing:.05em;background:var(--veil);padding:10px 15px;border-radius:30px}.hero-bottom{position:absolute;bottom:42px;left:4%;display:flex;align-items:center;gap:24px;z-index:2}.hero-bottom p{font-size:16px;line-height:1.5;margin-right:35px}.round-link{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--muted);border-radius:50%;font-size:25px;transition:background .2s,color .2s}.round-link:hover{background:var(--blue);color:white;border-color:var(--blue)}.small{font-size:11px;letter-spacing:.07em;max-width:70px;line-height:1.6}.work{padding:80px 4% 110px;background:white}.section-heading{border-top:1px solid var(--ink);padding-top:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:55px;gap:15px}.section-heading h2{font-size:27px;font-weight:700;letter-spacing:-.04em;margin:0}.section-heading h2 span{color:var(--muted);font-size:15px;letter-spacing:0;margin-left:16px}.section-heading>span{font-size:12px;letter-spacing:.06em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 5%}.project.offset{padding-top:100px}.project-image{position:relative;overflow:hidden;background:var(--surface);aspect-ratio:1.2}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.project:hover img{transform:scale(1.035)}.view{position:absolute;bottom:20px;right:20px;background:var(--blue);color:white;border-radius:100px;padding:14px 19px;font-size:14px;transform:translateY(90px);transition:transform .3s}.project:hover .view,.project:focus-visible .view{transform:translateY(0)}.project-caption{display:flex;align-items:baseline;justify-content:space-between;padding-top:20px;gap:20px}.project-caption h3{font-size:30px;line-height:1.15;letter-spacing:-.04em;font-weight:700;margin:0;max-width:85%}.project-caption>span{font-size:12px;white-space:nowrap;color:var(--muted)}.project-summary{font-size:16px;line-height:1.45;color:var(--muted);max-width:520px;margin:12px 0 0}.studio-band{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;background:var(--blue);color:white}.studio-band h2{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:clamp(40px,4.7vw,74px);line-height:1.1;letter-spacing:-.04em;font-weight:700;margin:40px 0 22px}.studio-band p{font-size:18px;max-width:350px;margin-bottom:32px}.studio-image{display:block;overflow:hidden}.studio-image img{width:100%;transition:transform .6s}.studio-image:hover img{transform:scale(1.03)}.text-link{display:inline-block;font-size:16px;border-bottom:1px solid currentColor;padding-bottom:8px}.about-teaser{padding:110px 7%;display:grid;grid-template-columns:1fr 2fr;gap:10%}.about-teaser h2{font-size:46px;letter-spacing:-.05em;font-weight:700;margin:0 0 25px}.about-teaser p{font-size:23px;line-height:1.5;max-width:640px;margin:0 0 35px;color:var(--muted)}footer{background:#161719;color:var(--paper);padding:55px 4% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top span{font-size:12px;letter-spacing:.07em}.footer-top a{font-size:26px;letter-spacing:-.04em}.footer-brand{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;display:block;font-size:22vw;font-weight:800;line-height:1.15;letter-spacing:-.075em;margin:30px 0}.footer-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em;border-top:1px solid var(--muted);padding-top:23px;gap:20px}.page-heading{padding:75px 7% 65px}.page-heading h1{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:clamp(60px,7.8vw,125px);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:40px 0 25px}.page-heading>p{font-size:22px;color:var(--muted);max-width:650px}.studio-work{padding-top:10px;background:var(--paper);padding-left:7%;padding-right:7%}.project-intro{padding:42px 7% 65px}.back-link{font-size:14px}.project-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em;margin-top:60px;color:var(--muted)}.project-intro h1{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:clamp(56px,8vw,130px);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:22px 0 38px;max-width:1300px;overflow-wrap:break-word}.project-deck{display:grid;grid-template-columns:1fr 1fr;gap:10%}.project-deck p{font-size:21px;line-height:1.55;margin:0}.project-deck .project-subtitle{font-size:18px;color:var(--muted);max-width:320px}.case-cover{margin:0 4%;background:var(--surface);max-height:820px;height:67vw;min-height:320px}.case-cover img{width:100%;height:100%;object-fit:contain}.project-facts{margin:0 7%;padding:35px 0;display:flex;justify-content:space-between;gap:45px;border-bottom:1px solid var(--line)}.project-facts div{flex:1}dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}dd{margin:0;font-size:16px;line-height:1.5}.case-story{padding:0 7% 80px}.story-section{padding-top:80px}.story-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;margin-bottom:45px}.story-copy h2{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1.13;letter-spacing:-.045em;max-width:440px;margin:0}.story-copy p{font-size:19px;line-height:1.7;margin:0;color:var(--muted)}.story-images{display:grid;grid-template-columns:1fr 1fr;gap:30px}.image-button{display:block;width:100%;border:0;padding:0;background:var(--surface);position:relative;overflow:hidden}.story-images img{width:100%;height:500px;object-fit:contain}.enlarge{position:absolute;right:15px;bottom:15px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px;line-height:1;transition:background .2s,color .2s}.image-button:hover .enlarge{background:var(--blue);color:#fff}figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:13px}.next-project{padding:55px 7%;background:var(--blue);color:white;display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:center}.next-project>span:first-child{font-size:12px;letter-spacing:.06em}.next-project strong{font-size:clamp(30px,4vw,60px);font-weight:700;letter-spacing:-.04em;line-height:1.15}.next-arrow{font-size:60px}.bio{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding:10px 7% 110px}.bio>figure img{width:100%;height:auto}.bio h2{font-size:38px;font-weight:700;letter-spacing:-.04em;margin:0 0 25px}.bio p{font-size:18px;line-height:1.7;color:var(--muted)}.bio .bio-lead{font-size:26px;line-height:1.45;color:var(--ink);margin-top:0}.bio-details{margin:35px 0;border-top:1px solid var(--line)}.bio-details>div{padding:20px 0;border-bottom:1px solid var(--line)}.gallery-grid{padding:10px 7% 100px;columns:2;column-gap:45px}.gallery-grid figure{break-inside:avoid;margin-bottom:50px}.gallery-grid figure:nth-child(2){padding-top:80px}.gallery-grid img{width:100%;height:auto}.gallery-grid .image-button{background:transparent}.error-page{min-height:60vh}dialog{padding:22px 32px 18px;border:0;background:#101112;color:#fff;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden}dialog::backdrop{background:#101112}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;height:48px}.viewer-toolbar button{border:1px solid var(--muted);padding:10px 18px;background:transparent;border-radius:100px}.viewer-toolbar span{font-size:14px}.viewer-stage{height:calc(100% - 115px);display:grid;grid-template-columns:55px 1fr 55px;align-items:center;gap:15px}.viewer-stage img{height:100%;width:100%;min-width:0;min-height:0;object-fit:contain}.viewer-stage button{border:1px solid var(--muted);background:transparent;border-radius:50%;height:45px;width:45px;font-size:24px}.viewer-stage button:disabled{opacity:.25;cursor:default}#viewer-caption{font-size:14px;text-align:center;margin:20px 0 0;color:#ccc}body.viewer-open{overflow:hidden}dialog button:focus-visible{outline-color:white}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.story-images img{height:600px}}
@media(max-width:1000px){.header-note{display:none}.hero h1{font-size:9vw}.project-caption h3{font-size:26px}.story-images img{height:380px}.project-deck{gap:7%}.story-copy{gap:7%}.bio{gap:6%}.bio h2{font-size:32px}.bio .bio-lead{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:20px}header{height:78px;padding:0 5%;gap:15px}.brand{width:101px}nav{gap:16px;font-size:13px}.hero{height:auto;min-height:820px;padding:25px 5%}.hero>.eyebrow span:last-child{display:none}.hero h1{font-size:clamp(52px,12vw,78px);margin:45px 0 0;letter-spacing:-.04em;line-height:1.08}.hero-object{top:255px;width:150%;right:-15%;height:400px}.hero-object img{object-position:85% center}.object-label{bottom:0;right:23%;font-size:11px}.hero-bottom{bottom:35px;left:5%;right:5%;justify-content:space-between;gap:10px}.hero-bottom p{font-size:15px;margin-right:0}.hero-bottom .small{display:none}.work{padding:55px 5% 60px}.section-heading{margin-bottom:35px}.section-heading>span{font-size:10px}.section-heading h2{font-size:22px}.project-grid{grid-template-columns:1fr;gap:42px}.project.offset{padding-top:0}.project-caption h3{font-size:28px;max-width:80%}.project-caption>span{font-size:11px}.project-summary{font-size:15px}.view{transform:none;padding:10px 14px;bottom:12px;right:12px;font-size:12px}.studio-band{padding:60px 5%;grid-template-columns:1fr;gap:40px}.studio-band h2{font-size:48px;margin:28px 0}.studio-band p{font-size:17px}.about-teaser{padding:65px 5%;grid-template-columns:1fr;gap:30px}.about-teaser h2{font-size:35px}.about-teaser p{font-size:20px}footer{padding:40px 5% 25px}.footer-top a{font-size:19px}.footer-top span{font-size:10px;max-width:100px;line-height:1.6}.footer-brand{font-size:22vw;margin:40px 0}.footer-meta{font-size:10px;gap:16px}.footer-meta>span:nth-child(2){display:none}.page-heading{padding:50px 5% 40px}.page-heading h1{font-size:clamp(52px,12vw,80px);margin:30px 0 24px}.page-heading>p{font-size:19px}.studio-work{padding-top:0}.project-intro{padding:28px 5% 40px}.project-kicker{margin-top:42px}.project-intro h1{font-size:clamp(44px,11.5vw,76px);margin-bottom:28px}.project-deck{grid-template-columns:1fr;gap:20px}.project-deck p{font-size:19px}.project-deck .project-subtitle{font-size:15px}.case-cover{margin:0;height:100vw;min-height:0;max-height:620px}.project-facts{margin:0 5%;padding:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.project-facts dt{font-size:11px}.project-facts dd{font-size:15px}.case-story{padding:0 5% 55px}.story-section{padding-top:50px}.story-copy{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.story-copy h2{font-size:33px}.story-copy p{font-size:18px;line-height:1.65}.story-images{gap:30px;grid-template-columns:1fr}.story-images img{height:auto;max-height:650px;object-fit:contain}.next-project{padding:38px 5%;grid-template-columns:1fr auto;gap:18px}.next-project>span:first-child{grid-column:1/-1}.next-project strong{font-size:32px}.next-arrow{font-size:45px}.bio{grid-template-columns:1fr;padding:0 5% 60px;gap:45px}.bio>figure{max-width:500px}.bio h2{font-size:34px}.bio .bio-lead{font-size:24px}.gallery-grid{columns:1;padding:0 5% 60px}.gallery-grid figure{margin-bottom:32px}.gallery-grid figure:nth-child(2){padding-top:0}dialog{padding:12px 14px}.viewer-stage{grid-template-columns:32px 1fr 32px;gap:5px;height:calc(100% - 140px)}.viewer-stage button{height:32px;width:32px;font-size:20px}#viewer-caption{font-size:13px;line-height:1.5}.viewer-toolbar{margin-bottom:20px}}
@media(max-width:370px){header{gap:10px}.brand{width:88px}nav{gap:11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Headings use Helvetica Bold; photographs keep their native proportions. */
h1,h2,h3,h4,h5,h6,.next-project strong{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-weight:700}
.project-grid,.story-images{align-items:start}
.project-image{aspect-ratio:auto;background:transparent}
.project-image img{height:auto;object-fit:initial}
.image-button{background:transparent}
.story-images img{height:auto;max-height:none;object-fit:initial}
.case-cover{height:auto;min-height:0;max-height:none;background:transparent}
.case-cover img{height:auto;object-fit:initial}
footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.footer-brand{font-size:inherit;line-height:normal;letter-spacing:normal;margin:65px 0 55px}
.footer-brand img{width:100%;height:auto;mix-blend-mode:multiply}
.footer-meta{border-color:var(--line)}
@media(max-width:700px){.footer-brand{margin:45px 0}}
/* Round punctuation keeps the Helvetica lettering intact. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.round-stop{display:inline-block;position:relative;width:.24em;height:.72em}
.round-stop::after{content:"";position:absolute;left:.06em;bottom:0;width:.14em;height:.14em;background:currentColor;border-radius:50%}
.experience-list{margin:0 6% 100px}.experience-row{display:grid;grid-template-columns:1fr 2fr;gap:6%;border-top:1px solid var(--line);padding:36px 0 44px}.experience-date{font-size:13px}.experience-row h2{font-size:clamp(27px,3.5vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.experience-role{color:var(--blue);font-size:14px;margin-bottom:16px}.experience-row div>p:last-child{max-width:650px;line-height:1.7}.experience-support{margin:0 6% 120px;display:grid;grid-template-columns:1fr 1fr;gap:70px 8%;border-top:1px solid var(--line);padding-top:55px}.experience-support h2{font-size:32px;margin:20px 0}.experience-support p{line-height:1.7}.bio .text-link{display:inline-block;margin-top:20px}.mark-one .case-cover{max-width:920px;margin:0 auto}.mark-one .story-images{gap:28px}.mark-one .story-section:last-child .story-images{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
@media(max-width:700px){header nav{gap:14px;flex-wrap:wrap}header nav a{font-size:12px}.experience-row{grid-template-columns:1fr;gap:14px}.experience-support{grid-template-columns:1fr;gap:45px}.experience-list{margin-bottom:60px}.mark-one .story-section:last-child .story-images{grid-template-columns:1fr}}
@media(max-width:700px){header{height:auto;min-height:100px;padding:18px 5% 14px;flex-direction:column;align-items:flex-start;gap:18px}header nav{width:100%;justify-content:space-between;gap:10px;flex-wrap:nowrap}header nav a{padding:0 0 5px;font-size:12px}}
.experience-category{margin:0 0 22px}.other-experience{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}.other-experience summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none;font-size:18px}.other-experience summary::-webkit-details-marker{display:none}.other-experience summary small{font-size:12px;color:var(--muted);margin-left:12px}.other-experience summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.disclosure-icon{width:14px;height:14px;position:relative;flex:none}.disclosure-icon:before,.disclosure-icon:after{content:"";position:absolute;background:currentColor;left:0;top:6px;width:14px;height:2px}.disclosure-icon:after{transform:rotate(90deg)}.other-experience[open] .disclosure-icon:after{transform:rotate(0)}.other-experience .experience-row{padding:24px 0;gap:6%}.other-experience .experience-row h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}.other-experience .experience-role{font-size:13px;color:var(--muted);margin-bottom:12px}.other-experience .experience-row div>p:last-child{font-size:15px}.other-experience .experience-date{font-size:12px}@media(max-width:700px){.other-experience summary{font-size:16px}.other-experience .experience-row{gap:10px}}
/* A single, continuous product stage, following the device appearance. */
:root{color-scheme:light dark;--blue:#1375bc;--surface:#eeeeeb;--veil:#f8f8f5d9;--stage-glow:#ffffff;--body-font:'futura-pt','Futura Book','Futura','DM Sans',Arial,sans-serif}
body,button,input,textarea,select{font-family:var(--body-font);font-weight:400}.eyebrow,.text-link,.speaker-link{font-weight:400}
@font-face{font-family:'Futura Book';src:local('Futura Book'),local('Futura-Book');font-weight:400;font-style:normal;font-display:swap}
.brand img,.footer-brand img{mix-blend-mode:normal}.footer-links{display:flex;gap:32px;flex-wrap:wrap}.instagram-link{display:inline-block;margin-top:18px}
.selected-work{padding-top:65px;overflow:clip}.selected-work>.section-heading{margin:0 6%;padding-bottom:28px;border-bottom:1px solid var(--line)}.selected-work .section-heading h2{margin:0}.speaker-scene{position:relative;height:auto;min-height:0}.speaker-stage{position:relative;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:var(--paper)}.speaker-art{position:absolute;width:min(125vw,1800px);height:auto;left:-67%;top:50%;transform:translate3d(0,-50%,0);transform-origin:65% 55%;pointer-events:none}.speaker-art img,.speaker-art picture{display:block;width:100%;max-width:none;height:auto}.speaker-right .speaker-art{left:auto;right:-67%;transform-origin:35% 55%}.speaker-copy{position:relative;z-index:2;width:39%;margin-left:55%;padding:50px 0;max-width:650px}.speaker-right .speaker-copy{margin-left:8%}.speaker-index{font-size:14px;color:var(--muted);letter-spacing:.08em;margin:0 0 28px}.speaker-copy h2{font-size:clamp(50px,6.6vw,108px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}.speaker-description{font-size:clamp(18px,1.6vw,25px);line-height:1.55;max-width:390px;color:var(--muted);margin:0 0 34px}.speaker-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--blue);border-radius:999px;padding:15px 24px;color:var(--blue);font-size:16px;transition:background .25s,color .25s,transform .25s}.speaker-link:hover{background:var(--blue);color:white;transform:translateY(-2px)}.speaker-link:focus-visible{outline-offset:7px}.studio-matte{mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-composite:intersect}
.hero-object{width:70%;right:-9%;top:70px;height:calc(100% - 100px);mix-blend-mode:normal}.hero-object img{width:100%;height:100%;object-fit:contain}.hero .object-label{right:20%}.hero h1{max-width:60%}
@media(prefers-color-scheme:dark){:root{--ink:#f0f0ee;--paper:#17181b;--muted:#b6b8bd;--line:#393b40;--surface:#24262b;--veil:#17181bd9;--stage-glow:#33363e}.studio-band,.about-teaser,.bio,.work{background:var(--paper)}.footer-meta{color:var(--muted)}.skip{background:var(--surface)}.case-cover{background:transparent}.hero-object img{filter:drop-shadow(0 12px 35px #0004)}.speaker-art:not(.studio-matte) img{filter:drop-shadow(0 18px 32px #0005)}.round-link{background:transparent}footer{background:var(--paper)}.viewer-toolbar button{color:#f0f0ee}}
@media(max-width:1000px){.speaker-copy h2{font-size:clamp(42px,7vw,76px)}.speaker-art{width:140vw;left:-82%}.speaker-right .speaker-art{right:-82%}.speaker-copy{width:40%;margin-left:54%}.speaker-right .speaker-copy{margin-left:6%}}
@media(max-width:700px){.selected-work{padding-top:40px}.selected-work>.section-heading{margin:0 5%;gap:15px}.selected-work>.section-heading>span{font-size:10px}.speaker-scene{height:auto;min-height:0}.speaker-stage{height:100svh;min-height:710px;align-items:flex-start}.speaker-copy,.speaker-right .speaker-copy{width:65%;margin:0 0 0 29%;padding:45px 0 0}.speaker-right .speaker-copy{margin-left:6%}.speaker-copy h2{font-size:clamp(39px,10vw,62px);margin-bottom:18px}.speaker-index{font-size:12px;margin-bottom:16px}.speaker-description{font-size:17px;margin-bottom:24px}.speaker-link{font-size:14px;padding:12px 19px;gap:25px}.speaker-art{width:170vw;left:-93%;top:71%;transform-origin:65% 55%}.speaker-right .speaker-art{right:-93%;top:71%}.speaker-copy{z-index:2}.footer-links{gap:18px}.footer-top{gap:22px;flex-wrap:wrap}.hero h1{max-width:100%}.hero-object{width:120%;height:470px;top:235px;right:-28%}.hero .object-label{right:27%}}
@media(prefers-reduced-motion:reduce){.speaker-scene{height:auto}.speaker-art,.speaker-copy{opacity:1!important}.speaker-link{transition:none}}
.speaker-art{width:min(115vw,1400px);left:calc(9vw - min(57.5vw,700px))}.speaker-right .speaker-art{left:auto;right:calc(9vw - min(57.5vw,700px))}.enlarge{color:#17181b}
@media(max-width:1000px) and (min-width:701px){.speaker-art{left:calc(3vw - 57.5vw)}.speaker-right .speaker-art{right:calc(3vw - 57.5vw)}}
@media(max-width:700px){.speaker-art{width:170vw;left:-80vw}.speaker-right .speaker-art{right:-80vw}}
@media(prefers-color-scheme:dark){.speaker-link{background:var(--blue);color:#fff}.speaker-link:hover{background:var(--paper);color:var(--ink)}nav a[aria-current],nav a:hover,.experience-role{color:var(--ink)}}

/* The silent film sits behind the original headline. */
.hero{isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}.hero-video-toggle{position:absolute;right:4%;bottom:45px;z-index:3;border:1px solid var(--line);border-radius:30px;padding:10px 16px;background:var(--veil);font-size:12px}.hero-video-toggle:hover{border-color:var(--ink)}

@media(max-width:700px){.hero:has(.hero-video){min-height:calc(100svh - 115px)}.hero:has(.hero-video) .hero-bottom{bottom:65px}.hero-video-toggle{right:5%;bottom:16px}}


.documentation-list{margin:0 7% 120px;min-height:40vh}.documentation-list ul{list-style:none;padding:0;margin:0}.documentation-list li{border-top:1px solid var(--line)}.documentation-list li:last-child{border-bottom:1px solid var(--line)}.documentation-list a{display:block;padding:17px 0;font-size:17px;line-height:1.5;transition:color .2s,padding-left .2s}.documentation-list a:hover{color:var(--blue);padding-left:10px}
@media(max-width:700px){header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 19px}.documentation-list{margin:0 5% 75px}.documentation-list a{padding:15px 0;font-size:16px}.hero:has(.hero-video){min-height:calc(100svh - 135px)}}

.hero:has(.hero-video){color:#fff;--ink:#fff;--muted:#fff;--line:#ffffff80;--veil:transparent}.hero:has(.hero-video) .round-link{border-color:#fff}.hero-video-toggle{color:#fff;background:transparent}.page-heading:has(+.documentation-list) h1{font-size:clamp(40px,7.8vw,125px)}

/* Process photographs retain their complete original frame. */
.process-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.process-images img{width:100%;height:auto;object-fit:contain;aspect-ratio:6774/4492}
html{scroll-behavior:auto}body:has(.hero-video){overflow-anchor:none}
@media(max-width:700px){.process-images{grid-template-columns:1fr;gap:25px}}


/* Studio objects remain entirely visible; the audio showcase keeps its own layout. */
.studio-showcase{padding-top:0}
.studio-showcase .speaker-stage{height:auto;min-height:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:7%;padding:72px 6%;}
.studio-showcase .speaker-scene+.speaker-scene{border-top:1px solid var(--line)}
.studio-showcase .speaker-art,.studio-showcase .speaker-right .speaker-art{position:relative;inset:auto;width:100%;height:auto;transform:none;opacity:1;mask:none;pointer-events:none}
.studio-showcase .speaker-art img{width:100%;height:auto;max-height:min(560px,66svh);object-fit:contain;filter:none}
.studio-showcase .speaker-copy,.studio-showcase .speaker-right .speaker-copy{width:auto;max-width:540px;margin:0;padding:0;transform:none;opacity:1}
.studio-showcase .speaker-copy h2{font-size:clamp(34px,3.5vw,56px);line-height:1.1;letter-spacing:-.045em}
.studio-showcase .speaker-description{font-size:clamp(17px,1.6vw,22px)}
.studio-showcase .speaker-right .speaker-art{grid-column:2;grid-row:1}
.studio-showcase .speaker-right .speaker-copy{grid-column:1;grid-row:1}
.project-document{padding:25px 7% 0}
@media(max-width:700px){.studio-showcase .speaker-stage{grid-template-columns:1fr;gap:28px;padding:42px 5% 52px}.studio-showcase .speaker-art img{max-height:440px}.studio-showcase .speaker-right .speaker-art,.studio-showcase .speaker-right .speaker-copy{grid-column:auto;grid-row:auto}.studio-showcase .speaker-copy h2{font-size:clamp(30px,8vw,44px);margin-bottom:18px}.studio-showcase .speaker-index{margin-bottom:16px}.project-document{padding:22px 5% 0}}

@media(min-width:701px){.studio-showcase .speaker-right .speaker-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}

/* Landscape frames retain the entire photograph. */
.studio-showcase .studio-photo{position:relative;width:100%;aspect-ratio:3/2;margin:auto;background-image:var(--photo-left),var(--photo-right);background-size:50.1% 100%;background-position:left,right;background-repeat:no-repeat;}
.studio-showcase .studio-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;}
.studio-photo-sound-optic{--photo-left:linear-gradient(180deg,rgb(214,214,214) 0.0%,rgb(221,221,221) 6.25%,rgb(225,225,225) 12.5%,rgb(226,225,228) 18.75%,rgb(226,226,226) 25.0%,rgb(229,226,227) 31.25%,rgb(230,227,228) 37.5%,rgb(231,229,229) 43.75%,rgb(231,229,229) 50.0%,rgb(231,229,229) 56.25%,rgb(232,230,231) 62.5%,rgb(232,230,231) 68.75%,rgb(232,230,231) 75.0%,rgb(231,229,229) 81.25%,rgb(225,223,222) 87.5%,rgb(217,215,213) 93.75%,rgb(209,207,205) 100.0%);--photo-right:linear-gradient(180deg,rgb(210,208,208) 0.0%,rgb(212,210,211) 6.25%,rgb(219,217,218) 12.5%,rgb(224,222,222) 18.75%,rgb(226,221,222) 25.0%,rgb(224,220,219) 31.25%,rgb(227,222,222) 37.5%,rgb(229,227,225) 43.75%,rgb(229,227,225) 50.0%,rgb(229,227,225) 56.25%,rgb(229,227,225) 62.5%,rgb(227,225,225) 68.75%,rgb(229,225,224) 75.0%,rgb(228,223,223) 81.25%,rgb(228,223,222) 87.5%,rgb(222,218,215) 93.75%,rgb(216,212,209) 100.0%)}
.studio-photo-videotapes{--photo-left:linear-gradient(180deg,rgb(70,69,72) 0.0%,rgb(68,67,70) 6.25%,rgb(64,64,66) 12.5%,rgb(68,67,70) 18.75%,rgb(66,66,70) 25.0%,rgb(71,70,75) 31.25%,rgb(71,70,73) 37.5%,rgb(75,74,78) 43.75%,rgb(87,89,93) 50.0%,rgb(101,103,107) 56.25%,rgb(100,103,107) 62.5%,rgb(81,83,87) 68.75%,rgb(92,96,100) 75.0%,rgb(100,104,108) 81.25%,rgb(116,118,120) 87.5%,rgb(124,126,128) 93.75%,rgb(130,132,134) 100.0%);--photo-right:linear-gradient(180deg,rgb(61,61,61) 0.0%,rgb(61,61,61) 6.25%,rgb(62,62,62) 12.5%,rgb(61,61,61) 18.75%,rgb(63,63,63) 25.0%,rgb(63,63,63) 31.25%,rgb(65,66,65) 37.5%,rgb(71,71,71) 43.75%,rgb(73,73,73) 50.0%,rgb(71,71,71) 56.25%,rgb(68,68,71) 62.5%,rgb(66,67,68) 68.75%,rgb(72,72,75) 75.0%,rgb(87,89,91) 81.25%,rgb(95,97,99) 87.5%,rgb(99,102,103) 93.75%,rgb(99,101,105) 100.0%)}

/* Three photographs from the photography account, with uncropped frames. */
.gallery-grid.instagram-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));columns:auto;gap:32px;align-items:start;max-width:1600px;margin-inline:auto}
.instagram-gallery figure,.instagram-gallery figure:nth-child(2){margin:0;padding:0}
.instagram-photo{display:block}
.instagram-gallery img{width:100%;height:auto}
.instagram-gallery figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;font-size:14px}
.instagram-gallery figcaption .text-link{font-size:14px;color:var(--ink)}
.instagram-profile{display:inline-flex;margin-top:12px}
@media(max-width:700px){.gallery-grid.instagram-gallery{grid-template-columns:1fr;gap:42px;max-width:540px}.instagram-gallery figcaption{margin-top:14px}}

.instagram-gallery .instagram-photo{aspect-ratio:2/3;overflow:hidden}
.instagram-gallery .instagram-photo img{width:100%;height:100%;object-fit:cover;object-position:center}

.project-film{position:relative;margin:0 auto;width:min(100%,1200px);background:#111}
.project-film video{display:block;width:100%;height:auto;aspect-ratio:3/2}
.project-sound{position:absolute;right:20px;top:20px;border:1px solid #ffffff88;border-radius:100px;background:#17181bcc;color:white;padding:11px 20px;z-index:1}
.new-audio-photo{height:100%;width:100%}
.new-audio-photo img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
.speaker-scene:has(.new-audio-photo) .speaker-art{width:48%;left:2%;right:auto;transform:none!important}
.speaker-scene:has(.new-audio-photo) .speaker-copy{margin-left:55%;width:40%}
@media(max-width:700px){.project-sound{top:12px;right:12px;padding:8px 14px;font-size:13px}.speaker-scene:has(.new-audio-photo) .speaker-art{width:100%;left:0}.speaker-scene:has(.new-audio-photo) .speaker-copy{margin-left:0;width:auto}}
.speaker-scene:has(.new-audio-photo) .speaker-art{top:0;bottom:0;height:100%;display:flex;align-items:center;padding:40px 0}
.i-need-something-more .story-copy p{white-space:pre-line}

.film-hero{width:100%;max-width:none;height:calc(100svh - 90px);min-height:520px;overflow:hidden;background:#17181b}
.film-hero video{width:100%;height:100%;object-fit:cover}
.film-title{position:absolute;inset:0;display:flex;align-items:center;padding:6%;pointer-events:none}
.film-title h1{color:#fff;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(60px,9vw,150px);letter-spacing:-.055em;line-height:1.02;max-width:1000px;margin:0}
.film-open{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;text-align:left;color:white}
.film-open span{position:absolute;left:6%;bottom:32px;font-size:17px;border-bottom:1px solid #ffffff88;padding-bottom:6px}
.film-pause{position:absolute;right:6%;bottom:32px;z-index:2;background:transparent;border:1px solid #ffffffaa;color:#fff;border-radius:50px;padding:9px 18px}
.film-hero video:fullscreen{object-fit:contain;background:#000}
@media(max-width:700px){.film-hero{height:76svh;min-height:470px}.film-title h1{font-size:clamp(50px,12vw,84px)}.film-open span{font-size:14px;bottom:25px}.film-pause{font-size:13px;bottom:23px}}

.film-hero.cinema{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;z-index:1000;background:#000}
.film-hero.cinema video{object-fit:contain}
.film-hero.cinema .film-title,.film-hero.cinema .film-open,.film-hero.cinema .film-pause{display:none}
.film-close{position:absolute;right:25px;top:25px;z-index:3;border:1px solid #fff8;border-radius:30px;background:#17181bcc;color:white;padding:12px 20px}
.film-close[hidden]{display:none}
.speaker-scene[aria-labelledby="speaker-i-need-something-more"] .speaker-art{width:min(100vw,800px);left:calc(0px - min(50vw,400px))}
.speaker-scene[aria-labelledby="speaker-kts"] .speaker-art{right:calc(0px - min(57.5vw,700px))}
@media(max-width:700px){.speaker-scene[aria-labelledby="speaker-i-need-something-more"] .speaker-art{width:140vw;left:-70vw}.speaker-scene[aria-labelledby="speaker-kts"] .speaker-art{right:-85vw}}
.speaker-scene[aria-labelledby="speaker-i-need-something-more"] .speaker-art{left:calc(0px - min(32vw,256px))}
@media(max-width:700px){.speaker-scene[aria-labelledby="speaker-i-need-something-more"] .speaker-art{left:-48vw}}

.project-precursor{margin:55px 7% 0;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-precursor h2{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.03em;margin:12px 0}
.project-precursor p{max-width:660px;color:var(--muted);font-size:18px;margin:0}
.project-precursor .speaker-link{flex-shrink:0}
@media(max-width:700px){.project-precursor{margin:32px 5% 0;align-items:flex-start;flex-direction:column;gap:24px;padding:25px 0}.project-precursor h2{font-size:25px}.project-precursor p{font-size:17px}}
/* Give each object more presence while preserving space for the story. */
.selected-work:not(.studio-showcase) .speaker-art{width:min(120vw,1500px);left:calc(16vw - min(60vw,750px))}
.selected-work:not(.studio-showcase) .speaker-right .speaker-art{left:auto;right:calc(16vw - min(60vw,750px))}
.selected-work:not(.studio-showcase) .speaker-copy{width:33%;margin-left:63%}
.selected-work:not(.studio-showcase) .speaker-right .speaker-copy{margin-left:6%;width:30%}
.selected-work:not(.studio-showcase) .speaker-scene[aria-labelledby="speaker-i-need-something-more"] .speaker-art{width:min(105vw,900px);left:calc(0px - min(26vw,225px))}
.selected-work:not(.studio-showcase) .speaker-scene[aria-labelledby="speaker-kts"] .speaker-art{width:min(115vw,1400px);right:calc(0px - min(43vw,550px))}
@media(max-width:700px){.selected-work:not(.studio-showcase) .speaker-art{width:180vw;left:-60vw;top:79%}.selected-work:not(.studio-showcase) .speaker-right .speaker-art{left:auto;right:-60vw;top:79%}.selected-work:not(.studio-showcase) .speaker-copy{width:86%;margin-left:7%;padding-top:35px}.selected-work:not(.studio-showcase) .speaker-right .speaker-copy{width:86%;margin-left:7%}.selected-work:not(.studio-showcase) .speaker-scene[aria-labelledby="speaker-i-need-something-more"] .speaker-art{width:145vw;left:-38vw;top:82%}.selected-work:not(.studio-showcase) .speaker-scene[aria-labelledby="speaker-kts"] .speaker-art{width:180vw;right:-50vw;top:79%}.selected-work:not(.studio-showcase) .speaker-stage{min-height:820px}}

/* Desktop pairs complete objects with their project descriptions. */
@media(min-width:701px){
.selected-work:not(.studio-showcase) .speaker-stage{height:88svh;min-height:650px;max-height:950px}
.selected-work:not(.studio-showcase) .speaker-scene .speaker-art{width:48%!important;height:80%;left:4%!important;right:auto!important;top:50%;transform-origin:center}
.selected-work:not(.studio-showcase) .speaker-scene.speaker-right .speaker-art{left:auto!important;right:4%!important}
.selected-work:not(.studio-showcase) .speaker-art picture,.selected-work:not(.studio-showcase) .speaker-art img{width:100%;height:100%;object-fit:contain}
.selected-work:not(.studio-showcase) .speaker-copy{width:36%;margin-left:59%;padding:35px 0}
.selected-work:not(.studio-showcase) .speaker-right .speaker-copy{width:36%;margin-left:6%}
.selected-work:not(.studio-showcase) .speaker-copy h2{font-size:clamp(40px,4.8vw,76px)}
}

@media(min-width:701px){.selected-work:not(.studio-showcase) .speaker-art img{scale:1.08}}

.instagram-gallery button.instagram-photo{width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}


/* Inline logos use the page media query so theme changes repaint immediately. */
.theme-logo{display:block;width:100%;height:auto}
.theme-logo path[fill="#231f20"]{fill:#231f20}
.theme-logo path[fill="#58595b"]{fill:#58595b}
@media(prefers-color-scheme:dark){
 .theme-logo path[fill="#231f20"]{fill:#f0f0ee}
 .theme-logo path[fill="#58595b"]{fill:#bfc0c2}
}
.work-archive,.private-archive{margin:0 7% 110px}.archive-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0}.archive-entry h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.035em;margin:12px 0}.archive-entry p{color:var(--muted);margin:0}.archive-arrow{font-size:40px;color:var(--blue)}.archive-entry:hover h2{color:var(--blue)}.private-breadcrumb{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:9px}.private-breadcrumb a:hover{color:var(--blue)}.private-heading .private-notice{max-width:690px;font-size:20px}.private-gate{max-width:600px;border-top:1px solid var(--line);padding-top:28px}.private-gate label{display:block;font-size:17px;margin-bottom:16px}.private-password-row{display:flex;gap:14px}.private-password-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:0;padding:14px 16px;background:var(--surface);color:var(--ink);font:inherit;font-size:18px}.private-password-row button{flex-shrink:0;background:var(--blue);color:white;border:0;padding:14px 23px;border-radius:100px;font-size:16px}.private-password-row button:disabled{opacity:.6;cursor:wait}#private-error{min-height:1.6em;font-size:15px;color:var(--ink)}.private-collection-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px}.private-collection-heading h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:12px 0 0}.private-lock{background:transparent;border:1px solid var(--line);border-radius:100px;padding:10px 20px;font-size:15px}.private-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:44px 32px}.private-photo-grid figure{margin:0}.private-photo-grid button{display:block;width:100%;padding:0;border:0;background:transparent}.private-photo-grid img{display:block;width:100%;height:auto}.private-photo-grid figcaption{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted)}[hidden]{display:none!important}.private-work header nav{gap:18px}
@media(max-width:1000px){header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}header nav{flex-wrap:wrap;row-gap:10px}.header-note{display:none}}
@media(max-width:700px){.work-archive,.private-archive{margin:0 5% 70px}.private-heading .private-notice{font-size:18px}.private-password-row{flex-direction:column;align-items:stretch}.private-password-row button{align-self:flex-start}.private-photo-grid{grid-template-columns:1fr;gap:32px}.private-collection-heading{margin-bottom:28px}.private-work header nav{gap:12px}.archive-entry{padding:28px 0}}