main{overflow:hidden}.locale-non-english{line-break:strict;overflow-wrap:normal;word-break:keep-all;word-break:auto-phrase}.locale-non-english h1,.locale-non-english h2,.locale-non-english h3{text-wrap:balance}.locale-non-english a,.locale-non-english p,.locale-non-english strong,.locale-non-english span,.locale-non-english li{text-wrap:pretty}.hero{min-height:86svh;color:var(--paper-warm);background:var(--brand);align-items:center;padding:28px clamp(20px,5vw,72px) 58px;display:grid;position:relative}.hero__image,.hero__shade{width:100%;height:100%;position:absolute;inset:0}.hero__image{object-fit:cover;object-position:center}.hero__shade{background:linear-gradient(90deg,#133334e6 0%,#1333349e 42%,#1333341f 100%),linear-gradient(#1333341f 55%,#13333494)}.site-header{z-index:2;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(20px,5vw,72px);display:flex;position:absolute;top:0;left:0;right:0}.brand{aspect-ratio:1;backdrop-filter:blur(12px);background:#fffaf11f;border:1px solid #fffaf173;border-radius:50%;place-items:center;width:64px;font-weight:800;text-decoration:none;display:grid;overflow:hidden}.brand img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-links{align-items:center;gap:clamp(14px,3vw,34px);display:flex}nav{align-items:center;gap:clamp(14px,3vw,34px);font-size:1.25rem;font-weight:700;display:flex}.locale-non-english nav{font-size:1.5rem;font-weight:800}.locale-ja nav{font-size:1.28rem;font-weight:700}nav a{color:#fffaf1e0;text-decoration:none}.locale-switcher{color:var(--paper-warm);flex:none;position:relative}.locale-switcher summary{aspect-ratio:1;backdrop-filter:blur(12px);cursor:pointer;background:#fffaf114;border:1px solid #fffaf147;border-radius:50%;place-items:center;width:44px;font-size:1.35rem;line-height:1;list-style:none;display:grid}.locale-switcher__flag{object-fit:cover;border-radius:50%;width:24px;height:24px;display:block;box-shadow:0 0 0 1px #fffaf15c}.locale-switcher summary .locale-switcher__flag{width:100%;height:100%}.locale-switcher summary::-webkit-details-marker{display:none}.locale-switcher__menu{backdrop-filter:blur(16px);background:#133334db;border:1px solid #fffaf147;border-radius:8px;min-width:156px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 44px #0000003d}.locale-switcher:not([open]) .locale-switcher__menu{display:none}.locale-switcher a{color:#fffaf1e6;white-space:nowrap;align-items:center;gap:10px;padding:11px 13px;font-size:.86rem;font-weight:800;text-decoration:none;display:flex}.locale-non-english .locale-switcher a{font-size:.96rem}.locale-switcher a:hover,.locale-switcher a:focus-visible{background:#fffaf11a}.locale-switcher a[aria-current=page]{border-color:var(--accent);color:var(--brand);background:var(--accent)}.hero__content{z-index:1;max-width:760px;padding-top:80px;position:relative}.eyebrow{color:var(--brand-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}.locale-non-english .eyebrow{font-size:1.35rem}.locale-ja .eyebrow{letter-spacing:.06em;font-size:1.12rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:12ch;margin-bottom:22px;font-size:clamp(2.9rem,7.5vw,6.7rem);line-height:1.08}.locale-non-english h1{max-width:13ch;font-size:clamp(3.15rem,7.8vw,7rem);line-height:1.08}.locale-ja h1{max-width:14ch;font-size:clamp(2.85rem,6.9vw,6.15rem);line-height:1.22}.intro-title__name,.intro-title__rest{display:block}.intro-title__line{display:inline}.intro-title__name{color:var(--accent);text-shadow:0 2px 18px #00000047;margin-bottom:.18em;font-weight:900;line-height:1}.locale-ja .intro-title__name{white-space:nowrap}.intro-title__particle{color:var(--paper-warm)}.intro-title__rest--english{font-size:clamp(2.65rem,6.9vw,6.1rem);line-height:1.02}.intro-title__rest--english .intro-title__line{display:block}.intro-title__rest--yue{font-size:clamp(2.85rem,7.2vw,6.3rem);line-height:1.1}.intro-title__rest--yue .intro-title__line{white-space:nowrap;display:block}.locale-ja .intro-title__rest--phrased{font-size:clamp(2.15rem,6vw,5.45rem);line-height:1.22}.locale-ja .intro-title__rest--phrased .intro-title__line{white-space:nowrap;display:block}.lede{color:#fffaf1db;max-width:610px;margin-bottom:32px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.locale-non-english .lede{font-size:clamp(1.22rem,2.15vw,1.48rem);line-height:1.68}.locale-ja .lede{max-width:660px;font-size:clamp(1.16rem,1.95vw,1.36rem);line-height:1.7}.hero__actions,.contact__links{flex-wrap:wrap;gap:12px;display:flex}.button,.contact__links a{min-height:46px;color:var(--paper-warm);backdrop-filter:blur(12px);background:#fffaf11a;border:1px solid #fffaf173;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-flex}.button--primary{border-color:var(--accent);color:var(--brand);background:var(--accent)}.button svg,.contact__links svg{flex:none;width:18px;height:18px}.button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.locale-non-english .button,.locale-non-english .contact__links a{font-size:1.08rem}.contact__links svg{fill:currentColor}.contact__links a:first-child svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.section{padding:clamp(56px,8vw,104px) clamp(20px,5vw,72px)}.intro-strip{background:var(--brand);color:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding-top:0;padding-bottom:0;display:grid}.intro-strip div{background:var(--brand-soft);gap:8px;min-width:0;padding:28px;display:grid}.intro-strip strong{font-size:1rem}.locale-non-english .intro-strip strong{font-size:1.12rem}.intro-strip span{color:#f7f4ecc7;line-height:1.5}.locale-non-english .intro-strip span{font-size:1.08rem;line-height:1.65}.locale-ja .intro-strip strong,.locale-ja .intro-strip span{overflow-wrap:anywhere;word-break:normal}.section__header{max-width:800px;margin-bottom:32px}.work-title__line{display:block}.locale-non-english .work-title__line{white-space:nowrap}h2{letter-spacing:0;max-width:860px;margin-bottom:0;font-size:clamp(2rem,4vw,4rem);line-height:1.03}.locale-non-english h2{font-size:clamp(2.22rem,4.35vw,4.35rem);line-height:1.16}.locale-ja h2{line-height:1.34}.locale-ja .work-title{font-size:clamp(2.05rem,4vw,3.75rem);line-height:1.28}.locale-ja h3{line-height:1.44}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{background:var(--paper-warm);border:1px solid #1333342e;border-radius:8px;flex-direction:column;min-width:0;padding:26px;display:flex}.project-card p{color:var(--brand-soft);margin-bottom:42px;font-weight:850}.project-card h3{margin-bottom:14px;font-size:1.55rem}.locale-non-english .project-card h3{font-size:1.72rem}.project-card__description{color:var(--brand-muted);line-height:1.6}.locale-non-english .project-card p,.locale-non-english .project-card__description{font-size:1.08rem}.locale-non-english .project-card p,.locale-non-english .project-card h3,.locale-non-english .project-card span,.locale-non-english .project-card li{overflow-wrap:anywhere;word-break:normal;min-width:0}.locale-ja .project-card__description{line-height:1.75}.project-facts{color:var(--brand-soft);flex-wrap:wrap;gap:8px 18px;margin:-3px 0 18px;font-size:.84rem;font-weight:750;display:flex}.project-facts span{align-items:center;gap:7px;display:inline-flex}.project-facts svg{fill:none;width:15px;height:15px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.skill-panel span{color:var(--brand);background:var(--brand-pale);border:1px solid #13333433;border-radius:999px;padding:8px 10px;font-size:.85rem;font-weight:750}.locale-non-english .project-card li,.locale-non-english .skill-panel span,.locale-non-english .credential-list li{font-size:.96rem}.about{background:var(--brand-pale);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:clamp(28px,6vw,84px);display:grid}.about h2{margin-bottom:32px}main:not(.locale-non-english) .about h2{line-height:1.16}.about-title__line{display:block}.locale-non-english .about-title__line{white-space:nowrap}.locale-ja .about-title{font-size:clamp(2.05rem,4vw,3.7rem);line-height:1.26}.locale-ja .about-title__line{width:fit-content}.about__copy p:last-child{max-width:680px;color:var(--brand-soft);font-size:1.12rem;line-height:1.75}.locale-non-english .about__copy p:last-child{font-size:1.24rem;line-height:1.88}.credential-list{gap:10px;max-width:720px;margin:28px 0 0;padding:0;list-style:none;display:grid}.credential-list li{border-left:3px solid var(--accent);color:var(--brand);background:#fffaf19e;padding:10px 14px;font-weight:800}.skill-panel{flex-wrap:wrap;gap:10px;padding-top:10px;display:flex}.contact{background:var(--brand);color:var(--paper-warm)}.contact h2{max-width:none;margin-bottom:28px}.contact__links a{border-color:#fffaf147}@media (width<=860px){.locale-non-english{overflow-wrap:anywhere;word-break:normal}.locale-non-english .work-title__line,.locale-non-english .about-title__line{white-space:normal;width:auto}.hero{min-height:88svh}.hero__shade{background:linear-gradient(#13333475,#133334c7)}.hero__image{object-position:60% center}.intro-strip,.project-grid,.about{grid-template-columns:1fr}}@media (width<=560px),(width<=960px) and (height<=560px) and (pointer:coarse){.site-header{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-top:18px;display:grid}.header-links{display:contents}.brand{grid-area:1/1;width:44px}nav{backdrop-filter:blur(14px);background:#13333457;border:1px solid #fffaf147;border-radius:999px;grid-area:1/2;justify-self:start;gap:2px;max-width:100%;padding:3px;font-size:.78rem;box-shadow:0 8px 24px #00000024}.locale-non-english nav{gap:2px;font-size:.88rem}.locale-ja nav{font-size:.82rem}nav a{min-height:38px;color:var(--paper-warm);backdrop-filter:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:7px 8px;display:inline-flex}nav a:focus-visible,nav a:hover{background:#fffaf12e;outline:none}.locale-switcher summary{background:#13333457;border-color:#fffaf157;width:44px;box-shadow:0 8px 24px #00000024}.locale-switcher summary:hover,.locale-switcher summary:focus-visible{background:#fffaf129;border-color:#fffaf19e;outline:none}.locale-switcher{grid-area:1/3;place-self:center end}.hero__content{padding-top:90px}h1{max-width:10ch}.locale-ja h1{max-width:100%;font-size:clamp(1.95rem,8vw,2.8rem);line-height:1.18}.locale-ja .intro-title__rest--phrased{font-size:clamp(1.9rem,7.6vw,2.65rem);line-height:1.18}.locale-ja .work-title{font-size:clamp(1.68rem,7vw,2.55rem);line-height:1.24}.button,.contact__links a{width:100%}.intro-strip div,.project-card{padding:22px}.locale-ja .project-card{padding:22px 20px}.locale-ja .project-card p{margin-bottom:28px;font-size:.98rem;line-height:1.55}.locale-ja .project-card h3{font-size:1.35rem;line-height:1.34}.locale-ja .project-card__description{font-size:.98rem;line-height:1.72}.locale-ja .project-facts{font-size:.86rem}}html,body{width:100%;min-height:100%;margin:0}*{box-sizing:border-box}body{--brand:#133334;--brand-soft:#204e50;--brand-muted:#497171;--brand-pale:#dce9e7;--ink:#133334;--paper:#f7f4ec;--paper-warm:#fffaf1;--accent:#e1a95e;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.locale-yue{font-family:I\.Ming,I\.MingCP,I\.MingVar,I\.MingVarCP,serif}body.locale-ja{font-family:Kaisei Tokumin,serif}a{color:inherit}