/* One shared voxel scene, with readable content floating above it. */
:root{--bg:#08080b;--panel:#101015;--border:#403039;--red:#f33550;--text:#f5f1ef;--muted:#b6adb3;--heading:'Barlow Condensed','Arial Narrow',sans-serif}
.site-header{background:#08080bf5;border-bottom:1px solid #68303f;padding-inline:5.5%}
.brand{font-family:'Pixelify Sans',monospace;font-size:34px}
.brand-caption{font-size:12px;letter-spacing:.02em}
.site-header nav a,.header-contact{font-size:15px}
.hero{background:#08080b;isolation:isolate;height:clamp(720px,calc(100svh - 88px),860px);min-height:720px;padding-inline:5.5%}
.hero-content{max-width:660px;margin-top:64px}
.hero h1{font-family:var(--heading);font-size:clamp(100px,9.5vw,144px);line-height:.88;font-weight:800;letter-spacing:-.015em;font-style:normal;margin:25px 0 30px;left:0;text-shadow:0 3px 0 #777078,0 14px 35px #0009}
.hero h1>span{color:#f33550;text-shadow:0 3px 0 #8a172c,0 12px 35px #f3355020}
.hero-content .eyebrow{font-size:13px;letter-spacing:.06em;line-height:1.6;max-width:560px}
.hero-description p{font-size:23px;line-height:1.45}
.hero-specialties{font-size:17px;max-width:460px;color:#c6b7bf}
.game-hint{font-size:12px;line-height:1.5;max-width:470px;margin-top:18px}
.scroll-label,.edition{font-size:12px;letter-spacing:.025em}
.button{font-size:15px;min-height:52px;border-width:1px;box-shadow:0 4px 0 #050507,inset 0 1px #ffffff16}
.primary{background:linear-gradient(160deg,#fc4760,#bf1934);border-color:#ff647a #a4223a #90162e;box-shadow:0 4px 0 #680e20,0 8px 28px #e7203824}
.primary:hover{background:linear-gradient(160deg,#ff6175,#d82340);transform:translateY(-2px);box-shadow:0 6px 0 #680e20,0 10px 30px #e7203835}
.secondary{background:linear-gradient(150deg,#242027ed,#100e14ed);border-color:#69505c}
.secondary:hover{background:#30222bed;transform:translateY(-2px);box-shadow:0 5px 0 #080609}
.city-depth--far{clip-path:none;background:radial-gradient(ellipse at 85% 40%,#a2243320,transparent 60%);opacity:.6}
.city-depth--near{background:linear-gradient(90deg,#08080b90,transparent 15% 85%,#08080b90);opacity:.45}
.hero-weather .rain-drop{opacity:.12}
.hero-weather .puddle-field{display:none}
.hero-weather .shooting-star{opacity:.4;animation-duration:37s}
.section{padding-block:100px;background:linear-gradient(110deg,#08080bd9,#0c090dc4 62%,#140a1094);border-color:#78505a55}
.section-heading{align-items:end;gap:32px;margin-bottom:40px}
h2{font-family:var(--heading);font-size:clamp(46px,4.3vw,66px);font-weight:700;line-height:1;letter-spacing:.005em}
.outline{color:#b6a5b0;font-weight:600;-webkit-text-stroke:0}
.eyebrow{font-size:12px;letter-spacing:.12em;color:#c3adb9}
.section-heading p:not(.eyebrow){font-size:17px;color:#bcb0b8;max-width:320px}
.project-grid{gap:24px}
.project-card{border:1px solid #684151;background:linear-gradient(145deg,#29212ce6,#101014f5 58%);box-shadow:0 10px 35px #0007,inset 0 1px #ffffff16;transition:transform .2s,border-color .2s,box-shadow .2s}
.project-card:hover,.project-card:focus-visible{border-color:#ed4a63;transform:translateY(-4px);box-shadow:0 15px 35px #0009,0 0 24px #f3355020}
.card-top{font-size:12px;color:#c4b4be;padding:18px 20px}
.badge{font-size:12px;color:#d7bdc9;border-color:#704255;background:#180e14a8;letter-spacing:0}
.project-visual{height:210px;background-size:28px 28px;background-color:#1a111a;border-block:1px solid #e34c6822;box-shadow:inset 0 0 65px #0008}
.proof-visual{background-color:#28101b}
.proof-symbol{font-family:var(--heading);font-size:125px;text-shadow:2px 3px #7d1830,5px 7px #390d1b,0 0 35px #f02e4335}
.orbit{border:1px solid #fa587936;transform:rotate(-15deg);width:155px;height:135px}
.orbit-two{transform:rotate(15deg);width:180px;height:110px}
.sum-formula,.bullet-formula{font-family:var(--heading);font-weight:600;font-size:56px;letter-spacing:0;color:#f3bbc9;text-shadow:2px 3px #8e2641,5px 6px #350e1e}
.proof-grid-label,.sum-visual .proof-grid-label,.bullet-visual .proof-grid-label{font-size:12px;color:#c1a5b4;letter-spacing:0;text-align:center;max-width:100%;padding-inline:8px}
.card-copy{padding:25px 22px}
.card-copy h3{font-size:38px;letter-spacing:0;line-height:1.1}
.project-kind{font-size:12px;letter-spacing:0;color:#c09baa}
.card-copy>p:not(.project-kind){font-size:16px;line-height:1.65;color:#c0b4be;min-height:80px}
.tags>span{font-size:12px;padding:4px 8px;background:#140e14a8;border-color:#573445}
.mission-prompt{font-size:12px;color:#ff8b9f;border-color:#9b3c5745}
.additional-projects{background:#0c0a0ebb;border-block-color:#714154;padding-inline:20px}
.additional-projects a:first-child{padding-left:0}
.additional-projects small{font-size:14px}
.text-link{font-size:15px}
.about-section{gap:9%;background:linear-gradient(110deg,#100a11de,#08080bbd)}
.about-intro h2{font-size:68px;line-height:1}
.about-intro>p:not(.eyebrow){font-size:17px;color:#c0b4be;line-height:1.7}
.profile-meta,.small-status{font-size:12px;line-height:1.7}
.profile-details{background:linear-gradient(150deg,#1c141ee0,#0e0b12db);border:1px solid #684151;padding:32px;box-shadow:inset 0 1px #ffffff0d,0 12px 35px #0004}
.detail-block>.eyebrow{font-size:12px;color:#d1afbf}
.detail-block p:not(.eyebrow){font-size:16px;color:#c0b4be}
.skill-grid span{font-size:14px;border-width:1px;background:linear-gradient(#29202c,#151018);box-shadow:0 3px 0 #070609,inset 0 1px #ffffff10}
.experience-block article{flex-wrap:wrap}
.experience-block article>span{font-size:12px;white-space:normal}
.achievement-grid{gap:28px;margin-top:40px}
.achievement,.achievement:first-child{background:linear-gradient(145deg,#271725d4,#0c0a10d9);border:1px solid #5a3346;padding:28px;box-shadow:inset 0 1px #ffffff0b}
.achievement-value{font-size:61px;letter-spacing:-.02em;color:#f84f68}
.achievement-value>span{font-size:25px;color:#d7bac9}
.achievement p{font-size:16px;color:#c0b4be}
.achievement .text-link{font-size:14px}
.writing-section{background:#0b090fce}
.writing-list{background:linear-gradient(125deg,#20131cb8,#0b090fcf);padding:0 25px;border:1px solid #5a3346}
.writing-list>a{border-color:#73405755;padding-block:28px}
.writing-list>a:last-child{border-bottom:0}
.writing-type{font-size:12px;color:#d3adbd}
.writing-list h3{font-size:23px;color:#e7dce3}
.contact-row h2{font-family:var(--heading);font-size:clamp(52px,6vw,90px);line-height:.98;letter-spacing:0}
.contact-orb{border:1px solid #f3506a;background:linear-gradient(145deg,#371322,#130b13);box-shadow:0 7px 0 #3f0e20,0 12px 36px #e1234120}
.contact-orb:hover{background:#d92e49;box-shadow:0 7px 0 #6a1329}
.shadow-signoff{font-family:var(--heading);font-size:44px;letter-spacing:.01em}
.shadow-hint{font-size:12px;color:#dcabbc}
footer{font-size:13px;background:#08080be8;border-color:#774050}
.fan-note{font-size:12px}
dialog{background:linear-gradient(130deg,#20131d,#0c0a10);border:1px solid #936075;box-shadow:0 20px 90px #000c}
.game-header h2{font-family:var(--heading);font-size:48px;letter-spacing:0}
.game-overlay h3{font-family:var(--heading);font-size:46px;letter-spacing:0}
.game-hud,.game-overlay .eyebrow,.game-bottom>.mono{font-size:12px}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:110px}.hero-content{max-width:570px;margin-top:70px}.hero-description p{font-size:21px}}
@media(max-width:760px){.site-header{height:74px;padding-inline:6%}.site-header nav{gap:18px}.site-header nav a{font-size:14px}.hero{height:auto;min-height:0;padding:22px 6% 100px}.hero-content{max-width:none;margin-top:310px}.hero h1{font-size:clamp(78px,18vw,128px);margin:22px 0 28px}.hero-description p{font-size:21px}.hero-specialties{font-size:16px}.hero-content .eyebrow{font-size:12px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .button{font-size:14px;padding:13px 17px}.game-hint{font-size:12px}.edition{display:none}.brand-caption{display:none}}
@media(max-width:1100px) and (min-width:761px){.card-top{padding:15px 12px;flex-wrap:wrap;gap:8px}.card-copy{padding:22px 16px}.project-kind{min-height:38px}.card-copy>p:not(.project-kind){min-height:128px}.achievement,.achievement:first-child{padding:20px}.achievement-value{font-size:48px}.achievement-value>span{font-size:20px}.profile-details{padding:24px}.about-section{gap:5%}.proof-grid-label{font-size:12px}.sum-formula{font-size:43px}}
@media(max-width:760px){.section{padding:65px 6%;background:#09080cdb}.section-heading{align-items:start;gap:20px;margin-bottom:30px}.section-heading h2,h2{font-size:clamp(38px,10vw,58px);line-height:1.05}.section-heading p:not(.eyebrow){font-size:16px;max-width:none}.rain-drop:nth-child(even){display:none}.project-grid{gap:26px}.card-copy h3{font-size:38px}.card-copy>p:not(.project-kind){min-height:0}.additional-projects{padding-inline:18px}.about-intro h2{font-size:60px}.profile-details{padding:24px 20px}.experience-block article{flex-direction:column;gap:2px}.experience-block article>span{font-size:12px}.achievement-grid{gap:18px}.achievement,.achievement:first-child,.achievement:last-child{padding:26px;border:1px solid #5a3346}.achievement-value{font-size:56px}.writing-list{padding-inline:18px}.writing-list h3{font-size:21px}.contact-row h2{font-size:clamp(38px,8vw,59px)}.contact-orb{width:58px;height:58px;box-shadow:0 4px 0 #3f0e20}.social-links{gap:22px;flex-wrap:wrap}.shadow-hint{font-size:12px;letter-spacing:0}.fan-note{font-size:12px}.game-header h2{font-size:38px}.game-overlay h3{font-size:31px}.game-hud{font-size:12px;flex-wrap:wrap}.game-overlay .eyebrow{font-size:12px}.game-bottom>.mono{display:none}}

/* The same scene remains behind every section, with no hero/background switch. */
.living-city{background:#07080c}
.world-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;image-rendering:auto}
.living-city::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07080c55,transparent 65%),linear-gradient(90deg,#07080c25,transparent 60%);pointer-events:none}
.site-header{background:#07080c85;border-bottom-color:#bd789c26}
.hero,.section,.about-section,.writing-section,.contact-section{background:transparent;border-top:0}
.hero{height:auto;min-height:780px;padding-top:22px;padding-bottom:100px;overflow:visible}
.hero-content{margin-top:clamp(280px,35vh,440px);max-width:850px;padding:24px 26px 20px;background:linear-gradient(100deg,#08090cdf,#08090c8a 70%,transparent);border-left:2px solid #f3355099}
.hero h1{font-size:clamp(76px,7vw,108px);margin:18px 0 24px;line-height:.95}
.hero h1 br{display:none}
.hero h1>span{margin-left:.15em}
.hero-content .eyebrow{margin-bottom:12px}
.hero-specialties{max-width:650px}
.section-heading{background:linear-gradient(90deg,#07080cc2,transparent);padding:20px 0;text-shadow:0 2px 10px #000}
.section-heading p:not(.eyebrow){color:#ddd1dc}
.about-intro{padding:28px;background:linear-gradient(135deg,#090a10e3,#121019bb);border:1px solid #85617845}
.about-intro>p:not(.eyebrow){color:#d0c7d0}
.profile-details{background:linear-gradient(145deg,#1a151fe6,#0b0b11e8)}
.contact-section>.eyebrow,.contact-row,.contact-bottom,.shadow-encounter--signoff{text-shadow:0 2px 12px #000}
.contact-row{padding:24px 0;background:linear-gradient(90deg,#08090cc7,transparent)}
.contact-bottom{padding:18px;background:#08090cb5}
footer{background:#08090ca8}
.city-depth{display:none}
.puddle-field{opacity:.35}
@media(min-width:1700px){.hero{min-height:850px}.hero-content{margin-top:40vh}}
@media(max-width:1100px) and (min-width:761px){.hero-content{max-width:780px;margin-top:290px}.hero h1{font-size:88px}.about-intro{padding:20px}.about-section{gap:24px}}
@media(max-width:760px){.world-scene{height:auto;object-fit:contain;width:100%;max-width:none}.hero{min-height:0;padding:22px 6% 95px}.hero-content{margin-top:clamp(175px,44vw,300px);padding:20px 0;background:linear-gradient(90deg,#08090cd9,#08090c77);border-left:0}.hero h1{font-size:clamp(73px,17vw,108px)}.hero h1 br{display:initial}.hero h1>span{margin-left:0}.hero-actions .button{font-size:14px}.section,.about-section,.writing-section{background:transparent}.section-heading{padding-block:14px}.about-intro{padding:22px 18px}.about-section{gap:24px}.contact-bottom{padding:18px 12px}.section-heading p:not(.eyebrow){color:#d4c6d1}.site-header{background:#07080c70}}