:root{--ink:#1f292d;--muted:#667176;--line:#d7dcda;--paper:#f7f8f4;--white:#fff;--accent:#d84f35;--soft:#f8ded7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{color:inherit;font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.gallery-shell,.app-shell{min-height:100vh}.gallery-header,.demo-topbar{border-bottom:1px solid var(--line);background:#f7f8f4f5;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 4.5vw;display:flex}.brand-lockup{align-items:baseline;gap:14px;display:flex}.brand-lockup span,.header-note,.eyebrow,.demo-topbar-title span,.section-title>span,.project-header>div>p,.project-section .section-title span,.prompt-panel-head span,.prompt-note,.project span,.project small{letter-spacing:0}.brand-lockup span,.header-note{color:var(--muted);font-size:12px;font-weight:700}.brand-lockup strong{font-size:18px}.gallery-intro{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);align-items:end;gap:8vw;max-width:1440px;margin:0 auto;padding:72px 4.5vw 52px;display:grid}.eyebrow{color:#b5412d;margin:0 0 18px;font-size:13px;font-weight:800}.gallery-intro h1{max-width:860px;margin:0;font-family:Georgia,Songti SC,serif;font-size:58px;font-weight:500;line-height:1.12}.intro-copy{border-top:3px solid var(--ink);padding-top:20px}.intro-copy p{color:#455157;margin:0 0 14px}.signal-strip{grid-template-columns:repeat(3,1fr);max-width:1320px;margin:0 auto 54px;padding:0 4.5vw;display:grid}.signal-strip div{border:1px solid var(--ink);align-items:center;gap:18px;min-height:76px;padding:16px 22px;display:flex}.signal-strip div+div{border-left:0}.signal-strip strong{font-family:Georgia,serif;font-size:25px}.signal-strip span{font-weight:700}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1320px;margin:0 auto;padding:0 4.5vw 80px;display:grid}.demo-card{background:var(--white);border:1px solid #bfc6c3;border-radius:6px;flex-direction:column;min-width:0;min-height:500px;display:flex;overflow:hidden}.demo-card-top{justify-content:space-between;align-items:center;min-height:54px;padding:14px 17px;display:flex}.demo-index{color:var(--accent);font-family:Georgia,serif;font-size:18px;font-weight:700}.demo-type{font-size:13px;font-weight:800}.card-visual{border:1px solid color-mix(in srgb, var(--accent) 38%, #aeb6b3);background:var(--soft);height:180px;margin:0 14px;padding:20px;position:relative;overflow:hidden}.demo-card-body{padding:22px 18px 16px}.demo-card h2{margin:0 0 8px;font-family:Georgia,Songti SC,serif;font-size:26px;line-height:1.25}.demo-card-body p{min-height:52px;color:var(--muted);margin:0 0 18px;font-size:14px}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{border:1px solid color-mix(in srgb, var(--accent) 45%, #cad0ce);color:var(--accent);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.demo-card>button{background:var(--accent);color:#fff;border:0;border-radius:4px;width:calc(100% - 28px);min-height:46px;margin:auto 14px 14px;font-weight:800}.demo-card>button:hover,.primary-button:hover,.prompt-button:hover{filter:brightness(.93)}.gallery-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:28px 4.5vw 42px;font-size:13px;display:flex}.gallery-footer p{margin:0}.gallery-footer a{color:var(--ink);font-weight:800}.visual-club{align-items:center;gap:7px;display:flex}.visual-club i{background:var(--accent);width:12%}.visual-club i:first-child{height:40%}.visual-club i:nth-child(2){height:75%}.visual-club i:nth-child(3){height:55%}.visual-club i:nth-child(4){height:90%}.visual-club b{align-self:flex-start;margin-left:auto}.visual-portfolio{color:#fff;background:#202b32}.visual-portfolio b{font-family:Georgia,serif;font-size:42px;position:absolute;top:22px;left:22px}.visual-portfolio i{border:1px solid #e9c46a;width:110px;height:70px;position:absolute;bottom:24px;right:24px}.visual-portfolio i:nth-child(2){transform:translate(-18px,-18px)}.visual-portfolio span{font-size:11px;position:absolute;bottom:20px;left:22px}.visual-public-good strong{color:var(--accent);font-family:Georgia,serif;font-size:64px;line-height:1;display:block}.visual-public-good i{background:var(--accent);height:7px;margin-top:10px;display:block}.visual-public-good i:first-of-type{width:92%}.visual-public-good i:nth-of-type(2){width:67%}.visual-public-good i:nth-of-type(3){width:42%}.visual-survey{align-items:end;gap:15px;display:flex}.visual-survey i{background:var(--accent);width:15%}.visual-survey b{margin-left:auto;font-family:Georgia,serif;font-size:30px}.visual-learning span{margin-bottom:18px;font-size:11px;font-weight:800;display:block}.visual-learning i{background:color-mix(in srgb, var(--accent) 40%, white);width:72%;height:8px;margin:10px 0;display:block}.visual-learning i:nth-of-type(2){width:88%}.visual-learning i:nth-of-type(3){width:56%}.visual-learning b{color:var(--accent);position:absolute;bottom:16px;right:20px}.visual-event{background:var(--accent);color:#fff}.visual-event strong{font-family:Georgia,serif;font-size:46px;line-height:1;display:block}.visual-event span{max-width:130px;margin-top:15px;font-weight:800;display:block}.visual-event i{border:12px solid #fff;width:70px;height:70px;position:absolute;bottom:20px;right:20px}.visual-resources span,.visual-resources b{border:1px solid var(--accent);background:#fff;padding:12px 14px;display:block}.visual-resources b{background:var(--accent);color:#fff;margin-top:12px}.visual-resources i{background:var(--accent);width:55px;height:6px;position:absolute;bottom:18px;right:20px}.visual-data{align-items:end;gap:12px;display:flex}.visual-data i{background:var(--accent);width:11%}.visual-data i:first-child{height:30%}.visual-data i:nth-child(2){height:48%}.visual-data i:nth-child(3){height:76%}.visual-data i:nth-child(4){height:92%}.visual-data i:nth-child(5){height:58%}.visual-data b{margin-left:auto;font-family:Georgia,serif;font-size:24px}.visual-story{background:#f3e7dc}.visual-story span{font-family:Georgia,serif;font-size:18px;font-weight:700;display:block}.visual-story i{background:var(--accent);width:78%;height:1px;margin:13px 0;display:block}.demo-topbar{z-index:30;min-height:68px;position:sticky;top:0}.text-button,.prompt-button,.icon-button{background:0 0;border:0;min-height:40px;font-weight:800}.prompt-button,.primary-button{background:var(--accent);color:#fff;border:0;border-radius:4px;padding:10px 16px;font-weight:800}.primary-button:disabled{cursor:not-allowed;opacity:.45}.demo-topbar-title{align-items:baseline;gap:12px;display:flex}.demo-topbar-title span{color:var(--accent);font-size:12px;font-weight:800}.demo-canvas{min-height:80vh}.project{--project-max:1180px;padding:42px max(4.5vw, calc((100vw - var(--project-max)) / 2)) 76px;background:#fff}.project-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:28px;min-height:240px;padding:20px 0 42px;display:flex}.project-header>div{max-width:820px}.project-header p,.section-title>span{color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:900}.project-header h1{margin:0 0 16px;font-family:Georgia,Songti SC,serif;font-size:58px;font-weight:500;line-height:1.05}.project-header>div>span{color:#4f5a60;max-width:720px;font-size:17px;display:block}.project-section,.program-section{padding:60px 0}.section-title h2{max-width:720px;margin:0;font-family:Georgia,Songti SC,serif;font-size:34px;font-weight:500;line-height:1.2}.section-title p{color:var(--muted);margin:8px 0 0;font-size:13px}.segmented-control{flex-wrap:wrap;gap:6px;margin:26px 0;display:flex}.segmented-control button{border:1px solid var(--line);background:#fff;border-radius:4px;min-height:38px;padding:7px 13px;font-size:13px;font-weight:750}.segmented-control button.active{border-color:var(--accent);background:var(--accent);color:#fff}.club-poster{color:#fff;background:#202a2e;grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;min-height:410px;margin-top:36px;padding:42px;display:grid}.poster-copy span{color:#f2b7aa;font-size:12px;font-weight:900}.poster-copy strong{margin:22px 0;font-family:Georgia,Songti SC,serif;font-size:52px;line-height:1.08;display:block}.poster-copy p{color:#d6dedd}.sound-bars,.story-wave{border:1px solid #788488;align-items:center;gap:9px;min-height:230px;padding:28px;display:flex}.sound-bars i,.story-wave i{background:#ef7159;flex:1;min-width:5px}.role-result{border-left:5px solid var(--accent);background:var(--soft);max-width:720px;min-height:150px;padding:25px}.role-result strong{font-family:Georgia,Songti SC,serif;font-size:28px}.role-result p{margin-bottom:0}.week-grid{border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.week-grid div{border-right:1px solid var(--ink);min-height:130px;padding:20px}.week-grid div:last-child{border-right:0}.week-grid span{color:var(--accent);font-size:12px;font-weight:900;display:block}.week-grid strong{margin-top:20px;display:block}.inline-success{z-index:20;background:#eef8f4;border:1px solid #1e5d4d;border-radius:6px;width:min(380px,100vw - 48px);padding:20px;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 30px #1a2c2824}.inline-success strong,.inline-success span{display:block}.inline-success span{color:var(--muted);margin:6px 0 12px;font-size:13px}.inline-success button{color:#1e5d4d;background:0 0;border:0;font-weight:800}.portfolio-page{background:#f5f1e9}.portfolio-manifesto{grid-template-columns:.8fr 1.2fr;align-items:center;gap:42px;min-height:360px;margin-top:40px;display:grid}.pixel-board{background:#202b32;grid-template-columns:repeat(2,1fr);gap:8px;min-height:290px;padding:20px;display:grid;position:relative}.pixel-board i{background:#315a77}.pixel-board i:nth-child(2){background:#c4513d}.pixel-board i:nth-child(3){background:#d6b55b}.pixel-board i:nth-child(4){background:#668a78}.pixel-board b{color:#fff;background:#202b32;padding:3px 7px;font-size:11px;position:absolute;bottom:16px;left:20px}.portfolio-manifesto>div:last-child span{color:var(--accent);font-size:12px;font-weight:900}.portfolio-manifesto h2{margin:16px 0;font-family:Georgia,Songti SC,serif;font-size:38px;font-weight:500;line-height:1.24}.portfolio-manifesto p{color:#5e615f}.portfolio-list{border-top:1px solid var(--ink)}.portfolio-list article{border-bottom:1px solid var(--ink);grid-template-columns:130px minmax(220px,.8fr) minmax(260px,1fr) 130px;align-items:start;gap:22px;padding:28px 0;display:grid}.portfolio-list article>span{color:var(--accent);font-size:12px;font-weight:900}.portfolio-list h3{margin:0;font-family:Georgia,Songti SC,serif;font-size:25px;line-height:1.25}.portfolio-list p{color:#5e615f;margin:0}.portfolio-list button{text-align:left;background:0 0;border:0;font-size:13px;font-weight:800}.process-note{border-left:4px solid var(--accent);background:#fff;grid-column:2/-1;padding:17px}.next-30{border:1px solid var(--ink);grid-template-columns:150px 1fr;gap:28px;margin-top:55px;padding:28px;display:grid}.next-30 span{color:var(--accent);font-size:12px;font-weight:900}.need-compare{border:1px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:40px;display:grid}.need-compare>div{padding:32px}.need-compare>div+div{border-left:1px solid var(--ink);background:#f4f6f2}.need-compare span{color:var(--accent);font-size:12px;font-weight:900}.need-compare h2{margin:14px 0;font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500}.need-compare ul{color:var(--muted);padding-left:18px}.track-list{margin:60px 0}.track-list article{border-top:1px solid var(--line);grid-template-columns:220px 1fr 220px;align-items:center;gap:26px;padding:20px 0;display:grid}.track-list article:last-child{border-bottom:1px solid var(--line)}.track-list article>div:first-child span{color:var(--accent);font-size:11px;font-weight:900;display:block}.progress-track{background:#e2e7e4;height:10px}.progress-track i{background:var(--accent);height:100%;display:block}.track-list p{color:var(--muted);margin:0;font-size:13px}.volunteer-panel{color:#fff;background:#1f302b;grid-template-columns:1fr .8fr;gap:50px;padding:34px;display:grid}.volunteer-panel h2{font-family:Georgia,Songti SC,serif;font-size:35px;font-weight:500;line-height:1.25}.volunteer-panel p{color:#c9d4d0}.volunteer-panel form{gap:14px;display:grid}.volunteer-panel label{color:#d9e1df;font-size:13px}.volunteer-panel select{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #81908c;border-radius:3px;margin-top:5px;padding:7px}.action-card{color:var(--ink);background:#fff;padding:24px}.action-card span{color:var(--accent);font-size:11px;font-weight:900}.action-card strong{margin:16px 0 5px;font-size:24px;display:block}.action-card button{color:var(--accent);background:0 0;border:0;font-weight:800}.survey-page{background:#f7f7fb}.survey-stats,.data-stats{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.survey-stats>div,.data-stats>div{border-right:1px solid var(--ink);min-height:170px;padding:25px}.survey-stats>div:last-child,.data-stats>div:last-child{border-right:0}.survey-stats span,.data-stats span{color:var(--muted);font-size:12px;font-weight:800;display:block}.survey-stats strong,.data-stats strong{color:var(--accent);margin:18px 0 5px;font-family:Georgia,serif;font-size:48px;line-height:1;display:block}.survey-stats small,.data-stats small{color:var(--muted)}.survey-chart{border:1px solid var(--line);background:#fff;margin-top:50px;padding:30px}.bar-row{grid-template-columns:130px 1fr 54px;align-items:center;gap:15px;margin-top:18px;display:grid}.bar-row>div{background:#eceef0;height:18px}.bar-row i{background:var(--accent);height:100%;display:block}.bar-row b{text-align:right}.evidence-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.evidence-grid article{border:1px solid var(--line);background:#fff;min-height:230px;padding:24px}.evidence-grid span{color:var(--accent);font-size:12px;font-weight:900}.evidence-grid blockquote{margin:22px 0 0;font-family:Georgia,Songti SC,serif;font-size:22px;line-height:1.5}.evidence-grid ul{color:var(--muted);margin:20px 0 0;padding-left:18px}.learning-page{background:#f4f7fb}.practice-layout{grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:40px;display:grid}.question-card,.answer-card{background:#fff;border:1px solid #bbc9d9;min-height:330px;padding:28px}.question-card>span{color:var(--accent);font-size:11px;font-weight:900}.question-card h2{margin:28px 0;font-family:Georgia,serif;font-size:33px;font-weight:500;line-height:1.25}.question-card p{color:var(--muted);font-size:13px}.timer-line{margin-top:50px}.timer-line i{background:var(--accent);width:72%;height:6px;margin-bottom:8px;display:block}.timer-line span{color:var(--muted);font-size:12px}.answer-card label{height:250px;color:var(--muted);font-size:12px;font-weight:800;display:grid}.answer-card textarea{resize:vertical;background:#fbfcfe;border:1px solid #c8d1dd;border-radius:3px;width:100%;height:210px;margin-top:8px;padding:16px;line-height:1.6}.answer-card>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.answer-card>div span{color:var(--muted);font-size:12px}.feedback-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.feedback-grid article{background:#fff;border:1px solid #bdcad8;min-height:190px;padding:22px}.feedback-grid span{color:var(--accent);font-size:11px;font-weight:900}.feedback-grid strong{margin:18px 0 6px;font-size:19px;display:block}.feedback-grid p{color:var(--muted);margin:0;font-size:13px}.replay-panel{color:#fff;background:#1e3e66;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:28px;display:flex}.replay-panel h2{margin:6px 0}.replay-panel p{color:#d1dceb;margin:0}.take-compare{grid-template-columns:1fr 1fr;gap:8px;max-width:620px;display:grid}.take-compare>div{border:1px solid #7890ad;padding:15px}.take-compare span{color:#b6d5ff;font-size:11px;font-weight:900}.take-compare p{margin-top:7px;font-size:13px}.error-library{border-top:1px solid #bdcad8;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding:20px 0;display:flex}.error-library>div{max-width:380px;margin-right:auto}.error-library>div span{color:var(--accent);font-size:11px;font-weight:900;display:block}.error-library>span{background:#fff;border:1px solid #bdcad8;border-radius:999px;padding:7px 10px;font-size:12px}.event-page{color:#fff;background:#181d21}.event-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;min-height:640px;display:grid}.event-hero>div:first-child>span{color:#ef9eb0;font-size:12px;font-weight:900}.event-hero h1{margin:20px 0;font-family:Georgia,Songti SC,serif;font-size:78px;font-weight:500;line-height:.98}.event-hero p{color:#cbd1d4;max-width:520px;font-size:18px}.event-poster{background:#b74763;border:1px solid #677177;flex-direction:column;justify-content:center;min-height:470px;padding:35px;display:flex}.event-poster b{font-family:Georgia,Songti SC,serif;font-size:53px;font-weight:500;line-height:1}.event-poster i{background:#fff;width:76%;height:1px;margin:18px 0}.event-poster span{margin-top:50px;font-size:12px;font-weight:800}.program-section{border-top:1px solid #4f585d}.program-section .section-title>span{color:#ef9eb0}.program-list{border-top:1px solid #5a6267}.program-list>div{border-bottom:1px solid #5a6267;grid-template-columns:70px 1fr 120px;align-items:center;gap:20px;min-height:82px;display:grid}.program-list>div>span{color:#ef9eb0;font-family:Georgia,serif;font-size:20px}.program-list button{color:#fff;text-align:left;background:0 0;border:0;font-size:12px}.event-info{border:1px solid #5a6267;grid-template-columns:repeat(3,1fr);display:grid}.event-info>div{border-right:1px solid #5a6267;padding:24px}.event-info>div span{color:#ef9eb0;font-family:Georgia,serif;font-size:28px;display:block}.event-info>p{color:#cbd1d4;border-top:1px solid #5a6267;grid-column:1/-1;margin:0;padding:18px 24px}.ticket{z-index:20;width:min(360px,100vw - 52px);color:var(--ink);background:#f7f1e9;border:8px solid #b74763;padding:24px;position:fixed;bottom:26px;right:26px;box-shadow:0 18px 40px #00000040}.ticket span{color:#b74763;font-size:11px;font-weight:900}.ticket strong{margin-top:12px;font-family:Georgia,serif;font-size:38px;display:block}.ticket button{color:#b74763;background:0 0;border:0;font-weight:800}.resources-page{background:#faf8f3}.resource-search{padding:38px 0 12px}.resource-search>label{border:2px solid var(--ink);background:#fff;align-items:center;gap:12px;max-width:860px;min-height:68px;padding:0 20px;font-size:24px;display:flex}.resource-search input{border:0;outline:0;width:100%;font-size:20px}.resource-results{border-top:1px solid var(--ink)}.resource-head,.resource-results article{grid-template-columns:.7fr 1.4fr 100px;align-items:center;gap:20px;display:grid}.resource-head{color:var(--muted);padding:10px 14px;font-size:11px;font-weight:900}.resource-results article{border-top:1px solid var(--line);background:#fff;min-height:88px;padding:15px 14px}.resource-results article>div span{color:var(--accent);font-size:11px;font-weight:900;display:block}.resource-results article p{margin:0}.resource-results article time{color:var(--muted);font-size:12px}.empty-state{text-align:center;padding:50px 20px}.empty-state strong{font-size:22px}.empty-state p{color:var(--muted)}.empty-state button{color:var(--accent);background:0 0;border:0;font-weight:800}.privacy-callout{border-left:5px solid var(--accent);background:var(--soft);margin-top:32px;padding:20px}.privacy-callout p{color:#5e625d;margin:4px 0 0}.modal-wrap,.prompt-overlay{z-index:60;position:fixed;inset:0}.modal-backdrop,.prompt-backdrop{background:#121a1d94;border:0;width:100%;position:absolute;inset:0}.modal-card{background:#fff;border-radius:6px;width:min(520px,100vw - 36px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-card>span{color:var(--accent);font-size:11px;font-weight:900}.modal-card h2{margin:10px 0 20px}.modal-card label{color:var(--muted);margin-top:13px;font-size:12px;font-weight:800;display:block}.modal-card input{border:1px solid var(--line);width:100%;min-height:44px;margin-top:5px;padding:8px 10px}.modal-card>div{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-card>div>button:not(.primary-button){background:0 0;border:0}.data-page{background:#f5f7f0}.data-board{grid-template-columns:1fr .46fr;gap:18px;margin-top:28px;display:grid}.week-chart,.time-heat{background:#fff;border:1px solid #cbd4c2;min-height:370px;padding:26px}.vertical-bars{align-items:end;gap:12px;height:235px;margin-top:25px;display:flex}.vertical-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.vertical-bars i{background:var(--accent);width:100%;max-width:54px}.vertical-bars span{color:var(--muted);font-size:11px}.time-heat>span{color:var(--accent);font-size:11px;font-weight:900}.time-heat>div{grid-template-columns:1fr 52px;align-items:center;gap:12px;margin-top:15px;display:grid}.time-heat i{background:var(--accent);height:25px}.time-heat b{font-size:11px}.hypothesis-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.hypothesis-grid article{background:#fff;border:1px solid #cbd4c2;min-height:230px;padding:22px}.hypothesis-grid span{color:var(--accent);font-size:11px;font-weight:900}.hypothesis-grid ul{color:var(--muted);padding-left:18px}.hypothesis-grid p{color:var(--muted)}.story-page{background:#f4eee7}.story-hero{grid-template-columns:1fr .8fr;align-items:center;gap:60px;min-height:560px;display:grid}.story-hero>div:first-child>span{color:var(--accent);font-size:11px;font-weight:900}.story-hero h1{margin:20px 0;font-family:Georgia,Songti SC,serif;font-size:70px;font-weight:500;line-height:1}.story-hero p{max-width:600px;font-family:Georgia,Songti SC,serif;font-size:21px;line-height:1.7}.story-wave{border-color:#9d806c;min-height:300px;position:relative}.story-wave i{background:var(--accent)}.story-wave button{border:1px solid var(--accent);color:var(--accent);background:0 0;padding:8px 12px;font-weight:800;position:absolute;bottom:22px;left:24px}.story-wave span{color:#786b62;font-size:10px;position:absolute;bottom:25px;right:20px}.story-timeline{border-top:1px solid #8f8178;border-bottom:1px solid #8f8178;grid-template-columns:repeat(5,1fr);min-height:76px;display:grid}.story-timeline button{background:0 0;border:0;border-right:1px solid #c3b7af;justify-content:center;align-items:center;gap:8px;display:flex}.story-timeline button:last-child{border-right:0}.story-timeline i{border:1px solid var(--accent);border-radius:50%;width:8px;height:8px}.story-timeline button.active{background:var(--accent);color:#fff}.story-timeline button.active i{background:#fff;border-color:#fff}.chapter-panel{grid-template-columns:.35fr 1fr;gap:40px;min-height:430px;padding:60px 0;display:grid}.chapter-number{color:#d8c9bf;font-family:Georgia,serif;font-size:150px;line-height:.8}.chapter-panel article{max-width:720px}.chapter-panel article>span{color:var(--accent);font-size:11px;font-weight:900}.chapter-panel h2{margin:12px 0 18px;font-family:Georgia,Songti SC,serif;font-size:43px;font-weight:500}.chapter-panel p{font-size:18px;line-height:1.85}.chapter-panel blockquote{border-left:5px solid var(--accent);background:#fffaf5;margin:28px 0 0;padding:20px}.chapter-panel blockquote b{color:var(--accent);margin-bottom:6px;font-size:11px;display:block}.version-panel{border:1px solid #9d8e84;grid-template-columns:1fr .9fr;gap:40px;padding:38px;display:grid}.version-panel>div>span{color:var(--accent);font-size:11px;font-weight:900}.version-panel h2{font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500}.version-panel blockquote{margin:0;font-family:Georgia,serif;font-size:25px;line-height:1.55}.version-panel>p{color:#776b62;grid-column:2;margin:-20px 0 0}.demo-pagination{border-top:1px solid var(--line);background:var(--paper);grid-template-columns:1fr 1fr;display:grid}.demo-pagination button{text-align:left;background:0 0;border:0;min-height:92px;padding:18px 4.5vw}.demo-pagination button+button{border-left:1px solid var(--line);text-align:right}.demo-pagination span{color:var(--muted);font-size:11px;display:block}.demo-pagination strong{margin-top:4px;display:block}.prompt-panel{background:#f7f8f4;width:min(720px,92vw);height:100%;padding:26px;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px #18212533}.prompt-panel-head{justify-content:space-between;gap:20px;display:flex}.prompt-panel-head span{color:var(--accent);font-size:11px;font-weight:900}.prompt-panel-head h2{margin:4px 0 0;font-family:Georgia,Songti SC,serif;font-size:30px}.icon-button{width:42px;font-size:28px}.prompt-note{border-left:4px solid var(--accent);background:var(--soft);padding:13px;font-size:13px}.prompt-panel pre{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#fff;margin:20px 0;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7}.prompt-actions{background:#f7f8f4;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex;position:sticky;bottom:0}.prompt-actions a{color:var(--accent);font-size:13px;font-weight:800}@media (width<=980px){.gallery-intro,.portfolio-manifesto,.volunteer-panel,.practice-layout,.event-hero,.story-hero,.version-panel{grid-template-columns:1fr}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-intro h1{font-size:48px}.intro-copy{max-width:680px}.club-poster{grid-template-columns:1fr}.sound-bars{min-height:180px}.portfolio-list article{grid-template-columns:110px 1fr 1fr}.portfolio-list button{grid-column:2}.process-note{grid-column:2/-1}.track-list article{grid-template-columns:180px 1fr}.track-list p{grid-column:2}.data-board{grid-template-columns:1fr}.event-hero{padding:50px 0}.event-poster{min-height:360px}.version-panel>p{grid-column:1;margin:0}}@media (width<=720px){body{font-size:15px}.gallery-header,.demo-topbar{min-height:64px;padding:12px 18px}.header-note{display:none}.brand-lockup{gap:1px;display:grid}.brand-lockup strong{font-size:16px}.gallery-intro{gap:34px;padding:48px 18px 36px}.gallery-intro h1{font-size:38px}.signal-strip{grid-template-columns:1fr;padding:0 18px}.signal-strip div+div{border-left:1px solid var(--ink);border-top:0}.demo-grid{grid-template-columns:1fr;padding:0 18px 60px}.demo-card{min-height:470px}.gallery-footer{padding:25px 18px;display:grid}.demo-topbar-title{display:none}.prompt-button{padding:8px 10px;font-size:12px}.project{padding:30px 18px 58px}.project-header{align-items:end;min-height:260px;display:grid}.project-header h1{font-size:42px}.project-header .primary-button{justify-self:start}.section-title h2{font-size:29px}.club-poster{min-height:540px;padding:24px}.poster-copy strong{font-size:42px}.week-grid{grid-template-columns:1fr 1fr}.week-grid div:nth-child(2){border-right:0}.week-grid div:nth-child(-n+2){border-bottom:1px solid var(--ink)}.portfolio-manifesto h2{font-size:31px}.portfolio-list article{grid-template-columns:1fr;gap:9px}.portfolio-list button,.process-note{grid-column:1}.next-30,.need-compare{grid-template-columns:1fr}.need-compare>div+div{border-left:0;border-top:1px solid var(--ink)}.track-list article{grid-template-columns:1fr;gap:12px}.track-list p{grid-column:1}.survey-stats,.data-stats{grid-template-columns:1fr}.survey-stats>div,.data-stats>div{border-right:0;border-bottom:1px solid var(--ink);min-height:120px}.survey-stats>div:last-child,.data-stats>div:last-child{border-bottom:0}.evidence-grid,.feedback-grid,.hypothesis-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:105px 1fr 42px;gap:8px;font-size:12px}.replay-panel{flex-direction:column;align-items:stretch}.take-compare{grid-template-columns:1fr}.error-library>div{width:100%;max-width:none;margin-bottom:10px}.event-hero h1,.story-hero h1{font-size:52px}.event-poster{min-height:330px}.program-list>div{grid-template-columns:45px 1fr;padding:13px 0}.program-list button{grid-column:2}.event-info{grid-template-columns:1fr}.event-info>div{border-bottom:1px solid #5a6267;border-right:0}.resource-head{display:none}.resource-results article{grid-template-columns:1fr 72px;gap:7px}.resource-results article p{grid-column:1}.resource-results article time{grid-area:1/2}.story-timeline{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto}.chapter-panel{grid-template-columns:1fr;padding:42px 0}.chapter-number{font-size:90px}.chapter-panel h2{font-size:35px}.version-panel{padding:24px}.demo-pagination{grid-template-columns:1fr}.demo-pagination button+button{border-left:0;border-top:1px solid var(--line);text-align:left}.prompt-actions{flex-direction:column;align-items:stretch}.prompt-actions .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}