@font-face{font-family:Bricolage;src:url('assets/bricolage-grotesque.woff') format('woff');font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:Nimbus;src:url('assets/nimbus-sans.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nimbus;src:url('assets/nimbus-sans-bold.woff') format('woff');font-weight:600 900;font-style:normal;font-display:swap}
:root{--bg:#080d1a;--text:#edf1fb;--muted:#a3b0ca;--line:#26354b;--blue:#91b1ff;--accent:#729cff;--night:#080d1a;--surface:#111b2d;--line-strong:#526886;--font:Nimbus,'Helvetica Neue',Arial,sans-serif;--display:Bricolage,var(--font);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
::selection{background:var(--blue);color:var(--night)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
svg{width:24px;height:24px;flex:none}
h1,h2,h3,p{margin:0}
.page-width{width:min(1360px,calc(100% - 96px));margin-inline:auto}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:99;top:12px;left:12px;padding:12px;background:var(--blue);color:var(--night);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{--blue:#91b1ff;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:82px;border-bottom:1px solid #ffffff1a;color:#edf1fb}
.signature{position:relative;display:block;width:270px;height:64px;flex:none}
/* Frame the supplied wordmark's empty margins without cutting off “studio”. */
.signature-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.signature-plane{position:absolute;left:-12.8571%;top:50%;width:117.0286%;aspect-ratio:2048/682;transform:translateY(-50%)}
.signature-plane img{display:block;width:100%;height:100%;object-fit:contain}
.signature-sequence,.signature-piece{position:absolute;inset:0;pointer-events:none}
.signature-sequence{visibility:hidden}
.signature-plane.is-animating .signature-still{visibility:hidden}
.signature-plane.is-animating .signature-sequence{visibility:visible}
@media(prefers-reduced-motion:reduce){.signature-plane.is-animating .signature-still{visibility:visible}.signature-plane.is-animating .signature-sequence{visibility:hidden}}

.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.site-header nav a:hover{color:var(--blue)}
.nav-contact{gap:9px}.nav-contact svg{width:16px;height:16px}

/* A night studio, with a warm desk light and films tracing a spatial arc. */
.hero{--blue:#91b1ff;--accent:#729cff;position:relative;isolation:isolate;height:100svh;min-height:740px;max-height:1060px;overflow:hidden;background:var(--night);color:#edf1fb}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 63%,#162541 0,#0c1527 36%,transparent 70%);pointer-events:none}
.hero ::selection,.site-header ::selection{background:#729cff;color:#080d1a}
.hero-heading{position:absolute;top:113px;left:0;width:100%;text-align:center;z-index:2;padding-inline:24px}
.eyebrow{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:18px;color:#a3b0ca}
h1{position:relative;display:inline-block;font-family:var(--display);font-optical-sizing:none;font-variation-settings:"opsz" 96;font-size:clamp(74px,8.9vw,136px);font-weight:650;letter-spacing:-.065em;line-height:.92}
h1 span{color:var(--accent);font-weight:600}

.orbit-stage{position:absolute;inset:242px 0 130px;max-width:1700px;margin-inline:auto;perspective:1300px;isolation:isolate;touch-action:pan-y}
.orbit-floor{position:absolute;left:50%;top:85%;width:36%;height:7%;border-radius:50%;background:#0007;filter:blur(14px);transform:translate(-50%,-50%)}
.orbit-trail{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#7395cd;stroke-width:.6;opacity:.28;pointer-events:none;transform:rotate(-5deg)}
.orbit-trail path+path{stroke-dasharray:2 6;opacity:.8}
.workstation{position:absolute;left:50%;top:52%;width:min(50vw,calc(var(--orbit-h,450px)*1.28),690px);transform:translate(calc(-50% + var(--scene-x,0px)),calc(-50% + var(--scene-y,0px)));z-index:12;pointer-events:none;will-change:transform;transition:transform .6s ease-out}
.workstation img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px #0006)}
.orbit-projects{position:absolute;inset:0;pointer-events:none;user-select:none}
.orbit-card{--x:0;--y:0;--s:1;--r:0;--tilt:0;position:absolute;top:50%;left:50%;display:block;width:clamp(190px,18vw,285px);border:0;padding:0;background:none;text-align:left;border-radius:5px;transform:translate(calc(-50% + var(--x) + var(--orbit-x,0px)),calc(-50% + var(--y) + var(--orbit-y,0px))) rotate(var(--r)) rotateY(var(--tilt)) scale(var(--s));transition:transform 1.25s cubic-bezier(.22,.68,.24,1),filter .4s,opacity .4s;transform-origin:50% 50%;will-change:transform;outline-offset:7px}
.orbit-card[data-slot="0"]{--x:-33vw;--y:calc(var(--orbit-h,450px)*.13);--s:1;--r:-9deg;--tilt:18deg;z-index:24}
.orbit-card[data-slot="1"]{--x:-32vw;--y:calc(var(--orbit-h,450px)*-.23);--s:.76;--r:-12deg;--tilt:22deg;z-index:5}
.orbit-card[data-slot="2"]{--x:-12vw;--y:calc(var(--orbit-h,450px)*-.30);--s:.65;--r:-7deg;--tilt:12deg;z-index:4}
.orbit-card[data-slot="3"]{--x:24vw;--y:calc(var(--orbit-h,450px)*-.29);--s:.73;--r:10deg;--tilt:-20deg;z-index:5}
.orbit-card[data-slot="4"]{--x:34vw;--y:calc(var(--orbit-h,450px)*.03);--s:.9;--r:10deg;--tilt:-20deg;z-index:24}
.orbit-card[data-slot="5"]{--x:18vw;--y:calc(var(--orbit-h,450px)*.30);--s:1.04;--r:-6deg;--tilt:-12deg;z-index:26}
.orbit-float{display:block;animation:drift 7s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
@keyframes drift{from{transform:translateY(-5px) rotate(-.5deg)}to{transform:translateY(5px) rotate(.5deg)}}
.hero.motion-paused .orbit-float{animation-play-state:paused}
.orbit-visual{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#111b2d;border:4px solid #314766;border-radius:5px;box-shadow:0 3px 0 #080e19,0 22px 27px -17px #000b;transition:box-shadow .3s,border-color .3s}
.orbit-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#080911a6);z-index:2;pointer-events:none}
.orbit-visual img{display:block;width:100%;height:100%;object-fit:cover}
.orbit-card.portrait .orbit-visual img{object-position:center 33%}
.orbit-card-label{position:absolute;inset:auto 10px 10px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:8px;color:white}
.orbit-card-title{font-size:11px;line-height:1.15;font-weight:600;max-width:80%}
.orbit-card-number{font:9px monospace;opacity:.8}

.hero-footer{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;z-index:30}
.hero-intro{font-size:13px;line-height:1.45;color:#a3b0ca}
.work-link{display:flex;align-items:center;justify-self:end;gap:18px;font-size:12px;min-height:48px}
.work-link svg{width:44px;height:44px;padding:12px;border:1px solid #526886;border-radius:50%;transition:transform .3s,background .3s}
.work-link:hover svg{transform:translateY(4px);background:#233857}
/* The work keeps its own colour; the surrounding UI stays quiet. */
.projects-section{padding:58px 0 42px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.section-index{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-bottom:15px}
.section-heading h2{font-family:var(--display);font-optical-sizing:auto;font-weight:600;font-size:44px;letter-spacing:-.025em;line-height:1.1;display:flex;align-items:flex-start;gap:14px}
.project-count{font:12px monospace;color:var(--muted);letter-spacing:0;margin-top:4px;flex:none}
.section-description{font-size:13px;line-height:1.5;color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.project-card{border:0;border-top:1px solid var(--line);padding:20px 0;margin:0;background:transparent;text-align:left;min-width:0;width:100%;display:grid;grid-template-columns:clamp(112px,12vw,168px) minmax(0,1fr) 34px;align-items:center;gap:20px}
.project-visual{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:var(--surface)}
.project-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s var(--ease)}
.project-card:hover .project-visual img{transform:scale(1.025)}
.project-play{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--blue);transition:background .2s,color .2s,border-color .2s}
.project-play svg{width:15px;height:15px}
.project-card:hover .project-play,.project-card:focus-visible .project-play{background:var(--blue);color:var(--night);border-color:var(--blue)}
.project-info{display:block;min-width:0}
.project-title{display:block;font-family:var(--display);font-size:21px;font-weight:550;letter-spacing:-.035em;line-height:1.2;transition:color .2s}
.project-card:hover .project-title{color:var(--accent)}
.project-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:9px;color:var(--muted)}
.project-category{font-size:12px;line-height:1.4}
.project-duration{font:11px monospace;white-space:nowrap}
.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:11px;color:var(--muted)}
.gallery-instruction{display:flex;align-items:center;gap:6px}.gallery-instruction svg{width:12px;height:12px}
.noscript-projects{display:grid;gap:15px;padding:24px 0}.noscript-projects a{text-decoration:underline}
.about-section{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);column-gap:80px;row-gap:20px;padding:60px 0;border-top:1px solid var(--line)}
.about-portrait{grid-column:1;grid-row:1 / 3;align-self:center;justify-self:center;width:min(100%,288px);margin:0;text-align:center}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain}
.about-heading{grid-column:2;align-self:end;min-width:0}
.about-heading h2{font-family:var(--display);font-optical-sizing:auto;font-size:45px;letter-spacing:-.04em;line-height:1.13;font-weight:600}
.about-role{font-size:15px;line-height:1.5;color:var(--blue);margin-top:10px}
.about-brand{display:block;font-size:12px;letter-spacing:.01em;color:var(--muted);margin-top:3px}
.about-content{grid-column:2;min-width:0;align-self:start}
.about-intro{font-size:19px;line-height:1.45;letter-spacing:-.25px;max-width:540px}
.about-detail{font-size:14px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:520px}
.contact-section{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:55px 0;border-top:1px solid var(--line);margin-bottom:0}
.contact-kicker{font-size:12px;margin-bottom:17px;color:var(--muted)}
.contact-title h2{font-family:var(--display);font-optical-sizing:auto;font-size:78px;letter-spacing:-.035em;font-weight:600;line-height:1.02}
.contact-title h2 span{color:var(--blue)}
.contact-side{max-width:370px;padding-top:18px}
.contact-side>p{font-size:14px;line-height:1.55;color:var(--muted)}
.contact-action{margin-top:24px}


.whatsapp-link{display:inline-flex;gap:12px;align-items:center;padding:16px 20px;background:var(--accent);color:var(--night);font-size:13px;border-radius:4px;transition:background .2s}
.whatsapp-link:hover{background:#b5cbff}.whatsapp-link>svg{width:19px;height:19px}.whatsapp-link .whatsapp-arrow{margin-left:8px;width:16px;height:16px}
.site-footer{border-top:1px solid var(--line);padding:15px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}
.footer-divider{padding:0 8px}.site-footer a{display:flex;align-items:center;gap:6px;min-height:44px}.site-footer svg{width:12px;height:12px}.site-footer a:hover{color:var(--blue)}
.dialog-open{overflow:hidden}
.project-dialog{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:0;width:min(1040px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}
.project-dialog::backdrop{background:#0c1222d9;backdrop-filter:blur(12px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 26px}
.dialog-category{font-size:12px;color:var(--muted);margin-bottom:7px}
.dialog-top h2{font-weight:400;letter-spacing:-.6px;font-size:26px}
.dialog-close{background:transparent;display:grid;place-items:center;flex:none;border:1px solid var(--line-strong);width:44px;height:44px;border-radius:50%}
.dialog-close svg{width:18px;height:18px}.dialog-close:hover{background:#233857}
.project-dialog video{display:block;width:100%;max-height:calc(100dvh - 220px);background:#000;aspect-ratio:16/9;object-fit:contain}
.dialog-bottom{padding:20px 26px;display:flex;gap:25px;justify-content:space-between;align-items:flex-start}
.dialog-bottom p{font-size:13px;color:var(--muted);line-height:1.5;max-width:700px}
.dialog-bottom a{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;min-height:32px}.dialog-bottom svg{width:13px;height:13px}
.video-error{padding:12px 26px;font-size:13px;color:var(--blue)}

.project-card.portrait .project-visual img{object-position:center 30%}
@media(min-width:1700px){.orbit-card[data-slot="0"]{--x:-561px}.orbit-card[data-slot="1"]{--x:-544px}.orbit-card[data-slot="2"]{--x:-204px}.orbit-card[data-slot="3"]{--x:408px}.orbit-card[data-slot="4"]{--x:578px}.orbit-card[data-slot="5"]{--x:306px}}
@media(max-height:820px) and (min-width:761px){.hero{min-height:700px}.hero-heading{top:102px}.eyebrow{margin-bottom:14px}h1{font-size:clamp(74px,8.2vw,112px)}.orbit-stage{top:205px;bottom:120px}.workstation{width:min(48vw,calc(var(--orbit-h,450px)*1.28),610px)}.hero-footer{bottom:22px}.orbit-card{width:clamp(175px,17vw,245px)}.orbit-card[data-slot="1"]{--y:calc(var(--orbit-h,450px)*-.25)}.orbit-card[data-slot="2"]{--y:calc(var(--orbit-h,450px)*-.29)}.orbit-card[data-slot="3"]{--y:calc(var(--orbit-h,450px)*-.30)}.orbit-card[data-slot="5"]{--y:calc(var(--orbit-h,450px)*.30)}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero-heading{top:120px}.orbit-stage{top:250px}.hero-intro{font-size:12px}.work-link{gap:10px;font-size:11px}.project-grid{column-gap:30px}.project-card{gap:16px;grid-template-columns:112px minmax(0,1fr) 32px}.project-play{width:32px;height:32px}.about-section{column-gap:40px}.about-heading h2{font-size:38px}.contact-title h2{font-size:65px}}
@media(max-width:900px) and (min-width:761px){.orbit-stage{top:270px}.workstation{width:63vw}.orbit-card{width:190px}.orbit-card[data-slot="1"]{--x:-34vw;--y:calc(var(--orbit-h,450px)*-.23)}.orbit-card[data-slot="2"]{--x:-12vw;--y:calc(var(--orbit-h,450px)*-.36)}.orbit-card[data-slot="3"]{--x:29vw;--y:calc(var(--orbit-h,450px)*-.29)}.orbit-card[data-slot="5"]{--x:20vw;--y:calc(var(--orbit-h,450px)*.34)}}
@media(max-width:760px){
 .page-width{width:calc(100% - 40px)}.site-header{min-height:74px}.signature{width:clamp(175px,50vw,195px);height:46px}.site-header nav{font-size:12px;gap:20px}.site-header nav a:nth-child(2){display:none}
 .hero{height:100svh;min-height:810px;max-height:1000px}.hero-heading{top:109px;padding-inline:18px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:17px}h1{font-size:clamp(68px,12vw,91px);line-height:.91;letter-spacing:-.06em}h1 span{display:block}
 .orbit-stage{top:295px;bottom:154px;max-width:600px}.workstation{width:min(85vw,510px);top:65%}.orbit-floor{top:87%;width:65%}.orbit-trail{inset:0 4%;width:92%;height:85%;opacity:.26}
 .orbit-card{width:clamp(140px,24vw,185px);transition:transform .8s cubic-bezier(.22,.68,.24,1),opacity .4s;--tilt:0deg!important}.orbit-card[data-slot="0"]{--x:-32vw;--y:calc(var(--orbit-h,450px)*.02);--s:1;--r:-10deg;z-index:24}.orbit-card[data-slot="1"]{--x:3vw;--y:calc(var(--orbit-h,450px)*-.53);--s:.82;--r:6deg;z-index:5}.orbit-card[data-slot="5"]{--x:32vw;--y:calc(var(--orbit-h,450px)*-.08);--s:.9;--r:10deg;z-index:24}.orbit-card[data-slot="2"],.orbit-card[data-slot="3"],.orbit-card[data-slot="4"]{visibility:hidden;opacity:0;pointer-events:none;--s:.5}
 .orbit-card-title{font-size:10px}.orbit-card-number{font-size:8px}.orbit-card-label{inset:auto 7px 8px}.orbit-visual{border-width:3px}
 .hero-footer{bottom:19px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.hero-intro{display:none}.work-link{justify-content:center;gap:9px;width:100%;min-height:25px;font-size:11px}.work-link svg{padding:0;border:0;width:14px;height:14px}
 .projects-section{padding:43px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:38px}.section-description{font-size:12px}.section-index{font-size:10px}.project-grid{grid-template-columns:1fr}.project-card{grid-template-columns:minmax(104px,24%) minmax(0,1fr) 32px;padding:18px 0}.project-title{font-size:22px}.project-category{font-size:12px}.gallery-bottom{font-size:10px;line-height:1.5}.gallery-instruction{max-width:210px}.about-section{padding:42px 0;column-gap:24px;row-gap:26px;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr)}.about-portrait{grid-row:1;width:min(100%,160px)}.about-heading{align-self:center}.about-heading h2{font-size:36px}.about-role{font-size:14px}.about-intro{font-size:19px}.about-content{grid-column:1 / -1;max-width:600px}.contact-title h2{font-size:56px}.contact-section{padding:40px 0;gap:30px}.contact-side>p{font-size:13px}
}
@media(max-width:480px){
 .hero{min-height:760px;max-height:900px}.site-header nav{gap:15px}.nav-contact svg{width:14px;height:14px}.hero-heading{top:100px}h1{font-size:68px}.orbit-stage{top:310px;bottom:160px}.workstation{width:99vw;max-width:400px;top:60%}.orbit-card{width:138px}.orbit-card[data-slot="0"]{--x:-32vw;--y:calc(var(--orbit-h,450px)*.02);--s:.93}.orbit-card[data-slot="1"]{--x:0vw;--y:calc(var(--orbit-h,450px)*-.53);--s:.88;--r:5deg}.orbit-card[data-slot="5"]{--x:32vw;--y:calc(var(--orbit-h,450px)*-.08);--s:.88}.hero-footer{bottom:19px;gap:15px}.orbit-card-label{inset:auto 6px 7px}.orbit-card-title{font-size:9px}.orbit-card-number{display:none}
 .section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:36px;gap:8px;letter-spacing:-.04em}.section-description{display:none}.project-count{font-size:10px}.project-card{grid-template-columns:104px minmax(0,1fr) 30px;gap:14px;padding:16px 0}.project-play{width:30px;height:30px}.project-title{font-size:19px}.project-meta{gap:5px 10px;margin-top:7px}.project-category{font-size:11px}.project-duration{font-size:10px}.gallery-bottom{align-items:flex-start;gap:20px;margin-top:28px}.gallery-bottom>span:first-child{max-width:165px}.gallery-instruction{max-width:160px}.about-section{grid-template-columns:120px minmax(0,1fr);column-gap:20px}.about-heading h2{font-size:28px;line-height:1.12}.about-heading .section-index{font-size:9px;letter-spacing:.06em;margin-bottom:12px}.about-role{font-size:13px;margin-top:8px}.about-intro{font-size:18px}.contact-section{flex-direction:column;align-items:flex-start;gap:24px}.contact-title h2{font-size:62px}.contact-side{padding:0}.contact-action{margin-top:20px}.site-footer{flex-wrap:wrap;gap:8px;font-size:10px;padding:18px 0}.site-footer>span:first-child{flex-basis:calc(100% - 50px)}.site-footer>a{margin-left:auto}
 .project-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:7px}.dialog-top{padding:18px;gap:15px}.dialog-top h2{font-size:22px}.dialog-category{font-size:11px}.dialog-bottom{padding:18px;flex-direction:column;gap:10px}.dialog-bottom p{font-size:12px}.project-dialog video{max-height:calc(100dvh - 260px)}
}
@media(max-width:360px){.page-width{width:calc(100% - 30px)}.signature{width:165px;height:44px}.site-header nav{gap:12px;font-size:11px}h1{font-size:66px}.hero-heading{top:103px}.hero{min-height:740px}.orbit-stage{top:300px}.orbit-card{width:128px}.project-card{grid-template-columns:88px minmax(0,1fr) 28px;gap:12px}.project-title{font-size:18px}.project-play{width:28px;height:28px}.about-section{grid-template-columns:105px minmax(0,1fr);column-gap:16px}.about-heading h2{font-size:26px}.about-role{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.workstation{will-change:auto}.project-card:hover .project-visual img{transform:none}.orbit-card{will-change:auto}}


/* Position is now driven by one continuous timeline, with no CSS catch-up. */
.orbit-card.is-continuous{transition:none!important}
.orbit-card.is-continuous .orbit-float{animation:none!important}
.orbit-layout-probe{visibility:hidden!important;pointer-events:none!important;opacity:0!important}