:root { --site-base:#090a0a; }
html,body {background:var(--site-base);}
.site-root {position:relative;isolation:isolate;margin:0;overflow-x:clip;}
.site-background {position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--site-base);contain:strict;}
.site-content {position:relative;z-index:1;}
.site-background-grid,.site-background-cluster {position:absolute;inset:0;pointer-events:none;}
.site-background-grid {
 background:radial-gradient(circle at 2px 14px,rgba(232,232,226,.065) 1px,transparent 1.5px);
 background-size:31px 31px;
 mask-image:radial-gradient(ellipse 85% 90% at 50% 45%,#000 28%,transparent 100%);
}
.site-background-cluster {
 background:radial-gradient(circle at 2px 14px,rgba(232,232,226,.55) 2px,transparent 2.6px);
 background-size:31px 31px;opacity:.55;
 mask-image:radial-gradient(circle 210px at 82% 60%,#000 0%,rgba(0,0,0,.65) 25%,transparent 72%);
}
/* Remove section-level surfaces, not card surfaces. */
.site-content :where(main,section,.hero,.about-coverflow,.bio-section,.library-section,.work-section,.site-footer) {background-color:transparent!important;background-image:none!important;}
.hero::before,.about-coverflow::before {content:none!important;}
.dot-canvas,.cursor-dots {display:none!important;}
.decorative-globe-section{position:relative;height:100vh;height:100dvh;height:100svh;background:transparent;overflow:hidden;border:0;border-radius:0;}
.decorative-globe-frame{position:absolute;left:50%;top:48%;width:min(88vw,70svh,72rem);aspect-ratio:1;transform:translateX(-50%);mask-image:radial-gradient(ellipse 75% 82% at 50% 32%,#000 40%,transparent 95%);}
@media(max-width:700px){.decorative-globe-frame{width:92vw;top:calc(100% - 72vw);}}


.about-coverflow{background:transparent;}
.about-coverflow::before{content:none;}
.coverflow-stage{height:max(19rem,var(--card-height,19rem));}
.coverflow-card{height:max(19rem,var(--card-height,19rem));min-height:19rem;overflow:visible!important;scrollbar-width:none;-ms-overflow-style:none;padding:clamp(1rem,2.4vw,2rem);}
.coverflow-card::-webkit-scrollbar,.coverflow-content::-webkit-scrollbar{display:none;width:0;height:0;}
.coverflow-card-inner{display:flow-root;}
.coverflow-content{overflow:visible!important;font-size:clamp(.8rem,1.2vw,1rem);}
@media(max-width:700px){.coverflow-card{padding:clamp(1rem,4vw,1.4rem);}.coverflow-content{font-size:clamp(.8rem,3.5vw,.95rem)}.coverflow-card h3{font-size:clamp(1.25rem,5vw,1.6rem)}}

.decorative-globe-frame canvas{width:100%;height:100%;display:block;opacity:0;cursor:grab;touch-action:pan-y}.site-content{overflow-x:clip}.about-coverflow{height:auto!important;min-height:100vh;min-height:100dvh;min-height:100svh}

/* V42 — one particle field per page, shared by every section. */
.site-background-grid,.site-background-cluster{display:none}.site-particles{display:block;width:100%;height:100%;}
.coverflow-card,.coverflow-card h3,.coverflow-subtitle,.coverflow-content,.coverflow-header,.coverflow-number,.coverflow-status{font-family:Georgia,"Times New Roman",serif!important;}
.coverflow-header{letter-spacing:.1em}.coverflow-card h3{font-weight:400}.coverflow-content{line-height:1.7}
.coverflow-arrow{position:relative;transform:translateY(-.35rem);background:linear-gradient(145deg,rgba(60,62,61,.85),rgba(14,16,15,.95));border:1px solid #777b7866;box-shadow:inset 0 1px 0 #ffffff30,0 14px 26px #0009,0 0 22px #ffffff08;backdrop-filter:blur(12px);transition:transform .3s ease,opacity .3s ease;}
.coverflow-arrow:hover{transform:translateY(-.6rem);}.coverflow-arrow:active{transform:translateY(-.15rem)}
.globe-card-inner{position:relative;height:17rem;display:grid;place-items:center}.carousel-globe{width:min(100%,17rem);aspect-ratio:1;mask-image:radial-gradient(ellipse at center,#000 55%,transparent 76%);}
.carousel-globe canvas{width:100%;height:100%;display:block;opacity:0;cursor:grab;touch-action:pan-y;}
.globe-card{background:linear-gradient(145deg,#131615dd,#0b0d0cdd)}
@media(prefers-reduced-motion:reduce){.coverflow-arrow,.coverflow-arrow:hover,.coverflow-arrow:active{transform:none;transition:none}}

/* V43: Georgia throughout the complete site. */
:root{--lastik:Georgia,"Times New Roman",serif}html,body,body *{font-family:Georgia,"Times New Roman",serif!important}.dia-reveal{font-family:Georgia,"Times New Roman",serif!important}

/* V44: labelled globe card; match existing carousel header treatment. */
.globe-card-inner{height:auto;display:block}.globe-card .carousel-globe{width:min(100%,15rem);margin:1rem auto 0}

/* V45: keep Location header at the common card inset. */
.globe-card .globe-card-inner{display:block;width:100%;height:auto;text-align:left}.globe-card .coverflow-header{width:100%;justify-content:flex-start;align-items:center;margin:0;position:relative;text-align:left}.globe-card .carousel-globe{display:block;margin:1rem auto 0}

/* V46: restrained top-right status and centred globe caption. */
.location-now{margin-left:auto;text-transform:none}.location-now::before{display:none}.location-caption{font:400 clamp(.7rem,1.1vw,.8rem)/1.5 Georgia,serif;letter-spacing:.04em;text-align:center;color:#a8afaa;margin:1rem 0 0}