/* v1.9.5.2 — reference-matched mascot; original card and photo geometry frozen. */
.hero-founder{isolation:isolate}
.hero-founder .founder-quote{z-index:2}
.founder-mascot{display:block;position:absolute;z-index:1;top:auto;bottom:157.0625px;right:-6px;width:112px;height:auto;aspect-ratio:900/1080;transform:translate(44%,56%)}
@media(min-width:601px) and (max-width:900px){
 .founder-mascot{bottom:153.0625px;right:18px}
}
@media(min-width:901px) and (max-width:1199px){
 .founder-mascot{bottom:195.09375px;right:22px;width:88px;transform:translate(44%,56%)}
}
@media(min-width:1096px) and (max-width:1199px){
 .founder-mascot{bottom:169.0625px}
}
@media(min-width:1200px) and (max-width:1379px){
 .founder-mascot{width:clamp(96px,calc(8.333vw - 4px),112px);transform:translate(18%,56%)}
}
@media(max-width:600px){
 .founder-mascot{top:calc((100vw - 28px)*1.25 - 58px);bottom:auto;right:12px;width:64px;transform:translate(40%,-44%)}
}
/* Three existing shapes, enlarged and cropped within their own decorative layers. */
.work-section,.method-section,.about-section{position:relative;isolation:isolate}
.work-section::before,.method-section::before,.about-section::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;
}
.work-section::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 650'%3E%3Cpath fill='%23251832' fill-opacity='.115' d='M160 30C360 0 620 80 650 250S560 590 340 620S30 500 30 300S40 80 160 30Z'/%3E%3C/svg%3E");
 background-size:1100px 1020px;background-position:calc(100% + 510px) -120px;
}
.method-section::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 800'%3E%3Cpath fill='%23dc6d45' fill-opacity='.18' d='M80 40C300-90 700 80 730 330S560 760 290 790S-100 450 80 40Z'/%3E%3C/svg%3E");
 background-size:1100px 1170px;background-position:-590px 36%;
}
.about-section::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 650'%3E%3Cpath fill='%23251832' fill-opacity='.10' d='M160 30C360 0 620 80 650 250S560 590 340 620S30 500 30 300S40 80 160 30Z'/%3E%3C/svg%3E");
 background-size:1250px 1160px;background-position:calc(100% + 570px) 72%;
}
.margin-word{display:none;position:absolute;pointer-events:none;writing-mode:vertical-rl;font-family:var(--sans);font-size:22px;font-weight:400;letter-spacing:.24em;color:var(--muted);opacity:.7;line-height:1}
@media(min-width:1380px){
 .margin-word{display:block}
 .margin-word-process{left:max(24px,calc((100% - var(--max))/2 - 58px));top:112px;transform:rotate(180deg)}
 .margin-word-reflection{right:max(24px,calc((100% - var(--max))/2 - 58px));top:180px}
}
@media(max-width:699px){
 .work-section::before{background-size:780px 725px;background-position:calc(100% + 530px) 0}
 .method-section::before{background-size:850px 905px;background-position:-620px 36%}
 .about-section::before{background-size:900px 835px;background-position:calc(100% + 630px) 72%}
}




/* Added words occupy exterior whitespace without changing content flow. */
.making-story,.archive-intro{position:relative}
@media(min-width:1380px){
 .margin-word-question{right:max(24px,calc((100% - var(--max))/2 - 58px));top:-16px}
 .margin-word-making{right:-58px;top:26px}
}

/* 1200 only: fit the mascot around the frozen card corner. */
@media(width:1200px){
 .founder-mascot{transform:translate(38%,56%) scale(.7)}
}

/* v1.9.5.4 — QUESTION uses the existing margin-word system and exterior whitespace. */
.question-margin-anchor{position:relative;height:0;pointer-events:none}

/* v1.9.5.5 — contain only the mascot's decorative overflow at 1200px.
   Keep its containing-block geometry, transform and stacking unchanged.
   The 24px clip margin reaches the viewport edge from the existing wrap. */
.founder-mascot-boundary{display:contents}
@media(width:1200px){
 .founder-mascot-boundary{display:block;position:absolute;inset:0;overflow:clip;overflow-clip-margin:24px;pointer-events:none}
}

/* v1.9.5.7: integrated introduction and compact reflection footnote. */
.method-band>.method-band-introduction{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 54px;margin-bottom:32px}
.method-band-introduction>.method-band-intro{grid-column:auto;max-width:none;margin:0}
.ai-reflection{margin-top:0}
.ai-reflection>.pattern-eyebrow{margin:0 0 4px}
.ai-reflection>.text-link{display:inline-block;padding:10px 0;font-size:1rem;line-height:1.5}
@media(max-width:900px){.method-band>.method-band-introduction{column-gap:26px}}
@media(max-width:700px){.method-band>.method-band-introduction{grid-template-columns:minmax(0,1fr)}}
.large-text .method-band>.method-band-introduction{grid-template-columns:minmax(0,1fr)}