.hero-inner{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}h1{letter-spacing:-.01em;font-size:clamp(3rem,7.2vw,5.8rem);font-weight:700;line-height:1}h1 span{display:block}h1 .surname{color:var(--muted);margin-top:.15em;font-size:.5em;font-weight:500}.kicker span{white-space:nowrap}.tagline{max-width:31rem;margin:1.5rem 0 0;font-size:1.12rem}.portrait{aspect-ratio:1;-webkit-user-select:none;user-select:none;justify-self:center;width:min(280px,64vw);position:relative}.photo{background:var(--paper);box-shadow:0 0 0 1px var(--line), 0 30px 60px -30px #1e1c1973;border-radius:50%;padding:8px;position:absolute;inset:0}.photo img{object-fit:cover;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%}.section{padding:clamp(5rem,11vw,8rem) 0 0;scroll-margin-top:40px}.head{align-items:baseline;gap:1.1rem;margin-bottom:2.8rem;display:flex}.num{color:var(--shu);letter-spacing:.08em;font-size:.9rem;font-weight:500}h2{font-size:clamp(2rem,4.5vw,2.9rem)}.rule{background:var(--line);transform-origin:0;flex:1;height:1px;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .3s;transform:scaleX(0)}.is-in .rule{transform:none}.about{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2.5rem,6vw,5rem);display:grid}.lead{margin:0 0 1.2rem;font-size:1.25rem;line-height:1.65}.terraces{gap:1.8rem;display:grid}.terrace h3{color:var(--muted);margin:0 0 .8rem;font-family:Shippori Mincho,serif;font-size:1.05rem;font-weight:600}.seals{flex-wrap:wrap;gap:1rem .6rem;margin:0;padding:0;list-style:none;display:flex}.seals li{align-content:start;justify-items:center;gap:.4rem;width:4.6rem;display:grid}.seal{height:34px;color:var(--shu);place-items:center;transition:transform .3s;display:grid}.seal svg{width:30px;height:30px}.seals li:hover .seal{transform:translateY(-3px)}.seal-name{color:var(--ink);text-align:center;font-size:.85rem;line-height:1.3}.langs{margin-top:2.4rem}.lang-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lang-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem .2rem;display:flex}.lang-name{color:var(--ink);font-family:Shippori Mincho,serif;font-size:1.1rem;font-weight:600}.lang-level{color:var(--muted);font-size:.85rem}.projects{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.projects a{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 2fr auto 24px;align-items:center;gap:1.5rem;padding:1.6rem .4rem;text-decoration:none;transition:padding .3s,background .3s;display:grid}.projects a:hover{background:var(--paper);padding-inline:1.2rem}.p-name{text-transform:capitalize;font-family:Shippori Mincho,serif;font-size:1.3rem;font-weight:700}.p-desc{color:var(--muted)}.p-lang{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.p-lang i{border-radius:50%;width:8px;height:8px}.p-arrow{color:var(--muted);transition:transform .3s,color .3s}.projects a:hover .p-arrow{color:var(--shu);transform:translate(3px,-3px)}.more{color:var(--muted);align-items:center;gap:.4rem;margin-top:2rem;font-weight:500;text-decoration:none;display:inline-flex}.more:hover{color:var(--ink)}.big{max-width:22ch;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(1.8rem,4.4vw,3rem);font-weight:600;line-height:1.25}.contact{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.contact .big{font-size:clamp(2.2rem,5vw,3.4rem)}.contact-note{max-width:38ch;color:var(--muted);margin:1.1rem 0 0;font-size:1.1rem;line-height:1.65}.mail{background:linear-gradient(var(--shu), var(--shu)) 0 100% / 100% 2px no-repeat;align-items:center;gap:.7rem;max-width:100%;margin-top:1.8rem;padding-bottom:.2rem;font-family:Shippori Mincho,serif;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:600;text-decoration:none;transition:color .2s,background-size .3s;display:inline-flex}.mail svg{color:var(--shu);flex:none}.mail span{overflow-wrap:anywhere}.mail:hover{color:var(--shu)}.where{color:var(--muted);align-items:center;gap:.5rem;margin:1.4rem 0 0;font-size:.95rem;display:flex}.socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.socials a{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);border-radius:14px;align-items:center;gap:.9rem;height:100%;padding:1.1rem;text-decoration:none;transition:border-color .3s,transform .3s,background .3s;display:flex}.socials a:hover{border-color:var(--shu);background:var(--paper);transform:translateY(-2px)}.so-icon{background:color-mix(in srgb, var(--shu) 13%, transparent);width:42px;height:42px;color:var(--shu);border-radius:12px;flex:none;place-items:center;transition:background .3s,color .3s;display:grid}.so-icon svg{width:20px;height:20px}.socials a:hover .so-icon{background:var(--shu);color:#fff8ee}.so-text{min-width:0;line-height:1.35;display:grid}.so-label{font-weight:700}.so-handle{color:var(--muted);text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.so-arrow{color:var(--muted);margin-left:auto;transition:transform .3s,color .3s;display:inline-flex}.socials a:hover .so-arrow{color:var(--shu);transform:translate(3px,-3px)}@media (width<=560px){.seals{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:1rem .5rem;display:grid}.seals li{width:auto}}@media (width<=400px){.socials{grid-template-columns:1fr}}@media (width<=860px){.hero-inner,.about,.contact{grid-template-columns:1fr}.portrait{order:-1;width:min(140px,40vw);margin-bottom:.5rem}.projects a{grid-template-columns:1fr 24px;gap:.4rem 1rem}.p-desc,.p-lang{grid-column:1}.p-arrow{grid-area:1/2}}