header{height:110px}.wordmark{font-size:36px}.wordmark>span{font-size:11px}.reel{height:calc(100dvh - 181px)}.intro h1{font-size:clamp(85px,9.5vw,145px);margin-top:8vh}.intro-bottom p{font-size:18px}.reel-link{font-size:15px}.intro-orbit{width:400px;height:360px;right:2%;top:29%}.intro-orbit i{font-size:11px}.project-title h2{font-size:clamp(85px,9.5vw,150px);line-height:.96}.project-title>span{font-size:11px}.project-title button{font-size:15px}.image-shade{background:linear-gradient(90deg,#032b19ba,#032b1900 75%)}.chapter-bg{transition:filter .6s,transform 1s;transform:scale(1.015)}.space-text h2{font-size:clamp(75px,6.7vw,108px)}.space-text>p{font-size:18px}.space-text button{font-size:14px}.type-story h2{font-size:44px}.type-story p{font-size:15px}.type-story button{font-size:13px}.type-composition{font-size:clamp(130px,16vw,245px)}.director-tools{position:absolute;right:5%;top:30%;display:flex;flex-direction:column;align-items:end;gap:15px;z-index:3;max-width:270px}.director-tools button{font-size:12px;border:1px solid #ffffff60;border-radius:40px;padding:10px 18px;min-height:45px;background:#04261933;backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;gap:25px}.director-tools>span{font-size:11px;letter-spacing:.1em;text-align:right;max-width:200px;color:#e4e5dc}.viewing-mode header{height:0;overflow:hidden;padding-block:0;visibility:hidden}.viewing-mode .reel{height:100dvh}.viewing-mode .reel-controls{position:fixed;bottom:0;left:0;right:0;opacity:0;transition:opacity .25s;z-index:5}.viewing-mode .reel-controls:focus-within,.viewing-mode .reel-controls:hover{opacity:1}.viewing-mode .chapter-caption{bottom:85px}.viewing-mode .director-tools{top:35px}.viewing-mode .project-title{top:30%}.contact h2{font-size:clamp(95px,11vw,170px)}.contact-bottom p{font-size:18px}.contact-bottom>a{font-size:16px}.contact footer{font-size:12px}.contact footer span{font-size:11px}
@media(max-width:1100px){.director-tools{top:35px}.project-title h2{font-size:100px}.intro-orbit{opacity:.4}.intro h1{font-size:105px}.intro-bottom{max-width:650px}}
@media(max-width:760px){header{height:auto}.wordmark{font-size:30px}.reel{height:auto}.intro h1{font-size:72px;margin-top:80px}.intro-bottom p{font-size:16px}.reel-link{font-size:13px}.intro-orbit{width:220px;height:200px;top:62%;right:-20px}.intro-orbit i{font-size:11px}.project-title h2{font-size:76px}.project-title>span{font-size:11px}.project-title button{font-size:13px}.director-tools{top:auto;bottom:100px;left:8%;right:auto;align-items:start;gap:10px}.director-tools button{font-size:11px;padding:9px 14px;min-height:44px;gap:15px}.director-tools>span{display:none}.image-chapter{height:850px}.project-title{top:22%}.space-text h2{font-size:70px}.space-text>p{font-size:16px}.space-text button{font-size:13px}.type-story h2{font-size:40px}.type-story p{font-size:14px}.type-composition{font-size:108px}.contact h2{font-size:83px}.contact-bottom p{font-size:16px}.contact-bottom>a{font-size:14px}.contact footer{font-size:11px}.contact footer span{font-size:11px}.viewing-mode .reel{height:auto}.viewing-mode .director-tools{top:auto;bottom:100px}.viewing-mode .reel-controls{opacity:1}.viewing-mode .project-title{top:22%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}