@font-face{font-family:Inter;src:url('assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('assets/fonts/noto-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:var(--tr-token-color-paper-0);--ink:var(--tr-token-color-ink-950);--coral:var(--tr-token-color-coral-brand-500);--action:var(--tr-token-color-coral-action-700);--muted:var(--tr-token-color-text-secondary-light);--line:var(--tr-token-color-paper-200);--gutter:clamp(24px,4.45vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}figure,p,h1,h2{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #426FB4;outline-offset:5px}::selection{background:#f0b9aa}.section{padding-left:var(--gutter);padding-right:var(--gutter)}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:200}.skip:focus{top:12px}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);gap:24px;border-bottom:1px solid #19201f15;position:relative;z-index:60;background:var(--paper)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:148px;height:29px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:18px;font-size:13px;font-weight:550;letter-spacing:.1em}.nav-desktop{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:520}.nav-desktop span{color:#738078}.nav-desktop a{padding:12px 0}.nav-desktop a:hover,.text-link:hover{color:var(--action)}.contact-link{display:flex;align-items:center;gap:30px;border:1px solid #bfc6bc;padding:12px 17px;border-radius:8px;font-size:13px;font-weight:550}.contact-link:hover{background:var(--ink);color:var(--paper)}.menu-button,.mobile-nav{display:none}.menu-backdrop[hidden],.mobile-nav[hidden]{display:none}
.hero{padding-top:55px;padding-bottom:25px;overflow:hidden}.hero-intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;max-width:1344px;margin:auto}.eyebrow{font-size:12px;font-weight:550;letter-spacing:.13em;display:flex;gap:10px;align-items:center}.coral-dot{height:7px;width:7px;border-radius:50%;background:var(--coral);display:inline-block;flex:none}h1{font-size:clamp(54px,5.7vw,88px);letter-spacing:-.055em;line-height:1.17;font-weight:620;margin-top:21px}.period{color:var(--coral)}.hero-summary{padding:0 14px 7px 0}.hero-summary p{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 20px;font-size:14px;font-weight:550;border-radius:8px;min-height:48px;transition:background .18s,transform .18s}.button span{font-size:20px;font-weight:400}.button:hover{transform:translateY(-2px)}.button-solid{background:var(--action);color:white}.button-solid:hover{background:#963124}.text-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;max-width:175px;margin-top:15px}.text-link span{font-size:18px}
.hero-stage{position:relative;max-width:1344px;height:465px;margin:34px auto 0;border-radius:28px;background:radial-gradient(ellipse at 50% 70%,#edd9c9 0%,#efe8de 47%,#f0f0e8 100%);isolation:isolate;overflow:hidden}.hero-stage:after{content:'';position:absolute;border:1px solid #e1ccbc;border-radius:50%;width:740px;height:740px;left:calc(50% - 370px);top:55px;z-index:-1}.stage-panel{position:absolute;overflow:hidden}.stage-product{width:66%;left:17%;top:54px;z-index:3;background:#fff;border:1px solid #dfe2dc;border-radius:14px;box-shadow:0 24px 50px #57382022}.product-topline{height:69px;padding:15px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0e9}.product-topline img{width:155px;height:33px;object-fit:contain;object-position:left}.product-topline>span{font-size:12px;color:#63706a}.desktop-screen{width:100%;height:auto}.product-caption{height:45px;display:flex;align-items:center;padding:0 25px;gap:9px;font-size:13px;border-top:1px solid #eef0e9;background:#fafbf8}.status-dot{width:6px;height:6px;background:#2a6b67;border-radius:50%}.screen-tag{margin-left:auto;color:#65716a;font-size:12px}.stage-work{width:26%;height:265px;left:-4%;top:138px;border-radius:12px;transform:rotate(-7deg);box-shadow:0 18px 35px #392b2020;z-index:2}.stage-work>img{height:100%;width:100%;object-fit:cover;object-position:center}.stage-work figcaption,.stage-film figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:white;font-size:12px;padding:22px 14px 12px;background:linear-gradient(transparent,#07100ee6);gap:8px}.stage-film{width:17%;height:350px;right:-2%;top:19px;border-radius:14px;transform:rotate(7deg);box-shadow:0 18px 35px #392b2020;z-index:4}.stage-film>img{width:100%;height:100%;object-fit:cover}.stage-caption{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:12px;color:#65716a;letter-spacing:.1em}.hero-bottom{display:flex;justify-content:space-between;max-width:1344px;margin:20px auto 0;font-size:12px;color:var(--muted)}.hero-bottom a{display:flex;gap:30px;align-items:center}
.talk{background:var(--ink);color:var(--paper);padding-top:88px;padding-bottom:38px;overflow:hidden;scroll-margin-top:0}.talk-heading-row{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;max-width:1344px;margin:0 auto 42px}.talk .eyebrow{color:#df8b78;letter-spacing:.03em;font-size:14px}.talk h2{font-size:clamp(38px,4.4vw,68px);font-weight:560;line-height:1.2;letter-spacing:-.035em;margin-top:23px}.talk-summary{padding-bottom:4px}.talk-summary p{font-size:15px;line-height:1.9;color:#bac3bd;margin-bottom:22px}.talk-actions{display:flex;align-items:center;gap:20px}.button-light{background:#f2f3eb;color:var(--ink);font-size:13px}.button-light:hover{background:white}.motion-button{background:none;border:0;color:#bac3bd;font-size:12px;padding:12px 0;display:flex;gap:9px;align-items:center}.motion-button:hover{color:white}.video-wall{display:grid;grid-template-columns:1.22fr 1fr 1fr 1fr;gap:22px;max-width:1344px;margin:auto;align-items:start}.film{min-width:0}.film-window{position:relative;aspect-ratio:9/14;overflow:hidden;border-radius:12px;background:#222b29}.film-map .film-window{aspect-ratio:9/16}.film video{width:100%;height:100%;object-fit:cover}.film-map video{object-fit:contain}.film-top{display:flex;justify-content:space-between;position:absolute;top:0;left:0;right:0;padding:15px 15px 27px;background:linear-gradient(#03090880,transparent);font-size:12px;letter-spacing:.08em;color:#fff;pointer-events:none}.film-badge{display:flex;align-items:center;gap:7px}.film-badge i{height:5px;width:5px;border-radius:50%;background:#ff6b50}.film-mx{margin-top:38px}.film-co{margin-top:76px}.film-bl{margin-top:114px}.film figcaption{margin-top:16px;display:flex;flex-direction:column;gap:6px}.film strong{font-weight:500;font-size:16px;line-height:1.4}.film figcaption>span{color:#aab5af;font-size:12px;line-height:1.5}.talk-bottom{max-width:1344px;margin:40px auto 0;padding-top:23px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:24px;color:#aab5af;font-size:12px;line-height:1.7}.talk-bottom p:first-child{color:#e4e9e3}
.review{padding-top:90px;padding-bottom:80px;background:#f3f4ef}.review-heading,.storyboard,.review-link{max-width:1344px;margin-left:auto;margin-right:auto}.review h2{font-size:32px;font-weight:550;margin:16px 0}.review-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}.storyboard{padding:0;list-style:none;margin-top:32px}.storyboard li{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:23px 0}.storyboard li>span{color:#a07659;font-size:14px}.storyboard strong{font-size:17px;font-weight:550}.storyboard p{font-size:13px;margin-top:8px;color:var(--muted);line-height:1.7}.storyboard b{font-size:12px;font-weight:400;color:#65716a;border:1px solid var(--line);padding:7px 10px;border-radius:5px}.review-link{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:22px}.site-footer{padding-top:42px;padding-bottom:42px;display:flex;justify-content:space-between;align-items:start;gap:30px}.site-footer img{width:150px;height:auto}.site-footer p{font-size:13px;color:var(--muted);margin-bottom:16px}.site-footer a{font-size:22px;font-weight:450}.site-footer small{font-size:12px;color:var(--muted)}
@media(min-width:1700px){.hero-stage{height:490px}.stage-product{top:55px}.hero{padding-top:65px}}
@media(max-width:1100px){.brand span{display:none}.nav-desktop{gap:22px}.hero{padding-top:42px}.hero-summary{padding-right:0}.hero-summary p{font-size:15px}.hero-stage{height:410px}.stage-product{top:56px;width:73%;left:12%}.stage-film{width:19%;height:302px}.stage-work{width:28%;height:222px;top:154px}.video-wall{gap:16px}.talk{padding-top:64px}.talk-heading-row{gap:22px}.talk-summary p{font-size:13px}.talk-actions{gap:12px}.button{gap:25px}.film strong{font-size:14px}.film-bl{margin-top:100px}.film-co{margin-top:65px}}
@media(max-width:850px){.site-header{height:76px}.nav-desktop{display:none}.brand span{display:inline-block}.contact-link{margin-left:auto}.menu-button{width:32px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;padding:4px}.menu-button span{width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;left:16px;right:16px;top:88px;background:var(--paper);border-radius:12px;padding:16px 24px;z-index:60;box-shadow:0 20px 50px #12181726;display:flex;flex-direction:column}.mobile-nav a{padding:18px 0;border-bottom:1px solid var(--line);font-size:16px}.mobile-nav a:last-child{border-bottom:0}.menu-backdrop{position:fixed;inset:76px 0 0;z-index:50;background:#11181755;backdrop-filter:blur(8px)}h1{font-size:58px}.hero-intro{gap:20px}.hero-stage{height:364px;margin-top:32px}.product-topline{height:59px;padding:12px 20px}.product-topline img{width:135px;height:30px}.product-caption{font-size:12px;padding:0 18px}.screen-tag{display:none}.stage-film{height:267px}.stage-work{height:183px;top:152px}.stage-caption{bottom:17px;font-size:12px;letter-spacing:.02em}.talk-heading-row{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.talk-summary{display:flex;align-items:center;justify-content:space-between;gap:25px}.talk-summary p{margin-bottom:0}.talk h2{font-size:46px}.video-wall{grid-template-columns:1.12fr 1fr 1fr}.film-bl{display:none}.film-co{margin-top:54px}.film-mx{margin-top:27px}.talk-bottom{margin-top:30px}.site-footer{flex-wrap:wrap}.site-footer small{flex-basis:100%}}
@media(max-width:600px){:root{--gutter:20px}.site-header{padding-left:20px;padding-right:20px;gap:14px;height:72px}.brand img{width:119px;height:25px}.brand span{display:none}.contact-link{padding:9px 11px;font-size:12px;gap:15px}.menu-backdrop{top:72px}.mobile-nav{top:83px}.hero{padding-top:33px;padding-bottom:24px}.hero-intro{display:block}.eyebrow{font-size:12px;letter-spacing:.11em}h1{font-size:48px;line-height:1.23;letter-spacing:-.045em;margin-top:19px}.hero-summary{margin-top:19px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:17px 12px}.hero-summary p{grid-column:1/-1;font-size:14px;line-height:1.8;margin-bottom:0}.hero-summary p br{display:none}.hero-summary .button{justify-self:start;font-size:13px;min-height:44px;padding:10px 14px;gap:24px}.hero-summary .text-link{font-size:12px;gap:12px;margin:0}.hero-stage{margin-top:27px;height:342px;border-radius:18px;background:linear-gradient(145deg,#eee9df,#edd7c5)}.stage-product{width:94%;left:3%;top:30px;border-radius:10px}.product-topline{height:50px;padding:10px 14px}.product-topline img{width:116px;height:26px}.product-topline>span{font-size:12px}.product-caption{height:39px;font-size:12px;padding:0 13px;gap:7px}.stage-film{width:24%;right:5%;top:190px;height:127px;border-radius:8px;transform:rotate(6deg);box-shadow:0 6px 18px #392b2020}.stage-film figcaption{padding:14px 7px 6px;font-size:12px}.stage-work{width:66%;height:115px;left:4%;top:202px;border-radius:8px;transform:rotate(-3deg)}.stage-work figcaption{font-size:12px;padding:20px 9px 6px}.stage-caption{display:none}.hero-bottom{font-size:12px;gap:12px;line-height:1.6;margin-top:17px}.hero-bottom a{gap:12px;white-space:nowrap}.talk{padding-top:43px;padding-bottom:28px}.talk .eyebrow{font-size:13px}.talk h2{font-size:36px;letter-spacing:-.035em;margin-top:18px}.talk-heading-row{gap:20px;margin-bottom:26px}.talk-summary{display:block}.talk-summary p{font-size:14px;line-height:1.85;margin-bottom:18px}.talk-actions .button{min-height:43px;padding:10px 15px}.motion-button{display:none}.video-wall{grid-template-columns:1.12fr 1fr;gap:22px 13px}.film-map .film-window{aspect-ratio:9/16}.film-window{aspect-ratio:9/15}.film-mx{margin-top:28px}.film-co{margin-top:0}.film-bl{display:block;margin-top:22px}.film-top{font-size:12px;padding:10px 9px 20px;letter-spacing:0}.film-badge{gap:4px}.film-map .film-top>span:last-child{display:none}.film figcaption{margin-top:10px;gap:5px}.film strong{font-size:13px}.film figcaption>span{font-size:12px;line-height:1.5}.talk-bottom{display:block;margin-top:26px;padding-top:20px}.talk-bottom p:last-child{margin-top:8px;max-width:290px}.review{padding-top:46px;padding-bottom:45px}.review h2{font-size:26px}.review-heading>p:last-child{font-size:13px}.storyboard li{grid-template-columns:25px 1fr;gap:13px;padding:21px 0}.storyboard strong{font-size:15px}.storyboard p{font-size:12px}.storyboard b{grid-column:2;justify-self:start;font-size:12px;padding:4px 7px}.site-footer{display:block;padding-top:32px;padding-bottom:32px}.site-footer>div{margin-top:23px}.site-footer p{font-size:12px;line-height:1.7}.site-footer small{display:block;margin-top:28px}.site-footer a{font-size:24px}}
[hidden]{display:none!important}
.stage-work{left:-1%}.stage-work figcaption{padding-left:32px;white-space:nowrap}.stage-work figcaption span:last-child{display:none}
@media(max-width:1100px){.stage-caption{justify-content:flex-end}.stage-caption span:first-child{display:none}}
@media(max-width:600px){.stage-work{left:4%}.stage-work figcaption{padding-left:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage-panel{will-change:auto}}
