/* A fuller visual argument, on the same white/plum design system. */
.site-header { background:#fff; }
img { max-width:100%;height:auto; }
.argument-art>img,.task-art>img,.process-art,.questions-intro>img,.review-illustration>img { mix-blend-mode:multiply; }
.repetition { padding-top:90px;padding-bottom:110px; }
.repetition-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:70px; }
.repetition-heading>p { max-width:325px;font-size:15px;line-height:1.75;padding-bottom:5px; }
.repetition-gallery { display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px; }
.repetition-gallery figure:nth-child(2) { padding-top:60px; }
.repetition-gallery img { width:100%;aspect-ratio:1.15;object-fit:cover;display:block;border-radius:5px; }
.repetition-gallery figcaption { font:500 23px/1.25 var(--display);letter-spacing:-.04em;padding-top:22px; }
.problem-film { position:relative;height:450vh;background:#fff; }
.problem-stage { height:100vh;height:100svh;position:sticky;top:0;overflow:clip;isolation:isolate; }
.problem-media { position:absolute;inset:0;z-index:0; }
.problem-media img,.problem-media video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.problem-scrim { position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffff5 11%,#ffffffc4 28%,#ffffff38 54%,#ffffff00 75%);z-index:1;pointer-events:none; }
.problem-copy { position:absolute;left:var(--gutter);top:30%;z-index:3;width:650px;max-width:56%;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .18s,transform .5s var(--ease),visibility .18s; }
.problem-copy.is-current { opacity:1;visibility:visible;transform:none; }
.problem-copy h2 { font-size:clamp(58px,6.9vw,100px);line-height:1.04;letter-spacing:-.06em; }
.problem-copy h2 span { color:var(--plum); }
.problem-copy>p { margin-top:26px;font-size:16px;max-width:350px; }
.problem-still { display:none; }
.repeated-value { position:absolute;right:12%;top:60%;z-index:2;width:190px;padding:21px 24px;background:#fffffff5;border:1px solid #e9dfef;border-radius:5px;box-shadow:0 22px 55px #24242820;transform:translateY(calc((1 - var(--film-part,0)) * 28px)) rotate(-5deg); }
.repeated-value>span:first-child { color:var(--muted);font-size:10px;display:block; }.repeated-value strong { display:block;font:500 34px/1.2 var(--display);letter-spacing:-.04em;margin-top:12px; }
.value-stroke { display:block;height:2px;background:var(--lilac);margin-top:17px;transform:scaleX(var(--film-part,.2));transform-origin:left; }
.film-bottom { position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:30px; }
.film-bottom>p { font-size:10px;color:var(--muted); }.film-chapters { display:flex;gap:28px;font-size:11px; }.film-chapters span { padding:9px 0;border-bottom:2px solid transparent;color:var(--muted); }.film-chapters .is-current { color:var(--plum);border-color:var(--plum); }
.film-chapters { width:fit-content;background:#fff;padding-inline:14px;border-radius:4px; }
.connected { background:var(--wash);padding-bottom:80px; }.connected-heading { text-align:center; }.connected-heading>p { margin:28px auto 0;max-width:520px;font-size:16px; }
.argument-art { min-width:0;position:relative; }.argument-art>img { display:block;width:100%;height:auto;transform:translateY(calc((.5 - var(--visual-p,.5)) * 30px)) rotate(calc((.5 - var(--visual-p,.5)) * -2deg));will-change:transform; }.connected-art { max-width:1050px;margin:18px auto 0; }.connected-art>img { max-height:600px;object-fit:contain; }
.connected-art figcaption { display:flex;justify-content:center;gap:80px;font-size:11px;color:var(--muted);margin-top:-18px;position:relative; }
.argument { display:grid;grid-template-columns:1.13fr 1fr;gap:65px;align-items:center; }.argument .section-title { font-size:clamp(44px,4.4vw,63px); }.argument-copy>p { max-width:390px;font-size:16px;line-height:1.8;margin-top:27px; }.argument-copy { min-width:0; }.argument-detail { margin-top:23px; }.argument-detail summary { display:inline-flex;gap:25px;font-size:12px;color:var(--plum);min-height:44px; }.argument-detail summary>span { font-size:20px; }.argument-detail>p { margin-top:13px;font-size:14px;color:var(--muted);max-width:385px; }
.familiar { padding-block:140px; }.review-argument { border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.review-argument .argument { grid-template-columns:1fr 1.15fr; }.text-action { display:inline-flex;align-items:center;gap:25px;margin-top:23px;color:var(--plum);font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px; }.text-action>span { text-decoration:none;font-size:18px; }.review-art figcaption { text-align:center;font-size:11px;color:var(--muted);margin-top:-16px; }.sample-home { padding-top:18px; }.sample-home .sample-drawer { margin-top:0; }.sample-home .sample-grid { max-width:none;gap:80px;padding-right:12%; }.sample-home .sample-content { padding-top:30px; }.sample-home:target .sample-drawer { outline-offset:8px; }
.workflow-layout { display:grid;grid-template-columns:1fr 1.08fr;gap:75px;align-items:center; }.workflows .section-title { font-size:clamp(45px,4.5vw,64px); }.task-choice { margin-top:37px; }.task-choice button { font-size:clamp(23px,2.4vw,32px);padding-block:23px; }.task-art>img { display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain; }.task-art:not([hidden]) { animation:art-arrival .45s var(--ease) both; }.task-result { padding:0 28px;display:block; }.task-result>p { font-size:14px;line-height:1.7;max-width:420px; }.task-result>.small-label { display:block;max-width:none;margin-top:14px;font-size:10px; }
@keyframes art-arrival { from { opacity:.4;transform:translateY(12px); }to { opacity:1;transform:none; } }
.method-intro { display:flex;align-items:flex-end;justify-content:space-between;gap:60px;max-width:none; }.method-intro>p:last-child { max-width:315px;margin-bottom:4px; }.process-list { gap:35px;margin-top:45px; }.process-list li { border-top:0;padding:0;min-width:0; }.process-art { width:100%;height:auto;aspect-ratio:1.46;object-fit:contain;display:block;margin-bottom:23px; }.process-list li>div { border-top:1px solid #ded8e5;padding-top:24px; }.step-number { color:var(--plum);font-size:11px; }.process-list h3 { font-size:23px;margin-top:15px; }.process-list p { max-width:270px; }.scope-drawer { margin-top:35px; }
.about { grid-template-columns:1fr 1fr;gap:110px; }.founder-context img { width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px;display:block; }.founder-context figcaption { font-size:10px;color:var(--muted);padding-top:15px; }.founder-copy>p { font-size:16px; }.questions { padding-top:40px;align-items:start; }.questions-intro h2 { font-size:37px; }.questions-intro>img { display:block;width:100%;max-width:330px;margin-top:30px; }.review-layout { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;text-align:left; }.review-illustration>img { width:100%;height:auto;display:block; }.review h2 { font-size:clamp(65px,6.7vw,93px); }.review .eyebrow { font-size:9px; }.review-lede { max-width:370px; }.review .privacy-note { max-width:350px; }
@media(min-width:761px) and (max-height:740px) { .problem-copy { top:25%; }.problem-copy h2 { font-size:clamp(52px,6.4vw,80px); }.problem-copy>p { margin-top:19px;font-size:14px; }.repeated-value { top:58%;width:160px;padding:17px 20px; }.repeated-value strong { font-size:28px; }.film-bottom { bottom:18px; } }
@media(max-width:1100px) { .argument,.workflow-layout { gap:30px; }.about { gap:55px; }.argument .section-title { font-size:45px; }.repetition-heading { gap:40px; }.repetition-heading>p { max-width:280px; }.review-layout { gap:25px; }.review h2 { font-size:66px; }.process-list h3 { font-size:20px; } }
@media(max-width:760px) {
 .repetition { padding-block:65px 70px; }.repetition-heading { display:block; }.repetition-heading>p { margin-top:24px;max-width:330px;font-size:14px; }.repetition-gallery { gap:12px;margin-top:32px; }.repetition-gallery figure:nth-child(2) { padding-top:32px; }.repetition-gallery img { aspect-ratio:.62;border-radius:3px; }.repetition-gallery figcaption { font-size:13px;padding-top:14px;letter-spacing:-.02em;max-width:90px; }
 .problem-media { inset:34% 0 6%; }.problem-media img,.problem-media video { object-fit:cover; }.problem-scrim { background:linear-gradient(180deg,#fff 25%,#fff0 48%,#fff0 84%,#fff 98%); }.problem-copy { top:15%;left:24px;width:calc(100% - 48px);max-width:none; }.problem-copy h2 { font-size:clamp(41px,10.5vw,65px);max-width:550px; }.problem-copy>p { font-size:13px;margin-top:18px; }.repeated-value { top:auto;bottom:17%;right:12%;width:138px;padding:15px 18px; }.repeated-value strong { font-size:27px;margin-top:8px; }.repeated-value>span:first-child { font-size:9px; }.value-stroke { margin-top:12px; }.film-bottom { bottom:15px;left:24px;right:24px;display:block; }.film-bottom>p { font-size:8px; }.film-chapters { gap:24px;font-size:9px;margin-top:6px; }.film-chapters span { padding-block:5px; }
 .connected { padding-bottom:65px; }.connected-heading { text-align:left; }.connected-heading .section-title { font-size:43px; }.connected-heading>p { margin:24px 0 0;font-size:14px;max-width:330px; }.connected-art { margin-top:20px;margin-inline:-15px; }.connected-art figcaption { justify-content:space-between;gap:10px;margin-top:8px;padding-inline:15px;font-size:8px; }
 .argument,.review-argument .argument { display:flex;flex-direction:column;gap:22px;align-items:stretch; }.argument .section-title { font-size:44px; }.argument-copy>p { margin-top:23px;font-size:14px; }.argument-art { width:100%; }.familiar { padding-block:65px; }.familiar .argument-copy { order:0; }.familiar .argument-art { order:1;margin-top:5px; }.argument-detail summary { font-size:11px;gap:15px; }.argument-detail>p { font-size:13px; }.text-action { margin-top:17px;font-size:11px; }.review-art figcaption { margin-top:0;font-size:9px; }.sample-home { padding-top:22px; }.sample-home .sample-grid { padding-right:0; }.sample-home .sample-drawer>summary { font-size:12px; }
 .workflow-layout { display:block; }.workflows .section-title { font-size:46px; }.task-choice { margin-top:28px; }.task-choice button { font-size:24px;padding-block:22px; }.task-art>img { max-height:320px; }.task-result { padding:0; }.task-result>p { font-size:14px; }.task-result>.small-label { margin-top:12px; }
 .method-intro { display:block; }.method-intro>p:last-child { max-width:310px;margin-top:24px;font-size:14px; }.process-list { margin-top:26px; }.process-list li { display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding-block:20px;border-bottom:1px solid var(--line); }.process-art { margin:0;width:140px;max-width:calc(100% + 20px);height:135px;aspect-ratio:auto;margin-left:-10px;object-fit:contain; }.process-list li>div { padding:0;border:0; }.step-number { font-size:9px; }.process-list h3 { font-size:21px;margin:9px 0 11px; }.process-list p { font-size:12px;line-height:1.7; }.scope-drawer { margin-top:24px; }
 .about { display:flex;flex-direction:column;gap:28px; }.founder-context { width:100%; }.founder-context img { aspect-ratio:1.4; }.founder-context figcaption { font-size:9px; }.founder-copy { width:100%; }.founder-copy>p { font-size:15px; }
 .questions { padding-top:10px; }.questions-intro { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px; }.questions-intro h2 { font-size:31px; }.questions-intro>img { width:125px;max-width:40%;margin:0; }.review-layout { display:flex;flex-direction:column;gap:15px;text-align:left; }.review-illustration { width:100%;max-width:350px;margin-top:-30px; }.review-illustration>img { max-height:230px;object-fit:contain; }.review-content { width:100%; }.review h2 { font-size:68px; }.review-lede,.review .privacy-note { margin-left:0; }.review-lede { max-width:290px; }.review .privacy-note { max-width:290px; }
}
@media(max-width:760px) and (max-height:720px) { .problem-copy { top:16%; }.problem-copy h2 { font-size:42px; }.problem-copy>p { margin-top:16px; }.problem-media { inset:35% 0 9%; }.repeated-value { bottom:19%;width:120px;padding:12px 15px; }.repeated-value strong { font-size:24px; } }
/* Static versions tell all three parts of the story, not just the first frame. */
html:not(.enhanced) .problem-film,.reduce-motion .problem-film { height:auto!important; }
html:not(.enhanced) .problem-stage,.reduce-motion .problem-stage { height:auto;position:relative;padding:40px var(--gutter) 50px; }
html:not(.enhanced) .problem-media,html:not(.enhanced) .problem-scrim,html:not(.enhanced) .repeated-value,html:not(.enhanced) .film-bottom,.reduce-motion .problem-media,.reduce-motion .problem-scrim,.reduce-motion .repeated-value,.reduce-motion .film-bottom { display:none; }
html:not(.enhanced) .problem-copy,.reduce-motion .problem-copy { position:relative;inset:auto;opacity:1;visibility:visible;transform:none;width:auto;max-width:100%;margin:0 auto 65px; }
html:not(.enhanced) .problem-copy h2,.reduce-motion .problem-copy h2 { font-size:clamp(42px,6vw,75px); }
html:not(.enhanced) .problem-still,.reduce-motion .problem-still { display:block;width:100%;max-height:440px;object-fit:cover;aspect-ratio:1.6;margin-top:25px;border-radius:5px; }
html:not(.enhanced) .argument-art>img,.reduce-motion .argument-art>img { transform:none;will-change:auto; }
@media(prefers-reduced-motion:reduce) { .argument-art>img { transform:none; }.task-art:not([hidden]) { animation:none; } }