@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#1c1c1c;--paper:#fafaf7;--yellow:#f5df42;--line:#d8d8d1;--muted:#62625f;--radius:4px;font-family:'Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #405ee8;outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:absolute;top:-100px;left:20px;z-index:5;background:var(--yellow);padding:12px}.skip-link:focus{top:12px}.site-header{max-width:1360px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:800;letter-spacing:.03em}.brand-mark{font:800 36px/1 'Barlow Condensed',sans-serif;background:var(--yellow);border:1px solid var(--ink);padding:5px 10px;transform:rotate(-5deg);color:var(--ink)}.brand-small{display:block;font:600 11px/1.7 sans-serif;letter-spacing:.13em}.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px}.site-header nav a{padding:9px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current=page]{border-color:var(--ink)}.header-note{font-size:12px;color:var(--muted)}.hero{max-width:1360px;margin:auto;padding:69px 48px 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}.eyebrow{font:600 12px/1.5 sans-serif;letter-spacing:.13em}.mini-star{font-size:24px;vertical-align:middle;margin-right:9px}.hero h1{font-size:28px;font-weight:600;margin:28px 0 19px;line-height:1.4}.name-word{display:block;font:800 clamp(80px,9vw,136px)/.98 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.035em;margin:9px 0 0}.name-period{color:#b6a200}.hero-punch{font-size:clamp(22px,2.2vw,31px);font-weight:700;line-height:1.5;margin:23px 0 21px;letter-spacing:-.035em}.intro{max-width:440px;color:var(--muted);font-size:16px;line-height:1.9;margin:0}.hero-actions{margin-top:30px;display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 22px;font-size:14px;font-weight:600;border:1px solid var(--ink);border-radius:var(--radius);transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--yellow)}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:#363636}.text-link{border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:14px}.hero-visual{background:var(--yellow);position:relative;border:1px solid var(--ink);border-radius:var(--radius);transform:rotate(2deg);padding:21px 24px 19px;min-width:0}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:14px;font:600 11px/1.5 sans-serif;letter-spacing:.08em}.visual-top{border-bottom:1px solid #1c1c1c50;padding-bottom:14px}.visual-bottom{padding-top:14px;border-top:1px solid #1c1c1c50;font-size:12px}.artwork{position:relative;aspect-ratio:1.08;display:flex;align-items:center;justify-content:center;overflow:hidden}.type-art{font:800 clamp(50px,6vw,95px)/.97 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.type-art span{color:var(--yellow);-webkit-text-stroke:1px var(--ink)}.hero-art{width:100%;height:100%;object-fit:cover}.hero-art[hidden]{display:none}.art-sticker{position:absolute;right:-14px;bottom:66px;background:var(--paper);border:1px solid var(--ink);padding:13px 19px;font-size:13px;line-height:1.7;transform:rotate(-8deg);box-shadow:4px 4px 0 var(--ink)}.art-sticker strong{font-size:17px}.ticker{background:var(--ink);color:var(--yellow);display:flex;gap:40px;justify-content:center;padding:19px 24px;flex-wrap:wrap;font-size:14px}.section-wrap{max-width:1360px;margin:auto;padding:76px 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section-heading h2{font-size:34px;line-height:1.45;margin:11px 0 0;letter-spacing:-.04em}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.project-card{padding:23px 22px;border:1px solid var(--ink);border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-width:0;background:var(--paper)}.project-card:hover{transform:translateY(-5px);box-shadow:5px 5px 0 var(--ink)}.project-card.edu{background:var(--yellow)}.project-card.met{background:#e6edf4}.project-card.cad{background:#e5e7db}.project-card.dev{background:#efdfd7}.card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.project-number{font:600 10px/1.5 sans-serif;letter-spacing:.04em}.pill{font-size:12px;padding:4px 7px;border:1px solid #1c1c1c50;border-radius:3px;white-space:nowrap}.card-symbol{font:600 46px/1.2 'Barlow Condensed',sans-serif;margin:30px 0 21px;letter-spacing:-.02em}.project-card h3{font:700 33px/1.15 'Barlow Condensed',sans-serif;margin:0 0 14px;letter-spacing:-.01em}.card-joke{font-size:16px;font-weight:600;line-height:1.65;margin:0 0 19px}.card-description{font-size:16px;line-height:1.8;margin:0 0 25px;color:#4b4b47}.card-link{font-size:14px;font-weight:600;padding-top:18px;border-top:1px solid #1c1c1c35;display:block;margin-top:auto}.about-strip{border-top:1px solid var(--line);display:flex;gap:36px;align-items:center;justify-content:space-between;padding-top:44px;padding-bottom:44px}.about-strip>p{font-size:23px;line-height:1.6;font-weight:600;margin:0;flex:1}.about-strip .eyebrow{max-width:150px}footer{max-width:1360px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 48px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-brand{color:var(--ink);font:700 18px/1.5 'Barlow Condensed',sans-serif}.footer-brand span{font:400 12px sans-serif;margin-left:12px}footer p{margin:0}footer>a:last-child{font-size:14px}.detail{max-width:1160px;padding:56px 48px 74px;margin:auto}.breadcrumbs{font-size:14px;color:var(--muted);display:flex;gap:10px;margin-bottom:34px}.detail-hero{padding:40px 44px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--accent,var(--yellow));position:relative}.detail-title{font:800 clamp(60px,8vw,94px)/1 'Barlow Condensed',sans-serif;margin:19px 0 18px}.detail-punch{font-size:clamp(23px,3vw,34px);font-weight:700;line-height:1.55;margin:0 0 19px;max-width:750px}.detail-intro{max-width:760px;font-size:16px;line-height:1.95;margin:0;color:#454541}.detail-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;margin-top:45px}.detail-aside{font-size:14px;line-height:1.9}.detail-aside .aside-title{font:600 12px/1.5 sans-serif;letter-spacing:.08em;margin:0 0 13px}.detail-aside p{margin:0 0 19px;color:var(--muted)}.detail-content h2{font-size:24px;margin:0 0 24px}.feature{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:34px minmax(0,1fr);gap:15px}.feature-number{font:600 16px 'Barlow Condensed',sans-serif;color:var(--muted);padding-top:4px}.feature h3{font-size:17px;margin:0 0 9px}.feature p{font-size:16px;line-height:1.85;margin:0;color:var(--muted)}.little-note{border-left:4px solid var(--ink);background:#efefea;padding:17px 22px;margin:29px 0;font-size:14px;line-height:1.85}.detail-more{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.detail-more a{font-size:14px;border-bottom:1px solid var(--ink);padding:8px 0;margin-right:18px}.about-title{font-family:'Noto Sans SC',sans-serif;font-size:clamp(30px,5vw,54px);line-height:1.4;letter-spacing:-.035em}.role-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.role-tags span{padding:7px 12px;border:1px solid var(--ink);font-size:14px}.faq{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.7}.faq p{font-size:16px;line-height:1.85;color:var(--muted);margin:15px 0 0}.page-closing{margin:40px 0 0;padding-top:25px;border-top:1px solid var(--line);font-size:16px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-note{display:none}.hero{gap:30px}.card-top{flex-wrap:nowrap}.project-number{font-size:11px}.about-strip .eyebrow{max-width:110px}.detail-body{gap:32px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:720px){.site-header{padding:21px 22px;gap:15px;flex-wrap:wrap}.brand{font-size:14px}.brand-small{font-size:10px}.brand-mark{font-size:30px}.site-header nav{gap:19px;font-size:14px}.hero{padding:42px 23px 45px;grid-template-columns:1fr;gap:39px}.hero h1{margin-top:20px;font-size:24px}.name-word{font-size:108px}.hero-punch{font-size:25px}.hero-visual{margin:0 8px;max-width:530px}.artwork{aspect-ratio:1.2}.type-art{font-size:84px}.ticker{gap:16px;padding:17px 18px;font-size:12px}.ticker span:nth-last-child(-n+2){display:none}.section-wrap{padding:48px 23px}.section-heading{display:block}.section-heading h2{font-size:28px}.section-heading>p{margin-top:19px}.project-grid{gap:13px}.project-card{padding:18px 16px}.card-top{flex-wrap:wrap}.card-symbol{font-size:38px;margin-top:25px}.project-card h3{font-size:29px}.card-joke{font-size:15px}.card-description{font-size:16px}.about-strip{display:block}.about-strip>p{font-size:23px;margin:16px 0 21px}footer{padding:25px 23px;flex-wrap:wrap;gap:15px}footer p{width:100%;order:3;font-size:12px}.detail{padding:35px 23px 48px}.detail-hero{padding:27px 23px}.detail-title{font-size:64px;overflow-wrap:anywhere}.detail-punch{font-size:25px}.detail-body{grid-template-columns:1fr;gap:24px;margin-top:29px}.detail-aside{padding-bottom:10px;border-bottom:1px solid var(--line)}.about-title{font-size:30px}.detail-content h2{font-size:23px}.hero-art{max-height:490px}}
@media(max-width:400px){.project-grid{grid-template-columns:1fr}.card-top{flex-wrap:nowrap}.site-header nav{width:100%;justify-content:space-between}.card-symbol{margin-top:21px}.name-word{font-size:94px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.type-art[hidden]{display:none}

.brand-avatar{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid var(--ink);flex-shrink:0}.about-avatar{width:160px;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid var(--ink);margin-bottom:22px}.about-copy{font-size:16px;line-height:1.85;color:var(--muted)}.personal-bio{font-size:16px;line-height:1.7;margin:0 0 18px;font-weight:600}.hero-fields{font-weight:700;color:var(--ink)}.brand-small{font-size:10px;letter-spacing:.05em}@media(max-width:720px){.brand-small{font-size:9px}.brand-avatar{width:44px;height:44px}.about-avatar{width:110px}.art-sticker{right:-9px}}