@font-face{font-family:'Gotham Pro';src:url('./assets/fonts/GothamPro-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'Gotham Pro';src:url('./assets/fonts/GothamPro.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Gotham Pro';src:url('./assets/fonts/GothamPro-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Gotham Pro';src:url('./assets/fonts/GothamPro-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root,body,button,input,select,textarea,a,summary,.wordmark,.night-shift{font-family:'Gotham Pro',Arial,sans-serif}
@media(max-width:700px),(pointer:coarse){.about-page .image-entering{animation:mobile-video-reveal 300ms ease-out both}}
@media(prefers-reduced-motion:reduce){.about-page .image-entering{animation:none}}
.about-mosaic{max-width:1280px;margin:0 auto;padding:132px 20px 150px;color:#fff}
.about-mosaic h1{font-size:clamp(28px,6.8vw,48px);line-height:1.1;letter-spacing:-.055em;font-weight:300;margin:0 0 26px}
.about-mosaic h1 strong{font-weight:700}
.bio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.bio-tile{border-radius:12px;overflow:hidden;min-width:0;margin:0;padding:15px;letter-spacing:-.055em;line-height:1.05}
.bio-tile p{margin:0}.bio-tile strong{font-weight:700}
.bio-photo{padding:0;height:clamp(165px,43vw,280px)}
.bio-photo img{display:block;width:100%;height:100%;object-fit:cover}
.bio-portrait{grid-column:span 5}.bio-studio{grid-column:span 7}
.bio-years{grid-column:span 6;background:#260044;color:#c4b6d0;font-size:clamp(21px,5.8vw,35px);font-weight:700;display:flex;flex-direction:column;justify-content:space-between}
.bio-years span{display:block;font-size:clamp(62px,16vw,102px);line-height:1;letter-spacing:-.065em;margin-top:8px}
.bio-independent{grid-column:span 6;background:#ff5100;color:#200035;font-size:clamp(16px,4.3vw,26px);padding-bottom:24px}
.bio-story{grid-column:span 7;grid-row:span 2;background:#c4b6d0;color:#21152d;font-size:clamp(16px,4.2vw,25px)}
.bio-tools{grid-column:span 5;background:#fcffb6;color:#260044;align-self:start}
.bio-tools h2{font-size:clamp(17px,4.4vw,27px);margin:0 0 10px;letter-spacing:-.05em;line-height:1.1}
.bio-tool-icons{display:flex;align-items:center;gap:5px}
.bio-tool-icons img{width:calc((100% - 10px)/3);max-width:48px;height:auto;aspect-ratio:1;object-fit:contain}
.bio-together{grid-column:span 5;background:#260044;color:#c4b6d0;text-decoration:none;font-size:clamp(17px,4.3vw,27px);font-weight:700;line-height:1.12;min-height:115px;transition:background .2s}
.bio-together:hover{background:#390066}
@media(min-width:700px){.about-mosaic{padding:150px 30px 160px;max-width:900px}.bio-grid{gap:18px}.bio-tile{padding:24px;border-radius:18px}.bio-photo{padding:0;height:330px}.about-mosaic h1{font-size:58px;margin-bottom:36px}}
@media(min-width:1100px){.about-mosaic{max-width:1380px;padding-top:170px}.about-mosaic h1{font-size:clamp(58px,5.2vw,80px);max-width:1150px;margin-bottom:44px}.bio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}.bio-portrait{grid-column:span 3;grid-row:span 2}.bio-studio{grid-column:span 4;grid-row:span 2}.bio-photo{height:100%;min-height:440px}.bio-years{grid-column:span 2;font-size:25px}.bio-years span{font-size:76px}.bio-independent{grid-column:span 3;font-size:23px}.bio-story{grid-column:8 / span 5;grid-row:auto;font-size:24px}.bio-tools{grid-column:span 4;align-self:stretch}.bio-tools h2{font-size:27px}.bio-together{grid-column:span 8;min-height:130px;display:flex;align-items:center;font-size:32px}.bio-tool-icons img{max-width:42px}}
@media(max-width:359px){.about-mosaic{padding-left:12px;padding-right:12px}.bio-grid{gap:8px}.bio-tile{padding:12px}.bio-photo{padding:0}.bio-story{font-size:15px}.bio-independent{font-size:15px}.bio-together{font-size:14px;overflow-wrap:anywhere}}
.bio-tool-icons{display:block;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.tool-marquee-track{display:flex;width:max-content;animation:tools-marquee 22s linear infinite}
.tool-marquee-group{display:flex;align-items:center;gap:12px;padding-right:12px;flex-shrink:0}
.bio-tool-icons .tool-marquee-group img{display:block;width:clamp(32px,8vw,48px);height:clamp(32px,8vw,48px);max-width:none;flex-shrink:0;object-fit:contain}
/* Compensate for transparent source margins so each visible mark fills the same height. */
.bio-tool-icons img[src*="Cinema-4D-Logo"]{transform:scale(1.762)}
.bio-tool-icons img[src*="after-effects"]{transform:scale(1.143)}
.bio-tool-icons img[src*="zbrush-logo"]{transform:scale(1.48)}
.bio-tool-icons img[src*="adobe-illustrator"],.bio-tool-icons img[src*="adobe-premiere"]{transform:scale(1.024)}
.bio-tools:hover .tool-marquee-track{animation-play-state:paused}
@keyframes tools-marquee{to{transform:translateX(-33.333333%)}}
@media(prefers-reduced-motion:reduce){.tool-marquee-track{animation:none}.bio-tool-icons{overflow-x:auto;mask-image:none}.tool-marquee-group[aria-hidden=true]{display:none}}