.about-page{gap:clamp(3rem,6vw,6rem)}.about-hero,.about-body,.about-principles{width:min(100%,var(--content-width));margin:0 auto;padding:clamp(3rem,5vw,5.25rem)0 clamp(3.25rem,6vw,5.5rem);border-bottom:1px solid var(--color-border)}.about-hero{display:grid;grid-template-columns:minmax(5rem,.18fr)minmax(28rem,1.15fr)minmax(18rem,.78fr);column-gap:clamp(1.5rem,3vw,4rem);row-gap:clamp(1.25rem,2vw,2rem);align-items:center}.about-hero__label{grid-column:1;align-self:start;padding-top:.4rem}.about-hero__copy{grid-column:2;display:grid;gap:clamp(1rem,1.6vw,1.65rem);max-width:50rem}.about-hero h1{max-width:11.3ch;margin:0;font-family:var(--font-serif);font-size:clamp(4rem,6.4vw,7.4rem);font-weight:600;letter-spacing:-.06em;line-height:.82}.about-hero__lead{max-width:35rem;margin:0;color:var(--color-text);font-family:var(--font-serif);font-size:clamp(1.65rem,2.25vw,2.75rem);font-weight:600;letter-spacing:-.035em;line-height:.98}.about-hero__figure{position:relative;grid-column:3;width:min(100%,32rem);margin:0;transform:rotate(1deg)}.about-hero__figure::before{position:absolute;inset:-.7rem .7rem .7rem -.7rem;z-index:-1;content:"";border:1px solid var(--color-border)}.about-hero__image{width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.9)contrast(1.04)}.about-hero__figure figcaption{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);color:var(--color-muted);font-size:.88rem}.about-body{display:grid;grid-template-columns:minmax(28rem,1.08fr)minmax(18rem,.72fr);gap:clamp(1.75rem,4vw,5rem);align-items:start}.about-body__copy{display:grid;gap:clamp(1.2rem,1.8vw,1.75rem);max-width:47rem}.about-body__copy h2{max-width:12ch;margin:clamp(.75rem,1.5vw,1.25rem)0 0;font-family:var(--font-serif);font-size:clamp(2.7rem,4.2vw,4.8rem);font-weight:600;letter-spacing:-.052em;line-height:.88}.about-body__copy p{max-width:38rem;margin:0;color:var(--color-muted);font-size:clamp(1rem,1.05vw,1.08rem);font-weight:500;line-height:1.55}.about-body__copy p:first-of-type{color:var(--color-text);font-family:var(--font-serif);font-size:clamp(1.7rem,2.3vw,2.8rem);font-weight:600;letter-spacing:-.035em;line-height:.98}.about-body__copy a{color:var(--color-accent);font-weight:700}.about-body__note{position:sticky;top:var(--space-6);margin:clamp(1rem,3vw,2.25rem)0 0;padding:clamp(1.35rem,2vw,2rem);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,var(--color-accent-soft));transform:rotate(-1deg)}.about-body__note h2{max-width:9ch;margin:0 0 var(--space-4);color:var(--color-accent);font-family:var(--font-serif);font-size:clamp(2.4rem,3.4vw,4rem);font-weight:600;letter-spacing:-.055em;line-height:.88}.about-body__note p:last-child{margin:0;color:var(--color-text);font-weight:600;line-height:1.45}.about-principles{display:grid;gap:clamp(1.5rem,3vw,3rem)}.about-principles>h2{max-width:11ch;margin:0;font-family:var(--font-serif);font-size:clamp(3.1rem,5vw,5.8rem);font-weight:600;letter-spacing:-.052em;line-height:.88}.about-principles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.5vw,1.5rem)}.about-principles__grid article{min-height:17rem;padding:clamp(1.2rem,1.8vw,1.65rem);border:1px solid var(--color-border);background:var(--color-surface)}.about-principles__grid article:nth-child(1){transform:rotate(-.8deg)}.about-principles__grid article:nth-child(2){margin-top:var(--space-5);transform:rotate(.7deg)}.about-principles__grid article:nth-child(3){transform:rotate(-.35deg)}.about-principles__grid span{display:block;margin-bottom:var(--space-5);color:var(--color-accent);font-size:.78rem;letter-spacing:.12em}.about-principles__grid h3{max-width:9ch;margin:0 0 var(--space-4);font-family:var(--font-serif);font-size:clamp(1.9rem,2.6vw,3.1rem);font-weight:600;letter-spacing:-.045em;line-height:.9}.about-principles__grid p{margin:0;color:var(--color-muted);font-weight:500;line-height:1.5}@media(max-width:72rem){.about-hero{grid-template-columns:minmax(0,1fr)minmax(17rem,.72fr)}.about-hero__label,.about-hero__copy{grid-column:1}.about-hero__figure{grid-column:2}}@media(max-width:58rem){.about-hero,.about-body,.about-principles__grid{grid-template-columns:1fr}.about-hero__label,.about-hero__copy,.about-hero__figure{grid-column:auto}.about-hero h1{max-width:9.6ch;font-size:clamp(3.5rem,16vw,5.8rem)}.about-hero__figure{transform:rotate(.65deg)}.about-body__note{position:static}.about-principles__grid article,.about-principles__grid article:nth-child(1),.about-principles__grid article:nth-child(2),.about-principles__grid article:nth-child(3){margin-top:0;transform:none}}