:root{--ink:#1c213a;--muted:#717583;--blue:#080f40;--purple:#535164;--sand:#a28c74;--line:#d8dce3;--paper:#f5f6f6;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 600px at 90% 0,#e5e8f2aa,transparent),linear-gradient(180deg,#f7f7f5,#f0f3f6 1200px,#f5f3f1 3200px,#f2f3f6 100%)}html{scroll-behavior:smooth;scroll-padding-top:168px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a28c74;outline-offset:5px}button[hidden],a[hidden]{display:none}img{display:block;max-width:100%}.shell{width:calc(100% - 112px);max-width:1380px;margin-inline:auto}.reading-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,#535164,#a28c74);width:0;z-index:80}.site-header{height:90px;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 56px;background:#f6f7f6e8;backdrop-filter:blur(20px);border-bottom:1px solid #d8dce388}.brand{display:flex;gap:19px;align-items:center;font-size:17px;letter-spacing:.1em;font-weight:600}.brand>b{font-size:29px;letter-spacing:-3px;color:var(--blue);position:relative}.brand>b>span{position:absolute;right:-12px;top:-8px;font-size:19px;letter-spacing:0;color:var(--purple)}.brand small{font-weight:400;display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:7px}.site-header nav{display:flex;gap:34px;font-size:12px}.site-header nav a{position:relative;padding:12px 0;color:var(--muted)}.site-header nav a[aria-current=page]{color:var(--blue)}.site-header nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sand)}.header-note{font-size:10px;letter-spacing:.09em;color:var(--muted)}.kicker{font-size:9px;letter-spacing:.17em;color:var(--purple);font-weight:500;margin:0 0 20px;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple);margin-right:8px}.home-hero{padding-top:65px}.home-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 44px}h1{font-size:clamp(44px,5.1vw,76px);line-height:1.3;letter-spacing:-.045em;margin:0;font-weight:500}.home-heading h1 span{color:var(--purple)}.home-intro{padding-right:25px}.asterisk{font-size:43px;color:var(--sand);font-weight:300}.home-intro p{font-size:12px;line-height:2.1;color:var(--muted);margin:20px 0 0}.hero-rule{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 0 30px;font-size:10px;color:var(--muted)}.hero-rule a{color:var(--ink)}.home-projects{display:grid;grid-template-columns:1fr 1fr;gap:27px}.case-card{display:block;border:1px solid #d7dce5;border-radius:5px;overflow:hidden;padding:28px;background:linear-gradient(155deg,#edf1f6,#e7e6ee 65%,#f1ebe4);transition:transform .4s,box-shadow .4s}.case-card.brick{background:linear-gradient(145deg,#e6e9f1,#e9e6eb 60%,#ece6dd)}.case-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px #27304b13}.case-card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:var(--purple);gap:15px}.case-card-top>span:last-child{font-size:7px}.case-art{height:370px;position:relative;display:grid;place-items:center;margin:25px 0 10px}.case-art img{max-height:95%;max-width:85%;object-fit:contain;position:relative;z-index:2;transition:transform .6s}.case-card.library .case-art img{border-radius:4px;max-height:94%;box-shadow:0 15px 30px #080f4012}.case-card:hover .case-art img{transform:scale(1.025)}.project-orbit{position:absolute;width:80%;height:80%;border-radius:50%;border:1px solid #a8a8be33;transform:rotate(-18deg) scaleY(.7);bottom:0}.case-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.case-card h2{font-size:33px;font-weight:500;margin:0 0 9px;letter-spacing:.02em}.case-card-bottom p{font-size:13px;color:var(--purple);margin:0}.round-arrow{border:1px solid #aeb2c0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s}.case-card:hover .round-arrow{background:var(--purple);color:white}.case-description{font-size:12px;line-height:2;color:var(--muted);margin:25px 0;min-height:72px}.case-card-meta{border-top:1px solid #b5b8c34d;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:var(--purple);gap:12px}.home-note{padding:100px 0 85px}.home-note h2{font-size:35px;line-height:1.6;font-weight:500;margin:0 0 38px}.home-note h2 span{color:var(--purple)}.home-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:28px}.home-note-grid span{font-size:12px}.home-note-grid p{font-size:12px;line-height:2;color:var(--muted);max-width:300px}.case-hero{padding-top:35px}.breadcrumb{font-size:10px;color:var(--muted);display:inline-block;margin-bottom:45px}.breadcrumb span{margin-left:22px;color:#9598a4;font-size:8px;letter-spacing:.12em}.case-hero-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:38px}.case-hero h1{font-size:clamp(42px,5.1vw,72px);line-height:1.3}.case-hero h2{font-size:21px;font-weight:400;letter-spacing:.07em;margin:18px 0 0;color:var(--purple)}.case-hero-intro{font-size:13px;line-height:2.1;color:var(--muted);max-width:420px;margin:0 0 2px}.case-cover{height:510px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse at 52% 20%,#ecebf1,#dce4ee 65%,#e9e3e0)}.case-cover.brick{background:radial-gradient(ellipse at 65% 25%,#ececf1,#d9dce9 60%,#e5dfdc)}.case-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#68728b09 1px,transparent 1px),linear-gradient(90deg,#68728b09 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,black,transparent)}.case-cover img{position:relative;width:62%;height:85%;object-fit:contain;z-index:2}.case-cover.library img{width:auto;max-width:70%;height:81%;border-radius:3px;box-shadow:0 20px 50px #252f4f1a}.cover-index{position:absolute;left:4%;top:12%;font-size:clamp(100px,14vw,200px);font-weight:300;letter-spacing:-.08em;color:#ffffff55}.cover-caption{position:absolute;bottom:21px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:var(--purple);z-index:3}.chapter-bar{position:sticky;top:90px;z-index:25;margin-top:27px;background:#eff2f4eb;backdrop-filter:blur(18px);border-block:1px solid #d3d9e275}.chapter-bar nav{display:flex;justify-content:space-between;gap:25px;overflow-x:auto;scrollbar-width:thin}.chapter-bar a{white-space:nowrap;font-size:9px;color:#9396a5;padding:21px 0 18px;border-bottom:2px solid transparent}.chapter-bar a span{font-size:11px;margin-left:10px;color:var(--muted)}.chapter-bar a.active{border-color:var(--purple);color:var(--purple)}.chapter-bar a.active span{color:var(--blue)}.case-section{padding:88px 0 75px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:35px}.section-heading .kicker{margin-bottom:15px}.section-heading h2{font-weight:500;font-size:31px;letter-spacing:-.03em;line-height:1.5;margin:0}.section-heading>p{font-size:11px;line-height:1.9;color:var(--muted);max-width:290px;margin:0 0 3px}.section-lead{font-size:16px;line-height:2;max-width:880px;color:#555c70;margin:0 0 45px}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.context-grid article{position:relative;border-top:1px solid #c9cfda;padding-top:28px}.context-number{position:absolute;right:0;top:20px;font-size:28px;font-weight:300;color:#c2c5cf}.mini-label{font-size:10px;color:var(--sand);margin:0 0 18px}.context-grid h3{font-weight:500;font-size:17px;line-height:1.7;margin:0 0 16px}.context-grid article>p:last-child{font-size:12px;line-height:2;color:var(--muted);max-width:340px}.structure-band{padding:75px 0 85px;background:linear-gradient(180deg,#eef0f400,#e5e7eea1 22%,#e7e5eba1 70%,#efeff300)}.structure-explorer{display:grid;grid-template-columns:180px 1fr;gap:32px;margin-top:40px}.module-rail{display:flex;flex-direction:column;gap:3px}.module-rail button{display:flex;gap:16px;align-items:center;padding:21px 16px;text-align:left;border:0;border-bottom:1px solid #cbd0dc;background:transparent;font-size:12px;color:var(--muted);border-radius:3px;transition:background .2s,color .2s}.module-rail button>span{font-size:9px;color:#9396a5}.module-rail button>b{margin-left:auto;font-size:15px;font-weight:400;opacity:0}.module-rail button[aria-pressed=true]{background:linear-gradient(120deg,#535164,#626679);color:white;border-color:transparent;box-shadow:0 6px 17px #53516416}.module-rail button[aria-pressed=true]>span{color:#d7d6df}.module-rail button[aria-pressed=true]>b{opacity:1}.module-panel{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;min-height:440px}.module-media{background:#f6f7f9c7;border:1px solid #ffffff8c;border-radius:4px;position:sticky;top:180px}.zoom{border:0;background:transparent;padding:0;position:relative;display:block;width:100%;overflow:hidden}.zoom img{height:100%;width:100%;object-fit:contain;transition:transform .45s}.zoom:hover img{transform:scale(1.035)}.module-media .zoom{height:370px;padding:28px}.zoom-hint{position:absolute;bottom:12px;right:14px;font-size:9px;background:#f7f7f5dc;color:var(--purple);border:1px solid #d9dce3;padding:7px 9px;border-radius:2px;opacity:0;transition:opacity .2s}.zoom:hover .zoom-hint,.zoom:focus-visible .zoom-hint{opacity:1}.media-caption{border-top:1px solid #e0e2e8;padding:15px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.media-caption>span:last-child{font-size:8px;letter-spacing:.05em}.module-detail{padding:5px 0}.module-detail .kicker{font-size:8px;margin-bottom:15px}.module-detail h3{font-size:26px;line-height:1.6;font-weight:500;margin:0 0 15px}.module-detail>p:not(.kicker){font-size:12px;line-height:2;color:var(--muted);margin:0 0 22px}.module-detail dl{margin:0}.module-detail dl>div{padding:13px 0;border-top:1px solid #ccd1dc77}.module-detail dt{font-size:11px;color:var(--purple);margin:0 0 6px;font-weight:500}.module-detail dd{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.module-detail>a{display:inline-block;margin-top:22px;font-size:11px;padding-bottom:8px;border-bottom:1px solid var(--sand);color:#6e5b48}.flow-line{display:flex;padding:15px 0 25px;border-bottom:1px solid var(--line)}.flow-line button{flex:1;display:flex;align-items:center;gap:13px;padding:18px 16px;border:0;background:none;text-align:left;color:var(--muted);border-radius:3px}.flow-line button>span{font-size:10px}.flow-line button>b{font-size:12px;font-weight:500}.flow-line button>em{margin-left:auto;font-style:normal;color:#a9acb6}.flow-line button:last-child>em{display:none}.flow-line button[aria-pressed=true]{background:#e1e4ed;color:var(--blue)}.flow-detail{display:grid;grid-template-columns:100px 1fr 240px;gap:30px;align-items:center;padding:35px 0 10px;min-height:190px}.flow-big{font-size:65px;letter-spacing:-.07em;color:#c4c8d4;font-weight:300}.flow-detail .kicker{font-size:8px;margin-bottom:10px}.flow-detail h3{font-size:22px;font-weight:500;margin:0 0 10px}.flow-detail div>p:last-child{font-size:12px;line-height:2;color:var(--muted);margin:0;max-width:600px}.flow-connection{border-left:1px solid #cfd2db;padding-left:22px;font-size:11px;line-height:2;color:var(--purple)}.system-band{padding:70px 0;background:linear-gradient(180deg,#f1f0f100,#e8e6edaa 30%,#e9e6e6aa 72%,#f4f3f100)}.system-diagram{display:flex;align-items:center;gap:20px;margin-top:45px}.system-diagram article{flex:1;text-align:center;padding:35px 18px;background:#f9f9fa99;border:1px solid #fff;border-radius:4px}.system-diagram article>span{font-size:8px;letter-spacing:.13em;color:var(--muted)}.system-diagram h3{font-size:29px;font-weight:500;margin:23px 0 12px;color:var(--purple)}.system-diagram p{font-size:13px;margin:0 0 14px}.system-diagram small{font-size:10px;color:var(--muted)}.system-diagram>b{font-weight:300;font-size:22px;color:#a6a4b2}.system-result{display:flex;justify-content:center;align-items:center;gap:30px;padding:28px 10px;font-size:12px;color:var(--purple)}.system-result i{font-style:normal;color:#aaa3a2}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:20px;border-top:1px solid var(--line)}.concept-grid h3{font-size:16px;font-weight:500}.concept-grid p{font-size:12px;line-height:2;color:var(--muted);max-width:470px}.motion-band{padding:70px 0;background:linear-gradient(180deg,#eceef300,#e6e8f0aa 18%,#e7e7edaa 75%,#efedf000)}.cinema{border:1px solid #d4d8e2;border-radius:5px;overflow:hidden;background:linear-gradient(150deg,#edf0f6,#e5e5ed)}.video-stage{background:linear-gradient(125deg,#222840,#3d3d54);padding:24px 24px 0}.video-stage video{display:block;width:100%;aspect-ratio:16/9;max-height:650px;background:#141a30;object-fit:contain}.video-stage>p{font-size:12px;color:#e7e6ee;margin:0;padding:18px}.video-information{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.video-information .kicker{font-size:8px;margin-bottom:10px}.video-information h3{font-size:25px;font-weight:500;margin:0 0 10px}.video-information div>p:last-child{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.video-information>a{font-size:10px;white-space:nowrap;border-bottom:1px solid #9b9aad;padding-bottom:8px}.video-playlist{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 24px}.video-playlist button{border:1px solid #cdd2de;background:#ffffff55;display:flex;align-items:center;padding:8px;text-align:left;border-radius:3px;gap:10px;color:var(--muted);transition:background .2s}.video-playlist button>img{width:53px;height:43px;object-fit:cover;border-radius:2px}.video-playlist button>span{font-size:10px;line-height:1.6}.video-playlist small{display:block;font-size:7px;letter-spacing:.07em;margin-bottom:4px;color:#9698a5}.video-playlist button>b{font-size:14px;font-weight:400;margin-left:auto}.video-playlist button[aria-pressed=true]{background:#535164;color:#fff;border-color:#535164}.video-playlist button[aria-pressed=true] small{color:#d0cbd5}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.analysis-grid figure{margin:0}.analysis-grid .zoom{height:220px;background:#f9f9fa;border:1px solid #dce0e8;border-radius:3px;padding:16px}.analysis-grid figcaption{font-size:11px;padding-top:15px;color:var(--purple)}.analysis-grid figcaption>span{font-size:8px;color:#a4a6b1;margin-right:12px}.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 25px}.detail-gallery figure{margin:0}.detail-gallery .zoom{height:290px;padding:22px;background:linear-gradient(145deg,#e5e9f0,#e9e6ea 75%,#ede6de);border-radius:4px}.detail-gallery figcaption{padding-top:18px}.detail-gallery figcaption>span{font-size:8px;letter-spacing:.12em;color:#9697a1}.detail-gallery h3{font-weight:500;font-size:15px;margin:10px 0 8px}.detail-gallery p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.closing-band{padding:70px 0 35px;background:linear-gradient(180deg,#eeedf000,#eae5e2aa 40%,#efebe5aa 75%,#f3f1ee00)}.reflection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.reflection-grid>article{border-top:1px solid #cfcad0;padding-top:22px}.reflection-grid article>span{font-size:10px;color:var(--sand)}.reflection-grid h3{font-size:17px;font-weight:500;margin:20px 0 12px}.reflection-grid p{font-size:12px;line-height:2;color:var(--muted);margin:0}.material-note{font-size:10px;line-height:2;color:#93919b;margin:45px 0 0;max-width:800px}.next-project{margin-top:50px;padding:45px 0 60px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.next-project h2{font-size:34px;font-weight:500;margin:0 0 14px}.next-project p:not(.kicker){font-size:13px;color:var(--muted);margin:0}.next-project>a{padding:16px 25px;border:1px solid #b8bbc8;border-radius:30px;font-size:12px;transition:background .2s}.next-project>a:hover{background:#e3e4ec}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0 35px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.04em;color:var(--muted)}.site-footer>span{font-size:8px;letter-spacing:.13em}dialog{width:min(1240px,95vw);max-height:95dvh;border:1px solid #ffffff77;border-radius:5px;background:#f3f3f5;padding:55px 55px 24px;box-shadow:0 20px 100px #050a2544;overflow:hidden}dialog::backdrop{background:#18203bd9;backdrop-filter:blur(10px)}dialog>img{width:100%;height:calc(85dvh - 110px);object-fit:contain;transform-origin:center;transition:transform .2s}dialog>p{text-align:center;font-size:12px;color:var(--purple);position:relative;background:#f3f3f5;margin:0;padding-top:20px}.lightbox-close{position:absolute;right:12px;top:6px;background:none;border:0;font-size:30px;width:40px;height:40px;color:var(--purple);z-index:3}.lightbox-toolbar{position:relative;display:flex;gap:10px;justify-content:center;margin-top:17px;z-index:3}.lightbox-toolbar button{border:1px solid #c5c9d4;background:#f9f9fa;padding:7px 12px;border-radius:3px;font-size:11px}.lightbox-toolbar button:disabled{opacity:.35;cursor:default}.revealing{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.revealing.in-view{opacity:1;transform:none}@media(min-width:1650px){.case-art{height:420px}.case-cover{height:580px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.site-header{padding:0 32px}.header-note{display:none}.home-heading{gap:40px}.home-intro{padding:0}.case-card{padding:22px}.case-art{height:290px}.case-card h2{font-size:29px}.case-card-top>span:last-child{display:none}.case-hero-heading{gap:40px}.case-hero-intro{font-size:12px}.case-cover{height:450px}.structure-explorer{grid-template-columns:155px 1fr;gap:22px}.module-panel{grid-template-columns:1fr;gap:25px}.module-media{position:static}.module-media .zoom{height:350px}.module-detail{max-width:680px}.flow-line button{padding:16px 10px;gap:8px}.flow-line button>b{font-size:11px}.flow-detail{grid-template-columns:75px 1fr;gap:25px}.flow-connection{grid-column:2;margin:0;border-left:0;padding:0}.flow-big{grid-row:1/3}.video-playlist{grid-template-columns:repeat(3,1fr)}.analysis-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid .zoom{height:260px}.detail-gallery .zoom{height:240px}.section-heading h2{font-size:28px}.section-heading>p{max-width:240px;font-size:10px}.context-grid,.reflection-grid{gap:25px}.reflection-grid h3{font-size:15px}.case-card-meta{font-size:8px}}@media(max-width:700px){html{scroll-padding-top:140px}.shell{width:calc(100% - 40px)}.site-header{height:78px;padding:0 20px;gap:15px}.brand{font-size:14px;gap:14px}.brand>b{font-size:25px}.brand small{font-size:6px}.site-header nav{gap:16px;font-size:10px}.site-header nav a:first-child{display:none}.home-hero{padding-top:40px}.home-hero .kicker{font-size:7px;letter-spacing:.11em}.home-heading{display:block;margin:26px 0 28px}h1{font-size:43px;line-height:1.45}.home-intro{display:flex;gap:28px;align-items:center;margin-top:25px}.asterisk{font-size:33px}.home-intro p{font-size:11px;line-height:1.9;margin:0}.hero-rule{font-size:8px;gap:20px;padding:18px 0 23px}.home-projects{grid-template-columns:1fr;gap:25px}.case-card{padding:23px}.case-art{height:300px;margin-top:20px}.case-card h2{font-size:29px}.case-card-bottom{margin-top:20px}.case-description{font-size:11px;min-height:0;margin:22px 0;line-height:2}.case-card-meta{font-size:8px;padding-top:16px}.case-card-meta>span:first-child{max-width:65%;line-height:1.8}.round-arrow{width:39px;height:39px}.home-note{padding:60px 0 45px}.home-note h2{font-size:27px}.home-note-grid{grid-template-columns:1fr;gap:20px;padding-top:24px}.home-note-grid p{max-width:none;font-size:11px}.home-note-grid span{font-size:11px}.case-hero{padding-top:26px}.breadcrumb{font-size:9px;margin-bottom:30px}.breadcrumb span{font-size:7px}.case-hero-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.case-hero h1{font-size:43px}.case-hero h2{font-size:17px;letter-spacing:.02em;margin-top:13px}.case-hero .kicker{font-size:7px;letter-spacing:.12em;margin-bottom:14px}.case-hero-intro{font-size:11px;max-width:none;line-height:2.1}.case-cover{height:370px}.case-cover img{width:85%;height:82%}.case-cover.library img{max-width:78%;height:78%}.cover-index{font-size:110px;top:4%;left:2%}.cover-caption{left:17px;right:17px;bottom:17px;font-size:7px;gap:10px}.cover-caption>span:last-child{max-width:50%;text-align:right;line-height:1.8}.chapter-bar{top:78px;margin-top:20px}.chapter-bar nav{gap:22px;width:calc(100% - 40px);justify-content:flex-start}.chapter-bar a{padding:18px 0 15px;font-size:8px}.chapter-bar a span{font-size:10px;margin-left:6px}.case-section{padding:55px 0 43px}.section-heading{display:block;margin-bottom:28px}.section-heading .kicker{font-size:8px;margin-bottom:12px}.section-heading h2{font-size:25px;line-height:1.6;max-width:100%}.section-heading>p{font-size:10px;max-width:none;margin-top:15px}.section-lead{font-size:13px;margin-bottom:30px;line-height:2.1}.context-grid{grid-template-columns:1fr;gap:22px}.context-grid article{padding-top:20px}.context-number{top:16px;font-size:26px}.mini-label{font-size:9px;margin-bottom:13px}.context-grid h3{font-size:16px;margin-bottom:12px}.context-grid article>p:last-child{max-width:none;font-size:11px;margin-bottom:0}.structure-band{padding:45px 0 50px}.structure-explorer{grid-template-columns:1fr;margin-top:28px;gap:20px}.module-rail{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.module-rail button{flex:0 0 auto;white-space:nowrap;padding:13px 12px;font-size:10px;gap:9px;border:1px solid #cbd0dc}.module-rail button>b{display:none}.module-rail button>span{font-size:8px}.module-media .zoom{height:300px;padding:22px}.module-panel{gap:24px;min-height:0}.module-detail h3{font-size:23px;line-height:1.6}.module-detail>p:not(.kicker){font-size:11px}.module-detail dd{font-size:11px}.media-caption{font-size:8px;padding:12px}.media-caption>span:last-child{font-size:7px}.zoom-hint{opacity:1;font-size:8px;padding:5px 7px}.module-detail>a{font-size:10px}.flow-line{display:flex;overflow-x:auto;padding:0 0 15px;gap:8px}.flow-line button{flex:0 0 auto;gap:10px;border:1px solid #d4d8e1;padding:14px 12px}.flow-line button>em{display:none}.flow-line button>b{font-size:10px}.flow-line button>span{font-size:8px}.flow-detail{grid-template-columns:47px 1fr;gap:14px;padding-top:25px;min-height:210px}.flow-big{font-size:42px;align-self:start;padding-top:17px}.flow-detail h3{font-size:20px;line-height:1.6}.flow-detail div>p:last-child{font-size:11px}.flow-connection{font-size:10px;line-height:1.8}.system-band,.motion-band{padding:45px 0}.system-diagram{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}.system-diagram article{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;text-align:left}.system-diagram h3{font-size:24px;margin:0;grid-column:1;grid-row:2}.system-diagram article>span{font-size:7px}.system-diagram article>p{grid-column:2;grid-row:1;font-size:11px;margin:0;text-align:right}.system-diagram article>small{grid-column:2;font-size:9px;line-height:1.8;text-align:right}.system-diagram>b{text-align:center;font-size:15px;line-height:1}.system-result{gap:10px;font-size:9px;padding:25px 0;line-height:1.8}.system-result>span{text-align:center}.concept-grid{grid-template-columns:1fr;gap:10px;padding-top:12px}.concept-grid h3{font-size:15px}.concept-grid p{font-size:11px;max-width:none}.video-stage{padding:10px 10px 0}.video-stage video{min-height:180px}.video-information{padding:20px 17px;gap:14px;align-items:flex-start}.video-information .kicker{font-size:7px}.video-information h3{font-size:21px}.video-information div>p:last-child{font-size:10px;line-height:1.9}.video-information>a{font-size:9px;line-height:1.8}.video-playlist{grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 12px}.video-playlist button{gap:7px;padding:6px}.video-playlist button>img{width:38px;height:38px}.video-playlist button>span{font-size:9px}.video-playlist small{font-size:6px;margin-bottom:3px}.video-playlist button>b{display:none}.analysis-grid{gap:16px 12px}.analysis-grid .zoom{height:180px;padding:8px}.analysis-grid figcaption{font-size:10px;line-height:1.7;padding-top:10px}.analysis-grid figcaption>span{font-size:7px;margin-right:8px}.detail-gallery{grid-template-columns:1fr 1fr;gap:26px 14px}.detail-gallery .zoom{height:205px;padding:12px}.detail-gallery figcaption{padding-top:13px}.detail-gallery figcaption>span{font-size:7px}.detail-gallery h3{font-size:13px;line-height:1.6;margin:7px 0}.detail-gallery p{font-size:10px;line-height:1.9}.closing-band{padding:45px 0 25px}.reflection-grid{grid-template-columns:1fr;gap:25px}.reflection-grid>article{padding-top:17px}.reflection-grid h3{font-size:16px;margin:13px 0 10px}.reflection-grid p{font-size:11px}.material-note{font-size:9px;margin-top:30px}.next-project{margin-top:30px;padding:35px 0 40px;gap:20px}.next-project .kicker{font-size:7px;letter-spacing:.05em;max-width:210px}.next-project h2{font-size:27px}.next-project p:not(.kicker){font-size:11px}.next-project>a{padding:12px 14px;font-size:10px;white-space:nowrap}.site-footer{font-size:8px;padding:23px 0 28px}.site-footer>span{display:none}dialog{padding:45px 14px 18px;width:95vw}dialog>p{font-size:11px;padding-top:15px}.lightbox-toolbar{gap:7px}.lightbox-toolbar button{font-size:10px;padding:6px 9px}}@media(max-width:370px){.site-header{padding:0 15px}.site-header nav{gap:12px;font-size:9px}.brand small{font-size:5px}.shell{width:calc(100% - 32px)}h1{font-size:38px}.case-hero h1{font-size:38px}.case-art{height:260px}.detail-gallery .zoom{height:180px}.video-playlist button>img{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.revealing{opacity:1;transform:none}}
[hidden]{display:none!important}dialog>img{touch-action:none;cursor:grab}dialog>img:active{cursor:grabbing}
/* Bound portrait and landscape assets to their own media areas. */
.case-art,
.case-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  isolation: isolate;
}
.case-art { overflow: hidden; }
.case-art img,
.case-card.library .case-art img {
  flex: 0 1 auto;
  width: auto;
  height: 94%;
  max-width: 85%;
  max-height: 94%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
}
.case-cover.library img {
  flex: 0 1 auto;
  width: auto;
  height: calc(100% - 90px);
  max-width: 70%;
  max-height: calc(100% - 90px);
  min-width: 0;
  min-height: 0;
  object-fit: contain;
}
@media (max-width: 700px) {
  .case-cover.library img { max-width: 78%; }
}
/* Homepage overview and cross-project summaries. */
.home-facts{display:grid;grid-template-columns:1fr 1.25fr 1fr auto;gap:35px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0 30px;margin-bottom:38px}
.home-facts>div{display:flex;align-items:center;gap:18px}
.home-facts strong{font-weight:400;font-size:35px;letter-spacing:-.04em;color:var(--purple)}
.home-facts>div>span{font-size:11px;line-height:1.8}
.home-facts small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.home-facts>a{font-size:10px;color:var(--purple);display:flex;gap:25px;align-items:center}
.home-facts>a>span{font-size:19px}
.home-summary{padding:90px 0 75px}
.summary-table{border-top:1px solid #c8cdda}
.summary-row{display:grid;grid-template-columns:140px 1fr 1fr;gap:45px;border-bottom:1px solid var(--line);padding:23px 0;align-items:start}
.summary-row>span{font-size:11px;color:var(--purple);line-height:2}
.summary-row p{font-size:12px;line-height:2;color:var(--muted);margin:0;max-width:420px}
.summary-table-head{padding:23px 0;background:linear-gradient(90deg,transparent,#e5e7ef77,transparent)}
.summary-table-head>a{font-size:16px;font-weight:500;display:flex;justify-content:space-between;gap:15px;max-width:420px}
.summary-table-head>a>span{font-size:18px;font-weight:400;color:var(--sand)}
.home-focus-band{padding:60px 0 75px;background:linear-gradient(180deg,#eef0f300,#e6e7ef9c 30%,#eae5e5a3 75%,#efedf100)}
.home-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}
.focus-card{border:1px solid #d5dae3;border-radius:4px;overflow:hidden;background:#f7f7f8a1;transition:transform .3s,box-shadow .3s}
.focus-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #34394b0d}
.focus-image{height:240px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 27px 37px;background:linear-gradient(140deg,#e8ecf2,#e9e6ee)}
.focus-image>img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}
.focus-image>span{position:absolute;bottom:15px;left:20px;font-size:7px;letter-spacing:.1em;color:var(--purple)}
.focus-copy{padding:23px}
.focus-copy h3{margin:0 0 16px;font-size:19px;font-weight:500;display:flex;justify-content:space-between}
.focus-copy h3>span{color:var(--sand);font-size:18px}
.focus-copy p{font-size:12px;line-height:2;color:var(--muted);margin:0;min-height:72px}
.focus-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.focus-tags>span{font-size:9px;padding:5px 8px;background:#e6e7ed80;color:var(--purple);border-radius:2px}
@media(max-width:1100px){.home-facts{gap:25px}.home-facts>a{display:none}.home-facts{grid-template-columns:1fr 1.25fr 1fr}.home-facts strong{font-size:31px}.summary-row{grid-template-columns:100px 1fr 1fr;gap:25px}.focus-image{height:210px;padding:25px 20px 35px}.home-focus-grid{gap:18px}.focus-copy{padding:20px}.focus-copy p{font-size:11px;min-height:88px}.focus-tags{gap:5px}.focus-tags>span{font-size:8px;padding:5px 7px}}
@media(max-width:700px){.home-facts{gap:18px;padding:17px 0 25px;margin-bottom:25px;grid-template-columns:repeat(3,1fr)}.home-facts>div{display:block}.home-facts strong{font-size:29px;display:block;margin-bottom:6px}.home-facts>div>span{font-size:9px}.home-facts small{font-size:7px;margin-top:4px;line-height:1.8}.home-summary{padding:55px 0 40px}.summary-row{grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}.summary-row>span{grid-column:1/-1;font-size:10px;color:var(--sand)}.summary-row p{font-size:10px;line-height:2}.summary-table-head{grid-template-columns:1fr 1fr;padding:18px 0}.summary-table-head>span{display:none}.summary-table-head>a{font-size:13px;line-height:1.8;gap:5px}.summary-table-head>a>span{font-size:14px}.home-focus-band{padding:40px 0}.home-focus-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.focus-image{height:240px;padding:28px 35px 36px}.focus-image>span{font-size:7px}.focus-copy{padding:22px}.focus-copy h3{font-size:19px}.focus-copy p{font-size:11px;min-height:0}.focus-tags{margin-top:20px;gap:8px}.focus-tags>span{font-size:9px}.home-note{padding-top:40px}}
.library-video-stage{display:flex;flex-direction:column;align-items:center;padding:24px}.library-video-stage video{width:auto;max-width:100%;height:min(680px,75vh);max-height:none;aspect-ratio:9/16;object-fit:contain}.library-video-stage>p{align-self:stretch}@media(max-width:700px){.library-video-stage{padding:10px}.library-video-stage video{height:auto;max-height:75vh;width:100%;min-height:0}}