/* Ruang riset — struktur menjadi interaksi, isi tetap berupa HTML statis. */
.experience{--field-paper:#e5e6df;--field-ink:#242a27;--field-muted:#5a625c;--field-line:rgba(36,42,39,.23);background:#0b1114}
.experience .bingkai{width:min(1320px,calc(100% - 64px));padding-top:0}
.experience nav.atas{padding:1.25rem 0;border-bottom:1px solid var(--field-line);color:var(--field-ink);view-transition-name:masthead}
.experience nav.atas::before{content:'';position:absolute;z-index:-1;top:0;bottom:-1px;left:calc(50% - var(--scene-width,100vw)/2);right:calc(50% - var(--scene-width,100vw)/2);background:var(--field-paper)}
.experience nav.atas .diri,.experience nav.atas .diri:hover{color:var(--field-ink)}
.experience nav.atas .diri small{color:var(--field-muted)}
.experience .monogram{border-color:var(--field-line)}
.experience .monogram span{color:#765d49}
.experience nav.atas ol a{color:var(--field-muted)}
.experience nav.atas ol a:hover,.experience nav.atas ol a[aria-current]{color:var(--field-ink)}
.experience nav.atas ol a[aria-current]::before{background:#242a27}
.experience a:focus-visible,.experience button:focus-visible{outline:2px solid #ab805d;outline-offset:5px}
.experience button{font:inherit}
.experience [hidden]{display:none!important}
.page-orang{background:var(--field-paper)}
.research-track{position:relative;width:var(--scene-width,100vw);margin-left:calc(50% - var(--scene-width,100vw)/2);background:var(--field-paper);color:var(--field-ink);--field-open:0}
.research-track::before{content:'';position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E")}
.research-scene{position:relative;min-height:700px;height:calc(100svh - 88px);max-height:980px;isolation:isolate;overflow:hidden}
.experience-ready .research-track{height:148svh}
.experience-ready .research-scene{position:sticky;top:0}
.scene-heading{position:absolute;top:2rem;left:max(32px,calc((100vw - 1320px)/2));right:max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:2}
.scene-heading .section-marker,.scene-status{color:var(--field-muted);font:400 .61rem/1.4 var(--kode);letter-spacing:.07em;text-transform:uppercase}
.research-map{position:absolute;inset:8% 4% 34%;z-index:1;--map-x:0px;--map-y:0px;transform:translate(var(--map-x),var(--map-y));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.field-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.field-lines path{fill:none;stroke:var(--field-ink);vector-effect:non-scaling-stroke;stroke-width:.8}
.field-radials path{stroke-opacity:.3;stroke-dasharray:1;stroke-dashoffset:calc(.38 - var(--field-open)*.38);transition:stroke-opacity .4s,stroke-width .4s}
.field-radials path.is-active{stroke-opacity:.85;stroke-width:1.2;stroke-dashoffset:0;stroke:#63553f}
.field-frame{transform-origin:500px 315px;transform:scale(calc(.13 + var(--field-open)*.87)) rotate(calc(var(--field-open)*12deg + var(--field-angle,0deg)));opacity:calc(.25 + var(--field-open)*.65);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.field-frame path{stroke-width:.7;stroke-opacity:.65}
.field-registration path{stroke-opacity:.15;stroke-width:.5}
.field-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);display:grid;grid-template-columns:auto 1fr;gap:.3rem .55rem;align-items:center;width:max-content;max-width:230px;padding:.75rem .85rem;text-align:left;border:1px solid transparent;background:var(--field-paper);color:var(--field-ink);cursor:pointer;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;z-index:3;min-height:44px}
.field-node:disabled{cursor:default;opacity:1}
.node-number{color:#81877e;font:400 .54rem/1.1 var(--kode)}
.node-label{font:400 clamp(.85rem,1.1vw,1.05rem)/1.1 var(--kode);letter-spacing:.02em;text-transform:uppercase}
.node-detail{grid-column:2;max-width:16rem;font:400 .53rem/1.3 var(--kode);letter-spacing:.025em;color:var(--field-muted)}
.field-node:hover,.field-node.is-selected{border-color:var(--field-line);background:#d8dbd1;box-shadow:0 6px 20px rgba(36,42,39,.045)}
.field-node.is-selected .node-number{color:#705a45}
.field-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(17px + var(--field-open)*27px);height:calc(17px + var(--field-open)*27px);background:var(--field-ink);border:1px solid var(--field-ink);color:var(--field-paper);cursor:pointer;z-index:4;box-shadow:0 8px 20px rgba(36,42,39,.08)}
.field-core span{opacity:var(--field-open);font:400 .64rem/1 var(--kode);white-space:nowrap;display:block}
.field-coordinate{position:absolute;font:400 .49rem/1 var(--kode);letter-spacing:.12em;color:#777f76;pointer-events:none}
.field-coordinate-x{left:1%;top:2%}
.field-coordinate-y{right:1%;bottom:0}
.scene-identity{position:absolute;left:max(32px,calc((100vw - 1320px)/2));bottom:9%;z-index:2;max-width:48%;pointer-events:none}
.scene-identity h1{font:400 clamp(4.2rem,7vw,7.4rem)/.79 var(--judul);letter-spacing:-.055em;color:var(--field-ink);margin:0;text-shadow:none}
.scene-identity h1::after{display:none}
.scene-identity h1 i{color:#616e60;font-weight:400}
.scene-identity h1 > span{color:#876c52}
.scene-identity > p{margin-top:1.5rem;color:var(--field-muted);font:400 .6rem/1.55 var(--kode);text-transform:uppercase;letter-spacing:.025em}
.project-preview{position:absolute;right:max(32px,calc((100vw - 1320px)/2));bottom:9%;z-index:5;width:clamp(21rem,31vw,28rem);padding:1.4rem 1.6rem;background:#d9dcd2;border-top:1px solid var(--field-ink);color:var(--field-ink);box-shadow:0 12px 36px rgba(36,42,39,.035)}
.project-preview h2{font:400 clamp(2.05rem,2.8vw,3rem)/.96 var(--judul);letter-spacing:-.025em;margin:.8rem 0 .9rem;color:var(--field-ink);text-wrap:balance}
.project-preview h2 i{color:#67725f;font-weight:400}
.preview-interactive-hint{display:none}
.experience-ready .preview-interactive-hint{display:block}
.experience-ready .preview-static-hint{display:none}
.preview-kicker{font:400 .53rem/1.4 var(--kode);letter-spacing:.055em;text-transform:uppercase;color:var(--field-muted)}
.project-preview article > p:not(.preview-kicker),.preview-overview > p:not(.preview-kicker){font:400 1.05rem/1.45 var(--badan);color:#475144;max-width:none}
.preview-project > p:not(.preview-kicker){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.preview-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.35rem;padding:.55rem 0 0;border:0;border-top:1px solid rgba(36,42,39,.22);color:var(--field-ink);font:400 .61rem/1.4 var(--kode);text-transform:uppercase;letter-spacing:.045em;min-height:34px}
.preview-link:hover{color:#785f43;border-top-color:#785f43}
.preview-link span{font-size:1.05rem;transition:transform .2s}
.preview-link:hover span{transform:translate(2px,-2px)}
.preview-papers{margin-top:.9rem;padding-top:.8rem;border-top:1px solid rgba(36,42,39,.15)}
.preview-papers > span{display:block;font:400 .54rem/1.4 var(--kode);color:#646d60;text-transform:uppercase}
.preview-papers a{display:block;margin-top:.4rem;font:400 .87rem/1.3 var(--badan);color:#364733;border:0}
.preview-papers a:hover{color:#785f43}
.preview-project.is-entering{animation:preview-arrive .3s ease both}
@keyframes preview-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.scene-foot{position:absolute;left:max(32px,calc((100vw - 1320px)/2));right:max(32px,calc((100vw - 1320px)/2));bottom:1.7rem;display:flex;justify-content:space-between;gap:1rem;z-index:6;color:var(--field-muted);font:400 .56rem/1.35 var(--kode);letter-spacing:.04em;text-transform:uppercase}
.scene-foot a{color:var(--field-ink);border:0}
.scene-instruction{display:none}
.experience-ready .scene-instruction{display:block}
.home-archive{width:var(--scene-width,100vw);margin-left:calc(50% - var(--scene-width,100vw)/2);background:#0b1114;color:#f0efe8;padding:4rem 0 5rem;position:relative}
.archive-shell{width:min(1320px,calc(100% - 64px));margin:0 auto}
.home-archive .home-intro{margin:1rem 0 5.5rem}
.home-archive .work-gallery{background:linear-gradient(130deg,#182320,#101a1b);box-shadow:none}
.home-archive .publication-stage{background:var(--field-paper);box-shadow:none}
.home-archive .section-marker{color:#c29d7c}
.home-archive .publication-stage .section-marker{color:#7f624b}
.page-orang footer{color:var(--field-muted);border-top-color:var(--field-line)}
.page-orang footer a{color:var(--field-ink)}

/* Geometri yang sama mengantar ke halaman baca. */
.experience .inner-hero{width:var(--scene-width,100vw);margin-left:calc(50% - var(--scene-width,100vw)/2);padding:3.8rem max(32px,calc((var(--scene-width,100vw) - 1320px)/2));background:var(--field-paper);color:var(--field-ink);min-height:450px;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:2rem;border:0}
.experience .inner-hero::before{background:none;inset:0;border-bottom:1px solid var(--field-line)}
.experience .inner-heading .section-marker{color:#736047}
.experience .breadcrumb{color:var(--field-muted)}
.experience .breadcrumb a{color:#353e34}
.experience .breadcrumb span{color:#8b7761}
.experience .inner-hero h1{color:var(--field-ink);text-shadow:none;font-size:clamp(4.5rem,7vw,7.5rem)}
.experience .inner-hero h1 .kecil{color:var(--field-muted);font-size:clamp(1.1rem,1.6vw,1.35rem)}
.reading-mark{min-width:0;position:relative}
.reading-mark svg{display:block;width:100%;max-height:340px;overflow:visible;transform:perspective(800px) rotateY(var(--mark-y,0deg)) rotateX(var(--mark-x,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.reading-mark path{fill:none;stroke:#343e33;stroke-width:.7}
.reading-axes path{stroke-opacity:.15;stroke-dasharray:2 6}
.reading-plane{transform-origin:260px 210px;transform:rotate(-8deg)}
.reading-plane path{stroke-opacity:.65}
.reading-hidden-edge{stroke-dasharray:3 5;stroke-opacity:.23!important}
.reading-connections path{stroke-opacity:.25}
.reading-dots{fill:#384434}
.reading-labels{fill:#5d6959;font:400 8px var(--kode);letter-spacing:1px}
.page-publikasi .daftar-publikasi,.page-biografi .inner-content,.inner-content table{background:var(--field-paper);box-shadow:none}
.page-karya .inner-content > div,.inner-content .pinggir,.page-liputan ol.rujukan li{box-shadow:none}
.experience .inner-content > .rujukan > li{box-shadow:none}
.experience .reveal-ready{transition-duration:.55s}
@view-transition{navigation:auto}
::view-transition-old(root){animation:reading-out .17s ease both}
::view-transition-new(root){animation:reading-in .3s ease both}
::view-transition-old(masthead),::view-transition-new(masthead){animation:none}
@keyframes reading-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes reading-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:1050px) and (min-width:761px){
  .project-preview{width:21rem;padding:1.1rem 1.25rem;bottom:9%}
  .scene-identity h1{font-size:5.4rem}
  .node-detail{max-width:10rem}
  .research-map{inset:7% 2% 39%}
  .node-label{font-size:.88rem}
  .node-detail{font-size:.5rem}
  .scene-foot{font-size:.5rem}
  .scene-foot > span:first-child{display:none}
}
@media(max-width:760px){
  .experience .bingkai{width:calc(100% - 32px)}
  .experience nav.atas{padding:1rem 0}
  .experience-ready .research-track{height:auto}
  .experience-ready .research-scene{position:relative;top:auto}
  .research-scene{height:auto;max-height:none;min-height:0;padding:1.5rem 16px 1.4rem;display:flex;flex-direction:column}
  .scene-heading{position:relative;top:auto;left:auto;right:auto;display:block}
  .scene-heading .section-marker{font-size:.52rem}
  .scene-status{display:block;margin-top:.55rem;font-size:.52rem}
  .research-map{position:relative;inset:auto;height:350px;width:100%;margin:1rem 0 0;flex:none;transform:none}
  .field-node{max-width:118px;padding:.6rem .3rem;gap:.2rem .3rem;background:var(--field-paper)}
  .field-node[data-project="tgi"]{--node-x:19%!important;--node-y:23%!important}
  .field-node[data-project="ninmeni"]{--node-x:80%!important;--node-y:18%!important}
  .field-node[data-project="strata"]{--node-x:18%!important;--node-y:63%!important}
  .field-node[data-project="elara"]{--node-x:81%!important;--node-y:63%!important}
  .field-node[data-project="lontara"]{--node-x:50%!important;--node-y:88%!important}
  .node-label{font-size:.78rem}
  .node-number{font-size:.46rem}
  .node-detail{font-size:.625rem;grid-column:1/-1;max-width:107px}
  .field-core{width:30px;height:30px}
  .field-core span{opacity:1;font-size:.53rem}
  .field-coordinate{font-size:.39rem;letter-spacing:.05em}
  .scene-identity{position:relative;left:auto;bottom:auto;max-width:100%;margin:1.5rem 0 1.8rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}
  .scene-identity h1{font-size:clamp(3.55rem,14vw,5.6rem);line-height:.82}
  .scene-identity > p{font-size:.55rem;line-height:1.5;max-width:7.2rem;margin:0 0 .15rem}
  .project-preview{position:relative;right:auto;bottom:auto;width:100%;padding:1.3rem 1.2rem;min-height:220px}
  .project-preview h2{font-size:2.35rem}
  .preview-kicker{font-size:.5rem}
  .project-preview article > p:not(.preview-kicker),.preview-overview > p:not(.preview-kicker){font-size:1.05rem}
  .scene-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:1.5rem;gap:.7rem;flex-wrap:wrap;font-size:.48rem}
  .scene-foot > span:first-child{display:none}
  .experience-ready .scene-instruction{display:block}
  .archive-shell{width:calc(100% - 32px)}
  .home-archive{padding:2.7rem 0 3rem}
  .home-archive .home-intro{margin:0 0 3rem}
  .experience .inner-hero{padding:2.7rem 16px 2.5rem;display:block;min-height:0}
  .experience .inner-hero h1{font-size:clamp(3.6rem,14vw,5.2rem)}
  .experience .inner-hero h1 .kecil{font-size:1.1rem}
  .reading-mark{width:100%;max-width:280px;margin:.8rem auto -1.1rem}
  .reading-mark svg{height:185px}
  .reading-labels{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .experience-ready .research-track{height:auto}
  .experience-ready .research-scene{position:relative}
  .field-frame{transform:scale(.85)}
  .field-radials path{stroke-dashoffset:0}
  .research-map,.reading-mark svg{transform:none!important}
  .preview-project.is-entering{animation:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}
/* Spatial chapter: a projected object, rather than a decorative map. */
.page-orang nav.atas .monogram,.page-orang nav.atas .diri small{display:none}
.page-orang nav.atas .diri{font:400 .8rem var(--kode)}
.page-orang nav.atas{padding:1rem 0;border:0}
.experience-ready .research-track{height:260svh}
.research-scene{height:calc(100svh - 58px);min-height:620px;max-height:none;background:rgb(var(--scene-rgb,229 230 223));color:var(--scene-ink,#242a27)}
.research-track::before{display:none}
.spatial-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.research-map{inset:0;transform:none!important}
.field-lines,.field-coordinate{display:none}
.field-core{width:28px;height:28px;background:transparent;border:0;box-shadow:none;color:transparent}
.field-core span{display:none}
.field-node{background:transparent;color:var(--scene-ink,#242a27);max-width:210px;padding:.75rem .6rem;transition:opacity .25s,color .25s;background:none!important;box-shadow:none!important}
.node-label{font-size:clamp(1rem,1.4vw,1.35rem);letter-spacing:-.035em}
.node-number,.node-detail{color:inherit;opacity:.5}
.node-detail{font-size:.58rem}
.field-node:hover,.field-node.is-selected{border-color:currentColor}
.scene-heading{top:1.5rem}
.scene-heading .section-marker,.scene-status,.scene-foot,.scene-foot a{color:var(--scene-ink,#242a27)}
.scene-identity{bottom:5rem;max-width:45%}
.scene-identity h1{font:400 .82rem/1.3 var(--kode);letter-spacing:0;text-transform:uppercase;color:inherit}
.scene-identity > p{font-size:.58rem;margin-top:.5rem;color:inherit;opacity:.6}
.spatial-caption{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:2;text-align:center;pointer-events:none;opacity:var(--caption-opacity,0);color:#e5e6df;width:75%}
.spatial-caption span,.spatial-caption small{display:block;font:.6rem var(--kode);letter-spacing:.12em}
.spatial-caption strong{display:block;font:400 clamp(2rem,5vw,5rem)/.95 Arial,sans-serif;letter-spacing:-.065em;margin:1.2rem 0}
.project-preview{background:transparent;border:0;box-shadow:none;color:var(--scene-ink,#242a27);bottom:5rem;width:26rem;padding:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s,transform .35s,visibility .35s}
.research-track.has-selection .project-preview{opacity:1;visibility:visible;transform:none}
.project-preview h2{font:400 2.3rem/1 Arial,sans-serif;letter-spacing:-.06em;color:inherit}
.project-preview article > p:not(.preview-kicker),.preview-kicker,.preview-papers a,.preview-papers > span,.preview-link{color:inherit}
.preview-overview{display:none}
.preview-link,.preview-papers{border-color:currentColor}
.scene-foot{bottom:1.4rem}
@media(max-width:760px){
 .experience-ready .research-track{height:210svh}
 .experience-ready .research-scene{position:sticky;top:0;height:100svh;min-height:650px;padding:0;display:block}
 .research-map{position:absolute;inset:0;width:100%;height:100%;margin:0}
 .scene-heading{position:absolute;top:1.2rem;left:16px;right:16px}
 .scene-status{font-size:.5rem}
 .field-node{max-width:110px;padding:.6rem .3rem}
 .node-label{font-size:.94rem}
 .node-detail{font-size:.5rem}
 .field-node[data-project="tgi"]{--node-y:24%!important}
 .field-node[data-project="ninmeni"]{--node-y:21%!important}
 .field-node[data-project="strata"]{--node-y:58%!important}
 .field-node[data-project="elara"]{--node-y:58%!important}
 .field-node[data-project="lontara"]{--node-y:71%!important}
 .scene-identity{position:absolute;left:16px;bottom:4.2rem;max-width:90%;display:block;margin:0}
 .scene-identity h1{font-size:.74rem}
 .scene-identity > p{max-width:none;font-size:.5rem;margin-top:.4rem}
 .project-preview{position:absolute;left:16px;right:16px;bottom:4rem;width:auto;padding:1rem;background:rgb(var(--scene-rgb,229 230 223));min-height:0}
 .project-preview h2{font-size:1.8rem;margin:.5rem 0}
 .project-preview article > p:not(.preview-kicker){font-size:.95rem;-webkit-line-clamp:2}
 .preview-papers{display:none}
 .research-track.has-selection .scene-identity{opacity:0}
 .scene-foot{position:absolute;left:16px;right:16px;bottom:1rem;margin:0;font-size:.45rem}
 .spatial-caption strong{font-size:2.2rem}
}
@media(prefers-reduced-motion:reduce){
 .experience-ready .research-track{height:auto}
 .experience-ready .research-scene{position:relative}
 .spatial-caption{display:none}
}
.spatial-caption{width:40%;top:46%}
.spatial-caption strong{font-size:clamp(1.7rem,3.5vw,3.6rem)}
@media(max-width:760px){.spatial-caption{width:52%}.spatial-caption strong{font-size:clamp(1.25rem,6vw,2rem)}}
@media(max-width:760px){.experience-ready .research-scene{height:calc(100svh - 140px);min-height:620px}}
.scene-launch{color:var(--scene-ink,#242a27);background:transparent;border:1px solid currentColor;padding:.65rem 1rem;font:400 .65rem var(--kode)!important;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:44px}
.scene-launch:hover{background:var(--scene-ink,#242a27);color:rgb(var(--scene-rgb,229 230 223))}
.project-preview,.project-preview article,.project-preview h2,.project-preview p,.project-preview a,.project-preview span{color:var(--scene-ink,#242a27)}
.preview-project.is-entering{animation:none}
@media(max-width:760px){.scene-launch{font-size:.52rem!important;padding:.4rem .6rem;min-height:36px}.scene-foot{align-items:center}.scene-foot a{max-width:100px}}
@media(min-width:761px) and (max-width:1050px){.project-preview{background:rgb(var(--scene-rgb,229 230 223));padding:1.2rem;border-left:1px solid currentColor}.project-preview h2{font-size:2rem}}
/* One viewport, navigated as scenes; document scroll is not the scene controller. */
html:has(body.page-orang){height:100%;overflow:hidden}
body.page-orang{height:100dvh;overflow:hidden}
.page-orang .bingkai{height:100dvh;display:flex;flex-direction:column}
.page-orang nav.atas{flex:none;z-index:10}
.page-orang main#isi{flex:1;min-height:0;margin:0;display:flex}
.page-orang .research-track,.experience-ready .page-orang .research-track{height:100%;min-height:0;flex:none}
.page-orang .research-scene,.experience-ready .page-orang .research-scene{position:relative;top:auto;height:100%;min-height:0;max-height:none;display:block}
.page-orang .scene-identity{bottom:5rem}
.page-orang .scene-foot{align-items:center;bottom:1.2rem}
.page-orang .spatial-caption small{display:none}
.page-orang .project-preview{background:rgb(var(--scene-rgb,229 230 223));padding:1.2rem;border-left:1px solid currentColor;max-height:55%;overflow:auto;overscroll-behavior:contain}
.page-orang .field-node[data-project="elara"]{--node-y:43%!important}
.page-orang .field-node[data-project="lontara"]{--node-x:44%!important;--node-y:79%!important}
@media(max-width:760px){
 .page-orang nav.atas{padding:.65rem 0}
 .page-orang nav.atas ol{gap:.4rem .9rem;margin-top:.6rem}
 .page-orang .scene-heading{top:.8rem}
 .page-orang .scene-identity{bottom:4.5rem}
 .page-orang .project-preview{bottom:4rem;max-height:40%;border-left:0;border-top:1px solid currentColor;padding:.8rem}
 .page-orang .field-node[data-project="elara"]{--node-y:50%!important}
 .page-orang .field-node[data-project="lontara"]{--node-x:50%!important;--node-y:70%!important}
 .page-orang .node-detail{display:none}
 .page-orang .scene-foot{bottom:.65rem}
}
.page-orang .scene-identity{pointer-events:auto}
.identity-open,.identity-close{font:.6rem var(--kode)!important;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;padding:.5rem 0;cursor:pointer}
.identity-dialog{color:#e5e6df;background:#0f1112;border:1px solid #626760;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:2rem;overflow:auto}
.identity-dialog::backdrop{background:rgba(15,17,18,.8);backdrop-filter:blur(8px)}
.identity-close{float:right}
.identity-dialog h2{font:400 2.8rem/1 Arial,sans-serif;letter-spacing:-.06em;margin:1rem 0 2rem}
.identity-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}
.identity-links a{font:.75rem/1.5 var(--kode);color:inherit;padding:.6rem 0;border-bottom:1px solid #343c36}
.identity-links a span{display:block;font-size:.55rem;opacity:.6;text-transform:uppercase}
.identity-dialog > p:last-child{font:1rem/1.5 var(--badan);margin-top:2rem}
@media(max-width:760px){.identity-dialog{padding:1.2rem}.identity-links{gap:.5rem 1rem}.identity-links a{font-size:.6rem}.page-orang .scene-identity{bottom:4rem}.page-orang .scene-identity > p{margin-top:.3rem}.identity-open{font-size:.5rem!important;padding:.25rem 0}}
.page-orang .bingkai{padding:0}
.page-orang nav.atas{margin-bottom:0}
@media(max-height:600px){.page-orang .scene-heading{top:.5rem}.page-orang .scene-identity{bottom:4rem}.page-orang .node-detail{display:none}.page-orang .project-preview{max-height:65%;bottom:4rem}.page-orang .scene-identity > p{display:none}}
.page-orang.space-work nav.atas::before{background:#0f1112}
.page-orang.space-work nav.atas .diri,.page-orang.space-work nav.atas .diri:hover{color:#e5e6df}
.page-orang.space-work nav.atas ol a{color:#b8bcb4}
.page-orang nav.atas::before,.page-orang nav.atas a{transition:background .6s,color .6s}
/* Spatial portfolio: quiet entry, central artwork, measurement frame. */
.page-orang{--field-paper:#dededc;--field-ink:#282828;font-family:Arial,sans-serif}
.page-orang .bingkai{width:100%}
.page-orang nav.atas{position:absolute;top:0;left:0;right:0;padding:18px 40px;z-index:30;align-items:center}
.page-orang nav.atas::before{display:none}
.page-orang nav.atas .diri{font:400 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em;width:auto}
.page-orang nav.atas ol{position:absolute;left:50%;transform:translateX(-50%);gap:22px;width:auto;display:flex;margin:0}
.page-orang nav.atas ol a{font:400 11px Arial,sans-serif;letter-spacing:.02em;padding:0;min-height:0}
.page-orang main#isi{height:100dvh;flex:none;width:100%}
.page-orang .research-track{margin:0;width:100%}
.page-orang .research-scene{height:100dvh}
.page-orang .research-scene::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:calc(.26*(1 - var(--gallery-opacity,0)));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.28'/%3E%3C/svg%3E")}
.page-orang .scene-heading{display:none}
.page-orang .field-node{font-family:Arial,sans-serif;max-width:250px;border:0!important;padding:.4rem;background:transparent}
.page-orang .node-label{font:400 18px Arial,sans-serif;letter-spacing:0}
.page-orang .node-number,.page-orang .node-detail{display:none}
.page-orang .field-node[data-project="tgi"]{--node-x:9%!important;--node-y:30%!important}
.page-orang .field-node[data-project="ninmeni"]{--node-x:84%!important;--node-y:20%!important}
.page-orang .field-node[data-project="strata"]{--node-x:9%!important;--node-y:75%!important}
.page-orang .field-node[data-project="elara"]{--node-x:88%!important;--node-y:58%!important}
.page-orang .field-node[data-project="lontara"]{--node-x:59%!important;--node-y:88%!important}
.page-orang .scene-identity{left:40px;bottom:24px;opacity:calc(1 - var(--gallery-opacity,0));pointer-events:none}
.page-orang .scene-identity h1{display:none}
.page-orang .scene-identity > p{font:400 11px/1.6 Arial,sans-serif;letter-spacing:.08em;text-transform:none;margin:0;opacity:1}
.page-orang .identity-open{position:fixed;top:17px;right:40px;font:400 12px Arial,sans-serif!important;text-transform:uppercase;border:0;pointer-events:auto;padding:0;z-index:40}
.page-orang .scene-foot{left:40px;right:40px;bottom:22px;z-index:22}
.page-orang .scene-foot > span,.page-orang .scene-foot > a{display:none}
.page-orang .scene-launch{margin:0 auto;font:400 9px Arial,sans-serif!important;border:0;padding:0;min-height:24px;letter-spacing:.16em}
.page-orang .project-preview{display:none!important}
.work-stage{--art-size:min(44svh,32vw);position:absolute;inset:0;z-index:10;color:#ddd;background:#080808;opacity:var(--gallery-opacity,0);pointer-events:auto;touch-action:none}
.work-stage[inert]{pointer-events:none}
.gallery-index{position:absolute;right:40px;top:82px;display:flex;gap:18px;font:10px Arial,sans-serif;letter-spacing:.06em}
.gallery-index a{color:inherit;border:0}
.gallery-slide{position:absolute;inset:0}
.gallery-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--art-size);height:var(--art-size);border:1px solid #a8aaa5;color:inherit}
.gallery-art svg{display:block;width:100%;height:100%}
.art-open{position:absolute;bottom:12px;left:14px;right:14px;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;opacity:0;transition:opacity .2s;background:rgba(0,0,0,.75);padding:8px}
.gallery-art:hover .art-open,.gallery-art:focus-visible .art-open{opacity:1}
.gallery-caption{position:absolute;right:calc(50% + var(--art-size)/2 + 16px);top:calc(50% - var(--art-size)/2 + 2px);text-align:right;max-width:250px}
.gallery-caption > span{font:9px Arial,sans-serif;letter-spacing:.04em;color:#999}
.gallery-caption h2{font:400 18px/1.15 Arial,sans-serif;letter-spacing:0;text-transform:uppercase;margin:4px 0;color:#ddd}
.gallery-caption p{font:8px/1.5 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#888;margin:0}
.gallery-side{position:absolute;top:50%;transform:translateY(-50%);font:600 12px Arial,sans-serif;letter-spacing:.22em;color:#999;z-index:5;border:0}
.gallery-side-left{left:32px}.gallery-side-right{right:32px}
.gallery-stack{position:absolute;top:calc(50% + var(--art-size)/2 + 12px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.gallery-stack button{font:600 11px Arial,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;border:0;background:transparent;color:#666;cursor:pointer;padding:0;min-height:17px}
.gallery-stack button[aria-pressed="true"]{color:#ddd}
.gallery-controls{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;font:9px Arial,sans-serif;letter-spacing:.15em}
.gallery-controls button{border:0;background:none;color:inherit;font:20px Arial,sans-serif!important;cursor:pointer;min-width:40px;min-height:40px}
.work-stage::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - var(--art-size)/2),#414141 calc(50% - var(--art-size)/2),#414141 calc(50% - var(--art-size)/2 + 1px),transparent calc(50% - var(--art-size)/2 + 1px),transparent calc(50% + var(--art-size)/2),#414141 calc(50% + var(--art-size)/2),#414141 calc(50% + var(--art-size)/2 + 1px),transparent calc(50% + var(--art-size)/2 + 1px)),linear-gradient(transparent calc(50% - var(--art-size)/2),#414141 calc(50% - var(--art-size)/2),#414141 calc(50% - var(--art-size)/2 + 1px),transparent calc(50% - var(--art-size)/2 + 1px),transparent calc(50% + var(--art-size)/2),#414141 calc(50% + var(--art-size)/2),#414141 calc(50% + var(--art-size)/2 + 1px),transparent calc(50% + var(--art-size)/2 + 1px))}
@media(max-width:900px){
 .page-orang nav.atas{padding:16px 20px;display:block}
 .page-orang nav.atas ol{top:52px;left:20px;right:20px;transform:none;justify-content:center;gap:16px}
 .page-orang nav.atas ol a{font-size:10px}
 .page-orang .identity-open{right:20px;top:16px}
 .page-orang .scene-identity{left:20px;max-width:60%}
 .page-orang .scene-identity > p{font-size:9px}
 .page-orang .node-label{font-size:14px}
 .work-stage{--art-size:min(42svh,62vw)}
 .gallery-caption{top:calc(50% - var(--art-size)/2 - 70px);right:auto;left:50%;transform:translateX(-50%);text-align:center;width:80%;max-width:none}
 .gallery-side{top:auto;bottom:18px;font-size:9px;letter-spacing:.08em;transform:none}
 .gallery-side-left{left:20px}.gallery-side-right{right:20px}
 .gallery-index{top:90px;right:20px;font-size:8px;gap:10px}
 .gallery-controls{bottom:42px}
 .gallery-stack{gap:4px}
 .gallery-stack button{font-size:9px!important}
 .page-orang.space-work .scene-foot{display:none}
}
@media(max-height:650px) and (min-width:901px){.work-stage{--art-size:40svh}.gallery-stack{gap:2px}.gallery-stack button{font-size:9px!important}.gallery-controls{bottom:22px}}
.gallery-ruler{position:absolute;top:12px;left:24px;right:24px;height:18px;display:flex;justify-content:space-around;align-items:flex-start;color:#727272;font:7px Arial,sans-serif;background:repeating-linear-gradient(90deg,#454545 0 1px,transparent 1px 8px) bottom/100% 5px no-repeat;pointer-events:none}
.work-stage::after{content:'';position:absolute;top:24px;bottom:24px;left:20px;width:5px;background:repeating-linear-gradient(#454545 0 1px,transparent 1px 8px);pointer-events:none}
.page-orang.space-work nav.atas{color:#ddd}
.page-orang.space-work .identity-open{color:#ddd}
@media(max-width:900px){.gallery-ruler{top:78px}.work-stage::after{top:86px}.page-orang nav.atas ol{flex-wrap:nowrap}}
.gallery-slide:not([hidden]){animation:gallery-arrive .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes gallery-arrive{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gallery-slide:not([hidden]){animation:none}}
/* Reading pages inherit the same typography and quiet measurement language. */
.experience:not(.page-orang) nav.atas .diri,.experience:not(.page-orang) nav.atas ol a{font-family:Arial,sans-serif}
.experience:not(.page-orang) .monogram,.experience:not(.page-orang) nav.atas .diri small{display:none}
.experience:not(.page-orang) .inner-hero h1{font-family:Arial,sans-serif;letter-spacing:-.065em;font-size:clamp(3.2rem,6vw,6rem)}
.experience:not(.page-orang) .inner-hero{background:#dededc}
.experience:not(.page-orang) .reading-mark svg{filter:grayscale(1)}
.experience:not(.page-orang) .inner-content h2{font-family:Arial,sans-serif;letter-spacing:-.035em}
@media(max-width:600px){.page-orang .field-node[data-project="elara"]{--node-x:77%!important}.page-orang .field-node[data-project="tgi"],.page-orang .field-node[data-project="strata"]{--node-x:15%!important}}
.gallery-page .scene-foot{display:none}
.gallery-slide{pointer-events:none}
.gallery-art{pointer-events:auto}
.gallery-index{z-index:6}
.gallery-stack,.gallery-controls{z-index:6}
.spatial-reader[hidden]{display:none!important}
.spatial-reader{position:fixed;z-index:25;top:82px;right:32px;bottom:32px;width:min(720px,60vw);display:flex;flex-direction:column;background:rgba(11,14,12,.95);border:1px solid #394039;color:#d8ded3;backdrop-filter:blur(12px);box-shadow:0 20px 90px #0008;animation:reader-arrive .55s cubic-bezier(.2,.8,.2,1);text-align:left;user-select:text}
.reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;border-bottom:1px solid #343a33;flex-shrink:0}
.page-orang .reader-return{background:none;border:0;padding:5px 0;color:#c1cbbd;font:10px Arial,sans-serif;letter-spacing:.09em;cursor:pointer}
.reader-status{font:9px Arial,sans-serif;color:#abb3a6}
.reader-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52604b #11170f;padding:32px;min-height:0;flex:1;font:16px/1.75 Arial,sans-serif;outline:none;scroll-behavior:smooth}
.reader-scroll .inner-hero{display:block;min-height:0;margin:0 0 28px;padding:0;background:none;border:0;color:inherit}
.reader-scroll .inner-heading{padding:0}
.reader-scroll .reading-mark{display:none}
.reader-scroll h1{font:400 clamp(28px,3vw,44px)/1.1 Arial,sans-serif;letter-spacing:-.045em;color:#f0f1e9;margin:14px 0 24px}
.reader-scroll h2{font:400 24px/1.3 Arial,sans-serif;color:#e0e6da;margin:30px 0 14px;letter-spacing:-.025em}
.reader-scroll h3{font:400 19px/1.4 Arial,sans-serif;color:#e0e6da}
.reader-scroll p,.reader-scroll li{color:#c7cfc0}
.reader-scroll .inner-content{padding:0;margin:0;max-width:none}
.reader-scroll a{color:#d6c7ac;text-decoration-color:#766b58;overflow-wrap:anywhere}
.reader-scroll .section-marker,.reader-scroll .breadcrumb,.reader-scroll small,.reader-scroll .meta{color:#96a28d;font-size:10px}
.reader-scroll table{display:block;max-width:100%;overflow-x:auto;color:#c7cfc0;font-size:13px}
.reader-scroll th,.reader-scroll td{border-color:#364031;background:transparent;color:inherit}
.reader-scroll .publication-stage,.reader-scroll .baris,.reader-scroll .rujukan>li{background:transparent;border-color:#343d30;color:#c7cfc0;opacity:1;transform:none}
.reader-scroll .publication-stage{padding:20px 0}
.reader-scroll .paper-title{color:#e1e6db}
.reader-open .scene-identity,.reader-open .scene-foot,.reader-open .galaxy-status{opacity:0;pointer-events:none}
.reader-open .research-map{opacity:.6}
.spatial-reader{--judul:Arial,sans-serif;--badan:Arial,sans-serif;--tinta:#e0e7d9;--pudar:#a0ad95;--biru:#cbbfa7;--tanah:#b5a78e;--field-ink:#e0e7d9;--field-muted:#a0ad95;--field-paper:transparent;--garis:#35402e;--garis-kuat:#59664e}
.spatial-reader .reader-scroll .inner-hero{width:auto;margin:0 0 28px;padding:0;min-height:0;display:block;background:none}
.spatial-reader .reader-scroll .inner-hero h1{font:400 clamp(28px,3vw,44px)/1.15 Arial,sans-serif;color:#e8ece2;letter-spacing:-.04em}
.spatial-reader .reader-scroll .inner-hero h1 .kecil{display:block;font:14px/1.7 Arial,sans-serif;color:#a3b098;margin:14px 0 0}
.spatial-reader .reader-scroll .inner-content{width:auto;display:block;margin:0;padding:0;background:none}
.spatial-reader .reader-scroll .dua{display:block}
.spatial-reader .reader-scroll .utama{font:18px/1.65 Arial,sans-serif;max-width:none}
.spatial-reader .reader-scroll .pinggir{position:static;margin:24px 0;padding:20px;background:#172019;border:1px solid #34412f}
.spatial-reader .reader-scroll .daftar-publikasi{background:none}
.spatial-reader .reader-scroll .publication-stage{display:block;min-height:0;grid-template-columns:1fr}
.spatial-reader .reader-scroll .breadcrumb a,.spatial-reader .reader-scroll .section-marker{color:#a1ad96}
.reader-colophon{border-top:1px solid #35402e;margin-top:32px;padding-top:20px;font-size:11px;line-height:1.7;color:#94a28a}
.identity-constellation{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:24px 0 32px}
.identity-constellation a{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #3b4534;text-decoration:none;min-width:0;transition:color .2s,transform .3s}
.identity-constellation a:hover{color:#f0e1c5;transform:translateX(4px)}
.identity-number{font:9px Arial,sans-serif;color:#87967b;align-self:flex-start;padding-top:4px}
.identity-text{flex:1;min-width:0}
.identity-text small{display:block;margin-bottom:6px;font:9px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.identity-text strong{display:block;font:400 14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.identity-arrow{font:18px Arial,sans-serif}
.identity-note{font-size:13px;line-height:1.7}
@media(max-width:600px){.identity-constellation{grid-template-columns:1fr;gap:0}.identity-constellation a{padding:15px 0}}
.page-orang .spatial-reader .reader-scroll .inner-content .dua>div>.utama:first-child,.page-orang .spatial-reader .reader-scroll .inner-content>.utama{font:18px/1.7 Arial,sans-serif}
.page-orang .spatial-reader .reader-scroll .inner-content>.pengantar:first-child{font:15px/1.75 Arial,sans-serif;margin-bottom:24px}
@keyframes reader-arrive{from{opacity:0;transform:translate3d(35px,0,0)}to{opacity:1;transform:none}}
@media(max-width:900px){.spatial-reader{left:20px;right:20px;top:88px;bottom:20px;width:auto;background:rgba(11,14,12,.94)}.reader-scroll{padding:24px;font-size:15px}.reader-toolbar{padding:13px 24px}}
@media(prefers-reduced-motion:reduce){.spatial-reader{animation:none}.reader-scroll{scroll-behavior:auto}}
.intro-sequence{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;text-align:center;color:#080a08;font:900 clamp(64px,9.5vw,132px)/.87 Arial,sans-serif;letter-spacing:-.075em;opacity:0}
.intro-sequence span{display:block;will-change:transform,clip-path;white-space:nowrap}
.page-orang .research-scene::after{opacity:calc(.6*(1 - var(--gallery-opacity,0)));filter:grayscale(1) contrast(1.7)}
.spatial-pointer{position:absolute;z-index:8;pointer-events:none;width:16px;height:16px;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;color:#32372f}
.spatial-pointer i{position:absolute;inset:0;border:1px solid currentColor}
.spatial-pointer b{position:absolute;width:2px;height:2px;left:7px;top:7px;background:currentColor}
@media(pointer:fine){.page-orang .research-track[data-space="intro"] .research-scene{cursor:none}.page-orang .intro-terms button,.page-orang .field-core{cursor:none}}
.intro-terms{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--intro-opacity,1)}
.intro-terms button{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#252823;font:16px Arial,sans-serif;letter-spacing:-.015em;pointer-events:auto;padding:10px;white-space:nowrap}
.intro-terms button:hover{color:#777}
.galaxy-status{position:absolute;inset:86px 40px auto;z-index:5;display:flex;justify-content:space-between;color:#b6bcb3;font:9px Arial,sans-serif;letter-spacing:.12em;opacity:var(--galaxy-opacity,0);pointer-events:none}
.page-orang .space-back{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:35;border:0;background:none;color:#bbb;font:10px Arial,sans-serif;padding:10px;cursor:pointer}
.space-back[hidden]{display:none!important}
.page-orang .field-node{width:max-content;max-width:170px;text-align:center;color:#d5dacf;background:transparent;border:0;z-index:4;will-change:transform,left,top;font-size:calc(13px * var(--depth-scale,1))}
.page-orang .field-node .node-name{font:inherit;letter-spacing:-.02em}
.page-orang .field-node:hover,.page-orang .field-node:focus-visible{color:#f0d9ba}
.page-orang .research-track[data-space="intro"] .research-map{pointer-events:none}
.page-orang .research-track[data-space="intro"] .field-core{pointer-events:auto}
.page-orang .research-track[data-space="galaxy"] .scene-foot{display:flex}
.page-orang .research-track[data-space="work"] .scene-foot,.page-orang .research-track[data-space="focus"] .scene-foot{display:none}
.page-orang .research-scene{touch-action:none;user-select:none}
.page-orang .field-node .node-label{font:inherit;letter-spacing:-.02em}
@media(max-width:600px){
 .intro-terms button{font-size:9px;padding:12px}
 .galaxy-status{inset:88px 20px auto;font-size:8px}
 .galaxy-status .space-instruction{max-width:170px;text-align:right;line-height:1.6}
 .page-orang .field-node{max-width:120px;font-size:calc(11px * var(--depth-scale,1))}
 .space-back{bottom:8px;font-size:9px}
}

/* Keep the luminous foreground above the incoming gallery during the handoff. */
.research-track[data-space="focus"] .spatial-canvas{z-index:11;pointer-events:none}
.research-track[data-space="focus"] .galaxy-status{opacity:0}
.work-stage .gallery-art{transform:translate(-50%,-50%) scale(var(--arrival-scale,1));transform-origin:center;will-change:transform}