.about{inline-size:100%;padding-block:var(--section-space-m);gap:var(--section-space-m);flex-direction:column;display:flex;overflow-x:clip}.about__intro,.about__story{inline-size:100%;max-inline-size:var(--content-width);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.about__intro{gap:var(--space-l);flex-direction:column;display:flex}.about__title{font-size:var(--h1);color:var(--color-foreground);margin:0;font-weight:800;line-height:1.05}.about__hero-grid{grid-template-columns:var(--grid-2);gap:var(--container-gap);align-items:start;display:grid}@media (max-width:720px){.about__hero-grid{grid-template-columns:1fr}}.about__text{font-size:var(--text-m);color:var(--color-foreground);margin:0;line-height:1.65}.about__text strong{font-weight:800}.about__text em{font-style:normal;font-weight:700}.about__text--greet>strong:first-child{font-size:var(--text-l);margin-block-end:var(--space-xs);display:inline-block}.about__text strong.is-underlined{text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:.15rem}.about__text--signature{text-align:center;margin-block-start:var(--space-m);font-weight:800}.about__story{grid-template-columns:var(--grid-2);gap:var(--container-gap);padding-block:var(--space-xl);isolation:isolate;align-items:start;display:grid;position:relative}@media (max-width:720px){.about__story{grid-template-columns:1fr}}.about__photos{aspect-ratio:660/822;justify-self:center;inline-size:100%;max-inline-size:660px;margin:0;position:relative}.about__yellow{inset-block:8% -8%;background:var(--color-secondary);z-index:-1;border-start-start-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);position:absolute;left:calc(min(0px,50% - 50vw));right:-10%}@media (max-width:720px){.about__yellow{left:-5vw;right:-5vw;border-radius:var(--radius-xl);inset-block:-5%}}.about__photo{border-radius:var(--radius-xl);box-shadow:0 1rem 2rem color-mix(in oklch,var(--color-foreground)20%,transparent);position:absolute;overflow:hidden}.about__photo--portrait{aspect-ratio:660/550;inset-block-end:0;inline-size:100%;left:0}.about__photo--work{aspect-ratio:381/473;inset-block-start:0;inline-size:58%;right:0}.about__photo>img{object-fit:cover;block-size:100%;inline-size:100%}.about__logos{inline-size:100%}.about__story-text{gap:var(--space-l);flex-direction:column;min-inline-size:0;display:flex}.about__story-img{aspect-ratio:4/3;border-radius:var(--radius-l,1.875rem);inline-size:100%;margin:0;position:relative;overflow:hidden}.about__story-img-el{object-fit:cover}
