:root{--bg-cream:#fdf2e9;--bg-cream-deep:#fde2d2;--text-brown:#4c2d1f;--headline-blue:#2c3d51;--button-brown:#c6862f;--button-brown-hover:#b47625;--cloud-pink-light:#fbd6dd;--cloud-pink-dark:#f6c1cc;--card-border:#f3d6b4;--card-shadow:#8f653b29;--font-heading:var(--font-serif);--font-accent:var(--font-script)}.about-page{min-height:100vh;color:var(--text-brown);font-family:var(--font-body);background-color:#fff;flex-direction:column;padding-bottom:clamp(4rem,10vw,7rem);display:flex}.about-page .container{width:calc(100% - 15rem);margin:5rem auto 2rem;padding:0 3rem}@media (min-width:901px){.about-page .container{padding:0 clamp(20px,5vw,100px)}}.about-hero{padding:clamp(5.5rem,12vw,8rem) 0 clamp(3rem,7vw,4.5rem)}.about-hero-grid{justify-content:space-between;align-items:center;gap:6rem;display:flex}.about-hero-copy{flex-direction:column;gap:clamp(1.6rem,3vw,2.4rem);width:50%;display:flex}.about-hero-media{flex-direction:column;align-items:center;gap:1.2rem;width:50%;display:flex;position:relative}.about-hero-image{background:radial-gradient(circle at top,#fbd6ddb3 0%,#c6862f33 100%);border-radius:15px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 20px #7c40212e}.about-hero-image img{width:100%;height:auto}.about-hero-image:after{content:"";pointer-events:none;border:1px solid #f3cfb499;border-radius:15px;position:absolute;inset:4%}.about-hero-caption{font-family:var(--font-body);color:#4c2d1fbf;letter-spacing:.05em;text-transform:uppercase;font-size:.98rem}.about-eyebrow{width:fit-content;font-family:var(--font-accent);letter-spacing:.18em;text-transform:uppercase;color:var(--headline-blue);background:linear-gradient(135deg,#2c3d5126 0%,#c6862f4d 100%);border:1px solid #c6862f59;border-radius:999px;justify-content:center;align-items:center;padding:.48rem 1.4rem;font-size:1rem;display:inline-flex;box-shadow:0 5px 8px #2c3d512e}.about-title{font-family:var(--font-heading);color:var(--headline-blue);letter-spacing:.06em;font-size:clamp(2.8rem,5vw,2.8rem)}.about-story{color:#4c2d1fd9;gap:1.4rem;font-size:1.08rem;line-height:1.9;display:grid}.about-story p+p{text-indent:.2rem}.about-collage{flex-direction:column;gap:clamp(1.8rem,4vw,3rem);padding:clamp(3rem,8vw,4.5rem) 0;display:flex}.about-collage-header,.about-team-header{flex-direction:column;gap:1rem;max-width:680px;display:flex}.about-section-title{font-family:var(--font-heading);color:var(--headline-blue);letter-spacing:.1em;font-size:clamp(2.1rem,4vw,2.8rem)}.about-section-intro{font-family:var(--font-body);color:#4c2d1fc7;font-size:1.05rem;line-height:1.8}.collage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.4rem,3vw,2.2rem);display:grid}.collage-card{background:#ffffffd1;border:1px solid #f3cfb480;border-radius:24px;flex-direction:column;gap:.9rem;padding:1.4rem;display:flex;box-shadow:0 16px 28px #7c40211f}.collage-placeholder{aspect-ratio:5/6;color:var(--headline-blue);font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(135deg,#fbd6ddbf 0%,#c6862f47 100%);border-radius:20px;place-items:center;font-size:1.1rem;display:grid;position:relative}.collage-placeholder span{text-align:center;padding:0 1rem}.collage-card figcaption{font-family:var(--font-body);color:#4c2d1fc7;font-size:.98rem;line-height:1.5}.about-team{flex-direction:column;gap:4rem;display:flex}.team-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1.4rem,3vw,2.4rem);display:grid}.team-card{background:#ffffffe6;border:1px solid #f3cfb480;border-radius:26px;flex-direction:row;align-items:center;gap:1.2rem;padding:1.6rem;display:flex;box-shadow:0 4px 8px #7c40211f}.team-photo{width:80px;height:80px;color:var(--headline-blue);font-family:var(--font-accent);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(160deg,#c6862f47 0%,#fbd6ddbf 100%);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;display:grid}.team-photo span{text-align:center;padding:0 .5rem}.team-copy{flex-direction:column;gap:.4rem;display:flex}.team-name{font-family:var(--font-heading);color:var(--headline-blue);letter-spacing:.04em;font-size:1.3rem}@media screen and (max-width:600px){.team-name{font-size:1.1rem}}.team-role{font-family:var(--font-body);color:#4c2d1fb3;font-size:.98rem}@media (max-width:900px){.about-page .container{width:calc(100% - 4rem);margin:3rem auto 2rem;padding:0 2rem}.about-hero{padding:clamp(3rem,8vw,5rem) 0 clamp(2rem,5vw,3rem)}.about-hero-grid{flex-direction:column;gap:3rem}.about-hero-copy,.about-hero-media{width:100%}.about-hero-media{order:-1}.about-story{font-size:1.05rem}.collage-grid,.team-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.team-card{text-align:center;flex-direction:column;align-items:flex-start}.team-photo{align-self:center;width:70px;height:70px;font-size:.65rem}}@media (max-width:720px){.about-page .container{width:calc(100% - 3rem);padding:0 1.5rem}.about-hero-grid{gap:2rem}.about-story{font-size:1rem}.collage-card,.team-card{padding:.5rem}}@media (max-width:600px){.about-page .container{width:100%;margin:2rem auto 1rem;padding:0 1.5rem}.about-title{font-size:clamp(2rem,8vw,2.5rem)}.about-intro{font-size:1rem}.collage-grid{grid-template-columns:1fr;gap:1.2rem}.team-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.team-card{text-align:center;padding:1rem .5rem}.team-photo{width:60px;height:60px;font-size:.6rem}}@media (prefers-reduced-motion:reduce){.collage-placeholder,.team-photo{transition:none}}
