body{overflow-x:hidden;background:#05070d}
.brand-symbol{display:block;width:16px;height:16px;border:2px solid #cbe9fd;border-radius:4px;transform:rotate(45deg);box-shadow:inset 0 0 8px #3781fc,0 0 12px #3781fc88}
.page-light{display:none}
.site-header{height:86px;max-width:none;padding:0 3.2%;position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(#05070d99,transparent);border:0}
.hero{position:relative;isolation:isolate;min-height:100svh;padding:0;overflow:hidden;background:#05070d}
.hero::before{display:none}
.hero-film{position:absolute;inset:0;z-index:0;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 58%,#000b 73%,#0004 88%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 58%,#000b 73%,#0004 88%,transparent 100%)}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) brightness(.78);transform:scale(1.015)}
.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#02050b4d,rgba(2,5,11,.1) 55%,#05070d66),radial-gradient(ellipse 53% 50% at 50% 38%,#030711a6,transparent 90%)}
.hero-film::after{content:"";position:absolute;inset:65% -5% -10%;background:linear-gradient(transparent,#05070d 75%);filter:blur(28px)}
.hero-inner{position:relative;z-index:2;max-width:none;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:150px 4% 220px}
.hero-copy{max-width:1600px;padding:0;text-align:center;animation:filmEnter 1.1s cubic-bezier(.2,.8,.2,1) both}
.hero-copy .eyebrow{justify-content:center;color:#c7dcf6}
.hero h1{font-size:clamp(66px,6.7vw,160px);line-height:.99;letter-spacing:-.07em;font-weight:700;margin:30px 0;white-space:normal;text-wrap:balance}
.hero h1 em{font-style:normal;background:linear-gradient(105deg,#fff 12%,#d5eaff 52%,#76afff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{max-width:630px;margin:auto;color:#d0dbea;font-size:clamp(14px,1vw,18px);line-height:1.7}
.hero-actions{justify-content:center;gap:12px;margin-top:32px}
.hero-actions .button{padding:16px 24px;border-radius:100px;min-width:175px;justify-content:center}
.hero-actions .button-primary{background:linear-gradient(110deg,#fff,#c5e8ff);color:#0b1530;border-color:#d6edff;box-shadow:0 10px 40px #05133055}
.hero-actions .button-text{border:1px solid #d2e9ff55;background:#07132b55;backdrop-filter:blur(18px);color:#eef7ff}
.hero-bottom{position:absolute;z-index:3;left:3.2%;right:3.2%;bottom:65px;max-width:none;color:#8da4c4;font-size:10px}
.works-section{max-width:none;margin:0;padding:35px 3.2% 100px;position:relative;background:transparent;scroll-margin-top:35px}
.work-grid{gap:38px 22px}
.work-image{border-color:#bedcff20}
.studio-section{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;padding:130px 8% 150px;overflow:hidden;scroll-margin-top:70px}
.studio-light{position:absolute;z-index:-1;width:90%;height:100%;left:20%;top:10%;background:radial-gradient(ellipse at center,#0b2cb11d,transparent 65%);filter:blur(60px);pointer-events:none}
.studio-intro .eyebrow{margin-bottom:36px}
.studio-intro h2{font-size:clamp(44px,4.5vw,100px);line-height:1.12;letter-spacing:-.065em;font-weight:500;margin:0;color:#f5f8ff}
.studio-intro h2>span{color:#a3b5d1}
.studio-details{padding-top:50px;scroll-margin-top:100px}
.studio-description{font-size:clamp(16px,1.35vw,25px);line-height:1.65;letter-spacing:-.025em;color:#d0dae9;margin:0 0 30px;max-width:620px}
.studio-invitation{font-size:clamp(14px,1.05vw,19px);line-height:1.7;color:#8296b3;margin:0 0 38px}
.studio-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-top:1px solid #b4d4ff28;max-width:620px;font-size:clamp(20px,1.65vw,31px);letter-spacing:-.035em;transition:color .25s}
.studio-contact small{display:block;font-size:9px;letter-spacing:.18em;color:#839abc;margin-top:12px}
.contact-arrow{width:64px;height:64px;display:grid;place-items:center;border:1px solid #c0dfff40;border-radius:50%;background:linear-gradient(140deg,#b8dbff17,#326ef513);font-size:30px;transition:transform .3s,background .3s}
.studio-contact:hover{color:#acd5ff}.studio-contact:hover .contact-arrow{transform:translate(3px,-3px);background:#1951fc44}
.footer{border:0;min-height:80px;padding:20px 3.2%;background:transparent;color:#657793}
.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:none}
@keyframes filmEnter{from{opacity:0;transform:translateY(25px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:1100px){.hero-inner{display:flex;min-height:100svh}.hero h1{font-size:clamp(60px,7vw,90px);margin:28px 0}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-section{gap:7%;padding:100px 5% 110px}}
@media(max-width:760px){.site-header{height:74px;padding:0 5%}.hero{min-height:760px}.hero-inner{min-height:max(760px,100svh);padding:150px 5% 220px;align-items:center;display:flex}.hero-copy{max-width:100%;padding:0}.hero h1{font-size:clamp(40px,10.5vw,74px);line-height:1.04;letter-spacing:-.06em;margin:26px 0}.hero-lead{font-size:14px}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:27px}.hero-actions .button{min-width:0;padding:14px 16px;font-size:11px;gap:16px}.hero-bottom{left:5%;right:5%;bottom:60px;font-size:8px}.hero-video{object-position:50% 50%}.works-section{padding:20px 5% 65px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px}.studio-section{display:block;padding:75px 5% 80px}.studio-intro h2{font-size:clamp(43px,8vw,64px)}.studio-intro .eyebrow{margin-bottom:26px}.studio-details{padding-top:40px}.studio-description{font-size:17px}.studio-invitation{font-size:14px}.studio-contact{font-size:24px}.contact-arrow{width:54px;height:54px}.footer{padding:20px 5%}}
@media(max-width:390px){.hero h1{font-size:38px}.hero-actions .button{font-size:10px;padding:13px 12px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-image{aspect-ratio:9/14}.work-card strong{font-size:13px}.work-meta{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}.scroll-reveal{opacity:1;transform:none;transition:none}.hero-video{opacity:.75}}