:root{--bg: #faf7f0;--surface: #fffdf8;--text: #141312;--muted: #6f6a61;--line: #e8dfd2;--orange: #c96442;--orange-soft: #f3d4c4;--pixel-dark: #2b2926;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Avenir Next,Inter,PingFang SC,Hiragino Sans GB,Noto Sans SC,ui-sans-serif,system-ui,sans-serif;font-weight:520}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.36;background:linear-gradient(90deg,rgba(201,100,66,.08) 1px,transparent 1px),linear-gradient(rgba(201,100,66,.08) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}a{color:inherit;text-decoration:none}img{display:block}.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,54px);border-bottom:1px solid rgba(232,223,210,.85);background:#faf7f0d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:IBM Plex Mono,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:0}.brand{position:relative;font-weight:900}.brand:after{content:"";position:absolute;right:-14px;top:2px;width:7px;height:7px;background:var(--orange)}.nav-links{display:flex;gap:18px;color:var(--muted)}.section-panel{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:clamp(70px,9vw,132px) 0}.hero{min-height:calc(100vh - 58px);display:block;align-items:center;padding-top:clamp(92px,12vw,150px)}.hero-copy{max-width:980px}.eyebrow,.contact-grid span,.button,.tags span,.project-copy span{font-family:IBM Plex Mono,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.eyebrow{margin:0 0 16px;color:var(--orange);font-weight:900}h1,h2,h3,h4,p{margin-top:0}.hero-title{margin-bottom:6px;font-family:Arial Black,Avenir Next,PingFang SC,sans-serif;font-size:clamp(76px,10vw,142px);line-height:.92;letter-spacing:0}.alias{color:var(--muted);font-size:24px}.intent{display:grid;gap:8px;margin:30px 0;padding:20px;border:1px solid var(--line);background:var(--surface);box-shadow:8px 8px #c9644224}.intent p{margin:0}.intent span{display:inline-block;width:86px;color:var(--orange);font-family:IBM Plex Mono,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:900}.intro{max-width:680px;color:var(--muted);font-size:18px;line-height:1.8}.contact-grid{display:grid;gap:10px;margin:28px 0}.contact-grid a{display:grid;grid-template-columns:80px 1fr;padding-bottom:10px;border-bottom:1px solid var(--line)}.contact-grid span{color:var(--orange);font-weight:900}.link-row{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--text);padding:0 16px;background:transparent;font-weight:900;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translate(-2px,-2px);background:var(--orange-soft);box-shadow:4px 4px 0 var(--text)}.button.primary{background:var(--text);color:var(--bg)}.image-shell{position:relative;overflow:hidden;border:1px solid var(--text);background:linear-gradient(90deg,rgba(201,100,66,.1) 1px,transparent 1px),linear-gradient(rgba(201,100,66,.1) 1px,transparent 1px),var(--surface);background-size:18px 18px}.image-shell img{width:100%;height:100%;object-fit:cover;object-position:center}.pixel-decor{position:absolute;right:16px;top:16px;z-index:3;display:grid;grid-template-columns:repeat(3,14px);gap:6px;pointer-events:none}.pixel-decor span{width:14px;height:14px;background:var(--orange)}.pixel-decor span:nth-child(2),.pixel-decor span:nth-child(5){background:var(--pixel-dark)}.pixel-decor span:nth-child(3),.pixel-decor span:nth-child(4){background:var(--orange-soft)}.pixel-decor.dense{grid-template-columns:repeat(4,13px)}.title-stage{position:relative;min-height:92vh;display:grid;align-items:center;overflow:hidden;padding:8vh max(22px,calc((100vw - var(--max)) / 2))}.title-stage.orange{background:var(--orange);color:var(--bg)}.title-stage.compact{min-height:70vh}.curtain{position:absolute;inset:0;background:var(--orange);transform:scaleY(0);transform-origin:bottom;opacity:.95;will-change:transform}.big-title{position:relative;z-index:1;width:min(1220px,100%)}.big-title h2{margin:0;font-family:Arial Black,Avenir Next,PingFang SC,sans-serif;font-size:clamp(54px,9.4vw,136px);line-height:.95;letter-spacing:0;font-weight:950}.title-line{display:block;text-decoration-thickness:.08em;text-underline-offset:.08em}.title-line:last-child{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.08em}.pixel-cursor{display:block;width:28px;height:28px;margin-top:28px;background:currentColor;animation:cursor-blink .85s steps(1) infinite}.about{display:block}.about-copy{width:min(100%,1060px)}.about h3,.section-heading h3,.edu-card h3,.skill-group h3{font-family:Arial Black,Avenir Next,PingFang SC,sans-serif;font-size:clamp(30px,4vw,56px);line-height:1.05;letter-spacing:0}.about-copy p{max-width:920px;color:var(--muted);font-size:17px;line-height:1.75}.music-window{position:relative;width:min(100%,1120px);margin:46px auto 0;overflow:hidden;border-top:2px solid var(--text);padding-top:28px}.music-window:before,.music-window:after{content:"";position:absolute;top:0;z-index:4;width:96px;height:100%;pointer-events:none}.music-window:before{left:0;background:linear-gradient(90deg,var(--bg),rgba(250,247,240,0))}.music-window:after{right:0;background:linear-gradient(270deg,var(--bg),rgba(250,247,240,0))}.music-strip{display:grid;grid-auto-columns:calc((min(100vw - 40px,1120px) - 48px) / 3);grid-auto-flow:column;gap:24px;width:max-content;animation:clothesline-scroll 22s linear infinite}.music-card{position:relative;min-height:clamp(320px,32vw,430px);border:1px solid var(--line);background:var(--surface);padding:14px 14px 22px;transform-origin:top center;animation:hanger-sway 4.6s ease-in-out infinite}.music-card:before{content:"";position:absolute;top:-28px;left:50%;width:1px;height:28px;background:var(--text)}.music-card:after{content:"";position:absolute;top:-34px;left:calc(50% - 7px);width:14px;height:8px;border:1px solid var(--text);background:var(--orange-soft)}.music-card:nth-child(2n){animation-delay:.9s}.album-art{position:relative;aspect-ratio:1;margin-bottom:12px;overflow:hidden;background:var(--orange-soft)}.album-art img{width:100%;height:100%;object-fit:cover}.music-card strong,.music-card span{position:relative;z-index:3;display:block;padding-left:2px;background:var(--surface)}.music-card strong{font-family:Arial Black,Avenir Next,sans-serif;margin-top:4px;color:var(--text);font-size:clamp(22px,2.2vw,34px);line-height:1.08}.music-card span{color:var(--muted);margin-top:6px;font-size:clamp(18px,1.8vw,28px);font-weight:800}.education{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.edu-card,.skill-group{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--surface);padding:clamp(22px,4vw,38px)}.edu-note{color:var(--muted);font-size:16px;line-height:1.75}.timeline{position:relative;display:grid;gap:36px;margin-top:48px}.timeline-line{position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--orange)}.intern-card{position:relative;display:grid;grid-template-columns:170px minmax(280px,.82fr) minmax(0,1.25fr);gap:clamp(20px,3vw,34px);align-items:center;overflow:hidden;border:1px solid var(--line);background:var(--surface);padding:clamp(22px,3vw,34px)}.intern-image{min-height:250px}.time-node{align-self:stretch;color:var(--muted);font-family:IBM Plex Mono,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:900}.time-node span{display:inline-block;width:15px;height:15px;margin-right:12px;background:var(--orange);vertical-align:middle}.intern-copy p,.intern-copy li{color:var(--muted);font-size:15px;line-height:1.62}.intern-copy ul{margin:12px 0 0;padding-left:18px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.tags span{border:1px solid var(--line);padding:6px 8px;background:var(--bg);color:var(--muted);font-weight:900}.projects{background:var(--orange);padding:9vh 0 14vh}.project-block{width:min(var(--max),calc(100% - 40px));margin:0 auto;color:var(--bg)}.project-block+.project-block{margin-top:120px;padding-top:90px;border-top:1px solid rgba(250,247,240,.35)}.project-header{display:block;margin-bottom:52px}.project-header h3{max-width:100%;margin:0 0 16px;font-family:Arial Black,Avenir Next,PingFang SC,sans-serif;font-size:clamp(52px,7.8vw,128px);line-height:.98}.project-story-list{display:grid;gap:28px}.project-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:26px;align-items:stretch}.project-visual{overflow:hidden;border:1px solid rgba(250,247,240,.55);background:#14131224}.browser-bar{display:flex;gap:8px;padding:14px;border-bottom:1px solid rgba(250,247,240,.35)}.browser-bar span{width:11px;height:11px;background:var(--orange-soft)}.project-image{aspect-ratio:1.72 / 1;border:0}.compact-list .project-image{aspect-ratio:2.04 / 1}.project-copy{border:1px solid rgba(250,247,240,.48);padding:clamp(22px,4vw,44px);background:#1413122e}.project-copy span{display:block;margin-bottom:24px;color:var(--orange-soft);font-weight:900}.project-copy h4{margin:0 0 18px;font-family:Arial Black,Avenir Next,PingFang SC,sans-serif;font-size:clamp(30px,3vw,48px);line-height:1.08}.project-copy p{color:#faf7f0c7;font-size:17px;line-height:1.8}.project-copy .button,.project-header .button{border-color:var(--bg)}.project-copy .button.primary,.project-header .button.primary{background:var(--bg);color:var(--text)}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:110px}.skill-group p{color:var(--muted);line-height:1.8}@keyframes clothesline-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * (((min(100vw - 40px,1120px) - 48px) / 3) * 5 + 24px * 5)))}}@keyframes hanger-sway{0%,to{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(1.2deg) translateY(6px)}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(min-width:821px)and (max-width:1180px){.intern-card{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.time-node{grid-column:1 / -1}}@media(max-width:820px){.nav{align-items:flex-start;gap:12px}.nav-links{max-width:230px;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px}.hero,.intern-card,.project-story,.education,.skills{grid-template-columns:1fr}.hero{padding-top:64px}.big-title h2{font-size:clamp(48px,16vw,72px)}.title-stage{min-height:68vh;padding-inline:20px}.intern-card{gap:18px}.project-block+.project-block{margin-top:70px;padding-top:60px}.project-header{display:block}.contact-grid a{grid-template-columns:1fr;gap:5px}.music-window{width:100%}.music-strip{grid-auto-columns:min(78vw,330px)}@keyframes clothesline-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1*(min(78vw,330px)*5 + 120px)))}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}