:root{--paper:#f3f1e9;--ink:#293e34;--muted:#697168;--line:#304c3829}*{box-sizing:border-box}body.brand-presentation{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 system-ui,"PingFang SC",sans-serif}.presentation-shell{max-width:1200px;margin:auto;padding:0 48px}.chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font:13px/1.6 system-ui;color:var(--ink)}.chapter-nav a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}.chapter-nav a:hover{text-decoration:underline;text-underline-offset:6px}.chapter-count{color:var(--muted);letter-spacing:.15em;white-space:nowrap}.presentation-hero{padding:76px 0 48px;max-width:860px}.presentation-kicker{font-size:12px;letter-spacing:.12em;color:var(--muted)}.presentation-hero h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:500;font-size:clamp(36px,5vw,64px);line-height:1.3;letter-spacing:.025em;margin:24px 0}.presentation-intro{max-width:700px;color:var(--muted);font-size:18px}.presentation-thesis{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:30px 0 45px;border-top:1px solid var(--line)}.presentation-thesis h2,.presentation-gallery h2{font-size:20px;font-weight:500;margin:0}.presentation-thesis p,.presentation-gallery p{margin:0;color:var(--muted)}.presentation-gallery figure{margin:0 0 60px}.presentation-gallery img{width:100%;height:auto;display:block;background:#eae9e0;border-radius:3px}.presentation-gallery figcaption{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:22px}.presentation-gallery.is-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.is-grid img{aspect-ratio:1;object-fit:contain;padding:24px}.is-grid figcaption{display:block}.is-grid h2{font-size:17px;margin-bottom:12px}.is-grid p{font-size:14px}.presentation-conclusion{padding:40px 0 56px;max-width:780px}.presentation-conclusion>span{font-size:12px;color:var(--muted)}.presentation-conclusion h2{font:500 30px/1.6 "Songti SC",serif;margin:12px 0}.presentation-conclusion p{color:var(--muted)}.presentation-footnote{font-size:11px;color:var(--muted);padding:24px 0 40px}.presentation-surfaces{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.presentation-surfaces figure{margin:0;padding:24px;text-align:center}.presentation-surfaces img{width:100%;height:180px;object-fit:contain}.presentation-surfaces figcaption{font-size:12px}.surface-0{background:#f7f5ed}.surface-1{background:#dfe5d8}.surface-2{background:#e6dfd0}a:focus-visible,summary:focus-visible{outline:2px solid #53765d;outline-offset:5px}
/* The case-study text stays outside the untouched 393 × 715 app viewport. */
body.phone-presentation{background:var(--paper);color:var(--ink)}.phone-presentation>.chapter-nav{max-width:1160px;margin:auto;padding-inline:24px}.phone-presentation .study{max-width:1160px;grid-template-columns:minmax(0,1fr) 415px;gap:80px;padding-top:44px}.phone-presentation .notes{position:static}.phone-presentation .preview{position:sticky;top:24px}.phone-presentation h1{font:500 40px/1.5 "Songti SC","Noto Serif CJK SC",serif;letter-spacing:.02em}.phone-presentation .work-kicker{font-size:11px;letter-spacing:.14em;color:var(--muted)}.work-signature{width:108px;height:76px;object-fit:contain;display:block;margin-bottom:24px}.work-lead{font-size:16px;line-height:1.95}.work-principle{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:14px}.work-principle>span{font:12px/2.2 system-ui;color:#899185}.work-principle h2{font-size:18px;font-weight:500;margin:0 0 7px}.work-principle p{font-size:14px;margin:0}.work-materials{display:flex;gap:20px;font-size:11px;margin:28px 0 36px;color:var(--muted)}.work-materials i{display:inline-block;width:12px;height:12px;margin-right:7px;border-radius:50%;background:#304c3c;vertical-align:middle}.work-materials span:nth-child(2) i{background:#ddd5c2}.work-materials span:nth-child(3) i{background:#a2ad99}.work-route{padding:26px 0;border-top:1px solid var(--line)}.work-route h2{font-weight:500;font-size:19px}.work-route ol{padding-left:20px;color:var(--muted);font-size:13px}.work-route li{margin:12px 0}.work-settings{border-top:1px solid var(--line);font-size:12px}.work-settings>summary{padding:20px 0;cursor:pointer}.work-boundary{font-size:11px;color:var(--muted);margin-top:24px}.phone-presentation .mobile-link{display:block;font-size:13px}.phone-presentation .prototype-workbench{background:#eceee4;border:0}.phone-presentation .notes>p:last-child{font-size:12px}
@media(min-width:1000px) and (max-height:940px){.phone-presentation .preview{position:static}}
@media(max-width:760px){.presentation-shell{padding:0 22px}.chapter-nav{gap:12px;font-size:11px}.presentation-hero{padding:42px 0 28px}.presentation-intro{font-size:16px}.presentation-thesis,.presentation-gallery figcaption{grid-template-columns:1fr;gap:14px}.presentation-gallery.is-grid{grid-template-columns:1fr}.is-grid img{max-height:360px}.presentation-surfaces{grid-template-columns:1fr}.presentation-surfaces img{height:150px}.presentation-gallery figure{margin-bottom:32px}.presentation-conclusion h2{font-size:25px}.phone-presentation .study{display:flex;flex-direction:column;gap:24px;padding:30px 12px}.phone-presentation .notes{max-width:480px;width:100%;padding:0 10px}.phone-presentation .preview{position:static;max-width:100%;width:100%}.phone-presentation h1{font-size:32px}.phone-presentation .work-materials{gap:12px}}