/* Measurements from the Framer preview, September 2026. */
:root{--muted:#878579}body{background:#060606;font-optical-sizing:auto}body.emotional{background:#0b0910}h1,h2,h3,p{margin-top:0}.top{padding:16px 48px;align-items:center}.brand{font-size:17px;line-height:1;letter-spacing:-.02em}.top>div{gap:24px;padding-bottom:2px}.top>div a{font-size:11px;line-height:1.2;letter-spacing:.14em;font-weight:400}.hero{height:100svh;min-height:600px;padding:0 48px 38px;display:flex;flex-direction:column;justify-content:flex-end}.hero-content{position:relative;bottom:auto;left:auto;right:auto;display:flex;flex-direction:column;gap:16px;width:100%}.hero h1{margin:0;font-size:calc((100vw - 96px)*140/1098.6);line-height:.82;letter-spacing:-.04em;font-weight:800;white-space:nowrap}.emotional .hero h1{font-family:'Instrument Sans',sans-serif;font-size:calc((100vw - 96px)*140/869.5);line-height:.86;letter-spacing:-.025em;font-weight:400;font-style:italic;color:#efede8}.shade{background:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.1) 38%,rgba(0,0,0,.56))}.hero-bottom{gap:24px}.hero-bottom p{font-family:Inter,sans-serif;font-size:16px;line-height:1.2;max-width:300px;color:#f4f2ec}.toggle{padding:5px;background:transparent;border-color:#f4f2ec26;height:47px}.toggle button{padding:12px 0;width:111px;font-size:11px;line-height:13.2px;letter-spacing:.16em;color:#f4f2ec9e}.toggle button:last-child{width:102px}.pill{width:111px}.emotional .pill{transform:translateX(111px);width:102px}.scroll-cue{bottom:12px;left:0;width:100%;text-align:center;font-size:11px;line-height:1.2;letter-spacing:.16em;font-weight:500;color:#f4f2ec8c}.eyebrow,.stats span,.clients span,.portrait>span,.studio-button{font-size:11px;line-height:1.2;letter-spacing:.16em;font-weight:500}.works{margin:0;padding:80px 48px 64px}.works h2{font-size:58px;line-height:1;letter-spacing:-.02em;font-weight:800;margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid #f4f2ec26}.emotional .works h2{font-size:60px;line-height:.98;letter-spacing:-.02em;font-weight:400;color:#d9c4ff}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{aspect-ratio:16/9;border-radius:0}.card:after{background:linear-gradient(150deg,#ffffff0f,#0009)}.year{top:12px;left:14px;font-size:11px;line-height:1.2;letter-spacing:.12em;color:#f4f2ecb8}.play{width:32px;height:32px;border:1px solid #f4f2ec70;border-radius:50%;display:grid;place-items:center;top:12px;right:14px;font-size:10px}.label{left:0;right:0;bottom:0;padding:60px 16px 16px;background:linear-gradient(transparent,#000e6);align-items:end;gap:12px}.label strong{font-size:16px;font-weight:600;line-height:1.2;letter-spacing:normal;overflow-wrap:normal}.label>span{font-size:10px;line-height:1.2;letter-spacing:.12em;color:#e2ff2e}.emotional .label>span{color:#d9c4ff}.bio{margin:0;padding:80px 40px 64px;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:40px;border:0;align-items:center}.portrait{height:820px;min-height:620px;max-height:820px;border-radius:0;background:radial-gradient(100% 100% at 35% 20%,#44444c,#19191d 55%,#08080a)}.portrait>span{bottom:16px;left:16px;right:16px;color:#f4f2ec}.bio>div:last-child{display:flex;flex-direction:column;gap:28px}.bio>div:last-child>p,.bio h2{margin:0}.bio .eyebrow:first-child{color:#e2ff2e}.bio h2{font-size:42px;line-height:1.25;letter-spacing:-.02em;font-weight:400}.bio h2 em{color:#e2ff2e}.bio p:not(.eyebrow){font-size:15px;line-height:1.7;color:#f4f2ec}.bio p:not(.eyebrow):nth-of-type(3){color:#878579}.stats{margin:0;border:0;padding-top:28px;gap:40px;justify-content:flex-start}.stats>div{flex:1;background:#060606}.stats strong{font-size:58px;line-height:1;letter-spacing:-.02em;font-weight:800;margin-bottom:4px}.stats span{color:#878579}.clients-heading{margin-bottom:-18px!important;color:#f4f2ec7a}.clients{gap:8px}.clients span{padding:10px 16px;background:#060606;border-color:#f4f2ec26}.awards{margin:0;padding:80px 40px 64px;border:0}.awards header{margin-bottom:48px;align-items:baseline}.awards h2{font-size:58px;line-height:1;letter-spacing:-.02em;font-weight:800;margin:0}.awards header p{font-size:11px;line-height:1.2;letter-spacing:.16em;font-weight:500;margin:0;color:#878579}.awards-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-color:#f4f2ec26}.awards-grid article{height:190px;padding:28px 22px;background:#050505;border-color:#f4f2ec26;display:flex;flex-direction:column;gap:10px}.awards-grid article:before{content:'✺';display:block;font-size:26px;line-height:26px;color:#e2ff2e;width:26px}.awards-grid article>span{font-size:11px;line-height:1.2;letter-spacing:.12em;color:#f4f2ec7a}.awards-grid h3{font-size:18px;line-height:1.2;font-weight:600;letter-spacing:normal;margin:0}.awards-grid article p{font-size:12px;line-height:1.2;letter-spacing:normal;color:#f4f2ec6b;margin:auto 0 0}.studio{margin:0;padding:80px 40px;gap:40px;border:0;border-radius:0;background:linear-gradient(135deg,#23212a,#121214 55%,#060606)}.studio .eyebrow{color:#fa6aa8;margin:0 0 12px}.studio img{width:280px;height:240px;object-fit:contain}.studio>div:last-child{display:flex;flex-direction:column;gap:24px;align-items:start}.studio h2{font-size:48px;line-height:1;letter-spacing:-.04em;font-weight:800;margin:0}.studio p:not(.eyebrow){font-size:15px;line-height:1.7;color:#f4f2ec;margin:0}.studio-button{padding:16px 24px;background:#fa6aa8;margin:0;color:#060606}footer{margin:0;padding:104px 40px 36px;background:#060606}footer h2{font-size:140px;line-height:.84;letter-spacing:-.04em;font-weight:800;margin:0 0 64px}footer h2 span{color:#e2ff2e}.footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border:0;padding:0}.footer-cols>div{display:flex;flex-direction:column;gap:8px}.footer-cols p{margin:0}.footer-cols a{font-size:16px;line-height:1.2;font-weight:600}.footer-cols p:not(.eyebrow){font-size:15px;line-height:1.7;color:#878579}.footer-cols>div:last-child p:last-child{color:#f4f2ec}
@media(min-width:810px) and (max-width:1199px){.bio h2{font-size:42px}.awards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:809px){body.emotional{background:#060606}.top{padding:14px 16px}.brand{font-size:14px}.top>div{gap:16px}.top>div a{font-size:10px}.desktop{display:none}.hero{height:720px;min-height:720px;padding:0 16px 30px}.hero-content{gap:16px}.hero h1{font-size:calc((100vw - 32px)*140/1098.6);line-height:.82;white-space:nowrap;max-width:none;margin:0}.emotional .hero h1{font-size:calc((100vw - 32px)*140/869.5);line-height:.86}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.hero-bottom p{margin:0;max-width:300px;font-size:16px;line-height:1.2}.toggle button{width:111px}.toggle button:last-child{width:102px}.pill{width:111px}.emotional .pill{transform:translateX(111px);width:102px}.scroll-cue{display:none}.works{padding:56px 16px 64px}.works h2{font-size:32px;line-height:1;letter-spacing:-.02em;margin-bottom:24px;padding-bottom:18px;white-space:normal}.emotional .works h2{font-size:34px}.grid{grid-template-columns:1fr;gap:16px}.label strong{font-size:16px}.label>span{font-size:10px}.bio{padding:64px 16px;grid-template-columns:1fr;gap:36px}.portrait{height:426px;min-height:0;width:min(320px,100%);justify-self:center}.portrait>span{left:18px;bottom:18px}.bio>div:last-child{gap:24px}.bio h2{font-size:30px;line-height:1.06;letter-spacing:-.02em}.stats{flex-direction:column;gap:18px;padding-top:28px}.stats strong{font-size:32px}.clients-heading{margin-bottom:-14px!important}.awards{padding:64px 16px}.awards header{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}.awards h2{font-size:32px}.awards header p{font-size:11px;margin:0}.awards-grid{grid-template-columns:1fr}.awards-grid article{padding:28px 22px}.studio{padding:64px 16px;grid-template-columns:1fr;gap:32px}.studio img{width:280px;height:240px}.studio h2{font-size:36px;line-height:1;letter-spacing:-.04em}.studio>div:last-child{gap:24px}footer{padding:64px 16px 28px}footer h2{font-size:48px;line-height:.9;letter-spacing:-.04em;margin-bottom:44px}.footer-cols{display:flex;flex-direction:column;gap:28px}.footer-cols .eyebrow{font-size:11px}}

.hero h1{font-feature-settings:'blwf' on,'cv03' on,'cv04' on,'cv09' on,'cv11' on}.awards-grid article:before{content:'';background:url('/assets/medal.svg') center/contain no-repeat;flex-shrink:0;height:26px}.project{max-width:1200px;padding:88px 48px 120px}.project>.back{font-size:11px;letter-spacing:.14em;line-height:1.2;padding:10px 14px;border:1px solid #f4f2ec26;border-radius:100px;margin:0 0 40px}.project>.eyebrow{margin:0 0 40px;color:#e2ff2e}.project h1{font-size:58px;line-height:1;letter-spacing:-.02em;margin:0 0 40px;font-weight:800}.full-credits{margin:40px 0 0;padding-top:32px}.full-credits h2{margin:0 0 14px}.full-credits>p{font-size:15px;line-height:1.7;color:#f4f2ec;margin:0 0 14px}.more{margin-top:40px;padding-top:32px}.more>p{margin:0 0 20px}.more>div{gap:24px}.more a{position:relative;isolation:isolate;min-width:0;flex:1;max-width:none;min-height:240px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:end;padding:72px 18px 18px;gap:8px}.more a:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#000e)}.more a span{font-size:11px;line-height:1.2;letter-spacing:.16em;color:#f4f2ec}.more a strong{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.2;margin:0}.backstage-title{margin:40px 0 24px}
@media(max-width:809px){.project{padding:80px 16px 64px}.project h1{font-size:32px}.more>div{flex-direction:column}.more a{min-height:200px}}

.hero .name-fit{display:block;width:100%;height:auto;overflow:visible;flex-shrink:0}.hero .name-fit h1,.emotional .hero .name-fit h1{font-size:140px!important;white-space:nowrap;margin:0;padding:0}.hero .name-fit h1{line-height:.82;letter-spacing:-.04em}.emotional .hero .name-fit h1{line-height:.86;letter-spacing:-.025em}
.emotional .shade:after{content:"";position:absolute;inset:0;opacity:.38;background:radial-gradient(50% 50% at 58% 42%,#352e44,#18151f 42%,#08070c)}
.play{display:none}@media(max-width:809px){.works h2{min-height:76px}}

/* Readability revision: natural letter width and larger navigation. */
.hero .name-fit h1,.emotional .hero .name-fit h1{letter-spacing:0;font-optical-sizing:none;font-stretch:normal;font-kerning:normal}footer h2{letter-spacing:0;font-optical-sizing:none;font-stretch:normal;line-height:.94}.brand{font-size:20px;letter-spacing:0;line-height:1.1}.top>div a{font-size:14px;letter-spacing:.10em;line-height:1.4}.top{padding-top:22px;padding-bottom:22px}.top>div{gap:26px}
@media(max-width:809px){.brand{font-size:16px}.top{padding:16px}.top>div{gap:14px}.top>div a{font-size:12px;letter-spacing:.06em}footer h2{font-size:56px;letter-spacing:0}}
@media(max-width:380px){.top{gap:10px}.brand{font-size:14px}.top>div{gap:10px}.top>div a{font-size:11px}}
.footer-cols a{font-size:20px;line-height:1.4}.footer-cols .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.1em}.footer-cols p:not(.eyebrow){font-size:17px;line-height:1.6}.footer-cols>div{gap:12px}@media(max-width:809px){.footer-cols a{font-size:18px}.footer-cols .eyebrow{font-size:12px}.footer-cols p:not(.eyebrow){font-size:16px}}
.hero .name-fit h1{letter-spacing:-.04em}.emotional .hero .name-fit h1{letter-spacing:-.025em}footer h2{letter-spacing:-.04em}

/* Match Framer's optical sizing and kerning as well as tracking. */
.hero .name-fit h1,.emotional .hero .name-fit h1,footer h2{font-optical-sizing:auto;font-kerning:auto;font-variation-settings:normal;font-stretch:100%;-webkit-font-smoothing:antialiased}.hero .name-fit h1{letter-spacing:-.04em}.emotional .hero .name-fit h1{letter-spacing:-.025em}footer h2{letter-spacing:-.04em;line-height:.84}@media(max-width:809px){footer h2{line-height:.9}}

/* Verified against rendered Framer text ranges, not family names alone. */
body{font-feature-settings:'blwf' on,'cv03' on,'cv04' on,'cv09' on,'cv11' on;font-optical-sizing:auto;font-kerning:auto;-webkit-font-smoothing:antialiased}button{font-feature-settings:inherit}.brand{letter-spacing:-.02em}.top>div a{letter-spacing:.14em}.footer-cols .eyebrow{letter-spacing:.16em}.credits-flash{font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.2;letter-spacing:.16em;font-weight:500}.project h1,.works h2,.bio h2,.awards h2,.stats strong{letter-spacing:-.02em}.studio h2,footer h2{letter-spacing:-.04em}.label strong,.awards-grid h3,.bio p:not(.eyebrow),.studio p:not(.eyebrow),.footer-cols a,.footer-cols p:not(.eyebrow){letter-spacing:normal}.year,.label>span,.awards-grid article>span{letter-spacing:.12em}.awards-grid article p{letter-spacing:normal}
@media(min-width:810px) and (max-width:1199px){.hero{padding-left:28px;padding-right:28px}.works{padding-left:28px;padding-right:28px}.works h2,.emotional .works h2,.awards h2,.stats strong,.project h1{font-size:44px;line-height:1}.bio h2{font-size:34px;line-height:1.04}.studio h2{font-size:38px;line-height:1}footer h2{font-size:72px;line-height:.9}}