/* Yash portfolio — premium editorial finish inspired by the supplied reference */
:root{
  --bg:#dce7dc;
  --card:#f5f3eb;
  --paper:#f7f5ec;
  --text:#24312a;
  --text-dim:#56665c;
  --primary:#32483a;
  --accent:#bf6f57;
  --cyan:#c4d96d;
  --line:rgba(41,62,48,.16);
  --shadow:0 24px 70px -38px rgba(35,54,41,.34);
  --sticker-reveal:0;
  --sticker-opacity:0;
}
html[data-theme="light"],html[data-theme="morning"]{
  --bg:#dce7dc;--card:#f5f3eb;--paper:#f7f5ec;--text:#24312a;--text-dim:#56665c;
  --primary:#32483a;--accent:#bf6f57;--cyan:#c4d96d;--line:rgba(41,62,48,.16);
}
html[data-theme="dark"],html[data-theme="evening"]{
  --bg:#18231d;--card:#222f27;--paper:#202c24;--text:#f0f1e7;--text-dim:#b7c3b6;
  --primary:#dce8d4;--accent:#eca185;--cyan:#c4d96d;--line:rgba(223,235,218,.17);
}
html{background:var(--bg)!important;color:var(--text)!important;scroll-padding-top:84px;}
body{background:var(--bg)!important;color:var(--text)!important;overflow-x:clip!important;}

/* Preserve a faint contrast veil while letting the scenic background read through the stage. */
.sen-stage{
  z-index:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(7,18,36,.07),rgba(7,18,36,.14))!important;
  transition:background .45s ease;
}
html[data-theme="dark"] .sen-stage,html[data-theme="evening"] .sen-stage{
  background:linear-gradient(180deg,rgba(2,8,18,.14),rgba(2,8,18,.24))!important;
}
.sen-stage::before{
  background-image:
    linear-gradient(rgba(40,60,46,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(40,60,46,.035) 1px,transparent 1px),
    radial-gradient(rgba(47,64,49,.18) .55px,transparent .7px)!important;
  background-size:64px 64px,64px 64px,5px 5px!important;
  opacity:.42!important;
  mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 82%,transparent 100%)!important;
}
.sen-stage-grid,.sen-stage-orbit{opacity:.12!important;border-color:rgba(49,72,56,.12)!important;}
.sen-stage-noise{opacity:.035!important;mix-blend-mode:multiply!important;}
.sen-stage-body{
  position:absolute;z-index:1;left:50%;top:49%;width:min(100vw,60svh,760px);height:auto;aspect-ratio:2/3;
  transform:translate3d(calc(-50% + var(--portrait-x,0px)),calc(-50% + var(--portrait-y,0px)),0) scale(var(--portrait-scale,.94)) rotateZ(var(--portrait-rz,0deg));
  transform-origin:50% 26%;filter:drop-shadow(0 28px 38px rgba(39,56,43,.2));will-change:transform;
}
.sen-stage-body img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;}
.sen-stage-portrait{
  z-index:2;left:50%!important;top:49%!important;
  width:min(100vw,60svh,760px)!important;
  height:auto!important;aspect-ratio:2/3;
  transform:translate3d(calc(-50% + var(--portrait-x,0px)),calc(-50% + var(--portrait-y,0px)),0) scale(var(--portrait-scale,.94)) rotateZ(var(--portrait-rz,0deg))!important;
  transform-origin:50% 26%!important;
  opacity:var(--expression-opacity,0)!important;
  filter:drop-shadow(0 28px 38px rgba(39,56,43,.2))!important;
  mix-blend-mode:normal!important;
  mask-image:none!important;
  will-change:transform,opacity;
}
.sen-stage-portrait img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;
  transition:opacity .42s cubic-bezier(.2,.7,.2,1)!important;
  filter:saturate(.98) contrast(1.015);
}
.sen-stage-label{
  top:clamp(76px,11vh,116px)!important;bottom:auto!important;
  color:var(--text-dim)!important;opacity:.78!important;font-size:.61rem!important;letter-spacing:.16em!important;
}
.sen-stage-label b{color:var(--text-dim)!important;opacity:.78;font-size:.54rem!important;}
.sen-stage-label-left{left:clamp(18px,5vw,70px)!important;}
.sen-stage-label-right{right:clamp(18px,5vw,70px)!important;}

/* Small hand-placed expression stickers: they decorate the real supplied character art. */
.sen-sticker{
  position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:9px 13px;border:1px solid rgba(47,65,49,.17);border-radius:999px;
  background:rgba(248,247,237,.87);color:#34473a;box-shadow:0 12px 30px rgba(36,54,41,.12);
  font:600 .7rem/1 'IBM Plex Mono',monospace;letter-spacing:.035em;white-space:nowrap;
  opacity:var(--sticker-opacity,0);
  transform:translate3d(0,calc(12px - 12px * var(--sticker-reveal,0)),0) rotate(var(--sticker-tilt,0deg));
  transition:opacity .28s ease,transform .4s cubic-bezier(.2,.7,.2,1);pointer-events:none;
}
.sen-sticker b{color:var(--accent);font-size:1rem;}
.sen-sticker-hi{left:clamp(22px,12vw,220px);top:27%;--sticker-tilt:-7deg;}
.sen-sticker-spark{right:clamp(24px,15vw,250px);top:35%;width:44px;height:44px;padding:0;border-radius:15px;background:#dbe78d;color:#53653d;font-size:1.4rem;--sticker-tilt:10deg;}
.sen-sticker-mood{right:clamp(18px,8vw,160px);top:55%;--sticker-tilt:5deg;}
.sen-sticker-star{left:clamp(24px,17vw,280px);top:54%;width:34px;height:34px;padding:0;border-radius:50%;background:#f1d6ca;color:#a95748;font-size:1.05rem;--sticker-tilt:-10deg;}
html[data-theme="dark"] .sen-sticker,html[data-theme="evening"] .sen-sticker{background:rgba(42,57,46,.9);border-color:rgba(225,235,215,.2);color:var(--text);}

/* Compact, legible navigation with direct routes to the sections visitors ask for. */
.topnav{
  position:fixed!important;top:12px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(1240px,calc(100% - 36px))!important;max-width:none!important;margin:0!important;padding:8px 12px!important;
  min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  border:1px solid rgba(255,255,255,.63)!important;border-radius:999px!important;
  background:rgba(246,247,237,.78)!important;box-shadow:0 12px 34px rgba(40,61,45,.1),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
.topnav .brand{font:600 .77rem/1 'IBM Plex Mono',monospace!important;letter-spacing:.075em!important;color:var(--text)!important;white-space:nowrap;}
.topnav .navlinks{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0;}
.topnav .navlinks>a[data-nav]{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 10px;color:var(--text-dim)!important;border-radius:999px;text-decoration:none;font-size:.69rem;font-weight:600;white-space:nowrap;transition:background .2s ease,color .2s ease;}
.topnav .navlinks>a[data-nav]:hover,.topnav .navlinks>a[data-nav]:focus-visible{background:rgba(195,215,154,.4);color:var(--text)!important;}
.cmdk-trigger-btn,.lang-toggle,.theme-select,.admin-trigger{
  height:34px!important;min-height:34px!important;border:1px solid var(--line)!important;border-radius:999px!important;
  background:rgba(255,255,255,.55)!important;color:var(--text)!important;box-shadow:none!important;
}
.cmdk-trigger-btn{width:36px!important;min-width:36px!important;padding:0!important;justify-content:center!important;}
.cmdk-trigger-btn::before{content:"⌕";font:500 1.08rem/1 'Inter',sans-serif;display:block;color:var(--text);}
.cmdk-trigger-btn svg{display:none!important;}
.cmdk-trigger-btn span,.cmdk-trigger-btn .cmdk-hint-desktop,.focus-mode-btn span{display:none!important;}
.lang-toggle,.theme-select{padding:0 10px!important;font-size:.66rem!important;}
.admin-trigger{width:34px!important;opacity:.52!important;}
.topnav.scrolled{background:rgba(246,247,237,.9)!important;box-shadow:0 12px 34px rgba(40,61,45,.11)!important;}
html[data-theme="dark"] .topnav,html[data-theme="evening"] .topnav{background:rgba(31,45,35,.86)!important;border-color:var(--line)!important;}
html[data-theme="dark"] .cmdk-trigger-btn,html[data-theme="dark"] .lang-toggle,html[data-theme="dark"] .theme-select,html[data-theme="evening"] .cmdk-trigger-btn,html[data-theme="evening"] .lang-toggle,html[data-theme="evening"] .theme-select{background:rgba(255,255,255,.06)!important;}

/* Hero: complete portrait first, then the readable introduction and quick facts. */
#main-content{position:relative!important;z-index:3!important;}
.hero{
  position:relative!important;isolation:isolate;display:flex!important;align-items:flex-end!important;
  min-height:100svh!important;min-height:100dvh!important;height:100svh!important;height:100dvh!important;box-sizing:border-box!important;
  padding:88px 0 78px!important;overflow:visible!important;
}
.hero .wrap{
  position:relative;z-index:4;width:min(calc(100% - 34px),920px)!important;max-width:920px!important;
  height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:flex-end!important;
}
.hero-bigtext,.photo-ring{display:none!important;}
.hero-glass{
  position:relative;width:100%!important;max-width:820px!important;margin:0 auto!important;padding:clamp(20px,3.7vw,34px)!important;
  overflow:hidden!important;text-align:center!important;border:1px solid rgba(255,255,255,.76)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(249,248,239,.81),rgba(245,244,233,.71))!important;
  box-shadow:0 22px 72px rgba(38,56,43,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(16px) saturate(112%)!important;-webkit-backdrop-filter:blur(16px) saturate(112%)!important;
}
.hero-glass::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.28;background:radial-gradient(circle at 92% 16%,rgba(197,215,121,.42),transparent 20%),radial-gradient(circle at 7% 100%,rgba(203,167,188,.22),transparent 24%);}
.hero-glass::after{display:none!important;}
html[data-theme="light"] .hero-glass,html[data-theme="morning"] .hero-glass{
  border:1px solid rgba(255,255,255,.82)!important;
  background:linear-gradient(145deg,rgba(249,248,239,.78),rgba(245,244,233,.69))!important;
  box-shadow:0 22px 72px rgba(38,56,43,.18),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px) saturate(112%)!important;-webkit-backdrop-filter:blur(16px) saturate(112%)!important;
}
html[data-theme="dark"] .hero-glass,html[data-theme="evening"] .hero-glass{
  border:1px solid rgba(226,237,219,.18)!important;
  background:linear-gradient(145deg,rgba(30,45,35,.86),rgba(29,42,33,.78))!important;
  box-shadow:0 22px 72px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero-grid,.hero .lede,.hero .cta-row,.hero .stats-row{position:relative;z-index:1;}
.hero-grid{display:block!important;text-align:center!important;}
.visitor-greeting{display:none!important;}
.hero .story-kicker,.hero .eyebrow{display:inline-flex!important;align-items:center;justify-content:center;font:600 .65rem/1.2 'IBM Plex Mono',monospace!important;letter-spacing:.15em!important;text-transform:uppercase;color:var(--accent)!important;}
.hero .story-kicker{margin:0 0 8px!important;}
.hero .eyebrow{margin:0 0 7px!important;}
.hero h1,#hero-heading{
  max-width:none!important;margin:0 auto!important;color:var(--text)!important;
  font:600 clamp(3.1rem,7vw,5.4rem)/.92 'Caveat','Segoe Print',cursive!important;
  letter-spacing:0!important;text-align:center!important;text-shadow:none!important;text-wrap:balance;
}
.hero h1 .dim{display:block!important;margin:7px auto 0!important;color:var(--text-dim)!important;font:500 clamp(.92rem,1.5vw,1.12rem)/1.35 'Inter',sans-serif!important;letter-spacing:.015em!important;text-transform:none!important;text-shadow:none!important;}
.hero .lede{max-width:64ch!important;margin:14px auto 0!important;color:var(--text-dim)!important;font:400 clamp(.88rem,1.1vw,1rem)/1.65 'Inter',sans-serif!important;text-shadow:none!important;}
.cta-row{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:9px!important;margin:18px auto 0!important;}
.btn-primary,.btn-ghost,.uy-link{
  min-height:40px;border-radius:999px!important;padding:10px 15px!important;font-size:.74rem!important;font-weight:650!important;
  box-shadow:none!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}
.btn-primary{background:var(--text)!important;color:var(--paper)!important;border:1px solid var(--text)!important;}
.btn-primary:hover{background:var(--accent)!important;border-color:var(--accent)!important;transform:translateY(-2px);}
.btn-ghost,.uy-link{background:rgba(255,255,255,.47)!important;color:var(--text)!important;border:1px solid var(--line)!important;}
.btn-ghost:hover,.uy-link:hover{background:rgba(255,255,255,.8)!important;border-color:var(--accent)!important;transform:translateY(-2px);}
html[data-theme] .hero .cta-row .btn-primary{background:var(--text)!important;color:var(--paper)!important;border:1px solid var(--text)!important;text-decoration:none!important;}
html[data-theme] .hero .cta-row .btn-ghost,html[data-theme] .hero .cta-row .uy-link{background:rgba(255,255,255,.72)!important;color:var(--text)!important;border:1px solid var(--line)!important;text-decoration:none!important;}
.btn-icon{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:5px;background:#315c48;color:#fff;font:bold 10px/1 Arial;vertical-align:-3px;}
.stats-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;max-width:760px!important;margin:20px auto 0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stat-card{display:grid!important;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;min-width:0!important;flex:initial!important;padding:13px 10px!important;text-align:left!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.stat-card+.stat-card{border-left:1px solid var(--line)!important;}
.stat-icon{grid-row:1 / span 2;display:grid!important;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(196,217,109,.35)!important;color:var(--primary)!important;font-size:15px!important;box-shadow:none!important;}
.stat-card .num{font:600 clamp(.87rem,1.6vw,1.15rem)/1.1 'IBM Plex Mono',monospace!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;background:none!important;}
.stat-card .label{margin-top:3px!important;color:var(--text-dim)!important;font-size:.57rem!important;letter-spacing:.025em!important;line-height:1.2!important;}
.scroll-indicator{position:absolute!important;left:50%!important;bottom:27px!important;z-index:4;display:flex;align-items:center;gap:8px;transform:translateX(-50%);color:var(--text-dim)!important;font:600 .6rem/1 'IBM Plex Mono',monospace!important;letter-spacing:.2em!important;text-transform:uppercase;text-decoration:none;}
.scroll-indicator .chevron{animation:premium-bob 1.7s ease-in-out infinite;}
@keyframes premium-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

/* Clear section rhythm; no content waits behind a fragile reveal animation. */
.bento-grid{display:block!important;width:min(100%,1160px)!important;max-width:1160px!important;margin:0 auto!important;padding:20px clamp(16px,4vw,44px) 84px!important;}
.section.bento-card{
  display:block!important;position:relative;margin:0 auto clamp(18px,3vw,28px)!important;padding:clamp(26px,5vw,54px)!important;
  border:1px solid var(--line)!important;border-radius:26px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,transparent),color-mix(in srgb,var(--card) 84%,transparent))!important;
  box-shadow:var(--shadow)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  overflow:visible!important;opacity:1!important;transform:none!important;
}
.section.bento-card .wrap{width:100%;max-width:100%!important;margin:0 auto!important;padding:0!important;}
.section.bento-card .reveal,.section.bento-card .sec-head,.section.bento-card .sec-desc,.section.bento-card .story-note{
  opacity:1!important;visibility:visible!important;transform:none!important;
}
.sec-head{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;}
.sec-num{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:12px;background:rgba(196,217,109,.28);color:var(--accent)!important;font:600 .66rem/1 'IBM Plex Mono',monospace!important;letter-spacing:.1em!important;}
.sec-head h2,.section h2,.section h3{margin:0;color:var(--text)!important;font-family:'Fraunces',Georgia,serif!important;letter-spacing:-.045em!important;}
.sec-head h2,.section h2{font-size:clamp(2rem,5vw,3.45rem)!important;line-height:1!important;}
.sec-desc,.story-note{max-width:64ch!important;margin:0 0 18px!important;color:var(--text-dim)!important;font-size:.94rem!important;line-height:1.7!important;}
.section p{color:var(--text-dim)!important;}
.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.contact-pill,.currently-card{
  color:var(--text)!important;border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--paper) 88%,transparent)!important;
  box-shadow:0 14px 34px -26px rgba(35,54,41,.32)!important;
}
.folio,.skill-card,.pursuing-card,.card,.currently-card,.glass-card{border-radius:18px!important;}
.folio,.skill-card,.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;}
@media(hover:hover) and (pointer:fine){.folio:hover,.skill-card:hover,.card:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--accent) 46%,var(--line))!important;box-shadow:0 18px 42px -24px rgba(35,54,41,.36)!important;}}
#credentials.section.bento-card{background:linear-gradient(145deg,rgba(250,248,236,.97),rgba(235,239,220,.94))!important;border-color:rgba(80,105,73,.22)!important;}
html[data-theme="dark"] #credentials.section.bento-card,html[data-theme="evening"] #credentials.section.bento-card{background:linear-gradient(145deg,#27362b,#202c24)!important;}
#credentials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;}
#credentials-container>.folio{min-width:0;}
.journey-years{border-bottom:1px solid var(--line)!important;}
.timeline-fill{background:linear-gradient(180deg,var(--accent),var(--cyan))!important;}
.contact-pill{border-radius:999px!important;text-decoration:none;transition:transform .2s ease,border-color .2s ease!important;}
.contact-pill:hover{transform:translateY(-2px);border-color:var(--accent)!important;}
#scroll-progress{height:3px!important;background:linear-gradient(90deg,var(--accent),var(--cyan))!important;box-shadow:none!important;}
body::before{background:linear-gradient(90deg,var(--accent),var(--cyan))!important;box-shadow:none!important;}
footer{color:var(--text-dim)!important;}

/* Keep chapter navigation useful without crowding a phone-sized header. */
.story-rail{right:18px!important;z-index:70;}
.story-rail a{color:var(--text-dim)!important;font-size:.6rem!important;opacity:.6!important;}
.story-rail a span{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;}
.story-rail a.active,.story-rail a:hover{color:var(--accent)!important;opacity:1!important;}
.dock-wrap{z-index:82!important;}
.dock{background:rgba(247,247,238,.91)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 16px 46px rgba(38,56,43,.17)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;}
.dock-item{color:var(--text-dim)!important;}
.dock-item.dock-active,.dock-item:hover{color:var(--accent)!important;background:rgba(196,217,109,.24)!important;}
body:not(.portfolio-scrolled) #dock-wrap,body:not(.portfolio-scrolled) #ai-orb,body:not(.portfolio-scrolled) #ai-nudge{visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

@media(max-width:760px),(pointer:coarse){
  .sen-stage-body{width:min(56vw,40svh,260px);top:23svh;}
  .sen-stage-portrait{width:min(100vw,58svh,600px)!important;top:43%!important;}
  .sen-stage-label{top:clamp(72px,10vh,96px)!important;font-size:.48rem!important;letter-spacing:.1em!important;}
  .sen-stage-label b{font-size:.43rem!important;letter-spacing:.07em!important;}
  .sen-stage-label-left{left:14px!important;}.sen-stage-label-right{right:14px!important;}
  .sen-sticker{padding:7px 10px;font-size:.59rem;}
  .sen-sticker-hi{left:14px;top:27%;}
  .sen-sticker-spark{right:16px;top:37%;width:36px;height:36px;font-size:1.16rem;}
  .sen-sticker-mood{right:11px;top:55%;}
  .sen-sticker-star{left:17px;top:52%;width:30px;height:30px;}
  .topnav{top:8px!important;width:calc(100% - 18px)!important;min-height:42px!important;padding:5px 7px!important;gap:6px!important;}
  .topnav .brand{font-size:.58rem!important;letter-spacing:.045em!important;}
  .topnav .navlinks{gap:2px!important;}
  .topnav .navlinks>a[data-nav]{display:none!important;}
  .topnav .navlinks>a[data-nav][href="#journey"],.topnav .navlinks>a[data-nav][href="#credentials"]{display:inline-flex!important;padding:7px 6px;font-size:.57rem;}
  .cmdk-trigger-btn,.lang-toggle,.theme-select{height:30px!important;min-height:30px!important;font-size:.57rem!important;}
  .cmdk-trigger-btn{width:30px!important;min-width:30px!important;}
  .lang-toggle{padding:0 6px!important;max-width:40px!important;}
  .theme-select{max-width:64px!important;padding:0 5px!important;}
  .focus-mode-btn,.admin-trigger{display:none!important;}
  .hero{min-height:100svh!important;min-height:100dvh!important;height:100svh!important;height:100dvh!important;padding:79px 0 74px!important;}
  .hero .wrap{width:calc(100% - 22px)!important;height:100%!important;min-height:0!important;}
  .hero-glass{padding:16px 13px 13px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(249,248,239,.84),rgba(245,244,233,.74))!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;}
  .hero .story-kicker,.hero .eyebrow{font-size:.57rem!important;letter-spacing:.11em!important;}
  .hero h1,#hero-heading{font-size:clamp(3.05rem,12vw,4.25rem)!important;line-height:.91!important;}
  .hero h1 .dim{font-size:.88rem!important;margin-top:6px!important;}
  .hero .lede{max-width:48ch!important;margin-top:11px!important;font-size:.82rem!important;line-height:1.53!important;}
  .cta-row{gap:6px!important;margin-top:13px!important;}
  .btn-primary,.btn-ghost,.uy-link{min-height:36px;padding:8px 10px!important;font-size:.62rem!important;}
  .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px!important;}
  .stat-card{padding:10px 7px!important;grid-template-columns:27px 1fr;column-gap:7px;}
  .stat-card:nth-child(3){border-left:0!important;border-top:1px solid var(--line)!important;}
  .stat-card:nth-child(4){border-top:1px solid var(--line)!important;}
  .stat-icon{width:25px;height:25px;border-radius:8px;font-size:13px!important;}
  .stat-card .num{font-size:.81rem!important;}
  .stat-card .label{font-size:.52rem!important;line-height:1.25!important;}
  .scroll-indicator{bottom:29px!important;}
  .bento-grid{padding:12px 11px 56px!important;}
  .section.bento-card{padding:25px 18px!important;margin-bottom:15px!important;border-radius:21px!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;}
  .sec-head{gap:10px!important;margin-bottom:13px!important;}
  .sec-num{min-width:30px;height:30px;border-radius:10px;font-size:.6rem!important;}
  .sec-head h2,.section h2{font-size:clamp(1.9rem,9vw,2.55rem)!important;}
  .sec-desc,.story-note{font-size:.86rem!important;line-height:1.62!important;}
  .section.bento-card .wrap{min-width:0;}
  #credentials-container{grid-template-columns:1fr;gap:11px;}
  .story-rail{display:none!important;}
  .dock-wrap{bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;}
  .dock{max-width:calc(100vw - 20px)!important;}
  .ai-orb{right:14px!important;bottom:calc(83px + env(safe-area-inset-bottom,0px))!important;}
}
@media(max-width:380px){
  .topnav .brand{font-size:.53rem!important;}
  .topnav .navlinks>a[data-nav][href="#journey"],.topnav .navlinks>a[data-nav][href="#credentials"]{padding-left:4px;padding-right:4px;font-size:.53rem;}
  .lang-toggle{display:none!important;}
  .hero-glass{padding-left:12px!important;padding-right:12px!important;}
  .stat-card .label{font-size:.48rem!important;}
}
@media(prefers-reduced-motion:reduce){
  .sen-stage-portrait{transform:translate(-50%,-50%) scale(.94)!important;will-change:auto!important;}
  .sen-stage-portrait img,.sen-sticker,.section.bento-card,.hero-glass,.scroll-indicator .chevron{transition:none!important;animation:none!important;}
}


/* REFERENCE PASS — zoomed portrait backdrop, dark translucent glass, and chunky editorial type. */
.sen-stage-closeup{
  position:absolute;inset:-8%;z-index:0;overflow:hidden;opacity:0;pointer-events:none;
  transform:scale(1.025);transition:opacity .8s ease,transform 1.25s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;
}
.sen-stage-closeup img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center 17%;
  filter:blur(9px) brightness(.44) saturate(.78);transform:scale(1.08);
  transition:filter .85s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);
}
body.portfolio-detail-mode .sen-stage-closeup{opacity:.82;transform:scale(1.075);}
body.portfolio-detail-mode .sen-stage-closeup img{filter:blur(7px) brightness(.38) saturate(.82);transform:scale(1.14);}
body.portfolio-detail-mode .sen-stage-body{opacity:.15!important;}
body.portfolio-detail-mode .sen-stage::before{opacity:.13!important;}

/* Hero copy remains crisp while the character shows softly through the charcoal glass. */
.hero-glass,html[data-theme="light"] .hero-glass,html[data-theme="morning"] .hero-glass,
html[data-theme="dark"] .hero-glass,html[data-theme="evening"] .hero-glass{
  border:1px solid rgba(255,255,255,.24)!important;
  background:linear-gradient(145deg,rgba(19,27,23,.71),rgba(18,25,22,.57))!important;
  box-shadow:0 28px 80px rgba(10,19,14,.3),inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(10px) saturate(118%)!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important;
}
.hero-glass::before{opacity:.20!important;background:radial-gradient(circle at 90% 16%,rgba(213,227,146,.24),transparent 22%),radial-gradient(circle at 7% 100%,rgba(215,157,142,.2),transparent 25%)!important;}
.hero .story-kicker,.hero .eyebrow{color:#ecd69e!important;text-shadow:0 2px 14px rgba(0,0,0,.28);}
.hero h1,#hero-heading{color:#fbf8ed!important;text-shadow:0 3px 24px rgba(0,0,0,.35)!important;}
.hero h1 .dim{color:rgba(250,248,239,.84)!important;text-shadow:0 2px 12px rgba(0,0,0,.32)!important;}
.hero .lede{color:rgba(250,248,239,.84)!important;text-shadow:0 2px 14px rgba(0,0,0,.38)!important;}
html[data-theme] .hero .cta-row .btn-primary{background:#d8e58f!important;color:#283129!important;border:1px solid rgba(241,246,202,.85)!important;box-shadow:0 8px 24px rgba(4,12,8,.18)!important;}
html[data-theme] .hero .cta-row .btn-ghost,html[data-theme] .hero .cta-row .uy-link{background:rgba(255,255,255,.1)!important;color:#fbf8ed!important;border:1px solid rgba(255,255,255,.3)!important;backdrop-filter:blur(8px);}
html[data-theme] .hero .cta-row .btn-ghost:hover,html[data-theme] .hero .cta-row .uy-link:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.55)!important;}
.stats-row{border-color:rgba(255,255,255,.22)!important;}
.stat-card+.stat-card{border-left-color:rgba(255,255,255,.2)!important;}
.stat-icon{background:rgba(223,236,157,.18)!important;color:#e5edaf!important;border:1px solid rgba(239,244,204,.2)!important;}
.stat-card .num{-webkit-text-fill-color:#faf8ee!important;color:#faf8ee!important;}
.stat-card .label{color:rgba(250,248,239,.7)!important;}
.scroll-indicator{color:rgba(250,248,239,.78)!important;text-shadow:0 2px 12px rgba(0,0,0,.3);}

/* Every chapter becomes a smoked-glass sheet over the moving close-up, not an opaque tile. */
.section.bento-card,#credentials.section.bento-card{
  border:1px solid rgba(255,255,255,.23)!important;border-radius:26px!important;
  background:linear-gradient(145deg,rgba(18,25,22,.66),rgba(18,24,21,.48))!important;
  box-shadow:0 28px 82px -28px rgba(0,0,0,.53),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(11px) saturate(116%)!important;-webkit-backdrop-filter:blur(11px) saturate(116%)!important;
  color:#f8f5ea!important;
}
.sec-head h2,.section h2,.section h3,.section.bento-card .sec-head h2,.section.bento-card h2,.section.bento-card h3{
  color:#fbf8ee!important;font-family:'Fraunces',Georgia,serif!important;font-weight:700!important;
  letter-spacing:-.045em!important;text-shadow:0 2px 22px rgba(0,0,0,.3);
}
.sec-head h2,.section h2{font-size:clamp(2.15rem,5.2vw,3.65rem)!important;}
.sec-num{border-color:rgba(255,255,255,.25)!important;background:rgba(225,235,164,.16)!important;color:#e7d89f!important;}
.sec-desc,.story-note,.section p,.section.bento-card .sec-desc,.section.bento-card .story-note,.section.bento-card p{
  color:rgba(250,248,240,.78)!important;
}

/* Nested credentials, skills, timeline panels and project cards share the translucent treatment. */
.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.contact-pill,.currently-card,
.section.bento-card .yash-os-shell,.section.bento-card .currently-grid,.section.bento-card .glass-card,
.section.bento-card .folio,.section.bento-card .skill-card,.section.bento-card .pursuing-card,
.section.bento-card .card,.section.bento-card .contact-pill,.section.bento-card .currently-card,
.section.bento-card .journey-year-panel,.section.bento-card .journey-years,.section.bento-card .timeline-node,
.section.bento-card .exp-node,.section.bento-card .learning-strip{
  color:rgba(250,248,240,.92)!important;
  border-color:rgba(255,255,255,.19)!important;
  background:linear-gradient(145deg,rgba(13,20,17,.48),rgba(16,22,19,.36))!important;
  box-shadow:0 16px 40px -25px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1)!important;
  backdrop-filter:blur(8px) saturate(112%)!important;-webkit-backdrop-filter:blur(8px) saturate(112%)!important;
}
.section.bento-card :is(.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.currently-card,.journey-year-panel,.journey-years,.timeline-node,.exp-node,.learning-strip) :is(h1,h2,h3,h4,p,span,small,strong,li,label,summary,a,dt,dd){
  color:rgba(250,248,240,.9)!important;
}
.section.bento-card :is(.badge,.tag,.chip,.status,.status-badge,.folio-status,.card-skills span,.learning-list span){
  color:#f7f3e7!important;border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.1)!important;
}
.section.bento-card .timeline-fill{background:linear-gradient(180deg,#e7d89f,#c6da7b)!important;}
.section.bento-card .timeline-track{background:rgba(255,255,255,.16)!important;}
.section.bento-card .contact-pill{color:#fbf8ee!important;}
.section.bento-card .contact-pill:hover,.section.bento-card .folio:hover,.section.bento-card .skill-card:hover,.section.bento-card .card:hover{
  border-color:rgba(233,224,172,.56)!important;box-shadow:0 20px 46px -23px rgba(0,0,0,.52)!important;
}

/* Fixed controls inherit the same smoked glass when moving over close-up sections. */
body.portfolio-detail-mode .topnav{
  border-color:rgba(255,255,255,.2)!important;background:rgba(18,26,22,.68)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.3)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body.portfolio-detail-mode .topnav .brand,body.portfolio-detail-mode .topnav .navlinks>a[data-nav],
body.portfolio-detail-mode .topnav button,body.portfolio-detail-mode .topnav select{color:#faf7ed!important;}
body.portfolio-detail-mode .cmdk-trigger-btn,body.portfolio-detail-mode .lang-toggle,body.portfolio-detail-mode .theme-select,body.portfolio-detail-mode .admin-trigger{
  border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important;
}
body.portfolio-detail-mode .story-rail a{color:rgba(250,248,239,.68)!important;}
body.portfolio-detail-mode .story-rail a.active,body.portfolio-detail-mode .story-rail a:hover{color:#e8d99e!important;}
body.portfolio-detail-mode .dock{border-color:rgba(255,255,255,.2)!important;background:rgba(20,28,24,.82)!important;}
body.portfolio-detail-mode .dock-item{color:rgba(250,248,239,.78)!important;}
body.portfolio-detail-mode .dock-item.dock-active,body.portfolio-detail-mode .dock-item:hover{color:#f5e7ac!important;background:rgba(225,235,164,.12)!important;}

@media(max-width:760px),(pointer:coarse){
  .sen-stage-body{width:min(100vw,58svh,600px)!important;top:43%!important;}
  .sen-stage-closeup{inset:-6%;}
  .sen-stage-closeup img{object-position:center 15%;filter:blur(7px) brightness(.42) saturate(.78);}
  body.portfolio-detail-mode .sen-stage-closeup{opacity:.88;}
  .hero-glass,html[data-theme] .hero-glass{background:linear-gradient(145deg,rgba(19,27,23,.73),rgba(18,25,22,.6))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
  .section.bento-card,#credentials.section.bento-card{padding:25px 18px!important;border-radius:23px!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;}
  .section.bento-card :is(.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.currently-card,.journey-year-panel,.journey-years,.timeline-node,.exp-node,.learning-strip){backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;}
}
@media(prefers-reduced-motion:reduce){
  .sen-stage-closeup,.sen-stage-closeup img{transition:none!important;transform:none!important;}
}


/* Accordion folios used their own light button gradients; replace those inner surfaces too. */
.section.bento-card .folio .accordion-head{
  color:#fbf8ee!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(30,39,34,.74),rgba(19,26,22,.60))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
.section.bento-card .folio .accordion-head:hover,.section.bento-card .folio .accordion-head[aria-expanded="true"]{
  background:linear-gradient(145deg,rgba(44,54,45,.78),rgba(22,30,25,.68))!important;border-color:rgba(231,216,159,.42)!important;
}
.section.bento-card .folio .folio-icon{color:#eee3ba!important;border-color:rgba(255,255,255,.19)!important;background:rgba(224,234,159,.12)!important;}
.section.bento-card .folio .count{color:#edf0d8!important;border-color:rgba(255,255,255,.2)!important;background:rgba(221,233,166,.12)!important;}
.section.bento-card .folio .accordion-body,.section.bento-card .folio .card-grid{color:rgba(250,248,240,.9)!important;background:transparent!important;border-color:rgba(255,255,255,.16)!important;}
.section.bento-card .folio .card{color:rgba(250,248,240,.92)!important;background:linear-gradient(145deg,rgba(12,19,16,.55),rgba(17,24,20,.42))!important;border-color:rgba(255,255,255,.17)!important;}
.section.bento-card .folio::before{opacity:.12!important;}
.section.bento-card .folio::after{opacity:.08!important;}

.section.bento-card .cert-thumb,.section.bento-card a.cert-thumb, .section.bento-card button.cert-thumb{
  color:#f7f3e8!important;border:1px solid rgba(255,255,255,.21)!important;
  background:rgba(255,255,255,.1)!important;box-shadow:none!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
.section.bento-card .cert-thumb:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.4)!important;}


/* Some original sections have stronger ID-level light panels; apply glass above those legacy rules. */
body #main-content .section.bento-card[id]{
  border-color:rgba(255,255,255,.23)!important;
  background:linear-gradient(145deg,rgba(18,25,22,.66),rgba(18,24,21,.48))!important;
  box-shadow:0 28px 82px -28px rgba(0,0,0,.53),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(11px) saturate(116%)!important;-webkit-backdrop-filter:blur(11px) saturate(116%)!important;
  color:#f8f5ea!important;
}
body #main-content .section.bento-card[id] .yash-os-item{
  color:rgba(250,248,240,.92)!important;border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,rgba(13,20,17,.5),rgba(16,22,19,.36))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
body #main-content .section.bento-card[id] .yash-os-item :is(h1,h2,h3,h4,p,span,strong,small,li,label){color:rgba(250,248,240,.9)!important;}
body #main-content .section.bento-card[id] .yash-os-item :is(.status,.state,.item-status){color:#e8e3c8!important;border-color:rgba(255,255,255,.18)!important;background:rgba(220,233,166,.1)!important;}


/* Legacy labels are plain DIVs with explicit ink colors, so normalize all detail copy to ivory. */
body #main-content .section.bento-card[id] :not(svg):not(path):not(.sec-num):not(.timeline-fill){
  color:rgba(250,248,240,.9)!important;-webkit-text-fill-color:rgba(250,248,240,.9)!important;
}
body #main-content .section.bento-card[id] .yash-os-item :is(.yash-os-state,.state,.status),
body #main-content .section.bento-card[id] :is(.count,.cert-thumb){
  color:#eaf0d1!important;-webkit-text-fill-color:#eaf0d1!important;
  border-color:rgba(255,255,255,.18)!important;background:rgba(220,233,166,.11)!important;
}
body #main-content .section.bento-card[id] .exp-circle{background:rgba(220,233,166,.2)!important;border-color:rgba(255,255,255,.24)!important;}


.section.bento-card .yash-os-status{
  color:#eaf0d1!important;-webkit-text-fill-color:#eaf0d1!important;
  border:1px solid rgba(220,233,166,.22)!important;background:rgba(220,233,166,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.achv-toast{
  color:#f7f4eb!important;border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(18,26,22,.83)!important;box-shadow:0 16px 46px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(15px) saturate(125%)!important;-webkit-backdrop-filter:blur(15px) saturate(125%)!important;
}
.achv-toast :is(strong,span,p,small){color:rgba(250,248,240,.9)!important;-webkit-text-fill-color:rgba(250,248,240,.9)!important;}
.achv-toast strong{color:#e8d99e!important;-webkit-text-fill-color:#e8d99e!important;}


/* CONTINUOUS CHARACTER SCENE — keep the full-body backplate, close-up, and copy on one canvas. */
#sen-stage{perspective:1400px;transform-style:preserve-3d;}
#sen-stage::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 76% 52% at 50% 73%,rgba(10,16,13,.31),transparent 80%);transition:background .7s ease,opacity .7s ease;}
body.portfolio-detail-mode #sen-stage::after{background:linear-gradient(180deg,rgba(4,8,6,.28),rgba(4,8,6,.4));}
#sen-stage .sen-stage-closeup{
  z-index:1;opacity:0;transform:translate3d(var(--parallax-depth-x,0px),var(--parallax-depth-y,0px),0) scale(1.025) rotateX(var(--parallax-depth-pitch,0deg)) rotateY(var(--parallax-depth-yaw,0deg))!important;
  transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform .22s ease-out!important;will-change:opacity,transform;
}
#sen-stage .sen-stage-closeup img{object-position:center 17%;filter:blur(9px) brightness(.44) saturate(.78);transform:scale(1.08);transition:filter .85s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);}
body.portfolio-detail-mode #sen-stage .sen-stage-closeup{
  opacity:.78;transform:translate3d(calc(var(--parallax-depth-x,0px) + var(--scene-scroll-x,0px)),calc(var(--parallax-depth-y,0px) + var(--scene-scroll-y,0px)),0) scale(calc(1.085 + var(--scene-scroll-scale,0))) rotateX(calc(var(--parallax-depth-pitch,0deg) + var(--scene-scroll-pitch,0deg))) rotateY(calc(var(--parallax-depth-yaw,0deg) + var(--scene-scroll-yaw,0deg)))!important;
}
body.portfolio-detail-mode #sen-stage .sen-stage-closeup img{filter:blur(12px) brightness(.31) saturate(.84)!important;transform:scale(1.14);}
#sen-stage .sen-stage-body{
  z-index:2;transform:translate3d(calc(-50% + var(--portrait-x,0px) + var(--parallax-x,0px)),calc(-50% + var(--portrait-y,0px) + var(--parallax-y,0px)),0) scale(var(--portrait-scale,.94)) rotateX(var(--parallax-pitch,0deg)) rotateY(var(--parallax-yaw,0deg)) rotateZ(var(--portrait-rz,0deg))!important;
  transform-origin:50% 26%;transition:opacity .8s ease;backface-visibility:hidden;will-change:transform,opacity;
}
body.portfolio-detail-mode #sen-stage .sen-stage-body{opacity:0!important;}
#sen-stage .sen-stage-portrait{
  z-index:3;transform:translate3d(calc(-50% + var(--portrait-x,0px) + var(--parallax-x,0px)),calc(-50% + var(--portrait-y,0px) + var(--parallax-y,0px)),0) scale(var(--portrait-scale,.94)) rotateX(var(--parallax-pitch,0deg)) rotateY(var(--parallax-yaw,0deg)) rotateZ(var(--portrait-rz,0deg))!important;
  backface-visibility:hidden;will-change:transform,opacity;
}
body.portfolio-detail-mode #sen-stage .sen-stage-portrait{opacity:0!important;}
#sen-stage .sen-sticker{z-index:4;transform:translate3d(var(--parallax-depth-x,0px),calc(12px - 12px * var(--sticker-reveal,0)),0) rotate(var(--sticker-tilt,0deg));}

/* Feather the intro into the body illustration. No hero card or rectangular glaze. */
.hero-glass,html[data-theme] .hero .hero-glass{
  border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  background:transparent!important;background-image:none!important;overflow:visible!important;
}
.hero-glass::before,.hero-glass::after{content:none!important;display:none!important;opacity:0!important;background:none!important;box-shadow:none!important;}
.hero h1,#hero-heading,.hero h1 .dim,.hero .lede,.hero .story-kicker,.hero .eyebrow{position:relative;z-index:1;color:#fbf8ee!important;text-shadow:0 3px 28px rgba(0,0,0,.72),0 1px 5px rgba(0,0,0,.55)!important;}
.hero .stats-row .stat-card{background:transparent!important;border:0!important;border-bottom:1px solid rgba(250,248,240,.21)!important;border-radius:0!important;box-shadow:none!important;}
.hero .stats-row .stat-card .num,.hero .stats-row .stat-card .label{background:none!important;color:#fbf8ee!important;-webkit-text-fill-color:#fbf8ee!important;}
.hero .stats-row .stat-icon{background:transparent!important;border:0!important;box-shadow:none!important;}

/* Let each chapter breathe into the same full-bleed backdrop—no independent section plates. */
body #main-content .section.bento-card[id]{
  position:relative;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;
  padding:clamp(34px,6vw,72px) clamp(18px,4vw,48px)!important;margin:0 auto clamp(58px,9vw,112px)!important;
}
body #main-content .section.bento-card[id]::before{content:"";position:absolute;top:0;left:clamp(18px,4vw,48px);width:52px;height:1px;background:linear-gradient(90deg,rgba(232,217,158,.72),transparent);opacity:.75;}
body #main-content .section.bento-card[id] .sec-head{margin-bottom:12px!important;}
body #main-content .section.bento-card[id] .sec-head h2{font-size:clamp(2.35rem,6vw,4.1rem)!important;letter-spacing:-.055em!important;text-shadow:0 4px 28px rgba(0,0,0,.55)!important;color:#fbf8ee!important;}
body #main-content .section.bento-card[id] :is(.sec-desc,.story-note,p){max-width:68ch!important;color:#f6f4e9!important;text-shadow:0 2px 16px rgba(0,0,0,.52);}
body #main-content .section.bento-card[id] .sec-num{background:rgba(232,217,158,.12)!important;border-color:rgba(232,217,158,.35)!important;color:#eadba5!important;}
body #main-content .section.bento-card[id] :is(h3,h4,.eyebrow,.exp-org,.yash-os-value,.skill-card h3,.folio h3,.card h3){color:#fbf8ee!important;text-shadow:0 2px 18px rgba(0,0,0,.4)!important;}
body #main-content .section.bento-card[id] :is(small,.meta,.date,.sec-label,.status-label){color:rgba(250,248,240,.76)!important;}

/* Remove fills from informational components; retain only typography, imagery, and hairline dividers. */
body #main-content .section.bento-card[id] :is(.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.currently-card,.journey-year-panel,.journey-years,.timeline-node,.exp-node,.learning-strip,.yash-os-item,.card-grid,.accordion-body){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
body #main-content .section.bento-card[id] .yash-os-item{border-bottom:1px solid rgba(250,248,240,.14)!important;padding:15px 8px!important;}
body #main-content .section.bento-card[id] .yash-os-status{border:0!important;border-left:2px solid rgba(220,233,166,.62)!important;border-radius:0!important;background:transparent!important;padding:3px 0 3px 9px!important;box-shadow:none!important;}
body #main-content .section.bento-card[id] :is(.yash-os-state,.count){border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;color:#e9dca9!important;}
body #main-content .section.bento-card[id] .exp-node{border-bottom:1px solid rgba(250,248,240,.16)!important;padding:18px 8px 22px 28px!important;}
body #main-content .section.bento-card[id] .exp-circle{background:#dce9a6!important;border:2px solid rgba(12,20,16,.82)!important;box-shadow:0 0 0 4px rgba(220,233,166,.12)!important;}
body #main-content .section.bento-card[id] .skill-card{border-bottom:1px solid rgba(250,248,240,.16)!important;padding:22px 10px 27px!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;}
body #main-content .section.bento-card[id] .skill-card:hover{transform:translateX(5px)!important;}
body #main-content .section.bento-card[id] .card-grid>.card{border-bottom:1px solid rgba(250,248,240,.16)!important;padding:18px 8px!important;}
body #main-content .section.bento-card[id] .folio{border-bottom:1px solid rgba(250,248,240,.2)!important;}
body #main-content .section.bento-card[id] .folio .accordion-head{min-height:82px!important;padding:17px 6px!important;border:0!important;border-bottom:1px solid rgba(250,248,240,.16)!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fbf8ee!important;}
body #main-content .section.bento-card[id] .folio .accordion-head:hover,body #main-content .section.bento-card[id] .folio .accordion-head[aria-expanded="true"]{background:linear-gradient(90deg,rgba(232,217,158,.07),transparent 82%)!important;}
body #main-content .section.bento-card[id] .folio .folio-icon{background:transparent!important;background-image:none!important;border:1px solid rgba(232,217,158,.4)!important;border-radius:50%!important;color:#eadba5!important;}
body #main-content .section.bento-card[id] .folio .folio-num{color:rgba(250,248,240,.55)!important;letter-spacing:.14em!important;}
body #main-content .section.bento-card[id] :is(.folio .count,.cert-thumb,.status-tag,.skill-tag,.skill-chip,.tag){background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(232,217,158,.35)!important;border-radius:0!important;box-shadow:none!important;color:#ebdda8!important;}
body #main-content .section.bento-card[id] .folio .card{border-bottom:1px solid rgba(250,248,240,.12)!important;padding:16px 8px!important;}
body #main-content .section.bento-card[id] :is(.card span:not(.card-glow):not(.cert-thumb-zoom),.skill-card span:not(.card-glow)){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body #main-content .section.bento-card[id] .card-glow{display:none!important;}
body #main-content .section.bento-card[id] .contact-pill{background:transparent!important;border-color:rgba(250,248,240,.32)!important;box-shadow:none!important;color:#fbf8ee!important;}
body #main-content .section.bento-card[id] .contact-pill:hover{background:rgba(250,248,240,.08)!important;border-color:rgba(232,217,158,.65)!important;}
body #main-content .section.bento-card[id] :is(.exp-org,.yash-os-value,.skill-card h3,.folio h3,.card h3){font-family:'Fraunces',Georgia,serif!important;font-weight:700!important;letter-spacing:-.025em!important;}

/* Floating stickers and achievement pings stay playful but never create stacked panels. */
#achv-container .achv-toast:not(:last-child){display:none!important;}
#achv-container .achv-toast{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:10px 14px!important;text-shadow:0 2px 16px rgba(0,0,0,.8)!important;}
#achv-container .achv-toast :is(strong,span,p,small){text-shadow:0 2px 14px rgba(0,0,0,.85)!important;}
body.portfolio-detail-mode #achv-container{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}

@media(max-width:760px),(pointer:coarse){
  body #main-content .section.bento-card[id]{padding:32px 18px!important;margin-bottom:62px!important;}
  body #main-content .section.bento-card[id]::before{left:18px;}
  body #main-content .section.bento-card[id] .exp-node{padding-left:24px!important;}
  body #main-content .section.bento-card[id] .folio .accordion-head{min-height:74px!important;}
  html[data-theme] .hero .hero-glass{background:transparent!important;background-image:none!important;}
}
@media(prefers-reduced-motion:reduce){#sen-stage .sen-stage-closeup,#sen-stage .sen-stage-closeup img,#sen-stage .sen-stage-body,#sen-stage .sen-stage-portrait{transition:none!important;}.sen-stage-closeup img{filter:none!important;}body.portfolio-detail-mode #sen-stage .sen-stage-closeup img{filter:blur(12px) brightness(.31) saturate(.84)!important;}}


/* MOBILE PORTRAIT STORY — quieter idle motion, a crisp face backdrop, and breathing room. */
#sen-stage{z-index:0!important;isolation:isolate;}
#sen-stage .sen-stage-body{
  transform:translate3d(calc(-50% + var(--portrait-x,0px) + var(--parallax-x,0px) + var(--idle-x,0px)),calc(-50% + var(--portrait-y,0px) + var(--parallax-y,0px) + var(--idle-y,0px)),0) scale(var(--portrait-scale,.94)) scale(var(--idle-breath,1)) rotateX(var(--parallax-pitch,0deg)) rotateY(var(--parallax-yaw,0deg)) rotateZ(calc(var(--portrait-rz,0deg) + var(--idle-tilt,0deg)))!important;
}
#sen-stage .sen-stage-portrait{
  transform:translate3d(calc(-50% + var(--portrait-x,0px) + var(--parallax-x,0px) + var(--idle-x,0px)),calc(-50% + var(--portrait-y,0px) + var(--parallax-y,0px) + var(--idle-y,0px)),0) scale(var(--portrait-scale,.94)) scale(var(--idle-breath,1)) rotateX(var(--parallax-pitch,0deg)) rotateY(var(--parallax-yaw,0deg)) rotateZ(calc(var(--portrait-rz,0deg) + var(--idle-tilt,0deg)))!important;
}
#sen-stage .sen-stage-closeup{
  transform:translate3d(calc(var(--parallax-depth-x,0px) + var(--scene-scroll-x,0px) + var(--idle-face-x,0px)),calc(var(--parallax-depth-y,0px) + var(--scene-scroll-y,0px) + var(--idle-face-y,0px)),0) scale(calc(1.025 + var(--scene-scroll-scale,0) + var(--idle-face-scale,0))) rotateX(calc(var(--parallax-depth-pitch,0deg) + var(--scene-scroll-pitch,0deg) + var(--idle-face-pitch,0deg))) rotateY(calc(var(--parallax-depth-yaw,0deg) + var(--scene-scroll-yaw,0deg) + var(--idle-face-yaw,0deg))) rotateZ(var(--idle-face-roll,0deg))!important;
}
#sen-stage .sen-stage-closeup img{
  object-position:center 18%;filter:blur(4px) brightness(.58) saturate(.92) contrast(1.02)!important;
  transform:scale(1.16);transition:filter .9s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)!important;
}
body.portfolio-detail-mode #sen-stage .sen-stage-closeup{opacity:.9!important;}
body.portfolio-detail-mode #sen-stage .sen-stage-closeup img{
  object-position:center 18%;filter:blur(1.45px) brightness(.6) saturate(.97) contrast(1.06)!important;
  transform:scale(1.2);
}
body.portfolio-detail-mode #sen-stage::after{background:linear-gradient(180deg,rgba(7,11,9,.14),rgba(7,11,9,.24))!important;}
#sen-stage .sen-sticker{animation:sen-sticker-breeze 5.8s ease-in-out infinite;animation-delay:var(--sticker-delay,0ms);}
@keyframes sen-sticker-breeze{0%,100%{translate:0 0;}50%{translate:0 -4px;}}
body.portfolio-detail-mode #sen-stage .sen-sticker{opacity:.86!important;}
body.portfolio-detail-mode #sen-stage .sen-sticker-hi,
body.portfolio-detail-mode #sen-stage .sen-sticker-mood{
  color:#fbf8ee!important;background:rgba(12,18,15,.78)!important;border-color:rgba(255,255,255,.3)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(9px) saturate(120%)!important;-webkit-backdrop-filter:blur(9px) saturate(120%)!important;
}

/* Layer order stays explicit: ambient field → portrait → section copy → navigation. */
#sen-stage{z-index:0!important;}
#main-content{position:relative!important;z-index:3!important;}
#main-content .hero#hello{position:relative;z-index:3;}
#main-content .hero#hello .wrap{position:relative;z-index:4;}
#dock-wrap{z-index:120!important;}

/* Five primary destinations; everything else slides up from More. */
.dock-more-wrap{position:relative;display:flex;align-items:flex-end;flex:0 0 auto;}
.dock-more-toggle{touch-action:manipulation;}
.dock-more-panel{
  position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:130;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(300px,calc(100vw - 28px));
  padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:21px;
  background:rgba(13,20,16,.9);box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12);
  color:#f8f5ea;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,12px) scale(.98);
  transform-origin:50% 100%;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.7,.2,1),visibility .22s ease;
}
.dock-more-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);}
.dock-more-link{
  appearance:none;display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:9px 11px;
  border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);
  color:#f8f5ea;text-align:left;text-decoration:none;font:600 .75rem/1.2 'Inter',sans-serif;cursor:pointer;touch-action:manipulation;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.dock-more-link svg{width:19px;height:19px;flex:0 0 19px;pointer-events:none;}
.dock-more-link:hover,.dock-more-link:focus-visible,.dock-more-link.dock-active{background:rgba(220,233,166,.16);border-color:rgba(232,217,158,.42);color:#f5e8b5;}
.dock-more-toggle.dock-active{color:#efe0a5!important;background:rgba(220,233,166,.14)!important;}
.dock-more-link.dock-cmdk{font:600 .75rem/1.2 'Inter',sans-serif;}
.dock-more-link:focus-visible,.dock-more-toggle:focus-visible{outline:2px solid #e8d99e;outline-offset:3px;}

@media(max-width:760px),(pointer:coarse){
  /* Keep the whole mascot above the bio; let the page grow instead of stacking text on the face. */
  #sen-stage .sen-stage-body{width:min(78vw,46svh,340px)!important;top:33%!important;}
  .hero#hello{
    display:block!important;height:auto!important;min-height:100svh!important;min-height:100dvh!important;
    padding:74px 0 96px!important;overflow:visible!important;
  }
  .hero#hello .wrap{
    width:calc(100% - 24px)!important;height:auto!important;min-height:0!important;
    margin:clamp(375px,52svh,440px) auto 0!important;padding:0!important;display:block!important;
  }
  .hero#hello .hero-glass{
    isolation:isolate;position:relative!important;padding:21px 16px 18px!important;margin:0 auto!important;
    border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .hero#hello .hero-glass::before{
    content:""!important;display:block!important;position:absolute;z-index:0;pointer-events:none;opacity:1!important;
    inset:-13px -8px -17px;border:0;border-radius:32px;
    background:linear-gradient(180deg,rgba(7,12,10,0) 0%,rgba(7,12,10,.2) 10%,rgba(7,12,10,.67) 34%,rgba(7,12,10,.74) 100%)!important;
    backdrop-filter:blur(9px) saturate(112%);-webkit-backdrop-filter:blur(9px) saturate(112%);
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.68) 12%,#000 24%);
  }
  .hero#hello .hero-grid,.hero#hello .lede,.hero#hello .cta-row,.hero#hello .stats-row{position:relative;z-index:1;}
  .hero#hello .hero-grid{padding-top:2px;}
  .hero#hello .lede{margin-top:14px!important;font-size:.85rem!important;line-height:1.62!important;}
  .hero#hello .cta-row{margin-top:16px!important;}
  .hero#hello .stats-row{margin-top:16px!important;}
  .sen-sticker-hi,.sen-sticker-mood{
    color:#fbf8ee!important;background:rgba(12,18,15,.78)!important;border-color:rgba(255,255,255,.28)!important;
    box-shadow:0 10px 25px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.15)!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  }
  .hero#hello + .bento-grid{padding:clamp(48px,8svh,72px) 11px calc(118px + env(safe-area-inset-bottom,0px))!important;}
  body #main-content .section.bento-card[id]{margin-bottom:74px!important;scroll-margin-top:88px;}
  body #main-content .section.bento-card[id] .wrap{scroll-margin-top:88px;}
  #yash-os{padding-top:42px!important;}
  #credentials .folio+.folio{margin-top:18px!important;}

  .dock-wrap{left:50%!important;bottom:9px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;}
  .dock{width:calc(100vw - 24px)!important;max-width:440px!important;gap:0!important;padding:6px 8px!important;overflow:visible!important;justify-content:space-between!important;}
  .dock-item{flex:1 1 0;min-width:44px!important;width:auto!important;height:52px!important;padding:5px 1px!important;gap:3px!important;border-radius:13px!important;touch-action:manipulation;}
  .dock-item svg{width:19px!important;height:19px!important;}
  .dock-tooltip{font-size:clamp(7px,2.15vw,8px)!important;letter-spacing:0!important;}
  .dock-sep{height:31px;align-self:center;margin:0 3px!important;}
  .dock-more-wrap{align-self:stretch;}
  .dock-more-panel{bottom:calc(82px + env(safe-area-inset-bottom,0px));width:min(300px,calc(100vw - 28px));}
  .dock-more-link{min-height:48px;font-size:.74rem;}
}

@media(max-width:360px){
  .dock{width:calc(100vw - 16px)!important;padding:5px 5px!important;}
  .dock-item{min-width:43px!important;height:50px!important;}
  .dock-tooltip{font-size:7px!important;}
  .hero#hello .wrap{width:calc(100% - 18px)!important;}
}

@media(prefers-reduced-motion:reduce){
  #sen-stage .sen-stage-body,#sen-stage .sen-stage-portrait,#sen-stage .sen-stage-closeup{transition:none!important;}
  #sen-stage .sen-sticker{animation:none!important;translate:0 0!important;}
  #sen-stage .sen-stage-closeup img{filter:blur(2.8px) brightness(.58) saturate(.94)!important;transition:none!important;}
  body.portfolio-detail-mode #sen-stage .sen-stage-closeup img{filter:blur(1.45px) brightness(.6) saturate(.97) contrast(1.06)!important;}
  .dock-more-panel,.dock-more-link{transition:none!important;}
}

/* Force the intended mobile scrim and fully entered dock above legacy important resets. */
@media(max-width:760px),(pointer:coarse){
  #main-content .hero#hello .hero-glass::before{
    content:""!important;display:block!important;opacity:1!important;
    background:linear-gradient(180deg,rgba(7,12,10,0) 0%,rgba(7,12,10,.2) 10%,rgba(7,12,10,.67) 34%,rgba(7,12,10,.74) 100%)!important;
  }
}
body #dock-wrap.dock-in{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}


/* CHARACTER MOTION PASS — keyed hero gesture, sticker cameos, and section-directed portraits. */
#sen-stage .sen-stage-body{isolation:isolate;}
#sen-stage .sen-stage-body > img:first-child{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;}
#sen-stage .sen-stage-gesture-source{position:absolute;left:-2px;top:-2px;width:2px;height:2px;opacity:0;pointer-events:none;}
#sen-stage .sen-stage-gesture-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease;}
#sen-stage .sen-stage-body.is-motion-ready > img:first-child{opacity:0;}
#sen-stage .sen-stage-body.is-motion-ready .sen-stage-gesture-canvas{opacity:1;}
#sen-stage .sen-stage-glint{position:absolute;z-index:2;left:58%;top:13.5%;width:11%;height:2.8%;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,.94) 50%,rgba(167,224,255,.54) 58%,transparent 75%);filter:drop-shadow(0 0 5px rgba(226,248,255,.9));mix-blend-mode:screen;transform:translateX(-160%) rotate(-16deg);animation:sen-lens-glint 6.4s ease-in-out infinite;}
@keyframes sen-lens-glint{0%,52%,100%{opacity:0;transform:translateX(-160%) rotate(-16deg)}58%{opacity:.95}68%{opacity:.05;transform:translateX(175%) rotate(-16deg)}}
#sen-stage .sen-stage-character-sticker{position:absolute;z-index:4;display:block;height:auto;aspect-ratio:2/3;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(10,16,13,.24));will-change:transform,opacity;}
#sen-stage .sen-stage-character-sticker--wave{left:calc(50% + clamp(170px,25vw,360px));top:24%;width:clamp(88px,12vw,155px);animation:sen-wave-sticker-float 5.4s ease-in-out infinite;}
#sen-stage .sen-stage-character-sticker--climb{left:calc(50% - clamp(320px,32vw,490px));top:39%;width:clamp(88px,12vw,155px);animation:sen-climb-sticker-float 6.2s ease-in-out infinite;}
@keyframes sen-wave-sticker-float{0%,100%{transform:translate3d(0,0,0) rotate(4deg)}50%{transform:translate3d(0,-13px,0) rotate(-3deg)}}
@keyframes sen-climb-sticker-float{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(7px,-10px,0) rotate(1deg)}}
#sen-stage .sen-stage-closeup{background:radial-gradient(ellipse at 50% 42%,rgba(184,146,113,.22),transparent 56%),linear-gradient(145deg,rgba(14,22,17,.12),rgba(13,18,16,.28));}
#sen-stage .sen-stage-closeup > img[data-scene-portrait]{position:absolute;left:50%;top:88%;display:block;width:auto;height:min(178vh,1700px);max-width:none;aspect-ratio:2/3;object-fit:contain;object-position:center top;opacity:0;filter:drop-shadow(0 24px 44px rgba(3,7,5,.26)) saturate(.92);transform:translate3d(calc(-50% + var(--chapter-camera-x,0vw)),calc(-50% + var(--chapter-camera-y,0vh)),0) scale(var(--chapter-camera-scale,1.12)) rotate(var(--chapter-camera-roll,0deg));transform-origin:50% 40%;transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),filter .8s ease;will-change:transform,opacity;}
#sen-stage .sen-stage-closeup > img[data-scene-portrait].is-active{opacity:.93;}
#sen-stage[data-active-scene="journey"] .sen-stage-closeup > img[data-scene-portrait],
#sen-stage[data-active-scene="credentials"] .sen-stage-closeup > img[data-scene-portrait]{filter:drop-shadow(0 22px 40px rgba(3,7,5,.32)) saturate(.88);}
body.portfolio-detail-mode #sen-stage .sen-stage-character-sticker--wave{opacity:0!important;}
body.portfolio-detail-mode #sen-stage .sen-stage-character-sticker--climb{left:auto;right:clamp(8px,3vw,48px);top:71%;width:clamp(70px,10vw,132px);opacity:.78;}

@media(max-width:760px),(pointer:coarse){
  #sen-stage .sen-stage-character-sticker--wave{left:calc(50% + clamp(82px,22vw,112px));top:25%;width:clamp(49px,16vw,68px);}
  #sen-stage .sen-stage-character-sticker--climb{left:calc(50% - clamp(154px,44vw,188px));top:43%;width:clamp(49px,16vw,68px);}
  #sen-stage .sen-stage-closeup > img[data-scene-portrait]{height:min(178vh,1500px);transform:translate3d(calc(-50% + var(--chapter-camera-x,0vw)),calc(-50% + var(--chapter-camera-y,0vh)),0) scale(var(--chapter-camera-scale,1.12)) rotate(var(--chapter-camera-roll,0deg));}
  body.portfolio-detail-mode #sen-stage .sen-stage-character-sticker--climb{right:8px;top:73%;width:clamp(65px,20vw,82px);}
}
@media(prefers-reduced-motion:reduce){
  #sen-stage .sen-stage-gesture-source,#sen-stage .sen-stage-gesture-canvas{display:none!important;}
  #sen-stage .sen-stage-body.is-motion-ready > img:first-child{opacity:1!important;}
  #sen-stage .sen-stage-glint,#sen-stage .sen-stage-character-sticker{animation:none!important;}
  #sen-stage .sen-stage-character-sticker--wave{opacity:.72;}
  #sen-stage .sen-stage-character-sticker--climb{opacity:.58;}
  #sen-stage .sen-stage-closeup > img[data-scene-portrait]{transition:none!important;}
}


/* DETAIL PORTRAIT PRIORITY — keep the new face layer crisp and above the disappearing full-body base. */
#sen-stage .sen-stage-closeup{z-index:3!important;background:radial-gradient(ellipse 70% 60% at 50% 43%,rgba(160,124,98,.20),transparent 68%),linear-gradient(145deg,rgba(8,14,11,.88),rgba(12,17,15,.84))!important;}
#sen-stage .sen-stage-closeup > img[data-scene-portrait]{filter:drop-shadow(0 24px 44px rgba(3,7,5,.34)) saturate(.94)!important;}
body.portfolio-detail-mode #sen-stage .sen-stage-body,body.portfolio-detail-mode #sen-stage .sen-stage-portrait{opacity:0!important;}


/* Center the large portrait itself (not just the stage) and defeat the legacy blurred-photo transform. */
#sen-stage .sen-stage-closeup > img[data-scene-portrait]{transform:translate3d(calc(-50% + var(--chapter-camera-x,0vw)),calc(-50% + var(--chapter-camera-y,0vh)),0) scale(var(--chapter-camera-scale,1.12)) rotate(var(--chapter-camera-roll,0deg))!important;}
body.portfolio-detail-mode #sen-stage .sen-stage-closeup > img[data-scene-portrait]{filter:drop-shadow(0 24px 44px rgba(3,7,5,.34)) saturate(.94)!important;transform:translate3d(calc(-50% + var(--chapter-camera-x,0vw) + var(--scene-scroll-x,0px)),calc(-50% + var(--chapter-camera-y,0vh) + var(--scene-scroll-y,0px)),0) scale(calc(var(--chapter-camera-scale,1.12) + var(--scene-scroll-scale,0))) rotate(var(--chapter-camera-roll,0deg))!important;}

body.portfolio-detail-mode #sen-stage .sen-sticker-hi,body.portfolio-detail-mode #sen-stage .sen-sticker-mood{opacity:0!important;pointer-events:none!important;}

@media(max-width:760px),(pointer:coarse){
  #main-content .hero#hello .hero-glass p{font-size:13.1px!important;line-height:1.38!important;margin-top:4px!important;}
}

@media(max-width:360px){
  #main-content .hero#hello .hero-glass{transform:translateY(-38px);}
  #main-content .hero#hello .hero-glass h1{font-size:39px!important;line-height:.98!important;}
  #main-content .hero#hello .hero-glass p{font-size:12px!important;line-height:1.28!important;margin-top:3px!important;}
}


/* SECTION 02 + DETAIL READABILITY POLISH — colored glass, clearer hierarchy, smoother chapter changes. */
html{scroll-behavior:smooth;}
body #main-content .section.bento-card[id] :is(.sec-desc,.story-note){
  max-width:68ch!important;padding:5px 12px!important;margin:0 0 18px!important;
  border-left:2px solid rgba(232,217,158,.58)!important;
  background:linear-gradient(90deg,rgba(232,217,158,.095),rgba(232,217,158,.025) 38%,transparent 88%)!important;
  color:rgba(250,247,234,.96)!important;text-shadow:0 2px 12px rgba(0,0,0,.72),0 0 24px rgba(9,15,11,.35)!important;
  font-size:clamp(.9rem,1vw,1rem)!important;line-height:1.72!important;
}

/* Four gently distinct hues keep Currently memorable without turning the chapter into white tiles. */
body #main-content #currently #currently-container{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(11px,1.35vw,17px)!important;align-items:stretch;
}
body #main-content #currently #currently-container .currently-item{
  --current-accent:#cfe593;--current-wash:rgba(159,190,111,.2);
  position:relative!important;isolation:isolate;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;
  min-width:0;min-height:clamp(126px,13vw,164px);overflow:hidden!important;
  padding:clamp(16px,1.7vw,22px)!important;border:1px solid color-mix(in srgb,var(--current-accent) 38%,rgba(255,255,255,.14))!important;
  border-radius:19px!important;
  background:radial-gradient(130% 115% at 100% 0%,var(--current-wash),transparent 64%),linear-gradient(145deg,rgba(37,51,39,.86),rgba(15,22,18,.79))!important;
  box-shadow:0 18px 40px -28px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(11px) saturate(128%)!important;-webkit-backdrop-filter:blur(11px) saturate(128%)!important;
  transition:transform .38s cubic-bezier(.22,.75,.2,1),border-color .32s ease,box-shadow .32s ease,background-color .32s ease!important;
}
body #main-content #currently #currently-container .currently-item:nth-child(4n+1){--current-accent:#d5e99b;--current-wash:rgba(158,194,105,.24);}
body #main-content #currently #currently-container .currently-item:nth-child(4n+2){--current-accent:#d2c0ee;--current-wash:rgba(167,139,210,.23);}
body #main-content #currently #currently-container .currently-item:nth-child(4n+3){--current-accent:#f0d18f;--current-wash:rgba(211,163,89,.23);}
body #main-content #currently #currently-container .currently-item:nth-child(4n+4){--current-accent:#efb1a3;--current-wash:rgba(211,126,111,.22);}
body #main-content #currently #currently-container .currently-item::before{
  content:"";position:absolute;z-index:-1;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,transparent,var(--current-accent),transparent);opacity:.88;
}
body #main-content #currently #currently-container .currently-item::after{
  content:"";position:absolute;z-index:-1;right:-28px;top:-42px;width:120px;height:120px;border-radius:50%;
  background:var(--current-wash);filter:blur(24px);opacity:.7;pointer-events:none;
}
body #main-content #currently #currently-container .currently-label{
  display:flex;align-items:center;gap:8px;margin:0 0 8px!important;color:var(--current-accent)!important;
  font:700 .64rem/1.3 'IBM Plex Mono',monospace!important;letter-spacing:.12em!important;text-transform:uppercase;
  text-shadow:0 1px 12px rgba(0,0,0,.55)!important;
}
body #main-content #currently #currently-container .currently-label::before{
  content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--current-accent);
  box-shadow:0 0 12px color-mix(in srgb,var(--current-accent) 68%,transparent);
}
body #main-content #currently #currently-container .currently-value{
  margin:0!important;color:#fff8e9!important;-webkit-text-fill-color:#fff8e9!important;
  font:650 clamp(1.03rem,1.45vw,1.3rem)/1.28 Fraunces,Georgia,serif!important;
  letter-spacing:-.018em!important;text-wrap:pretty;text-shadow:0 2px 14px rgba(0,0,0,.72)!important;
}
@media(hover:hover) and (pointer:fine){
  body #main-content #currently #currently-container .currently-item:hover{
    transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--current-accent) 62%,rgba(255,255,255,.24))!important;
    box-shadow:0 23px 46px -27px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.2)!important;
  }
}

/* Accent metadata and softly lit copy make the long-form details compete less with the portrait. */
body #main-content .section.bento-card[id] :is(.yash-os-label,.journey-year-entry>strong,.journey-year-heading>span,.currently-label,.folio-num,.sec-label,.skill-level){
  color:#e9d89d!important;-webkit-text-fill-color:#e9d89d!important;text-shadow:0 1px 12px rgba(0,0,0,.55)!important;
}
body #main-content .section.bento-card[id] :is(.yash-os-value,.journey-year-entry h4,.exp-role,.skill-card h3,.folio h3,.card h3){
  color:#fff8e9!important;-webkit-text-fill-color:#fff8e9!important;text-shadow:0 2px 14px rgba(0,0,0,.65)!important;
}
body #main-content .section.bento-card[id] :is(.yash-os-head p,.journey-year-entry p,.exp-node p,.skill-card p,.card p){
  color:rgba(247,245,234,.9)!important;-webkit-text-fill-color:rgba(247,245,234,.9)!important;text-shadow:0 2px 12px rgba(0,0,0,.62)!important;
}
body #main-content .section.bento-card[id] :is(.folio .count,.status-tag,.skill-tag,.skill-chip,.tag){
  display:inline-flex;align-items:center;min-height:24px;padding:4px 9px!important;border:1px solid rgba(232,217,158,.3)!important;
  border-radius:999px!important;background:rgba(232,217,158,.12)!important;color:#f2e5b5!important;
  -webkit-text-fill-color:#f2e5b5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;text-shadow:none!important;
}
body #main-content .section.bento-card[id] :is(.exp-node,.skill-card,.folio){border-bottom-color:rgba(232,217,158,.28)!important;}

/* Shorter, deliberate portrait cross-fades and native smooth anchor navigation—without overriding reduced motion. */
#sen-stage .sen-stage-closeup>img[data-scene-portrait]{
  transition:opacity .48s cubic-bezier(.22,.75,.2,1),transform .68s cubic-bezier(.22,.75,.2,1),filter .48s ease!important;
}
@media(max-width:760px),(pointer:coarse){
  body #main-content #currently #currently-container{grid-template-columns:1fr!important;gap:11px!important;}
  body #main-content #currently #currently-container .currently-item{min-height:104px;padding:15px 16px!important;border-radius:17px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
  body #main-content .section.bento-card[id] :is(.sec-desc,.story-note){padding:5px 10px!important;font-size:.9rem!important;line-height:1.68!important;}
  #sen-stage .sen-stage-closeup>img[data-scene-portrait]{transition:opacity .42s cubic-bezier(.22,.75,.2,1),transform .58s cubic-bezier(.22,.75,.2,1),filter .42s ease!important;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  body #main-content #currently #currently-container .currently-item,#sen-stage .sen-stage-closeup>img[data-scene-portrait]{transition:none!important;}
}


/* FINAL DESKTOP + JOURNEY PASS — viewport-fitted mascot, restrained detail glass, and tiny icon motion. */
@media(min-width:761px) and (pointer:fine){
  #sen-stage .sen-stage-body,#sen-stage .sen-stage-portrait{
    top:50%!important;width:min(72vw,63svh,820px)!important;height:auto!important;aspect-ratio:2/3!important;
  }
  #sen-stage .sen-stage-body{filter:drop-shadow(0 34px 48px rgba(14,24,17,.24))!important;}
  #sen-stage .sen-stage-portrait{filter:drop-shadow(0 30px 44px rgba(14,24,17,.22))!important;}
}

/* A small amount of frosted glass only on useful reading surfaces; the continuous scene stays visible. */
body #main-content #journey .journey-year-panel,body #main-content #focus .glass-card{
  border:1px solid rgba(232,217,158,.2)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(22,31,25,.4),rgba(17,25,20,.25))!important;
  box-shadow:0 18px 42px -28px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.1)!important;
  backdrop-filter:blur(9px) saturate(118%)!important;-webkit-backdrop-filter:blur(9px) saturate(118%)!important;
}
body #main-content #journey .journey-year-entry{border-top-color:rgba(232,217,158,.18)!important;}
body #main-content #journey .journey-year.is-active{
  color:#f8f2dc!important;background:rgba(220,233,166,.16)!important;
  border:1px solid rgba(232,217,158,.3)!important;box-shadow:0 8px 24px -17px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
body #main-content #journey .tl-head{
  min-height:70px;padding:13px 14px!important;gap:13px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;
  background:linear-gradient(100deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 62%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  transition:background .32s ease,border-color .32s ease,transform .32s cubic-bezier(.22,.75,.2,1)!important;
}
body #main-content #journey .tl-head:hover,body #main-content #journey .tl-item.open .tl-head{
  border-color:rgba(232,217,158,.27)!important;background:linear-gradient(100deg,rgba(232,217,158,.1),rgba(255,255,255,.025) 70%)!important;
}
body #main-content #journey .tl-title{flex:1 1 auto;min-width:0;color:#fff8e9!important;text-shadow:0 2px 14px rgba(0,0,0,.55)!important;}
body #main-content #journey .tl-date{color:rgba(237,225,180,.82)!important;font-size:.66rem!important;}
body #main-content #journey .tl-chevron{color:#e8d99e!important;}
body #main-content #journey .tl-body{margin:0 14px 8px 50px;padding:0 14px!important;border-left:1px solid rgba(232,217,158,.25);border-radius:0 0 13px 13px;background:rgba(11,17,14,.18)!important;color:rgba(247,245,234,.9)!important;}
body #main-content #journey .tl-item.open .tl-body{padding:10px 14px 16px!important;}

/* SVG milestones map to the real education, decision, community and new-chapter entries. */
.tl-icon{
  position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(232,217,158,.26);border-radius:13px;
  background:linear-gradient(145deg,rgba(220,233,166,.15),rgba(255,255,255,.035));color:#eddfa7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px -14px rgba(0,0,0,.75);
  animation:journey-icon-drift 5.4s ease-in-out infinite;transition:transform .3s cubic-bezier(.22,.75,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.tl-icon svg{width:19px;height:19px;display:block;transition:transform .3s ease;}
.tl-icon--choice{color:#d8c2f0;border-color:rgba(210,192,238,.3);background:linear-gradient(145deg,rgba(167,139,210,.17),rgba(255,255,255,.03));}
.tl-icon--chapter{color:#d7e9a0;border-color:rgba(213,233,155,.32);background:linear-gradient(145deg,rgba(158,194,105,.18),rgba(255,255,255,.03));}
.tl-item:nth-child(3n) .tl-icon{animation-delay:-1.7s;}
.tl-item:nth-child(4n) .tl-icon{animation-delay:-3.1s;}
.tl-head:hover .tl-icon,.tl-item.open .tl-icon{transform:translateY(-2px) scale(1.04);border-color:rgba(232,217,158,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 23px -14px rgba(0,0,0,.82),0 0 16px rgba(232,217,158,.08);}
.tl-head:hover .tl-icon svg{transform:rotate(-4deg);}
.journey-category-icon{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;vertical-align:middle;border:1px solid rgba(232,217,158,.22);border-radius:8px;background:rgba(232,217,158,.1);color:#eadb9e;}
.journey-category-icon svg{display:block;width:13px;height:13px;}
body #main-content #journey .journey-year-entry>strong{display:flex;align-items:center;gap:2px;}

/* Brand glyphs sit beside the existing profile labels; color and movement stay intentionally restrained. */
.hero .brand-icon{background:#0a66c2!important;color:#fff!important;border-radius:5px!important;}
#contact .social-pill{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 16px!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 30px -22px rgba(0,0,0,.7)!important;
  backdrop-filter:blur(8px) saturate(115%)!important;-webkit-backdrop-filter:blur(8px) saturate(115%)!important;
  color:#fbf8ee!important;text-decoration:none!important;transition:transform .32s cubic-bezier(.22,.75,.2,1),border-color .3s ease,background .3s ease,box-shadow .3s ease!important;
}
#contact .social-logo{display:block;width:19px;height:19px;flex:0 0 19px;transition:transform .28s ease,filter .28s ease;}
#contact .social-logo--linkedin{color:#91c8ff;filter:drop-shadow(0 0 7px rgba(10,102,194,.24));}
#contact .social-logo--github{color:#f3ead5;}
#contact .social-arrow{margin-left:2px;color:#e8d99e;transition:transform .28s ease;}
#contact .social-pill:hover{transform:translateY(-3px)!important;border-color:rgba(232,217,158,.42)!important;background:linear-gradient(145deg,rgba(232,217,158,.12),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 38px -24px rgba(0,0,0,.8)!important;}
#contact .social-pill:hover .social-logo{transform:translateY(-1px) rotate(-4deg);filter:drop-shadow(0 0 8px rgba(232,217,158,.22));}
#contact .social-pill:hover .social-arrow{transform:translate(2px,-2px);}

@keyframes journey-icon-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes experience-dot-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(232,217,158,.16)}50%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(232,217,158,0)}}
body #main-content #experience .exp-circle{animation:experience-dot-pulse 3.8s ease-in-out infinite;}

@media(max-width:760px),(pointer:coarse){
  body #main-content #journey .journey-year-panel,body #main-content #focus .glass-card{backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;}
  body #main-content #journey .tl-head{min-height:62px;padding:10px 9px!important;gap:8px!important;border-radius:13px!important;}
  .tl-icon{flex-basis:33px;width:33px;height:33px;border-radius:11px;}
  .tl-icon svg{width:17px;height:17px;}
  body #main-content #journey .tl-title{font-size:clamp(.91rem,4vw,1.05rem)!important;line-height:1.2!important;}
  body #main-content #journey .tl-date{max-width:76px;white-space:normal!important;text-align:right;font-size:.58rem!important;line-height:1.3!important;}
  body #main-content #journey .tl-body{margin-left:41px;margin-right:8px;}
  #contact .social-pill{min-height:46px;padding:10px 14px!important;}
}
@media(prefers-reduced-motion:reduce){
  .tl-icon,#contact .social-logo,#contact .social-arrow,#experience .exp-circle{animation:none!important;transition:none!important;}
}


/* FINAL CHARACTER FINISH — clearer YASH OS glass, discreet line icons/web, and responsive camera easing. */
body #main-content #yash-os .yash-os-shell{
  border-color:rgba(232,217,158,.26)!important;
  background:radial-gradient(120% 100% at 100% 0%,rgba(170,194,118,.12),transparent 55%),linear-gradient(145deg,rgba(25,35,29,.64),rgba(14,21,17,.46))!important;
  box-shadow:0 22px 54px -34px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(10px) saturate(116%)!important;-webkit-backdrop-filter:blur(10px) saturate(116%)!important;
}
body #main-content #yash-os .yash-os-head{padding-bottom:15px;border-bottom:1px solid rgba(232,217,158,.16);}
body #main-content #yash-os .yash-os-kicker{color:#e9d89d!important;text-shadow:0 1px 10px rgba(0,0,0,.45);}
body #main-content #yash-os .yash-os-grid{gap:clamp(8px,1vw,12px)!important;}
body #main-content #yash-os .yash-os-item{
  --os-accent:#d5e99b;--os-wash:rgba(158,194,105,.12);
  position:relative;isolation:isolate;overflow:hidden!important;min-height:126px;
  border:1px solid color-mix(in srgb,var(--os-accent) 28%,rgba(255,255,255,.14))!important;border-radius:17px!important;
  background:radial-gradient(120% 110% at 100% 0%,var(--os-wash),transparent 62%),linear-gradient(145deg,rgba(31,42,35,.68),rgba(14,21,17,.46))!important;
  box-shadow:0 14px 32px -26px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.1)!important;
  backdrop-filter:blur(8px) saturate(114%)!important;-webkit-backdrop-filter:blur(8px) saturate(114%)!important;
  transition:transform .32s cubic-bezier(.22,.75,.2,1),border-color .28s ease,box-shadow .28s ease!important;
}
body #main-content #yash-os .yash-os-item[data-os-kind="focus"]{--os-accent:#d4c1ee;--os-wash:rgba(167,139,210,.14);}
body #main-content #yash-os .yash-os-item[data-os-kind="exploring"]{--os-accent:#f0d18f;--os-wash:rgba(211,163,89,.14);}
body #main-content #yash-os .yash-os-item[data-os-kind="building"]{--os-accent:#9fd8d0;--os-wash:rgba(88,166,153,.13);}
body #main-content #yash-os .yash-os-item[data-os-kind="goal"]{--os-accent:#efb1a3;--os-wash:rgba(211,126,111,.13);}
body #main-content #yash-os .yash-os-label{
  display:flex;align-items:center;gap:8px;margin:0!important;color:var(--os-accent)!important;
  font:700 .62rem/1.2 'IBM Plex Mono',monospace!important;letter-spacing:.08em!important;
}
.yash-os-icon{display:inline-grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--os-accent) 34%,rgba(255,255,255,.1));border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--os-accent) 16%,transparent),rgba(255,255,255,.035));color:var(--os-accent);animation:yash-os-icon-float 5s ease-in-out infinite;}
.yash-os-icon svg{display:block;width:16px;height:16px;}
.yash-os-item:nth-child(3n) .yash-os-icon{animation-delay:-1.4s;}
.yash-os-item:nth-child(4n) .yash-os-icon{animation-delay:-2.6s;}
body #main-content #yash-os .yash-os-value{margin-top:12px;color:#fff8e9!important;-webkit-text-fill-color:#fff8e9!important;text-shadow:0 2px 12px rgba(0,0,0,.62)!important;font:650 clamp(.91rem,1vw,1.04rem)/1.28 Fraunces,Georgia,serif!important;}
body #main-content #yash-os .yash-os-state{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--os-accent) 28%,rgba(255,255,255,.1));border-radius:999px;background:rgba(255,255,255,.045);color:var(--os-accent)!important;font:600 .58rem/1 'IBM Plex Mono',monospace!important;}
body #main-content #yash-os .yash-os-state::before{content:"";width:5px;height:5px;margin:0;border-radius:50%;background:var(--os-accent);box-shadow:0 0 9px color-mix(in srgb,var(--os-accent) 66%,transparent);}
@media(hover:hover) and (pointer:fine){body #main-content #yash-os .yash-os-item:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--os-accent) 58%,rgba(255,255,255,.2))!important;box-shadow:0 19px 36px -25px rgba(0,0,0,.76),inset 0 1px 0 rgba(255,255,255,.17)!important;}}

/* Quiet comic-web thread behind the wall-crawl sticker; its visibility follows the character cameo. */
#sen-stage .sen-stage-web{position:absolute;z-index:3;left:calc(50% - clamp(460px,40vw,570px));top:34%;width:clamp(160px,20vw,260px);height:auto;overflow:visible;pointer-events:none;color:rgba(233,239,222,.72);opacity:var(--sticker-opacity,0);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transform:rotate(-7deg);transform-origin:50% 50%;transition:opacity .42s ease;}
#sen-stage .sen-web-spokes{opacity:.55;stroke-dasharray:3 6;animation:sen-web-thread 16s linear infinite;}
#sen-stage .sen-web-rings{opacity:.72;stroke-dasharray:2 5;animation:sen-web-thread 20s linear infinite reverse;}
#sen-stage .sen-web-thread{opacity:.82;stroke-dasharray:4 5;animation:sen-web-glint 3.8s ease-in-out infinite;}
#sen-stage .sen-web-node{fill:currentColor;stroke:none;opacity:.8;}
body.portfolio-detail-mode #sen-stage .sen-stage-web--climb{left:auto;right:clamp(10px,5vw,72px);top:65%;width:clamp(132px,16vw,210px);}
@keyframes sen-web-thread{to{stroke-dashoffset:-44}}
@keyframes sen-web-glint{0%,100%{opacity:.42}50%{opacity:.9}}
@keyframes yash-os-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* Let scroll-driven transforms follow the scroll itself; JS eases only between chapter camera targets. */
#sen-stage .sen-stage-closeup>img[data-scene-portrait]{transition:opacity .34s ease,filter .34s ease!important;will-change:transform,opacity;}
#sen-stage .sen-stage-body>img:first-child{filter:drop-shadow(0 10px 18px rgba(7,12,9,.18)) saturate(.96);}
@media(max-width:760px),(pointer:coarse){
  body #main-content #yash-os .yash-os-shell{padding:20px 15px!important;backdrop-filter:blur(8px) saturate(112%)!important;-webkit-backdrop-filter:blur(8px) saturate(112%)!important;}
  body #main-content #yash-os .yash-os-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  body #main-content #yash-os .yash-os-item{min-height:112px;padding:12px!important;}
  body #main-content #yash-os .yash-os-value{font-size:.91rem!important;}
  #sen-stage .sen-stage-web--climb{left:calc(50% - clamp(177px,47vw,206px));top:39%;width:clamp(112px,32vw,138px);}
  body.portfolio-detail-mode #sen-stage .sen-stage-web--climb{left:auto;right:2px;top:67%;width:clamp(118px,34vw,140px);}
}
@media(max-width:380px){body #main-content #yash-os .yash-os-grid{grid-template-columns:1fr!important;}body #main-content #yash-os .yash-os-item{min-height:98px;}}
@media(prefers-reduced-motion:reduce){
  #sen-stage .sen-stage-web,#sen-stage .sen-web-spokes,#sen-stage .sen-web-rings,#sen-stage .sen-web-thread,.yash-os-icon{animation:none!important;transition:none!important;}
  #sen-stage .sen-stage-closeup>img[data-scene-portrait]{transition:none!important;}
}


/* PERFORMANCE PASS — prioritize finger-driven scroll/camera motion and lighten mobile compositing. */
body.portfolio-scrolling .sen-stage-glint,
body.portfolio-scrolling .sen-stage-web,
body.portfolio-scrolling .sen-web-spokes,
body.portfolio-scrolling .sen-web-rings,
body.portfolio-scrolling .sen-web-thread,
body.portfolio-scrolling .sen-sticker,
body.portfolio-scrolling .sen-stage-character-sticker,
body.portfolio-scrolling .mesh-blob,
body.portfolio-scrolling .mesh-particles,
body.portfolio-scrolling .tl-icon,
body.portfolio-scrolling #experience .exp-circle,
body.portfolio-scrolling .yash-os-icon,
body.portfolio-scrolling .achv-toast{animation-play-state:paused!important;}
body.portfolio-detail-mode #sen-stage .sen-stage-closeup>img[data-scene-portrait]{filter:blur(5px) brightness(.34) saturate(.84)!important;}
@media(max-width:760px),(pointer:coarse){
  body #main-content .section.bento-card[id]{backdrop-filter:blur(5px) saturate(108%)!important;-webkit-backdrop-filter:blur(5px) saturate(108%)!important;}
  body #main-content .section.bento-card[id] :is(.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.currently-card,.journey-year-panel,.journey-years,.timeline-node,.exp-node,.learning-strip,.yash-os-item,.card-grid,.accordion-body){backdrop-filter:blur(3px) saturate(106%)!important;-webkit-backdrop-filter:blur(3px) saturate(106%)!important;}
  body.portfolio-detail-mode #sen-stage .sen-stage-closeup>img[data-scene-portrait]{filter:blur(3px) brightness(.35) saturate(.82)!important;}
  body.portfolio-detail-mode .topnav{backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;}
  body.portfolio-detail-mode .dock{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
}
@media(prefers-reduced-motion:reduce){body.portfolio-scrolling *{animation-play-state:paused!important;}}

/* 2026-10-22: reveal the moving character behind journey/detail glass at half the former blur. */
body #main-content #journey .journey-year-panel,
body #main-content #focus .glass-card{
  backdrop-filter:blur(4.5px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(4.5px) saturate(118%)!important;
}
@media(max-width:760px),(pointer:coarse){
  body #main-content #journey .journey-year-panel,
  body #main-content #focus .glass-card{
    backdrop-filter:blur(3.5px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(3.5px) saturate(118%)!important;
  }
}

/* Native wheel/touch scrolling stays untouched; smooth only programmatic/anchor navigation. */
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
}


/* 2026-10-22: lightweight, clearer detail mode and calmer navigation. */
/* Bring back the lens glint as a slower CSS-only sheen, without the costly shadow filter. */
#sen-stage .sen-stage-glint{display:block!important;animation:sen-lens-glint 8.6s ease-in-out infinite!important;filter:none!important;}

/* Keep expressions crisp in chapter/detail mode instead of blurring the portrait itself. */
body.portfolio-detail-mode #sen-stage .sen-stage-closeup>img[data-scene-portrait]{
  filter:drop-shadow(0 20px 34px rgba(3,7,5,.24)) saturate(.98) brightness(1.02)!important;
}

/* Lower-cost glass keeps the animated portrait visible through every reading section. */
body #main-content .section.bento-card[id]{
  backdrop-filter:blur(2.5px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(2.5px) saturate(108%)!important;
}
body #main-content #journey .journey-year-panel,
body #main-content #focus .glass-card{
  backdrop-filter:blur(1.5px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(1.5px) saturate(108%)!important;
}
body #main-content .section.bento-card[id] :is(.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.currently-card,.journey-year-panel,.journey-years,.timeline-node,.exp-node,.learning-strip,.yash-os-item,.card-grid,.accordion-body){
  backdrop-filter:blur(1.5px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(1.5px) saturate(108%)!important;
}

/* The story rail duplicates the full top navigation; keep one clear route to sections. */
.story-rail{display:none!important;}
@media(min-width:761px) and (max-width:1120px){
  #topnav .navlinks>a[data-nav][href="#yash-os"],
  #topnav .navlinks>a[data-nav][href="#currently"],
  #topnav .navlinks>a[data-nav][href="#experience"],
  #topnav .navlinks>a[data-nav][href="#focus"],
  #topnav .navlinks>a[data-nav][href="#skills"]{display:none!important;}
}
@media(max-width:760px),(pointer:coarse){
  body #main-content .section.bento-card[id]{
    backdrop-filter:blur(2px) saturate(106%)!important;
    -webkit-backdrop-filter:blur(2px) saturate(106%)!important;
  }
  body #main-content #journey .journey-year-panel,
  body #main-content #focus .glass-card{
    backdrop-filter:blur(1px) saturate(106%)!important;
    -webkit-backdrop-filter:blur(1px) saturate(106%)!important;
  }
  body #main-content .section.bento-card[id] :is(.yash-os-shell,.currently-grid,.glass-card,.folio,.skill-card,.pursuing-card,.card,.currently-card,.journey-year-panel,.journey-years,.timeline-node,.exp-node,.learning-strip,.yash-os-item,.card-grid,.accordion-body){
    backdrop-filter:blur(1px) saturate(106%)!important;
    -webkit-backdrop-filter:blur(1px) saturate(106%)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #sen-stage .sen-stage-glint{display:none!important;}
}

/* Clear primary routes at laptop widths; the dock's More control retains secondary sections. */
@media(min-width:761px){
  #topnav .navlinks>a[data-nav][href="#yash-os"],
  #topnav .navlinks>a[data-nav][href="#currently"],
  #topnav .navlinks>a[data-nav][href="#focus"],
  #topnav .navlinks>a[data-nav][href="#credentials"]{display:none!important;}
  #topnav .navlinks{gap:clamp(5px,.75vw,12px)!important;}
}
@media(min-width:761px) and (max-width:1120px){
  #topnav .navlinks>a[data-nav][href="#experience"],
  #topnav .navlinks>a[data-nav][href="#skills"]{display:none!important;}
}


/* Mobile Admin access: keep the lock visible without crowding the compact header. */
@media(max-width:760px),(pointer:coarse){
  /* The bottom dock already contains these routes, so free header space for controls. */
  .topnav .navlinks>a[data-nav]{display:none!important;}
  #topnav .navlinks .admin-trigger{
    display:inline-flex!important;align-items:center;justify-content:center;
    flex:0 0 32px!important;width:32px!important;min-width:32px!important;
    height:32px!important;min-height:32px!important;padding:7px!important;
    order:100!important;margin-left:2px!important;opacity:.68!important;
  }
  #topnav .navlinks .admin-trigger svg{display:block!important;width:16px!important;height:16px!important;}
  #topnav .navlinks .admin-trigger:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;opacity:1!important;}
}

/* Experience: compact, theme-aware expandable chapters */
#experience .exp-track {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  overflow: visible;
  padding: 8px 0 4px;
}
#experience .exp-collection {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--glass-hl-soft) 75%, var(--line));
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--card) 68%, transparent), color-mix(in srgb, var(--card) 84%, transparent));
  box-shadow: inset 0 1px 0 var(--glass-hl-soft), 0 12px 34px -24px var(--glass-shadow);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
#experience .exp-collection:hover,
#experience .exp-collection[open] {
  border-color: color-mix(in srgb, var(--cyan) 38%, var(--line));
  box-shadow: inset 0 1px 0 var(--glass-hl-soft), 0 18px 42px -26px color-mix(in srgb, var(--cyan) 36%, var(--glass-shadow));
}
#experience .exp-collection:hover { transform: translateY(-2px); }
#experience .exp-collection-summary {
  min-height: 126px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 13px;
  padding: 20px;
  cursor: pointer;
  list-style: none;
}
#experience .exp-collection-summary::-webkit-details-marker { display: none; }
#experience .exp-collection-summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: -4px; border-radius: 16px; }
#experience .exp-collection-mark {
  width: 42px; height: 42px; display: grid; place-items: center;
  border-radius: 13px; color: var(--cyan); font-size: 21px;
  background: color-mix(in srgb, var(--cyan) 12%, var(--card));
  border: 1px solid color-mix(in srgb, var(--cyan) 24%, transparent);
}
#experience .exp-collection-copy { min-width: 0; display: grid; gap: 4px; }
#experience .exp-collection-eyebrow { color: var(--cyan); font: 10px 'IBM Plex Mono', monospace; letter-spacing: .13em; }
#experience .exp-collection-title { color: var(--text); font: 600 1.16rem 'Fraunces', serif; line-height: 1.2; }
#experience .exp-collection-preview { overflow: hidden; color: var(--text-dim); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
#experience .exp-collection-count { color: var(--text-dim); font: 10px 'IBM Plex Mono', monospace; white-space: nowrap; }
#experience .exp-collection-toggle {
  width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
  border: 1px solid var(--line); color: var(--text); font: 20px/1 sans-serif; transition: transform .2s ease, background .2s ease;
}
#experience .exp-collection[open] .exp-collection-toggle { transform: rotate(45deg); background: color-mix(in srgb, var(--cyan) 13%, var(--card)); }
#experience .exp-collection-body { padding: 0 20px 8px; animation: exp-reveal .25s ease both; }
#experience .exp-role { position: relative; padding: 16px 0 17px 15px; border-top: 1px solid var(--line); }
#experience .exp-role::before { content: ''; position: absolute; top: 21px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px color-mix(in srgb, var(--cyan) 55%, transparent); }
#experience .exp-role-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
#experience .exp-role-heading h3 { margin: 0; color: var(--text); font: 600 1rem 'Fraunces', serif; }
#experience .exp-role-date { color: var(--text-dim); font: 10px 'IBM Plex Mono', monospace; white-space: nowrap; }
#experience .exp-role-org { margin-top: 5px; color: var(--cyan); font-size: 11px; font-weight: 600; }
#experience .exp-role p, #experience .exp-empty { margin: 8px 0 0; color: var(--text-dim); font-size: .85rem; line-height: 1.55; }
@keyframes exp-reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 650px) {
  #experience .exp-track { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  #experience .exp-collection-summary { min-height: 108px; grid-template-columns: 38px minmax(0, 1fr) 24px; gap: 11px; padding: 15px; }
  #experience .exp-collection-mark { width: 38px; height: 38px; }
  #experience .exp-collection-count { grid-column: 2; grid-row: 2; }
  #experience .exp-collection-toggle { grid-column: 3; grid-row: 1 / span 2; }
  #experience .exp-collection-body { padding: 0 15px 6px; }
  #experience .exp-role-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  #experience .exp-collection, #experience .exp-collection-toggle { transition: none; }
  #experience .exp-collection:hover { transform: none; }
  #experience .exp-collection-body { animation: none; }
}


/* RESTORE VISUAL LAYERS — keep the scenic blue environment; only heavy particles stay off. */
#tree-bg.tree-bg{display:block!important;visibility:visible!important;opacity:1!important;}
#sen-stage .sen-stage-orbit{display:block!important;opacity:.24!important;}
#sen-stage .sen-stage-orbit-b{opacity:.16!important;}
#sen-stage .sen-stage-glint{display:block!important;animation:sen-lens-glint 8.6s ease-in-out infinite!important;filter:none!important;}
@media(max-width:760px),(pointer:coarse){
  #tree-bg .tree-bg-glow,#tree-bg .tree-bg-glow-2{display:block!important;animation:none!important;opacity:.12!important;}
  #sen-stage .sen-stage-orbit{opacity:.14!important;}
  #sen-stage .sen-stage-orbit-b{opacity:.09!important;}
  #sen-stage .sen-stage-glint{animation-duration:11s!important;}
}
@media(prefers-reduced-motion:reduce){#sen-stage .sen-stage-glint{display:none!important;animation:none!important;}}