:root {
  --bg: #07101a;
  --ink: #f4f8fb;
  --muted: #bdc9d2;
  --blue: #86b8d6;
  --line: rgba(255,255,255,.16);
  --glass: rgba(7,18,28,.62);
  --shadow: 0 18px 55px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#06101a;overflow-x:hidden;position:relative}

/* LOW-LIGHT WARM MOUNTAIN BACKGROUND - sunset glow, not bright */
body::before{content:"";position:fixed;inset:0;z-index:-4;background:
  linear-gradient(180deg,#111722 0%,#1b202b 24%,#382d31 48%,#8a5b43 64%,#08111b 100%);
}
body::after{content:"";position:fixed;z-index:-2;left:0;right:0;top:23vh;height:34vh;pointer-events:none;background:
  radial-gradient(ellipse at 34% 70%,rgba(255,194,132,.68) 0%,rgba(232,137,91,.38) 28%,transparent 63%);
  filter:blur(12px);
}
.ambient-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:
  radial-gradient(ellipse at 18% 24%,rgba(206,127,102,.18),transparent 30%),
  linear-gradient(180deg,rgba(18,22,30,.16),rgba(7,15,23,.34));
}
/* distant mountain range - blue-grey and clearly visible */
.ambient-bg::before{content:"";position:absolute;left:-8%;right:-8%;bottom:18vh;height:50vh;background:
  linear-gradient(151deg,transparent 0 18%,rgba(40,48,62,.98) 18.4% 35%,transparent 35.4%),
  linear-gradient(205deg,transparent 0 24%,rgba(29,39,53,.99) 24.4% 46%,transparent 46.4%),
  linear-gradient(164deg,transparent 0 38%,rgba(22,33,47,.99) 38.4% 61%,transparent 61.4%),
  linear-gradient(198deg,transparent 0 50%,rgba(15,27,40,1) 50.4% 72%,transparent 72.4%);
  filter:drop-shadow(0 -10px 22px rgba(0,0,0,.24));opacity:1;
}
/* darker foreground mountains with subtle warm rim light */
.ambient-bg::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-3vh;height:51vh;background:
  radial-gradient(ellipse at 28% 3%,rgba(220,145,105,.16),transparent 31%),
  linear-gradient(158deg,transparent 0 20%,rgba(10,20,31,1) 20.4% 43%,transparent 43.4%),
  linear-gradient(204deg,transparent 0 29%,rgba(7,16,26,1) 29.4% 54%,transparent 54.4%),
  linear-gradient(170deg,transparent 0 44%,rgba(4,12,21,1) 44.4% 72%,transparent 72.4%),
  linear-gradient(180deg,transparent 0 57%,rgba(2,8,14,1) 58% 100%);
  filter:drop-shadow(0 -14px 28px rgba(0,0,0,.34));
}
.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(22px,7vw,100px);background:rgba(5,15,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;letter-spacing:.2px}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 20px var(--blue)}
.nav-links{display:flex;gap:28px}.nav-links a{color:#e8eef1;text-decoration:none;font-weight:600;font-size:.94rem}.nav-links a:hover{color:var(--blue)}
main{width:min(1180px,92%);margin:auto}.glass{background:linear-gradient(145deg,rgba(7,20,31,.78),rgba(13,28,38,.64));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hero{min-height:78vh;display:grid;grid-template-columns:1.45fr .92fr .55fr;gap:22px;align-items:center;padding:58px 0 44px;position:relative}
.hero::before{content:"";position:absolute;inset:8% -10% 4%;z-index:-1;border-radius:42px;background:linear-gradient(180deg,rgba(73,103,120,.14),rgba(12,25,34,.10));border:1px solid rgba(255,255,255,.05)}
.hero-copy{padding:42px;border-radius:28px}.eyebrow{margin:0 0 8px;color:#8cc5ff;letter-spacing:.34em;font-size:.76rem;font-weight:800}.hero h1{font-size:clamp(3rem,7vw,6.1rem);line-height:.92;margin:10px 0 14px;letter-spacing:-.065em}.hero h1 span{color:var(--blue)}.hero h2{font-size:clamp(1.25rem,2.2vw,1.8rem);margin:0 0 14px}.intro{color:var(--muted);font-size:1.08rem;max-width:640px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:white;text-decoration:none;font-weight:800;background:rgba(255,255,255,.03);transition:.2s}.btn:hover{transform:translateY(-2px);border-color:white}.btn.primary{background:linear-gradient(135deg,#4ca2ff,#6bb5ff);color:#06121c;border:0;box-shadow:0 10px 28px rgba(76,162,255,.28)}
.hero-photo{border-radius:30px;overflow:hidden;min-height:520px}.hero-photo img{width:100%;height:520px;object-fit:cover;display:block}.quote{align-self:end;padding:26px;border-radius:24px;margin-bottom:70px}.quote-mark{font-size:3rem;line-height:.6}.quote p{font-size:1.08rem;line-height:1.45;color:#dbe6eb;font-style:italic}
.section{padding:74px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 30px}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);margin:5px 0 8px;letter-spacing:-.04em}.section-heading>p:last-child{color:var(--muted);margin:0;line-height:1.6}.about-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.text-card,.stat-card{border-radius:24px;padding:28px}.text-card{font-size:1.05rem;line-height:1.8;color:#d6e1e6}.stat-card{display:flex;flex-direction:column;justify-content:center;text-align:center}.stat-card strong{font-size:2rem;color:#9fd0ff}.stat-card span{color:var(--muted);margin-top:5px}
.gallery-section{padding-top:82px}.carousel-wrap{display:grid;grid-template-columns:52px 1fr 52px;gap:14px;align-items:center}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;gap:16px;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}.photo-card{position:relative;flex:0 0 calc((100% - 48px)/4);height:320px;padding:0;border:0;border-radius:24px;overflow:hidden;background:#0b1720;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.32)}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.photo-card::after{content:attr(data-caption);position:absolute;left:12px;bottom:12px;background:rgba(4,11,13,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:8px 11px;border-radius:999px;color:white;font-weight:700;font-size:.8rem}.photo-card:hover img{transform:scale(1.04)}.carousel-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(7,23,33,.76);color:white;font-size:2rem;cursor:pointer;backdrop-filter:blur(10px)}.carousel-btn:hover{background:#1a4258}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#65757d;cursor:pointer}.carousel-dots button.active{width:24px;border-radius:999px;background:var(--blue)}.gallery-note{text-align:center;color:#aebdc3;font-style:italic;margin-top:17px}
.interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.interest-card{border-radius:22px;padding:24px}.interest-card span{font-size:2rem}.interest-card h3{margin:12px 0 6px}.interest-card p{margin:0;color:var(--muted);line-height:1.6}.contact-card{border-radius:28px;padding:30px 34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.contact-card h2{margin:5px 0 8px}.contact-card p{color:var(--muted)}footer{text-align:center;color:#8fa0a8;padding:26px 20px 42px}
.lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);padding:28px}.lightbox.open{display:flex}.lightbox figure{margin:0;max-width:min(1100px,88vw);max-height:90vh;text-align:center}.lightbox img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.7)}.lightbox figcaption{margin-top:12px;color:#e7eef1}.lightbox-close,.lightbox-nav{position:absolute;border:0;background:rgba(15,28,32,.78);color:white;cursor:pointer;border-radius:50%;backdrop-filter:blur(10px)}.lightbox-close{top:24px;right:24px;width:48px;height:48px;font-size:2rem}.lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:2.3rem}.lb-prev{left:24px}.lb-next{right:24px}
@media(max-width:980px){.nav-links{gap:15px}.hero{grid-template-columns:1.25fr .75fr}.quote{display:none}.hero-photo,.hero-photo img{min-height:430px;height:430px}.about-grid{grid-template-columns:1fr 1fr}.text-card{grid-column:1/-1}.photo-card{flex-basis:calc((100% - 32px)/3);height:300px}.interest-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{padding:14px 18px}.nav-links{display:none}main{width:min(94%,700px)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:30px}.hero-copy{padding:28px 22px}.hero-photo{min-height:420px}.hero-photo img{height:420px}.about-grid{grid-template-columns:1fr}.text-card{grid-column:auto}.carousel-wrap{grid-template-columns:38px 1fr 38px;gap:8px}.carousel-btn{width:38px;height:38px}.photo-card{flex-basis:100%;height:390px}.interest-grid{grid-template-columns:1fr}.contact-card{align-items:flex-start;flex-direction:column}.section{padding:56px 0}.lightbox-nav{display:none}}


/* LIVE CINEMATIC SKY: slow moving clouds + warm light pulse */
.live-cloud{position:absolute;left:-40vw;width:78vw;height:18vh;border-radius:50%;pointer-events:none;opacity:.28;filter:blur(20px);background:radial-gradient(ellipse at center,rgba(207,199,200,.50) 0%,rgba(123,118,132,.24) 45%,transparent 72%);mix-blend-mode:screen;will-change:transform,opacity}
.cloud-a{top:5vh;animation:cloudDriftA 10s linear infinite}
.cloud-b{top:15vh;width:64vw;height:14vh;opacity:.14;animation:cloudDriftB 14s linear infinite -12s}
.cloud-c{top:28vh;width:84vw;height:16vh;opacity:.11;animation:cloudDriftC 18s linear infinite -26s}
.live-glow{position:absolute;left:8%;top:30vh;width:58vw;height:24vh;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,188,123,.52) 0%,rgba(231,130,85,.28) 35%,transparent 72%);filter:blur(22px);animation:sunsetBreathe 3s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes cloudDriftA{0%{transform:translateX(-20vw) scale(1);opacity:.13}50%{opacity:.24}100%{transform:translateX(150vw) scale(1.08);opacity:.10}}
@keyframes cloudDriftB{0%{transform:translateX(-5vw) translateY(0);opacity:.09}50%{opacity:.17}100%{transform:translateX(155vw) translateY(2vh);opacity:.07}}
@keyframes cloudDriftC{0%{transform:translateX(-30vw);opacity:.08}50%{opacity:.14}100%{transform:translateX(145vw);opacity:.06}}
@keyframes sunsetBreathe{from{transform:scale(.94);opacity:.55}to{transform:scale(1.08);opacity:.92}}
@media (prefers-reduced-motion: reduce){.live-cloud,.live-glow{animation:none!important}}

/* Faster visible atmospheric motion */
.live-fog{position:absolute;left:-30vw;bottom:12vh;width:80vw;height:12vh;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,rgba(210,220,220,.16),transparent 70%);filter:blur(18px);animation:fogDrift 8s linear infinite;will-change:transform;opacity:.5}
@keyframes fogDrift{0%{transform:translateX(-20vw)}100%{transform:translateX(160vw)}}

/* ===== Multi-page portfolio additions ===== */
.nav-links a.active{color:#9fd3f2;background:rgba(122,189,228,.10);border-radius:999px}
.page-main{padding-top:84px}
.page-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px;align-items:stretch}
.page-hero-copy,.page-portrait{padding:34px}
.page-hero-copy h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.02;margin:8px 0 18px;max-width:850px}
.page-hero-copy p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.8}
.page-portrait{display:flex;align-items:center;justify-content:center;min-height:430px}
.page-portrait img{width:100%;height:100%;max-height:500px;object-fit:cover;object-position:center 25%;border-radius:24px;display:block}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.info-card{padding:28px;min-height:190px}
.info-card h3{font-size:1.25rem;margin:0 0 10px}
.info-card p{margin:0;color:var(--muted);line-height:1.75}
.profile-table{overflow:hidden}
.profile-table>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:20px 24px;border-bottom:1px solid var(--line);align-items:center}
.profile-table>div:last-child{border-bottom:0}
.profile-table span{color:var(--muted)}
.profile-table strong{font-size:1.03rem}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.preview-card{position:relative;overflow:hidden;border-radius:24px;min-height:330px;border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;background:#0b1720}
.preview-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s ease}
.preview-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,8,13,.85))}
.preview-card span{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-weight:800}
.preview-card:hover img{transform:scale(1.04)}
.gallery-section .section-heading h1{font-size:clamp(2.25rem,5vw,4.3rem);margin:6px 0 10px}

@media (max-width:980px){
  .page-hero{grid-template-columns:1fr}
  .page-portrait{min-height:380px}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .page-main{padding-top:72px}
  .story-grid{grid-template-columns:1fr}
  .profile-table>div{grid-template-columns:1fr;gap:6px}
  .preview-grid{grid-template-columns:1fr}
  .preview-card{min-height:380px}
  .page-hero-copy,.page-portrait{padding:22px}
}


/* ===== Stronger dark/light cinematic background ===== */
body::before{background:linear-gradient(180deg,#05080d 0%,#0b1019 23%,#211a20 45%,#6f412f 63%,#02070c 100%)}
body::after{background:radial-gradient(ellipse at 31% 70%,rgba(255,205,145,.88) 0%,rgba(244,145,92,.52) 25%,rgba(143,70,56,.20) 46%,transparent 66%);filter:blur(10px)}
.ambient-bg{background:radial-gradient(ellipse at 16% 23%,rgba(235,139,105,.23),transparent 28%),linear-gradient(180deg,rgba(2,5,10,.25),rgba(1,5,9,.48))}
.ambient-bg::before{filter:drop-shadow(0 -14px 28px rgba(0,0,0,.48));opacity:1}
.ambient-bg::after{filter:drop-shadow(0 -18px 34px rgba(0,0,0,.62))}
.live-cloud{opacity:.34;filter:blur(17px)}
.cloud-a{animation-duration:6s}.cloud-b{animation-duration:8s}.cloud-c{animation-duration:10s}
.live-glow{background:radial-gradient(ellipse at center,rgba(255,207,145,.72) 0%,rgba(242,139,85,.38) 34%,transparent 72%);filter:blur(18px);animation-duration:1.8s}
.live-fog{animation-duration:5s;opacity:.62}
.memories-card{grid-column:1/-1;text-align:center;padding:34px 38px;border-color:rgba(255,194,145,.28);background:linear-gradient(145deg,rgba(15,18,24,.88),rgba(37,24,25,.70))}
.memories-card h3{font-size:1.55rem;margin-bottom:10px}.memories-card p{font-size:1.08rem;font-style:italic;color:#e9d9d1;max-width:780px;margin:0 auto;line-height:1.75}

/* Darker contact details for stronger contrast */
.contact-card p strong{color:#d7e1e7}
.contact-card p a{
  color:#6f8796;
  font-weight:700;
  text-decoration:none;
  background:rgba(2,10,16,.42);
  border:1px solid rgba(124,151,166,.20);
  border-radius:8px;
  padding:3px 7px;
  display:inline-block;
  margin:2px 0;
}
.contact-card p a:hover{color:#9db2be;background:rgba(2,10,16,.62)}