/* Refined display lettering, with imagery as the playback target. */
.cinematic-hero h1{font-family:'Manrope','Be Vietnam Pro',sans-serif;font-weight:500;font-size:clamp(82px,13vw,245px);letter-spacing:-.065em;line-height:1.16}.cinematic-hero .hero-period{color:inherit}
.cinematic-hero .play-reel:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.cinematic-hero .hero-film-caption{pointer-events:none}
.music-play-icon,.study-play-icon,#lookdevGrid .study-play-icon,#screenxPlay>span[aria-hidden]{display:none!important}.sx-watch #screenxPlay{border-radius:0;background:none;color:var(--white);padding:8px 0;border-bottom:1px solid #ffffff4d}
#contact .contact-main{display:block;margin:42px 0 48px}#contact .contact-main h2{font-family:'Be Vietnam Pro','Noto Sans KR',sans-serif;font-weight:500;font-size:clamp(30px,4.5vw,76px);line-height:1.3;letter-spacing:-.045em;max-width:none;white-space:nowrap}#contact .contact-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) auto;align-items:start;gap:36px}#contact .social-links{display:flex;flex-direction:row;gap:12px;align-items:center;padding-top:14px}#contact .social-link{width:42px;height:42px;display:grid;place-items:center;color:#d8e0e8;border:1px solid #ffffff28;border-radius:50%;transition:color .2s,border-color .2s,transform .2s}#contact .social-link:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-3px)}#contact .social-link svg{width:20px;height:20px;display:block;fill:currentColor}#contact .social-link.social-pending{opacity:.35;cursor:default}#contact .social-link.social-pending:hover{transform:none;border-color:#ffffff28;color:#d8e0e8}
@media(max-width:900px){#contact .contact-details{grid-template-columns:1fr 1fr;gap:26px}#contact .social-links{grid-column:1/-1;padding-top:0}.cinematic-hero h1{font-size:13vw}}
@media(max-width:600px){.cinematic-hero h1{font-size:13.5vw;line-height:1.2;letter-spacing:-.055em}#contact .contact-main{margin:30px 0 34px}#contact .contact-main h2{font-size:clamp(25px,6.4vw,36px);white-space:normal;line-height:1.4}#contact .contact-details{grid-template-columns:1fr;gap:24px}#contact .social-links{grid-column:auto}#contact .contact-details a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){#contact .social-link{transition:none}}
.site-header .brand,.footer-brand{font-family:Manrope,"Be Vietnam Pro",sans-serif;font-weight:500;letter-spacing:-.055em}

/* A centered, staggered signature: TIGER sits half a cap-height lower. */
.cinematic-hero h1{font-family:'Space Grotesk','Be Vietnam Pro',sans-serif;font-weight:600;font-size:clamp(70px,11.8vw,220px);letter-spacing:-.055em;line-height:1;text-transform:none;display:flex;align-items:flex-start;justify-content:center;gap:.18em;width:100%;padding:20px 0 calc(.36em + 20px);text-align:center;white-space:nowrap}.cinematic-hero .hero-long,.cinematic-hero .hero-tiger{display:block;flex:0 0 auto}.cinematic-hero .hero-tiger{color:var(--cyan);transform:translateY(.36em)}.cinematic-hero .hero-period{color:var(--violet)}.site-header .brand,.footer-brand{font-family:'Space Grotesk','Be Vietnam Pro',sans-serif;font-weight:600;text-transform:none;letter-spacing:-.04em}
@media(max-width:600px){.cinematic-hero h1{font-size:11.7vw;gap:.16em;letter-spacing:-.05em;padding:18px 0 calc(.36em + 18px)}}

/* Give the professional role a clear visual hierarchy. */
.cinematic-hero .hero-byline>span{display:inline-block;color:#89e7f5;font-size:15px;font-weight:600;letter-spacing:.015em;padding:7px 12px;border-left:2px solid var(--cyan);background:#67d8ec0c;line-height:1.5}
#mediaDialog #mediaRole{display:block;width:fit-content;max-width:100%;font-size:20px;font-weight:600;line-height:1.55;color:#9deaf5;background:#67d8ec12;border-left:3px solid var(--cyan);padding:10px 16px;margin:16px 0 12px;letter-spacing:0}
#mediaFrame>video{display:block;width:100%;height:100%;max-height:65dvh;object-fit:contain;background:#000}
@media(max-width:900px){.cinematic-hero .hero-byline>span{display:block;margin:9px 0 0;font-size:12px;padding:6px 10px}}
@media(max-width:600px){.hero-copy{grid-template-columns:1.15fr .85fr}.cinematic-hero .hero-byline>span{font-size:10px;padding:6px 8px}#mediaDialog #mediaRole{font-size:16px;padding:9px 12px}}

#mediaDialog.native-video #mediaFrame{aspect-ratio:auto;height:min(49dvh,520px)}#mediaDialog.native-video #mediaFrame>video{height:100%;max-height:none}