@font-face{font-family:Manrope;src:url('assets/Manrope-display.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#111;--paper:#fff;--accent:#111;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--pad:clamp(24px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:18px/1.5 Instrument,sans-serif;background:var(--paper);color:var(--ink);overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:700;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(54px,6.5vw,96px)}h2{font-size:clamp(28px,3.6vw,56px)}p{max-width:70ch}p+p{margin-top:1.1em}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,textarea{font:inherit;color:inherit}button{border:1px solid currentColor;background:none;padding:10px 17px;cursor:pointer;transition:transform 160ms var(--ease-out)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default}img,video{max-width:100%;display:block;object-fit:cover}img{height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--paper)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--accent)}::-webkit-scrollbar-track{background:var(--paper)}textarea{caret-color:var(--accent);border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;padding:14px 0;resize:vertical;width:100%;min-height:180px}textarea::placeholder{color:inherit;opacity:.65}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;z-index:900;background:var(--paper);padding:15px}.small,small{font-size:14px;line-height:1.5}.site-tools{position:fixed;bottom:18px;right:var(--pad);display:flex;gap:16px;align-items:center;font-size:12px;z-index:150;background:var(--paper);color:var(--ink);padding:5px 9px}.site-tools button{padding:5px 8px}.live-status{position:fixed;bottom:64px;right:var(--pad);background:var(--ink);color:var(--paper);font-size:14px;z-index:160;padding:0}.live-status:not(:empty){padding:9px 16px}.paused *{animation-play-state:paused!important}.paused .motion-portrait{transform:none!important}details{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details nav{position:absolute;z-index:170;background:var(--paper);color:var(--ink);padding:25px;min-width:240px;right:0;top:calc(100% + 18px);box-shadow:0 16px 36px #0003;transform-origin:top right;animation:menu-in 240ms var(--ease-out)}details nav a{display:block;padding:7px 0}nav a[aria-current=page]{text-decoration-thickness:3px}@keyframes menu-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.contact-elsewhere{display:flex;justify-content:space-between;gap:25px;padding:30px var(--pad) 70px;flex-wrap:wrap}.cv-copy{padding:80px var(--pad);max-width:1100px}.cv-copy h2{margin-bottom:28px}.cv-copy dl{margin:36px 0}.cv-copy dt{font-weight:700;margin-top:24px}.cv-copy dd{margin:5px 0;max-width:68ch}.cv-copy .small{margin-top:15px}.project-context{margin:50px var(--pad) 100px}.reel-controls,.cover-controls{display:flex;gap:15px;align-items:center;margin:25px 0}.project-context a,.instagram-space a{display:inline-block;margin-top:15px}
/* In Motion is a type poster, then a sequence of full-width image surfaces. */
.in-motion{--paper:#fff;--ink:#0c0c0c;--accent:#e53d22}.in-motion h1,.in-motion h2,.in-motion .wordmark{font-family:Shoulders,sans-serif;font-weight:700;text-transform:uppercase}.motion-nav{height:94px;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);position:relative;z-index:80}.wordmark{font-size:28px;line-height:.86;text-decoration:none}.motion-nav nav{display:flex;gap:25px;font-size:14px}.motion-nav nav a{text-decoration:none}.motion-hero{min-height:calc(100svh - 94px);height:690px;position:relative;isolation:isolate;overflow:hidden;padding-top:12px}.type-lane{height:29%;display:flex;align-items:center;white-space:nowrap;font:700 clamp(140px,20vw,360px)/.83 Shoulders;letter-spacing:-.025em;overflow:hidden}.type-lane>div{display:flex;width:max-content;animation:marquee 36s linear infinite}.type-lane.reverse>div{animation-direction:reverse;color:#242424}.type-lane span{display:block}@keyframes marquee{to{transform:translateX(-50%)}}.motion-portrait{position:absolute;left:38%;top:6%;width:27%;height:81%;z-index:2;transition:transform 700ms var(--ease-out)}.motion-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom}.motion-statement{position:absolute;bottom:28px;left:var(--pad);font-size:16px;line-height:1.25;background:#fff;padding:8px}.hero-next{position:absolute;bottom:38px;right:var(--pad);font-size:16px;text-decoration:none;background:#fff;padding:8px}.hero-next span{font-size:24px}.motion-intro{padding:100px var(--pad);display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.motion-intro h2{font-size:clamp(56px,7vw,100px);grid-row:span 2}.motion-feature{display:grid;grid-template-columns:1fr 1fr;background:#ececeb}.motion-feature img{width:100%;height:680px}.motion-feature>div{align-self:center;padding:var(--pad)}.motion-feature h2{font-size:clamp(64px,7vw,108px);margin-bottom:30px}.motion-end{padding:80px var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.motion-about{padding:60px var(--pad) 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;position:relative}.motion-about h1{font-size:clamp(72px,10vw,152px);grid-column:1/-1;max-width:1000px}.motion-about>.portrait{grid-column:2;grid-row:2/4;width:100%;max-height:650px;object-fit:contain}.about-copy{padding-top:30px}.margin-note{font-size:16px;align-self:end}.motion-work>h1{padding:60px var(--pad);font-size:clamp(80px,12vw,160px)}.project-poster{display:block;position:relative;height:750px;color:white;overflow:hidden;text-decoration:none}.project-poster>img{width:100%;height:100%;filter:brightness(.55);transition:transform 800ms var(--ease-out)}.project-poster>div{position:absolute;bottom:70px;left:var(--pad);right:var(--pad)}.project-poster h2{font-size:clamp(72px,12vw,180px)}.project-poster p{margin-top:15px}.motion-journal{padding:60px var(--pad)}.motion-journal>h1{font-size:clamp(90px,13vw,180px);margin-bottom:100px}.journal-runway{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;margin-bottom:100px;text-decoration:none}.journal-runway img{height:450px;width:100%}.journal-runway h2{font-size:clamp(40px,5vw,80px);margin-bottom:24px}.runway-1,.runway-3,.runway-5{margin-left:16%;grid-template-columns:1fr 1.1fr}.runway-1 img,.runway-3 img,.runway-5 img{order:2}.motion-contact{min-height:700px;position:relative;padding:40px var(--pad) 110px;isolation:isolate}.motion-contact h1{font-size:clamp(180px,33vw,550px);line-height:.85;white-space:nowrap;position:relative;z-index:2;mix-blend-mode:multiply}.motion-contact>.portrait{position:absolute;width:42%;height:530px;object-fit:contain;left:31%;top:150px;z-index:1}.motion-contact>p{position:relative;z-index:3;margin-top:40px}.motion-contact>div{position:relative;z-index:3;display:flex;justify-content:space-between;margin-top:60px;align-items:center;gap:20px}.motion-contact .email-link{font-size:clamp(18px,3vw,36px)}.motion-case{padding:50px var(--pad)}.motion-case h1{font-size:clamp(80px,12vw,160px);margin-bottom:55px}.motion-case>img{width:100%;max-height:720px}.motion-case>div{max-width:800px;margin:70px auto}.motion-case h2{margin-bottom:25px}
/* Blue Hours has a vertical spine and long horizontal image sequences. */
.blue-hours{--paper:#1649f5;--ink:#f5f5ec;--accent:#e8fc59}.blue-hours h1,.blue-hours h2{font-family:Unbounded,sans-serif;font-weight:650;letter-spacing:-.035em}.blue-nav{position:fixed;left:0;top:0;width:90px;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-right:1px solid #ffffff70;padding:28px 18px;z-index:180}.blue-wordmark{writing-mode:vertical-rl;font-family:Unbounded;font-size:15px;text-decoration:none;font-weight:650}.blue-nav>span{writing-mode:vertical-rl;font-size:12px}.blue-nav details{position:static;writing-mode:vertical-rl;font-size:14px}.blue-nav details nav{writing-mode:horizontal-tb;left:90px;right:auto;top:34%;background:#143eda;box-shadow:12px 16px 32px #0004}.blue-hours main,.blue-hours footer{margin-left:90px}.blue-hero{padding:34px 36px 0;min-height:calc(100svh - 20px)}.blue-hero>h1{font-size:clamp(46px,6.4vw,95px);max-width:1000px}.blue-hero>p{font-size:15px;margin-top:20px}.shutters{display:grid;grid-template-columns:repeat(4,1fr);min-height:400px;height:54svh;margin-top:32px;position:relative}.shutter{position:relative;border-left:1px solid #fff8;overflow:hidden;isolation:isolate}.shutter:last-child{border-right:1px solid #fff8}.shutter-select{position:absolute;top:20px;left:16px;z-index:3;border:0;font-family:Unbounded;font-size:clamp(17px,2vw,28px);padding:0}.shutter>img{height:100%;width:100%;object-fit:cover;mix-blend-mode:screen;filter:grayscale(1);opacity:.55;transition:transform 900ms var(--ease-out),filter 700ms var(--ease-out)}.shutter:nth-child(2)>img{object-fit:contain;object-position:bottom}.shutter-detail{position:absolute;bottom:20px;left:16px;right:16px;background:#143ce0;padding:14px 0;font-size:14px;opacity:.8}.shutter-detail a{display:block;margin-top:12px}.shutter.selected>img{transform:scale(1.13);filter:grayscale(0);opacity:.95;mix-blend-mode:normal}.shutter.selected .shutter-detail{opacity:1}.shutter.selected .shutter-select{text-decoration:underline;text-underline-offset:8px}.blue-band{padding:100px var(--pad);display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.blue-band h2{font-size:clamp(40px,5vw,72px);grid-row:span 2}.blue-end{padding:75px var(--pad);display:flex;gap:60px;justify-content:space-between}.blue-about{padding:50px var(--pad) 80px;display:grid;grid-template-columns:1.35fr 1fr;gap:45px}.blue-about h1{grid-column:1/-1;font-size:clamp(46px,7vw,100px)}.blue-about .portrait{height:580px;width:100%;object-fit:contain}.blue-about>div{padding-top:80px;max-width:600px}.blue-capabilities{padding:70px var(--pad);background:#082cad}.blue-capabilities>p{margin-top:30px}.blue-capabilities .cv-copy{padding:70px 0 0}.blue-work{padding:45px 0 70px var(--pad)}.blue-work>h1{font-size:clamp(48px,7vw,110px);margin-bottom:30px}.blue-work>.project-reel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:40px;padding:0 var(--pad) 40px 0}.project-reel>a{flex:0 0 76%;scroll-snap-align:start;text-decoration:none}.project-reel img{width:100%;height:480px}.project-reel h2{font-size:clamp(30px,4vw,64px);margin-top:28px}.project-reel p{margin-top:16px}.blue-journal{padding:45px var(--pad)}.blue-journal h1{margin-bottom:70px}.journal-columns{columns:3;column-gap:34px}.journal-columns>a{display:block;break-inside:avoid;text-decoration:none;margin-bottom:70px}.journal-columns img{height:340px;width:100%;margin-bottom:24px}.journal-columns>a:nth-child(3n+2) img{height:480px}.journal-columns h2{font-size:26px;line-height:1.2}.journal-columns p{margin-top:14px;font-size:16px}.blue-contact{padding:45px var(--pad) 80px}.blue-contact h1{font-size:clamp(50px,7vw,100px);margin-bottom:70px}.conversation{display:grid;grid-template-columns:1.3fr 1fr;gap:65px}.conversation-choices{display:flex;flex-direction:column;gap:0}.conversation-choices button{text-align:left;font-family:Unbounded;font-size:clamp(24px,3vw,44px);padding:28px 0;border:0;border-bottom:1px solid #ffffff70}.conversation-choices button[aria-pressed=true]{color:var(--accent)}.conversation-draft{align-self:start;padding:30px;border:1px solid #ffffff80}.conversation-draft h2{font-size:26px;margin:26px 0}.conversation-draft a{display:block;margin-top:30px}.conversation-draft p{font-size:16px}.blue-case{padding:45px var(--pad)}.blue-case h1{margin-bottom:65px}.blue-case-band{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.blue-case-band h2{margin-bottom:30px}.blue-case-band img{width:100%;min-height:550px}.blue-contact .contact-elsewhere{padding:50px 0 0}
/* Make Room is a manipulable physical surface, with paper and ink. */
.make-room{--paper:#f6d948;--ink:#201a10;--accent:#201a10}.make-room h1,.make-room h2{font-family:Chicle,serif;font-weight:400;letter-spacing:0}.room-nav{position:relative;z-index:100;padding:22px var(--pad);display:flex;justify-content:space-between;align-items:center}.room-name{font:32px Chicle;text-decoration:none}.room-nav summary{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px}.room-nav details nav{background:#ffed96}.worktable{height:740px;min-height:calc(100svh - 80px);position:relative;isolation:isolate;overflow:hidden}.worktable>h1{font-size:clamp(130px,19vw,280px);line-height:.78;position:absolute;left:var(--pad);top:40px;z-index:1}.room-intro{position:absolute;left:var(--pad);top:460px;font-size:20px;max-width:350px}.room-intro b{font-size:14px;font-weight:400;display:block;margin-top:18px}.table-object{position:absolute;text-decoration:none;cursor:grab;touch-action:none;z-index:3;transition:filter 250ms var(--ease-out),box-shadow 300ms var(--ease-out);user-select:none}.table-object img{pointer-events:none;width:100%}.table-object>span{display:block;padding:8px 10px;text-align:center;font:20px Hand}.object-photo{width:210px;left:37%;top:40px;transform:rotate(-12deg);background:#fff7df;padding:10px 10px 0;box-shadow:9px 12px 30px #57420d28}.object-photo img{height:150px}.object-zine{width:230px;left:48%;top:340px;transform:rotate(7deg);background:#fff7df;box-shadow:9px 12px 30px #57420d28}.object-zine img{height:230px}.object-sign{width:155px;right:4%;top:65px;transform:rotate(9deg)}.object-sign img{height:160px;mix-blend-mode:multiply}.object-portrait{width:340px;right:7%;top:110px;z-index:4}.object-portrait img{height:420px;object-fit:contain}.object-portrait>span{position:absolute;right:0;bottom:0}.table-note{position:absolute;right:5%;bottom:72px;font:24px Hand;transform:rotate(-5deg);text-align:center;z-index:2}.table-controls{position:absolute;left:var(--pad);bottom:22px;display:flex;gap:25px;align-items:center;font-size:13px}.table-controls button{font-size:12px;padding:6px 10px}.dragging{cursor:grabbing!important;z-index:20!important;filter:drop-shadow(12px 20px 15px #49310640)}.room-after{padding:100px var(--pad);display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.room-after h2{font-size:clamp(65px,8vw,112px);grid-row:span 2}.room-end{padding:70px var(--pad);display:flex;justify-content:space-between;gap:25px}.room-end>a:first-child{font:50px Chicle}.room-about{padding:40px var(--pad)}.room-about h1{font-size:clamp(75px,11vw,150px)}.folded-profile{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0}.folded-profile>.portrait{height:620px;width:100%;object-fit:contain}.folded-profile>div{align-self:center;max-width:560px}.hand-note{font:40px Hand;margin-top:40px}.room-about .cv-copy{padding:60px 0;max-width:800px}.room-work{padding:40px var(--pad)}.room-work>h1{font-size:clamp(75px,10vw,140px);margin-bottom:30px}.room-work>button{font-size:14px;margin-top:20px}.project-sheets{position:relative;height:720px;margin:60px 0 30px}.project-sheet{position:absolute;background:#fff6d9;padding:18px 18px 28px;width:38%;max-width:510px;box-shadow:8px 15px 36px #70561135;text-decoration:none;cursor:grab;touch-action:none}.project-sheet>img{height:340px;width:100%;pointer-events:none}.project-sheet h2{font-size:43px;margin:20px 0 12px}.project-sheet p{font-size:15px}.sheet-0{top:10px;left:0;transform:rotate(-8deg)}.sheet-1{top:140px;left:30%;transform:rotate(5deg)}.sheet-2{top:25px;right:0;transform:rotate(9deg)}.project-sheets.as-list{height:auto;display:grid;gap:30px}.project-sheets.as-list .project-sheet{position:relative;inset:auto;transform:none!important;width:100%;max-width:800px;margin:auto}.room-journal{padding:40px 0 80px var(--pad)}.room-journal h1{font-size:clamp(75px,10vw,140px);margin-bottom:28px}.zine-shelf{display:flex;align-items:flex-start;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:65px;padding:24px var(--pad) 40px 0}.zine-page{flex:0 0 370px;background:#ffefa1;padding:28px;min-height:590px;border-right:1px solid #201a1035;scroll-snap-align:start;text-decoration:none;box-shadow:8px 15px 36px #70561125}.zine-page:nth-child(even){margin-top:40px;background:#fff7d9}.zine-page h2{font-size:36px;min-height:130px}.zine-page img{height:260px;width:100%;margin:25px 0;mix-blend-mode:multiply}.zine-page p{font-size:16px}.room-contact{padding:40px var(--pad) 90px}.room-contact>h1{font-size:clamp(80px,10vw,140px);margin-bottom:50px}.postcard{background:#fff2ba;max-width:1050px;margin:auto;box-shadow:10px 18px 38px #6d53152c;transform:rotate(-2deg)}.postcard-front{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;padding:50px}.postcard-front>div{border-right:1px solid #201a1050;padding-right:45px}.postcard-front label{font:34px Hand}.postcard-front textarea{font:26px Hand}.postcard-front button{margin-top:25px}.postcard-front aside{font-size:17px}.postcard-front aside>.portrait{width:140px;height:170px;object-fit:contain;float:right;margin-bottom:30px}.postcard-front aside>p{clear:both}.postcard-front .email-link{display:block;margin-top:30px;font-size:15px;overflow-wrap:anywhere}.postcard-back{padding:70px;min-height:380px}.postcard-back h2{font-size:55px;margin-bottom:30px}.postcard-back a{display:block;margin-top:22px}.room-contact>button{display:block;margin:35px auto 20px}.room-contact>.small{margin:auto;text-align:center}.room-case{padding:50px var(--pad)}.case-paper{background:#fff5d0;max-width:950px;margin:auto;padding:60px;transform:rotate(-1deg)}.case-paper h1{font-size:clamp(70px,10vw,115px);margin-bottom:50px}.case-paper>img{width:100%;max-height:650px}.case-paper h2{margin:55px 0 30px}.case-paper a{display:inline-block;margin-top:30px}
/* Dark Matter is an optical environment, with compass navigation and depth. */
.dark-matter{--paper:#090909;--ink:#f2f0e7;--accent:#d6ff64;font-family:Manrope,sans-serif}.dark-matter h1,.dark-matter h2{font-family:Manrope;font-weight:500}.dark-nav{height:90px;display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad);position:relative;z-index:100;font-size:14px}.dark-nav>a{text-decoration:none}.dark-nav summary{border-bottom:1px solid #aaa;padding-bottom:4px}.dark-nav details nav{right:50%;transform:translateX(50%);animation:none}.optical-home{position:relative;height:700px;min-height:calc(100svh - 90px);overflow:hidden;isolation:isolate}.optical-home>h1{position:absolute;left:var(--pad);top:20px;font-size:clamp(60px,7vw,115px);font-weight:400;z-index:3}.optical-portrait{position:absolute;inset:30px 18% 20px;transition:transform 900ms var(--ease-out)}.optical-face{width:100%;height:100%;object-fit:contain;object-position:50% 40%;opacity:.8}.lens-ring{position:absolute;width:420px;height:420px;border:1px solid #ffffff40;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.optical-bar{position:absolute;top:0;bottom:0;width:5%;background:#090909;transition:transform 900ms var(--ease-out)}.optical-bar.left{left:31%}.optical-bar.right{right:31%}.compass{position:absolute;font-size:15px;text-decoration:none;letter-spacing:.05em;z-index:5}.compass:after{content:'';display:block;width:28px;border-bottom:1px solid #d6ff64;margin-top:9px}.north{top:20px;left:65%}.east{right:var(--pad);top:49%}.south{bottom:80px;left:62%}.west{left:var(--pad);top:65%}.optical-caption{position:absolute;bottom:35px;left:var(--pad);font-size:14px}.dark-manifesto{padding:110px var(--pad)}.dark-manifesto>p{font-size:clamp(32px,5vw,70px);line-height:1.15;font-weight:400;margin-bottom:45px}.dark-end{display:flex;justify-content:space-between;gap:25px;padding:80px var(--pad)}.dark-end>a:first-child{font-size:36px}.dark-about{padding:0 var(--pad) 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.dark-about>.portrait{height:740px;width:100%;object-fit:contain;grid-row:span 2}.dark-about h1{font-size:clamp(45px,5.5vw,84px);margin-top:55px}.dark-about>div{align-self:start;max-width:650px}.dark-background{border-top:1px solid #ffffff30}.dark-work{padding:35px var(--pad)}.dark-work>h1{font-size:clamp(55px,8vw,110px);margin-bottom:50px}.dark-project-space{height:950px;position:relative}.project-plane{position:absolute;text-decoration:none}.project-plane img{width:100%;height:340px}.project-plane h2{font-size:32px;margin:22px 0 12px}.project-plane p{font-size:14px}.plane-0{width:47%;left:0;top:0;transform:rotate(-5deg)}.plane-1{width:34%;right:0;top:130px;transform:rotate(7deg)}.plane-2{width:43%;left:25%;top:540px;transform:rotate(-2deg)}.dark-journal{padding:35px var(--pad)}.dark-journal>h1{font-size:clamp(60px,8vw,110px);margin-bottom:70px}.cover-carousel article>a{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;text-decoration:none}.cover-carousel img{height:530px;width:100%}.cover-carousel h2{font-size:clamp(32px,4vw,62px)}.cover-carousel p{margin:30px 0}.cover-carousel article:not([hidden]){animation:menu-in 600ms var(--ease-out)}.cover-controls{justify-content:space-between;font-size:14px}.essay-index{margin-top:100px;border-top:1px solid #fff4}.essay-index a{display:block;padding:24px 0;border-bottom:1px solid #fff4;text-decoration:none;font-size:23px}.dark-contact{padding:30px var(--pad)}.dark-contact h1{font-size:clamp(60px,7vw,100px)}.contact-orbit{position:relative;height:550px;max-width:1050px;margin:0 auto}.contact-node{position:absolute;width:210px;height:80px;border:1px solid #ffffff80;border-radius:50%;background:#090909;font-size:17px}.contact-node[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.node-one{top:30px;left:42%}.node-two{top:300px;left:2%}.node-three{top:320px;right:2%}.contact-centre{position:absolute;top:210px;left:22%;width:60%;text-align:center}.contact-centre>p{margin:0 auto 20px;font-size:15px}.contact-centre a{font-size:clamp(19px,3vw,36px)}.contact-centre>p:last-child{margin-top:20px}.dark-contact .contact-elsewhere{padding:10px 0 50px}.dark-case{position:relative;padding:30px var(--pad)}.dark-case>img{width:100%;height:640px;filter:brightness(.75)}.dark-case h1{font-size:clamp(60px,9vw,130px);margin-top:-70px;position:relative}.dark-case>div{max-width:740px;margin:90px auto}.dark-case h2{margin-bottom:32px}.dark-case a{display:inline-block;margin-top:25px}
/* The Long View is a personal publication, with a spine and a printed margin. */
.the-long-view{--paper:#39161e;--ink:#f0ebd8;--accent:#d7f68b}.the-long-view h1,.the-long-view h2{font-family:Bodoni,serif;font-weight:450;letter-spacing:-.035em}.view-nav{position:fixed;left:0;top:0;width:175px;height:100svh;border-right:1px solid #f0ebd845;padding:30px 25px;display:flex;flex-direction:column;justify-content:space-between;z-index:180;font-size:15px}.view-nav>a{text-decoration:none}.view-nav i{display:block;font-family:Bodoni;font-size:24px;margin-top:8px}.view-nav details nav{left:149px;right:auto;bottom:0;top:auto;background:#f0ebd8;color:#39161e}.the-long-view main,.the-long-view footer{margin-left:175px}.publication{display:grid;grid-template-columns:1fr 250px;padding:30px 35px 60px;gap:45px}.pub-main h1{font-size:clamp(90px,12vw,190px);line-height:.78;color:var(--accent)}.pub-main h1 i{font-weight:400}.pub-deck{margin-top:32px;font-size:16px}.pub-cover{display:block;text-decoration:none;margin-top:35px;position:relative}.pub-cover>img{width:100%;height:450px;object-fit:contain;background:#efeade}.pub-cover>span{position:absolute;bottom:25px;left:25px;font-family:Bodoni;font-size:37px;line-height:1;background:#39161e;color:#f0ebd8;padding:13px 18px}.pub-margin{border-left:1px solid #f0ebd845;padding-left:25px;padding-top:25px}.pub-margin>.portrait{width:100%;height:285px;object-fit:cover}.pub-margin h2{font-size:47px;margin:40px 0 25px}.pub-margin p{font-size:15px}.pub-margin a{display:block;margin-top:30px;font-size:15px}.view-spread{padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#f0ebd8;color:#39161e}.view-spread h2{font-size:clamp(50px,6vw,86px)}.view-spread>img{grid-row:span 3;grid-column:2;width:100%;height:550px;object-fit:contain}.view-end{display:flex;justify-content:space-between;gap:25px;padding:60px var(--pad);font-size:15px;flex-wrap:wrap}.view-letter{padding:50px var(--pad);display:grid;grid-template-columns:250px 1fr;gap:65px}.view-letter>aside .portrait{width:100%;height:350px}.view-letter>aside>p{font-size:14px;margin-top:20px}.view-letter>div h1{font-size:clamp(65px,9vw,120px);color:var(--accent);margin-bottom:50px}.letter-lead{font-size:25px;line-height:1.35}.view-letter .cv-copy{padding:80px 0 0}.view-folio{padding:40px var(--pad)}.view-folio>h1{font-size:clamp(65px,8vw,120px);color:var(--accent);margin-bottom:90px}.folio-entry{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;align-items:center;text-decoration:none;margin-bottom:95px}.folio-entry h2{font-size:45px;margin-bottom:25px}.folio-entry span{display:block;margin-top:30px;text-decoration:underline}.folio-entry>img{height:520px;width:100%}.folio-1{grid-template-columns:1.5fr 1fr}.folio-1>img{order:-1;height:420px;object-fit:contain;background:#f0ebd8}.folio-2{grid-template-columns:1fr 1fr}.view-journal{padding:40px var(--pad)}.view-journal>h1{font-size:clamp(65px,9vw,130px);color:var(--accent);margin-bottom:65px}.issue-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;text-decoration:none}.issue-feature>img{width:100%;height:560px;object-fit:contain;background:#f0ebd8}.issue-feature h2{font-size:clamp(32px,4vw,58px)}.issue-feature p{margin-top:30px}.issue-feature span{display:block;margin-top:30px;text-decoration:underline}.issue-spreads{margin-top:100px}.issue-spreads>a{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;text-decoration:none;border-top:1px solid #f0ebd845;padding:60px 0}.issue-spreads>a:nth-child(even)>img{order:-1}.issue-spreads h2{font-size:41px;margin-bottom:25px}.issue-spreads img{width:100%;height:440px;object-fit:contain;background:#f0ebd8}.view-contact{display:grid;grid-template-columns:240px 1fr;gap:65px;padding:40px var(--pad) 80px}.view-contact>aside{padding-top:85px}.view-contact>aside>img{height:330px;width:100%}.view-contact>aside>p{font-size:14px;margin-top:25px}.view-contact>div h1{font-size:clamp(70px,9vw,140px);color:var(--accent);margin-bottom:40px}.view-contact>div p{font-size:23px;line-height:1.45}.signature{font:48px Hand;display:block;margin-top:20px}.view-contact .email-link{display:block;margin:40px 0 20px;font-size:24px;overflow-wrap:anywhere}.view-contact>div nav{display:flex;gap:30px;margin-top:50px;font-size:15px}.view-case{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px var(--pad)}.view-case h1{grid-column:1/-1;font-size:clamp(60px,8vw,115px);color:var(--accent);margin-bottom:30px}.view-case>img{width:100%;height:600px}.view-case h2{font-size:40px;margin-bottom:30px}.view-case a{display:inline-block;margin-top:35px}
/* Collection pages inherit five different editorial rhythms. */
.interests-in-motion,.interests-blue-hours,.interests-make-room,.interests-dark-matter,.interests-the-long-view{padding:50px var(--pad)}.interest-collection{margin-top:80px;display:grid;gap:50px}.interest-collection figcaption h2{margin:25px 0 18px}.interest-collection img{width:100%;height:440px}.interests-in-motion h1{font-size:clamp(75px,11vw,150px)}.interests-in-motion .interest-collection{grid-template-columns:1fr 1fr}.interests-in-motion figure:last-child{grid-column:1/-1}.interests-blue-hours .interest-collection{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.interests-blue-hours figure{flex:0 0 75%;scroll-snap-align:start}.interests-make-room h1{font-size:clamp(75px,10vw,140px)}.interests-make-room .interest-collection{grid-template-columns:repeat(3,1fr);align-items:start}.interests-make-room figure{padding:14px;background:#fff7d9;box-shadow:8px 15px 30px #70561130;transform:rotate(-4deg)}.interests-make-room figure:nth-child(2){transform:rotate(5deg);margin-top:75px}.interests-make-room .interest-collection img{height:320px}.interests-make-room figcaption h2{font-size:35px}.interests-make-room figcaption p{font-size:15px}.interests-dark-matter .interest-collection{grid-template-columns:1fr 1fr;gap:100px}.interests-dark-matter figure:nth-child(2){margin-top:130px}.interests-dark-matter figure:nth-child(3){grid-column:1/-1;max-width:850px;margin:auto}.interests-the-long-view h1{color:var(--accent);font-size:clamp(65px,8vw,110px)}.interests-the-long-view figure{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.interests-the-long-view figure:nth-child(even) img{order:2}.instagram-space{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:120px;padding-top:60px;border-top:1px solid currentColor}.instagram-space h2{margin-bottom:25px}.instagram-space p{font-size:16px}.instagram-space .small{font-size:13px;margin-top:25px}.instagram-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.instagram-tiles img{width:100%;height:230px}.make-room .instagram-space{grid-template-columns:1fr 1.5fr}.dark-matter .instagram-space{grid-template-columns:1fr 1.3fr}.the-long-view .instagram-space{grid-template-columns:1fr}.the-long-view .instagram-tiles{grid-template-columns:repeat(4,1fr)}
/* All essays intentionally retain the requested 50/50 magazine reader. */
.essay-page main{min-height:100svh}.essay{display:grid;grid-template-columns:1fr 1fr;align-items:start}.essay-visual{position:sticky;top:0;height:100svh;background:#dedbd1;display:flex;flex-direction:column;overflow:hidden;color:#181818}.essay-visual>img{width:100%;height:100%;object-fit:cover;transition:opacity 250ms var(--ease-out)}.essay-visual figcaption{position:absolute;bottom:20px;left:25px;right:25px;background:#f4f0e8;padding:10px 14px;font-size:13px;color:#111}.chapter-count{position:absolute;top:25px;left:25px;background:#f4f0e8;padding:6px 12px;font-size:13px;font-variant-numeric:tabular-nums;color:#111}.essay-body{padding:55px clamp(28px,4vw,70px) 100px}.essay-body>h1{font-size:clamp(38px,4vw,66px);margin:50px 0 30px;line-height:1.05}.essay-intro{font-size:22px}.essay-byline{font-size:13px;margin-top:24px}.essay-chapter{padding-top:85px}.essay-chapter h2{font-size:32px;margin-bottom:30px}.essay-chapter p{font-size:18px;line-height:1.75}.essay-finish{margin:65px 0 24px}.essay-body nav{margin-top:80px;border-top:1px solid currentColor;padding-top:45px}.essay-body nav h2{font-size:30px;margin-bottom:25px}.essay-body nav>a{display:block;margin:25px 0}.make-room .essay-visual img,.the-long-view .essay-visual img{object-fit:contain}.make-room .essay-visual{background:#f9eab4}.the-long-view .essay-visual{background:#f0ebd8}.blue-hours.essay-page .blue-nav{position:fixed}.blue-hours .essay-body>h1{font-size:clamp(34px,3.5vw,57px)}.blue-hours .essay-chapter h2{font-size:28px}
/* The shared black photography environment is explicitly part of every brief. */
.photo-page{--paper:#070808;--ink:#f1f0e8;--accent:#ddfa92;background:#070808;color:#f1f0e8}.photo-page .blue-nav{background:#070808}.photo-page .view-nav{background:#070808}.photo-space{position:relative;padding:25px var(--pad) 80px}.photo-heading{display:flex;justify-content:space-between;gap:40px;position:relative;z-index:2;pointer-events:none}.photo-heading h1{font-size:clamp(42px,5vw,75px)}.photo-heading p{font-size:13px;align-self:center;max-width:260px}.orb{height:640px;position:relative;touch-action:none;cursor:grab;isolation:isolate;margin-top:-20px}.orb:active{cursor:grabbing}.orb-plane{position:absolute;left:50%;top:50%;width:180px;padding:0;border:0;background:none;box-shadow:6px 10px 24px #0006;text-align:left;transform:translate(-50%,-50%);will-change:transform}.orb-plane img,.orb-plane video{width:100%;height:125px;object-fit:cover;pointer-events:none}.orb-plane:nth-child(3n) img{height:210px}.orb-plane span{font:12px Instrument;display:block;background:#111;padding:6px 8px;white-space:nowrap;pointer-events:none}.orb-controls{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;font-size:13px}.orb-controls p{flex-basis:100%;text-align:center;max-width:none;margin-bottom:10px}.orb-controls button{font-size:12px;padding:8px 12px}.photo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.photo-list[hidden],[hidden]{display:none!important}.photo-list button{text-align:left;border:0;padding:0}.photo-list img{width:100%;height:280px}.photo-list span{display:block;font-size:21px;margin:20px 0 10px}.photo-list small{display:block;font-size:13px}.media-dialog{position:fixed;max-width:1100px;width:90vw;max-height:93svh;background:#111;color:#f3f1e9;border:0;padding:30px;transform-origin:center;transition:opacity 250ms var(--ease-out),transform 250ms var(--ease-out)}.media-dialog[open]{animation:menu-in 250ms var(--ease-out)}.media-dialog::backdrop{background:#000d}.dialog-close{display:block;margin-left:auto;margin-bottom:20px;font-size:14px}.dialog-media img,.dialog-media video{height:60svh;width:100%;object-fit:contain}.dialog-title{font-size:30px;margin-top:25px}.dialog-caption{font-size:13px;margin-top:15px}
/* The comparison page presents actual rendered previews of the five sites. */
.selector{--paper:#eeeae2;--ink:#202019;--accent:#202019}.selector header{display:flex;justify-content:space-between;gap:30px;padding:35px var(--pad);font-size:16px}.selector header a{font-weight:700;text-decoration:none}.selector main{padding:45px var(--pad)}.selector h1{font:700 clamp(70px,9vw,125px)/.95 Shoulders;text-transform:uppercase}.selector-intro{margin:35px 0 70px;font-size:20px}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.concept{display:block;text-decoration:none}.concept-screen{aspect-ratio:1.6;overflow:hidden;background:#ddd}.concept-screen>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 600ms var(--ease-out)}.concept-label{padding-top:22px}.concept-label h2{font-size:32px;margin-bottom:16px}.concept-label p{font-size:16px;max-width:42ch}.concept-label span{display:block;margin-top:22px;text-decoration:underline;text-underline-offset:5px;font-size:15px}.concept:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center}.selector footer{padding:60px var(--pad) 70px;border-top:1px solid #20201940;font-size:13px}.selector footer p{max-width:95ch}
/* Typography opener: independently scaled letterforms resolve into three words. */
.type-opener{position:fixed;inset:0;background:#0b0b0b;color:#fff;z-index:70;overflow:hidden;clip-path:inset(0);transition:clip-path 800ms var(--ease-drawer)}.type-opener.is-ending{clip-path:inset(0 0 100% 0)}.opener-letter{position:absolute;font:800 clamp(80px,15vw,220px)/.9 Manrope;transform-origin:0 0;will-change:transform;pointer-events:none}.opener-credit{position:absolute;left:var(--pad);bottom:28px;font-size:14px}.opener-skip{position:absolute;right:var(--pad);bottom:85px;background:#0b0b0b;font-size:14px}.opener-replay{position:absolute;left:var(--pad);top:13px;font-size:12px;padding:5px 8px;z-index:6}.type-opener~.motion-nav{color:white}.opener-active .motion-nav{color:#fff;mix-blend-mode:difference}
@media(hover:hover){a:hover{text-decoration:underline}.concept:hover img{transform:scale(1.035)}.project-poster:hover>img{transform:scale(1.03)}.table-object:hover{filter:drop-shadow(6px 8px 8px #57420d30)}.contact-node:hover{color:var(--accent)}.shutter:hover>img{transform:scale(1.04)}}
@media(min-width:1600px){.motion-hero{height:850px}.worktable{height:850px}.room-intro{top:550px}.object-portrait{width:440px}.object-portrait img{height:540px}.object-zine{left:50%;top:410px}.shutters{height:55svh}.publication{grid-template-columns:1fr 300px}.pub-cover>img{height:500px}}
@media(max-width:1100px){.motion-nav nav{gap:16px;font-size:12px}.blue-nav{width:70px;padding:24px 14px}.blue-hours main,.blue-hours footer{margin-left:70px}.blue-nav details nav{left:70px}.view-nav{width:140px;padding:24px 18px}.the-long-view main,.the-long-view footer{margin-left:140px}.view-nav details nav{left:122px}.publication{grid-template-columns:1fr 190px;gap:25px;padding:30px 25px}.pub-margin{padding-left:20px}.pub-margin>.portrait{height:235px}.pub-margin h2{font-size:35px}.pub-main h1{font-size:13vw}.pub-cover>img{height:380px}.view-letter,.view-contact{grid-template-columns:180px 1fr;gap:35px}.journal-columns{columns:2}.postcard-front{padding:35px;gap:30px}.postcard-front>div{padding-right:30px}.conversation{gap:30px}.object-portrait{right:1%;width:300px}.object-zine{left:46%;width:210px}.object-photo{left:36%;width:190px}.object-sign{right:2%;width:110px;top:40px}.room-intro{max-width:310px}.worktable>h1{font-size:19vw}.contact-orbit{height:540px}.contact-node{width:170px}.orb-plane{width:155px}}
@media(max-width:720px){:root{--pad:22px}body{font-size:17px}.motion-nav{height:auto;min-height:100px;align-items:flex-start;gap:20px;padding-top:22px}.motion-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 15px;max-width:255px;font-size:12px}.wordmark{font-size:25px}.motion-hero{height:590px;min-height:calc(100svh - 100px);padding-top:55px}.type-lane{height:23%;font-size:31vw}.motion-portrait{left:24%;width:55%;top:9%;height:73%}.motion-statement{bottom:35px;max-width:140px;font-size:13px}.hero-next{bottom:37px;font-size:13px;max-width:130px;text-align:right}.motion-intro{display:block;padding:70px var(--pad)}.motion-intro h2{font-size:64px;margin-bottom:35px}.motion-intro a{display:block;margin-top:30px}.motion-feature{display:block}.motion-feature img{height:390px}.motion-feature h2{font-size:68px}.motion-feature>div{padding:50px var(--pad)}.motion-end{padding:60px var(--pad) 90px;font-size:14px}.motion-about{display:flex;flex-direction:column;gap:25px;padding:35px var(--pad)}.motion-about h1{font-size:76px}.motion-about>.portrait{height:450px;order:2}.about-copy{padding:0;order:1}.margin-note{order:3;align-self:start}.cv-copy{padding:60px var(--pad)}.motion-work>h1{font-size:70px;padding:40px var(--pad)}.project-poster{height:560px}.project-poster>div{bottom:45px}.project-poster h2{font-size:78px}.project-poster p{font-size:15px}.motion-journal{padding:35px var(--pad)}.motion-journal>h1{font-size:90px;margin-bottom:65px}.journal-runway{display:flex;flex-direction:column;gap:25px;margin:0 0 70px;align-items:stretch}.journal-runway img{height:320px;order:0}.journal-runway h2{font-size:44px}.motion-contact{padding:35px var(--pad) 70px;min-height:670px}.motion-contact h1{font-size:31vw}.motion-contact>.portrait{left:16%;top:80px;width:72%;height:400px}.motion-contact>p{margin-top:360px;font-size:16px}.motion-contact>div{display:block;margin-top:35px}.motion-contact .email-link{font-size:22px;overflow-wrap:anywhere}.motion-contact button{display:block;margin-top:22px}.motion-case{padding:35px var(--pad)}.motion-case h1{font-size:82px;margin-bottom:35px}.motion-case>div{margin:45px auto}
.blue-nav{position:relative;width:auto;height:75px;flex-direction:row;padding:20px var(--pad);border:0;border-bottom:1px solid #ffffff70}.blue-wordmark{writing-mode:horizontal-tb;font-size:13px}.blue-nav details{writing-mode:horizontal-tb;position:relative}.blue-nav>span{display:none}.blue-nav details nav{left:auto;right:0;top:40px}.blue-hours main,.blue-hours footer{margin-left:0}.blue-hero{padding:30px var(--pad);min-height:0}.blue-hero h1{font-size:11vw}.blue-hero>p{font-size:13px}.shutters{height:600px;grid-template-columns:1fr 1fr;margin-top:35px;min-height:0}.shutter{border-bottom:1px solid #fff8}.shutter-select{font-size:23px}.shutter-detail{font-size:12px;padding:8px 0;bottom:12px}.blue-band{display:block;padding:70px var(--pad)}.blue-band h2{font-size:38px;margin-bottom:35px}.blue-band a{display:block;margin-top:30px}.blue-end{display:block;padding:60px var(--pad) 90px;font-size:14px}.blue-end a{display:block;margin-top:25px}.blue-about{display:flex;flex-direction:column;gap:30px;padding:35px var(--pad)}.blue-about h1{font-size:11vw}.blue-about .portrait{height:450px}.blue-about>div{padding:0}.blue-capabilities{padding:60px var(--pad)}.blue-capabilities h2{font-size:30px}.blue-work{padding-top:35px}.blue-work>h1{font-size:12vw}.project-reel>a{flex-basis:90%}.project-reel img{height:350px}.project-reel h2{font-size:31px}.reel-controls button{font-size:12px;padding:8px 10px}.blue-journal{padding:35px var(--pad)}.blue-journal h1{font-size:11vw}.journal-columns{columns:1}.journal-columns img,.journal-columns>a:nth-child(3n+2) img{height:380px}.journal-columns h2{font-size:29px}.blue-contact{padding:35px var(--pad)}.blue-contact h1{font-size:11vw;margin-bottom:40px}.conversation{display:block}.conversation-choices button{font-size:25px}.conversation-draft{margin-top:45px;padding:25px}.conversation-draft .email-link{font-size:14px;overflow-wrap:anywhere}.blue-case{padding:35px var(--pad)}.blue-case h1{font-size:11vw;margin-bottom:35px}.blue-case-band{display:block}.blue-case-band img{height:400px;min-height:0;margin-bottom:45px}.blue-case-band h2{font-size:35px}
.room-nav{padding:20px var(--pad)}.room-name{font-size:28px}.room-nav summary{font-size:12px}.worktable{height:900px;min-height:0}.worktable>h1{top:25px;font-size:135px}.room-intro{top:260px;left:var(--pad);font-size:17px;max-width:250px}.room-intro b{font-size:12px}.object-photo{top:415px;left:8%;width:165px}.object-photo img{height:140px}.object-portrait{top:330px;right:-15px;width:215px}.object-portrait img{height:300px}.object-sign{top:20px;right:5%;width:105px}.object-sign img{height:135px}.object-zine{top:650px;left:40%;width:180px}.object-zine img{height:155px}.table-object>span{font-size:15px}.table-note{left:var(--pad);right:auto;bottom:130px;font-size:18px;max-width:150px}.table-controls{bottom:24px;gap:15px;font-size:11px;align-items:start}.table-controls p{max-width:150px;font-size:12px}.table-controls button{font-size:12px;max-width:140px}.room-after{display:block;padding:70px var(--pad)}.room-after h2{font-size:68px;margin-bottom:35px}.room-after a{display:block;margin-top:25px}.room-end{padding:65px var(--pad) 90px;display:block;font-size:14px}.room-end a{display:block;margin-top:25px}.room-about{padding:35px var(--pad)}.room-about h1{font-size:83px}.folded-profile{display:flex;flex-direction:column;gap:25px}.folded-profile>.portrait{height:450px}.room-work{padding:35px var(--pad)}.room-work>h1{font-size:82px}.project-sheets{height:auto;display:flex;flex-direction:column;gap:40px;margin:50px 0}.project-sheet{position:relative;inset:auto;width:100%;transform:rotate(-3deg);max-width:none}.project-sheet:nth-child(2){transform:rotate(3deg)}.project-sheet>img{height:300px}.project-sheet h2{font-size:37px}.room-journal{padding-top:35px}.room-journal h1{font-size:85px}.zine-shelf{display:block;margin-top:45px;padding-top:0}.zine-page{display:block;min-height:0;margin-bottom:30px}.zine-page:nth-child(even){margin-top:0}.zine-page h2{min-height:0}.zine-page img{height:300px}.room-contact{padding:35px var(--pad)}.room-contact>h1{font-size:83px}.postcard{transform:rotate(-1deg)}.postcard-front{display:block;padding:25px}.postcard-front>div{border:0;padding:0}.postcard-front label{font-size:26px}.postcard-front textarea{font-size:23px}.postcard-front aside{margin-top:40px;border-top:1px solid #201a1050;padding-top:25px}.postcard-front aside>.portrait{height:140px;width:110px}.postcard-front aside>p{clear:none;padding-top:15px}.postcard-front .email-link{clear:both;margin-top:35px;font-size:15px}.postcard-back{padding:35px 25px}.postcard-back h2{font-size:43px}.room-case{padding:35px var(--pad)}.case-paper{padding:28px}.case-paper h1{font-size:65px}.case-paper h2{font-size:38px}
.dark-nav{height:75px;padding:20px var(--pad);font-size:12px}.optical-home{height:650px;min-height:calc(100svh - 75px)}.optical-home h1{font-size:62px;top:15px}.optical-portrait{inset:120px 2% 65px}.optical-face{height:100%}.lens-ring{width:270px;height:270px}.north{top:180px;left:75%}.east{top:48%;right:var(--pad)}.west{top:48%;left:var(--pad)}.south{bottom:80px;left:72%}.compass{font-size:12px}.optical-caption{font-size:12px;bottom:25px}.dark-manifesto{padding:70px var(--pad)}.dark-manifesto p{font-size:35px}.dark-end{padding:60px var(--pad) 90px;display:block;font-size:14px}.dark-end a{display:block;margin-top:25px}.dark-about{display:flex;flex-direction:column;padding:20px var(--pad) 50px;gap:35px;align-items:stretch}.dark-about>.portrait{height:480px}.dark-about h1{font-size:47px;margin:0;order:-1}.dark-work{padding:30px var(--pad)}.dark-work>h1{font-size:58px}.dark-project-space{height:auto;display:flex;flex-direction:column;gap:60px}.project-plane{position:relative;inset:auto;width:100%;transform:none}.project-plane img{height:350px}.dark-journal{padding:30px var(--pad)}.dark-journal>h1{font-size:62px;margin-bottom:45px}.cover-carousel article>a{display:block}.cover-carousel img{height:390px}.cover-carousel h2{font-size:36px;margin-top:35px}.cover-controls button{font-size:12px;padding:7px 10px}.essay-index a{font-size:19px}.dark-contact{padding:30px var(--pad)}.dark-contact h1{font-size:62px}.contact-orbit{height:510px;margin-top:25px}.contact-node{width:145px;height:65px;font-size:13px}.node-one{top:15px;left:30%}.node-two{top:350px;left:0}.node-three{top:350px;right:0}.contact-centre{left:0;width:100%;top:180px}.contact-centre a{font-size:20px;overflow-wrap:anywhere}.dark-case{padding:25px var(--pad)}.dark-case>img{height:400px}.dark-case h1{font-size:61px;margin-top:25px}.dark-case>div{margin:45px auto}
.view-nav{position:relative;width:auto;height:90px;flex-direction:row;padding:20px var(--pad);border-right:0;border-bottom:1px solid #f0ebd845;font-size:12px}.view-nav i{font-size:22px;margin-top:3px}.view-nav details{align-self:center}.view-nav details nav{left:auto;right:0;bottom:auto;top:45px}.the-long-view main,.the-long-view footer{margin-left:0}.publication{display:block;padding:40px var(--pad)}.pub-main h1{font-size:28vw}.pub-deck{font-size:14px;margin-top:30px}.pub-cover{margin-top:35px}.pub-cover>img{height:360px}.pub-cover>span{font-size:32px;bottom:18px;left:18px}.pub-margin{display:grid;grid-template-columns:130px 1fr;gap:20px;border-left:0;border-top:1px solid #f0ebd845;margin-top:45px;padding:35px 0 0}.pub-margin>.portrait{grid-row:span 4;height:205px}.pub-margin h2{font-size:38px;margin:0}.pub-margin p{font-size:13px}.pub-margin a{margin:0;font-size:13px}.view-spread{display:block;padding:65px var(--pad)}.view-spread h2{font-size:65px;margin-bottom:35px}.view-spread>img{height:400px;margin-bottom:35px}.view-spread a{display:block;margin-top:25px}.view-end{padding:50px var(--pad) 90px;font-size:13px}.view-letter{display:flex;flex-direction:column-reverse;gap:50px;padding:35px var(--pad)}.view-letter>div h1{font-size:80px}.letter-lead{font-size:22px}.view-letter>aside .portrait{width:180px;height:260px}.view-folio{padding:35px var(--pad)}.view-folio>h1{font-size:72px;margin-bottom:60px}.folio-entry{display:flex;flex-direction:column-reverse;gap:30px;align-items:stretch;margin-bottom:65px}.folio-entry>img,.folio-1>img{height:370px;order:0}.folio-entry h2{font-size:44px}.view-journal{padding:35px var(--pad)}.view-journal>h1{font-size:78px;margin-bottom:45px}.issue-feature{display:block}.issue-feature img{height:390px}.issue-feature h2{font-size:38px;margin-top:35px}.issue-spreads{margin-top:60px}.issue-spreads>a{display:flex;flex-direction:column-reverse;gap:35px;padding:40px 0;align-items:stretch}.issue-spreads img{height:360px;order:0!important}.issue-spreads h2{font-size:39px}.view-contact{display:flex;flex-direction:column-reverse;gap:40px;padding:35px var(--pad)}.view-contact>div h1{font-size:80px;margin-bottom:35px}.view-contact>div p{font-size:21px}.view-contact>aside{padding:0}.view-contact>aside>img{width:180px;height:260px}.view-contact .email-link{font-size:21px}.view-contact>div nav{flex-wrap:wrap;gap:20px}.view-case{display:flex;flex-direction:column;gap:35px;padding:35px var(--pad)}.view-case h1{font-size:76px;margin:0}.view-case>img{height:400px}.view-case>div{order:2}
.interest-collection,.interests-in-motion .interest-collection,.interests-dark-matter .interest-collection,.interests-make-room .interest-collection{display:block;margin-top:50px}.interest-collection figure{margin:0 0 55px!important;max-width:none!important}.interest-collection img{height:360px}.interests-blue-hours .interest-collection{display:flex}.interests-blue-hours figure{flex-basis:90%;margin-right:25px!important}.interests-in-motion h1{font-size:84px}.interests-make-room h1{font-size:84px}.interests-the-long-view h1{font-size:75px}.interests-the-long-view figure{display:flex;flex-direction:column;gap:25px;align-items:stretch}.interests-the-long-view figure img{order:0!important}.instagram-space,.make-room .instagram-space,.dark-matter .instagram-space{display:block;margin-top:70px;padding-top:45px}.instagram-tiles{margin-top:35px;gap:8px}.instagram-tiles img{height:180px}.the-long-view .instagram-tiles{grid-template-columns:1fr 1fr}.contact-elsewhere{font-size:14px;padding-bottom:55px}.essay{display:block}.essay-visual{position:relative;height:65svh;min-height:380px}.essay-body{padding:40px var(--pad) 70px}.essay-body>h1{font-size:45px;margin-top:35px}.blue-hours .essay-body>h1{font-size:37px}.essay-intro{font-size:21px}.essay-chapter{padding-top:65px}.essay-chapter h2{font-size:32px}.essay-chapter p{font-size:17px}.essay-page .site-tools{position:fixed}.photo-heading{display:block}.photo-heading h1{font-size:43px}.photo-heading p{font-size:11px;max-width:260px;margin-top:18px}.orb{height:490px;margin-top:15px}.orb-plane{width:115px}.orb-plane img,.orb-plane video{height:85px}.orb-plane:nth-child(3n) img{height:140px}.orb-plane span{font-size:9px;padding:5px}.orb-controls{gap:8px;font-size:11px}.orb-controls button{font-size:11px;padding:7px 9px}.photo-space{padding:25px var(--pad) 60px}.photo-list{grid-template-columns:1fr 1fr;gap:25px 16px}.photo-list img{height:180px}.photo-list span{font-size:18px}.photo-list small{font-size:11px}.media-dialog{padding:20px;width:95vw}.dialog-media img,.dialog-media video{height:55svh}.dialog-title{font-size:26px}.selector header{font-size:13px;padding:25px var(--pad);align-items:start}.selector header span{max-width:170px;text-align:right}.selector main{padding:35px var(--pad)}.selector h1{font-size:83px}.selector-intro{font-size:17px;margin:30px 0 50px}.concepts{display:block}.concept{margin-bottom:55px}.concept:last-child{display:block}.concept-label h2{font-size:30px}.concept-label p{font-size:15px}.selector footer{padding:40px var(--pad);font-size:12px}.site-tools{right:15px;bottom:10px;gap:12px;font-size:11px}.opener-letter{font-size:24vw}.opener-credit{font-size:11px;max-width:140px}.opener-skip{font-size:12px}.opener-replay{top:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.type-lane>div{transform:none}.motion-portrait{transform:none!important}.type-opener{display:none}.orb-plane{will-change:auto}}

/* Final fit and hierarchy corrections from the first capture batch. */
.dark-about{display:block;position:relative;padding:0 var(--pad) 95px}.dark-about>.portrait{height:690px;width:100%;object-fit:contain}.dark-about h1{font-size:clamp(60px,7vw,100px);position:relative;margin:-140px 0 65px;max-width:970px}.dark-about>div{margin-left:42%;max-width:680px}.in-motion .cv-copy{display:grid;grid-template-columns:1fr 1.3fr;gap:30px 70px;max-width:none}.in-motion .cv-copy h2{font-size:70px;grid-row:span 4}.in-motion .cv-copy dl{grid-column:2;margin:0}.in-motion .cv-copy>a,.in-motion .cv-copy>.small{grid-column:2}.blue-capabilities .cv-copy dl{display:grid;grid-template-columns:160px 1fr;gap:25px;margin:45px 0}.blue-capabilities .cv-copy dt,.blue-capabilities .cv-copy dd{margin:0}.make-room .cv-copy{border-top:1px solid #201a1070}.the-long-view .cv-copy dt{font-family:Bodoni;font-size:24px;font-weight:400}.the-long-view .cv-copy dd{font-size:16px}.photo-page .view-nav details nav{background:#111;color:#f1f0e8}
@media(max-width:720px){.dark-about{padding:25px var(--pad) 65px}.dark-about>.portrait{height:470px}.dark-about h1{font-size:47px;margin:-60px 0 40px}.dark-about>div{margin-left:0}.in-motion .cv-copy{display:block}.in-motion .cv-copy h2{font-size:55px}.in-motion .cv-copy dl{margin:35px 0}.blue-capabilities .cv-copy dl{display:block}.blue-capabilities .cv-copy dt{margin-top:30px}.blue-capabilities .cv-copy dd{margin-top:10px}.site-tools{position:static;justify-content:flex-end;margin:0 15px 18px;background:none}.opener-active .site-tools{position:fixed;background:#fff}.opener-skip{bottom:85px}}
/* Bounded finish-review corrections: operative shutters, optical selection and viewport gallery. */
.motion-hero{height:calc(100svh - 94px);min-height:560px}.opener-replay{background:#fff;color:#111;z-index:8}.shutter{transform-origin:top left}.shutters.has-selected .shutter:not(.selected) .shutter-select{writing-mode:vertical-rl;left:calc(50% - 14px);top:25px;font-size:21px}.shutters.has-selected .shutter:not(.selected)>img{opacity:.24;filter:grayscale(1)}.shutters.has-selected .selected>img{mix-blend-mode:normal;filter:none;opacity:1;transform:none}.shutters.has-selected .selected .shutter-detail{left:28px;right:28px;max-width:550px;font-size:18px;padding:20px 25px;background:#123bdb}.shutters.has-selected .selected .shutter-select{font-size:40px;left:28px;top:25px;text-shadow:0 3px 15px #08205180}
.optical-portrait{inset:35px 19% 65px;overflow:hidden}.optical-slice{position:absolute;top:0;bottom:0;transition:clip-path 900ms var(--ease-out),transform 900ms var(--ease-out),opacity 700ms var(--ease-out);width:100%;overflow:hidden}.optical-slice>img{width:100%;height:100%;object-fit:cover}.slice-centre{clip-path:inset(0 28% 0 28%);z-index:3}.slice-centre .optical-face{object-fit:contain;opacity:.9}.slice-left{clip-path:inset(14% 72% 15% 0);transform:translateX(-3%);opacity:.4;z-index:2}.slice-right{clip-path:inset(18% 0 12% 72%);transform:translateX(3%);opacity:.4;z-index:1}.lens-ring{z-index:6;border-color:#ffffff70;transition:transform 900ms var(--ease-out),width 900ms var(--ease-out),height 900ms var(--ease-out)}.optical-portrait.is-open .slice-left{clip-path:inset(5% 72% 10% 0);transform:translateX(0);opacity:.85}.optical-portrait.is-open .slice-right{clip-path:inset(8% 0 5% 72%);transform:translateX(0);opacity:.85}.optical-portrait.is-open .slice-centre{clip-path:inset(0 24% 0 24%)}.optical-home[data-lens=make] .slice-left,.optical-home[data-lens=think] .slice-left{clip-path:inset(6% 5% 6% 5%);transform:translateX(0);opacity:1;z-index:5}.optical-home[data-lens=look] .slice-right{clip-path:inset(6% 5% 6% 5%);transform:translateX(0);opacity:1;z-index:5}.optical-home[data-lens=meet] .slice-centre{clip-path:inset(0 12% 0 12%)}.optical-home[data-lens=make] .lens-ring,.optical-home[data-lens=think] .lens-ring,.optical-home[data-lens=look] .lens-ring{transform:translate(-50%,-50%) scale(1.22)}.lens-control{position:absolute;right:var(--pad);bottom:32px;z-index:10;font-size:13px;padding:8px 12px}.lens-instruction{position:absolute;right:var(--pad);bottom:88px;z-index:10;font-size:12px;max-width:250px;text-align:right}
.photo-page{--photo-nav-height:94px;height:100svh;overflow:hidden}.photo-page footer{display:none}.photo-page main{height:calc(100svh - var(--photo-nav-height))}.photo-page.blue-hours,.photo-page.the-long-view{--photo-nav-height:0px}.photo-page.make-room{--photo-nav-height:82px}.photo-page.dark-matter{--photo-nav-height:90px}.photo-space{height:100%;padding:20px var(--pad) 0;overflow:hidden}.photo-heading{position:relative;z-index:110}.photo-heading h1{font-size:clamp(34px,4vw,56px)}.photo-heading p{font-size:12px}.orb{position:absolute;top:110px;bottom:110px;left:var(--pad);right:var(--pad);height:auto;margin:0}.orb-controls{position:absolute;left:var(--pad);right:var(--pad);bottom:52px;gap:12px}.orb-controls p{margin-bottom:0}.photo-page .site-tools{position:fixed;bottom:8px;font-size:11px}.photo-list{position:absolute;top:140px;bottom:140px;left:var(--pad);right:var(--pad);overflow-y:auto;margin:0;padding:10px 10px 35px}.photo-list img{height:200px}.photo-space.list-mode .photo-heading{position:relative}.photo-page .view-nav,.photo-page .blue-nav{height:100svh}
@media(min-width:1600px){.motion-hero{height:calc(100svh - 94px)}}
@media(max-width:720px){.motion-hero{height:calc(100svh - 100px);min-height:540px}.essay-page .site-tools{position:static;justify-content:flex-end;margin:0 15px 18px;background:none}.shutters.has-selected{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr 70px;height:620px}.shutters.has-selected .selected{grid-column:1/-1;grid-row:1}.shutters.has-selected .shutter:not(.selected){grid-row:2}.shutters.has-selected .shutter:not(.selected) .shutter-select{writing-mode:horizontal-tb;font-size:16px;left:12px;top:22px}.shutters.has-selected .selected .shutter-select{font-size:32px}.shutters.has-selected .selected .shutter-detail{font-size:16px;left:20px;right:20px;padding:20px}.optical-portrait{inset:170px 9% 120px}.lens-ring{width:230px;height:230px}.north{top:155px;left:74%}.lens-control{bottom:28px;font-size:12px}.lens-instruction{bottom:77px;font-size:10px;max-width:150px}.optical-caption{bottom:25px;max-width:175px}.south{bottom:130px}.photo-page{--photo-nav-height:100px}.photo-page.blue-hours{--photo-nav-height:75px}.photo-page.make-room{--photo-nav-height:76px}.photo-page.dark-matter{--photo-nav-height:75px}.photo-page.the-long-view{--photo-nav-height:90px}.photo-page .view-nav{height:90px}.photo-page .blue-nav{height:75px}.photo-heading h1{font-size:36px}.photo-heading p{font-size:11px;margin-top:15px;max-width:240px}.orb{top:150px;bottom:155px;left:0;right:0}.orb-controls{bottom:52px;gap:8px}.orb-controls p{font-size:11px}.photo-list{top:170px;bottom:165px;padding:5px 10px 25px}.photo-list img{height:165px}.photo-page .site-tools{margin:0;bottom:10px;right:15px;background:#070808}.photo-page main{height:calc(100svh - var(--photo-nav-height))}}
.photo-page .room-nav{height:82px;padding-top:17px;padding-bottom:17px}
@media(max-width:720px){.photo-page .room-nav{height:76px;padding-top:17px;padding-bottom:17px}}
/* Follow-up verdict: reserve utility and media footprints, and keep selection labels readable. */
.shutters.has-selected .selected .shutter-select{background:#123bdb;color:#f5f5ec;padding:8px 14px;line-height:1.1;text-shadow:none}
.orb{bottom:145px}
@media(min-width:721px){.motion-hero .hero-next{bottom:68px}.motion-hero .motion-statement{bottom:58px}.optical-portrait{left:44%;right:12%}.optical-home>h1{max-width:41%;z-index:12}}
@media(max-width:720px){.orb{bottom:155px}}

/* The selected white type-poster world, with black fields for objects and films. */
.in-motion{--accent:#FFD000}
.in-motion::selection,.in-motion ::selection{background:#FFD000;color:#101314}
.in-motion :is(a,button,summary,textarea,[tabindex]):focus-visible{outline-color:currentColor;text-decoration-color:var(--accent)}
.in-motion textarea{caret-color:#101314}
.what-i-do{background:#090b0c;color:#fff;padding:90px var(--pad) 70px}
.service-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}
.service-intro h2{font-size:clamp(96px,15vw,228px);line-height:.87}
.service-intro p{font-size:20px;line-height:1.35;margin-bottom:25px}
.service-intro button{font-size:13px;border-color:#777}
.service-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 26px}
.service-film{text-decoration:none;min-width:0}
.service-screen{position:relative;aspect-ratio:1.5;overflow:hidden;background:#202224}
.service-screen video{width:100%;height:100%;object-fit:cover}
.service-open{position:absolute;right:15px;bottom:10px;width:34px;height:34px;color:#fff;mix-blend-mode:difference}
.service-open svg{display:block;width:100%;height:100%}
.service-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:17px}
.service-name h3{font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.015em}
.service-name>span{font-size:12px;color:#b7babc}
.service-film>p{font-size:14px;line-height:1.45;color:#c8cacc;margin-top:10px;max-width:36ch}
.service-outro{margin-top:70px;display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap}
.service-outro p{font-size:18px}.service-outro a{font-size:15px}.service-outro small{width:100%;font-size:12px;color:#b7babc}
.sticker-about .motion-nav{background:#101314;color:#fff}
.sticker-playground{background:#101314;color:#fff;padding:34px var(--pad) 30px;--accent:#FFD000}
.sticker-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}
.sticker-intro h1{font-size:clamp(72px,8.2vw,126px);line-height:.94;max-width:800px}
.sticker-intro>p{font-size:16px;line-height:1.5;padding-bottom:7px;max-width:40ch}
.sticker-stage{position:relative;height:650px;max-width:1400px;margin:24px auto 0;isolation:isolate}
.sticker-person{position:absolute;left:34%;top:23%;width:32%;height:75%;display:flex;flex-direction:column;align-items:center;justify-content:end;pointer-events:none}
.about-poses{position:relative;width:100%;height:100%}
.about-pose{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 10px 20px #0004);transition:opacity 160ms ease}
.about-pose.is-current{opacity:1}
.thought-cloud{position:absolute;left:34%;top:0;width:32%;height:180px;z-index:12;pointer-events:none}
.thought-cloud>img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 7px 10px #0004)}
.thought-cloud>p{position:absolute;left:14%;right:14%;top:42%;transform:translateY(-50%);font-size:17px;font-weight:600;line-height:1.35;text-align:center;color:#101314;text-wrap:balance}
.sticker-person figcaption{font-size:14px;margin-top:14px;min-height:24px;text-align:center;max-width:34ch}
.interest-sticker{position:absolute;width:150px;border:0;padding:0;touch-action:none;cursor:grab;z-index:3;transform:rotate(var(--angle));transition:transform 160ms var(--ease-out);-webkit-user-select:none;user-select:none}
.interest-sticker:active{transform:rotate(var(--angle))}.interest-sticker.dragging{cursor:grabbing;z-index:15;transition:none}
.sticker-art{display:block;position:relative;perspective:500px}
.sticker-art>img{width:100%;height:132px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 7px #0005);transition:transform 160ms var(--ease-out)}
.sticker-label{display:inline-block;font-size:13px;line-height:1.25;pointer-events:none;margin-top:0;background:#101314;padding:3px 7px;border-radius:3px}
.sticker-gloss{position:absolute;inset:0;mask-size:contain;mask-position:center;mask-repeat:no-repeat;pointer-events:none;overflow:hidden}
.sticker-gloss::before{content:"";position:absolute;inset:-10% -70%;background:linear-gradient(110deg,transparent 38%,#fff9 49%,transparent 58%);transform:translateX(-65%);opacity:0;transition:transform 240ms var(--ease-out),opacity 160ms ease}
.interest-sticker.dragging .sticker-art>img{transform:rotateX(-12deg) rotateY(9deg) scale(1.08)}
.interest-sticker.dragging .sticker-gloss::before{transform:translateX(30%);opacity:.65}
.interest-sticker.is-on-me{z-index:10}.interest-sticker.is-on-me .sticker-label{background:var(--accent);color:#101314}
.sticker-0{left:4%;top:4%;--angle:-12deg}.sticker-1{left:20%;top:24%;--angle:8deg}
.sticker-2{left:81%;top:4%;--angle:12deg}.sticker-3{left:81%;top:35%;--angle:8deg}
.sticker-4{left:3%;top:43%;--angle:-8deg}.sticker-5{left:80%;top:72%;--angle:-7deg}
.sticker-6{left:5%;top:77%;--angle:9deg}.sticker-7{left:68%;top:56%;--angle:-8deg}
.sticker-8{left:20%;top:62%;--angle:-7deg}.sticker-9{left:67%;top:20%;--angle:7deg}
.sticker-10{left:21%;top:0;--angle:-5deg;width:120px}.sticker-10 .sticker-art>img{height:110px}
.sticker-controls{display:flex;justify-content:space-between;align-items:end;gap:25px;font-size:13px;padding-top:24px;position:relative;z-index:20}
.sticker-controls p>span{font-size:12px;color:#bdc2c4}.sticker-controls button{font-size:12px;border-color:#bdc2c4;min-height:44px;min-width:44px}
.camera-reactions>span{display:block;font-size:12px;margin-bottom:8px}.camera-reactions>div{display:flex;gap:8px;flex-wrap:wrap}.camera-reactions [aria-pressed=true]{background:var(--accent);color:#101314;border-color:var(--accent)}.camera-reactions[hidden]{display:none}
.maker-about{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:100px var(--pad) 60px}
.maker-about h2{font-size:clamp(66px,8vw,118px);line-height:.94}
.maker-about>div{max-width:65ch}.maker-about a{display:inline-block;margin-top:30px}
.interest-notes{margin:0 var(--pad) 30px;max-width:760px;font-size:15px}.interest-notes summary{text-decoration:underline;text-underline-offset:5px}
.interest-notes ul{padding:30px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:24px 35px}
.interest-notes b,.interest-notes span{display:block}.interest-notes span{font-size:14px;margin-top:5px}
.contact-play{padding:35px var(--pad) 30px}
.contact-opening{display:flex;justify-content:space-between;align-items:end;gap:40px}
.contact-opening h1{font-size:clamp(64px,7vw,108px);line-height:.94;max-width:820px}
.contact-opening>p{font-size:16px;line-height:1.4;padding-bottom:5px}
.contact-scene{position:relative;height:580px;margin:25px auto 0;max-width:1400px;isolation:isolate}
.contact-person{position:absolute;left:32%;top:0;width:36%;height:100%;pointer-events:none}
.contact-poses{position:relative;height:calc(100% - 42px);perspective:900px;transform-origin:50% 38%;transition:transform 160ms var(--ease-out)}
.contact-pose{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 160ms ease;pointer-events:none}
.contact-pose.is-current{opacity:1}
.contact-person figcaption{text-align:center;font-size:14px;margin-top:10px;min-height:22px}
.portrait-action{position:absolute;text-decoration:none;z-index:3;display:flex;flex-direction:column;align-items:start;max-width:30%}
.portrait-action>span{font:700 clamp(70px,9vw,138px)/.9 Shoulders,sans-serif;letter-spacing:-.025em;transition:color 160ms ease}
.portrait-action>small{font-size:13px;margin-top:13px}
.action-phone{left:0;top:13%}.action-email{right:0;top:13%;align-items:end;text-align:right}
.action-text{left:0;bottom:17%}.action-visit{right:0;bottom:17%;align-items:end;text-align:right}
.portrait-action:focus-visible{outline-offset:12px}.portrait-action:focus-visible>span,.portrait-action.is-active>span{color:#101314;background:var(--accent)}
.contact-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-top:20px;padding-top:30px;border-top:1px solid #ccc}
.contact-bottom .email-link{font-size:clamp(18px,2.6vw,34px);overflow-wrap:anywhere}
.contact-bottom button{font-size:13px}.contact-bottom>p{flex-basis:100%;font-size:13px}
.contact-bottom>p a{display:inline-block;margin-left:14px;min-height:44px;align-content:center}
.contact-form-band{background:var(--accent);color:#101314;padding:88px var(--pad) 80px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);scroll-margin-top:24px}
.contact-form-intro h2{font-family:Shoulders,sans-serif;font-size:clamp(64px,7.7vw,112px);line-height:.94;letter-spacing:-.025em;text-wrap:balance}
.contact-form-intro p{font-size:18px;line-height:1.5;margin-top:30px;max-width:34ch}
.contact-form-intro>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:25px}
.contact-note-form{min-width:0}
.note-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.note-field{min-width:0}.note-field>label,.note-topics legend{display:block;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px}
.contact-note-form :is(input:not([type=radio]),textarea){width:100%;min-width:0;min-height:56px;font:18px/1.5 Instrument,sans-serif;color:inherit;caret-color:#101314;border:0;border-bottom:1px solid #101314;background:transparent;border-radius:0;padding:12px 0;box-shadow:none}
.contact-note-form :is(input,textarea)::placeholder{color:#101314;opacity:.75}
.contact-note-form :is(input:not([type=radio]),textarea):focus-visible{outline:3px solid #101314;outline-offset:6px}
.contact-note-form :is(input,textarea)[aria-invalid=true]{border-bottom-width:3px}
.note-error{display:block;font-size:13px;font-weight:600;line-height:1.4;margin-top:10px}.note-error[hidden]{display:none}
.note-topics{border:0;padding:0;margin:32px 0}.note-topics legend{padding:0;margin-bottom:12px}.note-topics>div{display:flex;gap:10px;flex-wrap:wrap}
.note-topics label{cursor:pointer;position:relative}.note-topics input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.note-topics span{display:flex;align-items:center;min-height:44px;border:1px solid #101314;padding:9px 14px;font-size:14px;line-height:1.4}
.note-topics input:checked+span{background:#101314;color:#fff}.note-topics input:focus-visible+span{outline:3px solid #101314;outline-offset:4px}
.contact-note-form textarea{min-height:158px;resize:vertical}
.note-trap{display:none}
.note-send-row{display:flex;gap:25px;align-items:center;margin-top:30px}.note-send-row button{min-height:56px;min-width:190px;border:0;background:#101314;color:#fff;font-size:15px;white-space:nowrap;padding:16px 20px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:18px}
.note-send-row button:focus-visible{outline:3px solid #101314;outline-offset:5px}.note-send-row p{font-size:12px;line-height:1.5;max-width:28ch}
.note-result{border-top:1px solid #101314;padding-top:18px;margin-top:24px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.note-result[hidden]{display:none}.note-result a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;margin-top:6px}.note-result a[hidden]{display:none}
@media(hover:hover){.note-send-row button:hover{text-decoration:underline;text-underline-offset:4px}.note-topics label:hover span{text-decoration:underline;text-underline-offset:4px}}
@media(max-width:1050px){.contact-form-band{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.contact-form-intro{max-width:760px}.contact-form-intro h2{font-size:88px}.contact-form-intro p{max-width:46ch}.contact-form-intro>a{margin-top:15px}.contact-note-form{max-width:760px}}
@media(max-width:720px){.contact-form-band{padding:52px var(--pad) 50px;gap:36px}.contact-form-intro h2{font-size:66px}.contact-form-intro p{font-size:17px;margin-top:24px}.contact-bottom>p a{display:flex;margin:8px 0 0;width:max-content;max-width:100%}.note-send-row{align-items:start;flex-direction:column;gap:14px}.note-send-row button{width:100%;font-size:16px}.note-send-row p{max-width:45ch;font-size:13px}}
@media(max-width:520px){.note-fields{grid-template-columns:1fr;gap:24px}.note-topics{margin:28px 0}.note-topics>div{gap:9px}.note-topics span{padding:9px 12px;font-size:13px}}
@media(hover:hover) and (pointer:fine){
 .service-film:hover .service-name h3{text-decoration:underline;text-underline-offset:5px}
 .interest-sticker:hover .sticker-art>img{transform:rotateX(-9deg) rotateY(7deg) scale(1.06)}
 .interest-sticker:hover .sticker-gloss::before{transform:translateX(35%);opacity:.7}
 .portrait-action:hover>span{color:#101314;background:var(--accent)}
}
@media(max-width:1050px) and (min-width:721px){.interest-sticker{width:122px}.sticker-art>img{height:120px}.sticker-3{left:84%}.sticker-5{left:81%}.sticker-intro{gap:35px}.contact-opening h1{font-size:7.4vw}}
@media(max-width:1050px) and (min-width:721px){.sticker-10{left:66.5%;width:95px}.sticker-10 .sticker-art>img{height:80px}}
@media(max-width:720px){
 .what-i-do{padding:60px var(--pad) 45px}.service-intro{display:block;margin-bottom:40px}.service-intro h2{font-size:97px;line-height:.9}.service-intro>div{margin-top:25px;display:flex;justify-content:space-between;align-items:end;gap:16px}.service-intro p{font-size:16px;margin:0}.service-intro button{font-size:12px;padding:8px 10px}
 .service-films{grid-template-columns:1fr;gap:40px}.service-name h3{font-size:22px}.service-film>p{font-size:14px}.service-outro{margin-top:50px;display:block}.service-outro a{display:block;margin-top:20px}.service-outro small{display:block;margin-top:25px}
 .sticker-playground{padding:28px 18px 30px}.sticker-intro{display:block}.sticker-intro h1{font-size:65px;line-height:.94}.sticker-intro>p{font-size:14px;margin-top:24px;max-width:34ch}.sticker-intro br.intro-gap{display:none}
 .sticker-stage{height:840px;margin-top:18px}.sticker-person{left:24%;top:290px;width:52%;height:385px}.sticker-person figcaption{font-size:12px;line-height:1.35;min-height:36px;margin-top:12px}
 .thought-cloud{left:8%;top:0;width:84%;height:160px}.thought-cloud>p{font-size:15px;left:15%;right:15%}
 .interest-sticker{width:93px}.sticker-art>img{height:91px}.sticker-label{font-size:12px;padding:2px 4px}
 .sticker-0{left:0%;top:155px;--angle:-12deg}.sticker-1{left:0%;top:290px;--angle:7deg}.sticker-2{left:73%;top:155px;--angle:8deg}.sticker-3{left:73%;top:290px}.sticker-4{left:0%;top:435px}.sticker-5{left:73%;top:435px}.sticker-6{left:0%;top:580px}.sticker-7{left:73%;top:580px}.sticker-8{left:18%;top:720px}.sticker-9{left:55%;top:720px}
 .sticker-10{left:35%;top:155px;width:93px}.sticker-10 .sticker-art>img{height:91px}
 .sticker-controls{align-items:start;font-size:12px;padding-top:16px;gap:14px;flex-wrap:wrap}.sticker-controls p>span{font-size:12px}.sticker-controls button{font-size:12px;padding:8px;max-width:105px}.camera-reactions{order:3;width:100%}.camera-reactions button{max-width:none}
 .maker-about{display:block;padding:60px var(--pad) 40px}.maker-about h2{font-size:64px;margin-bottom:35px}.maker-about p{font-size:17px}.maker-about a{font-size:15px}.interest-notes{font-size:14px}.interest-notes ul{grid-template-columns:1fr;gap:18px}
 .contact-play{padding:28px 20px 25px}.contact-opening{display:block}.contact-opening h1{font-size:56px;line-height:.96}.contact-opening>p{font-size:14px;margin-top:22px}
 .contact-scene{height:525px;margin-top:22px}.contact-person{left:15%;top:80px;width:70%;height:375px}.contact-person figcaption{font-size:12px;line-height:1.3}
 .portrait-action{max-width:45%}.portrait-action>span{font-size:65px}.portrait-action>small{font-size:12px;margin-top:8px}
 .action-phone{top:0}.action-email{top:0}.action-text{bottom:0}.action-visit{bottom:0}
 .contact-bottom{margin-top:35px;padding-top:22px;gap:18px}.contact-bottom .email-link{font-size:20px}.contact-bottom>p{font-size:12px;line-height:1.5}.contact-bottom button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .contact-poses,.contact-pose,.about-pose,.sticker-art>img,.interest-sticker{transition:none!important}
 .interest-sticker:hover .sticker-art>img,.interest-sticker.dragging .sticker-art>img,.sticker-person.is-reacting>img{transform:none!important}
 .sticker-gloss{display:none}
}
.paused .contact-poses{transform:none!important}.paused .sticker-gloss{display:none}
.sticker-about .site-tools,.contact-refined .site-tools{position:static;justify-content:flex-end;margin:0 var(--pad) 18px;background:none}
.home .motion-hero>.site-tools{position:absolute;bottom:12px;right:var(--pad);margin:0}
.opener-active .motion-hero>.site-tools{position:fixed}
@media(min-width:721px) and (max-height:780px){
 .sticker-playground{padding-top:18px;padding-bottom:24px}
 .sticker-intro h1{font-size:76px}.sticker-intro>p{font-size:14px}
 .sticker-stage{height:470px}.interest-sticker{width:110px}.sticker-art>img{height:90px}
 .sticker-person{top:27%;height:72%;width:28%;left:36%}.sticker-person figcaption{font-size:12px}
 .thought-cloud{left:34%;width:32%;height:145px}.thought-cloud>p{font-size:15px}
 .sticker-label{font-size:12px}.sticker-controls{padding-top:16px;font-size:12px}.sticker-controls button{font-size:12px;padding:8px 12px}
 .sticker-10{left:21%;width:95px}.sticker-10 .sticker-art>img{height:70px}
}

/* Minimum label size in the selected refinement, including inherited utilities. */
.in-motion .site-tools,.in-motion .opener-replay,.in-motion .opener-credit{font-size:12px}

@media(pointer:coarse){.sticker-controls button{min-height:44px}.portrait-action{min-height:44px}}
@media(max-width:1050px){
 .in-motion .motion-nav nav a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
 .in-motion .site-tools button,.in-motion .contact-bottom button,.in-motion .service-intro button{min-height:44px}
}

/* The portrait rests at the edge of an intentional yellow ground. */
.home-journal{padding:90px var(--pad) 100px;background:var(--paper);color:var(--ink)}
.home-journal-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}
.home-journal-heading h2{font-size:clamp(64px,7vw,96px);line-height:.94;margin:0}
.home-journal-heading>a{min-height:44px;display:flex;align-items:center;gap:8px;text-underline-offset:5px}
.journal-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;text-decoration:none}
.journal-preview-image{background:var(--editorial-bg,#0055FF);overflow:hidden;aspect-ratio:4/3}
.journal-preview-image img{width:100%;height:100%;object-fit:contain;transition:transform 650ms var(--ease-out)}
.journal-preview-copy h3{font-family:Shoulders,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(38px,4vw,60px);line-height:1.04;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
.journal-preview-meta{font-size:14px;line-height:1.5;margin:0 0 20px}
.journal-preview-copy>p:not(.journal-preview-meta){font-size:18px;line-height:1.5;max-width:44ch;margin:0 0 24px}
.journal-preview-open{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px}
.journal-preview-open svg{width:20px;height:20px;flex:none}
.journal-preview-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px;padding-top:48px;border-top:1px solid var(--ink)}
.journal-preview{text-decoration:none;min-width:0}
.journal-preview .journal-preview-image{aspect-ratio:4/3;margin-bottom:24px}
.journal-preview h3{font-size:32px;line-height:1.08;margin-bottom:14px}
.journal-preview .journal-preview-meta{margin-bottom:12px}
.journal-preview-copy{min-width:0}
.motion-social-end{border-top:1px solid var(--ink);display:grid;grid-template-columns:1.2fr 1fr;gap:36px 48px;padding-top:56px}
.motion-end-invitation{display:flex;flex-direction:column;align-items:start;gap:20px}
.motion-end-invitation>a:first-child{font-family:Shoulders,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,4vw,60px);line-height:1.04;text-decoration:none}
.social-links{display:flex;flex-wrap:wrap;gap:12px 28px;align-self:center;justify-content:flex-end}
.social-links a{min-height:44px;display:inline-flex;align-items:center;gap:8px;text-underline-offset:5px}
.concepts-link{grid-column:1/-1;justify-self:end;font-size:12px;min-height:44px;display:flex;align-items:center}
@media(hover:hover) and (pointer:fine){.journal-feature:hover img,.journal-preview:hover img{transform:scale(1.035)}.journal-feature:hover h3,.journal-preview:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}}
@media(max-width:900px){.journal-feature{gap:32px}.journal-preview-row{gap:24px}.journal-preview h3{font-size:28px}.journal-preview-copy>p:not(.journal-preview-meta){font-size:16px}}
@media(max-width:720px){.home-journal{padding:64px var(--pad) 70px}.home-journal-heading{display:block;margin-bottom:30px}.home-journal-heading h2{font-size:64px}.home-journal-heading>a{margin-top:18px;width:max-content}.journal-feature{display:block}.journal-feature .journal-preview-image{margin-bottom:28px}.journal-feature h3{font-size:44px}.journal-preview-row{grid-template-columns:1fr;gap:36px;margin-top:36px;padding-top:32px}.journal-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;align-items:start}.journal-preview .journal-preview-image{aspect-ratio:1;margin:0}.journal-preview h3{font-size:28px}.journal-preview .journal-preview-meta{font-size:12px;margin-bottom:10px}.journal-preview-copy>p:not(.journal-preview-meta){font-size:15px;margin-bottom:12px}.journal-preview-open{font-size:12px;gap:8px}.motion-social-end{display:block;padding-top:44px}.motion-end-invitation>a:first-child{font-size:44px}.social-links{justify-content:start;margin-top:28px;gap:12px 24px}.concepts-link{justify-content:end;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.journal-preview-image img{transition:none}.journal-feature:hover img,.journal-preview:hover img{transform:none}}
.paused .journal-preview-image img{transition:none;transform:none}
.editorial15-essay .essay-visual{background:var(--editorial-bg);color:var(--editorial-ink)}
.editorial15-essay .essay-intro{line-height:1.5}
.editorial15-essay .essay-visual>img{object-fit:contain;padding:24px 20px 94px}
.chapter-illustration{display:none}
@media(max-width:720px){.editorial15-essay .essay-visual{height:auto;min-height:0;aspect-ratio:4/3}.editorial15-essay .essay-visual>img{padding:12px 12px 70px}.editorial15-essay .essay-visual figcaption{bottom:12px;left:14px;right:14px;font-size:12px;padding:8px 10px}.editorial15-essay .chapter-count{top:12px;right:14px}.chapter-illustration{display:block;margin:0 0 30px}.chapter-illustration img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#faf8ef}.chapter-illustration figcaption{font-size:13px;line-height:1.5;margin-top:12px}.editorial15-essay .essay-chapter{padding-top:45px}.editorial15-essay .essay-body>h1{font-size:44px}.editorial15-essay .essay-chapter:first-of-type .chapter-illustration{display:none}}
.home .motion-hero{--hero-band-height:clamp(152px,22%,260px)}
.home .motion-portrait{height:calc(94% - var(--hero-band-height))}
.hero-ground{position:absolute;bottom:0;left:0;width:100%;height:var(--hero-band-height);z-index:4;background:var(--accent);padding:20px var(--pad);display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:8px 24px;align-items:center}
.home .hero-ground .motion-statement{position:static;grid-row:1/3;background:none;padding:0;align-self:center}
.home .hero-ground .hero-next{position:static;background:none;padding:0;justify-self:end;align-self:end;white-space:nowrap}
.home .hero-ground .site-tools{position:static;margin:0;padding:0;background:none;grid-column:2;justify-self:end;gap:18px}
.home .hero-ground .site-tools button{min-height:44px;min-width:44px}
@media(max-width:720px){
 .home .motion-portrait{height:calc(91% - var(--hero-band-height))}
 .hero-ground{padding:18px var(--pad);gap:10px 12px}
 .home .hero-ground .site-tools{gap:12px}
 .home .hero-ground .site-tools button{font-size:12px;padding:8px}
 .home .hero-ground .site-tools a{display:flex;align-items:center;min-height:44px}
}

.editorial15-essay .essay-visual figcaption,.editorial15-essay .chapter-count{background:var(--editorial-bg);color:var(--editorial-ink);line-height:1.5}
.editorial15-essay .chapter-count{border:1px solid currentColor}
.editorial15-essay .chapter-illustration img{background:var(--editorial-bg)}
.editorial15-essay .chapter-illustration{background:var(--editorial-bg);color:var(--editorial-ink)}
.editorial15-essay .chapter-illustration figcaption{color:var(--editorial-ink);padding:12px 16px}

/* Keep desktop reading controls in the illustration pane, clear of the copy. */
@media(min-width:721px){
 .in-motion:has(.editorial15-essay) .site-tools{top:120px;bottom:auto;right:calc(50vw + 24px)}
}

/* A record shelf inside the selected In Motion world. */
.music-interests .music-shelf{margin:80px calc(-1 * var(--pad)) 120px}
.music-heading{padding:0 var(--pad) 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.music-heading h2{font-size:clamp(60px,7vw,96px);margin-bottom:14px}
.music-heading p{font-size:18px;line-height:1.5}
.music-date{display:flex;align-items:center;gap:18px;flex-shrink:0}
.music-date>[data-date-day]{font:italic 400 clamp(80px,9vw,120px)/.9 Bodoni,serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.music-date>span+span{display:flex;flex-direction:column;font-size:12px;text-transform:uppercase;line-height:1.5;letter-spacing:.06em}
.record-theatre{background:#101010;color:#FAF8EF;overflow:hidden;padding:45px var(--pad) 28px}
.record-stage{--cover-size:280px;--record-gap:155px;height:420px;position:relative;perspective:1100px;touch-action:pan-y;cursor:grab;isolation:isolate}
.record-stage.is-dragging{cursor:grabbing}
.record-sleeve{position:absolute;padding:0;border:0;left:50%;top:45px;width:var(--cover-size);height:var(--cover-size);transform:translate(-50%,0) translateX(calc(var(--record-offset) * var(--record-gap))) translateZ(calc((1 - var(--record-depth)) * 70px)) rotateY(var(--record-turn));transform-style:preserve-3d;z-index:var(--record-layer);transition:transform 680ms cubic-bezier(.16,1,.3,1),filter 680ms cubic-bezier(.16,1,.3,1);filter:brightness(calc(1 - var(--record-depth) * .19));cursor:grab}
.record-sleeve:active{transform:translate(-50%,0) translateX(calc(var(--record-offset) * var(--record-gap))) translateZ(calc((1 - var(--record-depth)) * 70px)) rotateY(var(--record-turn))}
.record-sleeve>img:first-child{width:100%;height:100%;box-shadow:0 18px 38px #0009;object-fit:cover;user-select:none;pointer-events:none}
.record-sleeve .sleeve-reflection{position:absolute;top:calc(100% + 8px);width:100%;height:100%;transform:scaleY(-1);opacity:.24;mask-image:linear-gradient(to top,#000,transparent 58%);pointer-events:none;user-select:none}
.record-sleeve:focus-visible,.record-stage:focus-visible{outline:3px solid #FFD000;outline-offset:8px}
.record-desk{position:relative;display:flex;align-items:center;justify-content:center;gap:65px;max-width:680px;margin:auto}
.record-arrow{border:0;padding:16px;min-width:56px;min-height:56px;flex-shrink:0;color:#FFD000}
.record-arrow:disabled{opacity:.35;cursor:not-allowed}
.record-caption{text-align:center;min-width:220px;flex:1}
.record-caption h3{font:700 32px/1.2 Instrument,sans-serif;letter-spacing:-.025em;margin-bottom:10px;text-wrap:balance}
.record-caption p{font-size:15px;line-height:1.5}
.record-demo{display:block;font-size:12px;margin-top:14px;color:#FAF8EF}
.record-picks{display:flex;gap:8px;justify-content:center;margin:24px 0 12px}
.record-picks button{border:0;padding:13px;width:38px;height:38px;display:grid;place-items:center}
.record-picks span{width:6px;height:6px;display:block;background:#FAF8EF;border-radius:50%}
.record-picks [aria-pressed=true] span{background:#FFD000;width:20px;border-radius:3px}
.record-theatre>#record-help{font-size:12px;text-align:center;max-width:none;margin:0;color:#FAF8EF}
.music-footnote{padding:26px var(--pad) 0;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:14px;line-height:1.5}
.music-footnote a{font-size:16px;text-underline-offset:6px}
.music-interests>.interest-collection{border-top:1px solid #101010;padding-top:70px}
.in-motion.paused .record-sleeve{transition:none}
@media(max-width:720px){
 .music-interests .music-shelf{margin-top:58px;margin-bottom:75px}
 .music-heading{align-items:center;gap:20px;padding-bottom:28px}
 .music-heading h2{font-size:56px}
 .music-heading p{font-size:14px}
 .music-date{gap:10px}
 .music-date>[data-date-day]{font-size:76px}
 .music-date>span+span{font-size:11px;letter-spacing:.03em}
 .record-theatre{padding:28px 18px 26px}
 .record-stage{--cover-size:210px;--record-gap:102px;height:350px;perspective:900px}
 .record-sleeve{top:38px}
 .record-desk{gap:7px}
 .record-caption{min-width:0}
 .record-caption h3{font-size:26px}
 .record-caption p{font-size:13px}
 .record-arrow{padding:10px;min-width:44px;min-height:44px}
 .music-footnote{align-items:flex-start;flex-direction:column;gap:18px}
}
@media(prefers-reduced-motion:reduce){.record-sleeve{transition:none}}
.in-motion:has(.music-shelf) .site-tools{position:static;display:flex;width:max-content;margin:0 var(--pad) 24px auto}

/* The photographs share the whole stage with its typography. */
.in-motion .seeing-journey{background:var(--ink);color:var(--paper);position:relative}
.in-motion .seeing-panel{padding:var(--pad);display:grid;grid-template-columns:1fr 1.7fr;gap:5vw;align-items:center;min-height:100svh}
.in-motion .seeing-copy{position:relative;z-index:2}
.in-motion .seeing-copy h2{font:700 clamp(5rem,10vw,10rem)/.84 Shoulders,sans-serif;margin:0 0 40px;letter-spacing:-.025em}
.in-motion .seeing-copy p{font-size:clamp(20px,1.7vw,24px);line-height:1.4;margin:0 0 36px}
.in-motion .seeing-link{display:inline-flex;gap:18px;align-items:center;font-size:20px;min-height:44px;position:relative}
.in-motion .seeing-link svg{width:24px;height:24px;color:var(--accent)}
.in-motion .seeing-controls{margin-top:52px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.in-motion .seeing-controls button{display:none;font-size:14px;min-height:44px;padding:12px 16px;color:inherit}
.in-motion .seeing-scroll{display:none;font-size:14px;color:var(--accent)}
.in-motion .seeing-copy small{display:block;max-width:30ch;font-size:12px;line-height:1.5;margin-top:20px;color:inherit}
.in-motion .seeing-field{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.in-motion .seeing-frame{margin:0;aspect-ratio:var(--frame-ratio);overflow:hidden}
.in-motion .seeing-frame img{width:100%;height:100%;display:block;object-fit:cover}
.in-motion .seeing-frame:nth-child(even){margin-top:50px}
@media(min-width:1100px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .in-motion .seeing-journey.is-journey-ready{height:230svh}
 .in-motion .is-journey-ready .seeing-panel{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;display:block;padding-top:0;padding-bottom:0;isolation:isolate}
 .in-motion .is-journey-ready .seeing-copy{width:34%;height:100%;display:flex;flex-direction:column;justify-content:center;mix-blend-mode:difference;pointer-events:none}
 .in-motion .is-journey-ready .seeing-copy :is(a,button){pointer-events:auto}
 .in-motion .is-journey-ready .seeing-copy h2{font-size:clamp(6rem,10vw,10rem)}
 .in-motion .is-journey-ready .seeing-field{position:absolute;inset:0;display:block;perspective:900px;overflow:hidden;z-index:0;pointer-events:none}
 .in-motion .is-journey-ready .seeing-frame{position:absolute;left:50%;top:50%;width:clamp(180px,23vw,330px);margin:0;transform:translate(-50%,-50%);backface-visibility:hidden}
 .in-motion .is-journey-ready .seeing-controls button,.in-motion .is-journey-ready .seeing-scroll{display:block}
 .in-motion .is-parallax-ready>img{transition:none}
}
.in-motion .type-opener{transition-duration:400ms;transition-timing-function:var(--ease-out)}
.in-motion .opener-letter{transition:none}
@media(max-width:1099px){
 .in-motion .seeing-panel{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px;gap:50px;min-height:0}
 .in-motion .seeing-copy h2{font-size:clamp(5rem,15vw,9rem);margin-bottom:28px}
 .in-motion .seeing-controls{margin:0}
 .in-motion .seeing-copy small{max-width:none}
 .in-motion .seeing-field{gap:22px;max-width:800px}
}
@media(max-width:720px){
 .in-motion .seeing-panel{padding-top:70px;padding-bottom:70px;gap:36px}
 .in-motion .seeing-copy h2{font-size:24vw}
 .in-motion .seeing-copy p{font-size:20px;margin-bottom:22px}
 .in-motion .seeing-link{font-size:17px}
 .in-motion .seeing-field{gap:14px}
 .in-motion .seeing-frame:nth-child(even){margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.in-motion .type-opener{display:none}}

/* A short arrival, a page turn, then feedback at the point of interaction. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:flow-out 180ms var(--ease-out) both}
::view-transition-new(root){animation:flow-in 260ms var(--ease-out) both}
::view-transition-group(site-navigation){animation-duration:260ms;animation-timing-function:var(--ease-out)}
::view-transition-old(site-navigation),::view-transition-new(site-navigation){animation:none}
@keyframes flow-out{to{opacity:0}}
@keyframes flow-in{from{opacity:0}to{opacity:1}}
.in-motion .motion-nav{view-transition-name:site-navigation}
.in-motion .motion-nav nav a{position:relative}
.in-motion .motion-nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 160ms var(--ease-out)}
.in-motion .motion-nav nav a[aria-current=page]::after,.in-motion .motion-nav nav a:focus-visible::after{transform:scaleX(1);transition:none}
.in-motion :is(.social-links span,.journal-preview-open svg,.service-open svg,.seeing-link svg){transition:transform 200ms var(--ease-out)}
.in-motion .journal-runway>img,.in-motion .instagram-tiles img{transition:transform 240ms var(--ease-out)}
.in-motion .instagram-tiles a{overflow:hidden}
.in-motion .journal-preview-image img{transition-duration:240ms}
.in-motion :is(.seeing-controls button,.note-send-row button,.record-controls button,.orb-controls button,.sticker-controls button,.opener-replay,.site-tools button){transition:transform 160ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){
 .in-motion .motion-nav nav a:hover::after{transform:scaleX(1)}
 .in-motion .social-links a:hover span{transform:translate(2px,-2px)}
 .in-motion :is(.journal-feature,.journal-preview):hover .journal-preview-open svg,.in-motion .service-film:hover .service-open svg,.in-motion .seeing-link:hover svg{transform:translate(3px,-3px)}
 .in-motion .journal-runway:hover>img{transform:translateY(-4px) scale(1.015)}
 .in-motion .instagram-tiles a:hover img{transform:scale(1.035)}
}
.in-motion.paused .motion-nav nav a::after,.in-motion.paused :is(.social-links span,.journal-preview-open svg,.service-open svg,.seeing-link svg,.journal-runway>img,.instagram-tiles img){transition:none;transform:none}
.in-motion.paused .motion-nav nav a[aria-current=page]::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root),::view-transition-group(site-navigation){animation:none}
 .in-motion .motion-nav nav a::after,.in-motion :is(.social-links span,.journal-preview-open svg,.service-open svg,.seeing-link svg,.journal-runway>img,.instagram-tiles img){transition:none}
 .in-motion .motion-nav nav a::after{transform:scaleX(1);opacity:0}
 .in-motion .motion-nav nav a:is(:hover,:focus-visible,[aria-current=page])::after{opacity:1}
 .in-motion :is(.social-links span,.journal-preview-open svg,.service-open svg,.seeing-link svg,.journal-runway>img,.instagram-tiles img){transform:none!important}
}

/* Manrope preview across every live text role in the selected In Motion site. */
.in-motion{font-family:Manrope,sans-serif}
.in-motion :is(input,select,textarea,button){font-family:inherit}
.in-motion *,.in-motion *::before,.in-motion *::after{font-family:Manrope,sans-serif!important}
.in-motion .wordmark{font-size:24px;line-height:.98;letter-spacing:-.04em}
.in-motion :is(h1,h2,h3){overflow-wrap:anywhere}
.in-motion .portrait-action>span{font-size:clamp(44px,5.5vw,84px);line-height:1.05}
.in-motion .music-date>[data-date-day]{font-style:normal;font-weight:650}
.in-motion .seeing-copy h2,.in-motion .is-journey-ready .seeing-copy h2{font-size:clamp(54px,6vw,96px);line-height:1.05}
.in-motion .working-about{background:var(--accent);color:var(--ink);padding:90px var(--pad) 55px;overflow:hidden}
.in-motion .working-field{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(10,clamp(40px,4.6vw,70px));gap:18px;max-width:1500px;margin:auto}
.in-motion .working-field h2{font-family:Manrope,sans-serif;font-size:clamp(60px,8.6vw,150px);font-weight:650;line-height:.95;letter-spacing:-.04em;grid-column:1/10;grid-row:4/7;align-self:center;z-index:2}
.in-motion .working-shot{position:relative;overflow:hidden}
.in-motion .working-shot img{height:100%;width:100%;object-fit:cover}
.in-motion .working-desk{grid-column:2/9;grid-row:7/11;z-index:3}
.in-motion .working-camera{grid-column:9/13;grid-row:2/9;z-index:1}
.in-motion .working-detail{grid-column:3/6;grid-row:1/4;z-index:1}
.in-motion .working-detail img{object-position:50% 100%;transform:scale(2);transform-origin:50% 100%}
.in-motion .working-caption{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-top:44px;max-width:1500px}
.in-motion .working-caption p:first-child{font-size:clamp(20px,2vw,28px);line-height:1.35}
.in-motion .working-caption p:last-child{font-size:12px;line-height:1.5}
.in-motion .maker-about{display:block;background:#101314;color:#fff;padding:120px var(--pad) 100px}
.in-motion .maker-about h2{font:650 clamp(38px,5.2vw,78px)/1.05 Manrope,sans-serif;letter-spacing:-.035em;margin-bottom:70px}
.in-motion .maker-about>div{max-width:1100px;margin-left:auto}
.in-motion .maker-about p{font:450 clamp(26px,3vw,44px)/1.55 Manrope,sans-serif;max-width:70ch}
.in-motion .maker-about p+p{margin-top:55px}
.in-motion .maker-about a{font-size:18px;margin-top:48px}
.in-motion .reading-word{color:inherit}
.in-motion.photo-page{display:flex;flex-direction:column}
.in-motion.photo-page .motion-nav{flex:0 0 auto}
.in-motion.photo-page main{flex:1;min-height:0;height:auto}
@media(max-width:720px){.in-motion.photo-page .orb-controls{bottom:72px}.in-motion.photo-page .orb{bottom:190px}.in-motion.photo-page .photo-list{bottom:190px}}
.in-motion .photo-word{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font:700 clamp(40px,11.8vw,230px)/1.05 Manrope,sans-serif;letter-spacing:-.025em;text-align:center;color:#fff;pointer-events:none;z-index:50;white-space:nowrap}
.in-motion .orb-plane span{font-family:Manrope,sans-serif;font-size:var(--orb-caption-font-size,12px);line-height:1.3;white-space:normal}
@media(max-width:1099px){
 .in-motion .working-field{gap:14px}
 .in-motion .working-field h2{font-size:9.5vw}
 .in-motion .maker-about{padding-top:90px}
 .in-motion .maker-about p{font-size:clamp(28px,3.2vw,36px)}
}
@media(max-width:720px){
 .in-motion .working-about{padding-top:55px;padding-bottom:38px}
 .in-motion .working-field{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(12,30px);gap:10px}
 .in-motion .working-field h2{grid-column:1/-1;grid-row:4/8;font-size:15.5vw;line-height:1;z-index:3}
 .in-motion .working-detail{grid-column:1/4;grid-row:1/4}
 .in-motion .working-camera{grid-column:4/7;grid-row:1/7}
 .in-motion .working-desk{grid-column:1/-1;grid-row:8/13}
 .in-motion .working-caption{display:block;margin-top:25px}
 .in-motion .working-caption p+p{margin-top:22px}
 .in-motion .maker-about{padding:65px var(--pad)}
 .in-motion .maker-about h2{font-size:10vw;margin-bottom:36px}
 .in-motion .maker-about p{font-size:26px;line-height:1.5}
 .in-motion .maker-about p+p{margin-top:35px}
 .in-motion .maker-about a{font-size:16px;margin-top:30px}
 .in-motion .wordmark{font-size:20px}
 .in-motion .portrait-action>span{font-size:8.5vw}
 .in-motion .photo-word{font-size:11.8vw}
 .in-motion .seeing-copy h2{font-size:15vw}
 .in-motion .music-heading h2{font-size:clamp(30px,9vw,40px);line-height:1.1}
}

/* Finished identity and one consistent sentence-case system on About. */
.in-motion .wordmark{white-space:nowrap;text-transform:none;line-height:1.2;flex-shrink:0}
.sticker-about :is(h1,h2,h3){text-transform:none}
.sticker-about .sticker-intro h1{font-size:clamp(54px,6.4vw,98px);line-height:1.06;max-width:13ch;letter-spacing:-.045em}
.sticker-about .working-field h2{font-size:clamp(56px,7.8vw,130px);line-height:1.02}
@media(max-width:720px){
 .in-motion .motion-nav{flex-wrap:wrap;gap:20px;align-items:center}
 .in-motion .motion-nav nav{max-width:none;justify-content:flex-start;gap:12px 18px;width:100%}
 .sticker-about .sticker-intro h1{font-size:clamp(46px,12vw,70px)}
 .sticker-about .working-field h2{font-size:14vw}
}

.sticker-about .motion-end-invitation>a:first-child{text-transform:none}
@media(max-width:720px){
 .in-motion .motion-nav nav{display:grid;grid-template-columns:repeat(3,max-content);gap:10px 26px}
 .in-motion .contact-opening h1{font-size:clamp(36px,10.6vw,56px);line-height:1.02}
}

.analytics-banner{position:fixed;z-index:1000;left:24px;bottom:24px;width:min(520px,calc(100% - 48px));max-height:calc(100svh - 48px);overflow:auto;background:#fff;color:#101314;border:1px solid #101314;border-top:8px solid #ffd000;padding:24px;box-shadow:0 12px 48px #0003;font-size:14px;line-height:1.5}
.analytics-banner[hidden],.analytics-settings[hidden]{display:none}
.analytics-banner .analytics-intro{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.analytics-banner .analytics-cookie{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;background:#ffd000;border-radius:50%;font-size:42px;line-height:1;transform:rotate(-12deg)}
.analytics-banner h2{font:750 25px/1.15 Manrope,sans-serif!important;text-transform:none;letter-spacing:-.035em;margin:0}
.analytics-banner .analytics-cookie-copy{font-size:15px;line-height:1.5}
.analytics-banner .analytics-explainer{font-size:13px;line-height:1.5;margin-bottom:16px}
.analytics-banner p{max-width:52ch;margin:0 0 16px}
.analytics-banner .analytics-actions{display:flex;flex-wrap:wrap;gap:12px}
.analytics-banner button{flex:1;min-height:46px;min-width:145px;padding:12px 14px;border:1px solid #101314;font-size:14px;line-height:1.3;font-weight:650;background:#fff;color:#101314}
.analytics-banner a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:13px}
.analytics-banner :is(a,button):focus-visible{outline:3px solid #101314;outline-offset:4px}
.analytics-banner button:hover{background:#ffd000}
.motion-social-end .privacy-links{flex-basis:100%;display:flex;gap:14px 24px;align-items:center;flex-wrap:wrap;font-size:13px}
.privacy-links a,.analytics-settings{display:inline-flex;align-items:center;min-height:44px}
.analytics-settings{border:0;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:5px;background:none}
.privacy-content{max-width:900px;padding:64px var(--pad) 100px;margin:auto}
.privacy-page .privacy-content :is(h1,h2){text-transform:none;line-height:1.1}
.privacy-content h1{font-size:clamp(42px,6vw,78px);margin:0 0 24px}
.privacy-content h2{font-size:28px;margin:42px 0 18px}
.privacy-content p{line-height:1.65}
.privacy-content p+p{margin-top:18px}
.privacy-content li{margin-bottom:12px}
@media(max-width:720px){.analytics-banner{left:12px;bottom:12px;width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:20px}.privacy-content{padding-top:42px;padding-bottom:60px}}

@media(max-width:420px){.analytics-banner .analytics-intro{gap:12px}.analytics-banner .analytics-cookie{flex-basis:52px;width:52px;height:52px;font-size:35px}.analytics-banner h2{font-size:22px!important}}

/* One compact header; a whole-screen navigation surface on touch-sized layouts. */
.mobile-menu-toggle{display:none}
.mobile-menu{display:none;border:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;padding:0;background:#FFD000;color:#0c0c0c}
.mobile-menu::backdrop{background:#FFD000}
.mobile-menu[open]{display:flex;flex-direction:column;animation:menu-arrive 240ms cubic-bezier(.16,1,.3,1) both}
.mobile-menu.is-closing{animation:menu-leave 180ms ease-in both}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);padding-top:max(20px,env(safe-area-inset-top));flex-shrink:0}
.mobile-menu-close{display:inline-flex}
.mobile-menu .wordmark{font-size:22px}
.mobile-menu-close,.mobile-menu-toggle{align-items:center;justify-content:center;gap:10px;border:0;background:none;color:inherit;min-height:44px;min-width:44px;padding:8px 0 8px 10px;font-size:14px;line-height:1}
.mobile-menu :is(.mobile-menu-close,.mobile-menu-toggle) svg,.mobile-menu-toggle svg{width:26px;height:26px;display:block}
.mobile-menu-links{display:flex;flex:1;flex-direction:column;justify-content:center;gap:clamp(10px,2svh,22px);padding:24px var(--pad) 32px}
.mobile-menu-links a{width:fit-content;font-size:clamp(32px,7svh,64px);font-weight:650;line-height:1.08;letter-spacing:-.035em;text-decoration:none}
.mobile-menu-links a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.mobile-menu-bottom{padding:20px var(--pad) max(28px,env(safe-area-inset-bottom));border-top:1px solid #0c0c0c;display:flex;flex-direction:column;gap:14px;font-size:14px}
.mobile-menu-bottom>a{width:fit-content;text-underline-offset:4px}
.mobile-menu-socials{display:flex;gap:12px 24px;flex-wrap:wrap}
.mobile-menu-socials a{min-height:36px;display:flex;align-items:center;text-underline-offset:4px}
@keyframes menu-arrive{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes menu-leave{to{opacity:0;transform:translateY(-12px)}}
.home .hero-next{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.home .hero-next svg{width:27px;height:27px;flex-shrink:0}
.service-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.service-screen>video{position:relative;display:block;opacity:0}
.service-screen>video.is-playing{opacity:1}
@media(max-width:900px){
 .in-motion.has-mobile-menu .motion-nav{height:78px;min-height:78px;padding:15px var(--pad);display:flex;flex-wrap:nowrap;align-items:center;gap:20px}
 .in-motion.has-mobile-menu .motion-nav>nav{display:none}
 .has-mobile-menu .mobile-menu-toggle{display:inline-flex}
 .in-motion.has-mobile-menu .motion-nav .wordmark{font-size:22px}
}
@media(max-width:720px){
 .home .hero-ground{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:20px var(--pad)}
 .home .hero-ground .motion-statement{max-width:none;font-size:16px;line-height:1.35;text-align:center;margin:0;align-self:auto}
 .home .hero-ground .hero-next{align-self:auto;justify-self:auto;text-align:center;max-width:none;font-size:15px}
 .in-motion .seeing-journey.is-journey-ready{height:320svh}
 .in-motion .is-journey-ready .seeing-panel{position:sticky;top:0;height:100svh;min-height:0;display:block;padding:0;overflow:hidden;isolation:isolate}
 .in-motion .is-journey-ready .seeing-copy{position:relative;z-index:2;width:100%;height:100%;padding:max(70px,12svh) var(--pad) 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;mix-blend-mode:difference;pointer-events:none}
 .in-motion .is-journey-ready .seeing-copy :is(a,button){pointer-events:auto}
 .in-motion .is-journey-ready .seeing-copy h2{font-size:15vw;line-height:1.02;margin-bottom:22px}
 .in-motion .is-journey-ready .seeing-copy p{font-size:17px;line-height:1.4;margin-bottom:18px}
 .in-motion .is-journey-ready .seeing-copy .seeing-link{font-size:16px}
 .in-motion .is-journey-ready .seeing-controls{margin-top:20px}
 .in-motion .is-journey-ready .seeing-scroll{display:block;font-size:12px}
 .in-motion .is-journey-ready .seeing-field{position:absolute;inset:0;display:block;perspective:650px;z-index:0;pointer-events:none;overflow:hidden;max-width:none}
 .in-motion .is-journey-ready .seeing-frame{position:absolute;left:50%;top:50%;width:clamp(170px,48vw,280px);margin:0;backface-visibility:hidden;transform:translate(-50%,-50%)}
}
@media(min-width:721px) and (max-width:1099px) and (prefers-reduced-motion:no-preference){
 .in-motion .seeing-journey.is-journey-ready{height:260svh}
 .in-motion .is-journey-ready .seeing-panel{position:sticky;top:0;height:100svh;min-height:0;display:block;padding-top:0;padding-bottom:0;overflow:hidden;isolation:isolate}
 .in-motion .is-journey-ready .seeing-copy{width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;mix-blend-mode:difference;pointer-events:none}
 .in-motion .is-journey-ready .seeing-copy a{pointer-events:auto}
 .in-motion .is-journey-ready .seeing-field{position:absolute;inset:0;display:block;perspective:900px;z-index:0;pointer-events:none;overflow:hidden;max-width:none}
 .in-motion .is-journey-ready .seeing-frame{position:absolute;left:50%;top:50%;width:28vw;margin:0;backface-visibility:hidden;transform:translate(-50%,-50%)}
 .in-motion .is-journey-ready .seeing-scroll{display:block}
}
/* A mobile-first front door for social profiles, inside the existing visual system. */
.in-motion.bio-page{background:#FFD000;color:#0c0c0c}
.bio-main{max-width:820px;margin:auto;padding:32px var(--pad) 70px}
.bio-intro{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center;margin-bottom:36px}
.in-motion .bio-intro h1{font-size:clamp(38px,6vw,66px);line-height:1.03;letter-spacing:-.035em;text-transform:none;margin:0 0 18px}
.bio-intro p{max-width:32ch;font-size:17px;line-height:1.5}
.bio-intro img{width:100%;height:205px;object-fit:contain}
.bio-destinations{display:flex;flex-direction:column;border-top:1px solid #0c0c0c}
.bio-destinations a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;min-height:72px;border-bottom:1px solid #0c0c0c;text-decoration:none;font-size:clamp(20px,3.5vw,28px);font-weight:600;letter-spacing:-.02em}
.bio-destinations svg{width:27px;height:27px;flex-shrink:0;transition:transform 180ms ease-out}
.bio-socials{display:flex;flex-wrap:wrap;gap:8px 24px;margin:28px 0 54px}
.bio-socials a{font-size:15px;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.bio-journal h2{font-size:30px;text-transform:none;margin-bottom:24px;letter-spacing:-.025em}
.bio-posts{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px}
.bio-posts>a{display:block;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4}
.bio-posts img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:12px}
.bio-page .motion-end{max-width:820px;margin:auto;width:100%;padding-top:0}
.bio-page .motion-end-invitation,.bio-page .motion-end>.social-links{display:none}
@media(max-width:520px){
 .bio-main{padding-top:18px}
 .bio-intro{grid-template-columns:1fr 108px;gap:14px;margin-bottom:28px}
 .in-motion .bio-intro h1{font-size:36px;letter-spacing:-.035em;margin-bottom:14px}
 .bio-intro p{font-size:14px}
 .bio-intro img{height:154px}
 .bio-destinations a{font-size:21px;padding:20px 0;min-height:68px}
 .bio-posts{gap:26px 14px}
 .bio-posts>a{font-size:13px}
}
@media(hover:hover) and (pointer:fine){
 .bio-destinations a:hover svg{transform:translate(3px,-3px)}
 .bio-destinations a:hover{text-decoration:underline;text-underline-offset:5px}
}
@media(prefers-reduced-motion:reduce){
 .mobile-menu[open],.mobile-menu.is-closing{animation:none}
 .bio-destinations svg{transition:none}
}

/* Contact is available inside the menu, without another page visit. */
.mobile-menu-links{gap:clamp(8px,1.5svh,16px);padding-top:16px;padding-bottom:22px}
.mobile-menu-links a{font-size:clamp(32px,6svh,52px)}
.mobile-menu-bottom{padding-top:14px;padding-bottom:max(20px,env(safe-area-inset-bottom));gap:8px}
.mobile-menu-contact{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mobile-menu-contact>div{display:flex;flex-direction:column;min-width:0}
.mobile-menu-contact a{display:flex;align-items:center;min-height:40px;font-size:14px;text-underline-offset:4px;overflow-wrap:anywhere}
.mobile-menu-contact img{display:block;object-fit:contain;width:68px;height:88px;flex-shrink:0}
.mobile-menu-socials{gap:8px 18px}
.mobile-menu-socials a{font-size:13px}
a[data-social-link]{display:inline-flex;align-items:center;gap:5px}
a[data-social-link] svg{display:block;width:15px;height:15px;flex-shrink:0}
.mobile-menu-all{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:13px}
.mobile-menu-all svg{width:17px;height:17px}
@media(prefers-reduced-motion:no-preference) and (hover:hover){a[data-social-link]:hover svg{transform:translate(2px,-2px)}}