:root{--ivory:#f3f1ec;--paper:#fbfaf7;--stone:#dedbd3;--ink:#242925;--muted:#68716b;--forest:#34483e;--line:#d7d9d1;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Thai',sans-serif;-webkit-font-smoothing:antialiased}body:lang(th){line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(2.9rem,5.6vw,6.4rem)}h2 em{font-style:normal;color:#748077}.wrap{width:min(100% - 8vw,1480px);margin-inline:auto}.section-pad{padding-block:clamp(95px,11vw,190px)}.skip{position:absolute;top:-100px;left:10px;z-index:100;padding:12px;background:#fff}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,250,247,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(40,49,42,.1)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:3vw}.wordmark{font-weight:700;letter-spacing:.11em;font-size:1.27rem;white-space:nowrap}.wordmark-dot{color:#778c7c}.desktop-nav{display:flex;gap:clamp(22px,3vw,50px);font-size:.78rem;font-weight:600;white-space:nowrap}.desktop-nav a,.footer a{transition:opacity .25s}.desktop-nav a:hover,.footer a:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:20px}.language{display:flex;align-items:center;gap:3px;white-space:nowrap}.language button{background:none;border:0;color:var(--muted);cursor:pointer;padding:8px;font-size:.73rem;font-weight:600;min-width:34px}.language button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;background:transparent;border:0;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:21px;height:1px;background:var(--ink)}.mobile-nav{display:none}.hero{position:relative;min-height:min(830px,calc(100svh - 80px));overflow:hidden;background:#415048;color:#fff;isolation:isolate}.hero-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(105deg,#28362e 0%,#546154 50%,#9ca99b 100%)}.art-wall{position:absolute;inset:0 0 0 44%;background:linear-gradient(112deg,#869589,#d2d2bf 76%);box-shadow:-50px 0 100px #1b2c2688;transform:skewX(-8deg) translateX(10%)}.art-arch{position:absolute;width:40vw;height:88%;max-width:600px;right:8%;bottom:-3%;border-radius:50% 50% 0 0 / 34% 34% 0 0;background:linear-gradient(112deg,#3c5146,#90a092 55%,#e0dac4);box-shadow:inset 35px 0 40px #263e3688,0 25px 45px #26392b88;transform:rotate(4deg)}.art-arch:after{content:"";position:absolute;inset:7% 8% 0;border-radius:inherit;background:linear-gradient(100deg,#182720,#3f5a48 55%,#b2baa5);box-shadow:inset 28px 0 45px #0d201bcc}.art-slab{position:absolute;width:60vw;height:8vw;right:-7%;bottom:13%;background:linear-gradient(#d6d0bd,#8b9687);transform:rotate(-17deg);box-shadow:0 35px 35px #17281d66}.art-shadow{position:absolute;width:60vw;height:60vw;left:37%;top:-35%;background:radial-gradient(circle,#f6f1da66,transparent 60%);filter:blur(30px)}.art-caption{position:absolute;right:4%;bottom:5%;font-size:.65rem;letter-spacing:.25em;color:#fff9}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,21,.74),rgba(15,27,21,.45) 45%,transparent 80%);pointer-events:none}.hero-content{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding-block:105px 95px}.hero-copy{max-width:800px}.eyebrow,.small-caps,.section-label,.origin-kicker{font-size:.71rem;font-weight:700;letter-spacing:.19em;line-height:1.5}.eyebrow{margin-bottom:35px}.hero h1{font-size:clamp(4rem,6.4vw,7.2rem);max-width:1000px;margin-bottom:32px}.hero-intro{font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.65;max-width:570px;color:#f5f5ede8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:28px;min-height:54px;padding:0 22px;font-size:.78rem;font-weight:700;transition:transform .25s,background .25s}.button span,.arrow-link span{font-size:1.2rem;font-weight:400}.button:hover{transform:translateY(-3px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#e2e7dc}.button-dark{background:var(--forest);color:white}.text-link{font-size:.78rem;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-signature{position:absolute;bottom:42px;margin:0;font-size:.75rem;letter-spacing:.06em}.hero-index{position:absolute;z-index:3;right:4vw;bottom:40px;font-size:.73rem;letter-spacing:.14em}.section-grid,.section-head,.origin-grid{display:grid;grid-template-columns:25% 1fr;gap:4%}.section-label{display:flex;align-items:flex-start;gap:15px;color:#67756c;padding-top:15px}.section-label .line{display:block;width:25px;height:1px;background:#819286;margin-top:9px;flex:none}.manifesto{background:var(--paper)}.manifesto h2{margin-bottom:70px}.manifesto-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:960px}.manifesto-body p,.origin-copy p{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.7;color:#515a53}.brands{background:var(--ivory)}.section-head{margin-bottom:70px}.section-head h2{margin-bottom:28px}.section-head p{max-width:600px;color:#606861;font-size:1.08rem;line-height:1.65}.brand-feature{display:grid;grid-template-columns:59% 41%;min-height:580px;background:#e5e7dc}.brand-feature-image{overflow:hidden;min-height:450px}.brand-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.brand-feature:hover img{transform:scale(1.035)}.brand-feature-copy{padding:clamp(30px,4vw,65px);display:flex;flex-direction:column;justify-content:space-between}.brand-feature-copy .small-caps{color:#6d7b70}.brand-mark{display:block;font-size:clamp(2.3rem,4vw,4.7rem);font-weight:600;letter-spacing:-.045em;margin-bottom:22px}.brand-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.66rem;letter-spacing:.11em;font-weight:700;color:#637067}.brand-feature-copy p:not(.small-caps){font-size:1.14rem;line-height:1.65;max-width:390px;margin:30px 0}.arrow-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:.82rem;font-weight:700}.house-signature{font-size:.68rem;letter-spacing:.12em;color:#6e786f}.brand-other{display:grid;grid-template-columns:25% 1fr 1fr;gap:3%;margin-top:54px;border-top:1px solid #bfc7bc;padding-top:28px}.brand-other-intro p:last-child{font-size:.9rem;line-height:1.6;color:#656e66;max-width:230px}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #bfc7bc;padding:4px 0 35px;font-size:clamp(1.5rem,2.3vw,2.8rem);font-weight:600;letter-spacing:-.05em;transition:padding .3s}.brand-row:hover{padding-left:10px}.brand-row span:last-child{font-size:1.2rem}.philosophy{background:#303e35;color:#fafaf5}.philosophy .section-label{color:#b9c7b9}.philosophy .line{background:#b9c7b9}.philosophy h2 em{color:#a7baaa}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff4d}.principles article{padding:27px 25px 0 0;border-right:1px solid #ffffff38;min-height:230px}.principles article+article{padding-left:25px}.principles article:last-child{border:0}.principles article>span{font-size:.7rem;color:#b1c1b1}.principles h3{font-size:.93rem;margin:35px 0 12px;letter-spacing:.11em}.principles p{font-size:.88rem;line-height:1.6;color:#d0d9cf;max-width:200px}.origin{background:#e5e3dc}.origin-kicker{color:#809186;margin:0 0 18px}.origin h2{font-size:clamp(2.8rem,5.7vw,6.4rem);max-width:1000px}.origin-copy{max-width:760px;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.ecosystem{background:var(--paper);border-bottom:1px solid var(--line)}.eco-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:80px;gap:10%;align-items:end}.eco-house{font-size:clamp(3.2rem,7vw,8rem);letter-spacing:-.06em;font-weight:600;line-height:1;margin-bottom:20px}.eco-house span{font-size:.18em;vertical-align:top;margin-left:5px}.eco-grid p:last-child{color:#667069}.eco-brands{border-top:1px solid var(--ink);display:grid}.eco-brands span{padding:18px 0;border-bottom:1px solid var(--line);font-size:1.15rem;font-weight:600;letter-spacing:.04em}.closing{background:var(--paper);text-align:center}.closing h2{font-size:clamp(2.7rem,5.2vw,6rem);margin:30px auto 45px}.footer{background:#e8e9e3;padding:70px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-top{padding-bottom:100px}.footer-top p{font-size:.88rem;color:#657067;margin-top:17px}.footer-top nav{display:flex;gap:45px;font-size:.84rem;font-weight:600}.footer-bottom{border-top:1px solid #c7cec5;padding-top:22px;align-items:center;font-size:.72rem;color:#5f6a61}.footer-bottom .language button{font-size:.7rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s,transform .75s}.reveal.is-visible{opacity:1;transform:none}body:lang(th) h1,body:lang(th) h2{letter-spacing:-.025em;line-height:1.2}body:lang(th) .hero h1{font-size:clamp(3.1rem,6.8vw,7rem)}body:lang(th) .eyebrow,body:lang(th) .section-label{letter-spacing:.08em}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:20px 4vw 30px;gap:18px;background:var(--paper);border-top:1px solid var(--line);font-size:1.12rem}.brand-feature{grid-template-columns:55% 45%}.brand-other{grid-template-columns:1fr 1fr}.brand-other-intro{grid-column:1/-1}.section-grid,.section-head,.origin-grid{grid-template-columns:22% 1fr}.principles{grid-template-columns:repeat(2,1fr)}.principles article:nth-child(2){border-right:0}.principles article:nth-child(n+3){border-top:1px solid #ffffff38}}
@media(max-width:700px){.wrap{width:min(100% - 40px,1480px)}.header-inner{height:66px}.wordmark{font-size:1.03rem}.header-actions{gap:8px}.language button{padding:8px 4px;min-width:29px}.hero{min-height:710px}.hero-content{padding-block:100px}.hero h1{font-size:clamp(3.1rem,13vw,5.5rem)}.hero:after{background:linear-gradient(90deg,#17251edc,#2033298c)}.art-wall{inset:0 0 0 15%}.art-arch{width:85vw;height:68%;right:-32%;bottom:6%}.art-slab{width:100vw;height:15vw;right:-29%;bottom:20%}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-signature{bottom:28px}.hero-index{bottom:28px}.section-pad{padding-block:85px}.section-grid,.section-head,.origin-grid{display:block}.section-label{margin-bottom:30px}.manifesto h2,.section-head h2,.origin h2{font-size:clamp(2.65rem,10vw,4.8rem)}.manifesto h2{margin-bottom:45px}.manifesto-body,.origin-copy{display:block}.manifesto-body p+ p,.origin-copy p+ p{margin-top:25px}.brand-feature{display:block}.brand-feature-image{min-height:0;aspect-ratio:1.15}.brand-feature-copy{min-height:440px;padding:28px}.brand-other{display:block}.brand-other-intro{margin-bottom:38px}.brand-row{margin-bottom:25px}.principles{grid-template-columns:1fr 1fr}.principles article{min-height:220px;padding-right:15px}.principles article+article{padding-left:15px}.principles h3{font-size:.75rem}.principles p{font-size:.79rem}.origin-copy{margin-top:40px}.eco-grid{display:block;margin-top:60px}.eco-house{font-size:15vw}.eco-brands{margin-top:55px}.closing h2{font-size:clamp(2.5rem,9vw,4.5rem)}.footer-top{display:block;padding-bottom:70px}.footer-top nav{margin-top:45px;gap:20px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* FOREVIER identity, drawn from its existing blue/red logo. */
:root{--paper:#fffdfa;--ivory:#f5f6f7;--stone:#e9edf1;--ink:#112f50;--muted:#5f6f80;--forest:#0060af;--navy:#0b2c4e;--red:#d41820;--line:#d9e0e7}
body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(255,253,250,.94);border-bottom-color:#d7e0e8}
.wordmark{display:inline-flex;align-items:center;line-height:0}
.wordmark img{width:150px;height:auto;max-height:64px;object-fit:contain}
.desktop-nav a:hover,.footer a:hover{color:var(--forest);opacity:1}
.language button[aria-pressed=true]{color:var(--navy);text-decoration-color:var(--red)}
.menu-toggle span{background:var(--navy)}
.hero{background:#eef2f6;color:var(--navy)}
.hero-art{background:linear-gradient(110deg,#f4f6f8 0%,#e6edf4 58%,#97b8d2 100%)}
.art-wall{background:linear-gradient(112deg,#d8e5ef,#fcfdff 70%);box-shadow:-50px 0 100px #496b852e}
.art-arch{background:linear-gradient(115deg,#0a3760,#0060af 58%,#79a9cf);box-shadow:inset 35px 0 40px #082d4b66,0 25px 45px #17436b48}
.art-arch:after{background:linear-gradient(100deg,#071f37,#143f68 55%,#4f86b3);box-shadow:inset 28px 0 45px #021a31aa}
.art-slab{background:linear-gradient(#ffffff,#c9d9e7);box-shadow:0 35px 35px #23426045}
.art-slab:after{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--red)}
.art-shadow{background:radial-gradient(circle,#fff9,transparent 60%)}
.art-caption{color:#fdfefe}
.hero:after{background:linear-gradient(90deg,#f8fafbec 0%,#f8fafbd9 35%,#eff4f6b0 53%,transparent 78%)}
.hero .eyebrow{color:var(--forest)}
.hero-intro{color:#344c62}
.hero-signature,.hero-index{color:var(--navy)}
.button-light{background:var(--navy);color:white}
.button-light:hover{background:#005495}
.button-light span,.button-dark span,.brand-action span:last-child{color:var(--red)}
.light-link{color:var(--navy)}
.section-label{color:var(--forest)}
.section-label .line{background:var(--red);height:2px}
.manifesto h2 em,.section-head h2 em,.origin h2 em,.closing h2 em{color:#54708a}
.manifesto-body p,.origin-copy p,.section-head p{color:#536477}
.brands{background:#f7f8f9}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.brand-card{min-width:0;background:white;border:1px solid #dce3e9;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s}
.brand-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0b2c4e14;border-color:#a9bfd2}
.brand-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e9edf2;display:flex;align-items:center;justify-content:center}
.brand-media>img:first-child{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.brand-card:hover .brand-media>img:first-child{transform:scale(1.035)}
.media-nuage{background:#e8f3fa}
.media-nuage>img:first-child{object-fit:contain;width:87%;height:87%}
.media-shizen{background:linear-gradient(145deg,#e9e9e7,#f9f9f8)}
.media-shizen>img:first-child{object-fit:contain;width:72%;height:92%}
.media-rebel>img:first-child{filter:saturate(.62)}
.brand-media .media-logo{position:absolute;bottom:15px;left:15px;width:95px;height:auto;background:#ffffffe8;padding:5px;object-fit:contain}
.media-mythia>img:first-child{object-position:center}
.media-dermaniq>img:first-child{object-position:68% center}
.brand-info{padding:22px 20px 20px;display:flex;flex-direction:column;flex:1;min-height:270px}
.brand-category{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--forest);min-height:2em;margin:0 0 17px;line-height:1.4}
.brand-info h3{font-size:clamp(1.22rem,1.5vw,1.65rem);line-height:1.14;letter-spacing:-.04em;font-weight:600;margin:0 0 15px;overflow-wrap:anywhere}
.brand-description{font-size:.81rem;line-height:1.58;color:#536477;margin:0 0 25px}
.brand-action{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #dce3e9;padding-top:16px;font-size:.72rem;font-weight:700;line-height:1.35;min-height:39px}
.brand-action:hover{color:var(--forest)}
.brand-action-muted{color:#718091}
.philosophy{background:var(--navy);color:#f9fbfd}
.philosophy .section-label{color:#bed4e5}
.philosophy .line{background:var(--red)}
.philosophy h2 em{color:#a9c5db}
.principles p{color:#d4e1ea}
.principles article>span{color:#ff8489}
.origin{background:#edf1f4}
.origin-kicker{color:var(--red)}
.ecosystem{background:white}
.eco-house{color:var(--navy)}
.eco-grid p:last-child{color:#536477}
.eco-brands{border-top-color:var(--navy)}
.closing{background:#fffdfa}
.button-dark{background:var(--navy)}
.button-dark:hover{background:var(--forest)}
.footer{background:#edf1f4}
.footer-top p,.footer-bottom{color:#536477}
.footer-bottom{border-top-color:#c9d5df}
@media(max-width:1300px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-info{min-height:225px}.brand-info h3{font-size:1.5rem}}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.mobile-nav:not([hidden]){background:var(--paper)}}
@media(max-width:700px){.wordmark img{width:112px;max-height:48px}.hero:after{background:linear-gradient(90deg,#f8fafbea,#f8fafbc7 55%,#f8fafb35)}.hero h1{font-size:clamp(3rem,12vw,5rem)}.hero-intro{color:#284660}.brand-grid{grid-template-columns:1fr;gap:22px}.brand-card:last-child{grid-column:auto;width:100%}.brand-media{aspect-ratio:1.32}.brand-info{min-height:220px}.brand-info h3{font-size:1.6rem}.footer-top .wordmark img{width:145px}.hero-signature,.hero-index{color:var(--navy)}}
@media(min-width:1001px) and (max-width:1300px){.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-card{grid-column:span 2}.brand-card:nth-child(4){grid-column:2/span 2}.brand-card:nth-child(5){grid-column:4/span 2}}
/* v5 — editorial image system and balanced brand house */
:root{--navy:#0b2c4e;--blue:#0060af;--red:#d41820;--paper:#fbfaf7;--ink:#0b2c4e;--forest:#0b2c4e}
html{scroll-padding-top:76px}
:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.site-header{z-index:20;backdrop-filter:blur(12px)}
.header-inner{min-height:76px}
.desktop-nav a{letter-spacing:.01em}
.hero{min-height:clamp(650px,64vw,860px);display:grid;grid-template-columns:53% 47%;background:#f5f8fa;overflow:hidden}
.hero:after{display:none}
.hero-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:100%;min-height:650px;overflow:hidden;background:linear-gradient(155deg,#e5eef5,#fff 40%,#c8dce9)}
.hero-content{grid-column:1;grid-row:1;position:relative;z-index:2;width:auto;max-width:none;margin:0;padding:clamp(110px,10vw,170px) clamp(32px,6vw,115px) 80px max(30px,calc((100vw - 1480px)/2));display:flex;flex-direction:column;justify-content:center}
.hero-copy{max-width:780px}
.hero h1{font-size:clamp(4rem,5.5vw,7.2rem);line-height:.99;max-width:780px;letter-spacing:-.07em}
.hero-intro{max-width:600px}
.hero-signature{position:relative;bottom:auto;left:auto;margin-top:clamp(55px,8vw,140px)}
.hero-index{left:auto;right:32px;bottom:28px;z-index:2;color:white}
.art-wall{inset:0 auto 0 -5%;width:77%;background:linear-gradient(105deg,#e9f0f5 0%,#fff 76%);transform:skewX(-13deg)}
.art-arch{width:82%;height:82%;right:-16%;bottom:-8%;border-radius:50% 50% 0 0 / 34% 34% 0 0}
.art-arch:after{border-radius:inherit}
.art-slab{width:120%;height:12%;right:-15%;bottom:16%;transform:rotate(-12deg)}
.art-caption{right:28px;top:28px;left:auto}
.slot-number{position:absolute;z-index:3;right:22px;bottom:18px;font-size:.65rem;letter-spacing:.18em;font-weight:700;color:var(--navy)}
.visual-slot{isolation:isolate;overflow:hidden}
.visual-slot img{object-fit:cover;object-position:center}
.intention-layout,.origin-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(55px,7vw,140px);align-items:center}
.manifesto{background:#fffdfa}
.intention-text .section-label,.origin-text .section-label{margin-bottom:clamp(35px,5vw,78px)}
.intention-text h2{font-size:clamp(3.9rem,5.8vw,7.5rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 50px;max-width:820px}
.intention-text h2 em{font-style:normal;color:var(--blue)}
.intention-text .manifesto-body{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:750px}
.intention-text .manifesto-body p{margin:0;font-size:1rem;line-height:1.7}
.editorial-link{display:inline-flex;align-items:center;gap:25px;padding:10px 0;margin-top:32px;border-bottom:1px solid var(--navy);font-size:.78rem;font-weight:700}
.editorial-link span:last-child{color:var(--red);transition:transform .25s}
.editorial-link:hover span:last-child{transform:translateX(5px)}
.intention-visual{position:relative;min-height:650px;background:linear-gradient(138deg,#e6edf2,#cbd8e0 56%,#f4f5f4)}
.intention-stone{position:absolute;inset:10% 8% 8% 11%;background:linear-gradient(145deg,#f9f9f7,#dfe4e5);box-shadow:24px 35px 40px #536e8033;transform:rotate(-5deg)}
.intention-paper{position:absolute;left:24%;top:26%;width:66%;height:54%;background:#fffefa;transform:rotate(6deg);box-shadow:8px 20px 28px #213d5433;border-top:4px solid var(--blue)}
.intention-paper:after{content:'FOREVIER  /  NOTES';position:absolute;left:10%;top:14%;font-size:.66rem;font-weight:700;letter-spacing:.2em;color:var(--navy)}
.intention-pencil{position:absolute;width:45%;height:7px;background:var(--navy);left:23%;top:72%;transform:rotate(-31deg);box-shadow:1px 4px 4px #0b2c4e55}
.intention-pencil:after{content:'';position:absolute;right:-12px;top:0;border-left:12px solid var(--red);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
.brands{background:#f2f5f7}
.brands .section-head{margin-bottom:clamp(50px,5vw,80px)}
.brand-grid{gap:16px}
.brand-media{aspect-ratio:1/1}
.brand-info{min-height:275px}
.brand-action{transition:color .25s}
.brand-action span:last-child{transition:transform .25s}
.brand-action:hover span:last-child{transform:translate(3px,-3px)}
.philosophy{position:relative;background:#0a2845;color:#f5f9fb}
.philosophy-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;margin-bottom:clamp(75px,8vw,130px)}
.philosophy-copy h2{font-size:clamp(3.6rem,5.5vw,7rem);line-height:1.02;max-width:750px;margin:55px 0 30px}
.philosophy-copy h2 em{font-style:normal;color:#9fc5df}
.philosophy-copy>p{font-size:clamp(1.05rem,1.2vw,1.35rem);line-height:1.65;color:#d5e2ed;max-width:570px}
.philosophy-visual{position:relative;min-height:540px;background:linear-gradient(135deg,#143b5c,#071a2e 72%);border:1px solid #ffffff30}
.philosophy-visual:before{content:'';position:absolute;width:70%;height:70%;border:1px solid #91bad346;border-radius:50%;right:-15%;top:-30%}
.philosophy-object{position:absolute;width:48%;height:64%;left:28%;top:13%;border-radius:45% 45% 12% 12%;background:linear-gradient(100deg,#729cb440,#d9eaf140 45%,#456f8960 85%);border:2px solid #d8e8ef75;box-shadow:inset 20px 0 30px #fff3,40px 40px 65px #0005}
.philosophy-book{position:absolute;width:75%;height:9%;left:6%;bottom:15%;background:linear-gradient(#e6ecf0,#8798a5);transform:skewX(-25deg);box-shadow:15px 20px 20px #0007}
.philosophy-visual .slot-number{color:#cee3f0}
.principles{border-top-color:#ffffff59}
.principles article{min-height:200px}
.origin{background:#edf3f6}
.origin-text .origin-kicker{margin:0 0 25px}
.origin-text h2{font-size:clamp(3.8rem,5.7vw,7.2rem);line-height:1.02;letter-spacing:-.065em;max-width:850px;margin:0}
.origin-text .origin-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:750px;margin-top:42px}
.origin-visual{position:relative;min-height:650px;background:linear-gradient(#8bb9d8 0 43%,#e5eef3 43% 100%)}
.origin-wall{position:absolute;inset:25% 0 0 9%;background:linear-gradient(90deg,#e1e8eb,#fff 60%);box-shadow:-30px 25px 30px #53758c55}
.origin-arch{position:absolute;left:24%;bottom:0;width:59%;height:58%;border-radius:48% 48% 0 0 / 28% 28% 0 0;background:linear-gradient(105deg,#003d72,#0060af);box-shadow:inset 18px 0 30px #001c3899}
.origin-arch:after{content:'';position:absolute;left:49%;top:-18px;width:4px;height:20px;background:var(--red)}
.closing{position:relative;background:linear-gradient(150deg,#e7f0f6,#fff 54%,#e4edf3);min-height:570px;display:flex;align-items:center}
.closing-geometry{position:absolute;width:45vw;height:45vw;border:1px solid #b4cbda;border-radius:50%;right:-10vw;top:-30vw;box-shadow:0 0 0 8vw #e3edf433,0 0 0 16vw #cbdce533}
.closing .wrap{position:relative;z-index:1}
.closing h2{font-size:clamp(3.2rem,5.4vw,7.3rem);max-width:1100px}
.footer{background:#fff;padding-top:80px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px;padding-bottom:80px}
.footer-top nav{display:flex;flex-direction:column;gap:14px;margin:0}
.footer-brands{display:flex;flex-direction:column;gap:10px;font-size:.8rem;font-weight:600;letter-spacing:.03em;color:#465b6b}
@media(max-width:1250px){.hero h1{font-size:clamp(3.8rem,6vw,5.8rem)}.intention-layout,.origin-layout{gap:45px}.intention-visual,.origin-visual{min-height:550px}.intention-text .manifesto-body,.origin-text .origin-copy{display:block}.intention-text .manifesto-body p+p,.origin-text .origin-copy p+p{margin-top:18px}}
@media(max-width:1000px){.hero{grid-template-columns:54% 46%}.hero-content{padding-left:4vw;padding-right:4vw}.hero-art{min-height:640px}.hero h1{font-size:clamp(3.2rem,6vw,5rem)}.intention-layout,.origin-layout,.philosophy-lead{grid-template-columns:1fr}.intention-visual,.origin-visual,.philosophy-visual{min-height:420px}.philosophy-lead{gap:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;min-height:0}.hero-content{order:1;padding:80px 20px 55px}.hero-art{order:2;height:340px;min-height:340px}.hero h1{font-size:clamp(3.15rem,11.7vw,5rem)}.hero-signature{margin-top:48px}.hero-index{bottom:20px;right:20px}.intention-text h2,.origin-text h2,.philosophy-copy h2{font-size:clamp(2.8rem,10.5vw,4.5rem)}.intention-visual,.origin-visual,.philosophy-visual{min-height:350px}.brand-info{min-height:220px}.footer-top{grid-template-columns:1fr;gap:36px}.footer-top>div:first-child{grid-column:auto}.closing{min-height:500px}}
@media(prefers-reduced-motion:reduce){.visual-slot *,.brand-media img,.brand-card,.editorial-link span:last-child{animation:none!important;transition:none!important;transform:none!important}}
/* v6 — clean photographic assets with responsive CSS blending */
.hero-art{margin-left:-22%;width:122%;min-height:650px;background:#f5f8fa}
.hero-art .slot-picture,.intention-visual .slot-picture,.philosophy-visual .slot-picture,.origin-visual .slot-picture,.closing-image{position:absolute;inset:0;display:block;width:100%;height:100%}
.slot-picture img,.closing-image img{display:block;width:100%;height:100%;object-fit:cover}
.hero-art .slot-picture img{object-position:47% center}
.hero-art:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#f5f8fa 0%,#f5f8fae8 15%,#f5f8fa7d 37%,transparent 63%);pointer-events:none}
.hero-art .art-caption{z-index:2;color:#fff}
.hero-content{z-index:3}
.intention-layout{grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr);gap:clamp(40px,5vw,100px)}
.intention-visual{min-height:650px;margin-right:-4vw;background:#e6ebed}
.intention-visual .slot-picture img{object-position:52% center}
.intention-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdfa4d,transparent 32%);pointer-events:none}
.intention-visual .slot-number{color:#fff;text-shadow:0 1px 8px #1235}
.brand-picture{display:block;width:100%;height:100%;overflow:hidden}
.brand-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s}
.brand-card:hover .brand-picture img{transform:scale(1.035)}
.media-dermaniq .brand-picture img{object-position:52% 64%}
.media-shizen .brand-picture img,.media-rebel .brand-picture img{object-fit:cover;width:100%;height:100%}
.philosophy{background:#092945}
.philosophy-lead{position:relative;display:block;min-height:630px;margin-bottom:clamp(70px,7vw,110px)}
.philosophy-copy{position:relative;z-index:3;width:min(55%,720px);padding-top:90px;padding-bottom:60px}
.philosophy-copy h2{margin:50px 0 30px}
.philosophy-visual{position:absolute;z-index:1;inset:0 -4vw 0 auto;width:78%;height:100%;min-height:0;border:0;background:none}
.philosophy-visual .slot-picture img{object-position:58% center}
.philosophy-visual:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#092945 0%,#092945eb 23%,#092945a8 45%,#09294530 76%,#0929450f 100%);pointer-events:none}
.philosophy-visual .slot-number{z-index:2;color:#fff}
.philosophy .principles{position:relative;z-index:2}
.origin{background:#f2f5f5}
.origin-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;min-height:640px}
.origin-text{position:relative;z-index:2;padding:70px 0}
.origin-visual{min-height:640px;margin-left:-24%;margin-right:-4vw;width:calc(124% + 4vw);background:#e5eff3}
.origin-visual .slot-picture img{object-position:52% center}
.origin-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2f5f5 0%,#f2f5f5e0 15%,#f2f5f570 43%,transparent 72%);pointer-events:none}
.origin-visual .slot-number{color:#fff;text-shadow:0 1px 8px #1236}
.closing{min-height:640px;background:#e5eef4}
.closing:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#f6f9fbd9 0%,#f6f9fbb5 37%,#e8f2f680 75%,#edf5f98c 100%);pointer-events:none}
.closing-image{z-index:0}
.closing-image img{object-position:center 58%}
.closing .wrap{z-index:2}
.closing h2{color:#082b4b;text-shadow:0 1px 12px #ffffffb5}
.closing .small-caps{color:#0b3a62}
@media(max-width:1000px){.hero-art{margin-left:-25%;width:125%;min-height:640px}.intention-visual{min-height:480px;margin-right:0}.philosophy-lead{min-height:590px}.philosophy-copy{width:60%;padding-top:65px}.philosophy-visual{right:-4vw;width:79%}.origin-layout{grid-template-columns:1fr 1fr;min-height:520px}.origin-visual{min-height:520px}.origin-text{padding:45px 0}}
@media(max-width:700px){.hero-art{margin-left:0;width:100%;height:350px;min-height:350px}.hero-art:after{background:linear-gradient(180deg,#f5f8fa 0%,#f5f8fa4d 22%,transparent 55%)}.hero-art .slot-picture img{object-position:52% 47%}.intention-layout,.origin-layout{display:block}.intention-visual{min-height:400px;margin:50px -20px 0}.intention-visual .slot-picture img{object-position:center 48%}.philosophy-lead{min-height:0;display:flex;flex-direction:column;margin-bottom:65px}.philosophy-copy{width:100%;padding:0 0 22px}.philosophy-visual{position:relative;inset:auto;width:calc(100% + 40px);margin:0 -20px;height:360px;min-height:360px}.philosophy-visual:after{background:linear-gradient(180deg,#09294585,#09294520 55%,#09294526)}.philosophy-visual .slot-picture img{object-position:52% center}.origin-layout{min-height:0}.origin-text{padding:0}.origin-visual{min-height:420px;height:420px;margin:35px -20px -85px;width:calc(100% + 40px)}.origin-visual:after{background:linear-gradient(180deg,#f2f5f5 0%,#f2f5f54d 20%,transparent 53%)}.origin-visual .slot-picture img{object-position:55% center}.closing{min-height:600px}.closing-image img{object-position:52% center}.closing:after{background:linear-gradient(180deg,#f6f9fbe8 0%,#f6f9fbd1 47%,#e7f2f690 100%)}.closing h2{font-size:clamp(2.6rem,9vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){.brand-picture img{transition:none!important;transform:none!important}}
/* v7 — section-level image layers for philosophy and origin only */
.philosophy,.origin{position:relative;overflow:hidden;isolation:isolate}
.philosophy-lead,.origin-layout{position:static}
.philosophy .wrap{position:relative;z-index:2}
.philosophy-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;z-index:-1;background:none}
.philosophy-visual .slot-picture{position:absolute;inset:0;width:100%;height:100%}
.philosophy-visual .slot-picture img{width:100%;height:100%;object-fit:cover;object-position:63% center}
.philosophy-visual:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,46,78,.98) 0%,rgba(7,46,78,.94) 28%,rgba(7,46,78,.73) 48%,rgba(7,46,78,.35) 72%,rgba(7,46,78,.10) 100%);pointer-events:none}
.philosophy-visual .slot-number{display:none}
.origin-visual{position:absolute;inset:0 0 0 auto;width:64%;height:100%;min-height:0;margin:0;z-index:0;background:none}
.origin-visual .slot-picture{position:absolute;inset:0;width:100%;height:100%}
.origin-visual .slot-picture img{width:100%;height:100%;object-fit:cover;object-position:56% center}
.origin-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2f5f5 0%,rgba(242,245,245,.98) 14%,rgba(242,245,245,.78) 34%,rgba(242,245,245,.25) 62%,transparent 82%);pointer-events:none}
.origin-visual .slot-number{display:none}
.origin-text{position:relative;z-index:2}
@media(max-width:1000px){.philosophy-visual{inset:0;width:100%;height:100%}.philosophy-visual .slot-picture img{object-position:64% center}.origin-visual{inset:0 0 0 auto;width:68%;height:100%;min-height:0}.origin-visual .slot-picture img{object-position:59% center}}
@media(max-width:700px){.philosophy-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0}.philosophy-visual .slot-picture img{object-position:62% center}.philosophy-visual:after{background:linear-gradient(180deg,rgba(7,46,78,.94) 0%,rgba(7,46,78,.80) 42%,rgba(7,46,78,.76) 68%,rgba(7,46,78,.92) 100%)}.origin-visual{position:relative;inset:auto;width:calc(100% + 40px);height:420px;min-height:420px;margin:35px -20px -85px}.origin-visual .slot-picture img{object-position:61% center}.origin-visual:after{background:linear-gradient(180deg,#f2f5f5 0%,rgba(242,245,245,.38) 22%,transparent 52%)}.origin-visual .slot-number{display:block}}
.philosophy .wrap{position:static;z-index:auto}
.philosophy-visual{z-index:0}
.philosophy-copy,.philosophy .principles{position:relative;z-index:2}
.philosophy-visual:after{background:linear-gradient(0deg,rgba(7,46,78,.76) 0%,rgba(7,46,78,.30) 34%,transparent 60%),linear-gradient(90deg,rgba(7,46,78,.98) 0%,rgba(7,46,78,.94) 28%,rgba(7,46,78,.73) 48%,rgba(7,46,78,.35) 72%,rgba(7,46,78,.10) 100%)}
@media(max-width:700px){.philosophy-visual:after{background:linear-gradient(180deg,rgba(7,46,78,.94) 0%,rgba(7,46,78,.80) 42%,rgba(7,46,78,.76) 68%,rgba(7,46,78,.92) 100%)}}
/* v8 — hero headline fit for the new localized message */
.hero-copy{max-width:none}
.hero h1{max-width:none;font-size:clamp(2.8rem,3.35vw,4.3rem);line-height:1.06;letter-spacing:-.055em}
.hero h1 .hero-line{display:block;white-space:nowrap}
.hero-intro{max-width:590px}
body:lang(th) .hero h1{font-size:clamp(2.5rem,3.15vw,4rem);line-height:1.2;letter-spacing:-.035em}
@media(max-width:1100px){.hero h1 .hero-line{white-space:normal}.hero h1{font-size:clamp(2.7rem,4.2vw,3.4rem)}body:lang(th) .hero h1{font-size:clamp(2.5rem,3.9vw,3.25rem)}}
@media(max-width:700px){.hero h1 .hero-line{display:inline;white-space:normal}.hero h1{font-size:clamp(2.9rem,11vw,4.1rem);line-height:1.05}body:lang(th) .hero h1{font-size:clamp(2.7rem,10.2vw,3.5rem);line-height:1.19}.hero-intro{max-width:none}}
@media(min-width:1101px){.hero h1{width:calc(100% + 52px)}}
@media(min-width:701px) and (max-width:900px){.hero h1{font-size:clamp(2.25rem,5.2vw,2.5rem)}body:lang(th) .hero h1{font-size:clamp(2.25rem,4.8vw,2.5rem)}}
@media(max-width:700px){body:lang(th) .hero h1{font-size:clamp(2.4rem,9.8vw,3.3rem)}}

/* ==================================================
   v9 — CINEMATIC FOREVIER OPENING HERO & ADAPTIVE HEADER
   ================================================== */
.cinema-opening {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #07192d;
  color: #ffffff;
  isolation: isolate;
}

.cinema-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.cinema-poster,
.cinema-poster-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.cinema-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  pointer-events: none;
}

.cinema-video.is-ready {
  opacity: 1;
}

/* Atmospheric readability overlay */
.cinema-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(9, 32, 54, 0.16) 0%, rgba(7, 24, 42, 0.36) 100%),
              linear-gradient(to bottom, rgba(7, 26, 46, 0.44) 0%, rgba(7, 26, 46, 0.08) 35%, rgba(7, 26, 46, 0.16) 65%, rgba(7, 26, 46, 0.58) 100%);
}

.cinema-content {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: max(80px, env(safe-area-inset-top));
  padding-bottom: max(32px, env(safe-area-inset-bottom));
  text-align: center;
  box-sizing: border-box;
}

.cinema-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-inline: 20px;
}

.cinema-logo {
  opacity: 0;
  transform: translateY(8px);
  animation: cinemaFadeUp 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards;
  margin-bottom: clamp(26px, 3.6vh, 42px);
}

.cinema-logo img {
  width: clamp(180px, 16vw, 230px);
  max-width: 85vw;
  height: auto;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0 6px 24px rgba(0, 0, 0, 0.28));
}

.cinema-statement {
  opacity: 0;
  transform: translateY(6px);
  animation: cinemaFadeUp 1.0s cubic-bezier(0.22, 1, 0.36, 1) 1.3s forwards;
  color: #f7f9fa;
  font-size: clamp(0.92rem, 1.22vw, 1.18rem);
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1.6;
  margin: 0;
  text-align: center;
  text-shadow: 0 2px 16px rgba(7, 26, 46, 0.55);
}

body:lang(th) .cinema-statement {
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.75;
  font-weight: 400;
}

/* Editorial invitation scroll cue */
.cinema-scroll-cue {
  position: absolute;
  bottom: max(clamp(26px, 4vh, 46px), calc(16px + env(safe-area-inset-bottom)));
  left: 0;
  right: 0;
  margin-inline: auto;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.3s ease;
  z-index: 10;
  padding: 8px 16px;
  opacity: 0;
  transform: translateY(4px);
  animation: cinemaFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 2.0s forwards;
}

.cinema-scroll-cue:hover {
  color: #ffffff;
}

.cinema-scroll-text {
  font-size: clamp(0.68rem, 0.78vw, 0.74rem);
  letter-spacing: 0.28em;
  padding-left: 0.28em;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: 0 1px 8px rgba(7, 26, 46, 0.5);
}

body:lang(th) .cinema-scroll-text {
  text-transform: none;
  letter-spacing: 0.04em;
  padding-left: 0.04em;
  font-size: 0.82rem;
}

.cinema-scroll-line {
  width: 1px;
  height: clamp(22px, 3.2vh, 34px);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  animation: cinemaPulse 2.8s ease-in-out infinite;
}

@keyframes cinemaFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cinemaPulse {
  0%, 100% {
    opacity: 0.35;
    transform: scaleY(0.85);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

/* Header floating over cinema hero */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  transition: background 0.35s ease, border-color 0.35s ease, backdrop-filter 0.35s ease;
}

.site-header .desktop-nav a {
  color: rgba(255, 255, 255, 0.9);
}

.site-header .desktop-nav a:hover {
  color: #ffffff;
  opacity: 1;
}

.site-header .language button {
  color: rgba(255, 255, 255, 0.75);
}

.site-header .language button[aria-pressed="true"] {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: var(--red);
}

.site-header .menu-toggle span {
  background: #ffffff;
}

.site-header:not(.is-scrolled):not(.menu-open) .wordmark {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.site-header.is-scrolled .wordmark,
.site-header.menu-open .wordmark {
  opacity: 1;
  pointer-events: auto;
}

.site-header.is-scrolled {
  background: rgba(255, 253, 250, 0.96);
  backdrop-filter: blur(14px);
  border-bottom-color: #d7e0e8;
}

.site-header.is-scrolled .desktop-nav a {
  color: var(--ink);
}

.site-header.is-scrolled .desktop-nav a:hover {
  color: var(--forest);
}

.site-header.is-scrolled .language button {
  color: var(--muted);
}

.site-header.is-scrolled .language button[aria-pressed="true"] {
  color: var(--navy);
}

.site-header.is-scrolled .menu-toggle span {
  background: var(--navy);
}

.site-header.menu-open {
  background: var(--paper) !important;
  border-bottom-color: #d7e0e8 !important;
}

.site-header.menu-open .menu-toggle span {
  background: var(--navy) !important;
}

.site-header.menu-open .language button {
  color: var(--muted) !important;
}

.site-header.menu-open .language button[aria-pressed="true"] {
  color: var(--navy) !important;
}

@media (max-width: 767px) {
  .cinema-logo img {
    width: clamp(140px, 44vw, 185px);
  }
  .cinema-statement {
    letter-spacing: 0.18em;
  }
  body:lang(th) .cinema-statement {
    letter-spacing: 0.02em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-logo,
  .cinema-statement,
  .cinema-scroll-cue,
  .cinema-scroll-line {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}