:root{color-scheme:light;--paper:#fdfbf2;--ink:#202322;--blue:#4a81c2;--muted:#666c70;--line:#dcded8;--serif:"Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:30}.skip:focus{top:0}.nav{height:70px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:14px}.brand{font-family:var(--serif);font-size:18px;font-weight:700}.brand span{font-family:Arial;margin-left:12px;font-size:12px;color:var(--blue)}.nav nav{display:flex;gap:32px}.nav nav a:hover{color:var(--blue)}.hero{height:calc(100svh - 70px);min-height:680px;position:relative;padding:0 5% 50px}.hero-stage{position:relative;height:100%;isolation:isolate}.blue-frame{position:absolute;top:6%;bottom:5%;left:2%;right:2%;background:var(--blue);box-shadow:0 22px 34px #1c35451c}.hero-character{position:absolute;height:104%;width:64%;object-fit:contain;object-position:center bottom;bottom:0;left:23%;z-index:2;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.hero-kanji{position:absolute;z-index:3;top:12%;right:7%;display:flex;gap:20px;color:#fff}.hero-kanji>span{font-size:12px;letter-spacing:.3em;writing-mode:vertical-rl;padding-top:10px}.hero-kanji strong{font-family:var(--serif);font-weight:400;font-size:clamp(60px,7.4vw,115px);line-height:1.16;letter-spacing:.05em}.hero-heading{position:absolute;z-index:4;bottom:12%;left:7%;color:white;max-width:32%}.eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 20px}h1{font-family:var(--serif);font-size:46px;font-weight:600;line-height:1.25;letter-spacing:.14em;margin:0 0 16px}h1 span{font-family:Georgia,serif;display:block;font-size:20px;letter-spacing:.12em;margin-top:12px}.hero-role{font-size:14px;margin:0 0 20px}.hero-heading>a{display:block;font-size:13px;letter-spacing:.06em;margin-top:8px}.hero-caption{position:absolute;bottom:-30px;right:2%;font-size:12px;color:var(--muted)}.shell{max-width:1440px;margin:auto;padding:90px 7%}.section-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em;color:var(--muted);margin-bottom:45px}.intro{position:relative}.achievement-banner{position:relative;height:310px;margin:35px 0 55px 8%}.achievement-banner::before{content:"";position:absolute;inset:-12px 15px 12px -15px;background:#d4e1ef}.achievement-banner img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 45%}.banner-title{position:absolute;top:-45px;bottom:-50px;left:-8%;font-family:var(--serif);font-size:90px;writing-mode:vertical-rl;line-height:1.1;font-weight:700;letter-spacing:.03em;text-shadow:0 2px 16px var(--paper)}.banner-signature{position:absolute;bottom:26px;left:8%;font-family:Georgia,serif;font-style:italic;color:white;font-size:32px;transform:rotate(-7deg)}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:15%;gap:30px;margin-bottom:18px}.metrics strong{font-family:Georgia,serif;font-size:clamp(32px,4vw,60px);line-height:1.3;color:var(--blue);font-weight:400;white-space:nowrap}.metrics strong span{font:12px Arial;display:block;color:var(--muted);margin-top:8px;letter-spacing:.08em}.metrics p{font-size:14px;margin:10px 0}.metrics-note{font-size:12px;color:var(--muted);margin:0 0 65px 15%}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.intro-layout h2{font-size:38px}h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.2vw,60px);line-height:1.5;margin:0 0 22px;letter-spacing:.03em}em{font-style:normal;color:var(--blue)}.intro-copy p{font-size:16px;margin:0 0 20px;color:var(--muted)}.text-link{font-size:14px;border-bottom:1px solid var(--blue);padding-bottom:5px;color:var(--ink);display:inline-block}.experience-list{margin-top:45px}.experience-list article{display:grid;grid-template-columns:130px 1fr 1fr;gap:30px;padding:25px 0;border-top:1px solid var(--line)}h3{font-size:20px;line-height:1.5;font-weight:500;margin:0 0 8px}.experience-list p{font-size:14px;color:var(--muted);margin:0}.role-label{font-size:13px;color:var(--blue)}.experience-list .text-link{font-size:12px;margin-top:8px}.works{position:relative;overflow:clip;background:#f2f2e9;padding:65px 0 85px}.works .section-top{padding:0 7%;margin-bottom:18px}.display-title{font-family:var(--serif);text-align:center;font-size:38px;margin:0}.display-title span{display:block;font:12px Arial;letter-spacing:.4em;color:var(--muted);margin:12px 0 0}.gallery-stage{position:relative}.gallery-track{display:flex;gap:6vw;padding:0 7vw 40px;align-items:start}.project-grid{display:contents}.project{position:relative;flex:0 0 25vw;margin:100px 0 0;min-width:0;background:#fff;padding:12px 12px 20px;box-shadow:15px 22px 26px #2c39391c;transform:rotate(-2deg)}.project:nth-of-type(1){margin-top:140px}.project-grid .project:first-child{margin-top:70px;transform:rotate(2deg)}.project-grid .project:last-child{margin-top:150px;transform:rotate(-2deg)}.project::before{content:"";position:absolute;width:1px;background:#89a9c7;height:160px;bottom:100%;left:50%}.project::after{content:"";position:absolute;top:-10px;left:calc(50% - 20px);width:40px;height:20px;background:#9fc0d3aa;transform:rotate(-6deg)}.project-image{display:block;overflow:hidden;height:310px;background:#f5f5f1}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-wide .project-image img{object-position:52% center}.project-image:hover img{transform:scale(1.045)}.project-info{display:flex;gap:12px;justify-content:space-between;margin:16px 5px 0}.project-type{font-size:12px;color:var(--blue);letter-spacing:.05em}.project-info h3{font-family:var(--serif);font-size:21px;margin-top:8px}.project-index{font:italic 25px Georgia;color:#8c9faf}.project-desc{font-size:14px;color:var(--muted);margin:12px 5px}.project details{font-size:14px;margin:0 5px}.project summary{color:#326096;cursor:pointer;border-top:1px solid var(--line);padding:12px 0 0}.detail-content{font-size:14px;color:var(--muted)}.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mini-gallery img{display:block;width:100%}.about-layout{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:start}.portrait{max-width:360px;position:relative;padding:16px;background:var(--blue);transform:rotate(-3deg);box-shadow:15px 20px 0 #e6eaf0}.portrait img{width:100%;height:420px;object-fit:cover;object-position:top;display:block}.portrait span{display:block;font-size:12px;color:white;letter-spacing:.15em;padding:15px 0 0}.about-text{color:var(--muted)}.credential{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.credential>span{font-size:12px;color:var(--blue)}.credential h3{margin-top:12px}.credential p{font-size:14px;color:var(--muted)}.credential .small{font-size:12px}.contact{padding-top:70px;padding-bottom:90px}.contact-panel{position:relative;background:var(--blue);min-height:430px;margin:40px 0;padding:0 0 0 10%;display:flex;align-items:center}.contact-paper{position:relative;background:var(--paper);width:62%;padding:38px;transform:translateY(-18px) rotate(-2deg);box-shadow:14px 20px 35px #19324830}.contact-paper .section-top{font-size:12px;letter-spacing:0;margin-bottom:25px;display:block}.contact-paper .section-top span{display:block;margin-bottom:6px}.contact h2{font-size:36px}.contact-kanji{position:absolute;right:8%;top:15%;font-family:var(--serif);font-size:100px;color:white;line-height:1.25}.phone{font-size:clamp(21px,2.7vw,36px);display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0 20px;line-height:1.4;white-space:nowrap}.socials{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:22px}.socials button{border:0;background:none;font-size:12px;padding:0}footer.shell{position:relative;padding:25px 7% 25px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;color:var(--muted)}.footer-name{order:3;width:100%;font-family:Arial,sans-serif;letter-spacing:-.075em;font-weight:800;line-height:1.2;color:var(--ink);font-size:clamp(60px,13.3vw,200px);white-space:nowrap;margin-top:35px}dialog{border:0;background:var(--paper);color:var(--ink);max-width:94vw;max-height:94dvh;padding:24px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#152332dc}dialog img{display:block;max-width:85vw;max-height:75dvh;object-fit:contain}dialog p{font-size:14px;margin:12px 0 0}.close{display:block;margin:0 0 15px auto;background:none;border:0}body:has(dialog[open]){overflow:hidden}
@supports(animation-timeline:view()){@media(min-width:900px) and (prefers-reduced-motion:no-preference){.hero{view-timeline-name:--hero;view-timeline-axis:block}.hero-stage{animation:hero-away linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%;transform-origin:center bottom}@keyframes hero-away{to{transform:scale(.9) translateY(50px);opacity:.2}}.achievement-banner img{animation:banner-pan linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes banner-pan{from{object-position:center 25%}to{object-position:center 70%}}.project{animation:picture-in linear both;animation-timeline:view();animation-range:entry 0% entry 70%}@keyframes picture-in{from{translate:0 70px;opacity:.25}to{translate:0 0;opacity:1}}}}
@media(min-width:1600px){.hero-character{width:57%;left:25%}.project-image{height:380px}.gallery-track{max-width:1600px;margin:auto;gap:80px}.project{flex-basis:360px}}@media(max-width:1000px){.hero-heading{left:6%}h1{font-size:36px}.hero-kanji{right:5%}.hero-kanji strong{font-size:65px}.hero-character{left:25%;width:60%}.project{flex-basis:29vw}.gallery-track{padding:0 3vw 30px;gap:3vw}.project-image{height:260px}.experience-list article{grid-template-columns:100px 1fr 1fr;gap:20px}.contact h2{font-size:29px}.contact-paper{width:67%;padding:25px}.contact-kanji{right:5%;font-size:85px}}
@media(max-width:700px){.nav{height:64px;padding:0 6%}.nav nav{gap:19px;font-size:13px}.brand span{display:none}.hero{height:calc(100svh - 64px);min-height:690px;padding:0 0 40px}.blue-frame{left:0;right:0;top:8%;bottom:0}.hero-character{left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center top;mask-image:none}.hero-kanji{top:6%;right:5%;gap:8px}.hero-kanji strong{font-size:56px}.hero-kanji>span{font-size:10px}.hero-heading{max-width:none;left:6%;bottom:5%;padding:20px 22px;background:#254769d9;backdrop-filter:blur(10px);min-width:78%;border-left:1px solid #ffffff80}.eyebrow{font-size:12px;margin-bottom:10px}h1{font-size:34px;margin-bottom:8px}h1 span{font-size:16px;display:inline;margin-left:15px}.hero-role{font-size:13px;margin:8px 0}.hero-heading>a{font-size:13px}.hero-heading>a:last-child{position:absolute;right:20px;bottom:20px;font-size:12px}.hero-caption{right:6%;bottom:-32px;font-size:11px}.shell{padding:65px 6%}.section-top{margin-bottom:30px;font-size:12px}.achievement-banner{height:230px;margin-left:10%;margin-top:55px}.banner-title{font-size:66px;left:-12%;top:-28px}.banner-signature{font-size:25px;bottom:25px}.metrics{margin-left:0;gap:12px}.metrics strong{font-size:30px;white-space:normal}.metrics strong span{font-size:11px}.metrics p{font-size:12px}.metrics-note{margin:0 0 35px;font-size:11px}.intro-layout,.about-layout{grid-template-columns:1fr;gap:25px}.intro-layout h2{font-size:32px}.experience-list article{grid-template-columns:1fr;gap:10px}.works{padding:50px 0}.gallery-track{flex-direction:column;gap:55px;padding:20px 12% 35px}.project,.project:nth-of-type(1),.project-grid .project:first-child,.project-grid .project:last-child{flex:auto;width:100%;margin:35px 0 0}.project::before{height:60px}.project-image{height:auto;aspect-ratio:4/4.7}.project-info h3{font-size:22px}.portrait{max-width:260px;margin:0 auto 35px}.portrait img{height:310px}.contact{padding-top:15px;padding-bottom:40px}.contact-panel{padding:0 6%;margin:25px 0 0;min-height:440px}.contact-paper{width:84%;padding:22px;transform:translateY(-20px) rotate(-2deg)}.contact-kanji{font-size:51px;right:2%;top:25%;writing-mode:vertical-rl}.contact h2{font-size:27px}.phone{font-size:23px}.socials{gap:15px;font-size:12px}.contact-paper .section-top{font-size:11px}.footer-name{font-size:14vw;letter-spacing:-.08em}dialog{padding:15px}dialog img{max-width:83vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{html,body{background:white;color:black;font-size:11px}.nav,.hero-character,.hero-kanji,.blue-frame,.hero-caption,.skip,.achievement-banner,.contact-kanji,.footer-name,dialog,.socials{display:none!important}.hero{height:auto;min-height:0;padding:0}.hero-stage{height:auto}.hero-heading{position:static;max-width:none;color:black;padding:0;background:none;transform:none}.hero h1{font-size:28px}.hero h1 span{font-size:16px;display:inline;margin-left:15px}.hero-heading>a{display:inline-block;margin-right:15px}.eyebrow,.hero-role{font-size:11px;margin:4px 0}.shell{padding:15px 0;max-width:none}.section-top{margin-bottom:12px}.intro-layout h2,h2,.contact h2{font-size:23px}.metrics{margin:15px 0;gap:20px}.metrics strong{font-size:26px;color:black}.metrics strong span,.metrics p,.metrics-note{font-size:10px;color:#333}.metrics-note{margin:0 0 15px}.intro-copy p,.experience-list p,.about-text{font-size:11px}.experience-list{margin-top:15px}.experience-list article{padding:10px 0}.works{background:white;padding:20px 0;overflow:visible}.works .section-top{padding:0}.display-title{font-size:23px;text-align:left}.display-title span{font-size:10px}.gallery-track{padding:10px 0;gap:20px;display:flex}.project,.project:nth-of-type(1),.project-grid .project:first-child,.project-grid .project:last-child{transform:none;box-shadow:none;padding:0;margin:0;flex:1}.project::before,.project::after{display:none}.project-image{height:100px}.project-image img{object-fit:contain}.project-desc{font-size:10px}.project-type{font-size:10px}.project-info h3,h3{font-size:15px}.project-info{margin-top:8px}.project-index{font-size:15px}details{display:none}.portrait{max-width:120px;transform:none;box-shadow:none;padding:0;background:none}.portrait img{height:150px}.portrait span{color:black;font-size:10px}.about-layout{grid-template-columns:140px 1fr;gap:25px}.credential{margin-top:12px;padding-top:12px}.credential p{font-size:11px}.contact-panel{padding:0;margin:0;min-height:0;background:none}.contact-paper{background:none;width:100%;padding:0;transform:none;box-shadow:none}.phone{font-size:22px;padding:5px 0}.project,.experience-list article,.credential{break-inside:avoid}footer.shell{padding:15px 0}}
@media(min-width:1001px) and (max-width:1599px){.project{flex-basis:24.3vw}}