@font-face{font-family:Big Shoulders;src:url('/assets/fonts/big-shoulders.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Commissioner;src:url('/assets/fonts/commissioner.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--viewport:#2e2f34;--panel:#25262a;--paper:#ece8e1;--ink:#1b1c1f;--clay:#b9b2a7;--select:#ffa028;--muted:#b1b3ba;--line:#4a4c54;--display:'Big Shoulders',sans-serif;--body:Commissioner,sans-serif}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--viewport);color:var(--paper);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block}svg:not(.brand-mark){fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid var(--select);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}button{border:0}.shell{width:min(1440px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--select);color:var(--ink);padding:15px;z-index:10}.skip:focus{top:15px}.header{height:118px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--display);font-size:35px;font-weight:750;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-mark{width:28px;height:28px;color:var(--select)}.brand-dot{font-family:var(--body);font-size:11px;align-self:flex-start;margin-top:7px;margin-left:-5px}.header nav{display:flex;gap:37px;align-items:center;font-size:14px;font-weight:500}.header nav>a{padding-block:10px}.header nav>a:hover{color:var(--select)}.nav-contact{display:flex;gap:14px;align-items:center}.nav-contact svg{width:16px;height:16px}
.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:15px;padding-top:26px;padding-bottom:108px}.hero-copy{padding-block:22px;position:relative;z-index:1}.role{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:550;margin-bottom:24px}.role-mark{width:8px;height:8px;border:2px solid var(--select);transform:rotate(45deg)}h1{font-family:var(--display);font-size:clamp(72px,7.7vw,122px);font-weight:750;line-height:.98;letter-spacing:-2.6px;margin-left:-3px}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:20px 23px;font-size:13px;font-weight:550;border-radius:5px}.button svg{height:19px;width:19px}.button-blue{background:var(--select);color:var(--ink);margin-top:30px;min-width:200px}.button-blue:hover{background:#ffb95a}.hero-footnote{display:flex;gap:12px;align-items:center;margin-top:38px;color:var(--muted);font-size:11px;line-height:1.6}.hero-footnote svg{width:29px;height:29px;stroke-width:1}.hero-art{align-self:stretch;min-height:570px;position:relative;border-radius:90px 8px 8px 8px;overflow:hidden;background:#25262a}.hero-art>img{height:100%;width:100%;object-fit:cover}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;color:white;font-size:10px;display:flex;align-items:center;justify-content:space-between;background:#1b1c1fb3}.hero-art figcaption>span:last-child{display:flex;align-items:center;gap:16px}.plus{font-size:24px}
.work{padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-intro{font-size:12px;color:var(--muted);margin-bottom:12px}h2{font-family:var(--display);font-size:64px;line-height:1;font-weight:700;letter-spacing:-1px}.count{font-family:var(--body);font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;vertical-align:top;display:inline-block;margin:9px 0 0 18px}.section-description{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:4px}.filter-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0 25px;gap:20px}.filters{display:flex;gap:9px}.filter{display:flex;gap:11px;align-items:center;border:1px solid transparent;background:transparent;padding:11px 16px;font-size:12px;border-radius:30px;color:var(--muted)}.filter>span{font-size:10px;opacity:.65}.filter:hover{border-color:var(--line)}.filter.is-active{background:var(--select);color:var(--ink)}.filter-note{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:42px}.project[hidden]{display:none}.project-wide{grid-column:span 8}.project-narrow{grid-column:span 4}.project-half{grid-column:span 6}.project-image{display:block;position:relative;overflow:hidden;background:#25262a;border-radius:6px;isolation:isolate}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-wide .project-image,.project-narrow .project-image{height:405px}.project-half .project-image{aspect-ratio:1.4}.project-tall .project-image{aspect-ratio:1.08}.project-tall img{object-fit:cover;object-position:50% 43%}.project-image:hover img{transform:scale(1.035)}.image-action{position:absolute;right:18px;top:18px;width:35px;height:35px;border-radius:50%;background:#ece8e1eb;display:grid;place-items:center;color:var(--ink)}.image-action svg{width:19px;height:19px}.image-caption{position:absolute;bottom:22px;left:24px;font-size:10px;color:#fff;padding:7px 10px;background:#1b1c1fb3;border-radius:3px}.project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:15px}.project-caption h3{font-size:16px;font-weight:550;letter-spacing:-.25px}.project-caption h3 a:hover{color:var(--select)}.project-caption>span{font-size:10px;color:var(--muted);text-align:right}.is-filtered .project{grid-column:span 6}.is-filtered .project-image{height:auto;aspect-ratio:1.35}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.about{padding:68px 0 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-heading{display:flex;align-items:flex-start;gap:30px}.about-symbol{font-size:62px;color:var(--select);line-height:.95}.about-heading h2{font-size:70px}.about-copy{max-width:500px}.about-lead{font-size:26px;font-weight:450;letter-spacing:-.6px;line-height:1.35;margin-bottom:25px}.about-copy>p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:16px}.practice{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.practice span{border:1px solid var(--line);padding:8px 12px;border-radius:3px;font-size:10px}.contact{background:var(--clay);color:var(--ink)}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:72px 78px}.contact-intro{font-size:12px;margin-bottom:21px;color:#3f4043}.contact h2{font-size:102px;line-height:.98;font-weight:650;letter-spacing:-1.8px}.contact-actions{width:360px}.contact-actions>p:first-child{font-size:15px;line-height:1.8;color:#3f4043;margin-bottom:24px}.button-light{background:var(--ink);color:var(--paper);width:100%;gap:14px;justify-content:flex-start}.button-light:hover{background:var(--panel)}.button-light .discord-handle{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.roblox-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:22px 3px 14px;border-bottom:1px solid #827e77}.roblox-link svg{width:16px;height:16px}.contact-status{min-height:35px;font-size:12px;line-height:1.6;padding-top:10px;color:#3f4043}.footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding-block:30px 26px;font-size:10px;color:var(--muted)}.footer-brand{color:var(--paper)}.footer>span:nth-child(2){margin-left:15px}.footer>a:nth-of-type(2){display:flex;gap:15px;align-items:center}.footer svg{width:15px;height:15px}.copyright{grid-column:1/-1;font-size:9px;margin-top:6px}
.dialog-open{overflow:hidden}.project-dialog{width:min(1120px,calc(100vw - 60px));max-height:calc(100dvh - 60px);border:0;padding:0;border-radius:10px;background:var(--panel);color:var(--paper);overflow:auto;overscroll-behavior:contain}.project-dialog::backdrop{background:#101114d9;backdrop-filter:blur(8px)}.dialog-layout{display:grid;grid-template-columns:1.35fr 1fr;min-height:580px}.dialog-visual{background:#1b1c1f;position:relative;min-height:580px}.dialog-visual>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;z-index:1}.dialog-close svg{width:20px;height:20px}.dialog-content{padding:45px 35px 26px;display:flex;flex-direction:column}.dialog-heading>p{font-size:11px;color:var(--muted);margin-bottom:13px}.dialog-heading h2{font-size:55px;margin-bottom:26px}.dialog-content>p{font-size:13px;line-height:1.85;color:var(--muted)}.dialog-content dl{margin:28px 0 22px}.dialog-content dl>div{padding:13px 0;border-top:1px solid var(--line)}.dialog-content dt{font-size:10px;color:var(--muted);margin-bottom:6px}.dialog-content dd{margin:0;font-size:11px;line-height:1.6}.dialog-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;font-size:10px;color:var(--muted)}.dialog-footer>div{display:flex;gap:8px}.dialog-footer button{width:36px;height:36px;background:#2e2f34;border-radius:50%;display:grid;place-items:center}.dialog-footer button:hover{background:#4a4c54}.dialog-footer svg{width:18px;height:18px}
@media(min-width:1700px){.hero{gap:50px}.hero-art{min-height:670px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1.05fr;gap:20px;padding-bottom:80px}.hero-art{min-height:510px;border-top-left-radius:70px}h1{font-size:84px}.hero-description{font-size:13px}.desktop-break{display:none}.project-wide .project-image,.project-narrow .project-image{height:310px}.project-grid{gap:32px 22px}.project-caption{align-items:flex-start;flex-direction:column;gap:7px}.about-heading{gap:17px}.about-heading h2{font-size:60px}.contact h2{font-size:86px}.dialog-content{padding:35px 25px 20px}.dialog-heading h2{font-size:46px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:29px;gap:7px}.brand-mark{width:23px;height:23px}.header nav{gap:22px;font-size:12px}.header nav>a:nth-child(2){display:none}.nav-contact{gap:7px}.nav-contact svg{width:13px;height:13px}.hero{grid-template-columns:1fr;gap:32px;padding-top:19px;padding-bottom:66px}.hero-copy{padding-block:0}.role{font-size:11px;margin-bottom:21px}h1{font-size:clamp(62px,16.5vw,96px);letter-spacing:-1.8px}.hero-description{font-size:13px;line-height:1.8;max-width:340px;margin-top:23px}.hero-description br{display:none}.hero .button{margin-top:24px}.hero-footnote{display:none}.hero-art{min-height:0;aspect-ratio:1.08;align-self:auto;border-radius:60px 6px 6px 6px}.hero-art figcaption{padding:11px 16px;font-size:9px}.plus{font-size:20px}.hero-art figcaption>span:last-child{gap:8px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:25px}h2{font-size:53px}.section-intro{font-size:11px;margin-bottom:10px}.count{font-size:11px;margin-top:8px;margin-left:13px}.section-description{font-size:12px;line-height:1.7}.section-description br{display:none}.filter-bar{padding-block:17px 21px}.filter-note{display:none}.filter{padding:10px 12px;font-size:11px;gap:8px}.filters{gap:4px}.project-grid{grid-template-columns:1fr 1fr;column-gap:16px;row-gap:29px}.project-wide,.project-narrow,.project-half,.is-filtered .project{grid-column:span 1}.project-wide,.project-half:nth-child(3),.project-half:nth-child(4){grid-column:span 2}.project-wide .project-image{height:auto;aspect-ratio:1.55}.project-narrow{grid-column:span 2}.project-narrow .project-image{height:auto;aspect-ratio:1.3}.project-narrow img{object-position:center 57%}.project-tall .project-image{aspect-ratio:.72}.project-caption{gap:6px;margin-top:12px}.project-caption h3{font-size:15px}.project-caption>span{font-size:10px;text-align:left}.project-tall .image-caption{display:none}.image-action{width:29px;height:29px;top:12px;right:12px}.image-action svg{width:16px;height:16px}.image-caption{left:16px;bottom:16px;font-size:9px}.is-filtered .project{grid-column:span 2}.is-filtered .project-image{aspect-ratio:1.35}.work{padding-bottom:65px}.about{grid-template-columns:1fr;gap:35px;padding:45px 0 58px}.about-heading h2{font-size:60px}.about-symbol{font-size:52px}.about-heading{gap:24px}.about-lead{font-size:24px;margin-bottom:21px}.about-copy{max-width:100%}.about-copy>p{font-size:13px}.contact-inner{flex-direction:column;align-items:start;padding-block:48px 40px;gap:37px}.contact h2{font-size:82px}.contact-intro{font-size:11px;margin-bottom:18px}.contact-actions{width:100%}.contact-actions>p:first-child{font-size:13px;margin-bottom:20px}.footer{grid-template-columns:1fr auto;gap:18px;padding-block:25px}.footer>span:nth-child(2){grid-column:1/-1;grid-row:2;margin-left:0}.footer-brand{font-size:28px}.footer>a:nth-of-type(2){font-size:10px}.copyright{margin:0}.project-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:8px}.dialog-layout{grid-template-columns:1fr;min-height:0}.dialog-visual{min-height:0;height:36dvh}.dialog-visual>img{position:absolute}.dialog-content{padding:25px 23px 20px}.dialog-heading h2{font-size:44px;margin-bottom:20px}.dialog-content>p{font-size:12px}.dialog-content dl{margin:22px 0 10px}.dialog-content dl>div{padding-block:10px}.dialog-footer{padding-top:16px}.dialog-close{top:10px;right:10px}}
@media(max-width:360px){.shell{width:calc(100% - 30px)}.header nav{gap:16px}.brand{font-size:26px}h1{font-size:60px}.filter{padding-inline:10px}.hero-art figcaption{font-size:8px}.contact h2{font-size:73px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Identity carried over from the original AviaBeast portfolio. */
.filters{flex-wrap:wrap}.filter-bar{justify-content:flex-start}
@media(max-width:760px){.project-grid .project{grid-column:1/-1}.project-grid .project-image{height:auto;aspect-ratio:1.4}.project-grid .project-tall .project-image{aspect-ratio:1.05}}
.brand>img{width:166px;height:auto}.footer-brand>img{width:118px;height:auto}
.artist-signoff{width:250px;max-width:80%;margin-top:30px;color:var(--paper)}
.artist-signoff .signature-ink{width:100%;height:auto;fill:currentColor;stroke:currentColor;stroke-width:9;stroke-linejoin:round}
.artist-signoff.is-armed path{stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0}
.artist-signoff.is-written path{animation:signature-draw .65s ease forwards,signature-fill .2s ease .55s forwards}
@keyframes signature-draw{to{stroke-dashoffset:0}}
@keyframes signature-fill{to{fill-opacity:1}}
@media(prefers-reduced-motion:reduce){.artist-signoff.is-armed path{stroke-dashoffset:0;fill-opacity:1}}
.contact :is(a,button):focus-visible{outline-color:var(--ink)}
@media(max-width:760px){.brand>img{width:132px}.artist-signoff{width:210px;margin-top:25px}.footer-brand>img{width:110px}}
.artist-signoff.is-written path:nth-child(1){animation-delay:0.00s,0.55s}
.artist-signoff.is-written path:nth-child(2){animation-delay:0.09s,0.64s}
.artist-signoff.is-written path:nth-child(3){animation-delay:0.18s,0.73s}
.artist-signoff.is-written path:nth-child(4){animation-delay:0.27s,0.82s}
.artist-signoff.is-written path:nth-child(5){animation-delay:0.36s,0.91s}
.artist-signoff.is-written path:nth-child(6){animation-delay:0.45s,1.00s}
.artist-signoff.is-written path:nth-child(7){animation-delay:0.54s,1.09s}
.artist-signoff.is-written path:nth-child(8){animation-delay:0.63s,1.18s}
.artist-signoff.is-written path:nth-child(9){animation-delay:0.72s,1.27s}
.artist-signoff.is-written path:nth-child(10){animation-delay:0.81s,1.36s}
