:root{--motion-ease:cubic-bezier(.16,1,.3,1);--scene:0;--hero-y:0px;--hero-scale:1.05}
.site-loader{position:fixed;inset:0;z-index:999;background:#071d16;color:#fff;display:grid;place-content:center;text-align:center;transition:clip-path 1.05s var(--motion-ease);clip-path:inset(0 0 0 0)}.site-loader.done{clip-path:inset(0 0 100% 0);pointer-events:none}.loader-mark{font:700 clamp(70px,12vw,150px)/.8 Manrope;letter-spacing:-.08em;color:#b7d84b}.loader-line{width:min(270px,65vw);height:1px;background:#ffffff25;margin:38px auto 18px;overflow:hidden}.loader-line i{display:block;width:100%;height:100%;background:#b7d84b;transform:translateX(-100%);animation:loadLine 1.25s var(--motion-ease) forwards}.site-loader span{font:9px Manrope;letter-spacing:.35em;color:#ffffff70}@keyframes loadLine{to{transform:none}}
.hero-media img{transform:translate3d(0,var(--hero-y),0) scale(var(--hero-scale));will-change:transform}.hero-copy h1{clip-path:inset(0 0 100%);animation:heroReveal 1.1s .95s var(--motion-ease) forwards}.hero-copy .lead,.hero-copy .eyebrow,.hero-actions{opacity:0;transform:translateY(20px);animation:heroUp .8s 1.25s var(--motion-ease) forwards}.hero-copy .lead{animation-delay:1.4s}.hero-actions{animation-delay:1.55s}@keyframes heroReveal{to{clip-path:inset(0)}}@keyframes heroUp{to{opacity:1;transform:none}}
.hero:before{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;background-image:linear-gradient(#d6f7db10 1px,transparent 1px),linear-gradient(90deg,#d6f7db10 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.material-marquee{overflow:hidden;background:#b7d84b;color:#0a2d22;padding:16px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:3}.material-marquee div{white-space:nowrap;width:max-content;font:700 12px Manrope;letter-spacing:.2em;animation:marquee 26s linear infinite}.material-marquee i{font-style:normal;font-size:8px;margin:0 25px}@keyframes marquee{to{transform:translateX(-50%)}}
.visual-strip figure{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--motion-ease)}.visual-strip figure.is-in{clip-path:inset(0)}.visual-strip figure:nth-child(2){transition-delay:.12s}.visual-strip figure:nth-child(3){transition-delay:.24s}
.engineering-showcase{height:400vh;background:#071d16;color:#fff;position:relative}.showcase-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.showcase-track{height:100%;width:400vw;display:flex;transform:translate3d(calc(var(--scene) * -300vw),0,0);will-change:transform}.showcase-card{position:relative;width:100vw;height:100%;flex:none;overflow:hidden}.intro-card{display:grid;place-items:center;background:radial-gradient(circle at 75% 50%,#185b43,#071d16 55%)}.showcase-copy{width:min(900px,78vw);position:relative;z-index:2}.showcase-copy p{font:600 11px Manrope;letter-spacing:.28em;color:#b7d84b}.showcase-copy h2{font-size:clamp(55px,7vw,118px);max-width:1100px}.showcase-copy span{font:9px Manrope;letter-spacing:.28em;color:#ffffff70}.blueprint{position:absolute;right:5vw;width:46vw;height:60vh;transform:skewY(-12deg);opacity:.22}.blueprint i{display:block;height:20%;border:1px solid #b7d84b;margin-top:-1px;transform:scaleX(calc(.15 + var(--scene)));transform-origin:left;transition:transform .15s linear}.image-card img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.12 - var(--scene) * .04))}.image-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061912d9 0%,transparent 65%),linear-gradient(0deg,#061912b5,transparent 60%)}.image-card>div{position:absolute;z-index:2;left:7vw;bottom:10vh}.image-card b{font:500 12px Manrope;color:#b7d84b}.image-card p{font:600 11px Manrope;letter-spacing:.3em}.image-card h3{font-size:clamp(36px,5vw,82px);margin:8px 0;letter-spacing:-.04em}.showcase-index{position:absolute;z-index:5;top:110px;right:4vw;display:flex;align-items:center;gap:12px;font:10px Manrope;letter-spacing:.18em}.showcase-index span{margin-right:25px;color:#ffffff70}.showcase-index b{font-size:18px}.showcase-index i{width:70px;height:1px;background:#ffffff35;position:relative}.showcase-index i:after{content:'';display:block;height:1px;background:#b7d84b;width:calc(var(--scene) * 100%)}.showcase-index em{font-style:normal;color:#ffffff55}
.engineering-showcase{height:240vh}
.project-card{clip-path:inset(0 0 0 0);transition:clip-path .9s var(--motion-ease),transform .6s var(--motion-ease)}.project-card:hover{transform:translateY(-8px)}.btn,.product-card,.nav a{transition-timing-function:var(--motion-ease)}
@media(max-width:700px){.site-loader span{font-size:7px}.hero:before{background-size:25vw 25vw}.material-marquee{padding:12px 0}.engineering-showcase{height:auto;padding:80px 0}.showcase-sticky{position:relative;height:auto;overflow:visible}.showcase-index{display:none}.showcase-track{width:auto;height:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;transform:none;padding:0 22px;gap:12px}.showcase-card{width:86vw;height:68vh;max-height:600px;scroll-snap-align:center;border-radius:4px}.showcase-copy{width:auto;padding:28px}.showcase-copy h2{font-size:42px}.blueprint{width:80vw;right:-20vw}.image-card>div{left:25px;bottom:25px}.image-card h3{font-size:30px}.hero-copy h1{animation-delay:.7s}.hero-copy .eyebrow{animation-delay:.9s}.hero-copy .lead{animation-delay:1s}.hero-actions{animation-delay:1.1s}}
@media(prefers-reduced-motion:reduce){.site-loader{display:none}.material-marquee div{animation:none}.hero-copy h1,.hero-copy .lead,.hero-copy .eyebrow,.hero-actions{animation:none;opacity:1;transform:none;clip-path:none}.showcase-track{transform:none}}
.lang-th,.lang-en,.lang-zh{display:none}html[lang="th"] .lang-th,html[lang="en"] .lang-en,html[lang="zh"] .lang-zh{display:inline}.heritage-copy.lang-th,.heritage-copy.lang-en,.heritage-copy.lang-zh{display:none}html[lang="th"] .heritage-copy.lang-th,html[lang="en"] .heritage-copy.lang-en,html[lang="zh"] .heritage-copy.lang-zh{display:block}
.heritage{min-height:85vh;background:#dfe6c9;color:#0b2a21;display:grid;grid-template-columns:.55fr 1.2fr .45fr;align-items:center;gap:6vw;padding:10vh 6vw;position:relative;overflow:hidden}.heritage:before{content:'20+';position:absolute;right:-3vw;bottom:-16vh;font:700 38vw/.8 Manrope;color:#0b2a2108;letter-spacing:-.1em}.heritage-year{align-self:start;border-top:1px solid #0b2a2155;padding-top:15px}.heritage-year span{font:10px Manrope;letter-spacing:.3em}.heritage-year strong{display:block;font:600 clamp(48px,7vw,100px)/1 Manrope;letter-spacing:-.06em;margin-top:12px}.heritage-copy{position:relative;z-index:2}.heritage-copy p{font:600 10px Manrope;letter-spacing:.25em;color:#486057}.heritage-copy h2{font-size:clamp(43px,5.5vw,83px)}.heritage-copy>span{display:block;max-width:650px;font-size:17px;line-height:1.75;color:#53655e}.heritage-seal{width:180px;height:180px;border:1px solid #0b2a2166;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;z-index:2}.heritage-seal b{font:700 55px/1 Manrope}.heritage-seal span{font:600 9px/1.5 Manrope;letter-spacing:.15em;margin-top:8px}.contact-channels{margin:32px 0}.line-button{display:flex;align-items:center;gap:14px;background:#06c755;color:#fff;padding:15px 18px;border-radius:4px;max-width:340px;font-weight:600}.line-button .line-icon{font:800 12px Manrope;background:#fff;color:#06a948;border-radius:5px;padding:7px}.line-button i{font-style:normal;margin-left:auto}.floating-line{position:fixed;z-index:45;right:22px;bottom:22px;width:82px;height:82px;border-radius:50%;background:#06c755;color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 12px 38px #061c1660;transition:transform .35s var(--motion-ease)}.floating-line:hover{transform:translateY(-6px) rotate(-3deg)}.floating-line b{font:800 13px Manrope}.floating-line span{font-size:10px;margin-top:3px}.pending-line{opacity:.72}
@media(max-width:700px){.heritage{min-height:auto;grid-template-columns:1fr;padding:80px 22px;gap:42px}.heritage-year{display:flex;align-items:end;justify-content:space-between}.heritage-year strong{font-size:62px}.heritage-copy h2{font-size:39px}.heritage-copy>span{font-size:15px}.heritage-seal{width:130px;height:130px}.heritage-seal b{font-size:42px}.floating-line{width:66px;height:66px;right:14px;bottom:14px}.floating-line b{font-size:11px}.floating-line span{font-size:8px}}
.visual-strengths{background:#0a2d22;border-color:#ffffff18}.strengths .strength-card{padding:0;min-height:650px;background:#f4f2e9;display:flex;flex-direction:column;overflow:hidden;position:relative}.strength-card .strength-visual{position:relative;height:58%;min-height:320px;overflow:hidden;background:#0c3b2e}.strength-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#0b3c2c22,#08291ec9);mix-blend-mode:multiply}.strength-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.06);transform:scale(1.06);transition:transform 1.1s var(--motion-ease),filter .7s}.strength-card:hover .strength-visual img{transform:scale(1);filter:saturate(.9) contrast(1.03)}.strength-visual>b{position:absolute;z-index:3;left:24px;bottom:22px;color:#d8ef68;font:600 9px Manrope;letter-spacing:.25em}.strength-content{padding:30px 2.4vw 38px;flex:1;display:flex;flex-direction:column}.strengths .strength-content h3{margin:25px 0 10px;font-size:clamp(22px,2vw,31px)}.strengths .strength-content p{margin:0;line-height:1.7}.visual-grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(#d8ef682d 1px,transparent 1px),linear-gradient(90deg,#d8ef682d 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.visual-scan{position:absolute;z-index:2;left:8%;right:8%;top:12%;bottom:12%;border:1px solid #d8ef6870}.visual-scan:before,.visual-scan:after{content:'';position:absolute;background:#d8ef68}.visual-scan:before{height:1px;left:0;right:0;top:52%;box-shadow:0 0 20px #d8ef68}.visual-scan:after{width:1px;top:0;bottom:0;left:64%}.visual-measure{position:absolute;z-index:2;left:9%;right:9%;top:50%;height:1px;background:#d8ef68}.visual-measure i{position:absolute;width:1px;height:14px;background:#d8ef68;top:-7px}.visual-measure i:nth-child(1){left:0}.visual-measure i:nth-child(2){left:25%}.visual-measure i:nth-child(3){left:50%}.visual-measure i:nth-child(4){left:75%}.visual-measure i:nth-child(5){right:0}.visual-crosshair{position:absolute;z-index:2;width:120px;height:120px;border:1px solid #d8ef6880;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.visual-crosshair:before,.visual-crosshair:after{content:'';position:absolute;background:#d8ef6880}.visual-crosshair:before{height:1px;width:170px;left:-25px;top:50%}.visual-crosshair:after{width:1px;height:170px;top:-25px;left:50%}
@media(max-width:900px){.strengths .strength-card{min-height:570px}.strength-card .strength-visual{min-height:300px;height:55%}.strength-content{padding:28px}.strengths .strength-content h3{font-size:28px}}
@media(max-width:600px){.visual-strengths{background:#f4f2e9}.strengths .strength-card{flex:0 0 86vw;min-height:540px;padding:0}.strength-card .strength-visual{height:56%;min-height:290px}.strength-content{padding:26px}.strengths .strength-content h3{font-size:26px;margin-top:24px}}
.payment-band{background:#0a2c22;color:#fff;padding:55px 6vw;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #ffffff18}.payment-heading>span{display:block;font:600 11px Manrope;letter-spacing:.2em}.payment-heading small{display:block;color:#ffffff72;margin-top:9px;font-size:11px}.payment-logos{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pay-logo{width:76px;height:48px;border-radius:5px;background:#fff;display:grid;place-content:center;text-align:center;color:#111;font:800 16px/1 Manrope;position:relative;overflow:hidden}.pay-logo.amex{background:#168bcc;color:white;font-size:19px}.pay-logo.discover{font-size:11px}.pay-logo.discover i{position:absolute;width:30px;height:30px;background:#f58220;border-radius:50%;right:7px;bottom:-14px}.pay-logo.mastercard{display:flex;align-items:center;justify-content:center;background:#1c2440}.pay-logo.mastercard i{width:28px;height:28px;border-radius:50%;background:#eb001b;margin-right:-8px}.pay-logo.mastercard i+ i{background:#f79e1b;margin:0}.pay-logo.unionpay{background:linear-gradient(110deg,#e4252c 0 27%,#087db8 28% 67%,#00a450 68%);color:white;font-size:11px;font-style:italic}.pay-logo.unionpay small{display:block;font-size:8px}.pay-logo.visa{background:#1747d1;color:#fff;font-size:21px;font-style:italic}.faq-button{position:fixed;z-index:48;right:24px;bottom:118px;width:82px;height:82px;border:0;border-radius:50%;background:#b7d84b;color:#092b21;display:grid;place-content:center;text-align:center;cursor:pointer;box-shadow:0 12px 38px #061c1660;transition:transform .35s var(--motion-ease)}.faq-button:hover{transform:translateY(-6px) rotate(3deg)}.faq-button b{font:800 18px Manrope}.faq-button span{font-size:9px;margin-top:2px}.faq-panel{position:fixed;z-index:90;right:22px;bottom:22px;width:min(520px,calc(100vw - 44px));max-height:min(760px,calc(100vh - 44px));background:#f4f2e9;color:#0b2a21;box-shadow:0 30px 90px #04130fcc;transform:translateY(35px) scale(.96);transform-origin:bottom right;opacity:0;pointer-events:none;transition:opacity .35s var(--motion-ease),transform .45s var(--motion-ease);overflow:auto}.faq-panel.open{opacity:1;transform:none;pointer-events:auto}.faq-head{position:sticky;top:0;z-index:2;background:#0b3b2d;color:white;padding:28px;display:flex;justify-content:space-between;align-items:start}.faq-head span{font:600 9px Manrope;letter-spacing:.25em;color:#b7d84b}.faq-head h2{font-size:34px;margin:7px 0 0}.faq-close{border:1px solid #ffffff40;background:none;color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.faq-list{padding:10px 28px 32px}.faq-list details{border-bottom:1px solid #0b2a2125;padding:20px 0}.faq-list summary{font-weight:600;cursor:pointer;padding-right:24px;list-style:none;position:relative}.faq-list summary:after{content:'+';position:absolute;right:0;font:400 20px Manrope}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#5b6b65;line-height:1.7;margin:13px 0 0;font-size:14px}.faq-open .floating-line,.faq-open .faq-button{opacity:0;pointer-events:none}
@media(max-width:700px){.payment-band{padding:42px 22px;align-items:flex-start;flex-direction:column}.payment-logos{gap:8px}.pay-logo{width:58px;height:38px}.pay-logo.amex{font-size:15px}.pay-logo.visa{font-size:17px}.faq-button{width:66px;height:66px;right:14px;bottom:92px}.faq-button b{font-size:15px}.faq-panel{right:0;bottom:0;width:100vw;max-height:88svh;border-radius:16px 16px 0 0}.faq-head{padding:23px 22px}.faq-head h2{font-size:29px}.faq-list{padding:8px 22px 28px}}
.crew-feature{height:min(900px,92vh);min-height:680px;position:relative;overflow:hidden;background:#08291f;color:white}.crew-feature>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.4s var(--motion-ease);filter:saturate(.88) contrast(1.04)}.crew-feature:hover>img{transform:scale(1.025)}.crew-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051b15ed 0%,#07281ec7 31%,transparent 68%),linear-gradient(0deg,#061e17ad,transparent 48%)}.crew-lines{position:absolute;inset:0;background-image:linear-gradient(#d8ef681c 1px,transparent 1px),linear-gradient(90deg,#d8ef681c 1px,transparent 1px);background-size:8.33vw 8.33vw;mask-image:linear-gradient(90deg,#000,transparent 64%)}.crew-copy{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-43%);width:min(620px,43vw)}.crew-copy.visible{transform:translateY(-50%)}.crew-copy p{font:600 10px Manrope;letter-spacing:.28em;color:#d8ef68}.crew-copy h2{font-size:clamp(52px,6vw,96px);margin:15px 0 24px}.crew-copy span{display:block;max-width:530px;color:#ffffffbd;font-size:17px;line-height:1.75}.crew-tag{position:absolute;z-index:2;right:4vw;bottom:5vh;display:flex;align-items:center;gap:13px;font:600 9px Manrope;letter-spacing:.2em}.crew-tag b{color:#d8ef68}.crew-tag i{width:70px;height:1px;background:#ffffff60}.crew-tag span{color:#ffffff95}
@media(max-width:700px){.crew-feature{height:740px;min-height:0}.crew-feature>img{object-position:68% center}.crew-shade{background:linear-gradient(0deg,#051b15f5 0%,#06251cc0 55%,transparent 92%)}.crew-lines{background-size:25vw 25vw;mask-image:linear-gradient(0deg,#000,transparent 85%)}.crew-copy{left:22px;right:22px;top:auto;bottom:105px;width:auto;transform:none}.crew-copy.visible{transform:none}.crew-copy h2{font-size:44px}.crew-copy span{font-size:14px;line-height:1.65}.crew-tag{left:22px;right:auto;bottom:35px}.crew-tag i{width:38px}}
.featured-project{background:#071d16;color:#fff;padding:11vh 6vw 12vh;overflow:hidden}.featured-project-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5vw;margin-bottom:55px}.featured-project-copy.lang-th,.featured-project-copy.lang-en,.featured-project-copy.lang-zh{display:none}html[lang="th"] .featured-project-copy.lang-th,html[lang="en"] .featured-project-copy.lang-en,html[lang="zh"] .featured-project-copy.lang-zh{display:block}.featured-project-copy p{font:600 10px Manrope;letter-spacing:.28em;color:#b7d84b;margin:0 0 18px}.featured-project-copy h2{font-size:clamp(42px,5vw,78px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.featured-project-copy>span{display:block;max-width:720px;color:#ffffffa8;font-size:16px;line-height:1.8}.featured-project-meta{display:flex;align-items:center;gap:13px;color:#ffffff78;font:600 9px Manrope;letter-spacing:.21em;padding-bottom:5px;white-space:nowrap}.featured-project-meta i{width:26px;height:1px;background:#b7d84b}.featured-project-gallery{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.78fr);gap:14px;height:min(730px,72vw)}.featured-project-gallery figure{margin:0;position:relative;overflow:hidden;background:#0c3227}.featured-project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--motion-ease),filter .7s;filter:saturate(.82) contrast(1.03)}.featured-project-gallery figure:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.02)}.featured-project-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.featured-project-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:55px 22px 20px;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(0deg,#061b15d9,transparent);font:600 9px Manrope;letter-spacing:.2em}.featured-project-gallery figcaption b{color:#b7d84b;font-size:12px}.featured-project-gallery figcaption span{color:#ffffffbf}
@media(max-width:760px){.featured-project{padding:80px 22px 90px}.featured-project-head{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.featured-project-copy h2{font-size:39px}.featured-project-copy>span{font-size:14px;line-height:1.7}.featured-project-meta{gap:8px;white-space:normal;flex-wrap:wrap}.featured-project-meta i{width:16px}.featured-project-gallery{display:flex;height:64vh;min-height:480px;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-right:-22px;padding-right:22px}.featured-project-gallery>figure,.featured-project-side{flex:0 0 86vw;scroll-snap-align:center}.featured-project-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.featured-project-gallery figcaption{padding:55px 18px 18px}}
.featured-project--black{background:#050606;border-top:1px solid #ffffff14;position:relative}.featured-project--black:before{content:'02';position:absolute;right:-.04em;top:-.18em;color:#ffffff05;font:700 min(35vw,520px)/1 Manrope;letter-spacing:-.1em;pointer-events:none}.featured-project--black .featured-project-copy p,.featured-project--black .featured-project-gallery figcaption b{color:#d5b55b}.featured-project--black .featured-project-meta i{background:#d5b55b}.featured-project--black .featured-project-gallery figure{background:#111}.featured-project--black .featured-project-gallery img{filter:saturate(.72) contrast(1.12)}.featured-project--black .featured-project-gallery figure:hover img{filter:saturate(.95) contrast(1.08)}.featured-project-gallery--reverse{grid-template-columns:minmax(300px,.78fr) minmax(0,1.62fr)}.featured-project-gallery--reverse>.featured-project-main{grid-column:2;grid-row:1}.featured-project-gallery--reverse>.featured-project-side{grid-column:1;grid-row:1}
@media(max-width:760px){.featured-project--black:before{font-size:65vw;top:.04em}.featured-project-gallery--reverse{display:flex}.featured-project-gallery--reverse>.featured-project-main,.featured-project-gallery--reverse>.featured-project-side{grid-column:auto;grid-row:auto}.featured-project-gallery--reverse>.featured-project-main{order:0}.featured-project-gallery--reverse>.featured-project-side{order:1}}
.project-film{height:clamp(250px,28vw,390px);margin-top:14px;position:relative;overflow:hidden;background:#090a0a}.project-film video{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;filter:brightness(1.18) saturate(.72) contrast(1.04);transition:filter .6s var(--motion-ease),transform 1.2s var(--motion-ease)}.project-film:hover video{filter:brightness(1.22) saturate(.95) contrast(1.02);transform:scale(1.012)}.project-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030504bd 0%,#03050452 38%,transparent 72%),linear-gradient(0deg,#03050473,transparent 55%);pointer-events:none}.project-film-copy{position:absolute;left:32px;top:50%;transform:translateY(-50%);z-index:2}.project-film-copy p{display:flex;align-items:center;gap:10px;color:#d5b55b;font:600 9px Manrope;letter-spacing:.25em;margin:0 0 14px}.project-film-copy p i{width:38px;height:1px;background:#d5b55b}.project-film-copy h3{font-size:clamp(32px,4vw,62px);line-height:1;margin:0;letter-spacing:-.04em;text-shadow:0 2px 24px #000}.project-film-copy h3.lang-th,.project-film-copy h3.lang-en,.project-film-copy h3.lang-zh{display:none}html[lang="th"] .project-film-copy h3.lang-th,html[lang="en"] .project-film-copy h3.lang-en,html[lang="zh"] .project-film-copy h3.lang-zh{display:block}.project-film-status{position:absolute;z-index:2;right:26px;bottom:22px;display:flex;align-items:center;gap:10px;color:#ffffffc2;font:600 8px Manrope;letter-spacing:.2em}.project-film-status i{width:7px;height:7px;border-radius:50%;background:#d5b55b;box-shadow:0 0 0 0 #d5b55b77;animation:filmPulse 2s ease-out infinite}@keyframes filmPulse{70%{box-shadow:0 0 0 9px transparent}}@media(max-width:760px){.project-film{height:235px;margin-top:10px}.project-film-copy{left:20px}.project-film-copy h3{font-size:34px}.project-film-copy p{font-size:8px}.project-film-status{right:17px;bottom:15px}.project-film video{object-position:center}}@media(prefers-reduced-motion:reduce){.project-film-status i{animation:none}.project-film video{transform:none!important}}