:root{--bg:#101413;--text:#f4f3ed;--mint:#06bda2;--muted:#a7afac;--line:#353b38}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:7px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#101413;position:relative;z-index:2}.brand{width:215px;display:block}.brand img{width:100%;display:block}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a:hover{color:var(--mint)}.contact-link{border-bottom:1px solid var(--mint);padding:10px 0}.contact-link span{margin-left:22px}.hero{min-height:740px;height:calc(100svh - 94px);max-height:1000px;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.16)),linear-gradient(0deg,#101413,transparent 40%)}.hero-content{position:relative;padding:40px 5% 70px;max-width:1600px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;margin:0 0 34px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;letter-spacing:-.035em;font-weight:900;line-height:.97}h1{font-size:clamp(78px,9vw,144px);margin-bottom:34px}h1 em{font-style:normal;color:var(--mint)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hero-bottom p{font-size:18px;margin:0;line-height:1.5}.button{background:var(--mint);color:#071a16;padding:17px 24px;font-weight:bold;font-size:14px;display:flex;gap:46px;align-items:center}.button:hover{background:#6ce6cd}.hero-foot{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;color:#c3cbc7}.section{padding:100px 6%;max-width:1600px;margin:auto}h2{font-size:clamp(42px,5.3vw,80px);margin:0 0 30px}h2 span{color:var(--mint)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro .eyebrow{padding-top:10px}.intro p:not(.eyebrow){max-width:740px;color:var(--muted)}.intro .lead{font-size:22px;color:var(--text)!important}.services{background:#19201d;max-width:none}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:32px}.section-top .eyebrow{padding-top:10px}.service-list{border-top:1px solid #455149}.service-list details{border-bottom:1px solid #455149;padding:0 0 0 0}summary{list-style:none;display:flex;gap:32px;align-items:center;padding:24px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary:hover h3{color:var(--mint)}.num{font-size:13px;color:var(--mint);width:40px}summary h3{font-size:clamp(22px,3vw,38px);font-weight:500;margin:0;letter-spacing:-.03em}.plus{margin-left:auto;position:relative;width:24px;height:24px;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:var(--mint);height:1px;width:20px;top:12px;left:2px}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.detail-content{margin-left:72px;max-width:750px;padding:0 0 26px;color:#c2ccc6}.detail-content p{margin-bottom:18px}.tags{font-size:12px;letter-spacing:.08em;color:var(--mint);line-height:1.8}.text-link{border-bottom:1px solid var(--mint)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.poster{height:auto;aspect-ratio:2/3;background:#1c211e;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-grid article:hover img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:var(--muted);margin:20px 0 8px}.project-grid h3{font-size:25px;letter-spacing:-.03em}.studios{border-top:1px solid var(--line)}.section-top p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:18px}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}figure{margin:0;min-width:0}figure img{display:block;width:100%;height:360px;object-fit:cover}figure.wide{grid-column:1/-1}figure.wide img{height:560px}.sound{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#19201d}.sound img{height:340px}.sound figcaption{align-self:center;justify-self:center}figcaption{display:flex;justify-content:space-between;padding:14px 0;font-size:12px;letter-spacing:.1em}.location{border-top:1px solid var(--line);margin-top:65px;padding-top:45px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.location h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:52px;line-height:1}.location p{color:var(--muted)}.location span{font-size:12px;letter-spacing:.1em}.location strong{display:block;font-size:48px;color:var(--mint);line-height:1.3}.note{font-size:12px;color:var(--muted);margin:10px 0 0}.contact{background:var(--mint);color:#09251d;max-width:none}.contact h2{font-size:clamp(48px,7.4vw,112px)}.contact h2 span{color:#f0fff8}.email{display:flex;justify-content:space-between;gap:12px;font-size:clamp(19px,3.4vw,50px);letter-spacing:-.035em;border-bottom:1px solid #357d6e;padding:10px 0 30px;overflow-wrap:anywhere}.email:hover{color:white}.contact-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:32px}.contact-bottom a{display:block}.contact-bottom p{margin-bottom:0}footer{padding:28px 6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}footer a:hover{color:var(--mint)}@media(min-width:1600px){.services,.contact{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}}@media(max-width:750px){header{height:80px;padding:0 6%}.brand{width:170px}nav{gap:18px}nav a:not(.contact-link){display:none}.hero{height:auto;min-height:700px}.hero-content{padding:32px 6% 110px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#000b,#0005),linear-gradient(0deg,#101413,transparent 60%)}h1{font-size:clamp(74px,16vw,115px);margin:35px 0}.hero-bottom{align-items:flex-start;flex-direction:column}.hero-bottom p{font-size:16px}.hero-foot{left:6%;right:6%;font-size:10px;gap:20px}.hero-foot span:last-child{display:none}.section{padding:64px 6%}.intro,.section-top{grid-template-columns:1fr;gap:16px}.eyebrow{margin-bottom:20px}.intro .lead{font-size:20px}.project-grid{gap:38px;grid-template-columns:1fr}.poster{max-height:640px}.project-grid h3{margin-bottom:0}.studio-grid{grid-template-columns:1fr;gap:20px}figure.wide,figure.sound{grid-column:auto}.sound{display:block;background:transparent}.sound figcaption{justify-self:auto}figure.wide img,figure img,.sound img{height:300px}.location{grid-template-columns:1fr 1fr;gap:18px}.location>p{grid-column:1/-1;grid-row:2}.location h3{font-size:40px}.location strong{font-size:40px}.location span{font-size:10px}.contact-bottom{flex-direction:column}.detail-content{margin-left:0}summary{gap:8px;padding:22px 0}.num{width:28px}summary h3{font-size:23px}footer{gap:20px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Expanded editorial sections and original company-profile imagery. */
.hero{height:auto;min-height:780px;max-height:none}.hero-content{padding-bottom:105px}.hero-photo{object-position:center}.hero-bottom p{max-width:670px;font-size:clamp(18px,1.8vw,26px);line-height:1.5}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.15)),linear-gradient(0deg,#101413,transparent 45%)}.hero h1{font-size:clamp(80px,9vw,140px)}.output{padding-bottom:45px;background:#19201d;max-width:none}.output-nav{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:flex-start}.output-nav a{display:block!important;font-size:14px;border-bottom:1px solid #52766a;padding:9px 0}.service-section{border-top:1px solid var(--line)}.alternate{background:#19201d;max-width:none}.project-grid article{min-width:0}.video-cover{position:relative;display:block;overflow:hidden}.video-cover.poster{aspect-ratio:2/3}.video-cover img{width:100%;height:100%;object-fit:cover}.video-cover:hover img{transform:scale(1.025)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #ffffffc9;background:#081c17c7;border-radius:50%;display:grid;place-items:center;color:white;font-size:22px;padding-left:4px;box-shadow:0 4px 24px #0005}.watch{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000d);padding:60px 20px 22px;font-size:12px;letter-spacing:.1em;text-align:center}.video-cover:hover .play{background:var(--mint);color:#061e16}.release{color:var(--mint);font-size:16px;margin-top:10px}.ad{aspect-ratio:16/10;background:#101413;border:1px solid #3b4b44}.brand-cover{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:13px;line-height:1.6;letter-spacing:.06em;padding:30px 24px 100px;color:#fff}.brand-cover strong{font-size:clamp(18px,1.8vw,26px);line-height:1.2;letter-spacing:-.03em}.brand-cover img{width:85%;height:90px;object-fit:contain!important}.ad .play{top:auto;bottom:34px;width:42px;height:42px;font-size:15px;transform:translateX(-50%)}.ad .watch{padding:14px;font-size:11px}.ad-grid h3{font-size:23px;line-height:1.25}.room-grid,.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.room-grid img{width:100%;height:390px;object-fit:cover}.room-grid h3,.ai-grid h3{font-size:25px;line-height:1.2;margin:24px 0 16px}.room-grid p{color:var(--muted)}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:36px 0 15px;margin-top:24px;border-top:1px solid var(--line)}.delivery-grid .eyebrow{color:var(--mint);margin-bottom:14px}.closing-line{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(30px,4vw,58px);line-height:1.05;margin:36px 0 0;letter-spacing:-.03em}.closing-line span,.ai-subhead span{color:var(--mint)}.ai-subhead{font-size:clamp(24px,3.2vw,44px);line-height:1.2;letter-spacing:-.03em;margin:25px 0 36px}.ai-grid img{width:100%;aspect-ratio:1/1.35;object-fit:cover}.ai-grid article{border-top:1px solid var(--mint);padding-top:16px}.ai-grid h3{color:var(--mint);text-transform:uppercase}.ai-grid dt{font-size:14px;text-transform:uppercase;font-weight:bold;margin-top:25px}.ai-grid dd{margin:6px 0 0;color:#bfcac3;font-size:16px;line-height:1.5}.site-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}.site-overview img{width:100%;height:390px;object-fit:cover}.site-overview strong{font-size:clamp(55px,6vw,90px);color:var(--mint);line-height:1;letter-spacing:-.06em}.site-overview h3{font-size:26px;line-height:1.2;margin:20px 0}.site-overview p{color:var(--muted)}.stage-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-block:1px solid var(--line);padding:35px 0;margin:45px 0}.stage-sizes span{font-size:12px;letter-spacing:.12em}.stage-sizes strong{display:block;font-size:42px;color:var(--mint);line-height:1.2}.stage-sizes small{font-size:24px}.floorplan{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}.floorplan h3{font-size:36px;margin-bottom:20px}.floorplan ol{padding-left:25px;color:#c2ccc6;line-height:1.9}.floorplan li::marker{color:var(--mint)}.plan-link img{width:100%;height:auto}.plan-link span{font-size:14px;color:var(--mint);display:block;text-align:right;margin-top:15px}.collages{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;margin-top:60px}.collages img{width:100%;height:auto}.collages figcaption{font-size:12px}.company-data{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line);font-size:14px;letter-spacing:0}.company-data dt{color:var(--muted)}.company-data dd{margin:6px 0 0}footer{display:block}.footer-top{display:flex;justify-content:space-between;gap:20px}dialog{width:min(1000px,94vw);max-height:92svh;padding:20px;background:#101413;color:var(--text);border:1px solid #456353;overflow:auto}dialog::backdrop{background:#000d}.dialog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.dialog-bar h2{font-family:Arial,sans-serif;font-size:20px;line-height:1.3;margin:0;letter-spacing:0}.dialog-bar button{background:transparent;color:white;border:1px solid #81978d;padding:10px 15px;cursor:pointer;font-size:14px;flex-shrink:0}#video-player{aspect-ratio:16/9;background:#000}#video-player iframe{width:100%;height:100%;border:0;display:block}.video-fallback{margin:18px 0 0;font-size:14px;color:var(--muted)}.video-fallback a{color:var(--mint);text-decoration:underline}.video-open{overflow:hidden}@media(min-width:1600px){.alternate,.output{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}}@media(max-width:750px){.hero{min-height:740px}.hero h1{font-size:clamp(70px,15.5vw,110px)}.hero-bottom p{font-size:19px}.hero-content{padding-bottom:100px}.room-grid,.ai-grid,.site-overview,.floorplan,.collages{grid-template-columns:1fr}.room-grid img{height:370px}.ai-grid{gap:40px}.ai-grid img{max-height:480px;object-position:top}.stage-sizes{grid-template-columns:1fr 1fr;gap:30px}.stage-sizes strong{font-size:38px}.site-overview img{height:270px}.floorplan{gap:20px}.output-nav{gap:8px 20px}.output-nav a{font-size:14px}.ad{aspect-ratio:16/9}.brand-cover{padding-bottom:90px}.brand-cover strong{font-size:26px}.brand-cover img{height:110px}.company-data{grid-template-columns:1fr;gap:20px}.delivery-grid{grid-template-columns:1fr}.dialog-bar h2{font-size:16px}.hero-foot,.location span,footer{font-size:12px}.play{width:58px;height:58px}.collages{gap:35px}.site-overview strong{font-size:65px}.room-grid h3{margin-top:18px}.project-grid{gap:40px}.floorplan ol{font-size:16px}}@media(max-width:390px){.hero h1{font-size:16vw}.hero-bottom p{font-size:17px}.brand{width:145px}.brand-cover strong{font-size:22px}.stage-sizes strong{font-size:32px}}

/* Left-aligned service headings and a repeated studio image for the identity section. */
.service-section .section-top{display:block;text-align:left}
.service-section .section-top>.eyebrow{padding-top:0;margin-bottom:28px}
.service-section .section-top>div{max-width:1100px}
.service-section .section-top h2{margin-left:0}
.service-section .section-top p:not(.eyebrow){max-width:850px}
.intro-backdrop{display:block;max-width:none;background-image:linear-gradient(90deg,rgba(8,15,12,.94),rgba(8,15,12,.76) 62%,rgba(8,15,12,.49)),url("assets/hero.jpg");background-size:cover;background-position:center;isolation:isolate}
.intro-backdrop>div{max-width:1100px}
.intro-backdrop .eyebrow{padding-top:0}
.intro-backdrop p:not(.eyebrow){color:#d8dfdb}
.collages{display:block;max-width:900px;margin:60px auto 0}
.collages figure{width:100%;margin:0 auto}
.collages figcaption{justify-content:center;text-align:center}
@media(min-width:1600px){.intro-backdrop{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}}
@media(max-width:750px){.service-section .section-top>.eyebrow{margin-bottom:22px}.intro-backdrop{background-image:linear-gradient(rgba(8,15,12,.84),rgba(8,15,12,.88)),url("assets/hero.jpg");background-position:60% center}.collages{margin-top:40px}}

.rental{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:40px 0;border-block:1px solid var(--line);margin-top:55px}.rental .eyebrow{margin-bottom:12px;color:var(--mint)}.rental h3{font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}.rental p:last-child{color:var(--muted);margin-bottom:0}.rental .button{flex-shrink:0}.rental+.location{border-top:0;margin-top:25px}@media(max-width:750px){.rental{flex-direction:column;align-items:flex-start;gap:24px}.rental .button{max-width:100%;gap:24px}}

/* Frame the leftmost 740px of the 1210px original; keep the desk sign outside the crop. */
.editing-frame{--frame-height:390px;position:relative;overflow:hidden;height:var(--frame-height);width:100%}
.room-grid .editing-frame img{position:absolute;left:0;top:50%;width:max(163.514%,calc(var(--frame-height) * 1.787297));max-width:none;height:auto;transform:translateY(-50%)}
@media(max-width:750px){.editing-frame{--frame-height:370px}}

.collages{width:100%;max-width:none}
.theatre-collage-frame{width:100%;aspect-ratio:1454 / 1246;overflow:hidden}
.collages .theatre-collage-frame img{display:block;width:100%;height:auto}

/* Studio booking alongside the heading; floor plan and section share one dark surface. */
#studios{background:#0f0f0f;max-width:none}
#studios .section-top>.studio-heading-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:50px;max-width:none;align-items:start}
#studios .studio-heading-copy h2{font-size:clamp(36px,4vw,64px)}
#studios .studio-rental{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:22px;border:0;border-left:1px solid var(--line);padding:6px 0 6px 30px;margin:0}
#studios .studio-rental h3{font-size:clamp(26px,2.5vw,38px)}
#studios .studio-rental p:not(.eyebrow){font-size:16px}
#studios .studio-rental .button{gap:20px;white-space:normal}
.plan-image img{width:100%;height:auto;display:block}
@media(min-width:1600px){#studios{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}}
@media(max-width:900px){#studios .section-top>.studio-heading-row{grid-template-columns:1fr;gap:25px}#studios .studio-rental{border-left:0;padding:20px 0 0;border-top:1px solid var(--line)}#studios .studio-heading-copy h2{font-size:clamp(36px,5.3vw,64px)}}

/* Transparent navigation overlays the opening photograph, with no separate banner. */
body>header{position:absolute;inset:0 0 auto;z-index:5;width:100%;height:112px;background:none;border:0;box-shadow:none;padding:0 5%}
body>header .brand{position:relative;display:block;width:260px;aspect-ratio:1157 / 281;overflow:hidden;flex-shrink:0}
body>header .brand img{position:absolute;max-width:none;width:177.00951%;height:auto;left:-39.84443%;top:-174.73310%;display:block}
body>header nav{text-shadow:0 1px 6px #000}
.hero-content{padding-top:142px}
.hero{min-height:850px}
@media(max-width:750px){body>header{height:auto;padding:25px 6% 0;display:flex;flex-wrap:wrap;gap:20px}body>header .brand{width:200px}body>header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}body>header nav a:not(.contact-link){display:block}body>header .contact-link{padding:0 0 6px}body>header .contact-link span{margin-left:6px}.hero-content{padding-top:175px}.hero{min-height:850px}}
@media(max-width:390px){body>header nav{font-size:12px;gap:10px}body>header .brand{width:180px}}

/* Central monitor crop matching the supplied reference, excluding the desk sign and wall decor. */
.room-grid .editing-frame img{width:max(298.76544%,calc(var(--frame-height) * 1.920635));left:0;top:50%;transform:translate(-28.512397%,-50%)}
.background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero .background-video{z-index:0}.hero-shade{z-index:1}.hero-content,.hero-foot{z-index:2}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12)),linear-gradient(0deg,#101413,transparent 28%)}
.intro-backdrop{position:relative;overflow:hidden;background:#101413;isolation:isolate}
.intro-backdrop .background-video{z-index:-2}
.intro-backdrop>.intro-shade{position:absolute;inset:0;max-width:none;z-index:-1;background:linear-gradient(90deg,rgba(8,15,12,.86),rgba(8,15,12,.6))}
.background-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;position:relative;z-index:2}
.background-controls .film-label{font-size:14px;font-weight:bold;letter-spacing:.08em;margin-right:10px;text-transform:uppercase;color:#fff}
.background-controls button{font:inherit;font-size:14px;color:white;border:1px solid #ffffff85;background:#1014139c;padding:8px 14px;cursor:pointer;letter-spacing:0;text-transform:none}
.background-controls button:hover{background:#087b68}.background-controls button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.intro-backdrop>.background-controls{margin-top:28px;max-width:none}
.hero-foot{align-items:center}.hero-foot>span{margin-left:auto}
@media(max-width:750px){.intro-backdrop{background:#101413}.hero-foot{display:flex;bottom:20px}.hero-foot>span{display:none}.hero-foot .background-controls span{display:block}.background-controls{gap:8px}.background-controls button{padding:8px 10px}.hero-content{padding-bottom:115px}}

/* Identity retains the original studio photo; only the opening hero uses video. */
.intro-backdrop{background-image:linear-gradient(90deg,rgba(8,15,12,.94),rgba(8,15,12,.76) 62%,rgba(8,15,12,.49)),url("assets/hero.jpg");background-size:cover;background-position:center}
@media(max-width:750px){.intro-backdrop{background-image:linear-gradient(rgba(8,15,12,.84),rgba(8,15,12,.88)),url("assets/hero.jpg");background-position:60% center}}

/* Slightly smaller, lower hero typography; the selected post-production photo is shown in full. */
.hero h1{font-size:clamp(72px,8vw,124px);font-weight:900}
.hero-content{padding-top:185px}
.room-grid .editing-photo{width:100%;height:auto;object-fit:contain;align-self:start}
@media(max-width:750px){.hero h1{font-size:clamp(64px,14vw,98px)}.hero-content{padding-top:200px}.room-grid .editing-photo{height:auto}}
@media(max-width:390px){.hero h1{font-size:14.5vw}}

.hero h1 .title-period{display:inline-block;margin-left:.09em}
.collaborations{margin:16px 0 48px;padding:26px 0;border-block:1px solid var(--line)}
.collaborations h3{font-size:14px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--mint);margin:0 0 26px}
.partner-logos{list-style:none;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;gap:24px;padding:0;margin:0}
.partner-logos li{min-width:0;height:92px;display:flex;align-items:center;justify-content:center}
.partner-logos img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.partner-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 30px}.partner-logos li{height:82px}}
@media(max-width:750px){.partner-logos{display:flex;overflow-x:auto;gap:30px;scroll-snap-type:x proximity;padding:0 0 16px;scrollbar-color:var(--mint) #25332c}.partner-logos li{flex:0 0 120px;scroll-snap-align:start;height:90px}.collaborations{margin-bottom:35px}}
/* A consistent square image row keeps all three post-production cards aligned. */
.room-grid article>img,.room-grid .editing-photo{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center}
.room-grid .editing-photo{object-position:47% center}
.room-grid img[src="assets/score.jpg"]{object-position:center 55%}
.room-grid img[src="assets/mix.jpg"]{object-position:center}

.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex-shrink:0}
.brand-descriptor{font-size:13px;line-height:1.3;letter-spacing:.025em;color:var(--text);text-shadow:0 1px 6px #000}
.hero-content{padding-top:251px}
@media(max-width:750px){body>header .brand-lockup{gap:7px}.brand-descriptor{font-size:12px;letter-spacing:0}.hero-content{padding-top:255px}}
/* Nunito is scoped strictly to descriptive copy, not headings or interface labels. */
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/nunito-regular.ttf') format('truetype')}
.hero-bottom>p,
.intro>div>p,
.service-section .section-top>div>p,
.studio-heading-copy>p,
.room-grid article>p,
.ai-grid dd,
.delivery-grid p:not(.eyebrow),
.site-overview p,
#studios .studio-rental p:not(.eyebrow),
.location>p,
.contact-bottom>p:first-child{font-family:'Nunito',Arial,sans-serif;font-weight:400;line-height:1.65}
body>header .brand-descriptor{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.17em;line-height:1.5;text-transform:uppercase;max-width:345px}
@media(max-width:750px){body>header .brand-descriptor{max-width:290px;font-size:12px;letter-spacing:.17em}}
/* Advertising stills share one square frame while preserving the selected focal points. */
.ad-grid .video-cover.ad{aspect-ratio:1 / 1;border:0;background:#101413}
.ad-grid .ad-photo{width:100%;height:100%;object-fit:cover;display:block}
.ad-grid [data-video="F5_N12MaEXU"] .ad-photo{object-position:center 40%}
.ad-grid [data-video="LXjbXtykdQM"] .ad-photo{object-position:center 58%}
.ad-grid [data-video="meWQ61AXMnY"] .ad-photo{object-position:center 53%}
.ad-grid .ad .play{top:50%;bottom:auto;transform:translate(-50%,-50%);width:56px;height:56px;font-size:20px}
.ad-grid .ad .watch{padding:55px 15px 19px;font-size:12px}
/* Original logo silhouettes, rendered in white on transparent surfaces. */
.collaboration-group+.collaboration-group{margin-top:30px;padding-top:27px;border-top:1px solid #ffffff24}
.collaborations .partner-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:22px 30px;overflow:visible}
.collaborations .partner-logos li{flex:0 0 calc((100% - 120px) / 5);height:92px;min-width:0}
.collaborations .partner-logos img{width:100%;height:100%;max-width:170px;object-fit:contain;filter:brightness(0) invert(1)}
.collaborations .collaboration-group:last-child .partner-logos li{flex-basis:calc((100% - 90px) / 4);height:104px}
.collaborations .collaboration-group:last-child .partner-logos img{max-width:220px}
/* Sticky, darkened set photography spans advertising through delivery. */
.production-story{position:relative;isolation:isolate;background:#101413}
.production-wall{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;pointer-events:none;z-index:0}
.production-mosaic{position:absolute;inset:-4% 0;display:grid;gap:4px;will-change:transform,opacity;transform:translateY(var(--parallax-y,0px))}
.production-mosaic img{width:100%;height:100%;min-height:0;min-width:0;object-fit:cover;filter:saturate(.65)}
.mosaic-9{grid-template-columns:repeat(3,1fr);grid-template-rows:46% 54%;opacity:calc(1 - var(--scene-blend,0))}
.mosaic-9 img:first-child{grid-column:1/-1}
.mosaic-10{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;opacity:var(--scene-blend,0)}
.production-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,14,.85),rgba(9,17,14,.72)),linear-gradient(0deg,#101413 0%,transparent 18%,transparent 82%,#101413 100%)}
.production-content{position:relative;margin-top:-100svh;z-index:1}
.production-content>#advertising,.production-content>#post{background:transparent;max-width:none}
.production-content .collaborations{background:#10141370;padding:28px;border-color:#ffffff30}
.production-content .section-top p:not(.eyebrow),.production-content .room-grid p{color:#d4ddd8}
/* A small recording indicator replaces the pointer only on fine-pointer devices. */
.cinema-cursor{position:fixed;left:0;top:0;z-index:2147483647;pointer-events:none;display:flex;align-items:center;gap:5px;will-change:transform;filter:drop-shadow(0 1px 3px #000b);color:#ff424c}
.cinema-cursor[hidden]{display:none}
.cursor-glyph{width:26px;height:26px;border:1px solid currentColor;border-radius:50%;display:block;position:relative;transition:color .15s,border-color .15s,scale .15s;background:#080e0b75}
.cursor-glyph svg{width:100%;height:100%;fill:currentColor;display:block}
.cursor-word{font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;color:#ff424c}
.pause-symbol,.play-symbol{display:none}
.cinema-cursor[data-state="pause"] .rec-symbol,.cinema-cursor[data-state="play"] .rec-symbol{display:none}
.cinema-cursor[data-state="pause"] .pause-symbol,.cinema-cursor[data-state="play"] .play-symbol{display:block}
.cinema-cursor[data-state="pause"]{color:#fff}
.cinema-cursor[data-state="pause"] .cursor-word,.cinema-cursor[data-state="play"] .cursor-word{display:none}
.cinema-cursor[data-state="play"]{color:var(--mint)}
.cinema-cursor[data-state="play"] .cursor-glyph{scale:1.2}
.cinema-cursor[data-state="rec"] .rec-symbol{animation:rec-breath 1.4s ease-in-out infinite}
.cinema-cursor.is-clicking .cursor-glyph:after{content:'';position:absolute;inset:-1px;border:1px solid var(--mint);border-radius:50%;animation:cursor-click .5s ease-out forwards}
@keyframes rec-breath{50%{opacity:.48}}
@keyframes cursor-click{from{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}
@media(hover:hover) and (pointer:fine){html.custom-cursor,html.custom-cursor *{cursor:none!important}}
@media(min-width:1600px){.production-content>#advertising,.production-content>#post{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}}
@media(max-width:750px){.collaborations .partner-logos{gap:20px}.collaborations .partner-logos li,.collaborations .collaboration-group:last-child .partner-logos li{flex:0 0 calc((100% - 20px)/2);height:88px}.production-content .collaborations{padding:24px 16px}.production-wall{height:100svh}.production-mosaic{inset:0}.ad-grid .ad .play{width:56px;height:56px}.cinema-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.production-mosaic{transform:none!important;will-change:auto}.cursor-glyph,.rec-symbol{animation:none!important;transition:none!important}.cinema-cursor{display:none!important}}
/* Half-size collaboration marks retain generous, consistent spacing. */
.collaborations .partner-logos img{width:50%;height:50%;max-width:85px}
.collaborations .collaboration-group:last-child .partner-logos img{max-width:110px}

/* One quiet collaboration strip: fourteen logos, two rows, no dividers. */
.production-content .collaborations{border:0;background:transparent;padding:20px 0;margin:12px 0 40px}
.logos-viewport{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#536c60 transparent}
.logos-viewport:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.collaborations .partner-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,64px);gap:14px 24px;min-width:700px;margin:0;padding:0 0 8px}
.collaborations .partner-logos li{height:64px;min-width:0;display:flex;align-items:center;justify-content:center}
.collaborations .partner-logos img{width:100%;height:46px;max-width:85px;object-fit:contain}

/* Replace the upper-left three-photo block with the requested group shot. */
.theatre-collage-frame{position:relative}
.collages .theatre-collage-frame .theatre-group-replacement{position:absolute;left:0;top:0;width:50.21%;height:35.875%;object-fit:cover;object-position:center}

/* Compact brand, refined spacing and press carousel */
body>header .brand{width:210px}.brand-lockup{gap:3px}.brand-descriptor{font-size:9px!important;line-height:1.25!important;letter-spacing:.13em!important;max-width:260px!important}.film-label{font-size:11px!important;letter-spacing:.08em!important;text-transform:none!important}
.floorplan .plan-image{width:88%;margin:auto}.location{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:30px}.location strong{white-space:nowrap}.company-data{font-size:12px}.company-data dd{font-size:12px;line-height:1.6}
.news{padding-top:70px;padding-bottom:75px;background:#101413}.news-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.news h2{font-size:clamp(48px,6vw,90px);margin:0}.news-controls{display:flex;gap:10px;padding-bottom:8px}.news-controls button{width:42px;height:42px;border:1px solid #53645e;border-radius:50%;color:#f6f4eb;background:transparent;font-size:22px;cursor:pointer}.news-controls button:hover{background:#08bba3;color:#101413}.news-controls button:disabled{opacity:.3;cursor:default}.news-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#08bba3 #1b2521;padding:0 0 18px}.news-card{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;min-width:220px}.news-card a{display:block;text-decoration:none;color:inherit}.news-cover{position:relative;aspect-ratio:16/10;background:#080b0a;overflow:hidden}.news-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card:hover img{transform:scale(1.03)}.news-cover span{position:absolute;right:12px;bottom:12px;background:#101413c9;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:13px}.news-card h3{font-size:19px;line-height:1.2;margin:9px 0 15px}.news-card .project-meta{font-size:10px;margin:17px 0 0;color:#0bc6ac}.news-action{font-size:12px;color:#bbbfb9}.news-card:nth-child(3) img{object-fit:contain}.news-card:focus-within{outline:1px solid #08bba3;outline-offset:3px}#video-player video{width:100%;height:100%;max-height:75vh;object-fit:contain;background:#000;display:block}.video-fallback[hidden]{display:none}
@media(max-width:800px){body>header .brand{width:175px}.brand-descriptor{font-size:8px!important;max-width:220px!important}.location{grid-template-columns:1fr 1fr}.news-card{flex-basis:65%;min-width:220px}.news-heading{align-items:center}.news h2{font-size:48px}.floorplan .plan-image{width:92%}}@media(prefers-reduced-motion:reduce){.news-cover img{transition:none}}

body>header .brand-lockup{gap:3px}

.contact-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.contact-heading h2{flex:1;min-width:0}.founders{display:flex;gap:22px;flex-shrink:0;padding-top:4px}.founder{width:150px}.founder-photo{width:100%;height:auto;aspect-ratio:9/16;overflow:hidden;background:#16382f;border-radius:3px}.founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}.founder-photo .corrado-portrait{transform:none;object-position:55% center}.founder figcaption{display:flex;flex-direction:column;gap:4px;letter-spacing:0;padding:12px 0 0;line-height:1.35}.founder figcaption strong{font-size:14px;font-weight:700}.founder figcaption span{font-size:11px;opacity:.8}@media(max-width:1100px){.contact-heading{flex-direction:column;gap:0}.founders{align-self:flex-end;margin:0 0 32px;padding-top:0}}@media(max-width:480px){.founders{align-self:flex-start;gap:18px;width:100%}.founder{width:calc((100% - 18px)/2);max-width:150px}}
.footer-legal{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.footer-legal span{line-height:1.6}

.footer-single{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6}.footer-single p{margin:0;white-space:nowrap}.footer-single a{flex-shrink:0}@media(max-width:1000px){.footer-single{flex-direction:column;align-items:flex-start;gap:12px}.footer-single p{white-space:normal}}

.partner-logos img.original-partner-logo{filter:none}

.work-carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin:0 0 20px}.work-carousel-controls button{width:42px;height:42px;border:1px solid #65776e;border-radius:50%;background:transparent;color:var(--text);font-size:22px;cursor:pointer}.work-carousel-controls button:hover{background:var(--mint);color:var(--bg)}.work-carousel-controls button:disabled{opacity:.3;cursor:default}.ad-grid{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--mint) #25332d;padding-bottom:18px}.ad-grid>article{flex:0 0 calc((100% - 60px)/3);scroll-snap-align:start}.podcast-client{font-family:'Nunito',Arial,sans-serif;color:var(--muted);font-size:15px;line-height:1.5}.podcast-cover:before{content:'';position:absolute;inset:0;background:url('assets/vox-mercatoria.png') center/cover;filter:blur(14px) brightness(.65);transform:scale(1.1)}.ad-grid .podcast-cover .ad-photo{position:relative;object-fit:contain}.ad-grid .podcast-cover .play{top:50%;bottom:auto;transform:translate(-50%,-50%)}@media(max-width:750px){.ad-grid{gap:20px}.ad-grid>article{flex-basis:82%}}

.hero-bottom .hero-description{max-width:760px;text-align:left;font-size:clamp(17px,1.5vw,22px);line-height:1.5;flex:1}.hero-description>span{display:block}#advanced .section-top .advanced-highlight{color:var(--mint);font-size:clamp(22px,2.1vw,28px);line-height:1.4;margin-top:22px;max-width:760px}@media(max-width:750px){.hero-bottom .hero-description{font-size:17px}.hero-description>span{margin-bottom:4px}}

/* A quiet, compact introduction beneath the main title. */
.hero-bottom .hero-description{max-width:540px;font-size:clamp(15px,1.1vw,17px);line-height:1.55;letter-spacing:0;color:#e1e5df;text-align:left;margin:0}.hero-content h1{margin-bottom:24px}.hero-bottom{align-items:flex-end}@media(max-width:750px){.hero-bottom .hero-description{max-width:100%;font-size:15px;line-height:1.55}.hero-content h1{margin-bottom:22px}}

/* A shared closing layout keeps press, people and contact details in proportion. */
#news.section{max-width:none;padding:64px 6% 56px;border-top:1px solid var(--line)}
#news .news-inner,#contatti .contact-inner{width:100%;max-width:1040px;min-width:0;margin:0 auto}
#news .news-heading{align-items:flex-end;margin:0 0 26px;gap:24px}
#news .news-heading>div:first-child{min-width:0}
#news .eyebrow{margin:0 0 14px}
#news h2{font-size:clamp(42px,5.3vw,76px);line-height:1;letter-spacing:-.015em;text-align:left}
#news .news-controls{flex-shrink:0;padding-bottom:2px;gap:8px}
#news .news-controls button{width:36px;height:36px;font-size:18px}
#news .news-track{width:100%;max-width:100%;display:flex;align-items:stretch;gap:20px;padding:0 0 14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}
#news .news-card{box-sizing:border-box;flex:0 0 calc((100% - 60px)/4);width:calc((100% - 60px)/4);min-width:0;max-width:245px;scroll-snap-align:start}
#news .news-card>a{height:100%;display:flex;flex-direction:column;min-width:0}
#news .news-cover{position:relative;width:100%;height:auto;aspect-ratio:16/9;flex-shrink:0;overflow:hidden;background:#080b0a}
#news .news-cover img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#news .news-cover span{right:10px;bottom:10px;width:30px;height:30px;font-size:12px}
#news .news-card .project-meta{display:block;margin:14px 0 7px;font:700 12px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.06em;color:var(--mint)}
#news .news-card h3{margin:0 0 14px;font-size:17px;line-height:1.35;letter-spacing:-.015em;overflow-wrap:break-word}
#news .news-action{display:block;margin-top:auto;font-size:12px;line-height:1.5}
#contatti.section{padding:58px 6% 46px}
#contatti .eyebrow{margin:0 0 20px}
#contatti .contact-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin:0 0 30px}
#contatti .contact-heading h2{margin:0;font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-.012em}
#contatti .founders{display:flex;align-self:auto;align-items:flex-start;justify-content:flex-end;gap:18px;margin:0;padding:0;min-width:0}
#contatti .founder{flex:0 0 124px;width:124px;max-width:124px;min-width:0;margin:0}
#contatti .founder-photo{position:relative;display:block;width:124px;height:220px;aspect-ratio:9/16;overflow:hidden;border-radius:3px;background:#16382f}
#contatti .founder-photo img{display:block;box-sizing:border-box;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:grayscale(1)}
#contatti .founder-photo .corrado-portrait{object-position:55% center}
#contatti .founder figcaption{display:flex;flex-direction:column;justify-content:flex-start;gap:3px;padding:10px 0 0;letter-spacing:0;line-height:1.35}
#contatti .founder figcaption strong{font-size:13px;line-height:1.4;font-weight:700}
#contatti .founder figcaption span{font-size:12px;line-height:1.4}
#contatti .email{font-size:clamp(24px,3.3vw,44px);line-height:1.2;padding:10px 0 24px;align-items:center}
#contatti .contact-bottom{padding-top:24px;align-items:flex-start}
body>footer{padding:24px 6%}
body>footer .footer-single{width:100%;max-width:1040px;margin:0 auto;gap:20px}
@media(max-width:1000px){
  #news .news-card{flex-basis:calc((100% - 40px)/3);width:calc((100% - 40px)/3);max-width:none}
  #contatti .contact-heading{gap:28px}
  #contatti .founders{align-self:auto;margin:0;gap:14px}
  #contatti .founder{flex-basis:110px;width:110px;max-width:110px}
  #contatti .founder-photo{width:110px;height:196px}
}
@media(max-width:680px){
  #news.section{padding-top:44px;padding-bottom:40px}
  #news .news-heading{gap:16px;margin-bottom:22px}
  #news h2{font-size:clamp(36px,8.2vw,52px)}
  #news .news-track{gap:16px}
  #news .news-card{flex-basis:calc((100% - 16px)/2);width:calc((100% - 16px)/2)}
  #news .news-card h3{font-size:16px}
  #news .news-card .project-meta{font-size:11px}
  #contatti.section{padding-top:44px;padding-bottom:34px}
  #contatti .contact-heading{grid-template-columns:1fr;gap:28px;margin-bottom:26px}
  #contatti .contact-heading h2{font-size:clamp(44px,10.2vw,68px)}
  #contatti .founders{width:100%;justify-content:flex-end;gap:18px}
  #contatti .founder{flex-basis:112px;width:112px;max-width:112px}
  #contatti .founder-photo{width:112px;height:199px}
  #contatti .contact-bottom{gap:12px}
}
@media(max-width:420px){
  #news .news-card{flex-basis:76%;width:76%;max-width:260px}
  #news .news-controls button{width:32px;height:32px;font-size:17px}
}
