*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fafaf9;color:#111;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid #555;outline-offset:6px}::selection{background:#222;color:white}.skip{position:fixed;top:-100px;left:20px;background:#111;color:white;padding:15px;z-index:100}.skip:focus{top:10px}header{height:88px;padding:0 3%;position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:32px;z-index:20;background:linear-gradient(#fafaf9f5,#fafaf9d9);backdrop-filter:blur(18px)}.brand img{width:78px;height:40px;object-fit:contain;filter:invert(1);display:block}nav{display:flex;gap:25px;font-size:14px;color:#666}nav a:hover{color:#111}.header-note{margin:auto;min-width:240px;max-width:420px;width:33%;padding:16px 22px;border-radius:40px;box-shadow:0 2px 10px #00000008;border:1px solid #eeeeec;background:#ffffff90;color:#777;font-size:13px;display:flex;gap:14px;align-items:center}.play-small{font-size:18px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:99px;background:#111;color:white;padding:19px 27px;font-size:15px;font-weight:500;line-height:1.2;transition:transform .3s,box-shadow .3s,background .3s}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002;background:#292929}.pill.small{padding:15px 24px;font-size:14px;margin-left:auto}.pill.outline{background:transparent;color:#111;border:1px solid #e5e5e3}.pill.outline:hover{background:#fff}.hero{text-align:center;padding:180px 24px 95px;background:linear-gradient(#f5f5f4,#fafaf9);min-height:610px}.hero-logo{width:115px;height:57px;object-fit:contain;filter:invert(1);margin-bottom:25px}h1{font-size:clamp(48px,5.7vw,84px);line-height:1.04;letter-spacing:-.062em;font-weight:500;margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.hero-sub{font-size:16px;color:#777;margin:25px 0 31px;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:12px}.commercial{text-align:center;padding:25px 24px 50px}.film-label{font-size:14px;color:#6e6e6a;font-weight:400;margin:0 0 30px;letter-spacing:0;line-height:1.6}.film-label span{margin-right:12px}.film-shell{max-width:1050px;margin:0 auto;border-radius:15px;overflow:hidden;background:#0c0c0c;box-shadow:0 20px 50px #00000013;transform-origin:center;will-change:transform}.film-shell video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.film-meta{font-size:10px;letter-spacing:2px;color:#93938f;margin:28px 0}.section{padding:115px 4%;text-align:center}h2{font-size:clamp(36px,4.7vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0}.section-copy{font-size:clamp(18px,2vw,25px);line-height:1.5;color:#858581;margin:32px auto 0;max-width:750px;letter-spacing:-.025em}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:400;color:#858581;margin:0 0 28px;line-height:1.6}.image-universe{position:relative;height:570px;margin:65px auto 0;max-width:1450px;overflow:hidden;background:#efefed;border-radius:20px;isolation:isolate}.floating{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #0001;will-change:transform}.floating img{display:block;object-fit:cover;width:100%;height:100%}.f1{width:23%;height:190px;left:-4%;top:40px;transform:rotate(-5deg)}.f2{width:19%;height:190px;right:5%;top:-45px;transform:rotate(6deg)}.f3{width:16%;height:260px;right:-3%;top:205px;transform:rotate(5deg)}.f4{width:24%;height:170px;left:7%;bottom:-25px;transform:rotate(-6deg)}.f5{width:20%;height:150px;right:20%;bottom:0;transform:rotate(3deg)}.universe-center{position:absolute;inset:110px 24% 115px;border:8px solid #fafaf9;border-bottom-width:43px;background:#fafaf9;box-shadow:0 15px 40px #0002;transform:rotate(-2deg);border-radius:6px;z-index:2;will-change:transform}.universe-center img{width:100%;height:100%;object-fit:cover;display:block}.universe-center span{position:absolute;bottom:-31px;left:0;right:0;font-size:13px;letter-spacing:.02em}.work{padding-top:105px}.section-heading{margin-bottom:65px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 25px;max-width:1320px;margin:0 auto;align-items:start}.project{margin:0;text-align:left;min-width:0}.picture{overflow:hidden;border-radius:12px;aspect-ratio:1.4;background:#e9e9e6}.picture img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.project:hover .picture img{transform:scale(1.05)}.tall .picture{aspect-ratio:1.14}.project:nth-child(3n+1){margin-top:40px}.project:nth-child(3n){margin-top:65px}figcaption{padding:17px 4px 0;display:flex;align-items:start;justify-content:space-between;gap:10px}figcaption h3{font-size:16px;font-weight:500;margin:0;letter-spacing:-.025em}figcaption span{font-size:12px;color:#888;line-height:1.6}.work-grid figcaption{display:block}.work-grid figcaption span{display:block;margin-top:5px}.spotify{max-width:1050px;margin:95px auto 0!important}.video-wrap{border-radius:15px;overflow:hidden;background:#111}.video-wrap video{display:block;width:100%;aspect-ratio:1024/429}.spotify figcaption span{display:block;margin-top:7px}.studio{padding-top:140px}.studio-cards{max-width:1230px;margin:70px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.studio-cards figure{margin:0;min-width:0;text-align:left}.studio-cards img{width:100%;aspect-ratio:.95;object-fit:cover;border-radius:12px;display:block}.studio-cards figure:nth-child(2){padding-top:65px}.studio-cards figcaption{display:block;padding:23px 5px 0}.studio-cards h3{font-size:22px}.studio-cards p{font-size:16px;line-height:1.7;color:#81817c;margin:12px 0 0}.services{max-width:1150px;margin:auto;padding-top:125px}.service-list{margin-top:65px;text-align:left}.service-list details{border-top:1px solid #ddddd9}.service-list details:last-child{border-bottom:1px solid #ddddd9}summary{list-style:none;display:flex;gap:25px;align-items:center;padding:26px 4px;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:#999;min-width:25px}summary h3{font-size:clamp(21px,2.4vw,32px);font-weight:400;letter-spacing:-.035em;margin:0}summary b{font-weight:400;margin-left:auto;font-size:26px;transition:transform .3s}details[open] summary b{transform:rotate(45deg)}details p{font-size:17px;line-height:1.7;color:#777;margin:0 54px 30px;max-width:760px}.contact{position:relative;overflow:hidden;padding:100px 24px 130px}.contact-strip{display:flex;gap:24px;align-items:center;justify-content:center;width:120%;margin-left:-10%;height:265px;margin-bottom:95px;will-change:transform}.contact-strip img{width:21%;height:220px;object-fit:cover;border-radius:10px}.contact-strip img:nth-child(even){height:270px;transform:rotate(4deg)}.contact-strip img:nth-child(odd){transform:rotate(-4deg)}.contact-copy h2{font-size:clamp(60px,8vw,112px)}.contact-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#888;margin:27px 0 32px}footer{border-top:1px solid #e8e8e5;padding:48px 5%;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;font-size:14px}footer p{margin:0 0 18px;color:#888;font-size:12px}footer div{display:flex;flex-direction:column;align-items:start;gap:10px}footer>span{grid-column:1/-1;font-size:10px;letter-spacing:1px;color:#999;margin-top:35px}.reveal{opacity:0;transform:translateY(28px);filter:blur(7px);transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1),filter .9s}.reveal.visible{opacity:1;transform:none;filter:none}.word{display:inline-block;will-change:opacity,filter}.hero h1>span{display:inline-block;animation:arrive 1.15s both}.hero h1>span:last-child{animation-delay:.12s}@keyframes arrive{from{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:none}}@media(max-width:950px){header{gap:22px}.header-note{display:none}nav{margin-left:auto}.pill.small{margin-left:0}.hero{padding-top:155px}.image-universe{height:470px}.universe-center{inset:100px 20% 110px}.work-grid{gap:35px 18px}.studio-cards{gap:18px}figcaption h3{font-size:15px}}@media(max-width:650px){html{scroll-padding-top:88px}header{height:76px;padding:0 5%;gap:16px}.brand img{width:65px;height:35px}nav{gap:16px;font-size:13px}nav a:last-child{display:none}.pill.small{font-size:12px;padding:12px 16px}.hero{padding:140px 18px 70px;min-height:auto}.hero-logo{width:95px;height:47px;margin-bottom:25px}h1{font-size:clamp(43px,9.8vw,63px)}.hero-sub{font-size:14px;margin:23px auto 27px;max-width:290px}.hero-actions{gap:9px}.pill{font-size:13px;padding:17px 20px}.commercial{padding:30px 5%}.film-label{font-size:12px;margin-bottom:20px}.film-shell{border-radius:10px}.film-meta{font-size:9px;letter-spacing:1.2px}.section{padding:80px 5%}h2{font-size:clamp(34px,8vw,50px)}.section-copy{font-size:18px}.image-universe{height:370px;margin-top:40px;border-radius:13px}.universe-center{inset:105px 13% 90px;border-width:5px;border-bottom-width:33px;transform:rotate(-2deg)}.universe-center span{bottom:-24px;font-size:10px}.f1{width:33%;height:95px;top:20px;left:-5%}.f2{width:30%;height:110px;top:0;right:3%}.f3{width:25%;height:130px;right:-7%;top:160px}.f4{width:35%;height:90px;left:0;bottom:0}.f5{width:33%;height:100px;right:13%;bottom:-8px}.section-heading{margin-bottom:35px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.project:nth-child(n){margin-top:0}.project:nth-child(even){margin-top:28px}.picture,.tall .picture{aspect-ratio:.85;border-radius:8px}figcaption{padding:12px 0 0}figcaption h3{font-size:14px}.work-grid figcaption span{font-size:11px}.spotify{margin-top:60px!important}.video-wrap{border-radius:10px}.spotify figcaption h3{font-size:17px}.studio-cards{grid-template-columns:1fr;max-width:420px;margin-top:45px;gap:40px}.studio-cards figure:nth-child(2){padding-top:0}.studio-cards img{aspect-ratio:1.3}.studio-cards p{font-size:16px}.studio-cards h3{font-size:21px}.service-list{margin-top:45px}summary{gap:12px;padding:22px 0}summary h3{font-size:21px}summary>span{min-width:20px}details p{margin:0 32px 25px;font-size:16px}.contact-strip{height:180px;gap:15px;width:190%;margin-left:-45%;margin-bottom:65px}.contact-strip img{height:145px}.contact-strip img:nth-child(even){height:180px}.contact-copy h2{font-size:70px}.contact{padding-bottom:80px}footer{grid-template-columns:1fr 1fr;padding:35px 6%;gap:30px;font-size:12px}footer>.brand{grid-column:1/-1}footer>span{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}.word{opacity:1!important;filter:none!important}.film-shell,.floating,.universe-center,.contact-strip{will-change:auto}}
/* Portfolio vortex behind the original hero. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;padding-top:190px;padding-bottom:145px}.hero-spiral{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 36% 42% at 50% 52%,#fafaf9 48%,#fafaf9ed 65%,#fafaf900 100%)}.spiral-photo{position:absolute;left:50%;top:50%;width:175px;height:120px;object-fit:cover;border-radius:7px;box-shadow:0 7px 22px #00000015;will-change:transform,opacity;opacity:0}.spiral-photo:nth-child(3n){width:130px;height:165px}.hero .hero-actions,.hero .hero-logo,.hero h1,.hero .hero-sub{position:relative}.hero .pill.outline{background:#fafaf9d9}@media(max-width:650px){.hero{min-height:650px;padding-top:165px;padding-bottom:130px}.spiral-photo{width:105px;height:76px}.spiral-photo:nth-child(3n){width:80px;height:110px}.hero:after{background:radial-gradient(ellipse 48% 34% at 50% 51%,#fafaf9 48%,#fafaf9ed 72%,#fafaf900 100%)}}@media(prefers-reduced-motion:reduce){.spiral-photo{will-change:auto}}
.bts-home-link{margin:45px 0 0}header .header-note{min-width:180px} @media(max-width:1150px){header .header-note{display:none}}@media(max-width:650px){header nav .bts-nav{display:none}}
header .recent-button{width:auto;min-width:0;max-width:none;background:#111;color:#fff;border:1px solid #111;justify-content:center;white-space:nowrap;transition:transform .3s,background .3s}header .recent-button:hover{background:#333;transform:translateY(-2px)}.contact-animation{max-width:1000px;margin:0 auto 65px;border-radius:15px;overflow:hidden;background:#0a0a09}.closing-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.contact.has-closing{overflow:visible}.has-closing .contact-animation{position:sticky;top:100px;margin-bottom:70px}.closing-track{height:135vh;position:relative;margin-bottom:65px}.has-closing .closing-track .contact-animation{margin-bottom:0}.has-closing .contact-copy{position:relative;background:#fafaf9;padding-top:35px}@media(max-width:1150px){header .recent-button{display:none}}@media(prefers-reduced-motion:reduce){.closing-track{height:auto}.has-closing .contact-animation{position:relative;top:0}}
.mail-form{max-width:620px;margin:40px auto 0;text-align:left;display:grid;gap:20px}.mail-form label{display:grid;gap:9px;font-size:15px}.mail-form input,.mail-form textarea{font:inherit;padding:15px;border:1px solid #ccc;border-radius:8px;background:white;width:100%}.mail-form button{border:0;cursor:pointer;justify-self:start}.mail-form p{font-size:13px;line-height:1.6;color:#777}.about-photo{max-width:1250px;margin:auto;padding:0 5%}.about-photo img{width:100%;border-radius:12px}.legal{max-width:900px;text-align:left;margin:auto}.legal h1{font-size:48px}.legal h2{font-size:25px;margin-top:35px}.legal p{font-size:17px;line-height:1.7;color:#666}
/* Preserve each video’s intrinsic dimensions; no imposed player ratio. */
.film-shell video,.video-wrap video{width:100%;height:auto;aspect-ratio:auto;display:block}
.navua-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex-shrink:0}.recent-title{margin:90px 0 30px;font-size:clamp(32px,5vw,60px)}
header nav a[aria-current="page"]{color:#111}header nav{white-space:nowrap}
@media(max-width:760px){header{height:116px;flex-wrap:wrap;gap:0;padding:12px 5%;align-content:space-between}header .brand{order:0}header .pill.small{order:1;margin-left:auto}header nav{order:2;width:100%;margin:0;display:flex;justify-content:space-between;gap:10px;font-size:12px}header nav a:last-child,header nav .bts-nav{display:inline!important}html{scroll-padding-top:130px}.about-intro{padding-top:60px}}
.film-coming-soon{position:relative;overflow:hidden;border-radius:inherit}.film-coming-soon img{display:block;width:100%;height:auto}.film-coming-soon::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.film-coming-soon span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 24px;border:1px solid rgba(255,255,255,.65);color:white;background:rgba(0,0,0,.45);font-size:clamp(12px,2vw,18px);letter-spacing:.18em;white-space:nowrap}
/* Keep all primary destinations accessible on compact screens. */
@media(min-width:761px) and (max-width:1350px){header .recent-button{display:none}header nav{gap:18px}}
@media(max-width:760px){header nav{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:3px;scrollbar-width:thin;flex-shrink:0}header nav a{flex:none}}
.cinema-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:1100px;margin:65px auto 0;text-align:left}.cinema-principles article{border-top:1px solid #d8d8d3;padding-top:24px}.cinema-principles span{font-size:11px;color:#8a8a83;letter-spacing:.1em}.cinema-principles h3{font-size:23px;font-weight:400;letter-spacing:-.03em;margin:22px 0 15px}.cinema-principles p{font-size:16px;line-height:1.7;color:#77776f;margin:0}@media(max-width:650px){.cinema-principles{grid-template-columns:1fr;gap:35px;margin-top:40px}}
.brand-values ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);max-width:950px;padding:0;margin:55px auto;gap:0 35px}.brand-values li{padding:25px 0;border-top:1px solid #ddd;font-size:22px;letter-spacing:-.03em}.production-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:1100px;margin:60px auto;text-align:left}.production-steps li{border-top:1px solid #ddd;padding-top:22px}.production-steps span{font-size:11px;color:#888}.production-steps h3{font-size:22px;font-weight:400}.production-steps p{font-size:16px;line-height:1.7;color:#777}.story-inline-link{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.brand-values ul{grid-template-columns:repeat(2,1fr)}.brand-values li{font-size:19px}.production-steps{grid-template-columns:1fr;gap:30px}}
/* Compact editorial rhythm */
.about-motion main>.section{padding-top:65px;padding-bottom:65px}.about-motion main>.about-intro{padding-top:85px}.services-page main>.section{padding-top:65px;padding-bottom:65px}.services-page .service-contact{padding-bottom:35px}.home-motion .cinematography{padding-top:45px;padding-bottom:65px}.home-motion .cinematography+.studio{padding-top:45px}@media(max-width:650px){.about-motion main>.section,.services-page main>.section{padding-top:45px;padding-bottom:45px}.about-motion main>.about-intro{padding-top:60px}.home-motion .cinematography{padding-top:30px;padding-bottom:40px}}