:root{color-scheme:light;color:#171717;background:#e8e8e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#e8e8e8;margin:0}.shape-page{--ink:#171717;--line:#4b4b4b;--mid:#9b9b9b;--soft:#d5d5d5;--paper:#f7f7f7;--ground-a:#eee;--ground-b:#dcdcdc;min-height:100vh;padding:28px}.shape-header{justify-content:space-between;align-items:end;gap:24px;max-width:1500px;margin:0 auto 20px;display:flex}.shape-header p,.shape-header h1{margin:0}.shape-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750;margin-bottom:6px!important}.shape-header h1{letter-spacing:-.035em;font-size:clamp(24px,3vw,42px)}.shape-meta{color:#525252;text-align:right;max-width:340px;font-size:13px;line-height:1.45}.comparison{grid-template-columns:minmax(720px,1fr) 390px;align-items:start;gap:24px;max-width:1500px;margin:0 auto;display:grid}.demo-wrap{min-width:0}.demo-label{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin:0 0 8px;font-size:11px;font-weight:800;display:flex}.frame{border:2px solid var(--ink);background:var(--paper);position:relative;overflow:hidden;box-shadow:8px 8px #bcbcbc}.desktop-frame{min-height:1320px}.mobile-frame{width:390px;min-height:1480px}.frame-nav{border-bottom:1px solid var(--ink);background:var(--paper);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;height:52px;padding:0 18px;font-size:11px;font-weight:800;display:flex}.nav-block{background:#777;width:116px;height:12px}.living-mark{z-index:8;border:2px solid var(--ink);background:var(--paper);text-align:center;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute}.hero-question{letter-spacing:-.055em;margin:0;font-size:clamp(28px,5vw,62px);line-height:.98}.mobile-frame .hero-question{font-size:36px}.section-label{letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.1}.grey-block,.sketch,.return-tray,.form-block,.programme-block,.person-block{color:#222;letter-spacing:.025em;text-align:center;background:#c8c8c8;border:1px solid #666;place-items:center;min-height:52px;padding:10px;font-size:10px;font-weight:700;display:grid}.grey-block.dark,.return-tray{color:#fff;background:#777}.sketch{background:#ededed;border:2px dashed #555;min-height:110px}.programme-block{background:#b7b7b7;min-height:88px}.person-block{background:#a6a6a6;min-height:110px}.form-block{background:#e2e2e2;min-height:130px}.mark-pocket{color:#444;text-align:center;background:#f7f7f7;border:1px dashed #4d4d4d;place-items:center;min-height:30px;font-size:9px;font-weight:750;display:grid}.ground-a{background:var(--ground-a)}.ground-b{background:var(--ground-b)}.ground-dark{color:#fff;background:#333}.ground-dark .section-label{color:#fff}.annotations{background:#f3f3f3;border:1px solid #777;max-width:1500px;margin:26px auto 0;padding:18px 20px}.annotations h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px}.annotations ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style-position:inside;display:grid}.annotations li{border-top:1px solid #aaa;padding-top:7px;font-size:12px;line-height:1.4}.rail-frame{--rail-x:72px}.rail-frame .living-mark{top:68px;left:56px}.rail-spine{z-index:1;top:52px;bottom:0;left:var(--rail-x);background:var(--ink);width:3px;position:absolute}.rail-frame .chapter{z-index:2;border-bottom:1px solid #888;grid-template-columns:minmax(130px,.34fr) minmax(0,1fr);gap:28px;min-height:190px;padding:34px 28px 34px 110px;display:grid;position:relative}.rail-frame .hero{align-items:center;min-height:240px}.rail-frame .held{align-self:start;padding-top:4px;position:relative}.rail-frame .held:before{content:"";border-top:2px solid var(--ink);width:36px;position:absolute;top:9px;left:-45px}.rail-frame .evidence{gap:10px;display:grid}.rail-frame .milestone{position:relative}.rail-frame .milestone:before{content:"";z-index:3;top:50%;left:calc(var(--rail-x) - 8px);border:3px solid var(--paper);background:var(--ink);border-radius:50%;width:19px;height:19px;position:absolute;transform:translateY(-50%)}.rail-frame .mark-pocket{margin-left:-34px}.rail-frame .return-tray{border-left:8px solid var(--ink)}.mobile-frame.rail-frame{--rail-x:28px}.mobile-frame.rail-frame .living-mark{top:68px;left:12px}.mobile-frame.rail-frame .chapter{grid-template-columns:1fr;gap:14px;min-height:165px;padding:28px 18px 28px 54px}.mobile-frame.rail-frame .hero{min-height:220px}.mobile-frame.rail-frame .held:before{width:18px;left:-26px}.mobile-frame.rail-frame .milestone:before{left:calc(var(--rail-x) - 8px)}.mobile-frame.rail-frame .mark-pocket{margin-left:0}.gutter-frame{--gutter-x:50%}.gutter-frame .living-mark{top:68px;left:calc(50% - 16px)}.gutter-spine{z-index:1;top:52px;bottom:0;left:var(--gutter-x);background:var(--ink);width:3px;position:absolute}.gutter-frame .chapter{z-index:2;border-bottom:1px solid #888;grid-template-columns:1fr 1fr;gap:70px;min-height:190px;padding:34px;display:grid;position:relative}.gutter-frame .hero{align-items:center;min-height:250px}.gutter-frame .chapter:nth-of-type(2n) .held{grid-column:2}.gutter-frame .chapter:nth-of-type(2n) .evidence{grid-area:1/1}.gutter-frame .held,.gutter-frame .evidence{align-self:center}.gutter-frame .evidence{gap:10px;display:grid}.gutter-frame .held{position:relative}.gutter-frame .held:after{content:"";border-top:2px solid var(--ink);width:28px;position:absolute;top:10px;right:-36px}.gutter-frame .chapter:nth-of-type(2n) .held:after{left:-36px;right:auto}.gutter-frame .bridge{grid-column:1/-1;justify-self:center;width:64%;position:relative}.gutter-frame .bridge:before{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;position:absolute;top:-14px;left:50%;transform:translate(-50%,-50%)}.gutter-frame .mark-pocket{justify-self:end;width:70%}.gutter-frame .chapter:nth-of-type(2n) .mark-pocket{justify-self:start}.mobile-frame.gutter-frame{--gutter-x:50%}.mobile-frame.gutter-frame .chapter{grid-template-columns:1fr 1fr;gap:34px;min-height:190px;padding:28px 18px}.mobile-frame.gutter-frame .hero{min-height:230px}.mobile-frame.gutter-frame .hero-question{font-size:31px}.mobile-frame.gutter-frame .held:after{width:15px;right:-21px}.mobile-frame.gutter-frame .chapter:nth-of-type(2n) .held:after{left:-21px}.mobile-frame.gutter-frame .bridge{width:92%}.mobile-frame.gutter-frame .grey-block{min-height:62px}.switchback-frame .living-mark{top:66px;right:18px}.switchback-frame .chapter{border-bottom:1px solid #777;grid-template-columns:.33fr 1fr .72fr;gap:20px;min-height:190px;padding:46px 28px 28px;display:grid;position:relative}.switchback-frame .hero{align-items:center;min-height:245px}.switchback-frame .lane{z-index:3;background:var(--ink);height:3px;position:absolute;top:28px;left:28px;right:0}.switchback-frame .chapter.reverse .lane{left:0;right:28px}.switchback-frame .chapter:not(:last-child):after{content:"";z-index:3;background:var(--ink);width:3px;position:absolute;top:28px;bottom:-30px;right:0}.switchback-frame .chapter.reverse:not(:last-child):after{left:0;right:auto}.switchback-frame .held{align-self:start}.switchback-frame .evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.switchback-frame .sketch{align-self:stretch}.switchback-frame .reverse .held{grid-column:3}.switchback-frame .reverse .evidence{grid-area:1/2}.switchback-frame .reverse .sketch,.switchback-frame .reverse .return-tray,.switchback-frame .reverse .form-block{grid-area:1/1}.switchback-frame .turn-dot{z-index:4;border:3px solid var(--paper);background:var(--ink);border-radius:50%;width:19px;height:19px;position:absolute;top:20px;right:-9px}.switchback-frame .reverse .turn-dot{left:-9px;right:auto}.mobile-frame.switchback-frame .chapter{grid-template-columns:.72fr 1fr;gap:12px;min-height:210px;padding:44px 18px 24px}.mobile-frame.switchback-frame .hero{min-height:225px}.mobile-frame.switchback-frame .held{grid-column:1}.mobile-frame.switchback-frame .evidence{grid-column:2;grid-template-columns:1fr}.mobile-frame.switchback-frame .sketch,.mobile-frame.switchback-frame .return-tray,.mobile-frame.switchback-frame .form-block{grid-area:1/2}.mobile-frame.switchback-frame .reverse .held{grid-column:2}.mobile-frame.switchback-frame .reverse .evidence,.mobile-frame.switchback-frame .reverse .sketch,.mobile-frame.switchback-frame .reverse .return-tray,.mobile-frame.switchback-frame .reverse .form-block{grid-column:1}.rooms-frame{background:#cfcfcf;padding:18px}.rooms-frame .frame-nav{margin:-18px -18px 18px}.rooms-frame .living-mark{top:66px;left:18px}.rooms-frame .room{border:2px solid var(--ink);background:var(--paper);grid-template-columns:.34fr 1fr;gap:30px;min-height:196px;padding:34px 42px;display:grid;position:relative}.rooms-frame .room+.room{margin-top:16px}.rooms-frame .room:nth-of-type(odd){margin-right:38px}.rooms-frame .room:nth-of-type(2n){grid-template-columns:1fr .34fr;margin-left:38px}.rooms-frame .room:nth-of-type(2n) .held{grid-column:2}.rooms-frame .room:nth-of-type(2n) .evidence{grid-area:1/1}.rooms-frame .hero{align-items:center;min-height:228px}.rooms-frame .evidence{gap:10px;display:grid}.rooms-frame .perimeter{border:3px solid var(--ink);pointer-events:none;position:absolute;inset:11px}.rooms-frame .room:nth-of-type(odd) .perimeter{border-bottom-color:#0000;border-left-color:#0000}.rooms-frame .room:nth-of-type(2n) .perimeter{border-bottom-color:#0000;border-right-color:#0000}.rooms-frame .door{z-index:4;border:2px solid var(--ink);text-align:center;background:#9b9b9b;place-items:center;width:54px;height:36px;font-size:8px;font-weight:800;display:grid;position:absolute;bottom:-26px;right:-1px}.rooms-frame .room:nth-of-type(2n) .door{left:-1px;right:auto}.rooms-frame .mark-pocket{border:2px dashed #555}.rooms-frame .return-room{color:#fff;background:#3a3a3a}.mobile-frame.rooms-frame{padding:12px}.mobile-frame.rooms-frame .frame-nav{margin:-12px -12px 12px}.mobile-frame.rooms-frame .living-mark{top:64px;left:13px}.mobile-frame.rooms-frame .room{grid-template-columns:.42fr 1fr;gap:16px;min-height:188px;padding:28px 24px}.mobile-frame.rooms-frame .room:nth-of-type(odd){margin-right:18px}.mobile-frame.rooms-frame .room:nth-of-type(2n){grid-template-columns:1fr .42fr;margin-left:18px}.mobile-frame.rooms-frame .perimeter{inset:7px}.mobile-frame.rooms-frame .door{width:40px}@media (width<=1260px){.comparison{grid-template-columns:1fr}.mobile-demo{width:390px}.annotations ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.shape-page{padding:16px}.shape-header{display:block}.shape-meta{text-align:left;margin-top:10px!important}.desktop-demo{padding-bottom:12px;overflow-x:auto}.desktop-frame{width:720px}.mobile-demo{max-width:100%;padding-bottom:12px;overflow-x:auto}.annotations ol{grid-template-columns:1fr}}