.codeCanvas-module__Y88L0a__story,.codeCanvas-module__Y88L0a__playground{margin-top:var(--section-space)}.codeCanvas-module__Y88L0a__story{border-block:1px solid var(--line)}.codeCanvas-module__Y88L0a__storySticky{padding-block:64px}.codeCanvas-module__Y88L0a__storyLayout,.codeCanvas-module__Y88L0a__playLayout{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.codeCanvas-module__Y88L0a__introduction h2,.codeCanvas-module__Y88L0a__playHeading h2{max-width:14ch}.codeCanvas-module__Y88L0a__introduction em,.codeCanvas-module__Y88L0a__playHeading em{color:var(--accent);font-style:normal}.codeCanvas-module__Y88L0a__introduction>p{max-width:32ch;color:var(--muted);margin-top:24px;font-size:16px}.codeCanvas-module__Y88L0a__stages{margin-top:32px}.codeCanvas-module__Y88L0a__stages button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:58px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:16px;padding:12px 0;font-size:20px;transition:color .18s ease-out;display:flex}.codeCanvas-module__Y88L0a__stages button>svg{opacity:0;width:18px;margin-left:auto;transition:opacity .18s ease-out,transform .18s ease-out;transform:translate(-4px,4px)}.codeCanvas-module__Y88L0a__stages button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.codeCanvas-module__Y88L0a__stages button[aria-pressed=true]>svg{opacity:1;transform:none}.codeCanvas-module__Y88L0a__stageNumber{font-variant-numeric:tabular-nums;font-size:11px}.codeCanvas-module__Y88L0a__introduction .codeCanvas-module__Y88L0a__stageDescription{min-height:5.2em;font-size:14px;line-height:1.75}.codeCanvas-module__Y88L0a__instruction{color:var(--muted);margin-top:16px;font-size:12px;display:block}.codeCanvas-module__Y88L0a__exhibit,.codeCanvas-module__Y88L0a__playExhibit{min-width:0}.codeCanvas-module__Y88L0a__exhibitCaption,.codeCanvas-module__Y88L0a__exhibitNote{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.codeCanvas-module__Y88L0a__exhibitCaption{padding-bottom:16px}.codeCanvas-module__Y88L0a__exhibitCaption>:first-child{color:var(--ink)}.codeCanvas-module__Y88L0a__exhibitNote{flex-wrap:wrap;padding-top:16px}.codeCanvas-module__Y88L0a__exhibitNote a{min-height:44px;color:var(--ink);align-items:center;gap:12px;display:inline-flex}.codeCanvas-module__Y88L0a__exhibitNote svg{width:16px;height:16px}.codeCanvas-module__Y88L0a__exhibitNote a:hover{text-underline-offset:4px;text-decoration:underline}.codeCanvas-module__Y88L0a__preview{--study-paper:#fff8f0;--study-ink:#293d4b;--study-accent:#913c53;--study-tint:#f7dcc9;--specimen-weight:750;background:var(--study-paper);width:100%;color:var(--study-ink);border:1px solid #c7c8bd;border-radius:16px;transition:background-color .35s ease-out,color .35s ease-out;overflow:hidden;container-type:inline-size}.codeCanvas-module__Y88L0a__previewHeader{border-bottom:1px solid color-mix(in srgb,var(--study-ink)18%,transparent);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.codeCanvas-module__Y88L0a__wordmark{letter-spacing:-.04em;font-size:23px;font-weight:800}.codeCanvas-module__Y88L0a__wordmark>span{color:var(--study-accent)}.codeCanvas-module__Y88L0a__previewLabel{font-size:10px}.codeCanvas-module__Y88L0a__previewHero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:24px;padding:28px;display:grid}.codeCanvas-module__Y88L0a__preview .codeCanvas-module__Y88L0a__specimenTitle{font-size:clamp(30px,5.8cqw,48px);font-weight:var(--specimen-weight);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;line-height:1.06}.codeCanvas-module__Y88L0a__preview .codeCanvas-module__Y88L0a__specimenCopy{margin-top:16px;font-size:12px;line-height:1.6}.codeCanvas-module__Y88L0a__projectCrop{aspect-ratio:1.35;background:#fff;border-radius:8px;max-height:200px;position:relative;overflow:hidden}.codeCanvas-module__Y88L0a__projectCrop img{object-fit:cover;object-position:top;transition:opacity .5s ease-out,transform .65s cubic-bezier(.16,1,.3,1)}.codeCanvas-module__Y88L0a__wireLabel{display:none}.codeCanvas-module__Y88L0a__audienceControls{border-bottom:1px solid color-mix(in srgb,var(--study-ink)18%,transparent);gap:8px;padding:0 28px;display:flex}.codeCanvas-module__Y88L0a__audienceControls button{min-height:44px;color:inherit;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:12px;transition:background-color .18s ease-out,color .18s ease-out}.codeCanvas-module__Y88L0a__audienceControls button[aria-pressed=true]{border-bottom-color:var(--study-accent);color:var(--study-accent);background:var(--study-tint)}.codeCanvas-module__Y88L0a__audienceControls button:disabled{cursor:default}.codeCanvas-module__Y88L0a__audienceControls button:not(:disabled):hover{background:var(--study-tint)}.codeCanvas-module__Y88L0a__audiencePanel{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px;min-height:148px;padding:24px 28px;display:grid}.codeCanvas-module__Y88L0a__audienceCopy{animation:.28s ease-out codeCanvas-module__Y88L0a__settle}.codeCanvas-module__Y88L0a__preview .codeCanvas-module__Y88L0a__audienceTitle{margin-bottom:10px;font-size:19px;font-weight:650;line-height:1.3}.codeCanvas-module__Y88L0a__audienceCopy>p:last-child{font-size:12px;line-height:1.7}.codeCanvas-module__Y88L0a__audienceLinks{margin:0;padding:0;list-style:none}.codeCanvas-module__Y88L0a__audienceLinks li{border-bottom:1px solid color-mix(in srgb,var(--study-ink)18%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:11px;display:flex}.codeCanvas-module__Y88L0a__previewFoot{border-top:1px solid color-mix(in srgb,var(--study-ink)18%,transparent);justify-content:space-between;gap:16px;padding:16px 28px;font-size:9px;display:flex}.codeCanvas-module__Y88L0a__preview[data-stage="0"]{--study-paper:#f0f0e9;--study-ink:#555e54;--study-accent:#555e54;--study-tint:#dfe2d8}.codeCanvas-module__Y88L0a__preview[data-stage="0"] :is(.codeCanvas-module__Y88L0a__specimenTitle,.codeCanvas-module__Y88L0a__specimenCopy,.codeCanvas-module__Y88L0a__audienceTitle,.codeCanvas-module__Y88L0a__audienceCopy>p:last-child){color:#0000;background:#d9ddd3;border-radius:2px}.codeCanvas-module__Y88L0a__preview[data-stage="0"] .codeCanvas-module__Y88L0a__previewHero{background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#c8cdbf calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px))}.codeCanvas-module__Y88L0a__preview[data-stage="0"] .codeCanvas-module__Y88L0a__projectCrop{background:0 0;border:1px dashed #959e8a;border-radius:2px}.codeCanvas-module__Y88L0a__preview[data-stage="0"] .codeCanvas-module__Y88L0a__projectCrop img{opacity:0;transform:scale(.92)}.codeCanvas-module__Y88L0a__preview[data-stage="0"] .codeCanvas-module__Y88L0a__wireLabel{place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.codeCanvas-module__Y88L0a__playHeading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;display:flex}.codeCanvas-module__Y88L0a__playHeading>p{max-width:32ch;color:var(--muted);font-size:17px}.codeCanvas-module__Y88L0a__playLayout{grid-template-columns:minmax(0,3fr) minmax(0,8fr)}.codeCanvas-module__Y88L0a__controls{min-width:0}.codeCanvas-module__Y88L0a__controls label,.codeCanvas-module__Y88L0a__controls fieldset{border:0;margin:0 0 28px;padding:0;display:block}.codeCanvas-module__Y88L0a__controls label>span,.codeCanvas-module__Y88L0a__controls legend{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;font-size:13px;display:flex}.codeCanvas-module__Y88L0a__controls textarea{width:100%;min-height:96px;color:var(--ink);resize:vertical;font:inherit;background:0 0;border:1px solid #a8afa4;border-radius:8px;padding:14px;font-size:16px;line-height:1.5;display:block}.codeCanvas-module__Y88L0a__weightField output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.codeCanvas-module__Y88L0a__weightField input{width:100%;min-height:32px;accent-color:var(--accent);cursor:pointer}.codeCanvas-module__Y88L0a__paletteChoices,.codeCanvas-module__Y88L0a__deviceChoices{flex-wrap:wrap;gap:8px;display:flex}.codeCanvas-module__Y88L0a__paletteChoices button,.codeCanvas-module__Y88L0a__deviceChoices button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.codeCanvas-module__Y88L0a__paletteChoices button[aria-pressed=true],.codeCanvas-module__Y88L0a__deviceChoices button[aria-pressed=true]{border-color:var(--accent);background:var(--panel)}.codeCanvas-module__Y88L0a__swatch{border-radius:50%;width:12px;height:12px}.codeCanvas-module__Y88L0a__reset{min-height:44px;color:var(--ink);text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:20px;padding:0;font-size:13px;text-decoration:underline;display:inline-flex}.codeCanvas-module__Y88L0a__reset svg{width:16px;height:16px}.codeCanvas-module__Y88L0a__controls .codeCanvas-module__Y88L0a__controlNote{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.7}.codeCanvas-module__Y88L0a__previewStage{background:#e0e3da;border-radius:16px;justify-content:center;align-items:start;min-height:660px;padding:24px;display:flex}.codeCanvas-module__Y88L0a__playExhibit .codeCanvas-module__Y88L0a__preview{--specimen-weight:inherit}.codeCanvas-module__Y88L0a__preview[data-device=mobile]{max-width:min(340px,92%)}.codeCanvas-module__Y88L0a__studyNote{color:var(--muted);padding-top:16px;font-size:12px}@container (max-width:480px){.codeCanvas-module__Y88L0a__previewLabel{display:none}.codeCanvas-module__Y88L0a__previewHeader{padding:16px 20px}.codeCanvas-module__Y88L0a__previewHero{grid-template-columns:1fr;gap:20px;padding:24px 20px}.codeCanvas-module__Y88L0a__preview .codeCanvas-module__Y88L0a__specimenTitle{font-size:clamp(28px,9cqw,40px)}.codeCanvas-module__Y88L0a__projectCrop{aspect-ratio:2.2}.codeCanvas-module__Y88L0a__audienceControls{gap:0;padding-inline:12px}.codeCanvas-module__Y88L0a__audiencePanel{grid-template-columns:1fr;gap:12px;padding:20px}.codeCanvas-module__Y88L0a__audienceLinks{flex-wrap:wrap;gap:12px;display:flex}.codeCanvas-module__Y88L0a__audienceLinks li{flex:75px}.codeCanvas-module__Y88L0a__previewFoot{padding:16px 20px}}@media (min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.codeCanvas-module__Y88L0a__story{min-height:190vh}.codeCanvas-module__Y88L0a__storySticky{padding-block:32px;position:sticky;top:0}}@media (max-width:999px){.codeCanvas-module__Y88L0a__storyLayout{grid-template-columns:1fr}.codeCanvas-module__Y88L0a__introduction>p{max-width:48ch}.codeCanvas-module__Y88L0a__stages{gap:20px;display:flex}.codeCanvas-module__Y88L0a__stages button{gap:10px;font-size:17px}.codeCanvas-module__Y88L0a__stages button>svg{display:none}.codeCanvas-module__Y88L0a__introduction .codeCanvas-module__Y88L0a__stageDescription{max-width:65ch;min-height:3.5em}.codeCanvas-module__Y88L0a__instruction{margin-top:0}.codeCanvas-module__Y88L0a__playLayout{grid-template-columns:minmax(0,3fr) minmax(0,5fr);gap:28px}.codeCanvas-module__Y88L0a__previewStage{padding:16px}}@media (max-width:700px){.codeCanvas-module__Y88L0a__storySticky{padding-block:40px}.codeCanvas-module__Y88L0a__playHeading{margin-bottom:32px;display:block}.codeCanvas-module__Y88L0a__playHeading>p{margin-top:24px;font-size:16px}.codeCanvas-module__Y88L0a__playLayout{grid-template-columns:1fr}.codeCanvas-module__Y88L0a__controls{grid-template-columns:1fr 1fr;gap:20px;display:grid}.codeCanvas-module__Y88L0a__controls label,.codeCanvas-module__Y88L0a__controls fieldset{min-width:0;margin:0}.codeCanvas-module__Y88L0a__controls .codeCanvas-module__Y88L0a__headlineField,.codeCanvas-module__Y88L0a__controls .codeCanvas-module__Y88L0a__weightField{grid-column:1/-1}.codeCanvas-module__Y88L0a__controls .codeCanvas-module__Y88L0a__controlNote{margin:0}.codeCanvas-module__Y88L0a__previewStage{min-height:0;padding:12px}.codeCanvas-module__Y88L0a__stages{gap:12px}.codeCanvas-module__Y88L0a__stages button{gap:6px;font-size:14px}.codeCanvas-module__Y88L0a__exhibitNote{font-size:11px}}@keyframes codeCanvas-module__Y88L0a__settle{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.codeCanvas-module__Y88L0a__story *,.codeCanvas-module__Y88L0a__playground *{transition:none!important;animation:none!important}}@media print{.codeCanvas-module__Y88L0a__story{min-height:0}.codeCanvas-module__Y88L0a__storySticky{position:static}}