.avatar-stage{display:none!important}
.hero{aspect-ratio:16/9;min-width:0;width:100%}
.hero::before{background:linear-gradient(90deg,rgba(253,245,226,.18),rgba(253,245,226,.06) 36%,transparent 52%);pointer-events:none}
.hero-motion,.hero-final{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-motion{opacity:0;transition:opacity .35s}
.hero-photo{object-fit:cover}
.film-ready .hero-motion{opacity:1}
.hero-final{z-index:1}.hero-final[hidden]{display:none}
.hero-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(119deg,transparent 47%,#ffe8a719 49%,transparent 53%),linear-gradient(124deg,transparent 54%,#fff0c925 56%,transparent 61%),radial-gradient(ellipse at 96% 18%,#fff3c32e,transparent 42%);mix-blend-mode:screen}
.hero-copy{left:3.5%;top:6%;width:34%;padding:23px 25px 25px;max-width:620px;background:linear-gradient(130deg,#fff9eb40,#fff9eb18);border:1px solid #fff8df57;border-radius:10px;box-shadow:0 12px 50px #52391a09;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-shadow:0 1px 9px #fff2cd99}
.hero h1{font-size:clamp(58px,5.2vw,102px)}
.personal-bio{margin-top:20px}.hero-connect{left:auto;right:2.5%;width:12%;top:20%}
.personal-bio #bio-text{color:#392c19;text-shadow:0 1px 2px #fff5dcdb,0 0 8px #ffe6a35e}.personal-bio strong{color:#392708;text-shadow:0 1px 2px #fff5dcdb,0 0 10px #ffd58166}
.replay-greeting{z-index:4;background:#fff9ecad}
@media(max-width:1200px) and (min-width:1021px){.hero-copy{top:5%;left:3%;width:35%;padding:20px}.hero h1{font-size:61px}.hero-connect{left:auto;right:2%;width:13%}}
@media(max-width:1020px){.hero{display:flex;flex-direction:column;aspect-ratio:auto;overflow:visible;background:#efe5d4}.hero::before{display:none}.hero-copy{position:relative;top:auto;left:auto;width:auto;max-width:none;margin:18px 4% 22px;padding:27px 25px;background:#fff9eb55}.hero-media{position:relative!important;inset:auto;order:2;width:100%;height:auto;aspect-ratio:16/9;z-index:0!important;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-connect{position:relative;left:auto;right:auto;top:auto;width:100%;padding:0 6% 24px}.hero-motion,.hero-final{object-fit:cover;object-position:center}.hero .replay-greeting{bottom:14px;right:16px}.personal-bio{max-width:730px}}
@media(max-width:560px){.hero-copy{padding:24px 20px;margin:14px 4% 20px}.hero-media{aspect-ratio:16/9}.hero-motion,.hero-final{object-position:center}.hero-photo{object-position:center}.hero h1{font-size:57px}.hero .replay-greeting{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-motion{transition:none}}
/* Stronger typography without concealing the translucent architecture panel. */
body{font-weight:500;color:#24281f}
.hero h1{font-weight:600;text-shadow:0 1px 1px #fff9e8b3}
.hero-statement{font-weight:700;color:#273020}.hero-statement span{color:#665024}
.hero-intro{font-weight:600;color:#34382b}
.personal-bio #bio-text{font-weight:700;font-size:clamp(13px,1vw,18px);line-height:1.85;color:#292619;text-shadow:0 1px 1px #fff9e8cc}
.personal-bio strong{font-weight:800;color:#242113;text-shadow:0 1px 1px #fff9e8cc}
.nav,.button,.text-link,.social-pill,.release-status,.card-links,.platform-links,.language-control select{font-weight:600}
.section-heading h2,.about h2,.contact h2,.app-title,.platform-name{font-weight:700}
.app-description,.platform-subtitle,.section-heading>p,.about p{font-weight:500;color:#444638}
.contact p:not(.eyebrow){font-weight:500;color:#e0e4d6}
.tiny-label,.eyebrow,.app-type{font-weight:700;color:#66502c}
@media(min-width:1021px){html[lang="en"] .hero-copy{top:3%;padding:20px}html[lang="en"] .hero-statement{font-size:clamp(24px,2vw,36px);line-height:1.4}}
@media(max-width:1200px) and (min-width:1021px){.personal-bio #bio-text{font-size:13px;line-height:1.8}.hero-copy{top:4%;padding:18px}.personal-bio{margin-top:15px;padding-top:12px}}
@media(max-width:1020px){.personal-bio #bio-text,html[lang="km"] .personal-bio #bio-text{font-size:15px;line-height:1.95}}
@media(max-width:560px){.personal-bio #bio-text,html[lang="km"] .personal-bio #bio-text{font-size:14px;line-height:1.95}.hero h1{font-size:54px}}