.interactive-room{--room-rule:color-mix(in srgb, var(--foreground) 22%, transparent);padding:calc(var(--spacing) * 8) var(--gutter);background:var(--background)}.room-introduction,.room-workspace{max-width:var(--room-width);margin-inline:auto}.room-introduction{justify-content:space-between;gap:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 5);align-items:end;display:flex}.room-eyebrow{font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--track-label);line-height:1.6}.room-introduction h2{margin-top:calc(var(--spacing) * 2);font-family:var(--font-anton);font-size:var(--room-heading);line-height:var(--leading-display);letter-spacing:var(--track-display)}.room-intro-copy{max-width:var(--copy);color:var(--muted);font-size:.85rem;line-height:1.6}.room-workspace{border:1px solid var(--room-rule)}.room-choices{background:var(--background)}.room-choices legend{padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5);font-size:.75rem}.room-choices-grid{border-top:1px solid var(--room-rule);border-bottom:1px solid var(--room-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.room-choice{align-items:center;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5);cursor:pointer;display:flex;position:relative}.room-choice+.room-choice{border-left:1px solid var(--room-rule)}.room-choice input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.room-choice:has(input:focus-visible){outline:var(--raw-size-focus) solid var(--accent-bright);outline-offset:calc(var(--raw-size-focus) * -1);z-index:1}.room-choice:hover{background:color-mix(in srgb,var(--foreground) 6%,transparent)}.room-choice[data-selected=true]{background:var(--accent);color:var(--foreground)}.room-choice-top,.room-choice-marker{font-size:var(--type-eyebrow)}.room-choice-marker{margin-left:auto}.room-choice-label{font-family:var(--font-anton);text-transform:uppercase;font-size:1.25rem;line-height:1.2}.room-workspace-body{min-height:var(--room-workbench);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.room-stage{isolation:isolate;background:var(--background);min-width:0;position:relative;overflow:hidden}.room-stage-poster,.room-stage-scene,.room-stage-shade{width:100%;height:100%;position:absolute;inset:0}.room-stage-poster{object-fit:cover;opacity:.75}.room-stage-scene{z-index:1}.room-stage-shade{z-index:2;pointer-events:none;background:var(--gradient-film)}.room-stage-top,.room-stage-bottom{z-index:3;left:calc(var(--spacing) * 6);right:calc(var(--spacing) * 6);justify-content:space-between;gap:calc(var(--spacing) * 4);pointer-events:none;display:flex;position:absolute}.room-stage-top{top:calc(var(--spacing) * 5)}.room-stage-top>p{align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--track-label);display:flex}.room-live-dot{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5);background:var(--accent-bright);border-radius:50%}.room-stage-bottom{bottom:calc(var(--spacing) * 6);align-items:end}.room-stage-headline{font-family:var(--font-anton);font-size:var(--room-statement);line-height:var(--leading-display);letter-spacing:var(--track-display);white-space:pre-line}.room-stage-caption{margin-top:calc(var(--spacing) * 3);color:var(--foreground);font-size:.8rem}.room-pause{pointer-events:auto;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);border:1px solid var(--room-rule);color:var(--foreground);background:color-mix(in srgb,var(--background) 50%,transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.room-takeaway{justify-content:space-between;gap:calc(var(--spacing) * 5);min-width:0;padding:calc(var(--spacing) * 6);border-left:1px solid var(--room-rule);flex-direction:column;display:flex}.room-thought h3{font-family:var(--font-caslon);font-size:var(--room-thought);margin-top:calc(var(--spacing) * 2);font-style:italic;line-height:1.15}.room-action{margin-top:calc(var(--spacing) * 5)}.room-action h4{margin-bottom:calc(var(--spacing) * 2);font-size:.95rem;font-weight:500}.room-action>p{color:var(--muted);font-size:.8rem;line-height:1.6}.room-clip{align-items:center;gap:calc(var(--spacing) * 4);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);display:grid}.room-clip-image{width:100%;aspect-ratio:var(--raw-ratio-film);object-fit:cover;height:auto}.room-clip-copy{min-width:0}.room-clip-copy>button{gap:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 11)}.room-clip-copy>button>span:first-child{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.room-clip-copy>button>span:last-child{font-size:.8rem}.room-clip-copy>button svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.room-clip-caption{margin-top:calc(var(--spacing) * 2);color:var(--muted);font-size:.7rem;line-height:1.4}.room-takeaway-actions{justify-content:space-between;gap:calc(var(--spacing) * 4);font-size:.75rem;display:flex}.room-takeaway-actions button,.room-takeaway-actions a{align-items:center;gap:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 11);display:flex}.room-takeaway-actions button{border-bottom:1px solid var(--room-rule)}.room-takeaway-actions a{color:var(--accent-bright)}.room-takeaway-actions svg{flex-shrink:0}.room-download-status{min-height:calc(var(--spacing) * 4);color:var(--muted);font-size:.7rem;line-height:1.4}@media (max-width:959px){.room-intro-copy{display:none}.room-introduction{margin-bottom:calc(var(--spacing) * 4)}.room-workspace-body{grid-template-columns:minmax(0,1fr);min-height:0}.room-stage{height:var(--room-phone)}.room-stage-top{top:calc(var(--spacing) * 3)}.room-stage-top,.room-stage-bottom{left:calc(var(--spacing) * 4);right:calc(var(--spacing) * 4)}.room-stage-bottom{bottom:calc(var(--spacing) * 3)}.room-stage-headline{font-size:var(--room-heading)}.room-stage-caption{display:none}.room-takeaway{border-left:0;border-top:1px solid var(--room-rule);padding:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 4)}.room-thought h3{font-size:1.55rem}.room-action{margin-top:calc(var(--spacing) * 3)}.room-action h4{margin-bottom:calc(var(--spacing) * 1)}.room-clip{max-width:var(--copy);grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}}@media (max-width:599px){.interactive-room{padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 5)}.room-choices legend{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);font-size:.7rem}.room-choices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-choice{min-height:calc(var(--spacing) * 11);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);gap:calc(var(--spacing) * 2)}.room-choice-label{font-size:1rem}.room-choice:nth-child(3){border-left:0}.room-choice:nth-child(n+3){border-top:1px solid var(--room-rule)}.room-takeaway-actions{gap:calc(var(--spacing) * 3);font-size:.7rem}.room-takeaway-actions button,.room-takeaway-actions a,.room-clip-copy>button{gap:calc(var(--spacing) * 2)}}
@layer components{.event-planner{--raw-planner-rule:#17171b38;--raw-planner-rule-light:#f3f1ea40;--raw-planner-secondary-ink:#57575d;--raw-planner-selection:#0039ff0e;--raw-planner-error:#a21c2f;--raw-planner-pdf-rule:#c8c7c1;--raw-planner-space-panel:clamp(1.25rem, 4vw, 4rem);--raw-planner-type-step:clamp(1.75rem, 2.7vw, 2.75rem);--raw-planner-type-preview:clamp(2.5rem, 3vw, 4rem);--raw-planner-type-result:clamp(2.75rem, 6.5vw, 7rem);--raw-planner-type-angle:clamp(2.3rem, 4vw, 4.6rem);--raw-planner-line:1px;--raw-planner-control:3.25rem;--raw-planner-choice:4.5rem;--raw-planner-dot:1.35rem;--raw-planner-gap:1rem;--raw-planner-small:.75rem;--raw-planner-quarter:.25rem;--raw-planner-half:.5rem;--raw-planner-compact:1.25rem;--raw-planner-double:2rem;--raw-planner-wide:3rem;--raw-planner-leading:1.55;--raw-planner-title-leading:1.08;--raw-planner-progress-min:6.5rem;--raw-planner-preview-min:20rem;--planner-border:var(--raw-planner-rule);--planner-border-inverse:var(--raw-planner-rule-light);--planner-muted:var(--raw-planner-secondary-ink);--planner-selected:var(--raw-planner-selection);--planner-error:var(--raw-planner-error);--planner-pdf-rule:var(--raw-planner-pdf-rule);--planner-panel:var(--raw-planner-space-panel);--planner-step-type:var(--raw-planner-type-step);--planner-preview-type:var(--raw-planner-type-preview);--planner-result-type:var(--raw-planner-type-result);--planner-angle-type:var(--raw-planner-type-angle);--planner-rule:var(--raw-planner-line);--planner-control:var(--raw-planner-control);--planner-choice-height:var(--raw-planner-choice);--planner-dot:var(--raw-planner-dot);--planner-gap:var(--raw-planner-gap);--planner-small:var(--raw-planner-small);--planner-quarter:var(--raw-planner-quarter);--planner-half:var(--raw-planner-half);--planner-compact:var(--raw-planner-compact);--planner-double:var(--raw-planner-double);--planner-wide:var(--raw-planner-wide);--planner-leading:var(--raw-planner-leading);--planner-title-leading:var(--raw-planner-title-leading);--planner-progress-min:var(--raw-planner-progress-min);--planner-preview-min:var(--raw-planner-preview-min);background:var(--paper);color:var(--ink)}.planner-muted,.planner-choice-detail{color:var(--planner-muted)}.planner-shell{border-top:var(--planner-rule) solid var(--ink);border-bottom:var(--planner-rule) solid var(--ink)}.planner-progress{border-bottom:var(--planner-rule) solid var(--planner-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.planner-progress li{align-items:center;gap:var(--planner-small);min-width:0;padding:var(--planner-compact) var(--planner-small);color:var(--planner-muted);border-right:var(--planner-rule) solid var(--planner-border);flex-wrap:wrap;display:flex}.planner-progress li:first-child{padding-left:0}.planner-progress li:last-child{border-right:0}.planner-progress .planner-progress-active{color:var(--accent)}.planner-progress-check{margin-left:auto}.planner-form,.planner-preview,.planner-result-head,.planner-result-body,.planner-result-actions{padding:var(--planner-panel);min-width:0}.planner-form{padding-left:0}.planner-step-title{font-size:var(--planner-step-type);line-height:var(--planner-title-leading)}.planner-kicker{color:var(--accent);font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:var(--track-label);font-weight:600}.planner-field-label{justify-content:space-between;align-items:baseline;gap:var(--planner-gap);font-size:var(--planner-small);font-weight:500;display:flex}.planner-input{width:100%;min-width:0;min-height:var(--planner-control);margin-top:var(--planner-small);border:0;border-bottom:var(--planner-rule) solid var(--planner-border);padding:var(--planner-small) 0;color:var(--ink);font:inherit;background:0 0;border-radius:0;display:block}.planner-input::placeholder{color:var(--planner-muted);opacity:1}.planner-input:focus{border-color:var(--accent)}.planner-textarea{resize:vertical;line-height:var(--planner-leading)}.planner-choice-list{border-top:var(--planner-rule) solid var(--planner-border)}.planner-choice{align-items:center;gap:var(--planner-gap);min-height:var(--planner-choice-height);padding:var(--planner-gap) var(--planner-half);border-bottom:var(--planner-rule) solid var(--planner-border);cursor:pointer;display:flex;position:relative}.planner-choice-selected{background:var(--planner-selected)}.planner-choice:has(input:focus-visible){outline:var(--raw-size-focus) solid var(--accent);outline-offset:var(--raw-size-focus-offset)}.planner-choice-number{color:var(--accent);font-size:var(--planner-small);flex-shrink:0}.planner-choice-dot{width:var(--planner-dot);height:var(--planner-dot);border:var(--planner-rule) solid var(--planner-border);font-size:var(--planner-small);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.planner-choice-selected .planner-choice-dot{border-color:var(--accent);color:var(--paper);background:var(--accent)}.planner-primary,.planner-secondary{justify-content:space-between;align-items:center;gap:var(--planner-double);min-height:var(--planner-control);padding:var(--planner-gap) var(--planner-compact);font-size:var(--planner-small);font-weight:500;line-height:var(--planner-leading);text-align:left;display:inline-flex}.planner-primary{background:var(--accent);color:var(--paper)}.planner-primary:hover{background:var(--ink)}.planner-primary:disabled{cursor:wait;opacity:.7}.planner-primary svg,.planner-secondary svg,.planner-text-link svg{flex-shrink:0}.planner-secondary{border:var(--planner-rule) solid var(--planner-border)}.planner-secondary:hover{border-color:var(--ink)}.planner-text-link{align-items:center;gap:var(--planner-gap);min-height:var(--planner-control);font-size:var(--planner-small);text-underline-offset:var(--planner-quarter);text-decoration:underline;display:inline-flex}.planner-error{color:var(--planner-error)}.planner-preview{background:var(--background);color:var(--foreground);min-height:var(--planner-preview-min)}.planner-mini-mark{width:var(--planner-dot);height:var(--planner-dot);background:var(--accent);flex-shrink:0}.planner-preview-name{font-size:var(--planner-preview-type);line-height:var(--planner-title-leading);overflow-wrap:anywhere}.planner-preview-details{border-top:var(--planner-rule) solid var(--planner-border-inverse);padding-top:var(--planner-double)}.planner-preview-prefill{color:var(--accent-bright)}.planner-result-head{background:var(--background);color:var(--foreground)}.planner-result-name{font-size:var(--planner-result-type);line-height:var(--planner-title-leading);overflow-wrap:anywhere}.planner-result-discipline{color:var(--accent-bright)}.planner-result-body{padding-left:0;padding-right:0}.planner-angle{font-size:var(--planner-angle-type);line-height:var(--planner-title-leading)}.planner-takeaways{border-top:var(--planner-rule) solid var(--planner-border)}.planner-takeaways li{gap:var(--planner-gap);padding:var(--planner-compact) 0;border-bottom:var(--planner-rule) solid var(--planner-border);font-size:var(--planner-small);line-height:var(--planner-leading);display:flex}.planner-film{width:100%;aspect-ratio:var(--raw-ratio-film);object-fit:cover;background:var(--background)}.planner-answer-card{border-top:var(--planner-rule) solid var(--planner-border);padding-top:var(--planner-double)}.planner-answer-card dt{color:var(--planner-muted);font-size:var(--planner-small);margin-top:var(--planner-compact)}.planner-answer-card dd{margin-top:var(--planner-half);font-size:var(--planner-small);line-height:var(--planner-leading);overflow-wrap:anywhere}.planner-result-actions{border-top:var(--planner-rule) solid var(--planner-border);padding-left:0;padding-right:0}}
