:root{--accent:#2169bb;--navy:#193f77;--sky:#6ba8f6}.etro-page{--accent:#007f7a;--navy:#23514e;--sky:#32c3b8}
.case-page .intro{padding-top:60px}.case-page .lead{line-height:1.55}.case-page .project-place{line-height:1.5}.case-page .project-meta{grid-template-columns:1fr 1.1fr 1.6fr;gap:28px 38px;margin-top:36px;padding-top:26px}.case-page .project-meta>div{min-width:0}.case-page .project-meta dt{margin-bottom:14px}.case-page .project-meta dd{line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}.case-page .eyebrow{font-size:16px;font-weight:650;color:var(--accent);margin:0 0 18px}.case-page h2{line-height:1.25}.case-page .section-copy{line-height:1.6;max-width:850px}.case-page h3{line-height:1.3}.case-page figcaption{line-height:1.45}.case-page button[data-view]{border:0;background:transparent}.case-page .film,.case-page .standalone{margin-top:40px}.hero-slides{position:relative;aspect-ratio:3/2}.hero-slide{position:absolute;inset:0}.hero-slide img{width:100%;height:100%!important;object-fit:contain}.hero-slide[hidden]{display:none}.hero-arrow{font-size:32px;cursor:pointer}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.chapter-nav a{display:flex;align-items:center;gap:20px;padding:26px 0;border-block:1px solid #ccc;text-decoration:none;color:#111}.chapter-nav b{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent);color:white;font-size:23px}.chapter-nav strong{font-size:23px;display:block;line-height:1.3}.chapter-nav span{display:block;font-size:16px;color:#777;margin-top:10px}.chapter-nav i{font-style:normal;margin-left:auto;font-size:28px;color:var(--accent)}.diagram-legend{display:flex;justify-content:center;gap:40px;margin-top:28px}.diagram-legend span{font-size:16px;color:#666;line-height:1.6}.diagram-legend b{display:block;color:#111;font-size:19px}.section-link{margin:32px 0 0;text-align:right}.section-link a{color:var(--accent);font-size:17px;text-underline-offset:5px}.light-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center;margin:42px 0}.light-principles>div{border-top:1px solid #c6d6e8;padding:25px 0 0}.light-principles span{display:block;font-size:15px;color:#567}.light-principles svg{width:160px;height:85px;stroke:var(--accent);stroke-width:1.7;fill:none;margin:14px auto 10px}.light-principles strong{display:block;font-size:18px;line-height:1.4}.color-dots{display:flex;align-items:center;justify-content:center;height:85px;gap:10px;margin:14px auto 10px}.color-dots i{width:34px;height:34px;border-radius:50%;background:#88c2ff}.color-dots i:nth-child(2){background:#c8aff1}.color-dots i:nth-child(3){background:#efc16c}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;margin-top:40px}.theme-grid article:last-child{grid-column:1/-1}.theme-grid h3{font-size:23px;margin:0 0 16px}.theme-grid .film{margin:0}.signal-flow{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.signal-flow li{position:relative;text-align:center;border:1px solid #b9ceda;border-radius:999px;padding:18px 10px}.signal-flow li+li:before{content:'→';position:absolute;left:-32px;top:36%;color:var(--accent)}.signal-flow small{font-size:13px;display:block;color:#777;margin-bottom:8px}.signal-flow strong{font-size:18px;line-height:1.3;display:block}.concept-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid #ddd;font-size:21px;word-break:keep-all}.concept-line i{font-style:normal;color:#92aaa6}.concept-line strong{color:var(--accent)}.spatial-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:38px;align-items:center;margin-top:35px}.spatial-key>div+div{margin-top:28px}.spatial-key h3{font-size:23px;margin:0}.spatial-key p{font-size:17px;line-height:1.5;color:#666;word-break:keep-all;margin:12px 0 0}.mini-pill{display:inline-block;border:1px solid #a6ceca;border-radius:999px;padding:7px 15px;font-size:14px;color:var(--accent);margin-bottom:12px}.action-layout{margin-top:40px;display:grid;grid-template-columns:2.1fr 1fr;align-items:center;gap:36px}.action-steps{list-style:none;padding:0;margin:0;display:grid;gap:25px}.action-steps li{display:flex;gap:13px;align-items:center;padding:15px 20px;border:1px solid #bdd4d0;border-radius:999px}.action-steps b{font-size:13px;color:var(--accent);font-weight:500}.action-steps strong{font-size:17px;font-weight:600}.pattern-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-page .source-credit{font-size:12px;line-height:1.4;color:#888;margin:9px 0 0;text-align:center}.role-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px}.role-pair>div{border-top:2px solid var(--accent);padding-top:24px}.role-pair h3{font-size:23px;margin:0}.role-pair p{font-size:18px;line-height:1.55;color:#666;word-break:keep-all;margin:15px 0 0}.case-page .credits dd{word-break:keep-all}.case-page .media-row{align-items:flex-start}
@media(max-width:1000px){.spatial-layout{grid-template-columns:1fr}.spatial-key{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.spatial-key>div+div{margin:0}.spatial-layout figure{max-width:680px;margin:auto}.action-layout{grid-template-columns:1fr}.action-layout img{max-width:800px;margin:auto}.action-steps{grid-template-columns:repeat(3,1fr);gap:14px}.action-steps li{padding:13px 10px;gap:8px;justify-content:center}.action-steps strong{font-size:15px}.chapter-nav strong{font-size:21px}.case-page .project-meta{grid-template-columns:1fr 1fr 1.3fr;gap:24px}.light-principles{gap:20px}.light-principles strong{font-size:17px}}
@media(max-width:700px){.case-page .intro{padding-top:30px}.case-page .project-meta{grid-template-columns:1fr 1fr;gap:25px 20px}.case-page .project-meta>div:last-child{grid-column:1/-1}.case-page .project-meta dt{margin-bottom:10px}.case-page .film,.case-page .standalone{margin-top:28px}.hero-arrow{width:36px;height:36px;font-size:27px}.hero-prev{left:10px}.hero-next{right:10px}.chapter-nav{grid-template-columns:1fr;gap:0;margin-top:28px}.chapter-nav a{padding:23px 0}.chapter-nav a+a{border-top:0}.chapter-nav strong{font-size:21px}.chapter-nav span{margin-top:7px}.diagram-legend{gap:24px;text-align:center;margin-top:20px}.diagram-legend span{font-size:14px}.diagram-legend b{font-size:17px}.light-principles{gap:15px;margin:32px 0}.light-principles svg{width:90px;height:65px}.light-principles strong{font-size:15px;word-break:keep-all}.color-dots{height:65px;gap:5px}.color-dots i{width:23px;height:23px}.light-principles>div{padding-top:18px}.theme-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.theme-grid h3{font-size:23px;margin-bottom:12px}.theme-grid .film{margin:0}.signal-flow{gap:20px}.signal-flow li{padding:16px 5px;border-radius:18px}.signal-flow strong{font-size:15px;word-break:keep-all}.signal-flow li+li:before{left:-16px;font-size:14px}.concept-line{font-size:18px;display:flex;flex-direction:column;gap:14px;text-align:center}.concept-line i{transform:rotate(90deg)}.spatial-key{grid-template-columns:1fr;gap:25px}.spatial-key h3{font-size:22px}.spatial-key p{margin-top:8px}.action-layout{margin-top:25px;gap:20px}.action-steps{grid-template-columns:1fr;max-width:300px;width:100%;margin:auto;gap:12px}.action-steps strong{font-size:17px}.action-steps li{justify-content:flex-start;padding:14px 22px;gap:17px}.pattern-pair{grid-template-columns:1fr;gap:0}.role-pair{grid-template-columns:1fr;gap:25px;margin-top:32px}.role-pair h3{font-size:22px}.role-pair p{margin-top:12px}}

@media(min-width:701px){.theme-grid{display:flex;flex-wrap:wrap;gap:36px 24px}.theme-grid article{width:calc((100% - 48px)/3);min-width:0}.theme-grid article:nth-child(-n+2){width:calc((100% - 24px)/2)}.theme-grid article:last-child{grid-column:auto}}