@font-face{font-family:Editorial;src:url('/fonts/Editorial.ttf') format('truetype');font-weight:300 700;font-display:swap}
body.motion-portfolio{background:#101a25;color:#eef0ee;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.motion-portfolio header,.motion-portfolio main,.motion-portfolio footer{max-width:none;padding:0;margin:0}
.motion-portfolio .folio-nav{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;gap:20px}.folio-nav .brand{font-size:16px;letter-spacing:-.3px}.folio-nav nav{gap:28px}.folio-nav nav a{font-size:13px;min-height:44px;display:flex;align-items:center}.folio-nav .cafe-return{border:1px solid #a5b4c85c;padding:0 17px;border-radius:3px}.motion-portfolio a:hover{color:#d8e8fa}.motion-portfolio :focus-visible{outline:3px solid #d8e8fa;outline-offset:5px}.motion-portfolio ::selection{background:#bfd2df;color:#101a25}
.cloud-room{position:relative;isolation:isolate;overflow:hidden;min-height:880px;padding:135px 5vw 34px;background:#1c2d40}.cloud-plate{position:absolute;inset:-4%;z-index:-2;background:url('/media/cloud-room.png') center/cover;animation:cloud-drift 30s ease-in-out infinite alternate}.cloud-room:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101a2555,transparent 55%,#101a25)}.room-intro{text-align:center}.room-intro h1{font:500 clamp(54px,7.7vw,108px)/.95 Editorial,Georgia,serif;letter-spacing:-.03em;margin:0 0 24px}.room-intro h1 em{font-weight:400}.room-intro p{font-size:14px;line-height:1.7;color:#d0dce6;margin:0}.cloud-projects{display:flex;align-items:center;justify-content:center;gap:38px;max-width:1080px;margin:55px auto 45px;perspective:1200px}.floating-panel{color:#eff3f6;text-decoration:none;display:flex;flex-direction:column;background:#1d3045ed;border:1px solid #c7dbec75;box-shadow:0 24px 55px #08132055;border-radius:5px;overflow:hidden;transition:transform .25s ease,background .25s ease;min-width:0}.floating-panel>span{font-size:11px}.story-panel{width:280px;transform:rotate(-5deg);animation:none}.panel-photo{height:150px;overflow:hidden}.panel-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.panel-caption{padding:17px;display:grid;gap:7px}.panel-caption span{font-size:11px;color:#c3d5e4}.panel-caption strong{font:500 30px/1 Editorial,Georgia,serif}.tool-panel{width:228px;padding:22px;transform:none;animation:none;background:#e0e5e6;color:#1c3243}.mini-funnel{display:grid;gap:5px;text-align:center;margin:21px 0}.mini-funnel span,.mini-funnel strong{border:1px solid #718a9b70;padding:7px;font-size:12px;border-radius:2px}.mini-funnel i{font-style:normal;font-size:12px}.tool-panel>strong{font-size:14px}.private-panel{width:242px;min-height:220px;padding:25px;justify-content:space-between;transform:rotate(5deg);animation:none;background:#29394ae8}.private-panel>strong{font:500 55px/1 Editorial,Georgia,serif}.floating-panel:hover{background:#344e65}.tool-panel:hover{background:#edf2f4;color:#1c3243}.room-next{font-size:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:20px;min-height:44px;color:#cbd7e2}.room-next span{font-size:20px}
.motion-portfolio section{padding:90px 6vw;border-top:0;max-width:1440px;margin:auto}.motion-portfolio h2{font:500 clamp(42px,5.5vw,72px)/1 Editorial,Georgia,serif;letter-spacing:-.025em;margin:0}.motion-portfolio h2 em{font-weight:400}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.project-filters{display:flex;gap:5px;flex-wrap:wrap}.project-filters button{background:transparent;border:0;color:#b6c4d2;padding:11px 15px;font-size:12px;min-height:44px;border-radius:3px}.project-filters button[aria-pressed=true]{background:#d4dee5;color:#142435}.project-filters button:hover{background:#344556;color:#fff}.desk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.desk-item{display:flex;flex-direction:column;min-height:255px;text-decoration:none;padding:28px;border:1px solid #415466;margin:-1px 0 0 -1px;transition:background .2s}.desk-item[hidden]{display:none}.desk-item>span{font-size:11px;color:#9dafc2}.desk-item h3{font:500 34px/1.1 Editorial,Georgia,serif;margin:28px 0 12px;color:#f0f0e9}.desk-item p{font-size:13px;color:#b5c4d3;line-height:1.6;margin:0 0 24px;max-width:260px}.desk-item .desk-action{margin-top:auto;color:#d8e5ef}.desk-item:hover{background:#25384b}
.motion-portfolio .billboard-story{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:9vw;background:#192735;max-width:none;padding:80px 10vw}.billboard-frame{max-width:400px;height:440px;overflow:hidden;border-radius:4px}.billboard-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.story-copy>span{font-size:11px;color:#b4c7d7}.story-copy h2{margin:24px 0}.story-copy p{font-size:15px;line-height:1.8;color:#c3d0db;max-width:410px}.story-watch{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;text-decoration:none;border-bottom:1px solid #8aa2b6;margin-top:18px;font-size:14px}
.folio-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.folio-capabilities p{font-size:22px;line-height:1.65;color:#c4d0dd;max-width:500px}.folio-capabilities a{font-size:12px}.writing-shelf{display:grid;grid-template-columns:1fr 1fr 1fr;gap:34px;border-top:1px solid #344657!important}.writing-shelf>div>a{display:inline-block;margin-top:26px;font-size:12px}.writing-shelf>a{display:block;text-decoration:none;border-top:1px solid #617386;padding-top:20px}.writing-shelf>a span{font-size:11px;color:#a9bbcc}.writing-shelf h3{font:500 31px/1.2 Editorial,Georgia,serif;margin-top:25px}.writing-shelf>a:hover h3{text-decoration:underline;text-underline-offset:5px}.folio-contact{padding:75px 6vw 90px;text-align:center;background:#213345}.folio-contact p{font-size:13px;color:#bcccdc}.folio-contact>a{font:500 clamp(64px,9vw,116px)/1 Editorial,Georgia,serif;text-decoration:none}.folio-contact>a:hover{text-decoration:underline;text-underline-offset:12px}.motion-portfolio footer{padding:25px 6vw;background:#101a25;border-top:1px solid #415466;font-size:12px;display:flex;justify-content:space-between}
@keyframes cloud-drift{from{transform:translateX(-1%) scale(1.03)}to{transform:translateX(1%) scale(1.07)}}@keyframes panel-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.cloud-projects{gap:22px}.floating-panel{flex:1}.room-intro h1{font-size:76px}.desk-grid{grid-template-columns:1fr 1fr}.folio-nav nav{gap:18px}.folio-nav .cafe-return{display:none}.motion-portfolio .billboard-story{padding:65px 6vw;gap:40px}.billboard-frame{height:360px}.story-copy h2{font-size:48px}.writing-shelf{grid-template-columns:1fr 1fr}.writing-shelf>div{grid-column:1/-1}}
@media(max-width:600px){.motion-portfolio .folio-nav{padding:17px 6vw;align-items:center}.folio-nav .brand{font-size:13px}.folio-nav nav{gap:13px}.folio-nav nav a{font-size:11px}.cloud-room{padding:110px 6vw 35px;min-height:0}.room-intro h1{font-size:53px}.room-intro p{font-size:12px}.cloud-projects{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:35px 0 25px}.floating-panel{width:auto;transform:none}.story-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.panel-photo{height:168px}.panel-caption{align-content:center}.panel-caption strong{font-size:30px}.tool-panel{padding:15px}.mini-funnel{margin:15px 0}.private-panel{padding:20px 15px;min-height:200px}.private-panel>strong{font-size:40px}.private-panel>span{font-size:10px}.tool-panel>strong{font-size:12px}.motion-portfolio section{padding:60px 6vw}.library-heading{display:block}.project-filters{margin-top:25px}.desk-grid{grid-template-columns:1fr 1fr}.desk-item{padding:20px 14px;min-height:250px}.desk-item h3{font-size:27px}.desk-item p{font-size:12px}.desk-item>span{font-size:10px}.motion-portfolio .billboard-story{grid-template-columns:1fr;padding:50px 6vw;gap:32px}.billboard-frame{height:340px;max-width:none}.story-copy h2{font-size:45px}.folio-capabilities{grid-template-columns:1fr;gap:15px}.folio-capabilities p{font-size:18px}.writing-shelf{grid-template-columns:1fr;gap:30px}.writing-shelf>div{grid-column:auto}.writing-shelf h3{font-size:29px}.folio-contact{padding:55px 6vw}.motion-portfolio footer{flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){.cloud-plate,.floating-panel{animation:none}.floating-panel,.desk-item{transition:none}.floating-panel:hover{transform:none}}


/* Independent cards orbit through cloud banks; the stage itself stays still. */
.cloud-plate{inset:0;animation:none;background-position:center}.cloud-film{width:100%;height:100%;object-fit:cover;display:block}.cloud-room:after{background:linear-gradient(180deg,#101a2560,transparent 50%,#101a25)}
.scene-track{position:relative;max-width:1250px;margin:40px auto 25px;isolation:isolate}.cloud-projects{margin:0;min-height:360px;perspective:1200px;perspective-origin:50% 50%;max-width:none;position:relative}.floating-panel{animation:none;opacity:1;translate:none;box-shadow:0 30px 70px #06111d80;transition:background 200ms ease,border-color 200ms ease}.story-panel,.tool-panel,.private-panel{transform:none}.cloud-bank{display:none;pointer-events:none}
.carousel-ready .cloud-projects{display:block;height:380px}.carousel-ready .floating-panel{position:absolute;top:50%;left:50%;width:260px;height:290px;min-height:0;margin:0;display:flex;flex-direction:column;transform:translate(-50%,-50%);will-change:transform,opacity}.carousel-ready .panel-photo{height:145px;flex-shrink:0}.carousel-ready .story-panel .panel-caption{padding:16px}.carousel-ready .tool-panel{padding:22px}.carousel-ready .private-panel{padding:25px}.carousel-ready .cloud-bank{display:block;position:absolute;z-index:10;top:-10px;bottom:-15px;width:32%;background:url('/media/cloud-room.png') left bottom/950px 570px no-repeat;mask-image:linear-gradient(to right,#000 25%,#000c 50%,transparent 100%);filter:drop-shadow(0 0 15px #26394e)}.carousel-ready .bank-left{left:-6vw}.carousel-ready .bank-right{right:-6vw;background-position:right bottom;mask-image:linear-gradient(to left,#000 25%,#000c 50%,transparent 100%)}
@media(hover:hover) and (pointer:fine){.floating-panel:hover{border-color:#edf7ff}}
@media(max-width:600px){.scene-track{margin:24px -6vw 15px}.carousel-ready .cloud-projects{height:360px;perspective:900px}.carousel-ready .floating-panel{width:218px;height:270px;grid-column:auto}.carousel-ready .panel-photo{height:125px}.carousel-ready .tool-panel{padding:18px}.carousel-ready .private-panel{padding:22px}.carousel-ready .cloud-bank{width:29%;background-size:850px 510px}.carousel-ready .bank-left{left:-35px}.carousel-ready .bank-right{right:-35px}.carousel-ready .private-panel>strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){.cloud-film{display:none}.floating-panel{transition:none}.cloud-bank{display:none}}

/* Foreground uses the exact background video frame, at the exact same crop. */
.cloud-room{--scene-shade:linear-gradient(180deg,#101a2560,transparent 50%,#101a25)}.cloud-room:after{background:var(--scene-shade)}.scene-track{z-index:1}.room-intro,.room-next{position:relative;z-index:3}.cloud-foreground{position:absolute;inset:0;z-index:2;pointer-events:none;mask-image:linear-gradient(to right,#000 0%,#000 10%,transparent 30%,transparent 70%,#000 90%,#000 100%),linear-gradient(to bottom,transparent 32%,#000 50%,#000 84%,transparent 98%);mask-composite:intersect}.cloud-canvas{width:100%;height:100%;display:block}.cloud-foreground:after{content:'';position:absolute;inset:0;background:var(--scene-shade)}
.research-panel,.humanizer-panel,.notes-panel{padding:23px;justify-content:space-between;width:260px;min-height:275px;background:#23394a}.humanizer-panel{background:#d0d9de;color:#203343}.notes-panel{background:#354559}.research-panel>strong,.humanizer-panel>strong,.notes-panel>strong{font:500 39px/1 Editorial,Georgia,serif}.research-panel>span,.humanizer-panel>span,.notes-panel>span{font-size:11px}.humanizer-panel p,.notes-panel p{font-size:12px;line-height:1.6;margin:0}.research-steps{display:flex;gap:6px}.research-steps span{font-size:11px;border:1px solid #a6b9c45c;padding:6px}.scene-track:not(.carousel-ready) .cloud-projects{flex-wrap:wrap}
@media(max-width:600px){.carousel-ready .research-panel,.carousel-ready .humanizer-panel,.carousel-ready .notes-panel{padding:20px}.research-panel>strong,.humanizer-panel>strong,.notes-panel>strong{font-size:34px}.cloud-foreground{mask-image:linear-gradient(to right,#000,transparent 26%,transparent 74%,#000),linear-gradient(to bottom,transparent 32%,#000 50%,#000 84%,transparent 98%)}}
@media(prefers-reduced-motion:reduce){.cloud-foreground{display:none}.cloud-projects{flex-wrap:wrap}.floating-panel{flex:0 1 260px}}

.carousel-ready .cloud-projects{transform-style:preserve-3d}

.room-intro h1{margin-bottom:0}.scene-track{margin-top:15px}.cloud-room{min-height:790px;padding-top:125px}.bot-panel{width:260px;min-height:275px;padding:23px;justify-content:space-between;background:#263e50}.goose-panel{background:#46505a}.bot-panel>strong{font:500 42px/1 Editorial,Georgia,serif}.bot-panel p{font-size:12px;line-height:1.6;margin:0}.carousel-ready .bot-panel{padding:23px}.billboard-frame{height:auto;max-width:350px;aspect-ratio:9/16}.story-video{width:100%;height:100%;display:block;object-fit:contain;background:#08121b}
@media(max-width:600px){.cloud-room{padding-top:110px;min-height:0}.scene-track{margin-top:12px}.carousel-ready .bot-panel{padding:20px}.bot-panel>strong{font-size:37px}.billboard-frame{height:auto;max-width:350px;margin:auto}}

.professional-work{scroll-margin-top:90px}.professional-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.professional-heading>p{max-width:390px;color:#bdcad6;line-height:1.7}.work-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.work-areas article{border-top:1px solid #577084;padding-top:22px}.work-areas span{font:12px monospace;color:#a2b9cb}.work-areas h3{font:500 25px/1.2 Editorial,Georgia,serif;color:#f0f0e9;margin:17px 0}.work-areas p{font-size:14px;line-height:1.7;color:#bdcad6}.work-source{display:inline-block;margin-top:30px;color:#e1e9ef;min-height:44px}.professional-work{background:#1b2c3d}@media(max-width:700px){.professional-heading{display:block}.work-areas{grid-template-columns:1fr 1fr}}@media(max-width:450px){.work-areas{grid-template-columns:1fr}}

@media(max-width:600px){.room-intro h1{font-size:clamp(38px,11vw,48px);line-height:1.04}.cloud-room{padding-top:95px}.cloud-foreground{display:none}.scene-track{touch-action:pan-y}.scene-track:after{content:'Swipe to explore';display:block;text-align:center;font:12px/1.5 system-ui,sans-serif;color:#d8e5ef;padding:8px 0}.folio-nav nav a{display:inline-flex;align-items:center;min-height:44px}.motion-portfolio section{padding-top:48px;padding-bottom:48px}.desk-item{padding:22px}.desk-item h3{font-size:29px}}

@media(max-width:600px){html:has(.motion-portfolio){overflow-x:clip}body.motion-portfolio{overflow-x:clip}.motion-portfolio .cloud-room{overflow:clip;contain:paint}.motion-portfolio .scene-track{overflow:clip}}