.hero{isolation:isolate;min-height:min(92svh,940px);margin-top:calc(var(--header-height) * -1);padding-top:var(--header-height);align-items:end;display:grid;position:relative;overflow:clip}.hero-media{z-index:-2;position:absolute;inset:0}.hero-media img,.hero-media .hero-swiper,.hero-media .swiper-slide img{object-fit:cover;width:100%;height:100%}.hero-scrim{z-index:-1;background:linear-gradient(#0a090857 0%,#0a09080f 34%,#0a0908b8 100%),linear-gradient(90deg,#0a090899 0%,#0a090800 62%);position:absolute;inset:0}.hero-inner{width:100%;max-width:var(--container);padding:var(--space-xl) var(--space-md) calc(var(--space-xl) + 1rem);gap:var(--space-md);margin:0 auto;display:grid}.hero-copy{max-width:62ch}.hero .eyebrow{color:#ffffffd1;margin-bottom:var(--space-sm)}.hero h1{font-size:var(--step-5);color:#fff;margin-bottom:var(--space-sm);text-shadow:0 2px 24px #00000047;max-width:14ch}:root[lang=th] .hero h1,:root[lang=zh-CN] .hero h1{max-width:20ch}.hero h1 .text-accent{color:#e4c89b}.hero h1 i{font-family:var(--font-display);font-style:italic;font-weight:400}.hero-desc{font-size:var(--step-1);color:#ffffffdb;max-width:52ch;margin-bottom:var(--space-md);text-shadow:0 1px 12px #0000004d;line-height:1.55}.hero-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-actions .btn-outline{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-color:#ffffff8c}.hero-actions .btn-outline:hover{color:#14120f;background:#fff;border-color:#fff}.hero-cue{z-index:1;background:linear-gradient(#fff0 0%,#ffffffb3 100%);width:1px;height:46px;position:absolute;bottom:1.5rem;left:50%;translate:-50%}.hero-cue:after{content:"";animation:hero-cue-run 2.4s var(--ease-in-out) infinite;background:#ffffffe6;position:absolute;inset:0}@keyframes hero-cue-run{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.hero-cue:after{opacity:.5;animation:none}}.home-values{background:var(--surface-1);border-block:1px solid var(--line-1)}.home-values-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.home-value{padding:var(--space-lg) var(--space-md);border-inline-start:1px solid var(--line-1)}.home-value:first-child{border-inline-start:0}.home-value-num{font-family:var(--font-display);font-size:var(--step--1);letter-spacing:var(--tracking-wide);color:var(--accent-ink);margin-bottom:var(--space-xs);display:block}.home-value h3{font-size:var(--step-1);margin-bottom:.4rem}.home-value p{color:var(--text-3);font-size:var(--step--1);margin:0}@media (max-width:700px){.home-value{border-inline-start:0;border-top:1px solid var(--line-1);padding:var(--space-md)}.home-value:first-child{border-top:0}}.featured{padding-block:var(--space-2xl)}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.section-header h2{margin-bottom:0}.section-title-group{gap:.5rem;display:grid}.section-sub{color:var(--text-3);max-width:52ch;margin:0}.home-cta{padding-block:var(--space-2xl)}.home-cta-panel{isolation:isolate;border-radius:var(--radius-lg);background:var(--surface-band);color:var(--text-on-band);padding:var(--space-xl) var(--space-md);text-align:center;box-shadow:var(--shadow-2);position:relative;overflow:hidden}.home-cta-panel:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--accent-wash) 0%, transparent 68%);opacity:.9;border-radius:50%;width:70%;position:absolute;top:-30%;right:-12%}.home-cta-panel h2,.home-cta-panel p{color:inherit}.home-cta-panel h2{font-size:var(--step-4);margin-bottom:var(--space-sm)}.home-cta-panel p{max-width:56ch;margin:0 auto var(--space-md);opacity:.78}@media (max-width:991px){.hero{min-height:min(78svh,640px)}.hero-inner{padding-bottom:calc(var(--space-lg) + 1.5rem)}.hero-desc{font-size:var(--step-0);margin-bottom:var(--space-sm)}}@media (max-width:560px){.hero-actions{width:100%}.hero-actions .btn{flex:100%}.hero-cue{display:none}}
