.hero{width:100%;height:100svh;min-height:100svh;max-height:none;padding:128px 24px 150px;overflow:hidden}.hero-gallery{z-index:-2;background:var(--canvas);position:absolute;inset:0;overflow:hidden}.hero-gallery .hero-photo{z-index:0;opacity:0;transition:opacity 1.5s}.hero-gallery .hero-photo.is-active{opacity:1}.hero[data-motion=on].is-ready .hero-photo.is-active,.hero[data-motion=on].is-ready .hero-photo.is-outgoing{animation-duration:var(--hero-motion-duration,9.5s);will-change:transform;animation-timing-function:ease-in-out;animation-fill-mode:both}.hero[data-motion=on].is-ready .hero-photo:is(.is-active,.is-outgoing):nth-child(5n+1){animation-name:hero-pan-one}.hero[data-motion=on].is-ready .hero-photo:is(.is-active,.is-outgoing):nth-child(5n+2){animation-name:hero-pan-two}.hero[data-motion=on].is-ready .hero-photo:is(.is-active,.is-outgoing):nth-child(5n+3){animation-name:hero-pan-three}.hero[data-motion=on].is-ready .hero-photo:is(.is-active,.is-outgoing):nth-child(5n+4){animation-name:hero-pan-four}.hero[data-motion=on].is-ready .hero-photo:is(.is-active,.is-outgoing):nth-child(5n+5){animation-name:hero-pan-five}.hero.is-paused .hero-photo{animation-play-state:paused}.hero:before{background:#070b147a}.hero-content{max-width:1000px}.hero-content h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(40px,4.5vw,78px)}.hero-content p{color:#fff;max-width:620px}.hero-meta{bottom:30px}.hero-controls{align-items:center;gap:18px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.hero-dots{gap:2px;display:flex}.hero-dots button{background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0;position:relative}.hero-dots button:after{content:"";background:#ffffff65;border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s;position:absolute;inset:13px}.hero-dots button[aria-pressed=true]:after{background:#fff;transform:scale(1.5)}@keyframes hero-pan-one{0%{transform:scale(1.12)translate(-2%,1.5%)}55%{transform:scale(1.2)translate(1.2%,-1.5%)}to{transform:scale(1.15)translate(2%,.5%)}}@keyframes hero-pan-two{0%{transform:scale(1.2)translate(2%,-1.5%)}60%{transform:scale(1.12)translate(-1%,1.5%)}to{transform:scale(1.17)translate(-2%,-.5%)}}@keyframes hero-pan-three{0%{transform:scale(1.14)translate(1.5%,2%)}50%{transform:scale(1.2)translate(-1.5%,-.5%)}to{transform:scale(1.12)translate(.5%,-2%)}}@keyframes hero-pan-four{0%{transform:scale(1.2)translate(-2%,-1.5%)}65%{transform:scale(1.13)translate(1.5%,1%)}to{transform:scale(1.18)translate(2%,-1%)}}@keyframes hero-pan-five{0%{transform:scale(1.12)translate(-1%,-2%)}55%{transform:scale(1.19)translate(2%,1%)}to{transform:scale(1.14)translate(-1.5%,2%)}}.about-preview{grid-template-columns:1fr 1.25fr;align-items:center;gap:80px;display:grid}.about-visual{align-self:stretch;min-height:440px;position:relative}.portrait{object-fit:cover;border-radius:16px;width:100%;height:100%;max-height:720px}.about-manifesto{background:var(--card);border:1px solid #ededf320;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;min-height:460px;padding:44px;display:flex}.about-manifesto p{color:var(--text);letter-spacing:-.03em;margin:50px 0;font-size:clamp(26px,2.8vw,40px);line-height:1.25}.about-manifesto>span:last-child{color:var(--muted);padding-bottom:28px;font-size:14px}.availability{background:var(--canvas);max-width:calc(100% - 48px);color:var(--text);border:1px solid #ededf330;border-radius:30px;padding:9px 16px;font-size:12px;position:absolute;bottom:24px;left:24px}.about-story h2{letter-spacing:-.025em;margin:20px 0 24px}.about-story>.text-link{margin-top:28px}.about-principles{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;display:grid}.about-principles>div{border-top:1px solid #ededf330;padding-top:20px}.about-principles span{color:var(--muted);font-size:12px}.about-principles h3{margin:12px 0;font-size:18px}.about-principles p{margin:0;font-size:14px}.skills.compact{gap:8px;margin-top:24px}.skills.compact span{padding:7px 13px;font-size:12px}.biography{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:80px;display:grid}.biography aside .portrait{aspect-ratio:4/5;height:auto}.bio-contact{padding:30px 0}.bio-contact h2{margin-top:14px;font-size:28px}.biography-text{max-width:none}.stack-grid,.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.stack-group{background:var(--card);border-radius:12px;padding:30px}.stack-group h3{font-size:20px}.stack-group .skills{margin-top:0}.timeline-row{border-top:1px solid #ededf330;grid-template-columns:.5fr 1fr;gap:32px;padding:30px 0;display:grid}.timeline-row h3{margin:0 0 12px;font-size:26px}.timeline-row p{white-space:pre-line}.timeline-company{color:var(--text)}.certificate-card{background:var(--card);border-radius:12px;overflow:hidden}.certificate-card>div{padding:24px}.certificate-card img{aspect-ratio:4/3;object-fit:contain;background:var(--surface);width:100%;padding:12px}.certificate-card h3{overflow-wrap:anywhere;margin:14px 0;font-size:21px}.closing-cta{text-align:center;border-top:1px solid #ededf330}.closing-cta h2{max-width:700px;margin:20px auto 28px}.service-intro{max-width:800px}.service-intro h1{letter-spacing:-.035em}.service-intro p{max-width:670px}.service-faq{max-width:900px;margin-inline:auto}.service-faq details{border-bottom:1px solid #ededf330;padding:24px 0}.service-faq summary{cursor:pointer;font-size:21px;line-height:1.4}.service-faq p{max-width:740px;margin:18px 0 0}.service-link{margin:24px 0 0}.captcha-area{min-height:0;margin:20px 0}.captcha-hint{margin:10px 0;font-size:12px}.captcha-retry{color:var(--text);background:0 0;border:0;padding:6px 0;font-size:12px;text-decoration:underline}.reveal-ready{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.reveal-ready.is-revealed{opacity:1;transform:translateY(0)}@media (width<=1000px){.about-preview,.biography{gap:40px}.stack-grid,.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hero{height:100svh;min-height:100svh;max-height:none;padding:105px 20px 140px}.hero-content h1{margin:20px 0;font-size:clamp(34px,9.4vw,48px)}.hero-content .eyebrow{letter-spacing:.1em;font-size:10px}.hero-content p{margin-bottom:24px;font-size:15px}.hero-meta{font-size:9px;bottom:22px}.hero-meta>span:first-child{max-width:165px}.hero-controls{gap:10px;bottom:76px}.about-preview,.biography{grid-template-columns:1fr;gap:36px}.about-visual{min-height:0}.about-visual .portrait{aspect-ratio:4/5;max-height:520px}.about-manifesto{min-height:350px;padding:30px}.about-manifesto p{margin:28px 0}.about-story h2{font-size:32px}.about-principles{gap:20px}.stack-grid,.certificate-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr;gap:16px}.service-faq summary{font-size:18px}}@media (height<=650px) and (width>=701px){.hero{padding-block:90px 110px}.hero-content h1{margin:12px 0;font-size:40px}.hero-content p{margin-bottom:16px;font-size:15px}.hero-controls{bottom:58px}.hero-meta{bottom:18px}}@media (height<=620px) and (width<=700px){.hero{height:auto;min-height:100svh}}@media (prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero-gallery .hero-photo{transition:none;animation:none}}.contact-form input:not([type=checkbox]):focus,.contact-form textarea:focus{box-shadow:none;outline:none}.contact-form input:not([type=checkbox]):focus-visible,.contact-form textarea:focus-visible{border-color:var(--text)}
