/* SEN Bespoke — dark luxury layer.
   Night-ink ground with a blue-green bias, warm ivory type, Cormorant italics,
   hairline rules, and the logo's blue/green used as light rather than paint.
   Loaded last on every page; delete the <link> to return to the light site. */
:root{
  --lx-bg:#0b1418;          /* night ink */
  --lx-bg-2:#101c21;        /* raised surface */
  --lx-bg-3:#15242a;        /* fields, cards */
  --lx-line:rgba(226,232,222,.12);
  --lx-ivory:#ece7dc;       /* headings */
  --lx-text:#c9cfc8;        /* body */
  --lx-muted:#93a29f;       /* labels, captions */
  --lx-blue:#6dbbe8;
  --lx-green:#a6cf84;
  --lx-lime:#d7edac;        /* call-to-action */
  --lx-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  color-scheme:dark;
}
html,body,.subpage{background:var(--lx-bg)}
body{color:var(--lx-text)}
h1,h2,h3{color:var(--lx-ivory)}
h1 em,h2 em,.hero h1 em,.subpage-intro h1 em{font-family:var(--lx-serif);font-style:italic;font-weight:500;letter-spacing:-.01em;color:var(--lx-green)}
.section-label,.eyebrow{color:var(--lx-muted);letter-spacing:.22em}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--lx-lime)}
::selection{background:rgba(166,207,132,.35);color:#fff}

/* Header */
header{background:rgba(11,20,24,.92);border-bottom:1px solid var(--lx-line);backdrop-filter:saturate(1.2) blur(8px)}
.site-links a{color:var(--lx-ivory);font-weight:500;letter-spacing:.02em}
.site-links a:hover{border-color:var(--lx-green)}
.subpage .site-links a[aria-current="page"]{color:var(--lx-blue)}
.menu{color:var(--lx-ivory)}
@media(max-width:700px){nav{background:var(--lx-bg-2);box-shadow:0 18px 30px rgba(0,0,0,.35);border-bottom:1px solid var(--lx-line)}}
.nav-cta,.hero-cta{background:var(--lx-lime);color:#13221a}
.nav-cta:hover,.hero-cta:hover{background:#e6f5c4}

/* Hero + globe */
.globe-hero{background:radial-gradient(ellipse 60% 70% at 78% 45%,rgba(60,161,222,.10),transparent 70%),radial-gradient(ellipse 50% 60% at 15% 90%,rgba(126,178,83,.07),transparent 70%),var(--lx-bg);color:var(--lx-text)}
.globe-hero h1{color:var(--lx-ivory)}
.globe-hero h1 em{color:var(--lx-green)}
.globe-hero .eyebrow{color:var(--lx-muted)}
.globe-hero .hero-bottom p{color:var(--lx-text)}
.globe-hero .hero-caption{color:var(--lx-muted);border-color:var(--lx-line)}
.globe-help{color:var(--lx-muted)}
#globe-glass stop:nth-child(1){stop-color:#bfe3f7;stop-opacity:.16}
#globe-glass stop:nth-child(2){stop-color:#3CA1DE;stop-opacity:.05}
#globe-glass stop:nth-child(3){stop-color:#7EB253;stop-opacity:.08}
#globe-glass stop:nth-child(4){stop-color:#3CA1DE;stop-opacity:.26}
#globe-rim stop:nth-child(2){stop-color:#dfeee6;stop-opacity:.5}
.globe-shell{filter:drop-shadow(0 0 40px rgba(60,161,222,.14))}
.globe-land{stroke:#b8cdd6;stroke-opacity:.28}
.globe-back{fill:#8fb3c4;fill-opacity:.04;stroke:#8fb3c4;stroke-opacity:.1}
.globe-pin:before{border-color:var(--lx-bg)}
.globe-tooltip{background:rgba(16,28,33,.92);border-color:var(--lx-line);color:var(--lx-ivory);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.globe-tooltip small,.globe-tooltip li{color:var(--lx-text)}
.globe-continent{opacity:.42}
.globe-continent:hover,.globe-continent.is-active{opacity:.62}
.globe-controls button,.globe-controls select{background:rgba(255,255,255,.03);color:var(--lx-text);border-color:var(--lx-line)}
.globe-controls button:hover{background:rgba(166,207,132,.12)}
.globe-controls option{background:var(--lx-bg-2);color:var(--lx-text)}

/* People */
.people-section{background:var(--lx-bg)}
.people-city-backdrop{background-image:linear-gradient(180deg,rgba(6,14,18,.78),rgba(6,14,18,.92)),url('assets/hong-kong.jpg')}
.people-section:after{background:radial-gradient(circle at 18% 12%,rgba(95,170,209,.14),transparent 40%),linear-gradient(120deg,rgba(9,20,26,.2),rgba(5,12,16,.6))}
.people-photo-button{background:var(--lx-bg-3)}
.people-photo-button span{background:var(--lx-ivory);color:#13221a}
.photo-uploader{background:var(--lx-bg-2);border:1px solid var(--lx-line);color:var(--lx-text)}
.photo-uploader h3{color:var(--lx-ivory)}
.photo-uploader p{color:var(--lx-muted)}
.photo-upload-button{background:var(--lx-lime);color:#13221a}
.upload-help,#photo-status,.photo-caption-label,.remove-photo{color:var(--lx-muted)}

/* 01 / Our point of view: the dusk rainforest now sits under a night veil */
.intro{border-top:1px solid var(--lx-line)}
.ppov-bg{background:var(--lx-bg)}
.ppov-bg img{filter:saturate(1.1) brightness(1.15)}
.ppov-bg:after{background:radial-gradient(ellipse 46% 56% at 66% 48%,rgba(11,20,24,.82) 50%,rgba(11,20,24,0) 100%),linear-gradient(rgba(11,20,24,.62),rgba(11,20,24,.62))}
@media(max-width:700px){.ppov-bg:after{background:linear-gradient(180deg,rgba(11,20,24,.86) 0,rgba(11,20,24,.86) 82%,rgba(11,20,24,.35) 96%),linear-gradient(rgba(11,20,24,.55),rgba(11,20,24,.55))}}
.intro .section-label{color:var(--lx-muted)}
.intro-copy p{color:var(--lx-text)}
.text-link{color:var(--lx-ivory);border-color:rgba(166,207,132,.6)}
.connection-mark .ring{border-color:var(--lx-blue)}
.connection-mark .ring-b{border-color:var(--lx-green)}
.connection-mark b{color:var(--lx-green)}

/* Contact: the bridge now glows on night ink */
.contact{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(21,36,42,1),var(--lx-bg) 70%);border-top:1px solid var(--lx-line)}
.contact .section-label{color:var(--lx-muted)}
.contact h2{color:var(--lx-ivory)}
.contact-bottom p{color:var(--lx-text)}
.contact-bottom .text-link{border-color:rgba(166,207,132,.6)}
.contact-circle{background:var(--lx-lime);color:#13221a}
.contact.is-bridged .bridge-arc{opacity:.5}
.contact.is-bridged .bridge-deck{opacity:.35}
.bridge-deck{background:linear-gradient(90deg,rgba(60,161,222,.32),rgba(226,236,228,.12) 50%,rgba(126,178,83,.32))}

/* Footer (kept for when it is shown again) */
footer{background:var(--lx-bg);border-top:1px solid var(--lx-line)}
footer p,footer>span,footer>a:last-child{color:var(--lx-muted)}

/* Dialogs + form */
dialog{background:var(--lx-bg-2);color:var(--lx-text);border:1px solid var(--lx-line);box-shadow:0 30px 80px rgba(0,0,0,.55)}
dialog::backdrop{background:rgba(4,9,11,.78)}
dialog h2{color:var(--lx-ivory)}
.dialog-intro,.form-note,#form-status{color:var(--lx-muted)}
.close{color:var(--lx-ivory)}
label{color:var(--lx-text)}
input,select,textarea{background:var(--lx-bg-3);color:var(--lx-ivory);border:1px solid rgba(226,232,222,.18)}
input::placeholder,textarea::placeholder{color:#7d8c89}
input:focus,select:focus,textarea:focus{outline:1px solid var(--lx-green);border-color:var(--lx-green)}
.submit{background:var(--lx-lime);color:#13221a}
.people-lightbox{background:var(--lx-bg-2)}
.people-lightbox img{background:var(--lx-bg-3)}

/* Subpages */
.subpage-intro h1{color:var(--lx-ivory)}
.subpage-intro p{color:var(--lx-text)}
.subpage-grid{background:var(--lx-line)}
.subpage-card{background:var(--lx-bg-2)}
.subpage-card h2{color:var(--lx-ivory)}
.subpage-card p,.subpage-card li{color:var(--lx-text)}
.subpage-image{filter:saturate(.9) brightness(.9)}
.globe-plain{fill:#9fb3b8;fill-opacity:.13}
.nav-login{--lx-line-strong:rgba(226,232,222,.28)}