:root{--black:#080808;--red:#ff2636;--white:#f7f7f2;--line:#343434;--font:'DM Sans','Noto Sans Thai',sans-serif;--display:'Barlow Condensed','Noto Sans Thai',sans-serif;--rail:66px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;padding-left:var(--rail);background:var(--black);color:var(--white);font:14px/1.6 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.25;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);line-height:.95;font-weight:800;text-transform:uppercase}em{font-style:normal;color:var(--red)}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:80px;background:var(--red);color:#000;padding:12px;z-index:100}.skip:focus{top:15px}.micro{font-size:9px;font-weight:600;line-height:1.65;letter-spacing:1.3px;text-transform:uppercase}.side-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:20;background:#0d0d0d;border-right:1px solid #303030;display:flex;align-items:center;flex-direction:column}.rail-mark{font:900 33px var(--display);letter-spacing:-5px;color:var(--red);padding:12px 0 0}.rail-brand{writing-mode:vertical-rl;transform:rotate(180deg);font:800 26px/.9 var(--display);letter-spacing:.4px;margin-top:55px;display:flex;align-items:center;gap:13px}.rail-brand span{font:7px var(--font);letter-spacing:1.5px;color:#898989}.side-rail nav{display:grid;gap:18px;margin-top:auto;margin-bottom:30px}.side-rail nav a{font-size:10px;color:#9d9d9d}.side-rail nav a:hover{color:var(--red)}.rail-end{writing-mode:vertical-rl;font-size:7px;letter-spacing:1.7px;color:#8d8d8d;margin-bottom:22px}.hero{height:calc(100svh - 120px);min-height:670px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#3e090f 0%,#080808 66%)}.header{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:26px 38px}.edition{display:flex;align-items:center;gap:12px;font-size:8px;font-weight:600;line-height:1.6;letter-spacing:1.1px}.red-square{background:var(--red);height:9px;width:9px}.header-actions{display:flex;align-items:center;gap:32px}.desktop-nav{display:flex;gap:30px;font-size:10px}.desktop-nav a:hover{color:var(--red)}.language{font-size:9px;color:#777;padding:6px 0}.language .active{color:white}.divider{padding:0 7px}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:24px;padding:8px 0}.menu-toggle span{height:1px;width:24px;background:#fff}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#mobile-nav{position:absolute;top:76px;right:28px;z-index:8;padding:22px 28px;background:var(--red);color:#000;min-width:230px;box-shadow:0 20px 70px #0008}#mobile-nav a{display:block;padding:12px 0;font-weight:700;font-size:12px}.hero-image{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-film{position:absolute;left:50%;top:0;bottom:0;width:min(62vw,840px);transform:translateX(-50%);background:#c21521;isolation:isolate}.hero-film img,.hero-film video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity}.hero-film video{display:block;opacity:0;z-index:1}.hero.has-video video{opacity:1}.hero.has-video .hero-poster{visibility:hidden}.hero-light{position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,#ff002022,transparent 40%,#ff00204a);mix-blend-mode:screen;pointer-events:none}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#080808b0 13%,transparent 38%,transparent 62%,#080808b0 87%,#080808 100%),linear-gradient(0deg,#080808 0%,#0808084d 24%,transparent 65%,#08080866 100%)}.hero-margin{position:absolute;top:32%;display:flex;flex-direction:column;gap:30px}.hero-margin-left{left:38px}.hero-margin-right{right:38px;text-align:right;align-items:flex-end}.hero-margin .micro{font-size:8px;color:#c7c7c7;line-height:1.8}.vertical-rule{width:1px;height:60px;background:#666}.hero-margin-left>.micro:last-child{writing-mode:vertical-rl;font-size:6px;letter-spacing:1.7px}.crosshair{font-size:44px;font-weight:400;color:var(--red);line-height:1}.hero h1{position:absolute;left:0;right:0;bottom:72px;text-align:center;font-weight:900;font-size:clamp(170px,25vw,390px);letter-spacing:-.035em;line-height:.85;white-space:nowrap;pointer-events:none}.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--white)}.hero-bottom{position:absolute;bottom:27px;left:38px;right:38px;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:10px;line-height:1.7;color:#d0d0d0}.hero-bottom-note{text-align:right;font-size:8px;color:#c7c7c7}.round-link{width:40px;height:40px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font-size:21px}.round-link:hover{background:var(--red);color:#000;border-color:var(--red)}.hero-bottom>.round-link{position:absolute;left:50%;transform:translateX(-50%);bottom:0}.motion-controls{position:absolute;right:38px;top:108px;height:34px;padding:0 9px;display:grid;grid-template-columns:20px 81px 1px 20px;gap:8px;align-items:center;color:#ddd;border:1px solid #ffffff45;background:#08080880;backdrop-filter:blur(12px)}.motion-controls button{display:flex;align-items:center;gap:7px;font-size:8px;padding:0;height:32px;white-space:nowrap}.motion-icon{width:12px}.motion-divider{height:10px;background:#777}.motion-meter{height:2px;background:#555;overflow:hidden}.motion-meter>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .15s linear}#motion-replay{justify-content:center;font-size:18px}.hero.is-entering .hero-image{animation:film-reveal .8s ease-out both}@keyframes film-reveal{from{opacity:.35}to{opacity:1}}
.product-dock{height:120px;position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr .72fr;background:#111;border-top:1px solid #434343;border-bottom:1px solid #434343}.dock-art{position:relative;display:flex;align-items:center;gap:12px;padding:18px 16px 18px 150px}.dock-art img{position:absolute;left:16px;width:135px;bottom:5px;filter:drop-shadow(0 9px 12px #0008)}.dock-art .micro{font-size:7px;color:#b5b5b5}.dock-product{border-left:1px solid #434343;padding:17px 23px;display:flex;flex-direction:column;justify-content:center}.dock-product>.micro{font-size:7px;color:#a6a6a6}.dock-product strong{font:800 38px/1.15 var(--display);display:flex;align-items:center;justify-content:space-between}.dock-product strong span{font:25px var(--font);color:var(--red)}.dock-product:hover{background:#242424}.dock-explore{background:var(--red);color:#000;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;font:800 26px/1 var(--display)}.dock-explore>span:last-child{font:35px var(--font)}.dock-explore:hover{background:#ff5360}.showroom{background:#e9e9e3;color:#111;padding:65px 38px 24px;scroll-margin-top:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h2{font-size:clamp(47px,5vw,76px);letter-spacing:-1px;margin-top:18px}.section-head h2 em{color:#797974}.showroom-controls{display:flex;align-items:center;gap:30px}.product-tabs{display:flex;border:1px solid #b9b9b1;padding:4px;gap:3px}.product-tabs button{padding:10px 17px;font-size:9px;font-weight:700;white-space:nowrap}.product-tabs button[aria-selected=true]{background:#111;color:#fff}.gallery-arrows{display:flex;gap:8px}.gallery-arrows button{width:40px;height:40px;border:1px solid #aaa;font-size:21px}.gallery-arrows button:not(:disabled):hover{background:#111;color:#fff}.product-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.product-track::-webkit-scrollbar{display:none}.product-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.2fr 1fr;scroll-snap-align:start;scroll-snap-stop:always;background:#f7f7f2}.product-visual{position:relative;min-height:490px;display:grid;place-items:center;overflow:hidden;background:var(--red);isolation:isolate}.product-bigword{position:absolute;top:18px;left:0;right:0;text-align:center;font:900 clamp(120px,16vw,250px)/1 var(--display);letter-spacing:-.03em;color:#08080818}.product-visual img{width:min(80%,410px);position:relative;z-index:1;margin-top:20px;filter:drop-shadow(0 22px 18px #0003);transform:rotate(-7deg)}.visual-caption{position:absolute;bottom:18px;left:23px;font-size:6px;z-index:2}.visual-index{position:absolute;right:20px;bottom:9px;font:700 48px var(--display);opacity:.4}.product-info{display:flex;flex-direction:column;padding:35px 40px}.product-info-top{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #c2c2ba;padding-bottom:19px}.product-info .micro{font-size:7px}.product-info h3{font-size:clamp(40px,4.5vw,70px);font-weight:800;display:flex;justify-content:space-between;margin:26px 0 17px;gap:12px}.product-info h3>span{font-weight:400;font-size:32px;color:#888}.product-info>p{font-size:11px;line-height:1.9;max-width:330px;color:#5b5b57}.product-info .product-lead{font-size:16px;line-height:1.4;color:#111;font-weight:600;margin-bottom:12px;max-width:290px}.mechanism{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 30px}.mechanism span{font-size:7px;border:1px solid #babbb3;padding:6px 9px;letter-spacing:.6px}.read-guide{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;background:#111;color:#fff;text-align:left;font-size:11px;font-weight:700}.read-guide>span:last-child{font-size:20px}.read-guide:hover{background:var(--red);color:#000}.product-info .product-note{font-size:8px;line-height:1.7;margin-top:11px;max-width:100%}.hgh-slide .product-visual{background:#171717;color:#fff}.hgh-slide .product-bigword{color:#ffffff18}.hgh-slide .product-visual img{transform:rotate(7deg)}.hgh-slide .visual-caption{color:#aaa}.showroom-bottom{display:flex;justify-content:space-between;padding-top:20px;color:#777}.showroom-bottom .micro{font-size:7px}.field-notes{display:grid;grid-template-columns:1fr 1.5fr;padding:70px 38px;gap:75px;border-bottom:1px solid #333;background:#101010}.notes-intro{position:relative;min-width:0}.notes-intro>.micro{color:#aaa}.notes-intro h2{font-size:clamp(48px,5.5vw,82px);margin-top:26px;letter-spacing:-.5px}.notes-stamp{display:block;font:900 70px/1 var(--display);letter-spacing:-9px;color:var(--red);margin-top:40px}.foundation-tabs{display:flex;flex-direction:column}.foundation-tabs button{display:flex;align-items:center;gap:20px;border-bottom:1px solid #444;padding:13px 12px;text-align:left}.foundation-tabs button:first-child{border-top:1px solid #444}.foundation-tabs button>span{font-size:8px;color:#888}.foundation-tabs b{font:700 42px/1.1 var(--display)}.foundation-tabs i{margin-left:auto;font-size:24px;font-style:normal;color:#666}.foundation-tabs button[aria-selected=true]{color:var(--red)}.foundation-tabs button[aria-selected=true] i{color:var(--red);transform:rotate(45deg)}#foundation-panel{display:flex;align-items:flex-start;gap:24px;padding:30px 12px 0;min-height:165px}.panel-number{font:600 65px/1 var(--display);color:#434343}#foundation-panel h3{font-size:25px;line-height:1.1;max-width:310px}#foundation-panel p{color:#a7a7a7;font-size:11px;line-height:1.8;max-width:350px;margin-top:13px}.questions{padding:65px 38px;display:grid;grid-template-columns:1fr 1.5fr;gap:75px}.questions header>.micro{color:#aaa}.questions h2{font-size:clamp(48px,5.5vw,82px);margin-top:22px}.text-link{color:#aaa;text-decoration:underline;text-underline-offset:5px;font-size:9px;padding:22px 0 0;text-align:left}.text-link:hover{color:var(--red)}.faq-list details{border-bottom:1px solid #444}.faq-list details:first-child{border-top:1px solid #444}.faq-list summary{padding:20px 26px 20px 0;font-size:12px;font-weight:500;list-style:none;position:relative;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:17px;font-size:20px;color:var(--red)}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{font-size:11px;line-height:1.9;color:#aaa;padding:0 25px 22px 0}.faq-list .text-link{padding:0 0 20px}.footer{background:var(--red);color:#080808;padding:25px 38px 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #0004;padding:0 0 23px}.footer-wordmark{font:900 clamp(75px,15vw,220px)/.9 var(--display);letter-spacing:-.03em}.footer-wordmark>span{font:500 20px var(--font);vertical-align:top;margin-left:15px}.footer .round-link{border-color:#000;color:#000;flex-shrink:0}.footer .round-link:hover{background:#080808;color:white}.footer-bottom{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-top:18px}.footer-bottom p{font-size:8px}.footer-bottom p:last-child{margin-left:auto;max-width:350px;text-align:right;font-size:7px}.footer-bottom button{font-size:8px;text-decoration:underline}dialog{background:#f7f7f2;color:#111;padding:0;border:0;max-width:640px;width:calc(100% - 32px);max-height:88svh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.dialog-close{position:sticky;top:12px;float:right;right:12px;width:35px;height:35px;background:#111;color:#fff;font-size:28px;z-index:2;margin:12px}.guide-inner{padding:48px}.guide-inner .eyebrow{font-size:9px;letter-spacing:1px;color:#a81623}.guide-inner h2{font-size:58px;margin:24px 0}.guide-inner h3{font:700 15px var(--font);margin:24px 0 10px}.guide-inner p,.guide-inner li{font-size:12px;line-height:1.9}.guide-inner p+p{margin-top:16px}.guide-inner ul,.guide-inner ol{padding-left:20px}.guide-note{background:#e7e7df;border-left:3px solid var(--red);padding:17px;margin-top:23px}.source-links{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #ccc;margin-top:25px;padding-top:20px;font-size:10px}.source-links a{text-decoration:underline}.source-date{font-size:9px!important;color:#777;margin-top:14px!important}html[lang=th] h1,html[lang=th] h2{font-family:'Noto Sans Thai',sans-serif;letter-spacing:-2px}html[lang=th] .hero h1{font-size:clamp(130px,16vw,240px);font-weight:800;line-height:1.2;bottom:80px}html[lang=th] h2{font-size:clamp(37px,4vw,59px);line-height:1.25}html[lang=th] .foundation-tabs b{font-family:var(--font);font-size:30px}html[lang=th] #foundation-panel h3{font-family:var(--font);font-size:21px;line-height:1.4}html[lang=th] .dock-explore{font-family:var(--font);font-size:19px;line-height:1.3}html[lang=th] .guide-inner h2{font-size:38px}
@media(min-width:1600px){.hero-film{width:850px}.hero h1{font-size:390px}.hero-bottom,.hero-margin-left{left:58px}.hero-margin-right{right:58px}.showroom,.field-notes,.questions{padding-left:70px;padding-right:70px}.product-visual{min-height:560px}.product-visual img{width:450px}}
@media(max-width:1100px){:root{--rail:54px}.header{padding:25px}.hero-margin-left{left:25px}.hero-margin-right,.motion-controls{right:25px}.hero-bottom{left:25px;right:25px}.hero{min-height:650px}.hero-film{width:70vw}.dock-art{padding-left:110px}.dock-art img{left:8px;width:100px}.dock-art .micro{font-size:6px}.dock-product{padding:16px}.dock-explore{padding:16px;font-size:24px}.showroom{padding:50px 25px 24px}.showroom-controls{gap:12px}.product-info{padding:28px}.product-visual{min-height:450px}.product-info h3{font-size:43px}.field-notes,.questions{padding:55px 25px;gap:35px}.footer{padding-left:25px;padding-right:25px}}
@media(max-width:760px){:root{--rail:0px}body{padding:0}.side-rail{display:none}.hero{height:calc(100svh - 155px);min-height:570px;max-height:820px}.header{padding:20px}.edition{font-size:6px;gap:9px}.red-square{width:6px;height:6px}.desktop-nav{display:none}.header-actions{gap:22px}.language{font-size:9px}.menu-toggle{width:21px}.menu-toggle span{width:21px}#mobile-nav{top:65px;right:20px;left:20px}.hero-film{width:100%;background:#ad1622}.hero-film img,.hero-film video{object-position:50% 20%}.hero-image:after{background:linear-gradient(90deg,#08080888,transparent 40%,transparent 60%,#08080888),linear-gradient(0deg,#080808 0%,#08080855 22%,transparent 55%,#08080899 100%)}.hero-margin{top:28%}.hero-margin-left{left:20px}.hero-margin-right{right:20px}.hero-margin .micro{font-size:6px;letter-spacing:.7px}.vertical-rule{height:34px;background:#ffffff44}.hero-margin-left>.micro:last-child{font-size:5px}.hero-margin{gap:20px}.crosshair{font-size:30px}.hero h1{font-size:clamp(135px,36vw,255px);bottom:84px;letter-spacing:-.03em;line-height:.9}.hero h1 em{-webkit-text-stroke:1.5px #fff}.hero-bottom{bottom:22px;left:20px;right:20px}.hero-bottom p{font-size:8px;max-width:130px}.hero-bottom-note{font-size:6px;letter-spacing:.5px;max-width:100px}.round-link{height:33px;width:33px;font-size:18px}.motion-controls{top:80px;right:20px;height:29px;grid-template-columns:15px 73px 1px 17px;gap:5px;padding:0 7px}.motion-controls button{height:27px;font-size:7px}.motion-icon{width:10px}#motion-replay{font-size:16px}.product-dock{height:155px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:60px 95px}.dock-art{grid-column:1/-1;padding:12px 20px 12px 90px;border-bottom:1px solid #434343;gap:8px}.dock-art img{width:82px;left:10px;bottom:3px}.dock-art .micro{font-size:7px;letter-spacing:1px}.dock-art .micro br{display:none}.dock-art:after{content:'RETA / HGH';font:600 22px var(--display);margin-left:auto;color:#777}.dock-product{padding:14px 17px}.dock-product:nth-child(2){border-left:0}.dock-product>.micro{font-size:5px;letter-spacing:.6px;white-space:nowrap}.dock-product strong{font-size:30px}.dock-product strong span{font-size:18px}.dock-explore{font-size:20px;padding:15px 17px}.dock-explore>span:last-child{font-size:24px}.showroom{padding:40px 20px 22px}.section-head{display:block;margin-bottom:20px}.section-head>.micro{font-size:7px}.section-head h2{font-size:52px;margin-top:16px;letter-spacing:-.5px}.showroom-controls{margin-top:26px;justify-content:space-between}.product-tabs button{padding:9px 13px;font-size:8px}.gallery-arrows{gap:6px}.gallery-arrows button{height:34px;width:34px;font-size:18px}.product-slide{grid-template-columns:1fr;align-content:start}.product-visual{min-height:340px;height:340px}.product-bigword{font-size:170px;top:7px}.product-visual img{width:280px;max-width:85%;margin-top:12px}.visual-caption{left:15px;bottom:12px;font-size:5px}.visual-index{font-size:35px;bottom:4px;right:15px}.product-info{padding:25px}.product-info-top{padding-bottom:16px}.product-info .micro{font-size:6px}.product-info h3{font-size:44px;margin:22px 0 16px}.product-info h3>span{font-size:26px}.product-info .product-lead{font-size:15px}.product-info>p{font-size:11px}.mechanism{margin:20px 0 24px}.product-info .product-note{font-size:8px}.showroom-bottom .micro{font-size:5px;letter-spacing:.6px}.field-notes{grid-template-columns:1fr;padding:40px 20px;gap:27px}.notes-intro h2{font-size:60px;line-height:.92;margin-top:20px}.notes-stamp{position:absolute;right:10px;bottom:1px;font-size:66px}.foundation-tabs button{padding:14px 8px}.foundation-tabs b{font-size:38px}.foundation-tabs button>span{font-size:8px}.foundation-tabs i{font-size:22px}#foundation-panel{padding:25px 8px 0;gap:20px;min-height:170px}.panel-number{font-size:55px}#foundation-panel h3{font-size:25px}#foundation-panel p{font-size:11px}.questions{grid-template-columns:1fr;padding:40px 20px;gap:26px}.questions h2{font-size:54px;margin-top:18px}.text-link{font-size:9px;padding-top:20px}.faq-list summary{font-size:12px;padding:19px 28px 19px 0}.faq-list details>p{font-size:11px}.footer{padding:25px 20px}.footer-wordmark{font-size:21vw}.footer-wordmark>span{font-size:9px;margin-left:5px}.footer-top{padding-bottom:20px}.footer-bottom{gap:16px;align-items:flex-start}.footer-bottom p{font-size:7px;max-width:235px}.footer-bottom button{font-size:8px;margin-left:auto}.footer-bottom p:last-child{font-size:6px;text-align:left;max-width:100%;width:100%;margin:0}.guide-inner{padding:42px 24px 30px}.guide-inner h2{font-size:48px}.guide-inner h3{font-size:14px}.source-links{font-size:9px}.guide-inner p,.guide-inner li{font-size:11px}.micro{font-size:7px}html[lang=th] .hero h1{font-size:clamp(86px,24vw,165px);bottom:92px;letter-spacing:-3px;line-height:1.3}html[lang=th] h2{font-size:35px;line-height:1.3;letter-spacing:-.8px}html[lang=th] .dock-explore{font-size:16px}html[lang=th] .notes-intro h2 br:nth-child(2){display:block}html[lang=th] .foundation-tabs b{font-size:27px}html[lang=th] .questions h2 br{display:block}html[lang=th] #foundation-panel h3{font-size:19px}html[lang=th] .guide-inner h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-track{scroll-behavior:auto}}

/* Give the compounds a clear foreground presence within the cinematic hero. */
.hero h1{left:38px;right:auto;bottom:102px;text-align:left;font-size:clamp(150px,18.5vw,290px)}
.hero-product-focus{position:absolute;z-index:3;right:35px;bottom:38px;width:clamp(300px,29vw,440px);isolation:isolate}
.hero-product-focus:before{content:'';position:absolute;inset:28% -12% -5%;background:radial-gradient(ellipse,#080808cc 0%,#08080855 43%,transparent 72%);z-index:-1;pointer-events:none}
.hero-product-kicker{display:block;text-align:center;font-size:8px;font-weight:600;letter-spacing:2px;color:#e0e0e0;margin-bottom:10px}
.hero-product-focus img{width:100%;height:auto;filter:drop-shadow(0 19px 24px #000a)}
.hero-product-name{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--red);margin:0 8%;padding-top:11px}
.hero-product-name strong{font:800 clamp(32px,3.8vw,54px)/1 var(--display);letter-spacing:-.5px;white-space:nowrap}
.hero-product-name strong i{color:var(--red);font-style:normal;font-weight:500;margin:0 3px}
.hero-product-name>span{font-size:30px;color:var(--red)}
.hero-product-focus:hover .hero-product-name>span{transform:translate(2px,-2px)}
.hero .hero-bottom-note,.hero-bottom>.round-link{display:none}
.hero-margin-right{display:none}
.dock-art{padding:18px 25px;gap:25px}
.dock-category{font:800 26px/.95 var(--display);letter-spacing:-.2px}
.dock-art .micro{font-size:7px;color:#999}
.dock-product strong{font-size:46px}
@media(min-width:1600px){.hero h1{left:58px}.hero-product-focus{right:60px}}
@media(max-width:1100px) and (min-width:761px){.hero h1{left:25px;bottom:100px;font-size:19vw}.hero-product-focus{width:310px;right:18px;bottom:42px}.dock-art{padding:18px;gap:12px}.dock-category{font-size:22px}.dock-art .micro{font-size:6px}.dock-product strong{font-size:39px}}
@media(max-width:760px){
 .hero{min-height:650px}
 .hero h1{left:20px;right:20px;bottom:347px;text-align:center;font-size:clamp(105px,31vw,170px)}
 .hero-product-focus{width:258px;right:50%;transform:translateX(50%);bottom:53px}
 .hero-product-kicker{display:none}
 .hero-product-name{padding-top:7px;margin:0 8%;border-top-width:2px}
 .hero-product-name strong{font-size:35px;letter-spacing:0}
 .hero-product-name>span{font-size:24px}
 .hero-bottom{bottom:18px;justify-content:center;left:20px;right:20px}
 .hero-bottom p{text-align:center;max-width:none;font-size:8px}
 .hero-bottom p br{display:block}
 .hero-margin-left{top:24%}
 .hero-margin-left .vertical-rule,.hero-margin-left>.micro:last-child{display:none}
 .dock-art{padding:10px 20px;gap:18px}
 .dock-category{font-size:21px;line-height:.9}
 .dock-art:after{display:none}
 .dock-art .micro{font-size:7px}
 .dock-product strong{font-size:34px}
 html[lang=th] .hero h1{bottom:347px;font-size:clamp(76px,22vw,135px);line-height:1.2}
}
@media(max-width:360px){.hero-product-focus{width:240px}.hero-product-name strong{font-size:32px}.hero h1{font-size:30vw;bottom:335px}}

/* Hide the still poster during playback: luminosity must blend each moving frame
   with the uniform red film background, never with the final-pose silhouette. */

/* ROGUE MASS: original, angular path lettering and a forward-cut RM monogram. */
.rail-mark{padding:23px 9px 0;width:100%;letter-spacing:0}
.rail-mark img{width:44px;margin:auto}
.rail-brand{font-size:25px;letter-spacing:.8px;margin-top:43px}
.brand-lockup{display:flex;align-items:center;gap:16px}
.brand-monogram{width:56px;flex:none}
.brand-lockup-copy{display:block;border-left:1px solid #ffffff38;padding-left:16px}
.brand-lockup-copy>img{width:162px}
.brand-lockup-copy>span{display:block;font:600 6px/1 var(--font);letter-spacing:2px;color:#aaa;margin-top:8px}
.hero h1.hero-brand{width:clamp(300px,31vw,475px);bottom:125px;white-space:normal;line-height:1;font-size:inherit;text-align:left;letter-spacing:0}
.hero-brand>img{width:100%;height:auto;filter:drop-shadow(0 3px 16px #0005)}
.hero-brand-line{display:block;font:700 8px/1.5 var(--font);letter-spacing:2.2px;color:#e0e0e0;margin-bottom:20px}
.hero-brand-signoff{display:block;font:600 7px/1.5 var(--font);letter-spacing:3.2px;color:#aaa;margin-top:19px;padding-left:3px}
.hero-margin-left{top:25%}
.hero-margin-left .vertical-rule{height:34px}
.hero-margin-left>.micro:last-child{display:none}
.hero-product-kicker{font-size:7px;letter-spacing:1.3px}
.notes-stamp{width:110px;height:auto;margin-top:40px}
.footer-top{padding:28px 0 36px}
.footer-wordmark{width:calc(100% - 90px);max-width:1400px;display:block}
.footer-wordmark img{width:100%}
@media(min-width:1600px){.hero h1.hero-brand{width:500px;bottom:140px}}
@media(max-width:1100px) and (min-width:761px){.hero h1.hero-brand{width:32vw;bottom:130px}.brand-lockup{gap:11px}.brand-monogram{width:45px}.brand-lockup-copy{padding-left:11px}.brand-lockup-copy>img{width:140px}.header-actions{gap:22px}.desktop-nav{gap:20px}.hero-brand-line{font-size:7px;letter-spacing:1.2px}.hero-brand-signoff{font-size:6px;letter-spacing:2px}}
@media(max-width:760px){
 .header{align-items:flex-start}
 .brand-lockup{gap:9px;padding-top:1px}
 .brand-monogram{width:39px}
 .brand-lockup-copy{padding-left:9px}
 .brand-lockup-copy>img{width:112px}
 .brand-lockup-copy>span{font-size:4.6px;letter-spacing:1px;margin-top:6px}
 .header-actions{gap:16px}
 .hero h1.hero-brand,html[lang=th] .hero h1.hero-brand{width:244px;left:50%;right:auto;transform:translateX(-50%);bottom:347px;font-size:inherit;line-height:1;text-align:center;letter-spacing:0}
 .hero-brand-line{font-size:6px;letter-spacing:1.3px;margin-bottom:12px}
 .hero-brand-signoff{display:none}
 .hero-margin-left{top:24%}
 .hero-margin-left .micro{font-size:5px;max-width:60px;letter-spacing:.4px}
 .notes-stamp{width:80px;right:10px;bottom:6px;margin:0}
 .footer-top{padding:10px 0 23px;gap:14px}
 .footer-wordmark{width:calc(100% - 50px)}
 html[lang=th] .hero-brand-line{font-size:6px;letter-spacing:0}
}
@media(max-width:360px){.hero h1.hero-brand,html[lang=th] .hero h1.hero-brand{width:230px;bottom:337px}.brand-monogram{width:32px}.brand-lockup-copy>img{width:100px}.header-actions{gap:12px}}

/* Full-name branding: no RM shorthand on the live website. */
.brand-lockup-copy{border:0;padding-left:0}
.brand-lockup-copy>img{width:210px}
.brand-lockup-copy>span{font-size:7px;letter-spacing:2.3px;margin-top:9px}
.rail-brand{margin-top:28px}
.notes-stamp{width:124px}
@media(max-width:1100px) and (min-width:761px){.brand-lockup-copy>img{width:180px}}
@media(max-width:760px){.brand-lockup-copy>img{width:155px}.brand-lockup-copy>span{font-size:5px;letter-spacing:1.5px;margin-top:7px}.notes-stamp{width:88px}}
@media(max-width:360px){.brand-lockup-copy>img{width:140px}}