/* The lower fade follows the native photograph ratio rather than the taller
   copy container, so the image cannot finish in a visible horizontal strip. */
.chaz-section{container-type:inline-size}
.section.chaz-section>.section-surface.chaz-surface{
 position:relative;isolation:isolate;overflow:clip;
 padding:var(--section-top) var(--section-inset) var(--section-bottom);
 display:grid;grid-template-columns:var(--photo-copy-width) var(--photo-column-gap) var(--photo-copy-width);
 grid-template-rows:auto auto auto;align-content:start;background:#f6f8f9;
}
.chaz-section .chaz-photo{
 position:sticky;inset:auto;top:calc(var(--header,120px) + 16px);align-self:start;
 grid-column:1/-1;grid-row:1/4;z-index:0;overflow:clip;pointer-events:none;
 width:calc(100% + 2 * var(--section-inset));aspect-ratio:3/2;height:auto;
 margin:calc(-1 * var(--section-top)) calc(-1 * var(--section-inset)) 0;
 background:#f6f8f9;
}
.chaz-section .chaz-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
/* Keep the white signature near the lower edge, shifted 1 cm to the left. */
#chaz .chaz-photo .company-portrait-caption{
 left:36%;right:auto;top:auto;bottom:6%;transform:translateX(calc(-50% - 1cm));
 width:28%;max-width:none;display:flex;flex-direction:column;gap:7px;
 margin:0;padding:0;text-align:center;border:0;border-radius:0;
 background:none;box-shadow:none;backdrop-filter:none;
 color:#fff;text-shadow:0 1px 3px #0005;
}
#chaz .chaz-photo .company-portrait-caption h3,
#chaz .chaz-photo .company-portrait-caption h3 span,
#chaz .chaz-photo .company-portrait-caption .founder-role{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 margin:0;white-space:normal;font-style:normal;letter-spacing:0;
}
#chaz .chaz-photo .company-portrait-caption h3{font-size:clamp(18px,1.7cqw,24px);font-weight:600;line-height:1.25}
#chaz .chaz-photo .company-portrait-caption h3 span{display:block}
#chaz .chaz-photo .company-portrait-caption .founder-role{font-size:clamp(12px,1.05cqw,15px);font-weight:400;line-height:1.4;text-indent:0}
.chaz-section .chaz-photo:after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(270deg,#f6f8f9 0%,#f6f8f9fa 30%,#f6f8f9ed 43%,#f6f8f900 65%),linear-gradient(180deg,#f6f8f900 94%,#f6f8f9 100%);
}
.chaz-section :is(.section-head,.chaz-overview,.chaz-legal){position:relative;z-index:1;grid-column:3;width:100%;max-width:none;min-width:0}
.chaz-section .section-head{grid-row:1;display:block;margin:0 0 24px}
.chaz-section .section-head h2{max-width:none;text-wrap:pretty}
.chaz-section h2 .brand-emphasis{font-weight:inherit}
.chaz-overview{grid-row:2;display:block}
.chaz-copy{min-width:0}
.chaz-copy p{margin:0 0 16px}
.chaz-copy p:last-child{margin-bottom:0}
.chaz-copy strong{font-weight:600}
.chaz-section .chaz-legal{grid-row:3;margin-top:22px;padding-top:16px;border-top:1px solid #aabecb80}
body .chaz-section .chaz-surface .chaz-legal h3{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0}
.chaz-legal ul{padding:0 0 0 16px;margin:0;display:grid;gap:8px}
body .chaz-section .chaz-surface .chaz-legal li{font-size:13px;line-height:1.6}
.chaz-legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.chaz-legal a:hover{text-decoration-thickness:2px}
@media(max-width:1000px){
 .section.chaz-section>.section-surface.chaz-surface{display:flex;flex-direction:column;padding-top:0}
 .chaz-section .chaz-photo{position:relative;top:auto;flex:none;margin:0 calc(-1 * var(--section-inset)) 24px}
 .chaz-section .chaz-photo img{transform:none}
 .chaz-section .chaz-photo:after{background:linear-gradient(180deg,#f6f8f900 94%,#f6f8f9 100%)}
 .chaz-section .section-head{margin-bottom:20px}
 .chaz-section .chaz-legal{margin-top:20px;padding-top:14px}
}
@media(max-width:600px){
 /* Keep the signature readable over the jacket on a narrow screen. */
 #chaz .chaz-photo{aspect-ratio:1/1}
 #chaz .chaz-photo img{height:100%;object-fit:cover;object-position:24% center}
 #chaz .chaz-photo .company-portrait-caption{left:42%;width:46%;bottom:4%;gap:5px}
 #chaz .chaz-photo .company-portrait-caption h3{font-size:clamp(14px,3.8cqw,20px);line-height:1.25}
 #chaz .chaz-photo .company-portrait-caption .founder-role{font-size:clamp(11px,3cqw,14px);line-height:1.4}
 #chaz .chaz-photo:after{background:linear-gradient(180deg,#f6f8f900 97%,#f6f8f9 100%)}
}