.about-hero{padding-top:clamp(120px,14vw,164px);overflow:clip}.about-hero__eyebrow{opacity:0;transition:opacity .6s var(--jh-ease),transform .6s var(--jh-ease);transform:translateY(18px)}.about-hero__headline{opacity:0;transition:opacity .6s var(--jh-ease) .12s,transform .6s var(--jh-ease) .12s;transform:translateY(18px)}.about-hero__cred-line{opacity:0;transition:opacity .6s var(--jh-ease) .24s,transform .6s var(--jh-ease) .24s;transform:translateY(18px)}.about-hero--loaded .about-hero__eyebrow,.about-hero--loaded .about-hero__headline,.about-hero--loaded .about-hero__cred-line{opacity:1;transform:none}.about-hero__grid{gap:var(--jh-space-4xl);grid-template-columns:55fr 42fr;align-items:start;min-height:calc(100vh + 320px);display:grid;position:relative}.about-hero__eyebrow{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.1em;color:var(--jh-neutral-1);margin-bottom:var(--jh-space-md)}.about-hero__headline{font-family:var(--jh-serif);font-weight:800;font-size:var(--jh-size-display);line-height:var(--jh-lh-display);letter-spacing:-.02em;letter-spacing:-.02em;color:var(--jh-text);margin-bottom:var(--jh-space-xl);font-size:clamp(40px,5.5vw,72px);font-weight:800}.about-hero__cred-line{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.04em;color:var(--jh-neutral-1);align-items:center;gap:var(--jh-space-sm);margin-bottom:var(--jh-space-xl);flex-wrap:wrap;display:flex}.about-hero__cred-item{align-items:center;display:flex}.about-hero__cred-item:not(:last-child):after{content:"";background:var(--jh-neutral-2);width:3px;height:3px;margin-left:var(--jh-space-sm);border-radius:50%;flex-shrink:0;display:inline-block}.about-hero__body-wrap{margin-top:calc(100vh - 680px)}.about-hero__body-reveal{position:relative}.about-hero__body{font-family:var(--jh-sans);font-weight:400;font-size:var(--jh-size-body-l);line-height:var(--jh-lh-body);letter-spacing:0;color:var(--jh-text);opacity:0;max-width:620px;transition:opacity 1.1s var(--jh-ease);font-size:17px;line-height:1.75}.about-hero__body--second{margin-top:var(--jh-space-md);transition:opacity 1.1s var(--jh-ease) .14s,transform 1.1s var(--jh-ease) .14s;transform:translateY(10px)}.about-hero__body--initial{pointer-events:none;opacity:1;transition:opacity .6s var(--jh-ease);position:absolute;top:0;left:0;right:0}.about-hero--revealed .about-hero__body{opacity:1}.about-hero--revealed .about-hero__body--second{transform:none}.about-hero--revealed .about-hero__body--initial{opacity:0}.about-hero__portrait-wrap{align-self:start;max-width:280px;margin-top:calc(100vh - 486px);margin-left:auto;position:sticky;top:calc(100vh - 486px)}.about-hero__portrait-svg{width:100%}.about-hero__portrait{width:100%;height:auto;display:block}.about-hero__portrait path{fill:var(--jh-text)}[data-theme=dark] .about-hero__portrait path{fill:var(--jh-neutral-1)}@media (max-width:768px){.about-hero__grid{min-height:unset;display:block}.about-hero__portrait-wrap{display:none}.about-hero__body-wrap{padding-bottom:var(--jh-space-section);margin-top:0}}@media (prefers-reduced-motion:reduce){.about-hero__eyebrow,.about-hero__headline,.about-hero__cred-line{opacity:1;transition:none;transform:none}.about-hero__body{opacity:1;transition:none}.about-hero__body--second{transition:none;transform:none}.about-hero__body--initial{opacity:0;transition:none}}
.why-section{padding:var(--jh-space-section) 0}.why-section__container{max-width:800px}.why-section__label{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.12em;color:var(--jh-neutral-1);margin-bottom:var(--jh-space-sm)}.why-section__heading{font-family:var(--jh-serif);font-weight:700;font-size:var(--jh-size-h2);line-height:var(--jh-lh-h2);letter-spacing:-.01em;color:var(--jh-text);margin-bottom:var(--jh-space-2xl);max-width:560px;font-size:clamp(28px,3.5vw,44px)}.why-section__body{font-family:var(--jh-sans);font-weight:400;font-size:var(--jh-size-body-l);line-height:var(--jh-lh-body);letter-spacing:0;color:var(--jh-text);max-width:720px;font-size:17px;line-height:1.75}.why-section__body--second{margin-top:var(--jh-space-md)}
.how-section{padding:var(--jh-space-section) 0}.how-section__label{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.12em;color:var(--jh-neutral-1);margin-bottom:var(--jh-space-sm)}.how-section__heading{font-family:var(--jh-serif);font-weight:700;font-size:var(--jh-size-h2);line-height:var(--jh-lh-h2);letter-spacing:-.01em;color:var(--jh-text);margin-bottom:var(--jh-space-2xl);max-width:560px;font-size:clamp(28px,3.5vw,44px)}.how-section__grid{gap:var(--jh-space-2xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.how-section__grid{gap:var(--jh-space-2xl) var(--jh-space-4xl);grid-template-columns:1fr 1fr}}.how-section__step-num{font-family:var(--jh-serif);font-size:var(--jh-size-body-s);letter-spacing:.06em;color:var(--jh-accent);margin-bottom:var(--jh-space-sm);font-weight:700}.how-section__step-title{font-family:var(--jh-sans);font-weight:400;font-size:var(--jh-size-body-s);line-height:var(--jh-lh-body-s);letter-spacing:.01em;color:var(--jh-text);margin-bottom:var(--jh-space-xs);font-weight:600}.how-section__step-body{font-family:var(--jh-sans);font-weight:400;font-size:var(--jh-size-body-s);line-height:var(--jh-lh-body-s);letter-spacing:.01em;color:var(--jh-text);opacity:.75;line-height:1.7}
.tech-section{padding:var(--jh-space-section) 0}.tech-section__container{max-width:800px}.tech-section__label{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.12em;color:var(--jh-neutral-1);margin-bottom:var(--jh-space-sm)}.tech-section__heading{font-family:var(--jh-serif);font-weight:700;font-size:var(--jh-size-h2);line-height:var(--jh-lh-h2);letter-spacing:-.01em;color:var(--jh-text);margin-bottom:var(--jh-space-2xl);max-width:560px;font-size:clamp(28px,3.5vw,44px)}.tech-section__body{font-family:var(--jh-sans);font-weight:400;font-size:var(--jh-size-body-l);line-height:var(--jh-lh-body);letter-spacing:0;color:var(--jh-text);max-width:720px;font-size:17px;line-height:1.75}.tech-section__body--second{margin-top:var(--jh-space-md)}.tech-section__chips{gap:var(--jh-space-sm);margin-top:var(--jh-space-2xl);flex-wrap:wrap;display:flex}.tech-section__chip{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.06em;color:var(--jh-text);border:1px solid var(--jh-neutral-2);padding:7px var(--jh-space-md);border-radius:2px}
.photo-section{padding:var(--jh-space-section) 0}.photo-section__layout{gap:var(--jh-space-2xl);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:768px){.photo-section__layout{gap:var(--jh-space-4xl);grid-template-columns:55fr 40fr}}.photo-section__label{font-family:var(--jh-sans);font-weight:500;font-size:var(--jh-size-caption);line-height:var(--jh-lh-caption);letter-spacing:.04em;text-transform:uppercase;letter-spacing:.12em;color:var(--jh-neutral-1);margin-bottom:var(--jh-space-sm)}.photo-section__heading{font-family:var(--jh-serif);font-weight:700;font-size:var(--jh-size-h2);line-height:var(--jh-lh-h2);letter-spacing:-.01em;color:var(--jh-text);margin-bottom:var(--jh-space-lg);max-width:560px;font-size:clamp(28px,3.5vw,44px)}.photo-section__body{font-family:var(--jh-sans);font-weight:400;font-size:var(--jh-size-body-l);line-height:var(--jh-lh-body);letter-spacing:0;color:var(--jh-text);max-width:520px;font-size:17px;line-height:1.75}.photo-section__img{object-fit:cover;object-position:center 30%}.photo-section__photo{aspect-ratio:4/5;-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 4% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 4% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}