:root{--bg:#101010;--panel:#191919;--line:#343434;--red:#f43b34;--white:#f5f3ee;--muted:#aaa9a6;--font:'Inter','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}img,video{display:block;max-width:100%}button{color:inherit}p,h1,h2,h3{margin:0}p{line-height:1.8;word-break:keep-all}h1,h2,h3{word-break:keep-all}ul,ol{margin:0;padding:0;list-style:none}section[id],article[id]{scroll-margin-top:95px}.section{padding:100px max(5vw,24px);max-width:1600px;margin:0 auto}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow i,.frame-top i,.live-badge i{display:inline-block;background:var(--red);width:6px;height:6px;border-radius:50%;flex-shrink:0}.skip{position:fixed;left:20px;top:-100px;background:var(--red);padding:14px;z-index:100}.skip:focus{top:15px}.header{height:84px;border-bottom:1px solid #ffffff17;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#101010f2;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.logo{font-size:27px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.brand-mark{width:12px;height:24px;background:var(--red);display:inline-block;transform:skew(-15deg);margin-right:3px}.logo-caption{font-size:8px;letter-spacing:1.5px;font-weight:500;line-height:1.5;width:52px;margin-left:8px;color:#b6b4b1}.header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}.header nav a:not(.nav-cta):hover{color:var(--red)}.nav-cta{padding:12px 18px;border:1px solid #63605d;display:flex;gap:25px;align-items:center}.nav-cta:hover{border-color:var(--red);background:var(--red);color:white}.menu-button{display:none;background:none;border:0}.hero{max-width:1600px;margin:auto;padding:62px max(5vw,24px) 0;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 60%,#5a1c1727,transparent 60%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:5vw;align-items:center;min-height:580px}.hero h1{font-size:clamp(33px,3.6vw,58px);font-weight:800;line-height:1.4;letter-spacing:-2.8px;margin:26px 0}.hero h1>span{color:var(--red)}.hero-desc{font-size:15px;color:#bdbab6;line-height:1.9}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 22px;font-size:13px;font-weight:700;transition:.2s}.red{background:var(--red);color:white;border:1px solid var(--red)}.red:hover{background:#d92a24;transform:translateY(-2px)}.link{font-size:12px;display:flex;gap:18px;border-bottom:1px solid #686868;padding:10px 0}.hero-frame{position:relative;border:1px solid #4e3937;background:#1b1515;box-shadow:0 20px 100px #0006;margin-bottom:8px}.frame-top,.frame-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;background:#191414;font-size:9px;letter-spacing:1px}.frame-top>span:first-child{display:flex;align-items:center;gap:8px}.frame-top>span:last-child{color:#a9a09c}.hero-frame video{width:100%;height:445px;object-fit:cover;object-position:center 42%}.frame-bottom{font-size:11px;letter-spacing:0;color:#bbb}.frame-bottom button{border:0;background:transparent;font-size:10px}.frame-edge{position:absolute;left:-12px;bottom:-12px;width:64px;height:64px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);pointer-events:none}.hero-foot{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding:27px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:1.2px}.hero-foot a{letter-spacing:0;display:flex;gap:24px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:44px}.section-head .eyebrow{margin-bottom:18px}h2{font-size:clamp(30px,3.2vw,48px);line-height:1.35;letter-spacing:-1.9px;font-weight:700}.section-head>p{font-size:13px;color:var(--muted);max-width:470px}.service-overview{padding-top:80px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-tile{padding:25px 25px 28px;min-width:0;border-right:1px solid var(--line);background:#151515;transition:background .25s}.service-tile:last-child{border:0}.service-tile:hover{background:#1c1c1c}.tile-index{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--red)}.tile-index span{font-size:9px;letter-spacing:1px;color:var(--muted)}.tile-art{height:230px;position:relative;overflow:hidden;margin:24px 0 28px;background:#222}.short-art{background:#e8e3d9;display:flex;align-items:center;justify-content:center}.phone-mock{width:112px;height:190px;border:1px solid #ff8c86;border-radius:17px;background:var(--red);color:#fff;padding:13px;transform:rotate(-10deg);box-shadow:14px 12px 0 #1b171730;display:flex;flex-direction:column;justify-content:space-between}.phone-mock>span{font-size:7px;letter-spacing:1px}.phone-mock b{font-size:21px;line-height:1.4;letter-spacing:-1px}.phone-track{display:flex;gap:4px}.phone-track i{height:3px;background:#ffffff80;flex:1}.phone-track i:first-child{background:white}.art-note{position:absolute;bottom:14px;left:16px;font-size:7px;letter-spacing:1px;color:#777}.live-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .5s}.service-tile:hover .live-art img{transform:scale(1.04)}.live-badge{position:absolute;top:13px;left:13px;font-size:9px;background:#111c;padding:7px 9px;display:flex;align-items:center;gap:5px}.film-art{background:#3a1414;display:flex;align-items:center;justify-content:center}.film-art:before{content:'';position:absolute;inset:-40% 20%;background:linear-gradient(110deg,transparent,#8d2a2a 50%,transparent);transform:rotate(25deg);opacity:.7}.film-art>div{z-index:1}.film-art small{font-size:9px;letter-spacing:4px}.film-art b{font-size:32px;display:block;letter-spacing:-1px;line-height:1.6}.film-corner{position:absolute;width:32px;height:32px;border-color:#d87970;border-style:solid}.film-corner.tl{top:20px;left:20px;border-width:1px 0 0 1px}.film-corner.br{bottom:20px;right:20px;border-width:0 1px 1px 0}.film-art .art-note{color:#bd8c87}.service-tile h3{font-size:25px;letter-spacing:-1px;display:flex;justify-content:space-between}.service-tile h3 span{font-size:22px;color:var(--red)}.service-tile>p{font-size:12px;color:var(--muted);margin:13px 0 25px}.tile-link{font-size:10px;padding-bottom:5px;border-bottom:1px solid #666}.work{background:#e9e6df;color:#1b1a19;max-width:none}.work>.section-head,.work>.showreel,.work>.work-grid,.work>.more-work{max-width:1440px;margin-left:auto;margin-right:auto}.work .eyebrow{color:#716e68}.work .section-head>p{color:#716e68}.showreel{display:grid;grid-template-columns:1.1fr 1fr;background:#dcd7ce;align-items:center;margin-bottom:40px}.showreel-media{background:#171717;position:relative;min-width:0}.showreel video{width:100%;height:400px;object-fit:contain}.showreel-copy{padding:38px 45px}.showreel-copy h3{font-size:32px;line-height:1.4;letter-spacing:-1.4px;margin:18px 0}.showreel-copy p{font-size:12px;color:#65615b}.reel-select{display:flex;gap:8px;margin:26px 0 16px}.reel-select button{background:transparent;color:#514c46;border:1px solid #aaa299;padding:10px 14px;font-size:10px}.reel-select button.active{background:#191817;color:white;border-color:#191817}.small-note{font-size:10px;color:#777269}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work figure{margin:0}.work figure>img{height:330px;width:100%;object-fit:cover;object-position:center 38%;background:#d5d1c9}.work figcaption{padding:20px 0 12px}.work figcaption>span{font-size:9px;letter-spacing:1px;color:#78736d}.work figcaption h3{font-size:20px;letter-spacing:-.7px;margin:9px 0}.work figcaption p{font-size:11px;color:#77716a}.more-work{margin-top:26px;border-top:1px solid #c8c1b8;border-bottom:1px solid #c8c1b8}.more-work summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:12px;font-weight:600;list-style:none}.more-work summary span{font-size:22px;font-weight:400}.more-work[open] summary span{transform:rotate(45deg)}.more-work .extra{padding:10px 0 25px}.extra figure>img{height:280px}.details-section{border-bottom:1px solid var(--line)}.service-detail{display:grid;grid-template-columns:160px 1fr;gap:40px;border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:70px}.service-detail:last-child{border:0}.detail-label>span{font-size:60px;line-height:1;letter-spacing:-3px;color:var(--red);font-weight:500}.detail-label>p{font-size:10px;letter-spacing:1px;line-height:1.6;color:var(--muted);margin-top:18px}.detail-top{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:end}.detail-top h2{font-size:35px;line-height:1.45}.detail-top h2 em{font-style:normal;color:#9a9690}.detail-top>p{font-size:12px;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin:35px 0}.detail-columns h3{font-size:12px;font-weight:700;margin-bottom:10px}.detail-columns p{font-size:12px;color:var(--muted)}.detail-columns li{font-size:12px;border-bottom:1px solid #2d2d2d;padding:9px 0}.detail-columns li:before{content:'↗';color:var(--red);margin-right:12px}.detail-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:20px;align-items:center}.detail-bottom p{font-size:10px;color:#8a8580}.detail-bottom a{font-size:11px;white-space:nowrap;border-bottom:1px solid #666;padding-bottom:5px}.detail-bottom a:hover{color:var(--red)}.together{background:var(--red);color:#1e0b09;max-width:none}.together>.eyebrow,.together>div{max-width:1440px;margin-left:auto;margin-right:auto}.together .eyebrow{color:#611d17;margin-bottom:28px}.together>div:not(.content-flow){display:grid;grid-template-columns:1.4fr 1fr;gap:55px}.together h2{font-size:40px}.together h2 span{color:#ffe8e2}.together p{font-size:13px;color:#471611}.content-flow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #7e282460;margin-top:40px;padding-top:30px}.content-flow>span{font-size:32px;letter-spacing:-1px;display:flex;align-items:center;gap:25px}.content-flow small{font-size:11px;letter-spacing:0}.content-flow b{font-size:25px;font-weight:400;color:#74241e}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line)}.process-grid li{padding:30px 0}.process-grid li>span{font-size:11px;color:var(--red)}.process-grid h3{font-size:19px;letter-spacing:-.7px;margin:32px 0 15px}.process-grid p{font-size:12px;color:var(--muted)}.promotion{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:45px;padding-bottom:45px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:#171717}.promotion .eyebrow{color:var(--red);font-size:9px}.promotion h2{font-size:27px;margin:12px 0 10px}.promotion p{font-size:13px;color:#c2bfb8}.promotion small{font-size:10px;color:#888;display:block;margin-top:10px}.outline{border:1px solid #777;white-space:nowrap}.outline:hover{background:var(--white);color:var(--bg)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.faq .eyebrow{margin-bottom:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;padding:23px 0;font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-list summary span{font-size:18px;color:#888}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);padding:0 35px 23px 0}.contact{max-width:none;background:#e9e6df;color:#161615;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact .eyebrow{color:#77716c;font-size:10px}.contact h2{font-size:48px;line-height:1.4;margin:28px 0 22px}.contact h2 span{color:#d32a25}.contact-copy>p:not(.eyebrow){font-size:13px;color:#6d6862}.email{display:inline-block;border-bottom:1px solid #968d82;padding-bottom:7px;font-size:16px;margin-top:30px}.contact-tags{display:flex;gap:7px;margin-top:45px}.contact-tags span{font-size:10px;border:1px solid #bcb5aa;padding:8px 13px;border-radius:20px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;min-width:0}.contact form label{display:flex;flex-direction:column;gap:9px;min-width:0}.contact form label>span{font-size:11px;font-weight:600}.contact input,.contact select,.contact textarea{width:100%;border:0;border-bottom:1px solid #bcb3a8;background:transparent;color:#262421;font-size:12px;padding:13px 0;border-radius:0;min-width:0}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:none;border-color:#b5231d;box-shadow:0 1px #b5231d}.contact input::placeholder,.contact textarea::placeholder{color:#8b837a}.contact select{padding-right:25px}.contact textarea{resize:vertical;min-height:100px}.full{grid-column:1/-1}.contact form .agree{flex-direction:row;gap:8px;align-items:flex-start}.contact form .agree input{width:15px;height:15px;accent-color:var(--red);margin:0;flex-shrink:0}.contact form .agree span{font-size:10px;font-weight:400;line-height:1.6;color:#69625c}.agree a{text-decoration:underline}.form-status{font-size:12px;white-space:pre-line;color:#b5221b}.form-status:empty{display:none}.contact form button{border:0;padding:17px 22px;background:#191817;color:white;font-size:13px;font-weight:600;text-align:center}.contact form button:hover{background:#d52b25}.contact form button:disabled{opacity:.5;cursor:wait}footer.section{padding-top:45px;padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top p{font-size:9px;letter-spacing:1px;color:#777}.footer-top>a:last-child{font-size:11px;color:#aaa}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:25px;font-size:9px;color:#777}.footer-bottom>span{margin-right:auto}summary::-webkit-details-marker{display:none}
@media(min-width:1600px){.header{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}.work,.together,.contact{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.hero-grid{gap:35px;min-height:530px}.hero h1{font-size:36px;letter-spacing:-2px}.hero-frame video{height:390px}.hero-actions{gap:20px}.button{padding:16px;font-size:11px;gap:20px}.tile-art{height:190px}.service-tile{padding:20px}.service-tile h3{font-size:22px}.service-detail{grid-template-columns:120px 1fr;gap:20px}.detail-top h2{font-size:29px}.detail-top>p{font-size:11px}.together h2{font-size:32px}.contact{gap:45px}.contact h2{font-size:39px}.showreel-copy{padding:30px}.showreel-copy h3{font-size:28px}.work figure>img{height:280px}}
@media(max-width:760px){html{scroll-padding-top:74px}.header{height:68px;padding:0 22px}.logo{font-size:24px}.logo-caption{font-size:7px}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#151515;border-bottom:1px solid #444;padding:20px 24px;align-items:stretch;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:16px 0}.header nav .nav-cta{padding:15px;margin-top:8px}.menu-button{display:flex;gap:12px;align-items:center;font-size:11px;padding:10px 0}.menu-button span{font-size:18px}.section{padding:65px 22px}.hero{padding:36px 22px 0}.hero-grid{grid-template-columns:1fr;gap:35px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(30px,6.8vw,45px);letter-spacing:-1.8px;margin:22px 0;line-height:1.4}.hero-desc{font-size:12px}.hero-actions{margin-top:24px;gap:22px}.hero-actions .button{padding:15px 17px;font-size:11px}.hero-actions .link{font-size:10px}.hero-frame{margin-left:6px;margin-bottom:3px}.hero-frame video{height:320px}.frame-top,.frame-bottom{padding:12px 14px;font-size:8px}.frame-bottom{font-size:10px}.hero-foot{padding:22px 0;margin-top:30px;gap:20px;align-items:flex-start;font-size:7px;letter-spacing:.8px}.hero-foot>a{font-size:9px;white-space:nowrap;gap:10px}.section-head{display:block;margin-bottom:30px}.section-head .eyebrow{margin-bottom:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}h2{font-size:31px;letter-spacing:-1.5px}.section-head>p{font-size:11px;margin-top:23px}.service-grid{grid-template-columns:1fr;border:0;gap:15px}.service-tile{border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr 120px;column-gap:20px}.service-tile:last-child{border:1px solid var(--line)}.tile-index{grid-column:1/-1;font-size:12px}.tile-index span{font-size:8px}.tile-art{grid-column:2;grid-row:2/5;height:170px;margin:22px 0 0}.service-tile h3{grid-column:1;grid-row:2;font-size:21px;margin-top:28px}.service-tile h3 span{display:none}.service-tile>p{grid-column:1;grid-row:3;font-size:10px;margin:13px 0 20px}.tile-link{grid-column:1;grid-row:4;width:max-content;font-size:9px;align-self:start}.phone-mock{width:77px;height:125px;padding:9px;border-radius:11px;box-shadow:9px 8px 0 #1b171730}.phone-mock b{font-size:14px}.art-note{font-size:5px;letter-spacing:0;left:8px;bottom:8px}.phone-mock>span{font-size:5px}.film-art b{font-size:18px}.film-art small{font-size:6px;letter-spacing:2px}.film-corner{width:20px;height:20px}.film-corner.tl{top:12px;left:12px}.film-corner.br{bottom:12px;right:12px}.live-badge{font-size:6px;padding:5px;top:8px;left:8px}.live-badge i{width:4px;height:4px}.showreel{grid-template-columns:1fr;margin-bottom:30px}.showreel video{height:340px}.showreel-copy{padding:25px}.showreel-copy h3{font-size:27px;margin:14px 0}.showreel-copy p{font-size:11px}.reel-select{margin-top:20px}.work-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.work-grid>figure:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.work figure>img{height:230px;object-position:center 35%}.work figcaption{padding:12px 0}.work figcaption>span{font-size:7px;letter-spacing:.5px}.work figcaption h3{font-size:17px;margin:8px 0}.work figcaption p{font-size:9px;line-height:1.8}.more-work{margin-top:20px}.more-work summary{font-size:11px}.extra figure>img{height:210px}.service-detail{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:25px}.detail-label{display:flex;align-items:center;gap:20px}.detail-label>span{font-size:40px;letter-spacing:-2px}.detail-label>p{font-size:8px;margin:0;line-height:1.5}.detail-top{display:block}.detail-top h2{font-size:29px}.detail-top>p{margin-top:18px;font-size:11px}.detail-columns{grid-template-columns:1fr;gap:20px;margin:25px 0}.detail-columns p,.detail-columns li{font-size:11px}.detail-bottom{align-items:flex-start;gap:15px;flex-direction:column}.detail-bottom p{font-size:9px}.together>div:not(.content-flow){grid-template-columns:1fr;gap:25px}.together h2{font-size:29px}.together p{font-size:11px}.content-flow{margin-top:30px;padding-top:25px;gap:8px}.content-flow>span{font-size:22px;flex-direction:column;gap:8px;align-items:flex-start;letter-spacing:-.5px}.content-flow small{font-size:8px}.content-flow b{font-size:18px}.process-grid{grid-template-columns:1fr 1fr;gap:0 24px}.process-grid li{padding:23px 0;border-bottom:1px solid var(--line)}.process-grid h3{font-size:16px;margin:20px 0 12px}.process-grid p{font-size:10px}.promotion{padding-top:35px;padding-bottom:35px;flex-direction:column;align-items:flex-start;gap:22px}.promotion h2{font-size:25px}.promotion p{font-size:11px}.promotion small{font-size:9px}.promotion .button{font-size:10px}.faq{grid-template-columns:1fr;gap:30px}.faq h2 br{display:none}.faq-list summary{font-size:12px;padding:21px 0}.faq-list p{font-size:11px}.contact{grid-template-columns:1fr;gap:38px}.contact h2{font-size:35px;margin:21px 0 17px}.contact-copy>p:not(.eyebrow){font-size:11px}.email{font-size:14px;margin-top:22px}.contact-tags{margin-top:24px}.contact-tags span{font-size:9px;padding:7px 11px}.contact form{gap:22px 15px}.contact input,.contact textarea,.contact select{font-size:12px}.contact form .agree span{font-size:9px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-top p{font-size:7px;order:3;width:100%}.footer-top>a:last-child{font-size:10px;margin-left:auto}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}.footer-bottom>span{width:100%}footer.section{padding:35px 22px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* User-selected advertising hero and short-form reference. */
.hero-frame{width:315px;max-width:100%;justify-self:center}.hero-frame video{height:auto;aspect-ratio:9/16;object-fit:contain;background:#14130f}.frame-top{font-size:8px;padding:12px}.frame-bottom{padding:12px;font-size:10px}
.shortform-reference{display:grid;grid-template-columns:240px 1fr;gap:42px;align-items:center;margin:32px 0;background:#1b1b1b;border:1px solid #343434;padding:24px}.shortform-player{min-width:0;background:#111}.shortform-player video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain}.shortform-reference-copy h3{font-size:27px;line-height:1.5;letter-spacing:-1px;margin:18px 0}.shortform-reference-copy>p:not(.eyebrow){font-size:12px;color:#aaa;line-height:1.9}.shortform-reference-copy>span{font-size:11px;display:block;margin-top:25px;color:#d2cfc9}.shortform-reference-copy small{display:block;font-size:10px;color:#888;margin-top:12px}
@media(max-width:1100px){.shortform-reference{grid-template-columns:210px 1fr;gap:25px;padding:20px}.shortform-reference-copy h3{font-size:23px}.shortform-reference-copy .eyebrow{font-size:8px}}
@media(max-width:760px){.hero-frame{width:290px;margin-left:0}.hero-frame video{height:auto}.shortform-reference{grid-template-columns:1fr;gap:25px;padding:20px}.shortform-player{max-width:260px;width:100%;margin:auto}.shortform-reference-copy h3{font-size:24px}.shortform-reference-copy>p:not(.eyebrow){font-size:11px}.shortform-reference-copy>span{font-size:10px;margin-top:18px}.shortform-reference-copy small{font-size:9px}}

/* Keep the film free of caption bars; show playback control on interaction. */
#hero-video{filter:none;opacity:1;mix-blend-mode:normal}
#hero-toggle{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border:1px solid #ffffff55;border-radius:50%;background:#0009;color:#fff;font-size:14px;opacity:0;transition:opacity .2s}
.hero-frame:hover #hero-toggle,#hero-toggle:focus-visible{opacity:1}
@media(hover:none){#hero-toggle{opacity:.65}}

.short-reference-art img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.short-reference-art img{object-fit:contain;background:#eeeae5}}