/* B / The Question Club — fixed desktop canvas, independent paper layers. */
:root{color-scheme:light;--blue:#08269b;--yellow:#ffdf38;--paper:#f5efdf;--red:#e92520;--ink:#172021;font-family:"Courier New",Courier,monospace;color:var(--blue);background:var(--yellow);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;background:var(--yellow) url("assets/v2/paper-background.webp") center top/900px auto}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button,summary{cursor:pointer}img{max-width:100%}p{line-height:1.5}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:5px}#main:focus{outline:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:20;background:var(--blue);color:white;padding:12px;font-weight:bold}.skip-link:focus{transform:none}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:14px 20px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:3px;font:700 17px/1.25 Arial,sans-serif;text-decoration:none}.button:hover{background:#051d75}.text-button{border:0;padding:0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:3px;font-weight:bold}.no-script{max-width:900px;margin:24px auto;padding:24px;background:var(--paper);color:var(--ink)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:19px 4%;position:relative;z-index:8}.brand{display:flex;align-items:center;gap:9px;font:800 32px Arial,sans-serif;letter-spacing:-1.4px;text-decoration:none}.brand img{width:39px;height:39px;flex-shrink:0}.brand-name{font-size:28px;line-height:1.05;white-space:nowrap}.brand-product{font-size:18px;letter-spacing:-.5px}.brand-divider{font-weight:400;opacity:.6;margin:0 4px}.dialog-brand .brand-name{font-size:23px}.dialog-brand .brand-product{font-size:16px}.dialog-brand img{flex-shrink:0}.club-line{font-size:12px;font-weight:bold;margin:0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4%;border-top:1px solid var(--blue);font-size:12px}.site-footer p{margin:0}.site-footer a{align-self:center}
/* Static narrative is the baseline: no JavaScript, narrow screens and reduced motion. */
.story-stage{max-width:1600px;margin:auto}.collage{position:relative;padding:20px 6% 45px}.invitation{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;align-items:center}.headline-art{grid-column:1;grid-row:1}.headline-art img{display:block;width:100%;height:auto}.intro-copy{grid-column:1;grid-row:2}.intro-copy>p:first-child{font-size:clamp(18px,2.1vw,27px);line-height:1.2;font-weight:bold;letter-spacing:-.7px;margin-bottom:20px}.scope{font-size:12px;margin:13px 0 0}.watch-link{display:inline-flex;align-items:center;gap:12px;font:bold clamp(21px,2.3vw,30px)/1.2 Arial,sans-serif;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.play-mark{display:grid;place-items:center;background:var(--blue);color:var(--yellow);border-radius:50%;width:43px;height:43px;font:20px Arial,sans-serif;padding-left:3px}.founder-print{grid-column:2;grid-row:1/3;margin:0;position:relative;transform:rotate(3deg)}.founder-print>img{display:block;width:100%;height:auto}.founder-print figcaption{font:bold 11px/1.4 "Courier New",monospace;display:flex;justify-content:space-between;margin:5px 8% 0}.story-layer{position:relative;margin:60px auto 0;width:min(100%,720px);isolation:isolate}.paper-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:drop-shadow(3px 7px 3px #553c2422);object-fit:fill;pointer-events:none}.paper-content{position:relative;padding:30px 35px}.layer-kicker{font:bold 10px/1.3 "Courier New",monospace;text-transform:uppercase;letter-spacing:.7px;margin-bottom:11px}.question-paper{position:relative;isolation:isolate;color:#fff9e9;transform:rotate(-2deg)}.question-paper h2{font:800 clamp(25px,3vw,38px)/1.04 Arial,sans-serif;letter-spacing:-1px;margin:0 0 17px}.category-note{display:flex;flex-wrap:wrap;gap:4px 13px;margin:0 4% 13px;font-size:10px;line-height:1.4}.category-note strong{font:700 12px Arial,sans-serif}.fit-note{width:100%;font-weight:bold}.paper-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4}.feedback-example{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.feedback-example svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.feedback-example .thumb-down{transform:rotate(180deg)}.answer-layer{color:var(--ink);transform:rotate(1deg)}.answer-layer h2{font:700 17px/1.3 "Courier New",monospace;text-decoration:underline;text-underline-offset:4px;margin-bottom:14px}.answer-copy{font:400 21px/1.4 "Courier New",monospace;margin-bottom:22px}.answer-layer .layer-kicker,.answer-layer .paper-bottom{color:var(--blue)}.saved-layer{border-top:3px solid var(--blue);border-bottom:1px solid var(--blue);padding:17px 0 12px;transform:rotate(-2deg)}.saved-layer h2{font:800 25px/1.05 Arial,sans-serif;letter-spacing:-.8px;margin-bottom:15px}.saved-layer ul{list-style:none;padding:0;margin:0}.saved-layer li{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px dashed #08269b55;font:bold 13px/1.2 "Courier New",monospace}.saved-layer li span{font-weight:400}.saved-note{font-size:10px;margin:11px 0 0}.recap-layer{width:min(100%,470px);text-align:center}.envelope-art{position:relative;isolation:isolate}.envelope-art>img{display:block;width:100%;height:auto}.recap-paper-copy{position:absolute;left:21%;right:18%;top:12%;text-align:left;transform:rotate(3deg);color:var(--ink)}.recap-paper-copy .layer-kicker{font-size:9px;margin-bottom:9px}.recap-paper-copy h2{font:800 clamp(21px,2.4vw,30px)/1 Arial,sans-serif;letter-spacing:-.8px;margin-bottom:10px}.recap-paper-copy>p:last-child{font-size:10px;line-height:1.6}.recap-caption{font:bold 12px/1.5 "Courier New",monospace;margin:8px 0 0}.recap-caption span{font-size:10px;font-weight:400}.sample-note{font-size:10px;text-align:center;margin:45px 0 0}.story-bottom{padding:20px 6%;display:block}.story-nav{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.story-nav a{text-decoration:underline}.scroll-hint{display:none}

dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:2px solid var(--blue);color:var(--ink);background:var(--paper);box-shadow:9px 10px 0 var(--blue);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:rgba(6,16,60,.74)}body:has(dialog[open]){overflow:hidden}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:1;background:var(--yellow);border-bottom:2px solid var(--blue);padding:16px 22px;color:var(--blue)}.dialog-heading form{margin:0;flex-shrink:0}.dialog-brand{display:flex;align-items:center;gap:9px;font:700 22px Arial,sans-serif}.close-button{border:1px solid var(--blue);background:var(--paper);color:var(--blue);padding:9px 11px;min-height:42px;font-weight:bold}.close-button:hover{background:white}.dialog-content{padding:28px 30px}.dialog-content h2{font:800 clamp(29px,5vw,42px)/1.06 Arial,sans-serif;letter-spacing:-1.2px;color:var(--blue);margin-bottom:19px}.dialog-content h3{font:700 19px/1.3 Arial,sans-serif;margin:28px 0 10px}.dialog-content p{font-size:15px}.eyebrow{font-size:12px!important;font-weight:bold;color:var(--blue)}.install-steps{padding-left:24px;margin:28px 0}.install-steps li{padding-left:9px;margin-bottom:19px;line-height:1.5;font-size:14px}.install-steps li::marker{font-weight:bold;color:var(--blue)}.install-steps strong,.install-steps span{display:block}.install-steps strong{margin-bottom:5px}.fine-print{font-size:12px!important;line-height:1.6}code{font-size:.95em;background:#e6deca;padding:2px 4px;overflow-wrap:anywhere}.demo-dialog{width:min(1040px,calc(100% - 32px))}.demo-dialog .dialog-heading h2{font:700 20px/1.3 Arial,sans-serif;margin:0}.demo-dialog .dialog-content{padding:18px}.demo-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#111}.demo-dialog .fine-print{margin:15px 0}.demo-dialog details{font-size:13px}.demo-dialog details p{font-size:13px;margin:12px 0 0}.demo-dialog summary{padding-block:7px;font-weight:bold;color:var(--blue)}

@media(max-width:760px){
.site-header{padding:15px 5%;gap:10px}.brand{font-size:26px;gap:6px}.brand img{width:33px;height:33px}.brand-name,.dialog-brand .brand-name{font-size:22px;letter-spacing:-.7px}.brand-product,.dialog-brand .brand-product{display:block;font-size:12px;letter-spacing:0;margin-top:3px}.brand-divider{display:none}.compact{font-size:12px;padding:11px;min-height:44px;gap:5px}.club-line{display:none}.collage{padding:15px 6% 36px;overflow:hidden}.invitation{display:flex;flex-direction:column;align-items:stretch;gap:20px}.headline-art{margin:0 -3%}.headline-art img{max-height:360px;object-fit:contain;object-position:left center}.intro-copy{margin:0 2% 6px}.intro-copy>p:first-child{font-size:21px}.watch-link{font-size:26px}.scope{font-size:11px}.founder-print{margin:0 -2% 15px}.founder-print figcaption{font-size:9px}.story-layer{margin-top:48px}.question-layer{margin-top:20px}.category-note{font-size:9px;gap:4px 8px;margin-bottom:15px}.category-note strong{font-size:11px}.paper-content{padding:26px 24px}.question-paper h2{font-size:clamp(27px,7vw,42px)}.paper-bottom{font-size:9px;flex-wrap:wrap}.layer-kicker{font-size:9px}.answer-copy{font-size:17px}.answer-layer h2{font-size:14px}.saved-layer{width:90%;padding:19px 0}.saved-layer h2{font-size:27px}.saved-layer li{font-size:12px;padding:9px 0}.saved-note{font-size:10px}.recap-layer{width:95%;margin-top:35px}.recap-paper-copy h2{font-size:clamp(23px,7vw,34px)}.recap-paper-copy>p:last-child{font-size:10px}.recap-caption{font-size:12px}.sample-note{margin-top:35px;font-size:9px}.site-footer{flex-wrap:wrap;padding:21px 6%;font-size:10px;gap:15px}.site-footer p{width:100%}
dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);box-shadow:5px 6px 0 var(--blue)}.dialog-heading{padding:12px;gap:12px}.dialog-content{padding:22px 18px}.demo-dialog .dialog-heading h2{font-size:16px}.demo-dialog .dialog-content{padding:10px}.dialog-content p{font-size:14px}.install-steps{padding-left:19px}.close-button{font-size:12px}.download-button{width:100%;font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.question-paper{background:Canvas;color:CanvasText}.paper-art{visibility:hidden}.story-layer{border:1px solid CanvasText}.button{border:2px solid ButtonText}.story-nav a[aria-current="step"]{outline:2px solid Highlight}}


/* Original V1 fragments. CSS crops keep the approved artwork intact on disk. */
.v1-fragment{position:relative;display:block;background-image:url("assets/question-club.png");background-repeat:no-repeat;pointer-events:none;flex-shrink:0}
.watch-annotation,.context-annotation{filter:url(#red-annotation)}
.conversation-annotation,.progress-annotation,.people-annotation,.tomorrow-annotation,.coffee-ring{filter:url(#dark-annotation)}
.headline-art{background-image:url("assets/question-club.png");background-repeat:no-repeat;background-size:211.57025% auto;background-position:5.67901% 16.16541%;aspect-ratio:726/492;filter:url(#blue-ink);clip-path:polygon(0 0,67% 0,67% 44%,95% 44%,95% 80%,100% 80%,100% 87%,66% 90%,58% 96%,0 100%)}
.headline-art img{display:none}
.watch-annotation{width:min(40%,186px);margin:18px auto 0}
.conversation-annotation{width:108px;margin:20px auto}
.context-annotation{width:190px;margin:25px auto}
.builders-collage{width:min(100%,705px);margin:40px auto 0;clip-path:polygon(0 18%,10% 24%,19% 30%,32% 33%,44% 30%,53% 27%,63% 18%,74% 12%,83% 3%,88% 7%,97% 13%,100% 20%,95% 84%,84% 88%,75% 93%,57% 97%,55% 86%,44% 93%,33% 95%,22% 95%,11% 98%,2% 97%)}
.progress-annotation{width:80px;margin:23px auto}
.people-annotation{width:83px;margin:25px auto}
.tomorrow-annotation{width:186px;margin:30px auto 0}
.coffee-ring{display:none}
.category-layer{width:fit-content;margin:25px auto 0}
.category-note{background:var(--paper) url("assets/v2/answer-paper.webp") center/cover;padding:14px 19px;display:flex;flex-direction:column;gap:5px;margin:0;transform:rotate(4deg);clip-path:polygon(0 0,98% 2%,100% 97%,92% 100%,82% 96%,75% 99%,65% 97%,55% 99%,43% 96%,31% 99%,20% 95%,9% 97%,0 90%)}
.category-note strong{font:400 13px/1.3 "Courier New",monospace}.category-note>span{max-width:245px;font-size:11px}.category-note .fit-note{font-weight:bold;font-size:10px;border-top:1px solid #17202144;padding-top:6px}
.paper-art{clip-path:polygon(0 3%,5% 1%,11% 2%,19% 0,28% 2%,36% 1%,47% 2%,55% 0,65% 2%,76% 1%,87% 3%,97% 0,100% 4%,99% 30%,100% 58%,99% 80%,100% 97%,92% 99%,84% 97%,74% 100%,63% 98%,53% 100%,44% 98%,32% 100%,22% 97%,11% 99%,0 97%,1% 73%,0 53%,1% 28%)}
.founder-print>img{clip-path:polygon(11.8% 4.5%,55.9% 11.8%,56.2% 1.2%,61.8% 3%,62% 13.2%,95.3% 19.5%,98% 24.2%,92.5% 95%,88.8% 98.2%,52% 96.5%,6% 88%,4.2% 79%)}
.answer-main{position:relative}.answer-main .feedback-example{margin-bottom:15px}.answer-context{border-top:1px solid #17202188;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px}.answer-context p{font-size:13px;font-weight:bold;margin:0}.demo-stamp{display:inline-block;color:var(--blue);border:1px solid var(--blue);padding:4px 7px;transform:rotate(-4deg);font-size:11px;white-space:nowrap}.desktop-break{display:none}
.saved-layer{background:none;border:0;padding:28px;color:var(--ink)}.saved-layer h2{font-size:23px}.saved-layer ol{list-style:none;padding:0;margin:0}.saved-layer li{display:flex;align-items:baseline;gap:9px;border:0;font:400 12px/1.6 "Courier New",monospace;padding:8px 0}.topic-number{font-size:11px}.topic-name{flex:1;display:flex;gap:6px;align-items:baseline;white-space:nowrap}.topic-name::after{content:"";border-bottom:2px dotted currentColor;flex:1;min-width:5px}.saved-layer time{font-size:11px}.saved-note{font-size:10px}
.envelope-art>img{clip-path:polygon(8.7% 12.3%,90% 7.1%,91.5% 25.5%,95% 29%,97.7% 38%,98% 86.7%,2% 87%,2% 39%,4% 30%,9.4% 26%)}
.recap-paper-copy{left:15%;right:14%;top:14%;transform:rotate(-3deg)}.recap-paper-copy .layer-kicker{display:none}.recap-paper-copy h2{font:700 15px/1.2 "Courier New",monospace;letter-spacing:-.5px;border-bottom:1px solid #17202188;padding-bottom:6px;margin-bottom:9px;white-space:nowrap}.recap-topics{list-style:none;padding:0;margin:0}.recap-topics li{display:flex;gap:7px;margin-top:7px;text-align:left}.recap-number{width:21px;height:24px;border:1.5px solid var(--red);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px}.recap-topics strong{font:700 11px/1.2 "Courier New",monospace}.recap-topics p{font:400 9px/1.25 "Courier New",monospace;margin:2px 0 0}
.site-header{border-bottom:1px solid var(--blue)}
.watch-annotation{aspect-ratio:186/164;background-size:825.806452% auto;background-position:40.592593% 13.023256%;}
.conversation-annotation{aspect-ratio:108/131;background-size:1422.222222% auto;background-position:99.719888% 35.834267%;}
.context-annotation{aspect-ratio:190/76;background-size:808.421053% auto;background-position:60.475483% 72.468354%;}
.builders-collage{aspect-ratio:705/260;background-size:217.872340% auto;background-position:0.000000% 91.623037%;}
.progress-annotation{aspect-ratio:80/108;background-size:1920.000000% auto;background-position:67.925824% 90.720524%;}
.people-annotation{aspect-ratio:83/108;background-size:1850.602410% auto;background-position:99.931177% 82.532751%;}
.tomorrow-annotation{aspect-ratio:186/66;background-size:825.806452% auto;background-position:100.000000% 99.895616%;}
.coffee-ring{aspect-ratio:116/250;background-size:1324.137931% auto;background-position:100.000000% 57.235142%;}

/* One proportionally fitted V1 composition; only the paper layers change. */
@media(min-width:1100px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
html.scroll-story{height:100%;overflow:hidden;overscroll-behavior:none}
html.scroll-story body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}
html.scroll-story .story{height:100dvh;position:relative}
html.scroll-story .story-stage{position:fixed;inset:0;height:100dvh;overflow:hidden;max-width:none}
html.scroll-story .site-header{height:80px;width:calc(100% - 8%);max-width:1450px;margin:auto;padding:13px 0}
html.scroll-story .collage{position:relative;width:min(100vw,calc((100dvh - 227px) * 1.7454545));height:auto;aspect-ratio:1536/880;padding:0;margin:auto;container-type:inline-size;background:var(--yellow) url("assets/v2/paper-background.webp") center top/900px auto}
html.scroll-story .invitation{display:contents}
html.scroll-story .headline-art{position:absolute;left:3%;top:.7%;width:47.2656%;height:55.91%;margin:0;transform:none}
html.scroll-story .intro-copy{position:absolute;left:3.9%;top:57.6%;width:30%;margin:0;z-index:5}
html.scroll-story .intro-copy>p:first-child{font-size:1.43cqw;line-height:1.2;letter-spacing:-.02cqw;margin-bottom:1.15cqw;font-weight:bold;white-space:nowrap}
html.scroll-story .watch-link{font-size:2.45cqw;line-height:1.1;gap:.8cqw;text-decoration-thickness:.2cqw;text-underline-offset:.5cqw;white-space:nowrap}
html.scroll-story .play-mark{height:4.5cqw;width:4.5cqw;font-size:2.2cqw;padding-left:.25cqw}
html.scroll-story .scope{font-size:.96cqw;margin:.45cqw 0 0 5.3cqw;white-space:nowrap}
html.scroll-story .founder-print{position:absolute;left:46.6%;top:-4.1%;width:48%;height:auto;margin:0;transform:rotate(-1deg)}
html.scroll-story .founder-print>img{display:block;height:auto;width:100%}
html.scroll-story .founder-print figcaption{position:absolute;bottom:7.5%;left:9%;right:15%;margin:0;color:var(--paper);font-size:.9cqw;transform:rotate(4deg);justify-content:flex-start;gap:.5cqw}
html.scroll-story .founder-print figcaption span::before{content:" / "}
html.scroll-story .story-layer,html.scroll-story .v1-fragment,html.scroll-story .builders-release{position:absolute;margin:0;opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0)) * 25px)) rotate(calc(var(--angle,0deg) + (1 - var(--reveal,0)) * -2deg));pointer-events:none;will-change:opacity,transform}
html.scroll-story .category-layer{--reveal:var(--category,0);--angle:3deg;left:83%;top:1%;width:16.5%;z-index:4}
html.scroll-story .category-note{margin:0;padding:1.15cqw 1.15cqw 1.3cqw;width:100%;max-width:none;transform:none;gap:.3cqw;color:var(--ink)}
html.scroll-story .category-note strong{font-size:.88cqw;line-height:1.25}
html.scroll-story .category-note>span{font-size:.8cqw;line-height:1.3;max-width:none}
html.scroll-story .category-note .fit-note{font-size:.67cqw;padding-top:.35cqw}
html.scroll-story .question-layer{--reveal:var(--question,0);--angle:-5deg;left:51%;top:23.4%;width:37%;z-index:4}
html.scroll-story .question-paper{transform:none}
html.scroll-story .question-paper .paper-content{padding:1.45cqw 1.6cqw}
html.scroll-story .question-paper .layer-kicker{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.scroll-story .question-paper h2{font:700 1.35cqw/1.2 "Courier New",monospace;letter-spacing:-.04cqw;white-space:nowrap;margin:0}
html.scroll-story .question-paper .paper-bottom{position:absolute;bottom:-1.05cqw;left:16%;right:2%;font-size:.85cqw;align-items:center}
html.scroll-story .automatic-label{color:var(--ink);background:var(--yellow);padding:.3cqw .8cqw;text-transform:uppercase;font-weight:bold;transform:rotate(3deg)}
html.scroll-story .question-time{display:none}
html.scroll-story .question-paper .feedback-example{color:var(--paper);gap:.45cqw}
html.scroll-story .question-paper .feedback-example svg{width:.95cqw;height:.95cqw}
html.scroll-story .answer-layer{--reveal:var(--answer,0);--angle:-1deg;left:31.3%;top:50%;width:65%;height:19.4%;z-index:6}
html.scroll-story .answer-layer .paper-content{height:100%;display:grid;grid-template-columns:64% 36%;align-items:center;padding:1.6cqw 3.4cqw 1.5cqw 4.4cqw}
html.scroll-story .answer-layer .layer-kicker{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.scroll-story .answer-layer h2{font:700 1.04cqw/1.25 "Courier New",monospace;margin:0 0 .7cqw;text-underline-offset:.2cqw}
html.scroll-story .answer-copy{font:400 1.06cqw/1.5 "Courier New",monospace;letter-spacing:-.025cqw;margin:0}
html.scroll-story .desktop-break{display:block}
html.scroll-story .answer-main .feedback-example{position:absolute;right:1.4cqw;top:1.5cqw;margin:0;gap:.75cqw}
html.scroll-story .answer-main .feedback-example svg{width:1.65cqw;height:1.65cqw;stroke-width:1.7}
html.scroll-story .answer-context{height:80%;border:0;border-left:1px solid var(--ink);padding:0 0 0 2cqw;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:.8cqw;transform:rotate(-2deg)}
html.scroll-story .answer-context p{font-size:.97cqw;line-height:1.3;white-space:nowrap;margin:0}
html.scroll-story .demo-stamp{font-size:.8cqw;padding:.2cqw .4cqw}
html.scroll-story .saved-layer{--reveal:var(--saved,0);--angle:8deg;left:44.2%;top:75.8%;width:19.4%;height:20%;padding:1.2cqw 1.2cqw;color:var(--ink);z-index:6}
html.scroll-story .saved-layer .layer-kicker,html.scroll-story .saved-layer h2,html.scroll-story .saved-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.scroll-story .saved-layer ol{display:flex;flex-direction:column;justify-content:space-between;height:100%}
html.scroll-story .saved-layer li{font:400 .85cqw/1.3 "Courier New",monospace;padding:.3cqw 0;gap:.55cqw}
html.scroll-story .saved-layer .topic-number,html.scroll-story .saved-layer time{font-size:.8cqw;flex-shrink:0}
html.scroll-story .saved-layer .topic-name{gap:.3cqw;white-space:nowrap}
html.scroll-story .saved-layer .topic-name::after{border-width:1px;min-width:.3cqw}
html.scroll-story .recap-layer{--reveal:var(--recap,0);--angle:0deg;left:69.9%;top:60.2%;width:25.8%;height:37%;z-index:7}
html.scroll-story .envelope-art{width:100%;height:auto;margin:0}
html.scroll-story .envelope-art>img{height:auto;width:100%;object-fit:fill}
html.scroll-story .recap-paper-copy{left:14.5%;right:14%;top:14%;transform:rotate(-3deg)}
html.scroll-story .recap-paper-copy h2{font:700 .92cqw/1.2 "Courier New",monospace;letter-spacing:-.025cqw;margin-bottom:.4cqw;padding-bottom:.45cqw}
html.scroll-story .recap-topics li{gap:.45cqw;margin-top:.6cqw}
html.scroll-story .recap-number{width:1.5cqw;height:1.8cqw;font-size:.8cqw;border-width:.1cqw}
html.scroll-story .recap-topics strong{font-size:.76cqw;line-height:1.2;letter-spacing:-.025cqw}
html.scroll-story .recap-topics p{font-size:.55cqw;line-height:1.3;margin:.1cqw 0 0;letter-spacing:-.015cqw}
html.scroll-story .recap-caption{font-size:.85cqw;line-height:1.3;margin:-2.3cqw 0 0;position:relative;z-index:2}
html.scroll-story .watch-annotation{--reveal:var(--question,0);left:35.7%;top:3.64%;width:12.1%;z-index:3}
html.scroll-story .conversation-annotation{--reveal:var(--question,0);left:92.7%;top:27.27%;width:7.03%;z-index:5}
html.scroll-story .context-annotation{--reveal:var(--saved,0);left:53%;top:69%;width:12.37%;z-index:5}
html.scroll-story .builders-release{--reveal:var(--builders,0);left:0;top:70.45%;width:45.9%;z-index:3}
html.scroll-story .progress-annotation{--reveal:var(--builders,0);left:64.39%;top:85.34%;width:5.21%;z-index:5}
html.scroll-story .people-annotation{--reveal:var(--recap,0);left:94.53%;top:76.82%;width:5.4%;z-index:7}
html.scroll-story .tomorrow-annotation{--reveal:var(--recap,0);left:87.89%;top:99.4%;width:12.11%;z-index:7}
html.scroll-story .coffee-ring{display:block;--reveal:var(--answer,0);left:92.45%;top:41.25%;width:7.55%;z-index:8;clip-path:polygon(100% 0,100% 100%,67% 93%,33% 78%,15% 63%,17% 48%,32% 32%,60% 15%)}
html.scroll-story .collage::before{content:"";position:absolute;left:1%;top:8.7%;width:1.6cqw;height:1.6cqw;border-radius:50%;background:#625709;box-shadow:0 27.8cqw 0 #625709,0 50.6cqw 0 #625709;opacity:.95;z-index:6;pointer-events:none}
html.scroll-story .sample-note{position:absolute;left:46%;top:97.9%;font-size:.53cqw;text-align:left;margin:0}
html.scroll-story .story-bottom{height:71px;width:min(100%,1536px);margin:auto;padding:24px 4% 15px;display:flex;justify-content:space-between;align-items:center;gap:15px}
html.scroll-story .story-nav{display:flex;gap:5px}
html.scroll-story .story-nav a{display:flex;align-items:center;gap:6px;font-size:11px;text-decoration:none;padding:8px 9px;border:1px solid transparent;min-height:34px}
html.scroll-story .story-nav a span{font-size:9px;opacity:.65}
html.scroll-story .story-nav a[aria-current="step"]{background:var(--blue);color:var(--yellow)}
html.scroll-story .story-nav a:hover{border-color:var(--blue)}
html.scroll-story .scroll-hint{display:block;font-size:10px;margin:0 23% 0 0;white-space:nowrap}
html.scroll-story .scroll-hint span{font-size:17px;margin-left:12px}
html.scroll-story .site-footer{position:fixed;bottom:0;left:0;right:0;height:32px;z-index:8;padding:7px 4%;font-size:10px;background:var(--yellow) url("assets/v2/paper-background.webp") center bottom/900px auto}
}
@media(max-width:760px){
.headline-art{width:106%;height:auto;flex-shrink:0;min-height:0;margin-inline:-3%}
.category-layer{margin:24px auto 0;max-width:100%}
.question-layer{margin-top:22px}
.answer-context{gap:13px;align-items:flex-start}.answer-context p{font-size:12px}.answer-layer .paper-content{padding:27px 25px}.answer-main .feedback-example{margin-bottom:18px}
.saved-layer{width:96%;padding:29px 23px}.saved-layer li{font-size:11px;gap:7px}.saved-layer time{font-size:10px}.topic-number{font-size:10px}.saved-layer h2{font-size:23px}
.recap-paper-copy h2{font-size:13px}.recap-topics strong{font-size:10px}.recap-topics p{font-size:8px}.recap-topics li{gap:6px;margin-top:6px}.recap-number{width:19px;height:22px;font-size:10px}.recap-caption{margin-top:-30px;font-size:11px}
}
@media(forced-colors:active){.headline-art{filter:none;background:none;clip-path:none;aspect-ratio:auto}.headline-art .sr-only{position:static!important;width:auto;height:auto;clip-path:none;white-space:normal;font:bold 70px/1 Arial,sans-serif}.v1-fragment{filter:none;background:none;width:auto!important;aspect-ratio:auto;max-width:720px}.v1-fragment[aria-label]::before{content:attr(aria-label);display:block;padding:15px;border:1px solid CanvasText}.paper-art{display:none}.category-note{background:Canvas;color:CanvasText}.saved-layer{border:1px solid CanvasText}.recap-paper-copy{position:static;color:CanvasText}.envelope-art>img{display:none}.recap-caption{margin:20px 0}.question-paper{color:CanvasText;background:Canvas}}

@media(min-width:1100px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
html.scroll-story .recap-caption{margin-top:-3.4cqw;font-size:.79cqw;text-align:left;padding-left:9%}
html.scroll-story .tomorrow-annotation{top:102%;width:10.5%;left:89.3%}
}

/* The original mountain and builder patch become an invitation to the release journal. */
.builders-release{position:relative;display:block;width:min(100%,705px);margin:40px auto 0;text-decoration:none;color:var(--blue);isolation:isolate}
.builders-release .builders-collage{width:100%;margin:0}
.builders-release-label{position:absolute;left:5%;bottom:5%;display:grid;gap:4px;padding:10px 16px;background:var(--paper) url("assets/v2/answer-paper.webp") center/cover;box-shadow:3px 4px 0 #08269b26;transform:rotate(-4deg);transition:transform 160ms ease}
.builders-release-label strong{font:800 clamp(17px,2vw,25px)/1.15 Arial,sans-serif;letter-spacing:-.5px;text-decoration:underline;text-underline-offset:4px}
.builders-release-label small{font:10px/1.4 "Courier New",monospace}
.builders-release:hover .builders-release-label,.builders-release:focus-visible .builders-release-label{transform:rotate(-1deg) translateY(-3px)}
.builders-release:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
html.scroll-story .builders-release:not([inert]){pointer-events:auto}
html.scroll-story .builders-release .builders-collage{position:relative;left:auto;top:auto;width:100%;opacity:1;transform:none;will-change:auto}
html.scroll-story .builders-release-label{padding:.65cqw 1cqw;gap:.2cqw}
html.scroll-story .builders-release-label strong{font-size:clamp(14px,1.7cqw,25px)}
html.scroll-story .builders-release-label small{font-size:clamp(8px,.7cqw,11px)}
@media(max-width:480px){.builders-release{margin-top:48px}.builders-release-label{left:2%;bottom:0;padding:8px 12px}.builders-release-label small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.builders-release-label{transition:none}.builders-release:hover .builders-release-label,.builders-release:focus-visible .builders-release-label{transform:rotate(-4deg)}}
@media(forced-colors:active){.builders-release{min-height:75px}.builders-release-label{position:relative;transform:none;border:1px solid LinkText;background:Canvas;color:LinkText}}

/* A persistent invitation, visible before the first story reveal. */
.release-banner{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:10px 20px;background:var(--paper) url("assets/v2/answer-paper.webp") center/cover;color:var(--blue);border-bottom:1px solid var(--blue);text-decoration:none}
.release-banner strong{font:800 16px/1.25 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.release-banner-detail{font:11px/1.4 "Courier New",monospace}
.release-banner:hover strong{text-decoration-thickness:2px}
.release-banner:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
html.scroll-story .release-banner{height:44px}
@media(max-width:480px){.release-banner{gap:12px;padding:10px 12px}.release-banner strong{font-size:14px}.release-banner-detail{font-size:9px}}
@media(forced-colors:active){.release-banner{background:Canvas;color:LinkText;border-color:CanvasText}}