/* Motion is progressive enhancement; the underlying portfolio remains usable without it. */
:root{--deep:#183b4b;--hero-blue:#c2d4dd;--motion-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:114px}body{color:var(--deep)}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:50;pointer-events:none}.reading-progress>span{display:block;width:100%;height:100%;background:var(--deep);transform:scaleX(0);transform-origin:left;will-change:transform}.site-header{position:fixed;top:16px;left:26px;right:26px;border:0;background:transparent;backdrop-filter:none}.nav-shell{padding:11px 22px;max-width:1250px;min-height:72px;border:1px solid #ffffffc9;border-radius:50px;background:#f7f6f0ed;backdrop-filter:blur(20px);box-shadow:0 8px 30px #193b4b0b;transition:box-shadow .3s}.is-scrolled .nav-shell{box-shadow:0 8px 30px #193b4b14}.brand-logo{width:48px;height:48px;border-radius:50%}.brand-name{font-size:11px}.nav-contact{border-radius:40px;padding:12px 18px}#main-nav{gap:28px}#main-nav a{font-size:11px}.button-dark{background:var(--deep)}.button-dark:hover{background:#355d70}.button{border-radius:50px;padding:17px 24px}.button,.text-link{position:relative;z-index:1}.magnetic{will-change:transform}
.hero{position:relative;isolation:isolate;display:block;max-width:none;min-height:max(890px,100svh);padding:164px max(56px,calc((100vw - 1172px)/2)) 205px;background:linear-gradient(115deg,#f3f1e9 6%,#edf0eb 45%,#d4e1e6 100%);overflow:hidden}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.14' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero-copy{position:relative;z-index:3;width:58%;max-width:740px}.hero .eyebrow{font-size:9px;letter-spacing:1.15px}.hero .status-dot{background:#466878;box-shadow:0 0 0 4px #8dacba22}.hero h1{font-size:clamp(76px,9.3vw,137px);line-height:.93;letter-spacing:-7px;margin:34px 0 28px}.hero h1 .serif-accent{color:var(--deep);letter-spacing:-7px}.name-window{display:block;overflow:hidden;padding:0 8px 14px 0;margin-bottom:-12px}.name-line{display:block;will-change:transform}.hero .hero-intro{font-size:21px;line-height:1.35;letter-spacing:-.4px;max-width:400px;color:var(--deep)}.hero-intro>span{display:block;font-size:12px;line-height:1.85;letter-spacing:0;max-width:355px;color:#4c6470;margin-top:19px}.hero .hero-actions{gap:26px;margin-top:28px}.hero .hero-actions .text-link{font-size:11px}.hero .hero-footnote{font-size:8px;letter-spacing:.8px;text-transform:uppercase;max-width:410px;line-height:1.8;margin-top:23px}.hero .hero-art{position:absolute;right:-15px;left:auto;top:100px;bottom:0;max-width:none;width:57%;padding:0;margin:0;transform:none;z-index:1;pointer-events:none}.hero-photo-field{height:100%;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.hero-photo-orbit{position:absolute;top:4%;left:5%;right:-23%;bottom:-12%;border-radius:52% 48% 0 0;background:var(--blue);transform:rotate(-9deg);z-index:-1}.hero-photo-line{position:absolute;left:-8%;right:-15%;top:15%;bottom:2%;border:1px solid #5d839447;border-radius:50%;transform:rotate(25deg);z-index:-1}.hero .hero-headshot{width:100%;height:auto;max-height:94%;object-fit:contain;display:block;filter:drop-shadow(0 0 1px #ffffff80);transform:translate3d(var(--portrait-x,0px),calc(var(--portrait-y,0px) + var(--photo-scroll,0px)),0) rotate(var(--portrait-r,0deg));transform-origin:center 75%;will-change:transform}.hero-handwriting{position:absolute;right:8%;top:12%;font-family:Georgia,serif;font-style:italic;font-size:22px;letter-spacing:-.6px;transform:rotate(8deg);color:#345c6e}.hero-photo-label{position:absolute;left:5%;bottom:30%;padding:10px 14px;background:#f7f6f0ef;border:1px solid #d4dfe4;border-radius:5px;transform:rotate(-6deg);font-size:9px;box-shadow:4px 5px 0 #365b6e12}.hero-bottom{position:absolute;bottom:31px;left:max(56px,calc((100vw - 1172px)/2));right:max(56px,calc((100vw - 1172px)/2));display:flex;align-items:flex-end;justify-content:space-between;gap:30px;z-index:4}.hero-scroll{position:relative;display:grid;place-items:center;width:94px;height:94px;border:1px solid #708e9e55;border-radius:50%;transition:background .3s}.hero-scroll:hover{background:var(--blue)}.scroll-ring{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);animation:orbit 22s linear infinite}.scroll-ring text{font-size:8px;font-family:Arial,sans-serif;letter-spacing:1.65px;fill:var(--deep)}.hero-scroll>span{font-size:29px;line-height:1}.hero .hero-focus-card{width:360px;max-width:42%;padding:17px 21px 14px;border-radius:15px;background:#f7f6f0ee!important;border:1px solid #ffffffc9!important;box-shadow:0 12px 30px #234b5e12;backdrop-filter:blur(16px);transform:none}.hero .hero-focus-card .focus-topline .small-label{font-size:7px;letter-spacing:1.3px}.hero .focus-topline{gap:12px}.hero .focus-index{font-size:8px}.hero .hero-focus-card .focus-description{min-height:90px;transform:none;padding:0;margin-top:10px}.hero .hero-focus-card .focus-description h2{font-size:19px;line-height:1.15;letter-spacing:-.6px}.hero .focus-description p{font-size:9px;line-height:1.8;max-width:none;margin-top:8px;color:#5b707a}.hero .focus-tabs{margin-top:11px;padding-top:10px;border-color:#c4d4dc!important;gap:6px}.hero .focus-tabs button{font-size:8px;padding:6px 8px;border-radius:30px}.hero .focus-tabs button[aria-selected=true]{background:var(--deep)}
.expertise-strip{background:var(--deep);color:var(--paper);border:0;overflow:hidden;padding:0}.expertise-strip>.marquee-track{display:flex;max-width:none;width:max-content;gap:0;padding:0;animation:marquee 34s linear infinite;will-change:transform;color:var(--paper)}.marquee-copy{display:flex;align-items:center;gap:35px;flex-shrink:0;padding:23px 35px 25px 0;white-space:nowrap}.marquee-copy>span{font-family:Georgia,serif;font-style:italic;font-size:32px;font-weight:400;letter-spacing:-1px}.marquee-copy>i{font-size:25px;color:var(--blue);font-style:normal}.companies-section{padding-top:44px;padding-bottom:45px}.company-names button{transition:transform .35s var(--motion-ease),color .2s}.company-names button:hover{transform:translateY(-4px)}.company-names button>span{display:inline-block;transition:transform .35s var(--motion-ease)}.company-names button:hover>span{transform:rotate(45deg)}
.work-section{max-width:none;padding:0!important}.work-stage{padding:65px max(36px,calc((100vw - 1172px)/2)) 36px;background:var(--paper);overflow:hidden}.work-stage .section-heading{margin-bottom:26px}.work-stage .section-heading h2{font-size:clamp(32px,5.1vh,47px);letter-spacing:-1.8px;margin-top:13px}.work-stage .section-heading>p{font-size:12px;max-width:285px}.project-toolbar{margin-bottom:24px}.project-viewport{overflow:hidden;position:relative}.project-grid{display:flex;gap:27px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9cb6c3 transparent;padding:5px 0 17px;overscroll-behavior-x:contain}.project-card{flex:0 0 min(490px,43vw);scroll-snap-align:start;min-width:0;position:relative}.project-card .project-art{height:clamp(225px,32vh,330px);border-radius:16px}.project-info{padding:19px 3px 4px}.project-company{font-size:24px;margin-bottom:10px}.project-info .project-meta{font-size:8px;letter-spacing:.7px}.project-info h3{font-size:18px}.project-info>div>p:last-child{font-size:11px;max-width:350px;line-height:1.75;margin-top:7px}.project-arrow{border-color:#a2b9c4;margin-top:2px}.project-open:hover .project-art{transform:scale(.986);box-shadow:none}.project-open:hover .project-arrow{transform:rotate(45deg);background:var(--blue);border-color:var(--blue)}.project-art:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),#ffffff30,transparent 60%);opacity:0;transition:opacity .3s}.project-open:hover .project-art:after{opacity:1}.rail-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:11px}.rail-footer .work-note{font-size:8px;border:0;padding:0;margin:0;max-width:260px}.rail-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}.rail-controls>span{font-size:8px;color:var(--muted);letter-spacing:.3px}.rail-controls #work-position{font-size:9px;letter-spacing:1px;color:var(--deep);margin:0 10px 0 5px}.rail-controls button{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid #b1c4ce;background:transparent;font-size:20px;transition:background .2s,transform .2s}.rail-controls button:hover:not(:disabled){background:var(--blue);transform:scale(1.08)}.work-progress{height:2px;background:#dce4e7;margin-top:18px;overflow:hidden}.work-progress>span{display:block;height:100%;background:var(--deep);width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}.work-section.scroll-driven{height:var(--scene-height)}.scroll-driven .work-stage{position:sticky;top:93px;height:calc(100svh - 93px);padding-top:28px;padding-bottom:24px}.scroll-driven .project-grid{overflow:visible;scroll-snap-type:none;will-change:transform;padding-bottom:5px}.scroll-driven .project-card .project-art{height:clamp(195px,29vh,300px)}.scroll-driven .project-card{scroll-snap-align:none}.scroll-driven .rail-footer{margin-top:14px}
.design-section{background:#d8e5eb;padding-top:92px;padding-bottom:70px;overflow:hidden}.design-section .section-heading h2{font-size:54px;letter-spacing:-2.3px}.design-gallery{perspective:1200px;padding:20px 0 10px}.design-project{transform-origin:center 90%;transition:transform .7s var(--motion-ease);will-change:transform}.motion-ready:not(.motion-paused) .design-project:nth-child(1){transform:translateY(calc(var(--fan,0)*45px)) rotate(calc(var(--fan,0)*-6deg))}.motion-ready:not(.motion-paused) .design-project:nth-child(2){transform:translateY(calc(var(--fan,0)*-10px)) rotate(calc(var(--fan,0)*3deg))}.motion-ready:not(.motion-paused) .design-project:nth-child(3){transform:translateY(calc(var(--fan,0)*55px)) rotate(calc(var(--fan,0)*6deg))}.design-project:hover{z-index:2}.design-preview{border-radius:12px;transition:transform .5s var(--motion-ease),box-shadow .5s}.design-project>button:hover .design-preview{transform:translateY(-10px) rotate(-2deg);box-shadow:0 22px 30px #2848581c}.design-card-info h3{font-size:23px}.results-section{background:var(--deep)}.results-inner{padding-top:83px;padding-bottom:87px}.results-intro h2{font-size:40px;letter-spacing:-1.5px}.results-grid strong{font-size:clamp(45px,5vw,74px);color:var(--blue)}.results-grid>div:nth-child(2) strong{color:#edb49d}.results-grid>div:nth-child(3) strong{color:#e3e9cf}.results-grid>div{border-color:#7c9aaa55}.results-grid>div>span{font-size:11px}.experience-section{padding-top:100px;padding-bottom:110px}.experience-aside{position:sticky;top:122px;border-radius:12px;overflow:hidden}.experience-aside:after{content:'✳';display:block;font-family:Georgia,serif;font-size:90px;line-height:1;margin:20px -10px -55px 0;text-align:right;opacity:.4}.experience-item{position:relative}.experience-item:before{content:'';position:absolute;left:-15px;top:0;bottom:0;width:2px;background:var(--blue);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--motion-ease)}.experience-item:hover:before,.experience-item[open]:before{transform:scaleY(1)}.experience-title strong{transition:transform .4s var(--motion-ease)}.experience-item:hover .experience-title strong{transform:translateX(7px)}.experience-item[open] .experience-body{animation:detail-in .45s var(--motion-ease) both}.about-section{padding-top:92px;background:#e5edf0;overflow:hidden}.about-copy h2{font-size:52px;letter-spacing:-2.3px}.about-portrait{transform:translate3d(0,var(--about-y,0px),0);will-change:transform}.portrait-shape{transform:rotate(calc(-7deg + var(--about-r,0deg)));transition:transform .2s linear}.portrait-star{animation:orbit 30s linear infinite}.about-portrait figcaption{animation:float-label 6s ease-in-out infinite}.contact-section{padding-top:99px;padding-bottom:91px;position:relative;overflow:hidden}.contact-section h2{font-size:clamp(52px,6.7vw,87px);letter-spacing:-3.8px}.contact-star{font-size:75px;animation:orbit 28s linear infinite}.contact-bottom{margin-top:40px}.email-link{position:relative}.email-link:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--motion-ease)}.email-link:hover:after{transform:scaleX(1);transform-origin:left}.footer-brand{font-size:12px}.project-dialog[open]{animation:dialog-in .35s var(--motion-ease) both}.project-dialog::backdrop{animation:backdrop-in .3s ease both}.project-cursor{position:fixed;left:0;top:0;width:84px;height:84px;border-radius:50%;background:var(--deep);color:var(--paper);display:grid;place-items:center;z-index:30;pointer-events:none;opacity:0;scale:.7;transition:opacity .2s,scale .25s var(--motion-ease);will-change:transform}.project-cursor>span{font-size:11px;line-height:1.5;text-align:center}.project-cursor.is-visible{opacity:1;scale:1}body.dialog-open .project-cursor{display:none}.motion-toggle{position:fixed;bottom:17px;right:18px;z-index:22;background:#f7f6f0ed;backdrop-filter:blur(12px);border:1px solid #bacdd6;border-radius:40px;padding:9px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 5px 18px #193b4b0c;font-size:9px}.motion-toggle>span:first-child{width:10px;font-size:10px}.motion-toggle:disabled{opacity:1}.motion-toggle:hover{background:white}.motion-ready:not(.motion-paused) [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-revealed{opacity:1;transform:none}.motion-ready:not(.motion-paused) .hero .name-line{animation:name-in 1.2s var(--motion-ease) both}.motion-ready:not(.motion-paused) .hero .name-window:nth-child(2) .name-line{animation-delay:.12s}.motion-ready:not(.motion-paused) .hero-kicker,.motion-ready:not(.motion-paused) .hero-intro,.motion-ready:not(.motion-paused) .hero-actions{animation:detail-in 1s var(--motion-ease) both;animation-delay:.3s}.motion-ready:not(.motion-paused) .hero-intro{animation-delay:.45s}.motion-ready:not(.motion-paused) .hero-actions{animation-delay:.6s}.motion-ready:not(.motion-paused) .wave-bars i{animation:wave 1.6s ease-in-out infinite;transform-origin:center}.wave-bars i:nth-child(2n){animation-delay:-.4s!important}.wave-bars i:nth-child(3n){animation-delay:-.8s!important}.wave-bars i:nth-child(4n){animation-delay:-1.2s!important}.motion-ready:not(.motion-paused) .hero-photo-label{animation:photo-label 7s ease-in-out infinite}.motion-ready:not(.motion-paused) .hero-handwriting{animation:handwriting-float 9s ease-in-out infinite}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes name-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes detail-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-label{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes handwriting-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-9px) rotate(5deg)}}@keyframes float-label{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{background:#23212a00;backdrop-filter:blur(0)}to{background:#23212ac4;backdrop-filter:blur(6px)}}
.motion-paused *{animation:none!important;transition-duration:0s!important}.motion-paused [data-reveal]{opacity:1!important;transform:none!important}.motion-paused .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;transform:none!important}.motion-paused .project-card{width:auto}.motion-paused .work-stage{height:auto;position:relative;padding-top:65px}.motion-paused .work-section{height:auto!important}.motion-paused .rail-controls,.motion-paused .work-progress,.motion-paused .project-cursor{display:none}.motion-paused .hero-headshot,.motion-paused .about-portrait,.motion-paused .magnetic{transform:none!important}.motion-paused .marquee-copy:nth-child(2){display:none}.motion-paused .marquee-track{width:100%;max-width:1300px;margin:auto;animation:none;display:block}.motion-paused .marquee-copy:first-child{white-space:normal;flex-wrap:wrap;padding:22px 28px;gap:12px 24px;justify-content:center}.motion-paused .marquee-copy>span{font-size:23px}
@media(min-width:1600px){.hero{min-height:max(980px,100svh);padding-top:190px}.hero h1{font-size:145px}.hero .hero-art{width:58%;right:0}.hero .hero-headshot{max-height:96%;width:95%}.hero-handwriting{top:9%;right:17%;font-size:26px}.hero-photo-label{left:8%}}
@media(max-width:1100px){.site-header{left:20px;right:20px}.nav-shell{padding:10px 19px}.hero{padding-left:40px;padding-right:40px;min-height:860px;padding-top:155px}.hero h1{font-size:clamp(76px,9.5vw,107px);letter-spacing:-5px}.hero h1 .serif-accent{letter-spacing:-5px}.hero .hero-intro{font-size:19px;max-width:340px}.hero-intro>span{font-size:11px;max-width:305px}.hero .hero-art{width:57%;right:-38px;top:128px}.hero-handwriting{font-size:18px;top:16%;right:11%}.hero-photo-label{left:1%;bottom:34%;font-size:8px}.hero-bottom{left:40px;right:40px}.hero .hero-focus-card{width:330px;max-width:44%}.hero .hero-focus-card .focus-description h2{font-size:18px}.hero .hero-focus-card .focus-description{min-height:100px}.project-card{flex-basis:min(465px,46vw)}.work-stage{padding-left:40px;padding-right:40px}.design-section .section-heading h2{font-size:46px}.results-intro h2{font-size:35px}.about-copy h2{font-size:43px}.contact-section h2{font-size:68px}.hero .hero-headshot{max-height:90%;width:106%}}
@media(max-width:1000px){#main-nav{top:calc(100% + 8px);left:0;right:0;border-radius:22px;background:#f7f6f0f5;backdrop-filter:blur(20px);border:1px solid #c7d6de;padding:18px 24px 22px}.nav-shell{max-width:none}#main-nav .nav-contact{border-radius:30px}}
@media(max-width:800px){.site-header{top:12px;left:16px;right:16px}.nav-shell{min-height:65px;padding:9px 17px}.brand-logo{width:43px;height:43px}.hero{min-height:840px;padding:139px 28px 200px}.hero-copy{width:63%;max-width:500px}.hero h1{font-size:clamp(68px,10vw,85px);letter-spacing:-4.8px;margin-top:32px}.hero h1 .serif-accent{letter-spacing:-4.8px}.hero .eyebrow{font-size:8px;letter-spacing:.7px;line-height:1.7;max-width:330px}.hero .hero-intro{font-size:18px;max-width:305px}.hero-intro>span{font-size:10px;max-width:260px}.hero .hero-art{top:188px;right:-54px;width:60%;bottom:0}.hero .hero-headshot{width:115%;max-height:87%}.hero-photo-orbit{top:8%;left:8%;right:-26%;bottom:-12%}.hero-photo-line{top:15%;left:-5%}.hero-handwriting{right:17%;top:21%;font-size:17px}.hero-photo-label{left:-3%;bottom:36%;font-size:7px;max-width:170px}.hero-bottom{left:28px;right:28px;bottom:25px}.hero .hero-focus-card{max-width:48%;width:320px;padding:15px 17px}.hero .hero-focus-card .focus-description{min-height:100px}.hero-scroll{width:80px;height:80px}.hero .hero-actions{gap:17px;align-items:flex-start;flex-direction:column}.hero .hero-actions .text-link{font-size:10px}.hero .hero-footnote{font-size:7px;max-width:280px}.marquee-copy{gap:25px;padding:20px 25px 22px 0}.marquee-copy>span{font-size:27px}.marquee-copy>i{font-size:21px}.companies-section{padding-top:35px;padding-bottom:33px}.work-stage{padding:55px 28px 30px}.work-stage .section-heading h2{font-size:39px;letter-spacing:-1.8px}.work-stage .section-heading>p{font-size:11px}.project-card{flex-basis:65vw;max-width:470px}.project-card .project-art{height:280px}.project-grid{gap:22px}.rail-controls>span:first-child{display:none}.project-info{padding-top:18px}.project-company{font-size:24px}.project-info h3{font-size:18px}.design-section{padding-top:65px;padding-bottom:45px}.design-section .section-heading h2{font-size:40px}.results-inner{padding-top:58px;padding-bottom:57px}.results-intro h2{font-size:34px}.experience-section{padding-top:73px;padding-bottom:75px}.about-section{padding-top:68px}.about-copy h2{font-size:37px;letter-spacing:-1.6px}.contact-section{padding-top:74px;padding-bottom:67px}.contact-section h2{font-size:56px;letter-spacing:-2.5px}.contact-star{font-size:52px}.project-cursor{display:none}.motion-toggle{font-size:8px;padding:8px 11px;bottom:12px;right:13px}}
@media(max-width:600px){html{scroll-padding-top:98px}.site-header{top:10px;left:12px;right:12px}.nav-shell{min-height:61px;padding:8px 14px}.brand-logo{width:41px;height:41px}.brand-name{font-size:10px}.hero{min-height:0;display:flex;flex-direction:column;padding:120px 22px 28px;gap:0}.hero-copy{width:100%;max-width:none}.hero .eyebrow{font-size:7px;letter-spacing:.7px;max-width:none;gap:8px}.hero h1{font-size:clamp(62px,15.4vw,88px);line-height:.92;letter-spacing:-4px;margin:28px 0 24px}.hero h1 .serif-accent{letter-spacing:-4.5px}.name-window{padding-bottom:12px;margin-bottom:-9px}.hero .hero-intro{font-size:19px;line-height:1.4;max-width:330px}.hero-intro>span{font-size:11px;line-height:1.9;max-width:315px;margin-top:15px}.hero .hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:25px}.hero .button{font-size:10px;padding:13px 17px;gap:17px}.hero .hero-actions .text-link{font-size:10px;gap:9px}.hero .hero-footnote{font-size:7px;margin-top:20px;max-width:none;letter-spacing:.4px}.hero .hero-art{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:calc(100% + 44px);height:370px;margin:20px -22px -30px;max-width:none;align-self:center;z-index:1}.hero .hero-headshot{width:370px;max-width:106%;height:370px;max-height:none;object-fit:contain}.hero-photo-orbit{top:4%;left:13%;right:-13%;bottom:-10%;border-radius:55% 45% 0 0}.hero-photo-line{top:14%;left:3%;right:-14%;bottom:2%}.hero-handwriting{right:9%;top:10%;font-size:17px;transform:rotate(8deg)}.hero-photo-label{left:8%;bottom:19%;font-size:8px;max-width:180px;padding:9px 12px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:block;width:100%;margin-top:0;z-index:4}.hero-scroll{display:none}.hero .hero-focus-card{width:100%;max-width:none;padding:15px 18px 12px;border-radius:13px}.hero .hero-focus-card .focus-description{min-height:39px;margin-top:11px}.hero .hero-focus-card .focus-description h2{font-size:19px}.hero .focus-description p{display:none}.hero .focus-tabs{margin-top:9px;padding-top:10px}.hero .focus-tabs button{font-size:9px;padding:6px}.hero .focus-topline .small-label{max-width:none}.marquee-copy>span{font-size:25px}.marquee-copy{gap:23px;padding:17px 23px 19px 0}.marquee-copy>i{font-size:18px}.companies-section{padding-top:31px;padding-bottom:29px}.companies-section .eyebrow{margin-bottom:18px}.company-names{gap:15px 18px}.company-names button{font-size:18px}.work-stage{padding:51px 22px 28px}.work-stage .section-heading h2{font-size:35px;line-height:1.08;letter-spacing:-1.5px}.work-stage .section-heading>p{font-size:11px;margin-top:20px}.work-stage .section-heading{margin-bottom:25px}.project-toolbar{margin-bottom:18px}.filter-button{font-size:9px}.project-card{flex:0 0 86vw;max-width:430px;scroll-snap-align:start}.project-card .project-art{height:270px}.project-grid{gap:18px;padding-bottom:17px}.project-company{font-size:24px;line-height:1.2}.project-info h3{font-size:19px}.project-info>div>p:last-child{font-size:11px;max-width:285px;min-height:39px}.project-info{gap:9px;padding:18px 1px 3px}.project-arrow{width:33px;height:33px;font-size:20px}.rail-footer{gap:12px;margin-top:6px;align-items:flex-end}.rail-footer .work-note{font-size:7px;max-width:158px;line-height:1.7}.rail-controls{gap:6px}.rail-controls #work-position{font-size:8px;margin:0 6px 0 0}.rail-controls button{width:32px;height:32px;font-size:18px}.work-progress{margin-top:15px}.design-section{padding-top:55px;padding-bottom:42px}.design-section .section-heading h2{font-size:38px;letter-spacing:-1.8px}.design-gallery{padding-top:8px;gap:33px}.design-project{transform:none!important}.design-card-info h3{font-size:23px}.results-inner{padding-top:46px;padding-bottom:47px}.results-intro h2{font-size:34px}.results-grid strong{font-size:clamp(31px,9.4vw,45px);letter-spacing:-1.5px}.results-grid>div>span{font-size:8px}.experience-section{padding-top:57px;padding-bottom:62px}.experience-item:before{left:-10px}.experience-title strong{font-size:23px}.about-section{padding-top:58px}.about-copy h2{font-size:43px;letter-spacing:-2px}.about-portrait{margin-top:3px}.contact-section{padding-top:58px;padding-bottom:63px}.contact-section h2{font-size:clamp(35px,9.5vw,48px);letter-spacing:-1.8px}.contact-star{font-size:41px}.contact-bottom{margin-top:28px}.site-footer{padding-bottom:53px}.motion-toggle{font-size:8px;padding:8px 11px;bottom:10px;right:10px}.motion-paused .project-grid{grid-template-columns:1fr;gap:30px}.motion-paused .project-card{max-width:none}.motion-paused .work-stage{padding-top:51px}.motion-paused .marquee-copy>span{font-size:18px}.motion-paused .marquee-copy>i{font-size:15px}.motion-paused .marquee-copy:first-child{gap:10px 17px}}
.project-open:focus-visible{outline-offset:-3px;border-radius:16px}.scroll-driven .work-stage{padding-top:20px;padding-bottom:20px}.scroll-driven .section-heading{margin-bottom:18px}.scroll-driven .section-heading h2{font-size:clamp(30px,4vh,39px);margin-top:9px}.scroll-driven .section-heading>p{font-size:11px}.scroll-driven .project-toolbar{margin-bottom:17px}.scroll-driven .project-card .project-art{height:clamp(210px,28vh,280px)}.scroll-driven .project-company{font-size:22px;margin-bottom:9px}.scroll-driven .project-info{padding-top:15px}.scroll-driven .rail-footer{margin-top:9px}.scroll-driven .rail-controls button{width:32px;height:32px;font-size:18px}.scroll-driven .work-progress{margin-top:10px}
@media(max-height:850px){.scroll-driven .project-info>div>p:last-child{display:none}.scroll-driven .project-info h3{font-size:17px}.scroll-driven .project-card .project-art{height:clamp(210px,29vh,250px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-cursor{display:none!important}.hero-headshot,.about-portrait{transform:none!important}.marquee-copy:nth-child(2){display:none}.marquee-track{animation:none!important;transform:none!important}.marquee-copy:first-child{white-space:normal;flex-wrap:wrap;justify-content:center;padding:20px 28px;gap:15px 22px}.marquee-copy>span{font-size:22px}}