/* A quieter reading rhythm, with the original palette and typography. */
.hero-difference-summary{max-width:440px;line-height:1.8}
.difference-band .section-wrap{padding-block:90px}
.inspiration{padding-top:90px;padding-bottom:100px}
.inspiration-copy>p:not(.eyebrow){max-width:36ch}
.brand-story-copy>p:not(.eyebrow){max-width:36ch}
.service-list article{grid-template-columns:60px minmax(0,1fr);gap:34px;padding-block:42px}
.service-list article>div{max-width:660px}
.service-list article p{max-width:48ch}
.process-list p,.intro-side p{max-width:46ch}
@media(max-width:720px){
 .inspiration{padding-top:60px;padding-bottom:65px}
 .difference-band .section-wrap{padding-block:60px}
 .service-list article{grid-template-columns:30px minmax(0,1fr);gap:16px;padding-block:30px}
}
/* The yellow portrait becomes the entire About introduction. */
.about-intro.section-wrap{position:relative;isolation:isolate;width:100%;max-width:none;display:flex;align-items:center;min-height:52vw;padding:70px 4.5%;overflow:hidden;background:#ffdf38}
.about-intro .about-portrait{position:absolute;z-index:-2;right:0;top:0;width:78%;height:100%;max-width:none;margin:0}
.about-intro .about-photo-window{width:100%;height:100%;aspect-ratio:auto}
.about-intro .about-photo-window img{width:105.18868%;height:114.28571%;left:-2.59434%;top:-3.57143%;object-fit:fill}
.about-intro:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#ffdf38 0%,#ffdf38 24%,#ffdf38ed 31%,#ffdf3800 48%);pointer-events:none}
.about-intro-copy{width:38%;max-width:610px;position:relative}
.about-intro .eyebrow{color:#533819}
.about-intro h1{font-size:clamp(38px,3.6vw,68px);line-height:1.08}
.about-intro h1 em{color:#68421d}
.about-intro .about-lead{color:#46341d;max-width:34ch;line-height:1.75}
.about-intro .text-link{color:#382a18;border-color:#68421d}
.about-intro .about-portrait figcaption{display:none}
@media(max-width:720px){
 .about-intro.section-wrap{min-height:850px;padding:45px 24px 400px;align-items:flex-start}
 .about-intro-copy{width:100%;max-width:460px}
 .about-intro h1{font-size:clamp(36px,9vw,54px);margin-bottom:20px}
 .about-intro .eyebrow{margin-bottom:22px}
 .about-intro .about-portrait{width:100%;height:400px;top:auto;bottom:0}
 .about-intro:after{background:linear-gradient(180deg,#ffdf38 0%,#ffdf38 46%,#ffdf3800 62%)}
 .about-intro .about-lead{max-width:34ch}
}
@media(max-width:720px){
 .about-intro.section-wrap{min-height:calc(460px + 66vw);padding:40px 24px calc(66vw + 40px)}
 .about-intro .about-portrait{height:66vw}
 .about-intro:after{background:linear-gradient(180deg,#ffdf38 0%,#ffdf38 60%,#ffdf3800 76%)}
}

/* Mobile About refinement: compact copy-to-photo flow, larger faithful portrait. */
@media(max-width:720px){
 .about-page .about-intro.section-wrap{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:40px 0 0}
 .about-page .about-intro-copy{width:auto;max-width:none;padding-inline:24px}
 .about-page .about-intro .about-portrait{position:relative;z-index:auto;inset:auto;width:100%;height:auto;max-width:none;margin:0}
 .about-page .about-intro .about-photo-window{height:auto;aspect-ratio:6/5}
 .about-page .about-intro .about-photo-window img{width:132%;height:auto;left:-27%;top:-3.57143%;object-fit:contain}
 .about-page .about-intro:after{display:none}
}