:root{--green:#152f2b;--cream:#f7f3e9;--gold:#deb46c;--ink:#20322d;--muted:#6a756b;--line:#d7dacf;--accent:#a8482d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}h1,h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:400;line-height:1.07;letter-spacing:-2.3px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;line-height:1.8}.skip{position:fixed;top:-90px;left:10px;padding:12px;background:white;z-index:1000}.skip:focus{top:8px}header{height:80px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:25px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.brand>span{font-size:35px;letter-spacing:-2px;font-weight:900;color:#239bd2}.brand>small{font-size:8px;letter-spacing:1.4px;max-width:110px;line-height:1.5}header nav{display:flex;gap:33px;margin-left:auto;margin-right:50px}header nav a{font-size:12px;font-weight:700;text-decoration:none}.languages{display:flex;align-items:center;gap:9px;font-size:11px}.languages button{border:0;background:transparent;padding:6px 3px;color:#7a8175;font-weight:700}.languages button[aria-pressed=true]{color:var(--ink);border-bottom:2px solid var(--accent)}.languages>span{color:#b3baac}.hero{background:var(--green);color:var(--cream);position:relative;display:grid;grid-template-columns:46% 54%;padding:70px 5.5% 100px;min-height:670px;overflow:hidden;align-items:center}.hero:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff0c;border-radius:50%;top:-200px;right:-140px;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#e4c699;display:flex;gap:10px;align-items:center}.eyebrow i{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(43px,5.5vw,80px);margin:25px 0 25px}.lead{font-size:16px;color:#c9d2c5;max-width:440px;line-height:1.8}.button{display:inline-flex;align-items:center;gap:30px;min-height:48px;padding:11px 21px;text-decoration:none;font-size:12px;font-weight:700;border-radius:2px}.gold{background:var(--gold);color:var(--green);margin-top:30px}.meeting{display:block;font-size:11px;color:#d8dfd2;margin-top:20px;width:fit-content}.poster-stack{position:relative;height:450px;max-width:650px;align-self:center}.poster{position:absolute;width:37%;box-shadow:0 16px 40px #0005;text-decoration:none;transition:transform .25s}.poster img{aspect-ratio:.69;object-fit:cover}.poster span{position:absolute;bottom:-22px;left:0;font-size:8px;letter-spacing:1px;white-space:nowrap}.poster-0{left:0;top:58px;transform:rotate(-7deg);z-index:1}.poster-1{left:31%;top:0;z-index:3;transform:rotate(1deg)}.poster-2{right:-1%;top:75px;transform:rotate(8deg);z-index:2}.poster:hover{transform:translateY(-10px) rotate(0deg);z-index:4}.hero-bottom{position:absolute;bottom:23px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:16px;font-size:8px;letter-spacing:1.7px;color:#a4b6a6}.collection{max-width:1400px;padding:80px 5.5% 70px;margin:auto}.collection-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.collection h2{font-size:48px;margin-top:14px}.collection-intro>p{max-width:300px;color:var(--muted);font-size:15px}.collection .eyebrow{color:var(--accent)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{background:transparent;color:#647263;border:1px solid var(--line);border-radius:99px;padding:9px 17px;font-size:11px}.filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.filters small{margin-left:12px;font-size:9px;opacity:.6}.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.story-card{text-decoration:none;background:white;position:relative;box-shadow:0 1px 0 #0001;transition:transform .2s}.story-card:hover{transform:translateY(-5px)}.story-card[hidden]{display:none}.card-image{position:relative;overflow:hidden}.card-image img{aspect-ratio:1.02;object-fit:cover;object-position:center 29%;transition:transform .35s}.story-card:hover img{transform:scale(1.035)}.card-number{position:absolute;top:15px;left:15px;width:30px;height:30px;border-radius:50%;background:#fbf5e9e6;color:var(--green);display:grid;place-items:center;font-size:10px}.card-copy{padding:24px 24px 26px;position:relative}.card-status{font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent)}.card-copy h3{font-family:Georgia,"Noto Serif TC",serif;font-size:25px;font-weight:400;line-height:1.2;margin:10px 0}.card-copy>p{font-size:11px;color:var(--muted)}.card-arrow{position:absolute;bottom:22px;right:25px;font-size:22px}.project-nav{display:flex;justify-content:center;gap:60px;padding:18px 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:20}.project-nav a{font-size:10px;text-decoration:none;color:var(--accent);white-space:nowrap}.project-nav a span{color:var(--ink);margin-left:8px}.project{padding:75px max(5.5%,calc((100% - 1246px)/2));scroll-margin-top:30px}.project+.project{border-top:1px solid var(--line)}.project:nth-child(2){background:#eee9dd}.project.fluffy{background:#f7f3e9}.project-top{display:flex;align-items:center;gap:15px;margin-bottom:28px}.section-no{font-size:10px;letter-spacing:1px;color:#8a927e}.status{font-size:9px;border:1px solid #aebba8;padding:4px 10px;border-radius:99px;line-height:1.4;color:var(--green)}.status.active{background:#e8d7b9;border-color:#e8d7b9;color:#75502f}.project-kind{font-size:11px;margin-left:auto;color:#7a8071}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;gap:25px}.project-heading .eyebrow{color:var(--accent);font-size:9px}.project-heading h2{font-size:clamp(38px,4.5vw,65px);margin:10px 0}.subtitle{font-size:13px;color:var(--muted)}.round-link{height:44px;width:44px;border:1px solid #aeb9a5;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:22px;flex-shrink:0}.project-main{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.visual{border-radius:6px;overflow:hidden;background:#152f2b10}.visual img{aspect-ratio:1.55;object-fit:cover}.visual.portrait{max-width:410px;margin-left:auto;margin-right:auto;box-shadow:0 12px 35px #242e2018}.visual.portrait img{aspect-ratio:1382/2048;object-fit:contain}.project-story>.eyebrow{color:#7d8977;margin-bottom:15px}.synopsis{font-family:Georgia,"Noto Serif TC",serif;font-size:21px;line-height:1.65}.highlight{display:flex;gap:16px;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.tiny-star{font-size:27px;color:var(--accent);line-height:1}.highlight b{font-size:9px;letter-spacing:1.1px}.highlight p{font-size:13px;margin-top:5px;color:var(--muted)}.text-link{display:inline-block;font-size:12px;margin-top:22px}.text-link span{margin-left:15px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:35px 0 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dt{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#7c8675}dd{margin:7px 0 0;font-size:12px;line-height:1.6}.project-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:36px}.rights-box{background:var(--green);color:var(--cream);padding:30px;border-radius:5px}.rights-box>.eyebrow{color:var(--gold)}.rights-box h3{font-family:Georgia,"Noto Serif TC",serif;font-size:27px;font-weight:400;line-height:1.2;margin:16px 0}.rights-box>p:not(.eyebrow){font-size:13px;color:#d6dfcf;line-height:1.8}.rights-box .ask{margin-top:14px}.rights-box>a{display:inline-block;font-size:12px;margin-top:20px;color:#f2d4a3}.awards{padding:15px 0}.awards .eyebrow{color:var(--accent)}.awards ul{padding:0;list-style:none;margin:18px 0 0}.awards li{font-size:13px;line-height:1.7;padding:14px 0;border-bottom:1px solid var(--line)}.awards a{font-size:11px;display:inline-block;margin-top:18px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.enlarge{padding:0;border:0;background:transparent;position:relative;overflow:hidden;border-radius:4px}.enlarge img{aspect-ratio:1.8;object-fit:cover}.enlarge>span{position:absolute;bottom:8px;right:10px;background:#fff9;border-radius:50%;height:23px;width:23px;font-size:17px;line-height:23px;color:var(--green)}.progress{margin-top:40px;padding:28px;background:#eee9dd;border-radius:5px}.section-small{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.section-small>span{font-size:10px;color:#8d7b55}.section-small .eyebrow{color:var(--accent)}.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.progress-grid article{border-top:2px solid #b7bea9;padding-top:15px}.progress-grid article>span{font-size:9px;color:#8d7b55}.progress-grid h3{font-family:Georgia,"Noto Serif TC",serif;font-weight:400;font-size:23px;margin:6px 0 10px}.progress-grid p{font-size:12px;line-height:1.7;color:var(--muted)}.clip-area{margin-top:40px}.section-small p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:7px}.clips{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.clip-button{border:0;padding:0;width:100%;position:relative;background:var(--green);overflow:hidden;border-radius:5px}.clip-button img{aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.clip-button:hover img{transform:scale(1.04)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#f7f3e9ee;display:grid;place-items:center;box-shadow:0 3px 20px #0002}.play-icon:after{content:'';display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--green);margin-left:3px}.clip-time{position:absolute;bottom:8px;right:8px;font-size:8px;letter-spacing:1px;background:#173f38ed;padding:2px 6px;color:white}.clips small{font-size:8px;letter-spacing:1.4px;color:var(--accent);display:block;margin:13px 0 7px}.clips h4{font-size:15px;line-height:1.3}.clips a{font-size:10px;display:inline-block;margin-top:10px}.contact{background:var(--green);color:var(--cream);padding:80px max(5.5%,calc((100% - 1246px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact .eyebrow{color:var(--gold)}.contact h2{font-size:54px;margin:20px 0}.contact>div>p:last-child{font-size:14px;color:#b7c8b7;max-width:390px}.contact-card{border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;padding:28px 0}.contact-label{font-size:9px;letter-spacing:1.5px;color:#bbccba}.contact-card h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:8px 0 25px}.contact-card h3 small{font-family:Arial,"Noto Sans TC",sans-serif;font-size:14px;margin-left:10px}.contact-card>a{display:block;width:fit-content;font-size:14px;margin-top:13px}.contact-card .email{font-size:21px;color:#e5c68d}.contact-links{display:flex;gap:25px;margin-top:30px;font-size:11px}footer{display:flex;align-items:center;gap:35px;padding:35px 5.5%;background:#102622;color:#cbd8c4}footer img{width:340px}footer p{font-size:10px}footer small{display:block;font-size:9px;color:#8fa48e}footer>a{margin-left:auto;white-space:nowrap;font-size:10px}dialog{width:min(960px,94vw);border:0;background:var(--cream);border-radius:8px;padding:22px;color:var(--green);box-shadow:0 15px 70px #0005}dialog::backdrop{background:#09201be6}.player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}.player-head h2{font-family:Georgia,serif;font-size:24px;font-weight:400}.player-head button{border:0;background:transparent;font-size:14px;color:var(--green)}#frame{aspect-ratio:16/9;background:var(--green)}#frame iframe{width:100%;height:100%;border:0}#youtube-link{font-size:12px;margin-top:12px;display:inline-block}#youtube-link[hidden]{display:none}.image-modal #frame{aspect-ratio:auto;background:transparent}.image-modal #frame img{max-height:75vh;object-fit:contain}a:focus-visible,button:focus-visible{outline:3px solid #d99545;outline-offset:5px}
html[lang=zh-Hant] h1,html[lang=zh-Hant] h2{letter-spacing:0;line-height:1.2}html[lang=zh-Hant] .synopsis{font-family:Arial,"Noto Sans TC",sans-serif;font-size:18px;line-height:1.95}html[lang=zh-Hant] .eyebrow{letter-spacing:1px}
@media(min-width:1600px){.hero{padding-left:calc((100% - 1424px)/2);padding-right:calc((100% - 1424px)/2)}.hero h1{font-size:80px}}
@media(max-width:1050px){header nav{margin-right:10px;gap:20px}.brand>small{display:none}.hero{min-height:590px;padding-top:60px}.hero h1{font-size:52px}.lead{font-size:14px}.poster-stack{height:360px}.poster-0{top:50px}.poster-2{top:70px}.project-main{gap:30px}.synopsis{font-size:19px}.project-bottom{gap:25px}.project-nav{gap:30px}.collection h2{font-size:42px}.contact{gap:40px}.contact h2{font-size:44px}.contact-card .email{font-size:18px}footer img{width:260px}.card-copy{padding:20px}.card-copy h3{font-size:22px}.hero-copy{padding-right:20px}.hero-bottom{font-size:7px}}
@media(max-width:700px){html{scroll-padding-top:60px}header{height:65px;padding:0 6%;gap:15px}.brand>span{font-size:30px}header nav{gap:0;margin:0 0 0 auto}header nav a{font-size:10px}header nav a:not(:last-child){display:none}.languages{gap:7px;font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:38px 7% 70px;min-height:0}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:48px;letter-spacing:-1.7px;margin:24px 0 18px}.lead{font-size:14px;line-height:1.8}.hero .button{margin-top:25px}.meeting{margin-top:17px}.poster-stack{height:320px;width:100%;max-width:400px;margin:38px auto 0}.poster{width:36%}.poster-0{top:40px;left:0}.poster-1{top:0;left:31%}.poster-2{right:0;top:50px}.poster span{font-size:7px;bottom:-18px}.hero-bottom{bottom:19px;left:7%;right:7%;font-size:6px;letter-spacing:1px;gap:15px;padding-top:12px}.collection{padding:50px 7% 45px}.collection-intro{display:block;margin-bottom:25px}.collection h2{font-size:36px;letter-spacing:-1px}.collection-intro>p{font-size:13px;margin-top:18px}.filters{gap:7px;margin-bottom:20px}.filters button{font-size:10px;padding:8px 11px}.filters small{margin-left:7px}.story-cards{grid-template-columns:1fr;gap:16px}.story-card{display:grid;grid-template-columns:100px 1fr;align-items:stretch}.card-image img{height:155px;aspect-ratio:auto;object-fit:cover;object-position:50% 25%}.card-number{top:7px;left:7px;width:21px;height:21px;font-size:8px}.card-copy{padding:18px 16px}.card-status{font-size:7px;letter-spacing:.7px}.card-copy h3{font-size:23px;line-height:1.15;margin:8px 0}.card-copy>p{font-size:10px}.card-arrow{right:14px;bottom:12px;font-size:17px}.project-nav{gap:0;justify-content:space-between;padding:14px 5%;height:55px}.project-nav a{font-size:8px;display:flex;gap:3px;align-items:center}.project-nav a span{margin-left:2px}.project{padding:45px 7%;scroll-margin-top:20px}.project-top{flex-wrap:wrap;gap:10px;margin-bottom:22px}.section-no{font-size:9px}.project-kind{font-size:9px}.status{font-size:8px}.project-heading{margin-bottom:25px;gap:15px}.project-heading h2{font-size:36px;letter-spacing:-1px}.project-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.subtitle{font-size:11px}.round-link{width:32px;height:32px;font-size:17px}.project-main{display:flex;flex-direction:column;gap:25px;align-items:stretch}.visual img{aspect-ratio:1.45}.visual.portrait{width:75%;max-width:270px}.visual.portrait img{aspect-ratio:1382/2048}.synopsis{font-size:19px;line-height:1.7}.project-story>.eyebrow{font-size:8px;margin-bottom:12px}.highlight{gap:12px;margin-top:20px;padding-top:18px}.highlight b{font-size:8px;letter-spacing:.7px}.highlight p{font-size:12px}.specs{grid-template-columns:1fr 1fr;gap:20px 18px;padding:22px 0;margin-top:28px}dt{font-size:8px}dd{font-size:12px;margin-top:5px}.project-bottom{grid-template-columns:1fr;gap:25px;margin-top:25px}.rights-box{padding:25px}.rights-box h3{font-size:26px;margin:13px 0}.rights-box p:not(.eyebrow){font-size:13px}.awards{padding:0}.awards li{font-size:12px;padding:13px 0}.gallery{gap:8px;margin-top:27px}.enlarge img{aspect-ratio:1;object-fit:cover}.enlarge>span{height:18px;width:18px;line-height:18px;bottom:6px;right:6px;font-size:14px}.progress{padding:22px;margin-top:28px}.section-small{margin-bottom:20px}.progress-grid{grid-template-columns:1fr 1fr;gap:23px 18px}.progress-grid h3{font-size:21px}.progress-grid p{font-size:11px}.clips{grid-template-columns:1fr;gap:28px}.clip-area{margin-top:32px}.clips small{margin-top:11px}.clips h4{font-size:17px}.clips a{font-size:11px}.contact{padding:50px 7%;grid-template-columns:1fr;gap:35px}.contact h2{font-size:42px;letter-spacing:-1px;margin:18px 0}.contact>div>p:last-child{font-size:13px}.contact-card{padding:23px 0}.contact-card h3{font-size:30px;margin-bottom:20px}.contact-card .email{font-size:18px}.contact-links{font-size:10px;gap:18px;margin-top:25px}footer{padding:30px 7%;gap:23px;flex-wrap:wrap}footer img{width:100%;max-width:380px}footer p{font-size:9px}footer small{font-size:8px}footer>a{font-size:9px}dialog{padding:15px}.player-head h2{font-size:19px}.player-head button{font-size:11px}html[lang=zh-Hant] .hero h1{font-size:45px;line-height:1.25}html[lang=zh-Hant] .synopsis{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Complete co-branding on every Fluffy Tea Time image and video unit. */
.ftt-brand-credits{display:flex;align-items:center;justify-content:center;gap:5%;padding:10px 5%;background:#f8f7f2;box-sizing:border-box;line-height:1;min-height:44px}
.ftt-brand-credits img{display:block;object-fit:contain!important;object-position:center!important;height:auto!important;aspect-ratio:auto!important;margin:0;transform:none!important;border-radius:0!important}
.ftt-brand-credits .spmg-credit{width:25%;max-width:180px}
.ftt-brand-credits .dfmpc-credit{width:65%;max-width:510px}
.ftt-poster>img{aspect-ratio:841/1189;object-fit:contain}
.poster .ftt-brand-credits{padding:7px 4%;gap:4%;min-height:26px}
.card-image.ftt-card-image{display:flex;flex-direction:column;background:#f3efe4}
.card-image.ftt-card-image>img{aspect-ratio:auto;object-fit:contain;max-height:400px}
.card-image.ftt-card-image .ftt-brand-credits{margin-top:auto}
.ftt-card-image .ftt-brand-credits img{height:auto;aspect-ratio:auto}
.clip-still{position:relative}
.clip-button:hover .ftt-brand-credits img{transform:none}
.clips .ftt-brand-credits{min-height:38px;padding:8px 4%}
#player>.ftt-brand-credits{border-radius:0 0 4px 4px;margin-top:0;min-height:52px}
.contact-card h3{font-size:28px;line-height:1.4}
.contact-company{font-size:14px!important;display:inline-flex!important;color:var(--green)!important}
@media(max-width:700px){
.ftt-brand-credits{min-height:34px;padding:8px 4%}
.poster .ftt-brand-credits{padding:5px 4%;min-height:20px}
.poster-stack{height:350px}
.story-card[data-category=production]{grid-template-columns:1fr}
.ftt-card-image>img{height:auto;max-height:440px;width:100%;object-fit:contain}
.card-image.ftt-card-image .ftt-brand-credits{min-height:42px}
.contact-card h3{font-size:24px}
}

.ftt-visual>img{aspect-ratio:auto;object-fit:contain}