/* About only: one landscape scene spanning the section; copy remains live HTML. */
#tentang{width:100%;max-width:none;margin-inline:0;padding-inline:max(5.5%,calc((100% - 1240px)/2));display:flex;align-items:center;min-height:max(660px,56.25vw);isolation:isolate;overflow:hidden}
#tentang>div{position:relative;z-index:2;flex:0 0 43%;max-width:490px;min-width:0}
#tentang .about-scene.story-type{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;padding:0;margin:0;max-width:none;border:0;border-radius:0;z-index:0;overflow:visible;isolation:auto}
#tentang .about-scene.story-type>.about-context{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto;transform:none;filter:none;-webkit-mask-image:url('masks/about-v31.svg');mask-image:url('masks/about-v31.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
#tentang .about-scene>figcaption{position:absolute;right:max(5.5%,calc((100% - 1240px)/2));bottom:34px;z-index:1;font:400 10px/1.7 var(--sans);color:var(--canvas-muted);letter-spacing:.2px;max-width:310px;text-align:right}
@media(min-width:801px) and (max-width:1100px){#tentang{padding-block:80px;min-height:680px}#tentang>div{flex-basis:46%;max-width:420px}}
@media(max-width:800px){
 #tentang{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding-block:65px 28px;overflow:hidden}
 #tentang>div{flex:none;width:100%;max-width:620px}
 #tentang .about-scene.story-type{position:relative;inset:auto;flex:none;width:100vw;height:auto;min-height:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 0 32px}
 #tentang .about-scene.story-type>.about-context{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.18/1;object-fit:cover;object-position:right center;-webkit-mask-image:url('masks/about-v31-mobile.svg');mask-image:url('masks/about-v31-mobile.svg')}
 #tentang .about-scene>figcaption{position:relative;inset:auto;padding:0 5.5%;margin:0 0 0 auto;max-width:100%;text-align:right;font-size:9px}
}