/* Unified editorial art direction for the personal homepage. */
:root{--bg:#f4f0e8;--paper:#fbf8f2;--ink:#242923;--muted:#62695f;--green:#264537;--accent:#b85d41;--line:#d8d8ce;--soft:#e9e9dd;--shadow:0 30px 70px -42px #27372a8a}
html{scroll-padding-top:88px}body{font-weight:500;line-height:1.75;background:var(--bg);color:var(--ink)}
main.wrap,footer.wrap,header nav.wrap{width:min(1360px,calc(100% - 80px));max-width:none}
header{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
header nav.wrap{min-height:76px}.logo{font-size:17px;font-weight:800}.logo small{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:700}nav>div a{font-size:13px;font-weight:700}nav>div a:hover{color:var(--accent)}.quick-open{border-radius:0;font-weight:800}.quick-open:hover{transform:translateY(-2px)}
.hero{min-height:min(850px,calc(100svh - 76px));grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(30px,4vw,70px);padding:55px 0 74px;align-items:center;position:relative}.hero:before{content:"YIN WENHAO / PERSONAL SITE";position:absolute;top:14px;left:0;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.hero:after{content:"SCROLL TO EXPLORE ↓";position:absolute;right:0;bottom:28px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.hero>div:first-child{position:relative;z-index:2}.hero .eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent)}.hero .eyebrow:before{background:var(--accent)}.hero .hello{font-size:18px;font-weight:700;margin:38px 0 15px;color:var(--deep,var(--green))}.hero h1,.hero h1>span{font-family:inherit;font-weight:800;letter-spacing:-.075em;line-height:1.2}.hero h1{font-size:clamp(4rem,6.7vw,7.4rem);margin:0 0 26px;white-space:nowrap}.hero h1>span{color:var(--green);position:relative}.hero h1>span:after{content:"";display:block;position:absolute;left:0;right:7%;bottom:.02em;height:.09em;background:var(--accent);transform:rotate(-2deg);opacity:.72}.hero .statement{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 14px}.hero .muted{font-size:15px;line-height:1.9;max-width:550px;color:var(--muted)}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.btn{border-radius:0;min-height:48px;padding:11px 18px;font-weight:800;font-size:13px;transition:transform .25s,background .25s,color .25s,border-color .25s}.btn:hover{transform:translateY(-3px)}.btn.solid,.btn.solid:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:none}.btn.solid:hover{background:var(--accent);border-color:var(--accent)}.hero-tags{margin-top:31px}.hero-tags a{border-radius:0;border-color:var(--line);background:transparent;font-weight:700;color:var(--muted);padding:6px 11px}
.profile,.profile:hover{border-radius:0;overflow:hidden;transform:none!important;box-shadow:20px 27px 55px #243b3238;background:var(--green);border:1px solid var(--green);color:#f8f4e9;padding:32px 34px;position:relative;isolation:isolate}.profile:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at var(--spot-x,75%) var(--spot-y,10%),#748a6c66,transparent 46%),linear-gradient(145deg,#345846,#1e392c);pointer-events:none;transition:background-position .3s}.profile:after{content:"";position:absolute;right:-35px;top:20%;width:220px;height:220px;border:1px solid #ffffff24;border-radius:50%;background:radial-gradient(circle,transparent 0 30%,#ffffff14 30.5% 31%,transparent 31.5% 60%,#ffffff12 60.5% 61%,transparent 61.5%);pointer-events:none}.profile>*{position:relative;z-index:1}.profile-heading .eyebrow,.profile-index{color:#ddc4ad;font-size:10px;font-weight:800;letter-spacing:.13em}.profile h2.profile-title{color:#fffaf0;font-size:clamp(2rem,2.6vw,2.9rem);font-weight:800;line-height:1.35;letter-spacing:-.05em;margin:25px 0 28px}.profile-title>span{color:#e6a488}.career-list{border-color:#ffffff35}.career-row{border-color:#ffffff35;padding:15px 0}.career-row:hover{background:#ffffff12!important;padding-left:10px;padding-right:10px}.career-info strong{color:#fffaf0;font-size:15px;font-weight:800}.career-info small{color:#d9e2d6;font-size:11px}.career-arrow{color:#e2cbb7}.career-row:hover .career-arrow{color:#fff}.career-icon,.career-icon.university,.career-icon.aumovio{border-radius:0;background:#fffaf2;border-color:#fffaf2}.profile-note{background:#f7efe81a;color:#e9e4d8;border:1px solid #ffffff2b;border-radius:0;margin-top:26px}.profile-note b{color:#fffaf0;font-weight:800}.profile-note span:first-child{color:#e8aa8c}
.home-marquee{position:relative;left:50%;width:100vw;transform:translateX(-50%);background:var(--green);color:#f8f3e8;padding:14px 0;overflow:hidden;border-block:1px solid var(--green)}.home-marquee-track{display:flex;width:max-content;animation:home-marquee 34s linear infinite}.home-marquee-track span{font-size:12px;font-weight:800;letter-spacing:.26em;white-space:nowrap;padding-right:70px}.home-marquee-track i{display:inline-block;width:9px;height:9px;margin:0 34px;background:#e6a488;transform:rotate(45deg);vertical-align:middle}.home-marquee:hover .home-marquee-track{animation-play-state:paused}@keyframes home-marquee{to{transform:translateX(-50%)}}
.intro-strip{border-block:0;border-bottom:1px solid var(--line);padding:27px 0 32px;gap:30px}.intro-strip>b{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800}.intro-strip p{font-size:15px;font-weight:700;color:var(--ink)}.intro-strip>a{font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}
.explore-section,.section{padding-top:110px;padding-bottom:105px;border-top:1px solid var(--line)}.story-heading,.heading{margin-bottom:42px}.story-heading .eyebrow,.heading .eyebrow,.contact>.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent)}.story-heading h2,.heading h2{font-size:clamp(2.8rem,5.4vw,5.2rem);font-weight:800;letter-spacing:-.07em;line-height:1.15;margin:14px 0 0}.heading h2 em{font-weight:800;font-style:normal;color:var(--accent)}.story-heading>p,.heading>.muted{font-size:13px;line-height:1.8;color:var(--muted)}.story-layout,.simulation{border-radius:0;box-shadow:none}.story-map{background-color:var(--paper)}.story-node{border-radius:0;background:var(--paper);font-weight:700}.story-node[aria-pressed=true]{background:var(--green);color:#fffaf1;box-shadow:none}.story-node[aria-pressed=true] small{color:#d5e0d1}.story-node[aria-pressed=true] .node-symbol{color:#e8aa8c}.story-detail{background:#e6e9dc}.story-detail h3{font-size:26px;letter-spacing:-.04em;font-weight:800}.story-detail a{color:var(--green);font-weight:800}.sim-header{background:var(--green);color:#f7f3e9;padding:30px 35px}.sim-header .eyebrow{color:#e8aa8c}.sim-header p{color:#dce5d9}.sim-header h3{font-size:26px;letter-spacing:-.04em}.sim-cases{border-radius:0;background:#ffffff1a}.sim-cases button{border-radius:0;color:#f4f0e8}.sim-cases button[aria-pressed=true]{background:#f4f0e8;color:var(--green)}.sim-choice,.sim-feedback,.sim-controls button{border-radius:0}.sim-choice:hover{transform:translateY(-2px)}
.experience{grid-template-columns:minmax(270px,.34fr) minmax(0,.66fr);border-radius:0;background:var(--paper);border-color:var(--line);box-shadow:none;overflow:hidden}.experience+.experience{margin-top:25px}.experience>aside,.aumovio>aside{background:var(--green);color:#fffaf1;padding:38px 34px}.experience:not(.aumovio)>aside{background:#aa634a}.experience aside h3{font-size:26px;font-weight:800;line-height:1.35;letter-spacing:-.04em;margin:15px 0}.experience aside p,.experience aside time{color:#e6e6d8;font-weight:600}.company-logo{background:#fffaf0;border:0;border-radius:0;padding:8px 10px;width:max-content;min-width:80px}.company-logo img{object-fit:contain}.experience .tag{background:#ffffff20;color:#fffaf0;border:1px solid #ffffff50;border-radius:0}.experience-body{padding:38px 42px;background:var(--paper);border:0}.lead{font-size:18px;font-weight:700;color:var(--ink);line-height:1.7}.project-stages span{border-radius:0;background:#e2e8d9;border-color:#d1dac8;color:var(--green);font-weight:700}.experience details{border-color:var(--line)}.experience summary{font-weight:800}.experience summary:hover{color:var(--accent)}.experience details p{color:var(--muted)}.metrics{border-color:var(--line)}.metrics strong{font-size:40px;font-weight:800;color:var(--accent)}.metrics span{font-weight:700}
.filters{border-radius:0;background:#e7e8dd;padding:4px}.filters button{border-radius:0;font-weight:800}.filters button[aria-pressed=true]{background:var(--green);color:#fff;box-shadow:none}.projects{gap:24px}.project{border-radius:0;background:var(--paper);overflow:hidden;box-shadow:none;border-color:var(--line);transition:transform .4s,box-shadow .4s}.project:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.project .visual{min-height:350px}.project .radar{background:radial-gradient(circle at 72% 30%,#537d62,#264537 55%,#1c3329)}.project .research{background:radial-gradient(circle at 68% 42%,#f7e6c9,#d5bea1 68%);color:var(--ink)}.project .visual-top{font-size:10px;font-weight:800;letter-spacing:.15em}.project .visual h3{font-size:clamp(2.3rem,3.2vw,3.5rem);font-weight:800;line-height:1.2;letter-spacing:-.055em}.project-body{padding:30px 31px 35px}.project-body h3{font-size:24px;font-weight:800;line-height:1.35;letter-spacing:-.04em}.project-body>p{color:var(--muted)}.project-link{font-weight:800}.radar-steps button{border-radius:0}.research-map span{border-radius:0}
.education{gap:35px}.school{border-bottom:1px solid var(--line);padding:25px 0}.school>span{font-size:12px;color:var(--accent);font-weight:800}.school h3{font-size:28px;font-weight:800;letter-spacing:-.05em}.school .tag{border-radius:0;color:var(--green);background:#e1e7d9}.honors{background:var(--paper);border:1px solid var(--line);padding:32px}.honors h3{font-size:21px;font-weight:800}.honors strong{font-weight:800;color:var(--green)}.toolkit{gap:18px}.toolkit article{padding:30px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green)}.toolkit article:nth-child(2){border-top-color:var(--accent)}.toolkit article h3{font-size:22px;font-weight:800;line-height:1.3}.toolkit article>span:first-child{font-weight:800;letter-spacing:.1em;color:var(--accent)}.toolkit article p{color:var(--muted)}.toolkit .tag{border-radius:0}.campus{border-top:1px solid var(--line)}.campus h3{font-size:23px;font-weight:800}.campus h4{font-weight:800}
.contact{margin:30px 0 100px;padding:70px clamp(28px,5vw,75px);border:0;border-radius:0;background:var(--green);color:#f7f3e9}.contact>.eyebrow{color:#e9ab8d}.contact h2{font-size:clamp(3rem,5.4vw,5.3rem);font-weight:800;letter-spacing:-.07em;line-height:1.22;color:#fffaf1}.contact h2 em{color:#e9ab8d;font-style:normal}.contact>p{color:#d9e5d6}.contact-topics{border-color:#ffffff36;border-radius:0;background:#ffffff0e}.contact-topics p{color:#d9e5d6}.contact-topics a{color:#f5f1e8;border-color:#ffffff35;font-weight:700}.contact-topics a:hover{color:#e9ab8d}.contact .btn{border-color:#ffffff6b;color:#fff}.contact .btn.solid{background:#f4f0e8;color:var(--green);border-color:#f4f0e8}.contact .btn:hover{background:#ffffff1a}.contact .btn.solid:hover{background:#e9ab8d;border-color:#e9ab8d;color:var(--ink)}.contact .email{color:#fffaf1;font-weight:800}.contact #copy-status{color:#e9ab8d}footer.wrap{border-top:1px solid var(--line);padding-top:26px;padding-bottom:42px;font-weight:700}
.portfolio-hub{margin-top:85px;padding-top:60px}.portfolio-hub-head h3{font-size:clamp(2.4rem,4vw,4rem);font-weight:800;line-height:1.18;letter-spacing:-.06em}.portfolio-hub-head p{margin-top:15px}.portfolio-hub-link{border-radius:0;font-weight:800}.portfolio-hub-link:hover{background:var(--green);border-color:var(--green);color:#fff}
.unified-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.unified-reveal.is-visible{opacity:1;transform:translateY(0)}.hero>div:first-child>*{animation:hero-enter .7s both}.hero>div:first-child>*:nth-child(2){animation-delay:.06s}.hero>div:first-child>*:nth-child(3){animation-delay:.12s}.hero>div:first-child>*:nth-child(4){animation-delay:.18s}.hero>div:first-child>*:nth-child(5){animation-delay:.24s}.hero>div:first-child>*:nth-child(6){animation-delay:.3s}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
html[data-theme=night]{--bg:#202722;--paper:#2a342c;--ink:#f2eee3;--muted:#c3cabc;--green:#426852;--accent:#e0a287;--line:#526154;--soft:#354239}.profile{background:#264537}.experience-body{background:var(--paper)}html[data-theme=night] .experience aside p,html[data-theme=night] .experience aside time{color:#f2e4d6}html[data-theme=night] .contact{background:#1a3328}html[data-theme=night] .story-detail{background:#344537}html[data-theme=night] .story-node[aria-pressed=true]{background:#426852}
html[data-theme=night] .hero h1>span{color:#dbe8d3}html[data-theme=night] .hero .hello{color:#e6b090}html[data-theme=night] .hero .statement,html[data-theme=night] .intro-strip p{color:#f2eee3}
html[data-theme=night] header .logo{color:#f2eee3}html[data-theme=night] header .logo small{color:#e0a287}
@media(max-width:1050px){.hero h1{font-size:clamp(3.5rem,6.2vw,5.5rem)}.profile{padding:26px}.experience{grid-template-columns:260px 1fr}}@media(max-width:760px){main.wrap,footer.wrap,header nav.wrap{width:calc(100% - 36px)}header nav.wrap{min-height:66px}.hero{min-height:0;grid-template-columns:1fr;gap:40px;padding:78px 0 85px}.hero h1{font-size:clamp(3.2rem,11vw,5rem);white-space:normal;line-height:1.2}.hero .hello{margin-top:25px}.profile{padding:26px 23px}.profile h2.profile-title{font-size:30px}.hero:after{bottom:26px}.intro-strip{padding:24px 0}.explore-section,.section{padding:72px 0}.story-heading h2,.heading h2{font-size:clamp(2.7rem,9vw,4rem)}.experience{grid-template-columns:1fr}.experience>aside,.aumovio>aside{padding:28px}.experience-body{padding:28px}.project .visual{min-height:310px}.contact{margin:20px 0 70px;padding:38px 25px}.contact h2{font-size:clamp(2.6rem,9vw,4rem)}.portfolio-hub{margin-top:65px;padding-top:40px}}@media(max-width:480px){.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(2.95rem,12vw,4rem)}.hero .statement{font-size:16px}.hero .muted{font-size:14px}.profile h2.profile-title{font-size:26px}.story-heading h2,.heading h2{font-size:2.8rem}.experience-body{padding:25px 22px}.lead{font-size:16px}.metrics strong{font-size:32px}.project .visual h3{font-size:2.3rem}.contact-topics{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.unified-reveal{opacity:1;transform:none}.home-marquee-track{animation:none}}@media print{.home-marquee{display:none}.unified-reveal{opacity:1;transform:none}.profile,.experience>aside,.contact{background:#fff!important;color:#222!important;box-shadow:none!important}.profile *,.experience>aside *,.contact *{color:#222!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.unified-reveal{opacity:1;transform:none}.home-marquee-track{animation:none}}@media print{.home-marquee{display:none}.unified-reveal{opacity:1;transform:none}.profile,.experience>aside,.contact{background:#fff!important;color:#222!important;box-shadow:none!important}.profile *,.experience>aside *,.contact *{color:#222!important}}
+/* Second pass: a layered hero and editorial project stories. */
.hero:before{display:none}.hero{overflow:visible}
.profile-stack{position:relative;min-width:0;isolation:isolate}
.profile-stack:before,.profile-stack:after{content:"";position:absolute;inset:5% -13px -13px 14px;z-index:-2;pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.profile-stack:before{background:#c4775b;transform:translate(var(--stack-shift,0px),0) rotate(3deg)}
.profile-stack:after{inset:2% -7px -8px 9px;background:#d9e0bc;z-index:-1;transform:translate(calc(var(--stack-shift,0px)*-.5),0) rotate(1.5deg)}
.profile-stack .profile{width:100%;margin:0}
.profile-stack-index{position:absolute;right:-9px;bottom:9%;writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.18em;color:#f3dbc8;pointer-events:none}
#work .heading{margin-bottom:52px}
#work .projects{display:grid;grid-template-columns:1fr;gap:32px}
#work .project{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:470px;border:1px solid var(--line);overflow:hidden;background:var(--paper)}
#work .project[hidden]{display:none}
#work .project .visual{height:100%;min-height:470px;padding:39px 40px}
#work .project .visual h3{font-size:clamp(2.8rem,4.4vw,4.6rem);margin:30px 0 26px}
#work .project .visual h3 small{font-size:clamp(1.25rem,2vw,2rem)}
#work .project-body{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:52px clamp(34px,4.5vw,68px)}
#work .project-body:before{content:"01";position:absolute;right:29px;top:19px;color:color-mix(in srgb,var(--accent) 21%,transparent);font-size:clamp(4.5rem,8vw,8rem);font-weight:800;letter-spacing:-.08em;line-height:1;pointer-events:none}
#work .project:nth-child(2) .project-body:before{content:"02"}
#work .project-body>*{position:relative}
#work .project-body .eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent)}
#work .project-body h3{font-size:clamp(2rem,3vw,3.4rem);font-weight:800;line-height:1.25;letter-spacing:-.055em;margin:17px 0 23px}
#work .project-body>p{font-size:15px;line-height:1.9;color:var(--muted)}
#work .project-link{width:100%;margin-top:30px;border-top:1px solid var(--line);padding-top:17px;font-size:13px}
#work .project:nth-child(2) .visual{grid-column:2;grid-row:1}
#work .project:nth-child(2) .project-body{grid-column:1;grid-row:1}
#work .project:nth-child(2) .project-body details{width:100%;margin-top:28px}
#work .project:nth-child(2) .project-body details p{font-size:13px;line-height:1.8}
#work .radar-console{grid-template-columns:130px minmax(0,1fr);gap:25px;margin:26px 0}
#work .radar-readout strong{font-size:20px;font-weight:800}
#work .radar-readout p{font-size:13px;max-width:360px}
#work .radar-steps button{font-size:12px;padding:8px 12px}
#work .research-map{margin:37px 0 25px}
#work .research-map span{padding:14px 11px}
#work .project:hover .visual h3{transform:translateY(-6px)}
@media(max-width:980px){#work .project{grid-template-columns:1fr;min-height:0}#work .project .visual{min-height:345px}#work .project:nth-child(2) .visual{grid-column:1;grid-row:1}#work .project:nth-child(2) .project-body{grid-column:1;grid-row:2}#work .project-body{padding:38px 36px;min-height:250px}#work .project-body h3{font-size:2.5rem}}
@media(max-width:760px){.profile-stack:before{inset:5% -5px -6px 7px}.profile-stack:after{inset:3% -3px -4px 4px}.profile-stack-index{display:none}#work .heading{margin-bottom:30px}#work .projects{gap:22px}#work .project .visual{min-height:325px;padding:28px}#work .project .visual h3{font-size:2.8rem}#work .project-body{padding:29px 27px}#work .project-body h3{font-size:2.15rem;margin:12px 0 16px}#work .project-body>p{font-size:14px}#work .radar-console{grid-template-columns:100px minmax(0,1fr);gap:18px}#work .radar-readout strong{font-size:17px}#work .radar-readout p{font-size:12px}#work .research-map{margin:28px 0 18px}}
@media(prefers-reduced-motion:reduce){.profile-stack:before,.profile-stack:after{transition:none}#work .project:hover .visual h3{transform:none}}
@media print{.profile-stack{display:none!important}#work .project{grid-template-columns:1fr 1fr;min-height:0}#work .project .visual{display:none}#work .project-body{padding:12px}}
@media print{.profile-stack{display:none!important}#work .project{grid-template-columns:1fr 1fr;min-height:0}#work .project .visual{display:none}#work .project-body{padding:12px}}
@media(max-width:480px){#work .project .visual h3{font-size:2.15rem;letter-spacing:-.06em}}
@media(max-width:760px){.profile:after{display:none}}
.mobile-copy{display:none}
.contact-topics summary{color:#d9e5d6;font-size:12px;font-weight:800;line-height:1.6;padding-right:24px}
.contact-topics summary:after{color:#e9ab8d}
.contact-direct{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;border-top:1px solid #ffffff36;padding-top:18px;margin-top:8px}
.contact-direct a{color:#fffaf1;font-weight:800;overflow-wrap:anywhere}
.contact-direct .phone{color:#e9ab8d;font-size:18px;letter-spacing:.035em}
.contact-direct a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.desktop-copy{display:none}.mobile-copy{display:inline}#experience .heading>.muted{display:none}.experience>aside,.aumovio>aside{padding:21px 22px}.experience aside h3{font-size:22px;margin:9px 0 5px}.experience aside p{font-size:12px;line-height:1.55;margin-bottom:8px}.experience aside time{font-size:11px}.experience aside .tag{margin-top:6px}.experience .company-logo{padding:5px 8px}.experience .aumovio-logo img{width:150px;height:auto}.experience-body{padding:22px}.experience .lead{line-height:1.6;margin-bottom:16px}.experience details{padding:13px 0}.experience summary{font-size:14px;line-height:1.55}.hero{padding-top:62px;padding-bottom:72px;gap:30px}.hero .hello{margin-top:18px}.hero .actions{margin-top:23px}.hero-tags{margin-top:22px}.contact-topics{margin:22px 0 14px}.contact-direct{display:grid;gap:4px}.contact-direct .email{margin:0}.contact-direct .phone{font-size:17px}}
.nav-short{display:none}
@media(max-width:480px){header nav.wrap>div{gap:6px}header nav.wrap>div a{display:inline-flex;align-items:center;min-height:32px;white-space:nowrap}header nav.wrap>div .nav-full{display:none}header nav.wrap>div .nav-short{display:inline}}
.profile-stack{padding-bottom:48px}
.profile-stack:before,.profile-stack:after,.profile-stack-index{display:none}
.profile-stack .profile,.profile-stack .profile-deck-card{transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) translate(var(--deck-x,0px),var(--deck-y,0px)) rotate(var(--deck-rotation,0deg))!important;transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .3s;touch-action:pan-y;cursor:grab;user-select:none}
.profile-stack .is-dragging{transition:none!important;cursor:grabbing;box-shadow:28px 34px 65px #243b3255}
.profile-stack [data-depth="0"]{--deck-x:0px;--deck-y:0px;--deck-rotation:0deg}
.profile-stack [data-depth="1"]{--deck-x:11px;--deck-y:7px;--deck-rotation:1.4deg}
.profile-stack [data-depth="2"]{--deck-x:22px;--deck-y:14px;--deck-rotation:2.8deg}
.profile-stack .profile-deck-card{position:absolute;inset:0 0 48px;display:flex;flex-direction:column;min-width:0;padding:32px 34px;border:1px solid var(--green);overflow:hidden;box-shadow:20px 27px 55px #243b3238}
.profile-deck-learning{background:#dce4d2;color:#223f32}.profile-deck-making{background:#c47a5e;color:#fff8ec}
.deck-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:.15em}
.profile-deck-card h2{font-size:clamp(2rem,2.8vw,3.1rem);line-height:1.3;letter-spacing:-.06em;font-weight:800;margin:22px 0 12px}
.deck-card-facts{margin-top:auto}.deck-card-facts p{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid currentColor;padding:14px 0;margin:0;font-size:12px}.deck-card-facts strong{font-size:15px}.deck-card-facts span{text-align:right}
.profile-deck-card>a,.deck-card-links a{display:inline-flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid currentColor;padding:13px 15px;font-size:13px;font-weight:800;margin-top:24px}
.deck-card-description{font-size:16px;line-height:1.85;max-width:390px;margin:auto 0 0}.deck-card-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.deck-card-links a{margin:0}
.profile-deck-controls{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;height:39px;color:var(--muted);font-size:11px;font-weight:800}.profile-deck-controls>div{display:flex;align-items:center;gap:7px}.profile-deck-controls button{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);background:var(--paper);color:var(--green);font-size:17px}.profile-deck-controls button:hover,.profile-deck-controls button:focus-visible{background:var(--green);color:#fff}.profile-deck-controls output{min-width:48px;text-align:center;font-size:10px;letter-spacing:.08em}
@media(max-width:760px){.profile-stack{padding-bottom:44px}.profile-stack .profile-deck-card{inset:0 0 44px;padding:26px 23px}.profile-deck-card h2{font-size:clamp(1.7rem,7vw,2.3rem)}.deck-card-facts p{display:block;padding:11px 0}.deck-card-facts strong,.deck-card-facts span{display:block;text-align:left}.deck-card-facts span{font-size:11px;margin-top:2px}.deck-card-description{font-size:14px;line-height:1.7}.deck-card-links a{font-size:11px;padding:9px 10px}.profile-deck-controls>span{font-size:10px}}
@media(max-width:360px){.profile-deck-controls>span{max-width:112px;line-height:1.3}}
@media(prefers-reduced-motion:reduce){.profile-stack .profile,.profile-stack .profile-deck-card{transition:none}}
@media(max-width:760px){.profile-stack [data-depth="1"]{--deck-x:4px;--deck-y:5px;--deck-rotation:.6deg}.profile-stack [data-depth="2"]{--deck-x:8px;--deck-y:10px;--deck-rotation:1deg}}