.about-hero{position:relative;isolation:isolate;overflow:hidden;padding:65px 0;min-height:560px;display:flex;align-items:center;background:var(--paper)}.about-hero>.shell{position:relative;z-index:2;pointer-events:none}.about-hero-copy{width:44%;max-width:610px;pointer-events:auto}.about-hero h1{font-size:clamp(3.1rem,4.9vw,5.7rem);line-height:1.02}.about-hero-copy>p:not(.eyebrow){max-width:440px;font-size:16px}.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.about-hero-photo{position:absolute;inset:0 0 0 43%;mask-image:linear-gradient(to right,transparent,#000 23%);-webkit-mask-image:linear-gradient(to right,transparent,#000 23%)}.about-hero-photo a{display:block;width:100%;height:100%}.about-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.about-page [aria-current=page]{color:var(--gold)}.about-page h2{font-size:clamp(2.5rem,3.8vw,4.1rem)}.about-page .button{white-space:normal;text-align:left}.about-story{padding-top:85px;padding-bottom:45px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.about-story .story-lead{font-size:22px;line-height:1.55;color:var(--ink)}.about-story .text-link{margin-top:10px}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding-bottom:85px}.about-values article{border-top:1px solid var(--line);padding-top:27px}.about-icon{width:34px;height:34px;stroke:var(--gold);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;margin-bottom:20px}.about-values h3{font-size:1.85rem}.about-workshop{padding:80px 0;background:#eeece6}.about-workshop figure{margin:0}.about-workshop img{width:100%;height:auto}.about-workshop .workshop-wide img{aspect-ratio:2.15;object-fit:cover;object-position:center 58%}.about-workshop figcaption{font-size:14px;color:var(--muted);line-height:1.6;margin-top:14px}.about-work-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.about-work-photos img{aspect-ratio:1.2;object-fit:contain}.about-process{padding-top:85px;padding-bottom:80px}.about-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.about-steps article{border-top:1px solid var(--gold);padding:24px 18px;background:#f2f0ea}.about-steps article:nth-child(even){background:#eeece6}.about-steps span{font:1.5rem var(--serif);color:var(--gold)}.about-steps h3{font-size:1.8rem;margin-top:24px}.about-projects{padding-top:0;padding-bottom:85px}.about-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.about-project img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.about-project .eyebrow{margin:23px 0 10px}.about-project h3{font-size:1.9rem;margin-bottom:10px}.about-project .text-link{font-size:14px}.all-projects{margin-top:35px}.about-closing{background:#eeece6;text-align:center;padding:70px 0}.about-closing p{max-width:590px;margin-left:auto;margin-right:auto}.about-closing .about-actions{justify-content:center;margin-top:28px}.about-closing .about-address{margin:26px auto 0;font-size:14px}
@media(min-width:761px) and (max-width:1100px){.about-hero h1{font-size:3.3rem}.about-hero-copy{width:45%}.about-hero-photo img{object-position:50% 65%}.about-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.about-hero{display:block;min-height:0;padding:30px 0 0}.about-hero-copy{width:100%;max-width:none}.about-hero h1{font-size:clamp(3rem,10vw,4.4rem)}.about-hero-photo{position:relative;inset:auto;width:100%;margin-top:25px;mask-image:linear-gradient(to bottom,transparent,#000 18%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%)}.about-hero-photo img{height:auto;object-fit:contain}.about-story,.about-values,.about-work-photos,.about-steps,.about-project-grid{grid-template-columns:1fr;gap:30px}.about-story{padding-top:45px;padding-bottom:40px;gap:12px}.about-values{padding-bottom:50px}.about-workshop{padding:50px 0}.about-workshop .workshop-wide img{aspect-ratio:auto}.about-work-photos{margin-top:30px}.about-process{padding-top:50px;padding-bottom:50px}.about-projects{padding-bottom:50px}.about-project-grid{gap:40px}.about-closing{padding:50px 0}.about-closing .about-actions{flex-direction:column;align-items:stretch}.about-closing .button{justify-content:space-between}.about-page .section-head{gap:20px}}

.about-hero-photo .about-static-photo{display:block;width:100%;height:100%}