:root{--ink:#f0eee6;--muted:#b5bcb6;--bg:#090c0c;--panel:#111716;--panel2:#171f1d;--line:rgba(235,224,196,.17);--amber:#d7a65d;--sand:#ead8ad;--cyan:#73b8bd;--green:#8da17e;--red:#dc7770;--max:1480px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}button,input,select{font:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:1rem;top:-10rem;z-index:999;background:#fff;color:#000;padding:.8rem 1rem;border-radius:.3rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid #ffd27d;outline-offset:4px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.4rem;min-height:68px;padding:.75rem clamp(1rem,4vw,4rem);background:rgba(7,10,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:800;letter-spacing:.14em;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.06em;font-weight:500}.brand-mark{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid var(--amber);border-radius:50%;font-family:var(--serif);color:var(--sand)}.primary-nav{display:flex;align-items:center;gap:.25rem;margin-left:auto}.primary-nav a{display:inline-flex;min-height:44px;align-items:center;padding:.55rem .7rem;text-decoration:none;color:var(--muted);font-size:.86rem;border-radius:.35rem}.primary-nav a:hover,.primary-nav a.active{color:var(--sand);background:rgba(255,255,255,.04)}.menu-toggle{display:none;min-width:48px;min-height:44px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:.35rem}.contact-pill,.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--amber);border-radius:999px;text-decoration:none;font-weight:750}.button.primary{background:var(--sand);color:#111515}.button.ghost{border-color:var(--line);background:rgba(8,12,12,.3)}.hero{min-height:88vh;position:relative;display:grid;align-items:end;padding:clamp(7rem,13vw,13rem) clamp(1rem,6vw,7rem) 5rem;overflow:hidden}.hero picture,.hero:after{position:absolute;inset:0}.hero picture img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";background:linear-gradient(90deg,rgba(4,7,7,.94),rgba(5,8,8,.62) 48%,rgba(5,8,8,.12) 78%),linear-gradient(0deg,rgba(4,7,7,.96),transparent 60%)}.hero-content{position:relative;z-index:2;max-width:930px}.eyebrow,.micro,.analysis-label{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;color:var(--amber);font-weight:850}.hero h1,.page-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,8vw,8.4rem);line-height:.91;letter-spacing:-.052em;margin:.4rem 0 1rem}.hero .lead,.page-hero .lead{font-size:clamp(1.03rem,2vw,1.42rem);max-width:860px;color:#e2e3dd}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.identity-strip{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1px;background:var(--line);border-block:1px solid var(--line)}.identity-strip>div{background:var(--panel);padding:1.3rem clamp(1rem,3vw,2.4rem)}.identity-strip strong{font-family:var(--serif);font-size:1.05rem;font-weight:500}.proof-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);max-width:var(--max);margin:0 auto}.proof-grid>div{background:var(--panel);padding:1.5rem}.proof-grid strong{display:block;font-family:var(--serif);font-size:2.2rem;color:var(--sand)}.proof-grid span{color:var(--muted);font-size:.78rem}.section{max-width:var(--max);margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,4vw,4rem)}.alt-section{max-width:none;background:linear-gradient(135deg,#0d1312,#111a17)}.alt-section>*{max-width:calc(var(--max) - 8rem);margin-inline:auto}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.section-head.compact{grid-template-columns:1fr .7fr}.section h2,.related h2{font-family:var(--serif);font-size:clamp(2.25rem,5vw,5rem);line-height:1;margin:.2rem 0}.section-head p{color:var(--muted)}.project-grid,.album-grid,.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.project-card{min-height:530px;position:relative;border:1px solid var(--line);overflow:hidden;background:var(--panel);text-decoration:none}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,8,.98),rgba(6,8,8,.08) 72%)}.project-card .copy{position:absolute;z-index:2;bottom:0;padding:2rem}.project-card h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:.3rem 0}.project-card p{color:#c6cbc5}.skills,.tags{display:flex;flex-wrap:wrap;gap:.45rem}.skills span,.tags span{border:1px solid var(--line);border-radius:999px;padding:.32rem .62rem;color:var(--muted);font-size:.72rem}.page-hero{padding:clamp(7rem,12vw,11rem) clamp(1rem,6vw,7rem) 4rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(216,167,93,.15),transparent 35%),linear-gradient(135deg,#101716,#090b0b)}.page-hero h1{max-width:1180px;font-size:clamp(3rem,7vw,7rem)}.filterbar{position:sticky;top:68px;z-index:30;display:flex;gap:.7rem;flex-wrap:wrap;padding:1rem clamp(1rem,4vw,4rem);background:rgba(9,12,12,.96);border-bottom:1px solid var(--line)}.filterbar label{display:flex}.filterbar input,.filterbar select{min-height:44px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.72rem 1rem;min-width:240px}.result-count{margin-left:auto;color:var(--muted);align-self:center}.evidence-card{background:var(--panel);border:1px solid var(--line);transition:.22s transform,.22s border-color}.evidence-card:hover{transform:translateY(-4px);border-color:rgba(216,167,93,.6)}.evidence-card>a{text-decoration:none;display:block;height:100%}.evidence-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0d1110}.card-copy{padding:1.2rem}.card-copy h3{font-family:var(--serif);font-size:1.36rem;line-height:1.12;margin:.25rem 0 .7rem}.card-copy p{color:var(--muted);font-size:.9rem}.evidence-layout{max-width:1640px;margin:auto;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:3rem}.viewer{position:sticky;top:94px;align-self:start;background:#070909;border:1px solid var(--line);min-height:520px;display:grid;place-items:center}.viewer>a:first-child{display:grid;place-items:center;width:100%;min-height:520px}.viewer img{max-width:100%;max-height:78vh;object-fit:contain}.viewer-actions{display:flex;gap:.7rem;flex-wrap:wrap;width:100%;padding:1rem;border-top:1px solid var(--line)}.evidence-copy h1{font-family:var(--serif);font-size:clamp(2.45rem,5vw,5.5rem);line-height:.96;margin:.4rem 0 1rem}.quick-box,.analysis-block,.provenance,.confidence-box,.epistemic-legend{padding:1.4rem;border:1px solid var(--line);background:var(--panel);margin:1rem 0}.quick-box{border-left:3px solid var(--amber)}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.analysis-block h2,.provenance h2{font-family:var(--serif);font-size:1.75rem;margin:.2rem 0 1rem}.analysis-block p,.provenance p{color:#c8cdc7}.confidence-box strong{color:var(--sand)}.source-caption{font-family:var(--serif);font-style:italic;color:#ded2b7}.refs{padding-left:1.2rem}.refs a{color:var(--sand)}.checklist{padding-left:1.2rem;color:#c8cdc7}.checklist li{margin:.45rem 0}.epistemic-legend{display:flex;gap:.5rem;flex-wrap:wrap}.epistemic-legend strong{width:100%}.epistemic-legend span{font-size:.7rem;border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem;color:var(--muted)}code{font-family:var(--mono);font-size:.78rem;word-break:break-all;color:var(--cyan)}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.prevnext a{min-height:72px;padding:1rem;border:1px solid var(--line);text-decoration:none}.album-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.album-summary div{background:var(--panel);padding:1rem}.album-summary strong{display:block;font-size:1.4rem;color:var(--sand)}.empty-state{display:none;padding:3rem;border:1px dashed var(--line);text-align:center;color:var(--muted)}.hidden-by-filter{display:none!important}.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dossier-grid article,.capability-flow article,.capability-catalog article{padding:1.5rem;background:var(--panel);border:1px solid var(--line)}.dossier-grid h3,.capability-flow h3,.capability-catalog h3{font-family:var(--serif);font-size:1.55rem;margin:.2rem 0}.dossier-grid p,.capability-flow p,.capability-catalog p{color:var(--muted)}.album-link-grid,.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.album-link,.support-grid a{display:flex;flex-direction:column;min-height:112px;padding:1.3rem;border:1px solid var(--line);background:var(--panel);text-decoration:none}.album-link span,.support-grid span{color:var(--muted)}.capability-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.capability-flow span{font-family:var(--mono);color:var(--amber)}.capability-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.support-grid strong{font-family:var(--serif);font-size:1.5rem}.atlas-callout{display:grid;grid-template-columns:1fr;max-width:1200px;text-align:center}.contact-section{display:flex;justify-content:space-between;gap:2rem;align-items:end}.contact-section>div:first-child{max-width:750px}.related{margin-top:3rem}.compact-grid{grid-template-columns:repeat(3,1fr)}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:3rem clamp(1rem,5vw,6rem);border-top:1px solid var(--line);background:#070909;color:var(--muted)}footer a{display:block;min-height:36px;padding:.35rem 0;text-decoration:none;color:var(--sand)}footer strong{color:var(--ink);letter-spacing:.12em}.privacy-callout{border:1px solid rgba(216,167,93,.35);background:rgba(216,167,93,.07);padding:1.2rem;margin:1rem 0}@media(max-width:1180px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;padding:1rem;background:#0b0f0e;border-bottom:1px solid var(--line)}.primary-nav.is-open{display:flex}.primary-nav a{width:100%}.contact-pill{margin-left:0}.proof-grid{grid-template-columns:repeat(2,1fr)}.identity-strip{grid-template-columns:1fr}.project-grid,.album-grid,.evidence-grid{grid-template-columns:repeat(2,1fr)}.evidence-layout{grid-template-columns:1fr}.viewer{position:relative;top:auto}.section-head{grid-template-columns:1fr}.dossier-grid,.capability-catalog{grid-template-columns:repeat(2,1fr)}.capability-flow{grid-template-columns:repeat(2,1fr)}.album-link-grid,.support-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.contact-pill{display:none}.hero{min-height:82vh;padding-bottom:3rem}.proof-grid,.project-grid,.album-grid,.evidence-grid,.album-summary,.dossier-grid,.capability-flow,.capability-catalog,.album-link-grid,.support-grid,.status-row{grid-template-columns:1fr}.filterbar{top:68px}.filterbar label,.filterbar input,.filterbar select{width:100%}.result-count{margin-left:0}.evidence-layout{padding-inline:1rem}.viewer,.viewer>a:first-child{min-height:280px}.prevnext,footer{grid-template-columns:1fr}.project-card{min-height:430px}.contact-section{display:block}.hero h1{font-size:clamp(3rem,15vw,5.6rem)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.project-card:hover,.evidence-card:hover{transform:none!important}}


/* Muhammad Rafi Al Hawari v4.2.0 publish-readiness patch */
:root{--focus:#f4c979;--reading:0%;color-scheme:dark}
html[data-theme="light"]{--bg:#f2efe8;--panel:#fffdf7;--ink:#171a19;--muted:#545b57;--line:rgba(22,28,26,.18);--sand:#795927;--amber:#8a5a12;--cyan:#0b6a70;color-scheme:light}
html[data-theme="light"] body{background:var(--bg);color:var(--ink)}
html[data-theme="light"] .site-header,html[data-theme="light"] .filterbar{background:rgba(244,241,234,.96)}
.reading-progress{position:fixed;z-index:1000;left:0;right:0;top:0;height:3px;background:transparent;pointer-events:none}.reading-progress span{display:block;width:var(--reading);height:100%;background:linear-gradient(90deg,var(--amber),var(--cyan));transition:width .08s linear}
.header-tools{display:flex;gap:.35rem;margin-left:auto}.icon-button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.65rem .8rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}
.breadcrumbs{display:flex;gap:.5rem;flex-wrap:wrap;padding:5.4rem clamp(1rem,4vw,4rem) 0;color:var(--muted);font-size:.78rem}.breadcrumbs>*+*:before{content:"/";margin-right:.5rem;color:var(--line)}.breadcrumbs a{color:var(--sand)}
.hero{isolation:isolate;overflow:hidden;background:#080b0b}.hero:before{content:"";position:absolute;inset:-5%;z-index:-2;background:url("hero/hero-desktop.webp") center/cover no-repeat;filter:blur(28px) brightness(.45) saturate(.8);transform:scale(1.08)}.hero picture{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,8,8,.15)}.hero picture img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}.hero:after{background:linear-gradient(90deg,rgba(5,7,7,.9) 0%,rgba(5,7,7,.5) 48%,rgba(5,7,7,.2) 75%,rgba(5,7,7,.35) 100%)}.hero-caption{font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#ded2b7;margin:.5rem 0 1.2rem}
.album-contract{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 2rem}.album-contract>article{padding:1.2rem;border:1px solid var(--line);background:var(--panel)}.album-contract h3{font-family:var(--serif);font-size:1.25rem;margin:.1rem 0 .6rem}.album-contract p{color:var(--muted);font-size:.86rem}.album-insights{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.album-insights article{border-left:3px solid var(--amber)}.album-insights span{font-family:var(--mono);font-size:.7rem;color:var(--amber)}
.album-explorer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1.5rem;align-items:start}.album-explorer>.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-preview{position:sticky;top:150px;padding:1rem;border:1px solid var(--line);background:var(--panel)}.album-preview img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#080a0a}.album-preview h3{font-family:var(--serif);font-size:1.65rem;margin:.4rem 0}.album-preview p{color:var(--muted)}
.evidence-toc{padding:1rem;border:1px solid var(--line);background:linear-gradient(135deg,rgba(216,167,93,.08),rgba(59,163,170,.05));margin:1rem 0}.evidence-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1rem;padding:0;margin:.8rem 0 0;list-style:none}.evidence-toc a{display:flex;gap:.5rem;min-height:40px;align-items:center;color:var(--muted);text-decoration:none;font-family:var(--mono);font-size:.73rem}.evidence-toc a span{font-family:var(--sans);color:var(--ink)}.evidence-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.evidence-facts{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1rem;padding:1rem;border:1px solid var(--line);background:var(--panel)}.evidence-facts dt{font-family:var(--mono);font-size:.7rem;color:var(--amber);text-transform:uppercase}.evidence-facts dd{margin:0;color:var(--muted)}
.relationship-graph{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;margin:1rem 0;border:1px solid var(--line);background:radial-gradient(circle,rgba(216,167,93,.1),transparent 65%)}.graph-node{display:grid;place-items:center;min-width:120px;min-height:54px;padding:.6rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-family:var(--mono);font-size:.68rem;background:var(--panel)}.graph-node.current{border-color:var(--amber);color:var(--sand)}
.back-to-top{position:fixed;right:1rem;bottom:1rem;z-index:90;min-width:48px;min-height:48px;border-radius:999px;border:1px solid var(--line);background:rgba(9,12,12,.92);color:var(--ink);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.image-lightbox{width:min(96vw,1500px);height:min(92vh,1000px);padding:0;border:1px solid var(--line);background:#050707;color:var(--ink)}.image-lightbox::backdrop{background:rgba(0,0,0,.92)}.image-lightbox img{display:block;width:100%;height:calc(100% - 74px);object-fit:contain}.lightbox-close{position:absolute;right:1rem;top:1rem;z-index:2;min-width:48px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:#090c0c;color:#fff}.image-lightbox p{padding:.8rem 1rem;margin:0;color:var(--muted)}
.filter-reset{min-height:44px}.filterbar select{min-width:180px}.project-proof{margin-top:1rem}.project-health{padding-top:3rem!important}
.evidence-card{content-visibility:auto;contain-intrinsic-size:480px 520px}.analysis-block{scroll-margin-top:110px}.viewer img{cursor:zoom-in}.viewer>a[data-lightbox]{cursor:zoom-in}
@media(max-width:1180px){.header-tools{margin-left:0}.album-explorer{grid-template-columns:1fr}.album-preview{position:relative;top:auto;order:-1}.album-contract{grid-template-columns:repeat(2,1fr)}.album-insights{grid-template-columns:1fr}.evidence-toc ol{grid-template-columns:1fr}}
@media(max-width:680px){.header-tools{display:none}.breadcrumbs{padding-top:4.8rem}.album-contract{grid-template-columns:1fr}.album-explorer>.evidence-grid{grid-template-columns:1fr}.hero{min-height:78vh}.hero-content{padding-top:5rem}.evidence-toc{padding:.8rem}.evidence-toolbar .button{width:100%;text-align:center}.contact-section{align-items:stretch}.back-to-top{right:.65rem;bottom:.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero:before{filter:brightness(.45)}}
@media print{.site-header,.breadcrumbs,.filterbar,.back-to-top,.reading-progress,.evidence-toolbar,.viewer-actions,.primary-nav,.contact-pill,.header-tools,footer{display:none!important}body{background:#fff!important;color:#111!important}.evidence-layout{display:block;padding:0}.viewer{position:static;border:0;min-height:auto;page-break-after:always}.viewer img{max-height:none}.analysis-block,.provenance,.quick-box,.confidence-box{background:#fff!important;color:#111!important;border-color:#bbb!important;break-inside:avoid}.analysis-block p,.provenance p{color:#222!important}a{color:#111!important;text-decoration:none}.page-hero{padding:1rem 0;background:#fff!important;color:#111!important}}


/* Muhammad Rafi Al Hawari v4.2.0 reader-first clarity and reliability patch */
:root{--muted:#c7ccc7;--reading-width:72ch;--technical-width:68ch}
body{font-size:1rem;line-height:1.75;text-rendering:optimizeLegibility}
body[data-text-size="large"]{font-size:1.125rem}
p,li,dd{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}
main p:not(.micro):not(.eyebrow):not(.analysis-label):not(.hero-caption){max-width:var(--reading-width)}
.hero h1{font-size:clamp(3rem,6.8vw,6.4rem);line-height:.96;letter-spacing:-.04em}.page-hero h1{font-size:clamp(2.8rem,5.7vw,5.1rem);line-height:1}.section h2,.related h2{font-size:clamp(2.15rem,4.1vw,4rem);line-height:1.05}.evidence-copy h1{font-size:clamp(2.3rem,4.2vw,4.35rem);line-height:1.02}.hero .lead,.page-hero .lead{line-height:1.6;max-width:70ch}
.card-copy p{font-size:.98rem;line-height:1.62;color:#ced3ce}.card-copy h3{font-size:1.48rem;line-height:1.18}.analysis-block p,.provenance p,.quick-box p,.confidence-box p{font-size:1.02rem;line-height:1.78;max-width:var(--technical-width)}.analysis-block li,.refs li,.checklist li{max-width:var(--technical-width);line-height:1.7}.source-caption{font-size:1.05rem;line-height:1.7}.paragraph-continuation{margin-top:.85rem}
.evidence-layout{grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:clamp(2rem,4vw,4rem)}.evidence-copy{min-width:0}.viewer{top:88px}.viewer-actions .button{flex:1 1 180px}
.reader-guide{padding:1.25rem 1.35rem;margin:1rem 0 1.25rem;border:1px solid rgba(115,184,189,.42);border-left:4px solid var(--cyan);background:linear-gradient(135deg,rgba(115,184,189,.09),rgba(216,167,93,.05))}.reader-guide h2{font-family:var(--serif);font-size:1.45rem;margin:0 0 .45rem}.reader-guide p{color:#d6dbd6;margin:.25rem 0 .85rem}.reader-guide nav{display:flex;gap:.55rem;flex-wrap:wrap}.reader-guide nav a,.reader-route a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--sand)}
.reader-route{max-width:var(--max);margin:0 auto;padding:1rem clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#0c1110}.reader-route strong{margin-right:.35rem;color:var(--ink)}
.evidence-toc-disclosure,.metadata-disclosure,.technical-review,.provenance-disclosure{margin:1rem 0;border:1px solid var(--line);background:var(--panel)}.evidence-toc-disclosure>summary,.metadata-disclosure>summary,.technical-review>summary,.provenance-disclosure>summary{min-height:52px;display:flex;align-items:center;cursor:pointer;padding:.85rem 1rem;color:var(--sand);font-weight:800;list-style:none}.evidence-toc-disclosure>summary::-webkit-details-marker,.metadata-disclosure>summary::-webkit-details-marker,.technical-review>summary::-webkit-details-marker,.provenance-disclosure>summary::-webkit-details-marker{display:none}.evidence-toc-disclosure>summary:after,.metadata-disclosure>summary:after,.technical-review>summary:after,.provenance-disclosure>summary:after{content:"+";margin-left:auto;font-family:var(--mono);font-size:1.2rem}.evidence-toc-disclosure[open]>summary:after,.metadata-disclosure[open]>summary:after,.technical-review[open]>summary:after,.provenance-disclosure[open]>summary:after{content:"−"}.evidence-toc-disclosure .evidence-toc{margin:0;border:0;border-top:1px solid var(--line)}.metadata-disclosure .evidence-facts{border:0;border-top:1px solid var(--line)}.technical-review>.analysis-block,.provenance-disclosure>.provenance{margin:0;border-width:1px 0 0}.technical-review>.analysis-block:first-of-type{border-top:1px solid var(--line)}
.atlas-page .evidence-grid,.album-page .album-explorer>.evidence-grid,.project-page #evidence .evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-cards .evidence-grid,.compact-cards .album-explorer>.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.density-toggle{white-space:nowrap}
.reading-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.reading-path-grid article{padding:1.35rem;border:1px solid var(--line);background:var(--panel)}.reading-path-grid h3{font-family:var(--serif);font-size:1.55rem;margin:.2rem 0}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.glossary-grid>div{padding:1.2rem;border:1px solid var(--line);background:var(--panel)}.glossary-grid dt{font-family:var(--serif);font-size:1.25rem;color:var(--sand)}.glossary-grid dd{margin:.4rem 0 0;color:var(--muted)}
.structural-heading{position:absolute!important}.filterbar{max-height:min(42vh,360px);overflow:auto;scrollbar-gutter:stable}.filterbar:focus-within{z-index:55}.filterbar input,.filterbar select{font-size:.95rem}.result-count{min-width:170px}
@media(min-width:1600px){.compact-cards .evidence-grid,.compact-cards .album-explorer>.evidence-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.evidence-layout{grid-template-columns:1fr}.reading-path-grid{grid-template-columns:repeat(2,1fr)}.glossary-grid{grid-template-columns:repeat(2,1fr)}.atlas-page .evidence-grid,.album-page .album-explorer>.evidence-grid,.project-page #evidence .evidence-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{font-size:1rem}.hero{min-height:auto;display:flex;flex-direction:column;padding:0}.hero picture{position:relative;inset:auto;width:100%;aspect-ratio:4032/2751}.hero picture img{position:absolute;inset:0}.hero:after{background:linear-gradient(0deg,rgba(4,7,7,.96) 0%,rgba(4,7,7,.35) 52%,rgba(4,7,7,.12) 100%)}.hero-content{padding:2rem 1rem 3rem;margin-top:-2.5rem}.hero h1{font-size:clamp(2.75rem,13vw,4.5rem)}.reader-route{align-items:stretch}.reader-route strong{width:100%}.reader-route a{flex:1 1 100%}.reading-path-grid,.glossary-grid,.atlas-page .evidence-grid,.album-page .album-explorer>.evidence-grid,.project-page #evidence .evidence-grid,.compact-cards .evidence-grid,.compact-cards .album-explorer>.evidence-grid{grid-template-columns:1fr}.evidence-layout{padding-top:1.5rem}.viewer{order:0}.evidence-copy{order:1}.evidence-toc ol{grid-template-columns:1fr}.filterbar{position:relative;top:auto;max-height:none}.reader-guide nav a{flex:1 1 100%}.analysis-block p,.provenance p,.quick-box p,.confidence-box p{font-size:1rem}.evidence-copy h1{font-size:clamp(2.2rem,11vw,3.7rem)}}
@media(prefers-contrast:more){:root{--muted:#e0e4df;--line:rgba(255,255,255,.42)}.button,.icon-button,.evidence-card,.analysis-block,.reader-guide{border-width:2px}}
@media(forced-colors:active){.hero:after,.hero:before{display:none}.button,.icon-button,.evidence-card,.analysis-block,.reader-guide{forced-color-adjust:auto}}

/* v4.2.0 four-source recruiter dossier */
.collection-cover{max-width:1440px;margin:1.25rem auto 2rem;padding:0 1rem}.collection-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--line,#41504b) 80%,transparent);box-shadow:0 22px 70px rgba(0,0,0,.28)}
.recruiter-takeaway{margin-top:1rem;padding:1rem;border-left:4px solid var(--accent,#d7a84b);background:rgba(215,168,75,.08);border-radius:.5rem}.recruiter-takeaway p{margin:.35rem 0 0}
.complete-related-dossier{content-visibility:auto;contain-intrinsic-size:1600px}.inline-dossier-list{display:grid;gap:.9rem}.inline-evidence-dossier{border:1px solid var(--line,#39433f);border-radius:.9rem;background:var(--panel,#121716);overflow:clip}.inline-evidence-dossier>summary{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:center;cursor:pointer;padding:.85rem;min-height:96px}.inline-evidence-dossier>summary img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:.55rem}.inline-evidence-dossier>summary span{display:grid;gap:.35rem}.inline-evidence-dossier>summary strong{font-size:1.05rem}.inline-dossier-body{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(300px,1fr);gap:1.25rem;padding:1rem;border-top:1px solid var(--line,#39433f)}.inline-dossier-image img{width:100%;height:auto;border-radius:.75rem}.inline-dossier-body h4{margin:1rem 0 .25rem}.compact-stage{margin-bottom:2rem}.stage-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 2rem}.stage-nav a{padding:.65rem .85rem;border:1px solid var(--line,#39433f);border-radius:999px;text-decoration:none}.workflow-stage{scroll-margin-top:6rem;margin:2.25rem 0}.petrel-stage-map{max-width:1440px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.metric-grid>div{padding:1rem;border:1px solid var(--line,#39433f);border-radius:.75rem}.metric-grid strong{display:block;font-size:1.7rem;color:var(--accent,#d7a84b)}
@media(max-width:760px){.inline-evidence-dossier>summary{grid-template-columns:96px 1fr}.inline-evidence-dossier>summary img{width:96px}.inline-dossier-body{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-nav{display:grid;grid-template-columns:1fr}.collection-cover{padding:0 .75rem}.collection-cover img{border-radius:.75rem}}
@media print{.inline-evidence-dossier{break-inside:avoid}.inline-evidence-dossier[open] .inline-dossier-body{display:block}.stage-nav,.evidence-toolbar{display:none!important}}

/* v4.2.0 HD cover and immediate-evidence presentation */
.project-card{min-height:0;display:grid;grid-template-rows:auto 1fr;border-radius:1rem;overflow:hidden;background:var(--panel)}.project-card>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none;background:#080b0b}.project-card:after{display:none}.project-card .copy{position:relative;bottom:auto;padding:1.5rem 1.6rem 1.7rem;background:linear-gradient(180deg,var(--panel),#0c1110)}.evidence-card{border-radius:.9rem;overflow:hidden}.evidence-card>a{height:auto}.evidence-card>a>img{aspect-ratio:16/9;object-fit:contain;image-rendering:auto;padding:.35rem;background:radial-gradient(circle at 50% 45%,#1b2421,#070a09 74%)}.evidence-card.is-selected{border-color:var(--amber);box-shadow:0 0 0 2px rgba(215,166,93,.18)}.card-inline-review{border-top:1px solid var(--line);background:#0d1312}.card-inline-review>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:.72rem 1rem;color:var(--sand);font-weight:800}.card-inline-review>summary:hover{background:rgba(215,166,93,.07)}.card-inline-review-body{padding:0 1rem 1.15rem}.card-inline-review-body h4,.selected-evidence-detail h4{margin:1rem 0 .25rem;font-family:var(--serif);font-size:1.08rem}.card-inline-review-body p,.selected-evidence-detail p{margin:.2rem 0;color:var(--muted);font-size:.91rem}.album-preview img{aspect-ratio:16/9;object-fit:contain;background:#080b0b}.selected-evidence-detail{padding-top:.65rem;border-top:1px solid var(--line)}.album-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.album-link{padding:0;overflow:hidden;border-radius:.9rem;min-height:0}.album-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080b0b}.album-link strong,.album-link span{padding-inline:1rem}.album-link strong{padding-top:.9rem;font-family:var(--serif);font-size:1.25rem}.album-link span{padding-bottom:1rem}.support-grid a{padding:0;overflow:hidden;border-radius:.9rem}.support-grid a img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080b0b}.support-grid a strong,.support-grid a span{padding-inline:1rem}.support-grid a strong{padding-top:.9rem}.support-grid a span{padding-bottom:1rem}.collection-cover img,.viewer img{image-rendering:auto}@media(max-width:680px){.album-link-grid{grid-template-columns:1fr}.card-inline-review-body .actions .button{width:100%}}


/* Muhammad Rafi Al Hawari PREVIEW — Golden Yellow to Warm Orange grading */
:root{
  --ink:#fff8e8;
  --muted:#d7c49e;
  --bg:#0d0903;
  --panel:#171006;
  --panel2:#211708;
  --line:rgba(255,196,71,.24);
  --amber:#ffad0a;
  --sand:#ffd75a;
  --cyan:#ff7a00;
  --green:#d8b34f;
  --red:#ff7657;
  --focus:#ffe36e;
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#fff8e6;
  --panel:#fffdf7;
  --panel2:#fff3cf;
  --ink:#2b1903;
  --muted:#725735;
  --line:rgba(171,91,0,.22);
  --sand:#a94d00;
  --amber:#d96c00;
  --cyan:#f28a00;
  --focus:#ffb000;
  color-scheme:light;
}
body{
  background:
    radial-gradient(circle at 88% -5%,rgba(255,177,20,.12),transparent 32rem),
    radial-gradient(circle at 10% 20%,rgba(255,215,90,.055),transparent 28rem),
    var(--bg);
}
.site-header{
  background:rgba(13,9,3,.94);
  border-bottom-color:rgba(255,196,71,.27);
}
html[data-theme="light"] .site-header{background:rgba(255,248,230,.96)}
.brand-mark{
  border-color:#ffb20c;
  color:#ffe071;
  box-shadow:0 0 0 4px rgba(255,174,10,.08);
}
.primary-nav a:hover,.primary-nav a.active{
  color:#ffe071;
  background:linear-gradient(135deg,rgba(255,220,92,.10),rgba(255,122,0,.09));
}
.contact-pill,.button{
  border-color:#ffb20c;
}
.button.primary{
  background:linear-gradient(110deg,#ffe16c 0%,#ffbd22 52%,#ff8a00 100%);
  color:#241400;
  box-shadow:0 10px 34px rgba(255,149,0,.16);
}
.eyebrow,.micro,.analysis-label{color:#ffb71b}
.hero:after{
  background:
    linear-gradient(90deg,rgba(13,8,2,.95),rgba(22,12,2,.67) 48%,rgba(255,137,0,.10) 82%),
    linear-gradient(0deg,rgba(13,8,2,.97),transparent 62%);
}
.alt-section{
  background:linear-gradient(135deg,#100b04,#201304 58%,#2a1703);
}
.reader-route,.evidence-section-map{
  background:linear-gradient(90deg,rgba(255,218,91,.075),rgba(255,128,0,.055));
}
.reading-progress span{
  background:linear-gradient(90deg,#ffe36e,#ffb20c,#ff7600);
}
.project-card img,.evidence-card img,.collection-cover img,.viewer img,.field-image-only img,.field-detail-image-only img{
  filter:none!important;
}
.project-card:after{
  background:linear-gradient(0deg,rgba(14,8,2,.96),rgba(20,10,1,.18) 68%);
}
.project-card:hover,.evidence-card:hover{
  border-color:rgba(255,190,54,.56);
}
.tags span{
  border-color:rgba(255,188,44,.28);
  color:#ffd76a;
  background:rgba(255,157,0,.055);
}
html[data-theme="light"] .tags span{color:#8c4300;background:rgba(255,166,0,.08)}

/* All Evidence open — no filters and no hidden disclosure panels */
.evidence-all-hero{padding-bottom:3rem}
.evidence-section-map{
  max-width:var(--max);
  margin:0 auto;
  padding:2rem clamp(1rem,4vw,4rem) 2.5rem;
  border-block:1px solid var(--line);
}
.section-map-intro{display:grid;grid-template-columns:.7fr 1fr;gap:2rem;align-items:end;margin-bottom:1.25rem}
.section-map-intro h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0}
.section-map-intro p{color:var(--muted);margin:0}
.section-map-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.section-map-item{
  display:flex;min-height:76px;flex-direction:column;justify-content:center;
  padding:.9rem 1rem;border:1px solid var(--line);border-radius:.65rem;
  text-decoration:none;background:linear-gradient(145deg,rgba(255,221,97,.06),rgba(255,125,0,.035));
}
.section-map-item strong{color:var(--ink);font-size:.88rem}
.section-map-item span{color:#ffb71b;font-size:.78rem}
.evidence-open-section{scroll-margin-top:88px;border-bottom:1px solid var(--line)}
.evidence-open-section:nth-of-type(even){background:linear-gradient(135deg,rgba(255,217,86,.025),rgba(255,119,0,.025))}
.evidence-open-heading .section-count{display:block;color:#ffbd2b;font-family:var(--serif);font-size:2rem}
.evidence-grid-all-visible{align-items:start}
.card-inline-review-expanded{
  display:block;border-top:1px solid var(--line);padding:0 1rem 1.15rem;background:rgba(255,183,27,.025)
}
.card-inline-review-expanded h4{margin:1rem 0 .25rem;font-family:var(--serif);font-size:1.08rem}
.card-inline-review-expanded p{margin:.2rem 0;color:var(--muted);font-size:.91rem}
.card-inline-review-expanded .actions{margin:1rem 0 0}

/* Field evidence: image only, on every listing and on every detail page */
.field-image-only{padding:0!important;overflow:hidden;background:#050301;border-color:rgba(255,183,27,.22)}
.field-image-only>a.field-image-link{display:block;width:100%;height:100%;padding:0!important;background:#050301}
.field-image-only img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#050301}
.field-detail-image-only{margin:0;min-height:100vh;background:#050301;display:grid;place-items:center;overflow:auto}
.field-detail-image-only main{width:100%;min-height:100vh;display:grid;place-items:center;padding:0}
.field-detail-image-link{display:grid;place-items:center;width:100%;min-height:100vh;background:#050301}
.field-detail-image-link img{display:block;max-width:100%;max-height:none;width:auto;height:auto;margin:auto;object-fit:contain}

.page-hero{
  background:
    radial-gradient(circle at 82% 14%,rgba(255,190,32,.18),transparent 36%),
    radial-gradient(circle at 18% 86%,rgba(255,218,91,.055),transparent 30%),
    linear-gradient(135deg,#151006 0%,#0d0903 63%,#1d1002 100%)!important;
}

@media(max-width:1180px){
  .section-map-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .section-map-intro{grid-template-columns:1fr;gap:.7rem}
  .section-map-links{grid-template-columns:1fr}
  .evidence-total-summary{grid-template-columns:repeat(2,1fr)}
  .field-detail-image-link{min-height:100svh}
}

/* v4.2.0 — cinematic portfolio identity, contact and Karangkancana dossier */
.brand{letter-spacing:.035em;line-height:1.1}.brand>span:last-child{max-width:16rem;white-space:normal}.brand-mark{flex:0 0 auto;font-size:.78rem;letter-spacing:.02em}
.hero.hero-cinematic-full picture img{object-fit:cover!important;filter:saturate(1.08) contrast(1.08) sepia(.06)}
.hero.hero-cinematic-full:after{background:linear-gradient(90deg,rgba(11,7,2,.96) 0%,rgba(21,10,1,.72) 44%,rgba(255,126,0,.10) 78%),linear-gradient(0deg,rgba(12,7,1,.97),transparent 62%)}
.cinematic-horizon{position:absolute;inset:auto 0 0;height:38%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 68% 100%,rgba(255,173,24,.16),transparent 58%);mix-blend-mode:screen}
.contact-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-channel{display:grid;gap:.25rem;min-height:170px;padding:1.4rem;border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(145deg,rgba(255,218,91,.07),rgba(255,118,0,.025));text-decoration:none;transition:border-color .2s,transform .2s}.contact-channel:hover{border-color:rgba(255,190,54,.65);transform:translateY(-2px)}.contact-channel.featured{grid-column:1/-1;background:linear-gradient(120deg,rgba(255,222,102,.14),rgba(255,114,0,.07))}.contact-channel span{font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.contact-channel strong{align-self:end;font-family:var(--serif);font-size:clamp(1.25rem,2.5vw,2rem);overflow-wrap:anywhere}.contact-channel small{color:var(--muted)}.contact-note{margin-top:1.2rem;padding:1.2rem;border-left:3px solid var(--amber);background:var(--panel)}
.karangkancana-page .breadcrumbs{padding-top:1rem}.karangkancana-hero{position:relative;min-height:min(86vh,900px);display:grid;align-items:end;overflow:hidden;background:#0b0702}.karangkancana-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.1) contrast(1.1) sepia(.09)}.karangkancana-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,6,1,.97) 0%,rgba(14,7,1,.72) 48%,rgba(255,129,0,.08) 80%),linear-gradient(0deg,rgba(9,5,1,.98) 0%,transparent 70%)}.karangkancana-hero-overlay{position:relative;z-index:2;width:min(1480px,100%);padding:clamp(7rem,13vw,13rem) clamp(1rem,6vw,7rem) clamp(3rem,7vw,6rem)}.karangkancana-hero h1{max-width:1100px;margin:.4rem 0 1rem;font-family:var(--serif);font-weight:500;font-size:clamp(3rem,7vw,7.2rem);line-height:.94;letter-spacing:-.045em}.karangkancana-hero .lead{font-size:clamp(1rem,1.8vw,1.35rem);max-width:68ch;color:#f2e4c8}.project-facts{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem}.project-facts span{padding:.6rem .8rem;border:1px solid rgba(255,210,91,.3);background:rgba(12,7,1,.55);font-size:.8rem;color:#e5d4b1}.project-facts strong{color:#ffd75a}
.dossier-introduction .synthesis-paragraph,.single-analysis,.showcase-copy>p:last-child{font-size:1.04rem;line-height:1.9}.analysis-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:2.5rem;background:var(--line);border:1px solid var(--line)}.analysis-principles article{padding:1.25rem;background:var(--panel)}.analysis-principles span{font-family:var(--mono);font-size:.7rem;color:var(--amber)}.analysis-principles h3{margin:.35rem 0;font-family:var(--serif);font-size:1.45rem}.analysis-principles p{margin:0;color:var(--muted);font-size:.86rem}
.mapping-series{max-width:1280px}.mapping-plate{content-visibility:auto;contain-intrinsic-size:1200px;max-width:1120px;margin:0 auto clamp(5rem,10vw,9rem);padding-top:1.6rem;border-top:1px solid var(--line)}.plate-heading{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start;margin-bottom:1rem}.plate-number{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.plate-heading h3{margin:0;font-family:var(--serif);font-size:clamp(1.55rem,3vw,2.5rem);font-weight:500;line-height:1.12}.plate-image{display:grid;place-items:center;width:100%;padding:clamp(.4rem,1.4vw,1rem);border:1px solid rgba(255,205,76,.18);border-radius:.4rem;background:#f5f2ea;overflow:hidden}.plate-image img{display:block;max-width:100%;width:auto;height:auto;max-height:84vh;object-fit:contain;filter:none!important;image-rendering:auto}.plate-analysis{max-width:82ch!important;margin:1.35rem auto 0;padding-left:1.2rem;border-left:3px solid var(--amber);font-size:1.02rem;line-height:1.9;color:#e4d8bf}
.outcrop-showcase{max-width:none;padding:clamp(5rem,10vw,10rem) clamp(1rem,3vw,3rem);border-block:1px solid var(--line);background:#080501}.fault-showcase{box-shadow:inset 0 0 160px rgba(255,111,0,.07)}.karst-showcase{background:linear-gradient(180deg,#080501,#100a03 48%,#080501)}.showcase-copy{max-width:1180px;margin:0 auto 2.5rem}.showcase-copy h2{max-width:1050px;margin:.35rem 0 1.2rem;font-family:var(--serif);font-size:clamp(2.8rem,6vw,6.6rem);line-height:.94;font-weight:500;letter-spacing:-.035em}.showcase-copy>p:last-child{max-width:86ch!important;color:#e7d7b9}.outcrop-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:.55rem;max-width:1780px;margin:auto}.outcrop-frame{position:relative;display:block;overflow:hidden;min-height:280px;border:1px solid rgba(255,200,70,.18);background:#050301}.outcrop-frame:nth-child(7n+1){grid-column:span 2;grid-row:span 2}.outcrop-frame:nth-child(11n+4){grid-column:span 2}.outcrop-frame img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;filter:none!important;transition:transform .35s ease}.outcrop-frame:hover img{transform:scale(1.015)}.fault-mosaic .outcrop-frame{box-shadow:inset 0 0 0 1px rgba(255,126,0,.08)}.karst-mosaic .outcrop-frame{border-color:rgba(255,217,108,.2)}.supporting-outcrops>h3{margin:4rem 0 .5rem;font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);line-height:1.05}.supporting-outcrops .outcrop-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}.supporting-outcrops .outcrop-frame{min-height:240px}.supporting-outcrops .compact{max-width:1000px;margin-left:0}.appendices{padding-top:8rem}.bibliography ol{max-width:88ch;padding-left:1.4rem}.bibliography li{margin:0 0 1rem;color:var(--muted)}.bibliography a{color:var(--sand)}.method-note{margin-top:2rem;padding:1.2rem;border:1px solid var(--line);background:var(--panel);color:var(--muted)}
@media(max-width:1180px){.brand>span:last-child{max-width:12rem}.outcrop-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.outcrop-frame:nth-child(7n+1){grid-column:span 2;grid-row:span 1}}
@media(max-width:760px){.brand{font-size:.78rem}.brand small{font-size:.55rem}.brand-mark{width:2.2rem;height:2.2rem}.contact-channel-grid{grid-template-columns:1fr}.contact-channel.featured{grid-column:auto}.karangkancana-hero{min-height:78svh}.karangkancana-hero h1{font-size:clamp(2.8rem,13vw,5rem)}.project-facts{display:grid;grid-template-columns:1fr 1fr}.plate-heading{grid-template-columns:1fr;gap:.25rem}.plate-analysis{padding-left:.9rem;font-size:.98rem}.outcrop-mosaic,.supporting-outcrops .outcrop-mosaic{grid-template-columns:1fr}.outcrop-frame,.outcrop-frame img,.supporting-outcrops .outcrop-frame{min-height:0}.outcrop-frame:nth-child(n){grid-column:auto;grid-row:auto}.analysis-principles{grid-template-columns:1fr}.showcase-copy h2{font-size:clamp(2.55rem,12vw,4.7rem)}}
@media(prefers-reduced-motion:reduce){.outcrop-frame img{transition:none}.outcrop-frame:hover img{transform:none}}


/* Muhammad Rafi Al Hawari CINEMATIC GOLD — PREVIEW V2 */
:root{
  --cinema-yellow:#ffe169;
  --cinema-gold:#ffb300;
  --cinema-orange:#ff7900;
  --cinema-black:#070401;
  --cinema-cream:#fff6df;
  --cinema-shadow:rgba(0,0,0,.72);
  --cinema-glow:rgba(255,177,0,.26);
}
html{background:var(--cinema-black)}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(1000px 620px at 86% -10%,rgba(255,178,0,.16),transparent 68%),
    radial-gradient(760px 540px at -10% 35%,rgba(255,219,92,.07),transparent 70%),
    linear-gradient(180deg,#0c0802 0%,#080501 50%,#0b0702 100%);
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:linear-gradient(110deg,#050301 0%,#160d01 45%,#ffad00 50%,#160d01 55%,#050301 100%);
  transform:translateX(-120%);
  animation:cinema-intro-wipe 1.05s cubic-bezier(.77,0,.18,1) both;
}
body::after{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.048;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
@keyframes cinema-intro-wipe{0%{transform:translateX(-120%)}48%{transform:translateX(0)}100%{transform:translateX(120%)}}

.site-header{
  box-shadow:0 16px 55px rgba(0,0,0,.30),inset 0 -1px 0 rgba(255,194,54,.12);
}
.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#ffdf61 22%,#ffad00 50%,#ff7900 78%,transparent);
  opacity:.48;
}
.brand-mark{box-shadow:0 0 28px rgba(255,180,0,.12),inset 0 0 18px rgba(255,184,0,.06)}
.button,.contact-pill{position:relative;overflow:hidden;transform:translateZ(0)}
.button::after,.contact-pill::after{
  content:"";position:absolute;inset:-150% -40%;pointer-events:none;
  background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.38) 50%,transparent 58%);
  transform:translateX(-60%) rotate(8deg);transition:transform .72s cubic-bezier(.2,.7,.2,1);
}
.button:hover::after,.contact-pill:hover::after{transform:translateX(60%) rotate(8deg)}
.button.primary{box-shadow:0 12px 36px rgba(255,143,0,.25),0 0 0 1px rgba(255,231,127,.12) inset}

.hero-cinematic-profile{
  min-height:calc(100svh - 68px);
  align-items:center;
  padding-top:clamp(6.5rem,10vw,9rem);
  padding-bottom:clamp(4.2rem,7vw,6rem);
  perspective:1400px;
}
.hero-cinematic-profile picture:first-child{filter:saturate(.86) contrast(1.09) brightness(.78)}
.hero-cinematic-profile::after{
  background:
    linear-gradient(90deg,rgba(6,3,0,.98) 0%,rgba(8,4,0,.88) 38%,rgba(9,5,0,.40) 62%,rgba(7,4,0,.48) 100%),
    linear-gradient(0deg,rgba(6,3,0,.98),transparent 54%),
    radial-gradient(circle at 78% 34%,rgba(255,187,40,.18),transparent 32%);
}
.hero-cinematic-profile::before{
  filter:blur(38px) brightness(.35) saturate(.9);
}
.hero-cinematic-profile .hero-content{
  max-width:min(850px,61vw);
  z-index:4;
  text-shadow:0 3px 34px rgba(0,0,0,.74);
}
.hero-cinematic-profile h1{
  text-wrap:balance;
  background:linear-gradient(105deg,#fff9e9 0%,#fff1c4 58%,#ffd15a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.54));
}
.hero-cinematic-profile .eyebrow{color:#ffbf1d;text-shadow:0 0 22px rgba(255,177,0,.20)}
.cinematic-portrait{
  --rx:0deg;--ry:0deg;
  position:absolute;z-index:3;right:clamp(1.2rem,4vw,5rem);bottom:0;
  width:clamp(300px,30vw,470px);margin:0;
  transform:translate3d(0,0,0) rotateX(var(--rx)) rotateY(var(--ry));
  transform-origin:50% 75%;transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .4s ease;
  filter:drop-shadow(0 34px 62px rgba(0,0,0,.62));
}
.cinematic-portrait picture{position:relative!important;inset:auto!important;display:block!important;background:transparent!important}
.cinematic-portrait img{
  position:relative!important;display:block;width:100%!important;height:auto!important;object-fit:contain!important;
  border-radius:32px 32px 0 0;border:1px solid rgba(255,204,79,.34);
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 -18px 80px rgba(255,163,0,.09) inset;
  filter:saturate(.94) contrast(1.08) brightness(.93)!important;
}
.cinematic-portrait::before{
  content:"";position:absolute;z-index:-1;inset:8% -8% 0;
  background:radial-gradient(circle at 52% 38%,rgba(255,221,101,.34),rgba(255,145,0,.10) 36%,transparent 70%);
  filter:blur(28px);animation:portrait-aura 5.8s ease-in-out infinite alternate;
}
.cinematic-portrait::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:32px 32px 0 0;
  background:
    linear-gradient(90deg,rgba(255,201,65,.12),transparent 18%,transparent 80%,rgba(255,123,0,.10)),
    linear-gradient(0deg,rgba(5,3,0,.36),transparent 38%);
}
.portrait-frame{position:absolute;inset:-10px -10px 0;border:1px solid rgba(255,182,25,.16);border-radius:40px 40px 0 0;pointer-events:none}
.portrait-frame::before,.portrait-frame::after{content:"";position:absolute;width:54px;height:54px;border-color:#ffc72e;opacity:.75}
.portrait-frame::before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid;border-radius:30px 0 0 0}
.portrait-frame::after{right:-1px;bottom:2px;border-right:2px solid;border-bottom:2px solid}
.portrait-flare{position:absolute;right:-15%;top:23%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,241,176,.24) 0%,rgba(255,172,0,.12) 26%,transparent 67%);filter:blur(10px);mix-blend-mode:screen;animation:flare-drift 6.5s ease-in-out infinite alternate;pointer-events:none}
.cinematic-horizon{position:absolute;z-index:3;left:0;right:0;bottom:12%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,93,.30) 26%,rgba(255,153,0,.55) 72%,transparent 100%);box-shadow:0 0 30px rgba(255,164,0,.22);pointer-events:none}
.cinematic-scroll-cue{position:absolute;z-index:4;right:clamp(1rem,4vw,4rem);bottom:1.2rem;color:#ffc53d;font:700 .62rem/1 var(--mono);letter-spacing:.22em;writing-mode:vertical-rl;opacity:.76}
.cinematic-scroll-cue::before{content:"";display:block;width:1px;height:54px;margin:0 auto 12px;background:linear-gradient(#ffcc48,transparent);animation:scroll-pulse 1.9s ease-in-out infinite}
@keyframes portrait-aura{to{transform:scale(1.08);opacity:.65}}
@keyframes flare-drift{to{transform:translate(-7%,8%) scale(1.08);opacity:.68}}
@keyframes scroll-pulse{0%,100%{transform:scaleY(.55);opacity:.35}50%{transform:scaleY(1);opacity:1}}

.page-hero,.alt-section,.evidence-section-map,.reader-route{
  position:relative;overflow:hidden;
}
.page-hero::after,.alt-section::after{
  content:"";position:absolute;pointer-events:none;inset:auto -12% -48% 38%;height:70%;
  background:radial-gradient(ellipse,rgba(255,171,0,.085),transparent 68%);filter:blur(20px);
}
.project-card,.evidence-card,.album-link,.support-grid a,.dossier-grid article,.capability-flow article,.capability-catalog article{
  box-shadow:0 24px 60px rgba(0,0,0,.18);
  transition:transform .42s cubic-bezier(.2,.75,.2,1),border-color .35s ease,box-shadow .35s ease;
}
.project-card:hover,.evidence-card:hover,.album-link:hover,.support-grid a:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 70px rgba(0,0,0,.38),0 0 38px rgba(255,160,0,.08);
}
.project-card img,.evidence-card img,.album-link img,.support-grid img,.viewer img,.field-image-only img,.field-detail-image-only img{
  filter:none!important;
}
.section,.proof-grid,.identity-strip,.page-hero,.evidence-open-section{
  opacity:1;transform:none;
}
body.js.motion-enabled .section:not(.is-revealed),body.js.motion-enabled .proof-grid:not(.is-revealed),body.js.motion-enabled .identity-strip:not(.is-revealed),body.js.motion-enabled .evidence-open-section:not(.is-revealed){
  opacity:0;transform:translateY(34px) scale(.992);
}
body.js.motion-enabled .section,body.js.motion-enabled .proof-grid,body.js.motion-enabled .identity-strip,body.js.motion-enabled .evidence-open-section{
  transition:opacity .86s cubic-bezier(.2,.72,.2,1),transform .86s cubic-bezier(.2,.72,.2,1);
}
body.is-leaving{opacity:.16;filter:blur(4px);transform:scale(.997);transition:opacity .18s ease,filter .18s ease,transform .18s ease}

@media(max-width:1180px){
  .hero-cinematic-profile .hero-content{max-width:64vw}
  .cinematic-portrait{width:clamp(270px,34vw,400px);right:1.4rem}
}
@media(max-width:820px){
  .hero-cinematic-profile{display:flex;flex-direction:column;align-items:stretch;padding:0;min-height:auto}
  .hero-cinematic-profile>picture:first-child{position:absolute!important;inset:0!important}
  .hero-cinematic-profile .hero-content{max-width:none;padding:7.5rem 1.2rem 2.3rem;order:1}
  .cinematic-portrait{position:relative;right:auto;bottom:auto;order:2;width:min(78vw,390px);align-self:center;margin:0 auto;transform:none!important}
  .cinematic-horizon{bottom:6%}.cinematic-scroll-cue{display:none}
}
@media(max-width:680px){
  .hero-cinematic-profile>picture:first-child{position:absolute!important;aspect-ratio:auto!important}
  .hero-cinematic-profile .hero-content{margin-top:0;padding-top:7rem}
  .cinematic-portrait{width:min(86vw,370px)}
  .cinematic-portrait img{border-radius:25px 25px 0 0}
  .portrait-frame{border-radius:32px 32px 0 0}
}
@media(prefers-reduced-motion:reduce){
  body::before{display:none!important}
  .cinematic-portrait::before,.portrait-flare,.cinematic-scroll-cue::before{animation:none!important}
  body.is-leaving{opacity:1!important;filter:none!important;transform:none!important}
  body.js .section,body.js .proof-grid,body.js .identity-strip,body.js .evidence-open-section{opacity:1!important;transform:none!important}
}


/* Muhammad Rafi Al Hawari GOD OF PORTFOLIO V3 START */
:root{
  --cinema-yellow:#ffe169;
  --cinema-gold:#ffb300;
  --cinema-orange:#ff7900;
  --cinema-black:#070401;
  --cinema-cream:#fff6df;
}
.hero-cinematic-full{
  min-height:calc(100svh - 68px);
  align-items:center;
  padding-top:clamp(6.5rem,10vw,9rem);
  padding-bottom:clamp(4.2rem,7vw,6rem);
  perspective:1400px;
}
.hero-cinematic-full>picture:first-child{filter:saturate(.88) contrast(1.11) brightness(.76)}
.hero-cinematic-full::before{filter:blur(38px) brightness(.34) saturate(.92)}
.hero-cinematic-full::after{
  background:
    linear-gradient(90deg,rgba(6,3,0,.98) 0%,rgba(8,4,0,.87) 41%,rgba(9,5,0,.42) 69%,rgba(7,4,0,.52) 100%),
    linear-gradient(0deg,rgba(6,3,0,.98),transparent 56%),
    radial-gradient(circle at 78% 35%,rgba(255,187,40,.17),transparent 34%);
}
.hero-cinematic-full .hero-content{max-width:min(920px,76vw);z-index:4;text-shadow:0 3px 34px rgba(0,0,0,.74)}
.hero-cinematic-full h1{
  text-wrap:balance;
  background:linear-gradient(105deg,#fff9e9 0%,#fff1c4 58%,#ffd15a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.54));
}
.hero-cinematic-full .eyebrow{color:#ffbf1d;text-shadow:0 0 22px rgba(255,177,0,.20)}

.professional-profile-section{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:clamp(2rem,5vw,6rem);align-items:center;overflow:hidden;
  background:
    radial-gradient(circle at 17% 48%,rgba(255,179,0,.17),transparent 34%),
    linear-gradient(135deg,rgba(255,224,104,.055),rgba(255,121,0,.025) 48%,rgba(0,0,0,.12));
  border-block:1px solid rgba(255,194,54,.20);
}
.professional-profile-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.17;
  background:repeating-linear-gradient(117deg,transparent 0 70px,rgba(255,191,45,.13) 71px,transparent 72px 142px);
  mask-image:linear-gradient(90deg,#000,transparent 75%);
}
.professional-profile-visual{
  --rx:0deg;--ry:0deg;position:relative;max-width:590px;margin-inline:auto;
  border:1px solid rgba(255,199,64,.32);border-radius:1.25rem;overflow:hidden;
  transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease;
  box-shadow:0 38px 90px rgba(0,0,0,.55),0 0 55px rgba(255,166,0,.08),inset 0 0 0 1px rgba(255,255,255,.025);
}
.professional-profile-visual:hover{box-shadow:0 44px 110px rgba(0,0,0,.62),0 0 75px rgba(255,173,0,.14)}
.professional-profile-visual picture,.professional-profile-visual img{display:block;width:100%;height:auto}
.professional-profile-visual img{filter:none!important}
.profile-orbit{position:absolute;pointer-events:none;border:1px solid rgba(255,196,51,.26);border-radius:50%;mix-blend-mode:screen}
.profile-orbit-one{width:72%;aspect-ratio:1;left:14%;top:7%;animation:profile-orbit-pulse 6.4s ease-in-out infinite alternate}
.profile-orbit-two{width:90%;aspect-ratio:1;left:5%;top:0;opacity:.38;animation:profile-orbit-pulse 8.2s ease-in-out infinite alternate-reverse}
.profile-light-sweep{position:absolute;inset:-40% -60%;pointer-events:none;background:linear-gradient(108deg,transparent 44%,rgba(255,237,166,.18) 50%,transparent 56%);transform:translateX(-60%) rotate(7deg);animation:profile-sweep 7.5s ease-in-out infinite}
@keyframes profile-orbit-pulse{to{transform:scale(1.04);opacity:.62}}
@keyframes profile-sweep{0%,36%{transform:translateX(-62%) rotate(7deg)}64%,100%{transform:translateX(62%) rotate(7deg)}}
.professional-profile-copy{max-width:850px}
.professional-profile-copy h2{font-family:var(--serif);font-size:clamp(2.8rem,5.4vw,5.7rem);line-height:.98;margin:.15rem 0 .75rem;background:linear-gradient(105deg,#fff8e8,#ffd75a 70%,#ff9c00);-webkit-background-clip:text;background-clip:text;color:transparent}
.profile-role{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#ffbb22}
.profile-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.6rem 0}
.profile-proof-grid>div{padding:1rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,219,93,.065),rgba(255,121,0,.03));border-radius:.75rem}
.profile-proof-grid strong{display:block;font-family:var(--serif);font-size:2.1rem;color:#ffd75a}
.profile-proof-grid span{display:block;color:var(--muted);font-size:.82rem}
.profile-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin:1rem 0 1.5rem}
.profile-role-grid article{padding:1.1rem;border-left:2px solid #ffad0a;background:rgba(255,178,0,.035)}
.profile-role-grid h3{font-family:var(--serif);margin:0 0 .35rem}.profile-role-grid p{margin:0;color:var(--muted)}

/* Long Evidence page: all content stays in the DOM, off-screen work is deferred. */
.evidence-open-section .evidence-card{content-visibility:auto;contain-intrinsic-size:720px}
.evidence-open-section{content-visibility:auto;contain-intrinsic-size:1800px}

/* Premium focus state and selection legibility. */
:focus-visible{outline:3px solid #ffe169!important;outline-offset:4px!important;box-shadow:0 0 0 6px rgba(255,177,0,.16)!important}
::selection{background:#ffb300;color:#170b00}

@media(max-width:980px){
  .professional-profile-section{grid-template-columns:1fr;gap:2.2rem}
  .professional-profile-visual{width:min(78vw,560px)}
}
@media(max-width:680px){
  .hero-cinematic-full{min-height:auto;display:flex;flex-direction:column;padding:0}
  .hero-cinematic-full>picture:first-child{position:absolute!important;inset:0!important;aspect-ratio:auto!important}
  .hero-cinematic-full .hero-content{max-width:none;padding:7rem 1.1rem 3.5rem;margin-top:0}
  .professional-profile-section{padding-inline:1rem}
  .professional-profile-visual{width:100%;border-radius:.9rem}
  .profile-proof-grid,.profile-role-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .profile-orbit,.profile-light-sweep{animation:none!important}
  .professional-profile-visual{transform:none!important}
}
/* Muhammad Rafi Al Hawari GOD OF PORTFOLIO V3 END */


/* Muhammad Rafi Al Hawari evidence navigation v4.2.0 */
.evidence-rescue-page{background:#070401;color:#fff6df}
.evidence-rescue-page .evidence-open-section,.evidence-rescue-page .rescue-section,.evidence-rescue-page .rescue-card{opacity:1!important;transform:none!important;content-visibility:visible!important;contain:none!important}
.rescue-hero{padding:clamp(7rem,11vw,10rem) clamp(1rem,5vw,5rem) 3rem;border-bottom:1px solid rgba(255,190,35,.22);background:radial-gradient(circle at 78% 18%,rgba(255,172,0,.22),transparent 34%),linear-gradient(135deg,#100900,#050301)}
.rescue-hero h1{font-family:var(--serif);font-size:clamp(3rem,7vw,7rem);line-height:.92;margin:.4rem 0 1rem;background:linear-gradient(105deg,#fff9e9,#ffe169 64%,#ff8b00);-webkit-background-clip:text;background-clip:text;color:transparent}
.rescue-hero .lead{max-width:980px;color:#e9dfca;font-size:clamp(1rem,1.8vw,1.3rem)}
.rescue-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:1050px;margin-top:2rem}.rescue-stats div{padding:1rem;border:1px solid rgba(255,188,31,.28);border-radius:.75rem;background:rgba(255,174,0,.035)}.rescue-stats strong{display:block;color:#ffd75a;font-family:var(--serif);font-size:2rem}.rescue-stats span{color:#cbbfa8;font-size:.82rem}
.rescue-controls{position:relative;z-index:4;max-width:1640px;margin:auto;padding:1rem clamp(1rem,4vw,4rem) 2rem;background:#070401}
.rescue-find{position:sticky;top:68px;z-index:45;padding:1rem;border:1px solid rgba(255,188,31,.3);border-radius:.9rem;background:rgba(8,4,1,.97);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.35)}.rescue-find label{display:block;color:#ffd75a;font-weight:800;margin-bottom:.45rem}.rescue-find>div{display:grid;grid-template-columns:1fr auto;gap:.65rem}.rescue-find input{min-height:48px;padding:.75rem 1rem;border:1px solid rgba(255,188,31,.3);border-radius:.65rem;background:#120b03;color:#fff6df}.rescue-find button{min-height:48px;padding:.75rem 1.2rem;border:1px solid #ffb300;border-radius:.65rem;background:linear-gradient(110deg,#ffe169,#ffad0a 70%,#ff7900);color:#160900;font-weight:900;cursor:pointer}.rescue-find p{margin:.45rem 0 0;color:#bfb49e;font-size:.82rem}
.rescue-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}.rescue-map a{display:grid;grid-template-columns:auto 1fr;gap:.1rem .65rem;align-items:center;padding:.85rem;border:1px solid rgba(255,188,31,.22);border-radius:.7rem;background:#0e0802;text-decoration:none}.rescue-map a:hover{border-color:#ffb300;background:#160d02}.rescue-map span{grid-row:1/3;color:#ffad0a;font-family:var(--mono);font-size:.75rem}.rescue-map strong{font-size:.85rem}.rescue-map small{color:#ad9f85}
.rescue-section{max-width:1640px;margin:auto;padding:clamp(3rem,6vw,5.5rem) clamp(1rem,4vw,4rem);scroll-margin-top:150px;border-top:1px solid rgba(255,188,31,.12)}.rescue-section-head{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;margin-bottom:1.3rem}.rescue-section-head h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4.3rem);line-height:1;margin:.15rem 0}.rescue-section-head>strong{color:#ffd75a;font-size:1.05rem;padding:.65rem .9rem;border:1px solid rgba(255,188,31,.28);border-radius:999px}
.rescue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.rescue-card{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:.85rem;background:#0d0904;box-shadow:0 12px 34px rgba(0,0,0,.2);transition:border-color .18s ease,box-shadow .18s ease}.rescue-card:hover,.rescue-card.is-found{border-color:#ffb300;box-shadow:0 0 0 3px rgba(255,179,0,.16),0 18px 46px rgba(0,0,0,.36)}.rescue-media,.rescue-field-media{display:block;background:#030201}.rescue-media img,.rescue-field-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#030201;filter:none!important}.rescue-copy{padding:1rem}.rescue-id{margin:0;color:#ffb300;font-family:var(--mono);font-size:.72rem}.rescue-copy h3{font-family:var(--serif);font-size:1.32rem;line-height:1.13;margin:.35rem 0 .55rem}.rescue-copy>p:not(.rescue-id){margin:0;color:#c9bdab;font-size:.88rem}.rescue-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.rescue-badges span{padding:.22rem .48rem;border:1px solid rgba(255,188,31,.2);border-radius:999px;color:#baa98d;font-size:.67rem}
.rescue-field-card{background:#030201}.rescue-field-card .rescue-field-media img{aspect-ratio:4/3;object-fit:contain;padding:.25rem}.field-image-only img{object-fit:contain!important;filter:none!important;background:#030201!important}
.rescue-dialog{width:min(1180px,94vw);max-height:92vh;padding:0;border:1px solid rgba(255,190,35,.38);border-radius:1rem;background:#070401;color:#fff6df}.rescue-dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.rescue-dialog-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);max-height:92vh;overflow:auto}.rescue-dialog-close{position:sticky;top:.65rem;grid-column:1/-1;justify-self:end;z-index:3;margin:.65rem .65rem -3.7rem 0;min-height:44px;padding:.55rem .85rem;border:1px solid #ffb300;border-radius:999px;background:#120a02;color:#ffd75a;cursor:pointer}.rescue-dialog-media{display:grid;place-items:center;min-height:520px;background:#020100}.rescue-dialog-media img{display:block;max-width:100%;max-height:88vh;object-fit:contain}.rescue-dialog-copy{padding:clamp(1.2rem,3vw,2.3rem);overflow:auto}.rescue-dialog-copy h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.7rem);line-height:1;margin:.3rem 0 1rem}.rescue-dialog-copy section{padding-top:.85rem;border-top:1px solid rgba(255,188,31,.16)}.rescue-dialog-copy h3{color:#ffd75a;font-family:var(--serif)}.rescue-dialog-copy p{color:#cbbfae}.rescue-dialog.is-field .rescue-dialog-shell{display:block}.rescue-dialog.is-field .rescue-dialog-copy{display:none}.rescue-dialog.is-field .rescue-dialog-media{min-height:90vh}
.rescue-backtop{position:fixed;right:1rem;bottom:1rem;z-index:40;padding:.7rem .9rem;border:1px solid #ffb300;border-radius:999px;background:#100901;color:#ffd75a;text-decoration:none;box-shadow:0 8px 30px rgba(0,0,0,.45)}
.professional-profile-visual{background:#f4e8d2!important}.professional-profile-visual img{filter:none!important}.professional-profile-visual::before,.professional-profile-visual::after{display:none!important}
body.js.motion-enabled.evidence-rescue-page .rescue-section,body.js.motion-enabled.evidence-rescue-page .rescue-card{opacity:1!important;transform:none!important}
@media(max-width:1050px){.rescue-map{grid-template-columns:repeat(2,1fr)}.rescue-grid{grid-template-columns:repeat(2,1fr)}.rescue-dialog-shell{grid-template-columns:1fr}.rescue-dialog-media{min-height:420px}}
@media(max-width:680px){.rescue-stats{grid-template-columns:repeat(2,1fr)}.rescue-find{top:0}.rescue-find>div{grid-template-columns:1fr}.rescue-map,.rescue-grid{grid-template-columns:1fr}.rescue-section-head{grid-template-columns:1fr}.rescue-dialog{width:100vw;max-height:100vh;border-radius:0}.rescue-dialog-shell{max-height:100vh}.rescue-dialog-media{min-height:45vh}.rescue-backtop{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.rescue-card{transition:none}}
/* END Muhammad Rafi Al Hawari evidence navigation */

/* Muhammad Rafi Al Hawari interface refinements v4.2.0 */
.reader-route,.filterbar,[data-result-count],[data-density-toggle]{display:none!important}
.album-page .evidence-card.hidden-by-filter,.project-page .evidence-card.hidden-by-filter{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}
.album-page .evidence-grid,.project-page .evidence-grid{align-items:stretch}
.album-page .evidence-card>a,.project-page .evidence-card>a{height:100%}
#evidence-quick-find{scroll-margin-top:90px}
.utility-page .section{border:1px solid rgba(255,190,35,.28);border-radius:1rem;background:#0d0904;box-shadow:0 22px 70px rgba(0,0,0,.42)}
/* END Muhammad Rafi Al Hawari interface refinements */


/* Muhammad Rafi Al Hawari release refinements v4.2.0 */
.final-portfolio-page{background:#090602;color:#fff8e8}.final-portfolio-page main{min-height:60vh}
.final-evidence-hero,.final-profile-intro{max-width:1500px;margin:0 auto;padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4rem) 2rem}
.final-evidence-hero h1,.final-profile-intro h1{font-size:clamp(2.7rem,6vw,6.2rem);line-height:.96;margin:.3rem 0 1rem;background:linear-gradient(100deg,#ffe169,#ffb300 58%,#ff7900);-webkit-background-clip:text;color:transparent}
.final-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.final-stats>div{min-width:130px;padding:1rem 1.2rem;border:1px solid rgba(255,179,0,.36);background:rgba(18,12,3,.82);border-radius:14px}.final-stats strong{display:block;color:#ffd75a;font-size:1.65rem}.final-stats span{color:#d9cdb7;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.final-source-nav{max-width:1500px;margin:0 auto;padding:1rem clamp(1rem,4vw,4rem) 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.final-source-nav a{padding:1rem;border:1px solid rgba(255,179,0,.35);border-radius:12px;background:#120c04;color:inherit;text-decoration:none;display:grid;grid-template-columns:auto 1fr;gap:.25rem .7rem}.final-source-nav span{grid-row:1/3;color:#ffb300;font-weight:800}.final-source-nav strong{font-size:.95rem}.final-source-nav small{color:#cbbda5}
.final-source-section,.final-project-album{max-width:1500px;margin:0 auto;padding:2rem clamp(1rem,4vw,4rem) 3rem}.final-source-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-bottom:1px solid rgba(255,179,0,.35);margin-bottom:1rem}.final-source-heading h2{font-size:clamp(1.8rem,3vw,3rem);margin:.25rem 0 .75rem}.final-source-heading>strong{color:#ffb300;margin-bottom:.9rem}
.final-record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.final-record-card{background:#11100d;border:1px solid rgba(255,193,64,.24);border-radius:12px;overflow:hidden;min-width:0}.final-record-card>a{display:block;color:inherit;text-decoration:none;height:100%}.final-record-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#050403}.final-record-copy{padding:.85rem}.final-record-copy .record-id{font-size:.72rem;color:#ffb300;letter-spacing:.06em}.final-record-copy h3{font-size:1rem;line-height:1.25;margin:.35rem 0}.final-record-copy p{font-size:.84rem;color:#cfc4b2;margin:0;line-height:1.45}
.rock-outcrop-block{margin:1rem 0 2.5rem}.rock-outcrop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.65rem}.final-outcrop-card{border-radius:8px;background:#050403}.final-outcrop-card img{aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease,filter .25s ease}.final-outcrop-card a:hover img,.final-outcrop-card a:focus img{transform:scale(1.018);filter:brightness(1.06)}.final-outcrop-card *:not(a):not(img){display:none!important}
.final-collection-cover{max-width:1600px;margin:0 auto;padding-top:5rem}.final-collection-cover img{display:block;width:100%;height:clamp(320px,48vw,720px);object-fit:cover;object-position:center;border-bottom:1px solid rgba(255,179,0,.4)}.final-collection-cover.rock-cover img{object-position:center 48%}
.final-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}.final-album-grid.compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.final-album-card{display:block;text-decoration:none;color:inherit;background:#100b04;border:1px solid rgba(255,179,0,.28);border-radius:14px;overflow:hidden}.final-album-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.final-album-card>div{padding:1rem}.final-album-card h2,.final-album-card h3{margin:0 0 .25rem;font-size:1.05rem}.final-album-card p{margin:0;color:#ffbf29}.final-album-card.featured{grid-column:span 2}
.final-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem}.final-project-card{display:grid;grid-template-columns:minmax(130px,42%) 1fr;min-height:230px;text-decoration:none;color:inherit;background:#100b04;border:1px solid rgba(255,179,0,.3);border-radius:15px;overflow:hidden}.final-project-card img{width:100%;height:100%;object-fit:cover}.final-project-card>div{padding:1.2rem}.final-project-card h2{font-size:1.25rem;margin:.4rem 0}.final-project-card p:last-child{color:#ffbd22}
.final-project-album-cover{display:grid;grid-template-columns:minmax(180px,34%) 1fr;min-height:230px;text-decoration:none;color:inherit;border:1px solid rgba(255,179,0,.3);background:#100b04;border-radius:15px;overflow:hidden;margin-bottom:1rem}.final-project-album-cover img{width:100%;height:100%;object-fit:cover}.final-project-album-cover>div{padding:1.5rem;align-self:center}.final-project-album-cover h2{font-size:clamp(1.7rem,3vw,3rem);margin:.25rem 0}
.final-profile-intro{display:grid;grid-template-columns:minmax(260px,390px) 1fr;gap:clamp(2rem,5vw,6rem);align-items:center}.final-profile-intro picture{display:block;border:1px solid rgba(255,179,0,.4);border-radius:18px;overflow:hidden;background:#f4e7d1}.final-profile-intro img{display:block;width:100%;height:auto}
.rock-outcrop-home{max-width:1600px;margin:0 auto}.mapping-records-block h3,.rock-outcrop-block h3{font-size:clamp(1.7rem,3vw,2.8rem);margin:.2rem 0 1rem}
@media(max-width:850px){.final-profile-intro{grid-template-columns:1fr}.final-profile-intro picture{max-width:480px}.final-project-card,.final-project-album-cover{grid-template-columns:1fr}.final-project-card img,.final-project-album-cover img{height:230px}.final-album-card.featured{grid-column:auto}.rock-outcrop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.final-record-grid{grid-template-columns:1fr}.rock-outcrop-grid{grid-template-columns:1fr 1fr}.final-record-copy p{display:none}.final-source-heading{align-items:start;flex-direction:column}.final-source-heading>strong{margin-bottom:.6rem}}
@media(prefers-reduced-motion:reduce){.final-outcrop-card img{transition:none}.final-outcrop-card a:hover img,.final-outcrop-card a:focus img{transform:none}}
/* End release refinements v4.2.0 */

/* v4.2.0 cover title overlay */
.final-collection-cover{position:relative;isolation:isolate}.final-collection-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,1,.05) 30%,rgba(5,3,1,.82) 100%);pointer-events:none;z-index:1}.final-cover-title{position:absolute;left:clamp(1rem,5vw,5rem);right:clamp(1rem,5vw,5rem);bottom:clamp(1rem,4vw,3.5rem);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-shadow:0 3px 24px rgba(0,0,0,.85)}.final-cover-title span{font-size:.75rem;letter-spacing:.18em;color:#ffd75a;font-weight:800}.final-cover-title strong{font-size:clamp(2.2rem,6vw,6.5rem);line-height:.95;color:#fff8e8;max-width:1100px}.final-cover-title small{color:#ffbf29;font-size:1rem}.final-collection-cover.rock-cover .final-cover-title strong{background:linear-gradient(100deg,#ffe169,#ffb300,#ff7900);-webkit-background-clip:text;color:transparent}

/* v4.2.0 natural-copy and evidence clarity */
.clean-evidence-page{max-width:1180px;margin:0 auto;padding:2rem clamp(1rem,3vw,2rem) 5rem}.clean-evidence-head{max-width:900px;margin-bottom:1.4rem}.clean-evidence-head h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:.3rem 0 1rem}.clean-evidence-head>p:last-child{font-size:1.05rem;max-width:78ch;color:var(--muted)}.clean-evidence-media{margin:0 0 1.5rem;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:18px;overflow:hidden;background:#050301}.clean-evidence-media img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#050301}.clean-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.clean-evidence-grid>section,.plain-info-card,.leadership-panel,.leadership-note{padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.clean-evidence-grid h2,.plain-info-card h2{font-size:1rem;color:var(--accent);margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.06em}.clean-evidence-grid p,.plain-info-card p{margin:0;line-height:1.65}.clean-skills{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:.8rem 0 0}.clean-skills li{font-size:.78rem;padding:.35rem .55rem;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px}.clean-source{display:grid;gap:.45rem;margin:.8rem 0 0}.clean-source div{display:grid;grid-template-columns:90px 1fr;gap:.7rem}.clean-source dt{color:var(--muted)}.clean-source dd{margin:0}.clean-related-section{margin-top:2rem}.clean-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.clean-related{display:grid;gap:.5rem;color:inherit;text-decoration:none}.clean-related img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.clean-related span{font-size:.86rem}.human-card .final-record-copy p{line-height:1.45}.plain-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.leadership-panel{max-width:1100px;margin:1.2rem auto 2rem}.leadership-panel h2{margin:.2rem 0 .6rem}.leadership-note{margin:0 0 1.25rem}.leadership-note p{margin:.35rem 0 0}.leadership-inline{padding:.8rem 1rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 10px 10px 0}.evidence-simple .lead{max-width:90ch}.rock-outcrop-grid.full-grid{padding:0 clamp(1rem,3vw,2rem) 4rem}.final-outcrop-card .record-id,.final-outcrop-card h3,.final-outcrop-card p,.final-outcrop-card .final-record-copy{display:none!important}.final-outcrop-card a{display:block}.final-outcrop-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.natural-copy .page-hero .lead{max-width:82ch}.natural-copy .final-record-copy h3{font-size:.98rem}.natural-copy .final-record-copy p{font-size:.87rem;color:var(--muted)}
@media(max-width:800px){.clean-evidence-grid,.plain-info-grid{grid-template-columns:1fr}.clean-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clean-source div{grid-template-columns:1fr;gap:.15rem}}


/* v4.2.0 source photo note */
.source-photo-note{margin:.4rem 0 1rem;color:var(--muted,#c8bea8);font-size:.92rem;line-height:1.55}

/* v4.2.0 scientific-caption and linked-output refinements */
.linked-output-section{max-width:1440px;margin:2rem auto;padding:1rem clamp(1rem,3vw,2rem) 4rem}.linked-output-section>h2{color:var(--accent);margin-bottom:.45rem}.linked-output-section>.lead{max-width:95ch;color:var(--muted)}.linked-output-card .record-id{font-size:.68rem;line-height:1.3}.clean-evidence-head .eyebrow{max-width:80ch}

/* v4.2.0 - large-format cinematic presentation and evidence-first navigation */
:root{--large-format-gold:#ffbf28;--large-format-amber:#ff8a00;--large-format-cream:#fff4d4;--large-format-shadow:#050200}
.site-header{background:linear-gradient(180deg,rgba(10,6,1,.94),rgba(7,4,1,.88));border-bottom-color:rgba(255,190,40,.22);backdrop-filter:blur(22px) saturate(1.15)}
.header-tools{margin-left:0}
.hero-cinematic-full,.karangkancana-hero{isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,227,143,.12),inset 0 -1px 0 rgba(255,156,0,.22),0 42px 120px rgba(0,0,0,.42)}
.hero.hero-cinematic-full picture img{filter:saturate(1.12) contrast(1.16) brightness(.82) sepia(.10) hue-rotate(-2deg)!important;transform:scale(1.012);transform-origin:center 44%}
.hero.hero-cinematic-full::after{background:linear-gradient(90deg,rgba(6,3,0,.985) 0%,rgba(13,7,1,.91) 37%,rgba(27,12,1,.55) 61%,rgba(75,29,0,.14) 82%,rgba(8,4,0,.38) 100%),linear-gradient(0deg,rgba(6,3,0,.99) 0%,rgba(8,4,0,.72) 22%,transparent 64%),radial-gradient(ellipse at 76% 44%,rgba(255,187,58,.24),transparent 37%);box-shadow:inset 0 0 130px rgba(0,0,0,.38)}
.hero-cinematic-full .hero-content::before{content:"";display:block;width:76px;height:2px;margin-bottom:1.15rem;background:linear-gradient(90deg,var(--large-format-gold),var(--large-format-amber));box-shadow:0 0 26px rgba(255,173,0,.48)}
.hero-cinematic-full h1{letter-spacing:-.048em;text-shadow:0 6px 40px rgba(0,0,0,.92)}
.hero-cinematic-full .lead{color:#f6ead0;max-width:74ch}.hero-cinematic-full .hero-caption{color:#d7c5a4;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}
.project-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 72% 28%,rgba(255,176,34,.13),transparent 38%);mix-blend-mode:screen}
.professional-profile-section,.alt-section{background:radial-gradient(ellipse at 18% 54%,rgba(255,182,34,.11),transparent 38%),linear-gradient(132deg,#0d0802,#080501 55%,#130a01)}
.dossier-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:2.2rem}
.dossier-jump a{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;align-items:center;min-height:92px;padding:1rem;border:1px solid rgba(255,190,40,.28);border-radius:.8rem;background:linear-gradient(145deg,rgba(255,211,83,.065),rgba(255,116,0,.025));text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.dossier-jump a:hover,.dossier-jump a:focus-visible{transform:translateY(-3px);border-color:rgba(255,191,39,.72);background:linear-gradient(145deg,rgba(255,211,83,.12),rgba(255,116,0,.055))}
.dossier-jump span{grid-row:1/3;color:var(--large-format-gold);font-family:var(--mono);font-size:.75rem}.dossier-jump strong{font-family:var(--serif);font-size:1rem;line-height:1.15}.dossier-jump small{color:var(--muted);font-size:.72rem}
#fault-deformation,#limestone-karst,#scientific-plates,#technical-appendices{scroll-margin-top:86px}
.fault-showcase{position:relative;background:radial-gradient(ellipse at 18% 10%,rgba(255,105,0,.16),transparent 42%),linear-gradient(180deg,#080300,#120600 52%,#070301);border-block-color:rgba(255,123,0,.34);box-shadow:inset 0 0 220px rgba(255,80,0,.08),0 45px 110px rgba(0,0,0,.38)}
.fault-showcase::before,.karst-showcase::before{content:"";display:block;width:min(420px,72vw);height:3px;margin:0 auto clamp(2rem,5vw,4rem);background:linear-gradient(90deg,transparent,var(--large-format-amber),var(--large-format-gold),transparent);box-shadow:0 0 36px rgba(255,137,0,.38)}
.karst-showcase{position:relative;background:radial-gradient(ellipse at 78% 18%,rgba(255,196,64,.12),transparent 40%),linear-gradient(180deg,#070401,#100903 48%,#060301);border-block-color:rgba(255,205,87,.25)}
.showcase-copy>p:last-child{max-width:94ch!important;font-size:1.07rem;line-height:1.95}.outcrop-mosaic{gap:.7rem}.outcrop-frame{border-radius:.28rem;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.mapping-series{content-visibility:auto;contain-intrinsic-size:1600px}.plate-image{box-shadow:0 24px 70px rgba(0,0,0,.34)}.plate-analysis{max-width:88ch!important}
.resource-pathways{display:block}
.resource-pathway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.resource-pathway{position:relative;padding:1.45rem;border:1px solid rgba(255,190,45,.24);border-radius:.9rem;background:linear-gradient(145deg,rgba(255,219,94,.055),rgba(255,117,0,.022))}
.resource-pathway .evidence-status,.resource-pathway>span{display:inline-flex;margin-bottom:.8rem;padding:.25rem .55rem;border:1px solid rgba(255,190,45,.32);border-radius:999px;color:var(--large-format-gold);font:700 .67rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.resource-pathway h3{font-family:var(--serif);font-size:clamp(1.45rem,2.4vw,2.1rem);margin:0 0 .45rem}.resource-pathway p{margin:.25rem 0;color:var(--muted)}.resource-pathway .boundary{padding-top:.7rem;border-top:1px solid rgba(255,190,45,.15);font-size:.82rem;color:#d6c7ad}
@media(max-width:1180px){.resource-pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.dossier-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dossier-jump,.resource-pathway-grid{grid-template-columns:1fr}.hero.hero-cinematic-full picture img{transform:none}.showcase-copy>p:last-child{font-size:1rem;line-height:1.82}}
@media(prefers-reduced-motion:reduce){.dossier-jump a{transition:none}.dossier-jump a:hover,.dossier-jump a:focus-visible{transform:none}.hero.hero-cinematic-full picture img{transform:none}}

/* v4.2 source-led evidence reading */
.expert-reading{max-width:980px;margin:clamp(2rem,5vw,5rem) auto;padding:clamp(1.4rem,3vw,3rem);border-top:1px solid rgba(226,174,91,.42);border-bottom:1px solid rgba(226,174,91,.2);}
.expert-reading h2{max-width:24ch;margin:.35rem 0 1.25rem;}
.expert-reading-copy{font-family:var(--font-body,Georgia,serif);font-size:clamp(1.04rem,1.4vw,1.22rem);line-height:1.86;color:var(--paper,#efe3cf);max-width:82ch;}
.expert-source{margin-top:1.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.2rem;}
.expert-source>div{padding:.7rem 0;border-top:1px solid rgba(255,255,255,.09);}
@media(max-width:700px){.expert-source{grid-template-columns:1fr}}

/* v4.3.0 - deterministic scientific-media rendering.
   Dark intrinsic placeholders could persist until pointer interaction. Native
   image lazy loading remains, but layout and paint are no longer deferred. */
.mapping-series,
.mapping-plate,
.evidence-card,
.complete-related-dossier,
.evidence-open-section,
.evidence-open-section .evidence-card{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:none!important;
}
body.js.motion-enabled .section:not(.is-revealed),
body.js.motion-enabled .proof-grid:not(.is-revealed),
body.js.motion-enabled .identity-strip:not(.is-revealed),
body.js.motion-enabled .evidence-open-section:not(.is-revealed){
  opacity:1!important;
  transform:none!important;
}
.mapping-plate .plate-image,
.mapping-plate .plate-image img,
.evidence-card>a>img,
.album-preview img,
.album-link img,
.support-grid a img,
.clean-evidence-media img,
.clean-related img{
  visibility:visible!important;
  opacity:1!important;
}
.mapping-plate .plate-image{
  min-height:0!important;
  background:#f5f2ea!important;
}
.mapping-plate .plate-image img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}
/* Keep the entire scientific thumbnail; use a warm neutral canvas instead of
   a black area that can be mistaken for missing evidence. */
.evidence-card>a>img,
.album-preview img,
.album-link img,
.support-grid a img{
  background:#eee9de!important;
}
.clean-evidence-media{
  display:grid!important;
  place-items:center!important;
  background:#f5f2ea!important;
}
.clean-evidence-media img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#f5f2ea!important;
}
@media(max-width:760px){
  .mapping-plate .plate-image{padding:.35rem!important}
}

/* =========================================
   GEO EXPLORATION CINEMATIC ENHANCEMENT V5
   Additive layer - no content changes
========================================= */


/* Hero depth atmosphere */
.hero-cinematic-full {
  isolation: isolate;
  overflow: hidden;
}


/* Cinematic vignette */
.hero-cinematic-full::before {

  content:"";

  position:absolute;

  inset:0;

  background:
    radial-gradient(
      circle at center,
      transparent 35%,
      rgba(0,0,0,.65) 100%
    );

  pointer-events:none;

  z-index:2;

}


/* Geological warm light */
.hero-cinematic-full::after {

  content:"";

  position:absolute;

  width:700px;
  height:700px;

  right:-300px;
  bottom:-250px;

  background:
    radial-gradient(
      circle,
      rgba(255,173,10,.20),
      transparent 70%
    );

  filter:blur(90px);

  pointer-events:none;

  z-index:1;

}


/* Hero image cinematic movement */
.hero-cinematic-full picture img {

  animation:
  geologicalCamera 18s ease-in-out infinite alternate;

}


@keyframes geologicalCamera {

  from {
    transform:scale(1);
  }

  to {
    transform:scale(1.045);
  }

}


/* Contour line simulation */
.hero-cinematic-full .cinematic-horizon {

  opacity:.55;

  background:
    repeating-linear-gradient(
      135deg,
      transparent 0px,
      transparent 35px,
      rgba(255,215,90,.12) 37px,
      transparent 40px
    );

  animation:
  contourMove 25s linear infinite;

}


@keyframes contourMove {

  from {
    background-position:0 0;
  }

  to {
    background-position:500px 500px;
  }

}


/* Premium project cards */
.project-card,
.final-record-card,
.support-grid a {

  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;

}


.project-card:hover,
.final-record-card:hover,
.support-grid a:hover {

  transform:
    translateY(-10px);

  box-shadow:
    0 25px 60px rgba(255,173,10,.18);

}


/* Geological glass effect */
.identity-strip,
.proof-grid,
.profile-proof-grid {

  backdrop-filter:
    blur(12px);

}


/* Smooth text appearance */
.hero-content > * {

  animation:
  geologyReveal 1s ease both;

}


.hero-content > *:nth-child(2){
 animation-delay:.15s;
}

.hero-content > *:nth-child(3){
 animation-delay:.3s;
}


@keyframes geologyReveal {

 from {

   opacity:0;

   transform:
   translateY(25px);

   filter:blur(6px);

 }


 to {

   opacity:1;

   transform:
   translateY(0);

   filter:blur(0);

 }

}


/* Exploration cursor feel */
.button,
.contact-pill {

 transition:
 transform .3s ease,
 box-shadow .3s ease;

}


.button:hover,
.contact-pill:hover {

 transform:
 translateY(-3px);

 box-shadow:
 0 10px 25px rgba(255,173,10,.25);

}




/* ==========================================
   CINEMATIC PORTFOLIO UPGRADE V2
   Premium Geological Interaction Layer
========================================== */


/* Smooth section entrance */
section,
.project-card,
.final-record-card,
.support-grid a,
.capability-flow article {

    animation: geoReveal linear both;
    animation-timeline: view();
    animation-range: entry 10% cover 30%;

}


@keyframes geoReveal {

    from {
        opacity:0;
        transform:
        translateY(60px)
        scale(.97);
        filter:blur(4px);
    }


    to {
        opacity:1;
        transform:
        translateY(0)
        scale(1);
        filter:blur(0);
    }

}


/* Premium card floating effect */

.project-card,
.final-record-card,
.support-grid a {

    transition:
    transform .5s cubic-bezier(.2,.8,.2,1),
    box-shadow .5s ease,
    border-color .5s ease;

}


.project-card:hover,
.final-record-card:hover,
.support-grid a:hover {

    transform:
    translateY(-12px)
    scale(1.015);

    box-shadow:
    0 25px 70px rgba(255,170,20,.22);

}


/* Geological image depth */

.project-card img,
.final-record-card img,
.support-grid img {

    transition:
    transform 1s cubic-bezier(.2,.8,.2,1),
    filter .8s ease;

}


.project-card:hover img,
.final-record-card:hover img,
.support-grid a:hover img {

    transform:
    scale(1.08);

    filter:
    brightness(1.08)
    contrast(1.08)
    saturate(1.15);

}


/* Premium gold scanning line */

.hero-cinematic-full::after {

    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:2px;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,210,80,.9),
    transparent
    );


    animation:
    geoScan 5s linear infinite;

}


@keyframes geoScan {

    from {
        transform:translateX(-100%);
    }

    to {
        transform:translateX(100%);
    }

}


/* Professional button motion */

.button {

    position:relative;
    overflow:hidden;

}


.button::before {

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.25),
    transparent
    );

    transform:
    translateX(-120%);

    transition:
    .8s;

}


.button:hover::before {

    transform:
    translateX(120%);

}


/* Better mobile performance */

@media(max-width:768px){

section,
.project-card,
.final-record-card {

animation:none;

}

}




/* ==========================================
   INDUSTRY POSITIONING LAYER V2.1
========================================== */


/* Industry professional badges */

.skills span,
.micro {

    border-radius:999px;

    transition:
    all .35s ease;

}


.skills span:hover {

    transform:
    translateY(-4px);

    box-shadow:
    0 12px 30px rgba(255,180,40,.25);

}


/* Premium section headers */

.eyebrow {

    letter-spacing:
    .18em;

    font-weight:
    700;

}


/* Industry cards emphasis */

.resource-pathway {

    position:relative;

    overflow:hidden;

}


.resource-pathway::before {

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
    circle at top right,
    rgba(255,180,40,.18),
    transparent 55%
    );

    opacity:0;

    transition:
    opacity .5s ease;

}


.resource-pathway:hover::before {

    opacity:1;

}


/* Consultant style separation */

.resource-pathway h3 {

    transition:
    transform .35s ease;

}


.resource-pathway:hover h3 {

    transform:
    translateX(8px);

}


/* CV / Contact focus */

.contact-section {

    position:relative;

}


.contact-section::before {

    content:"";

    position:absolute;

    top:-1px;

    left:10%;

    right:10%;

    height:1px;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,200,70,.7),
    transparent
    );

}


/* Premium reading experience */

.lead {

    line-height:
    1.9;

}


/* Desktop cinematic spacing */

@media(min-width:1200px){

.hero-content {

    max-width:
    850px;

}


.section {

    scroll-margin-top:
    100px;

}

}




/* ==========================================
   CINEMATIC GEOSCIENCE UPGRADE V3.1
   Enterprise Geological Atmosphere
========================================== */


/* Geological contour atmosphere */

body {

    background-image:
    radial-gradient(
        circle at 20% 10%,
        rgba(255,190,60,.08),
        transparent 35%
    ),
    radial-gradient(
        circle at 80% 30%,
        rgba(255,120,20,.08),
        transparent 40%
    );

}


/* Technical grid overlay */

.hero-cinematic-full::before {

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.12;

    background-image:
    linear-gradient(
        rgba(255,220,120,.15) 1px,
        transparent 1px
    ),
    linear-gradient(
        90deg,
        rgba(255,220,120,.15) 1px,
        transparent 1px
    );

    background-size:
    80px 80px;

    mask-image:
    linear-gradient(
        to bottom,
        black,
        transparent 75%
    );

}


/* Premium technical headings */

.section h2 {

    position:relative;

}


.section h2::after {

    content:"";

    display:block;

    width:80px;

    height:3px;

    margin-top:18px;

    background:
    linear-gradient(
        90deg,
        #ffad0a,
        transparent
    );

}


/* Technical record glow */

.record-id {

    letter-spacing:
    .12em;

    font-size:
    .75rem;

    opacity:.8;

}


/* Industry pathway enhancement */

.resource-pathway span {

    letter-spacing:
    .15em;

    font-size:
    .7rem;

    font-weight:
    700;

}


/* Better technical image presentation */

.final-record-card img {

    object-fit:
    cover;

}


/* Geological professional feel */

h1,
h2,
h3 {

    text-wrap:
    balance;

}


/* Smooth desktop experience */

@media(min-width:1200px){

.hero-cinematic-full {

    min-height:
    100vh;

}


.hero-content {

    transform:
    translateZ(0);

}

}




/* ==========================================
   RECRUITER INTELLIGENCE PANEL V3.2
========================================== */


.recruiter-grid {

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:28px;

}


.recruiter-card {

background:
linear-gradient(
145deg,
rgba(255,180,40,.08),
rgba(20,12,3,.85)
);

border:
1px solid rgba(255,190,50,.18);

padding:32px;

border-radius:20px;

transition:.45s ease;

}


.recruiter-card:hover {

transform:
translateY(-10px);

box-shadow:
0 25px 60px rgba(255,170,20,.2);

}


.recruiter-card h3 {

margin-bottom:20px;

}


.recruiter-card ul {

padding-left:20px;

line-height:2;

}


@media(max-width:900px){

.recruiter-grid{

grid-template-columns:1fr;

}

}




/* ==========================================
   EXECUTIVE IMPACT DASHBOARD V3.3
========================================== */


.impact-dashboard {

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:24px;

margin-top:40px;

}


.impact-card {

padding:35px 25px;

text-align:center;

border-radius:22px;

background:
linear-gradient(
145deg,
rgba(255,190,60,.12),
rgba(15,10,3,.9)
);

border:
1px solid rgba(255,190,60,.2);

transition:.4s ease;

}


.impact-card strong {

display:block;

font-size:3rem;

color:#ffd75a;

}


.impact-card span {

display:block;

margin-top:12px;

line-height:1.5;

}


.impact-card:hover {

transform:
translateY(-10px);

box-shadow:
0 25px 60px rgba(255,170,20,.25);

}



.workflow-timeline {

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:25px;

margin-top:50px;

}


.workflow-timeline div {

position:relative;

padding:25px;

border-left:
2px solid rgba(255,180,40,.5);

}


.workflow-timeline span {

font-size:.8rem;

letter-spacing:.2em;

color:#ffad0a;

}


.workflow-timeline h3 {

margin-top:15px;

}


.workflow-timeline p {

line-height:1.7;

}


@media(max-width:900px){

.impact-dashboard,
.workflow-timeline {

grid-template-columns:
1fr;

}

}




/* =====================================
   BFCache RETURN RESET
   Fix browser back frozen animation state
===================================== */

html.bfcache-return *,
html.bfcache-return *::before,
html.bfcache-return *::after {

    animation-play-state: paused !important;
    transition: none !important;

}


html.bfcache-return body,
html.bfcache-return .section,
html.bfcache-return .proof-grid,
html.bfcache-return .identity-strip,
html.bfcache-return .evidence-open-section {

    opacity:1 !important;
    transform:none !important;
    filter:none !important;

}