.visual-ruang{background:#dce2cf}.visual-mono{background:#e3c59b}.visual-aksara{background:#193e43}.ruang-preview,.mono-preview,.aksara-preview{position:absolute;inset:0;isolation:isolate;overflow:hidden}.ruang-preview>.stay-scene{height:100%;width:100%;object-fit:cover;filter:brightness(.9)}.ruang-preview .new-concept-overlay{color:#fff5df;background:linear-gradient(0deg,rgba(25,62,43,.5),transparent 70%)}.ruang-preview .new-concept-overlay>strong{font-family:Georgia,serif;font-weight:400}.mono-preview>.object-art{position:absolute;width:65%;height:115%;right:-9%;top:-8%;transform:rotate(-9deg);object-fit:contain}.mono-preview .new-concept-overlay{color:#38432f}.mono-preview .new-concept-overlay>strong{font-size:clamp(31px,4.3vw,62px);font-weight:500;max-width:66%}.aksara-preview>.learning-art{position:absolute;width:58%;height:90%;right:-8%;top:-9%;transform:rotate(10deg);object-fit:contain}.aksara-preview .new-concept-overlay{color:#eaf0d8}.aksara-preview .new-concept-overlay>strong{font-size:clamp(33px,4.3vw,63px);max-width:75%}
@media(max-width:640px){.mono-preview .new-concept-overlay>strong{font-size:clamp(32px,9vw,48px)}.aksara-preview .new-concept-overlay>strong{font-size:clamp(32px,10vw,48px)}}

.visual-aruna{background:#173653}.visual-sentra{background:#64766a}.aruna-preview,.sentra-preview{position:absolute;inset:0;overflow:hidden}.aruna-preview>.advisory-art{position:absolute;width:70%;height:115%;right:-12%;top:-20%;object-fit:contain}.aruna-preview .new-concept-overlay{color:#f1e7d5}.aruna-preview .new-concept-overlay>strong{font:400 clamp(33px,4.2vw,62px)/1.05 Georgia,serif;letter-spacing:-.045em;max-width:85%}.sentra-preview>.industrial-art{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.sentra-preview .new-concept-overlay{color:#fff0de}.sentra-preview .new-concept-overlay>strong{font:bold clamp(30px,4vw,58px)/.98 Arial,sans-serif;letter-spacing:-.065em}.sentra-preview .new-concept-overlay>span{background:#e65432;align-self:flex-start;padding:6px 10px}
@media(max-width:640px){.aruna-preview .new-concept-overlay>strong{font-size:clamp(30px,9vw,48px)}.sentra-preview .new-concept-overlay>strong{font-size:clamp(29px,8.4vw,46px)}}
.project-visual .aruna-preview .new-concept-overlay>span,.project-visual .sentra-preview .new-concept-overlay>span{align-self:flex-end;text-align:right}