/* The studio's format-first collection and collaboration system. */
.agency-highlight{display:inline-flex;align-items:center;gap:10px;color:#fff;padding:8px 14px;border:1px solid #ed5d8d66;border-radius:30px;background:linear-gradient(105deg,#ff803e15,#e632bd18);box-shadow:0 0 24px #e632bd0a}
.agency-highlight::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px #ff803e80;flex-shrink:0}
.hero-topline{align-items:center;gap:15px;flex-wrap:wrap}.hero-copy>p:first-of-type{margin-top:0}
.hero-sculpture{position:absolute;right:8%;top:24%;width:170px;height:190px;perspective:650px;pointer-events:none;z-index:1}
.sculpture-core{position:absolute;inset:0;transform-style:preserve-3d;animation:frame-float 9s ease-in-out infinite alternate;transform:rotateX(14deg) rotateY(-27deg) rotateZ(12deg)}
.sculpture-frame{position:absolute;inset:20px 12px;border:7px solid #ff9c624f;border-top-color:#ffd2b3b0;border-left-color:#ffae7c90;border-radius:22px;box-shadow:inset 0 0 28px #ff803e22,0 18px 34px #17041566;background:linear-gradient(135deg,#ffb08522,#e82db51a);backdrop-filter:blur(4px)}
.sculpture-frame:nth-child(1){transform:translateZ(-55px);border-color:#af58ee70;background:#812fa825}.sculpture-frame:nth-child(2){transform:translateZ(0)}.sculpture-frame:nth-child(3){transform:translateZ(55px);display:grid;place-items:center;border-color:#f69ccd80;font-family:Display,Impact,sans-serif;font-size:76px;line-height:1;color:#fff9;text-shadow:4px 6px 0 #e932aa35}
@keyframes frame-float{to{transform:rotateX(-9deg) rotateY(-15deg) rotateZ(4deg) translateY(-12px)}}
.work-format-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:34px;align-items:start}
.work-format{min-width:0}.work-format-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:20px}
.work-format-heading h3{font-family:Display,Impact,sans-serif;font-size:30px;letter-spacing:.015em;line-height:1}.work-format-heading>span{color:var(--muted);font-size:.75rem;white-space:nowrap}
.work-format .project-image{height:auto;aspect-ratio:16/9}.work-format-short .project-image{aspect-ratio:9/16;max-width:320px;margin-inline:auto}.work-format-short .project-overlay-title{font-size:clamp(32px,3.6vw,54px)}
.work-format .project-caption{display:block}.work-format .project-caption p{text-align:left;margin-top:5px}.work-format .round-play{right:20px;top:76px;bottom:auto}
.format-gallery-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:18px;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:700}.format-gallery-link span{color:var(--orange);font-size:1.25rem}.format-gallery-link:hover{color:var(--orange)}
.video-host{position:absolute;inset:0;background:#080609;z-index:8}.video-host:empty{display:none}.video-host iframe,.video-host video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#080609}
.reel-screen.short-video{aspect-ratio:9/16;width:min(100%,360px);max-height:65dvh;margin-inline:auto}.reel-screen{aspect-ratio:16/9;min-height:200px}.reel-screen.has-video{min-height:200px}.reel-controls{flex-wrap:wrap}.reel-controls p{flex:1;min-width:140px;letter-spacing:.04em}.reel-controls>button{min-height:44px;padding-inline:16px;border:1px solid var(--line);border-radius:30px}
.reel-controls>span{font-size:.7rem;color:var(--orange);letter-spacing:.08em}.reel-dialog #reel-word{font-size:clamp(30px,7vw,100px);max-width:90%}
.comparison-link-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.comparison-link-controls button{min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:26px;background:transparent;font-size:.8rem}.comparison-link-controls button:hover{color:var(--orange);border-color:var(--orange)}
.comparison-stage.short-comparison{aspect-ratio:9/16;max-width:430px;margin-inline:auto}.comparison-stage:not(.short-comparison){aspect-ratio:16/10}
.workflow-section{padding-top:0}.workflow-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}.workflow-heading h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.035em}.workflow-heading>.eyebrow{color:var(--orange);max-width:200px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workflow-card{min-width:0;padding:28px;border:1px solid #544050;border-radius:10px;background:linear-gradient(145deg,#34232f,#201c20 65%);position:relative;overflow:hidden}
.workflow-card::after{content:'';width:120px;height:120px;position:absolute;right:-45px;top:-45px;border-radius:50%;background:#ef44b012;pointer-events:none}.workflow-tool{display:flex;align-items:center;gap:12px;margin-bottom:25px}.workflow-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffb08455;border-radius:12px;color:var(--orange);background:#ff803e0d}.workflow-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.workflow-tool strong{font-size:1.3rem;letter-spacing:-.02em}.workflow-tool small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.08em;margin-top:3px}.workflow-card h3{font-size:1.12rem;margin-bottom:9px}.workflow-card>p{font-size:.925rem;color:var(--muted);line-height:1.65}.workflow-card .workflow-note{display:block;font-size:.65rem;letter-spacing:.09em;color:var(--orange);margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.workflow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-block:25px 55px}.workflow-strip>div{display:flex;gap:14px;align-items:center;min-width:0}.workflow-strip strong{font-size:.95rem;display:block}.workflow-strip p{font-size:.8rem;color:var(--muted);line-height:1.5;margin-top:4px}.footer-workflow{font-size:.75rem!important;line-height:1.7!important;max-width:290px;color:var(--muted);margin-top:14px!important}
.gallery-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:28px 30px;background:linear-gradient(110deg,#ff803e0d,#e632bd12);border:1px solid #664457;border-radius:8px}.gallery-invite p{font-size:.875rem;color:var(--muted);margin-top:5px}.gallery-invite strong{font-size:1.1rem}.gallery-invite .button{flex-shrink:0;font-size:.875rem;gap:22px}.gallery-invite .eyebrow{color:var(--orange);margin-bottom:5px;font-size:.65rem}
.gallery-page .portfolio-hero{padding-bottom:35px}.gallery-page .portfolio-hero h1{font-size:clamp(60px,9.5vw,146px)}.gallery-page .short-film-card{padding-top:0}.gallery-page .long-film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gallery-page .long-film-card .film-word{font-size:clamp(25px,2.5vw,40px);bottom:66px}.gallery-page .film-poster{min-height:200px}.gallery-page .long-film-card .film-poster{aspect-ratio:16/10}.gallery-page .gallery-invite{display:none}.gallery-more-wrap{display:flex;justify-content:center;padding-top:35px}.gallery-more{min-height:44px}.gallery-empty{padding-block:50px;color:var(--muted)}
.short-film-grid,.long-film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.long-film-card.featured-film{grid-column:auto}.long-film-card.featured-film .film-poster{aspect-ratio:16/10}.long-film-card.featured-film .film-word{font-size:clamp(26px,3vw,44px);left:20px;bottom:72px}.long-film-card.featured-film .film-topline{left:18px;right:18px;top:18px}.long-film-card.featured-film .film-bottomline{left:20px;right:20px;bottom:18px}.long-film-card.featured-film .film-bottomline>span:first-child{display:inline}
.long-film-card .film-word{font-size:clamp(26px,3vw,44px)}.long-film-card .film-poster{aspect-ratio:16/10;min-height:200px}.film-card .film-topline{gap:8px}.film-word{overflow-wrap:normal}.film-card-caption>div{min-width:0}
.project-preview-stage.short-preview:has(.video-host:not([hidden])){width:min(100%,380px);max-height:none;min-width:200px}.project-preview-stage:has(.video-host:not([hidden])){min-height:200px}
.service-video-button{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #fff8;background:#171416aa;z-index:3}.service-video-button svg{width:22px;height:22px;fill:currentColor}.service-video-dialog{width:1000px}.service-video-dialog .reel-screen{min-height:200px}
@media(max-width:1100px){.workflow-card{padding:23px}.workflow-strip{gap:15px}.workflow-strip .workflow-icon{display:none}.long-film-grid,.gallery-page .long-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.long-film-grid .film-word,.gallery-page .long-film-card .film-word{font-size:clamp(28px,4vw,45px)}}
@media(max-width:850px){.hero-sculpture{width:125px;height:150px;right:7%;top:20%}.sculpture-frame{border-width:5px}.sculpture-frame:nth-child(3){font-size:55px}.work-format-grid{gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}.work-format .project-overlay-title{font-size:clamp(28px,4.7vw,44px)}.workflow-grid{grid-template-columns:1fr}.workflow-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px 25px;padding:25px}.workflow-tool{grid-row:1/4;margin-bottom:0;align-items:flex-start}.workflow-card h3{margin:0}.workflow-card .workflow-note{margin-top:7px;padding-top:10px}.workflow-heading{align-items:start}.workflow-strip{margin-bottom:40px}.gallery-invite{padding:24px}.gallery-page .portfolio-hero h1{font-size:13vw}}
@media(max-width:600px){.hero-sculpture{right:14px;top:28px;width:86px;height:105px;opacity:.8}.sculpture-frame{border-width:4px;inset:10px 7px;border-radius:12px}.sculpture-frame:nth-child(3){font-size:35px}.sculpture-frame:nth-child(1){transform:translateZ(-28px)}.sculpture-frame:nth-child(3){transform:translateZ(28px)}.hero-coordinate{display:none}.work-format-grid{grid-template-columns:1fr;gap:40px}.work-format-short .project-image{max-width:360px}.work-format .project-overlay-title{font-size:clamp(30px,9vw,46px)}.work-format-short .project-overlay-title{font-size:clamp(32px,11vw,48px)}.work-format-heading h3{font-size:28px}.work-format .project-tag{top:16px;left:16px;font-size:.65rem}.work-format .project-number{top:20px;right:17px}.work-format .round-play{top:65px;right:16px;width:44px;height:44px}.workflow-heading{display:block}.workflow-heading>.eyebrow{margin-bottom:20px;max-width:none}.workflow-card{display:block;padding:24px}.workflow-tool{margin-bottom:20px}.workflow-card h3{margin-bottom:9px}.workflow-card .workflow-note{margin-top:20px;padding-top:14px}.workflow-strip{grid-template-columns:1fr;gap:20px;padding-block:25px}.workflow-strip .workflow-icon{display:grid}.workflow-strip strong{font-size:1rem}.gallery-invite{display:block;padding:24px 20px}.gallery-invite .button{margin-top:20px;width:100%}.long-film-grid,.gallery-page .long-film-grid{grid-template-columns:1fr}.short-film-grid{grid-template-columns:1fr}.film-card.short-film-card{padding-top:0}.long-film-card .film-word,.gallery-page .long-film-card .film-word,.long-film-card.featured-film .film-word{font-size:clamp(28px,8.5vw,44px);left:20px;bottom:70px}.gallery-page .portfolio-hero h1{font-size:clamp(38px,13vw,78px)}.reel-controls>span{width:100%;order:3}.reel-controls p{font-size:.7rem;min-width:0}.reel-screen.short-video{max-height:none;width:min(100%,300px)}.project-preview-stage.short-preview:has(.video-host:not([hidden])){width:min(100%,300px);max-height:none}}
@media(prefers-reduced-motion:reduce){.sculpture-core{animation:none;transform:rotateY(-22deg) rotateZ(7deg)}}

.testimonial-video-button{position:absolute;right:25px;bottom:25px;z-index:9}.service-video-dialog .reel-screen>img{width:100%;height:100%;object-fit:cover}
.media-credit{font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:8px;overflow-wrap:anywhere}.media-credit a{text-decoration:underline;text-underline-offset:3px}.video-host{position:relative}.video-source-link{position:absolute;z-index:10;right:12px;top:12px;padding:7px 11px;border:1px solid #ffffff44;border-radius:8px;background:#171416e8;color:#fff;font-size:.7rem}.service-explainer .quote-mark{display:none}.service-explainer .testimonial-quote-row{grid-template-columns:1fr}.service-explainer blockquote{margin:0}.service-explainer #client-role{display:block}.service-explainer .testimonial-stage:has(.video-host:not([hidden])) .testimonial-placeholder{visibility:hidden}
.film-poster{container-type:inline-size}.film-word{font-size:clamp(28px,13cqw,60px)}.long-film-card .film-word,.long-film-card.featured-film .film-word,.gallery-page .long-film-card .film-word{font-size:clamp(26px,12cqw,44px)}