/* Readable dimensions at normal browser zoom. No page zoom or scaling transforms. */
body header,body.portfolio-page header,body.mobile-layout header{height:calc(58px * var(--ui-scale,1));padding:calc(8px * var(--ui-scale,1)) max(5vw,calc(20px * var(--ui-scale,1)))}
body header .brand img,body.portfolio-page header .brand img,body.mobile-layout header .brand img{width:calc(110px * var(--ui-scale,1));height:calc(38px * var(--ui-scale,1));max-width:none;max-height:none}
body header nav,body.portfolio-page header nav,body.mobile-layout header nav{font-size:calc(16px * var(--ui-scale,1));gap:calc(30px * var(--ui-scale,1));line-height:1.4}
.portfolio-page{font-size:calc(16px * var(--ui-scale,1))}
.about-page{--cover-height:min(31.5vw,50dvh)}
.contact-page{--cover-height:min(29vw,50dvh);--contact-art-top:calc(58px * var(--ui-scale,1))}
.work-page{--cover-height:min(36vw,52dvh)}
.about-page .page-wrap,.about-page .page-footer,.contact-page .page-wrap,.contact-page .page-footer{width:min(calc(1180px * var(--ui-scale,1)),90%)}
.work-page .page-wrap,.work-page .page-footer{width:min(calc(1440px * var(--ui-scale,1)),84%)}
.about-page:after,.contact-page:after{top:calc(var(--cover-height) - calc(170px * var(--ui-scale,1)))}
.portfolio-page .page-kicker,.about-page .page-kicker,.contact-page .page-kicker,.work-page .page-kicker{font-size:calc(12px * var(--ui-scale,1));gap:calc(12px * var(--ui-scale,1));margin-bottom:calc(12px * var(--ui-scale,1))}
.about-name h1,.about-title-block h1,.contact-editorial h1,.work-page .page-hero h1{font-size:clamp(calc(30px * var(--ui-scale,1)),2.4vw,calc(40px * var(--ui-scale,1)));line-height:1.2;margin-bottom:calc(12px * var(--ui-scale,1))}
.about-name p,.about-title-block>p{font-size:calc(15px * var(--ui-scale,1));line-height:1.6}
.about-instagram,.about-name>.about-instagram{font-size:calc(14px * var(--ui-scale,1));gap:calc(8px * var(--ui-scale,1))}.about-instagram svg{width:calc(18px * var(--ui-scale,1));height:calc(18px * var(--ui-scale,1))}
.about-page .about-name{gap:calc(28px * var(--ui-scale,1));margin-bottom:calc(22px * var(--ui-scale,1))}
.about-portrait{flex-basis:calc(170px * var(--ui-scale,1));width:calc(170px * var(--ui-scale,1));height:calc(210px * var(--ui-scale,1));clip-path:inset(0 round 0 0 calc(12px * var(--ui-scale,1)) calc(12px * var(--ui-scale,1)))}
.about-portrait img{width:calc(170px * var(--ui-scale,1))}.about-portrait-glass,.about-portrait::after{top:calc(40px * var(--ui-scale,1));border-radius:calc(12px * var(--ui-scale,1))}
.about-title-block .socials{gap:calc(10px * var(--ui-scale,1));margin-top:calc(16px * var(--ui-scale,1))}.about-title-block .socials a{width:calc(32px * var(--ui-scale,1));height:calc(32px * var(--ui-scale,1))}.about-title-block .socials img{width:calc(16px * var(--ui-scale,1));height:calc(16px * var(--ui-scale,1))}
.about-metrics{gap:calc(20px * var(--ui-scale,1));padding:calc(18px * var(--ui-scale,1)) 0;margin-bottom:calc(28px * var(--ui-scale,1))}.about-metrics>div{gap:calc(10px * var(--ui-scale,1))}.about-metrics strong{font-size:calc(25px * var(--ui-scale,1))}.about-metrics span{font-size:calc(12px * var(--ui-scale,1))}
.about-profile{gap:calc(40px * var(--ui-scale,1))}.about-profile h2,.about-compact-section>h2{font-size:calc(19px * var(--ui-scale,1))}.about-profile p{font-size:calc(16px * var(--ui-scale,1));line-height:1.75;margin-bottom:calc(16px * var(--ui-scale,1))}.venture-role{font-size:calc(11px * var(--ui-scale,1))}.about-ventures{padding-left:calc(30px * var(--ui-scale,1))}.about-ventures article+article{margin-top:calc(26px * var(--ui-scale,1))}
.about-quiet-actions{gap:calc(10px * var(--ui-scale,1));margin-top:calc(20px * var(--ui-scale,1))}.about-quiet-actions button,.about-quiet-actions>a{font-size:calc(13px * var(--ui-scale,1));padding:calc(10px * var(--ui-scale,1)) calc(14px * var(--ui-scale,1))}.about-quiet-actions span{font-size:calc(14px * var(--ui-scale,1))}
.about-compact-section{margin-top:calc(30px * var(--ui-scale,1));padding-top:calc(22px * var(--ui-scale,1))}.about-page .page-services{gap:calc(24px * var(--ui-scale,1))}.about-page .page-service{grid-template-columns:calc(36px * var(--ui-scale,1)) 1fr;gap:calc(7px * var(--ui-scale,1)) calc(12px * var(--ui-scale,1))}.about-page .page-service .glass-icon{width:calc(36px * var(--ui-scale,1));height:calc(36px * var(--ui-scale,1))}.about-page .page-service .glass-icon img{width:calc(23px * var(--ui-scale,1));height:calc(23px * var(--ui-scale,1))}.about-page .page-service h3{font-size:calc(15px * var(--ui-scale,1))}.about-page .page-service p{font-size:calc(13px * var(--ui-scale,1))}
.about-page .page-tools{gap:calc(32px * var(--ui-scale,1))}.about-page .page-tool-group h3{font-size:calc(14px * var(--ui-scale,1));margin-bottom:calc(14px * var(--ui-scale,1))}.about-page .page-tool-icons img{width:calc(34px * var(--ui-scale,1));height:calc(34px * var(--ui-scale,1));margin-bottom:calc(8px * var(--ui-scale,1))}.about-page .page-tool-icons span{font-size:calc(11px * var(--ui-scale,1))}
.about-page .page-client-grid{gap:calc(20px * var(--ui-scale,1)) calc(12px * var(--ui-scale,1))}.about-page .page-client img{width:calc(38px * var(--ui-scale,1));height:calc(38px * var(--ui-scale,1))}.about-page .page-client span{font-size:calc(10px * var(--ui-scale,1));margin-top:calc(8px * var(--ui-scale,1))}
.about-contact-line{margin-top:calc(30px * var(--ui-scale,1));padding-top:calc(22px * var(--ui-scale,1))}.about-contact-line p,.about-contact-line a{font-size:calc(15px * var(--ui-scale,1))}
.portfolio-page .page-footer,.about-page .page-footer,.contact-page .page-footer,.work-page .page-footer{font-size:calc(12px * var(--ui-scale,1));padding:calc(24px * var(--ui-scale,1)) 0}.portfolio-page .page-footer .socials a{width:calc(32px * var(--ui-scale,1));height:calc(32px * var(--ui-scale,1))}.portfolio-page .page-footer .socials img{width:calc(16px * var(--ui-scale,1));height:calc(16px * var(--ui-scale,1))}
.contact-lead,.work-page .page-hero p{font-size:calc(16px * var(--ui-scale,1));line-height:1.7}.contact-detail-row{grid-template-columns:calc(120px * var(--ui-scale,1)) 1fr auto;padding:calc(21px * var(--ui-scale,1)) 0;gap:calc(22px * var(--ui-scale,1))}.contact-detail-label{font-size:calc(14px * var(--ui-scale,1))}.contact-detail-value{font-size:calc(22px * var(--ui-scale,1))}.contact-detail-row p,.contact-small-note{font-size:calc(14px * var(--ui-scale,1))}.contact-write{font-size:calc(13px * var(--ui-scale,1));padding:calc(10px * var(--ui-scale,1)) calc(14px * var(--ui-scale,1))}.contact-detail-row .socials a{width:calc(36px * var(--ui-scale,1));height:calc(36px * var(--ui-scale,1))}.contact-detail-row .socials img{width:calc(18px * var(--ui-scale,1));height:calc(18px * var(--ui-scale,1))}
.work-page .filter-bar{gap:calc(8px * var(--ui-scale,1));margin:calc(20px * var(--ui-scale,1)) 0 calc(12px * var(--ui-scale,1))}.work-page .filter-button{font-size:calc(13px * var(--ui-scale,1));padding:calc(8px * var(--ui-scale,1)) calc(12px * var(--ui-scale,1))}.work-page .project-count{font-size:calc(14px * var(--ui-scale,1))}.work-page .page-projects{grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(16px * var(--ui-scale,1))}.work-page .project-copy{padding:calc(12px * var(--ui-scale,1)) calc(13px * var(--ui-scale,1)) calc(14px * var(--ui-scale,1))}.work-page .project-copy small{font-size:calc(10px * var(--ui-scale,1))}.work-page .project-copy h3{font-size:calc(14px * var(--ui-scale,1));min-height:calc(42px * var(--ui-scale,1));line-height:1.5}.work-page .work-pagination{font-size:calc(14px * var(--ui-scale,1));gap:calc(9px * var(--ui-scale,1))}.work-page .work-pagination a{width:calc(36px * var(--ui-scale,1));height:calc(36px * var(--ui-scale,1))}.work-page #work-filters{scroll-margin-top:calc(74px * var(--ui-scale,1))}
.work-page .page-heading h2{font-size:calc(26px * var(--ui-scale,1))}.work-page .page-heading small{font-size:calc(14px * var(--ui-scale,1))}.work-page .page-reel span{font-size:calc(12px * var(--ui-scale,1));padding:calc(10px * var(--ui-scale,1))}.work-page .page-cta h2{font-size:calc(24px * var(--ui-scale,1))}.work-page .page-cta p{font-size:calc(14px * var(--ui-scale,1))}.work-page .page-cta .brand-button{font-size:calc(14px * var(--ui-scale,1));padding:calc(11px * var(--ui-scale,1)) calc(16px * var(--ui-scale,1))}
#showreel-modal,#dragon-film-modal{width:min(calc(760px * var(--ui-scale,1)),88vw,calc((100dvh - calc(100px * var(--ui-scale,1))) * 1.777778))}
#showreel-modal .reel-top,.dragon-player-top{font-size:calc(13px * var(--ui-scale,1));height:calc(26px * var(--ui-scale,1));min-height:calc(26px * var(--ui-scale,1))}.reel-window-actions button,.dragon-player-close{width:calc(27px * var(--ui-scale,1));height:calc(26px * var(--ui-scale,1))}.dragon-player-top small{font-size:calc(11px * var(--ui-scale,1))}.dragon-player-bottom{font-size:calc(12px * var(--ui-scale,1))}.dragon-player-bottom select{font-size:calc(12px * var(--ui-scale,1))}.dragon-player-status,#showreel-modal #reel-status{font-size:calc(11px * var(--ui-scale,1))}
.intro-actions{width:min(100%,calc(340px * var(--ui-scale,1)))}.intro-actions .showreel-feature .showreel-thumb{flex-basis:calc(85px * var(--ui-scale,1));width:calc(85px * var(--ui-scale,1))}.intro-actions .showreel-feature .showreel-label{font-size:calc(16px * var(--ui-scale,1))}.browse-work-button{font-size:calc(14px * var(--ui-scale,1))}.dragon-journey-button{font-size:clamp(calc(12px * var(--ui-scale,1)),.8vw,calc(16px * var(--ui-scale,1)))}.dragon-journey-label small{font-size:calc(11px * var(--ui-scale,1))}
@media(max-width:1100px){.about-name>.about-instagram{align-self:center}.about-metrics>div{display:block}.about-metrics strong{display:block;margin-bottom:calc(6px * var(--ui-scale,1))}.work-page .page-projects{grid-template-columns:repeat(5,minmax(0,1fr))}.work-page .project-copy h3{font-size:calc(12px * var(--ui-scale,1));min-height:calc(36px * var(--ui-scale,1))}.work-page .project-copy{padding:calc(10px * var(--ui-scale,1))}}
@media(max-width:700px){body header,body.portfolio-page header,body.mobile-layout header{height:calc(52px * var(--ui-scale,1));padding:calc(7px * var(--ui-scale,1)) 4vw}body header .brand img,body.portfolio-page header .brand img,body.mobile-layout header .brand img{width:calc(75px * var(--ui-scale,1));height:calc(28px * var(--ui-scale,1))}body header nav,body.portfolio-page header nav,body.mobile-layout header nav{font-size:calc(11px * var(--ui-scale,1));gap:calc(12px * var(--ui-scale,1))}
.about-page{--cover-height:calc(320px * var(--ui-scale,1))}.contact-page{--cover-height:calc(320px * var(--ui-scale,1));--contact-art-top:calc(52px * var(--ui-scale,1))}.work-page{--cover-height:calc(270px * var(--ui-scale,1))}
.about-page .about-name{gap:calc(18px * var(--ui-scale,1));flex-wrap:wrap}.about-portrait{flex-basis:calc(116px * var(--ui-scale,1));width:calc(116px * var(--ui-scale,1));height:calc(145px * var(--ui-scale,1))}.about-portrait img{width:calc(116px * var(--ui-scale,1))}.about-portrait-glass,.about-portrait::after{top:calc(29px * var(--ui-scale,1))}.about-name>.about-instagram{margin:0;font-size:calc(12px * var(--ui-scale,1));flex-basis:100%}.about-title-block>p{font-size:calc(12px * var(--ui-scale,1))}.about-title-block h1,.contact-editorial h1,.work-page .page-hero h1{font-size:calc(28px * var(--ui-scale,1))}.about-title-block .socials{gap:calc(7px * var(--ui-scale,1))}.about-title-block .socials a{width:calc(27px * var(--ui-scale,1));height:calc(27px * var(--ui-scale,1))}.about-title-block .socials img{width:calc(14px * var(--ui-scale,1));height:calc(14px * var(--ui-scale,1))}
.about-metrics{gap:calc(10px * var(--ui-scale,1))}.about-metrics strong{font-size:calc(20px * var(--ui-scale,1))}.about-metrics span{font-size:calc(10px * var(--ui-scale,1))}.about-profile{grid-template-columns:1fr;gap:calc(22px * var(--ui-scale,1))}.about-profile p{font-size:calc(14px * var(--ui-scale,1))}.about-ventures{padding:calc(20px * var(--ui-scale,1)) 0 0}.about-page .page-services{grid-template-columns:1fr}.about-page .page-client-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.about-page .page-client span{font-size:calc(9px * var(--ui-scale,1))}.about-contact-line p,.about-contact-line a{font-size:calc(12px * var(--ui-scale,1))}
.contact-lead,.work-page .page-hero p{font-size:calc(14px * var(--ui-scale,1))}.contact-detail-row{grid-template-columns:calc(65px * var(--ui-scale,1)) 1fr;gap:calc(12px * var(--ui-scale,1));padding:calc(17px * var(--ui-scale,1)) 0}.contact-detail-label{font-size:calc(12px * var(--ui-scale,1))}.contact-detail-value{font-size:calc(18px * var(--ui-scale,1))}.contact-detail-row p,.contact-small-note{font-size:calc(12px * var(--ui-scale,1))}.contact-write{grid-column:2}.work-page .page-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--ui-scale,1))}.work-page .filter-button{font-size:calc(12px * var(--ui-scale,1))}.work-page .project-copy h3{font-size:calc(12px * var(--ui-scale,1))}.work-page .page-reels{grid-auto-columns:calc(150px * var(--ui-scale,1))}.work-page .page-cta h2{font-size:calc(19px * var(--ui-scale,1))}.work-page .page-cta p{font-size:calc(12px * var(--ui-scale,1))}
#showreel-modal,#dragon-film-modal{width:min(92vw,calc((100dvh - calc(100px * var(--ui-scale,1))) * 1.777778))}.intro-actions{width:min(100%,calc(270px * var(--ui-scale,1)))}.intro-actions .showreel-feature .showreel-label{font-size:calc(13px * var(--ui-scale,1))}.browse-work-button{font-size:calc(12px * var(--ui-scale,1))}.dragon-journey-button{font-size:calc(10px * var(--ui-scale,1))}.dragon-journey-label small{font-size:calc(8px * var(--ui-scale,1))}}

.dragon-journey-button{justify-content:center;align-items:center;text-align:center;white-space:normal}.dragon-journey-button>.dragon-journey-label{display:block;width:100%;text-align:center}

@media(max-width:700px){.work-page .page-wrap,.work-page .page-footer{width:90%}}