.philosophy-intro{padding-top:32px}.intro-top{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.intro-top>span:last-child{display:none}.philosophy-intro h1{font-size:clamp(60px,10.5vw,148px);line-height:1;letter-spacing:-.07em;padding:62px 0 42px}.intro-bottom{display:grid;gap:24px;max-width:780px}.intro-bottom p{max-width:440px;color:var(--muted);font-size:16px}.intro-bottom .text-link{justify-self:start}.name-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0;margin-top:48px;font-family:var(--serif);font-size:clamp(24px,4vw,40px)}.name-strip i{font-style:normal;color:var(--blue);font-size:.7em;margin-left:8px}.story-layout{position:relative;border-top:1px solid var(--line)}.assembly{position:sticky;top:0;background:var(--paper);z-index:4;border:1px solid var(--line);border-top:0;overflow:hidden;align-self:start}.assembly-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line)}.assembly-top .eyebrow{font-size:9px}#motion-toggle{background:none;border:0;font:10px var(--display);color:var(--muted);min-height:36px;padding:0 6px}.assembly-canvas{height:clamp(150px,25svh,250px);position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--blue) 8%,var(--paper)),var(--paper) 75%);overflow:hidden}.board-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:35px 35px;opacity:.28;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}.board-cross{position:absolute;font:18px var(--display);color:var(--muted);opacity:.5}.cross-one{top:15px;left:18px}.cross-two{bottom:15px;right:18px}.design-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:scale(.94);overflow:visible}.design-scene.active{opacity:1;transform:scale(1)}.design-scene [data-piece]{--place:0;opacity:var(--place);transform:perspective(700px) translateY(calc((1 - var(--place))*65px)) rotateX(calc((1 - var(--place))*18deg)) scale(calc(.92 + var(--place)*.08));transform-origin:50% 60%;transform-box:view-box}.diagram-label{font:10px var(--display);fill:var(--muted);letter-spacing:1px}.diagram-paper{fill:var(--card);stroke:#94a8d3;stroke-width:1.5}.board-word{display:none;position:absolute;bottom:18px;left:24px;right:24px;font-family:var(--display);font-size:30px;letter-spacing:-.06em;color:var(--ink)}.board-word span{float:right;color:var(--blue);font-size:28px}.assembly-caption{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;font:9px var(--display);color:var(--muted);border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.035em}.assembly-caption>span:first-child{max-width:78%}.chapter-nav{display:flex;justify-content:space-between;padding:0 10px;border-top:1px solid var(--line)}.chapter-nav a{display:flex;align-items:center;gap:5px;min-height:44px;font:11px var(--display);padding:6px}.chapter-nav a span{font-size:9px;color:var(--muted)}.chapter-nav a[aria-current]{color:var(--blue)}.assembly-progress{height:2px;background:var(--line)}.assembly-progress i{display:block;height:100%;background:var(--blue);width:calc(var(--assembly-progress,0)*100%)}.story-step{padding:44px 4px;min-height:65svh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:calc(25svh + 165px);border-bottom:1px solid var(--line)}.story-step>.eyebrow{color:var(--muted);font-size:10px;margin-bottom:25px}.story-step h2{font-size:clamp(40px,5.1vw,69px);line-height:1.05;margin-bottom:24px}.story-step h2 em{color:var(--blue)}.story-step p{font-size:14px;color:var(--muted);line-height:1.8;max-width:430px}.story-step p+p{margin-top:16px}.story-step p.story-lead{font-size:18px;color:var(--ink);line-height:1.55}.story-step .text-link{align-self:start;margin-top:20px}.piece-note{font:10px var(--display);color:var(--muted);display:flex;align-items:center;gap:12px;margin-top:32px;text-transform:uppercase;letter-spacing:.04em}.piece-note i{font:18px var(--font);font-style:normal;color:var(--blue)}.philosophy-end{padding-block:90px 65px}.philosophy-end>.eyebrow{color:var(--muted);margin-bottom:30px}.philosophy-end h2{font-size:clamp(45px,7vw,90px)}.philosophy-end h2 em{color:var(--blue)}.principles{display:grid;gap:28px;margin:45px 0;border-block:1px solid var(--line);padding-block:28px}.principles>div>span{font:11px var(--display);color:var(--blue)}.principles h3{font-size:22px;margin:12px 0}.principles p,.scope-note{font-size:14px;color:var(--muted);max-width:560px}.scope-note{margin-bottom:28px;font-size:12px}html[data-motion="full"] .design-scene{transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}html[data-motion="paused"] .design-scene [data-piece]{transform:none}html[data-motion="paused"]{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){.design-scene,.design-scene [data-piece]{transition:none;transform:none}}
@media(min-width:900px){.intro-top>span:last-child{display:block}.philosophy-intro h1{padding-top:70px}.intro-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:90px;max-width:none}.intro-bottom p{font-size:17px}.intro-bottom .text-link{justify-self:end}.name-strip{margin-top:60px;padding-block:34px}.story-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;border-top:0;margin-top:35px}.assembly{top:24px;border-top:1px solid var(--line);margin-bottom:60px}.assembly-top{padding:13px 20px}.assembly-top .eyebrow{font-size:10px}.assembly-canvas{height:calc(100svh - 225px);max-height:650px;min-height:330px}.board-word{display:block}.design-scene{padding-bottom:35px}.assembly-caption{padding:15px 20px;font-size:10px}.chapter-nav{padding:0 14px}.chapter-nav a{font-size:12px;min-height:50px}.story-step{padding:55px 0;min-height:85svh;scroll-margin-top:20svh}.story-step p{font-size:15px}.story-step p.story-lead{font-size:21px}.principles{grid-template-columns:repeat(3,1fr);gap:50px;padding-block:35px}.philosophy-end{padding-top:100px;padding-bottom:85px}.philosophy-end h2{max-width:850px}}
@media(max-width:360px){.chapter-nav a{font-size:10px}.chapter-nav{padding-inline:4px}.assembly-caption{font-size:8px}.name-strip{font-size:22px;gap:8px}.name-strip i{margin-left:2px}}