@charset "UTF-8";
/* One page-level vertical path: logo, four-section navigation, then About's lower panel. */
html{scroll-snap-type:none}
.experience-page .logo-overlook{height:100svh;min-height:100svh}
.experience-page .chapter-scroll{scroll-margin-top:var(--header-h)}
.experience-page .chapter-track>.about-section{height:calc(100svh - var(--header-h));min-height:calc(100svh - var(--header-h));overflow:visible}
.about-name{display:none;scroll-margin-top:0}
html.about-active .about-name{display:block}
html.about-active .experience-page,html.about-active .chapter-scroll{background:#102236}
html.about-name-visible .site-header{transform:translateY(-100%)}
.experience-page .site-header{transition:transform .25s ease}
.direction-icon--up{transform:rotate(-90deg)}
.about-intro{height:calc(100svh - var(--header-h));min-height:calc(100svh - var(--header-h));background:#102236;color:#f3f0e8}
.about-intro__shell{height:100%;min-height:0;display:flex;flex-direction:column}
.about-intro .section__body h2{max-width:11ch;margin:0 0 2rem;font-size:clamp(4rem,7.2vw,8.2rem);line-height:.98;letter-spacing:-.06em}
.about-intro__foot{margin-top:auto;border-top:1px solid rgba(243,240,232,.28)}
.about-intro__foot .chapter-travel{border-top:0}
.about-intro__next{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0;border:0;border-top:1px solid rgba(243,240,232,.18);background:transparent;color:#d8c7a8;cursor:pointer;font:inherit;font-size:.73rem;letter-spacing:.12em;text-align:left;text-decoration:none;text-transform:uppercase}
.about-intro__next:hover,.about-intro__next:focus-visible{color:#fff}
.about-name{height:100svh;min-height:100svh;background:#f2efe8;color:#162536;touch-action:pan-y;overscroll-behavior-x:contain}
.about-name__shell{height:100%;min-height:0;display:flex;flex-direction:column}
.about-name__top{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0;border-bottom:1px solid #bfb6a7;color:#6b685e;font-size:.73rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.about-name__bird{display:block;align-self:center;width:min(66vw,690px);height:auto;margin:clamp(3rem,8vh,6rem) 0 clamp(1.5rem,3vh,3rem)}
.about-name__text{width:min(100%,980px);display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);margin:0 auto clamp(3rem,7vh,6rem)}
.about-name__text h2{margin:0;font-size:clamp(3.6rem,7vw,7.4rem);font-weight:500;line-height:.98;letter-spacing:-.065em}
.about-name__text p{max-width:520px;margin:0;padding-left:1.3rem;border-left:2px solid #a78b5d;font-size:1.08rem;line-height:1.7}
.about-name__travel{margin-top:auto;border-color:#bfb6a7}
@media(max-width:900px){.about-name__text{grid-template-columns:1fr}.about-name__bird{width:min(82vw,580px)}}
@media(max-width:600px){.about-intro .section__grid{padding-block:2.5rem}.about-intro .section__body h2{font-size:clamp(3.2rem,11vw,5rem)}.about-name__top{padding-block:1.5rem}.about-name__bird{width:min(86vw,440px);margin:3.5rem 0 2.5rem}.about-name__text{gap:1.8rem;margin-bottom:3.5rem}.about-name__text h2{font-size:clamp(3.5rem,14vw,5rem)}.about-name__text p{font-size:1rem}.about-name__travel{gap:.7rem}}
@media(max-height:720px){.about-intro .section__grid{padding-block:.5rem}.about-intro .section__body h2{margin-bottom:.75rem}.about-intro .section__body p{line-height:1.5}.about-name__top{padding-block:.75rem}.about-name__bird{width:min(60vw,290px);margin:.75rem 0}.about-name__text{gap:.6rem;margin-bottom:.75rem}.about-name__text h2{font-size:clamp(3.2rem,12vw,5rem)}.about-name__text p{line-height:1.5}.about-name__travel{min-height:48px}}
@media(max-width:600px) and (max-height:720px){.experience-page #web-services .section__top{padding-block:.75rem}.experience-page #web-services .section__grid{padding-block:.5rem}.experience-page #web-services .section__body h2{margin-bottom:.75rem;font-size:clamp(3.2rem,11vw,5rem)}.experience-page #web-services .section__body p{font-size:1rem;line-height:1.48}.experience-page #web-services .section-cta{margin-top:.4rem}.experience-page #web-services .chapter-travel{min-height:50px}}
@media(max-width:360px) and (max-height:600px){.about-intro .section__top,.about-name__top{padding-block:.4rem}.about-intro .section__grid{padding-block:.25rem}.about-intro .section__body h2{margin-bottom:.4rem;font-size:2.8rem}.about-intro .section__body p,.about-name__text p{font-size:.92rem;line-height:1.35}.about-intro .chapter-travel,.about-intro__next,.about-name__travel{min-height:40px}.about-name__bird{width:150px;margin:.35rem 0}.about-name__text{gap:.35rem;margin-bottom:.35rem}.about-name__text h2{font-size:2.8rem}.experience-page #web-services .section__top{padding-block:.4rem}.experience-page #web-services .section__grid{padding-block:.25rem}.experience-page #web-services .section__body h2{margin-bottom:.4rem;font-size:2.8rem}.experience-page #web-services .section__body p{font-size:.9rem;line-height:1.35}.experience-page #web-services .section-cta{min-height:32px;margin-top:.3rem}.experience-page #web-services .chapter-travel{min-height:40px}}
@media(prefers-reduced-motion:reduce){.experience-page .site-header{transition:none}}