.structural-home{--spine-progress:0}.structural-shape{aspect-ratio:1;width:100%;color:var(--ui-text-accent);position:relative}.shape-part{background:currentColor;transition:transform .95s cubic-bezier(.2,.7,.2,1);display:block;position:absolute}.part-b{transition-delay:.1s}.part-c{transition-delay:.2s}.shape-joint .part-a{clip-path:polygon(0 0,100% 0,100% 36%,62% 36%,62% 64%,100% 64%,100% 100%,0 100%);border-radius:44% 0 0;inset:6% 42% 6% 3%}.shape-joint .part-b{clip-path:polygon(0 23%,38% 23%,38% 0,100% 0,100% 100%,38% 100%,38% 77%,0 77%);background:var(--ui-text);border-radius:0 0 38%;inset:25% 1% 25% 39%}.shape-joint .part-c{aspect-ratio:1;background:var(--ui-text-sage);border-radius:50%;width:13%;top:9%;right:3%}.shape-layers .shape-part{clip-path:polygon(0 25%,75% 0,100% 75%,25% 100%);width:78%;height:28%;left:11%}.shape-layers .part-a{background:var(--ui-text-sage);top:10%}.shape-layers .part-b{background:var(--ui-text-accent);top:35%}.shape-layers .part-c{background:var(--ui-text);top:60%}.shape-boundary .part-a{background:var(--ui-text);border-radius:50% 0 0 50%;inset:5% 48% 5% 5%}.shape-boundary .part-b{background:var(--ui-text-sage);border-radius:0 50% 50% 0;inset:5% 5% 5% 58%}.shape-boundary .part-c{background:var(--ui-text-accent);border-radius:50%;inset:36% 29%}.shape-bridge .part-a{background:0 0;border:clamp(18px,3vw,42px) solid;border-bottom:0;border-radius:50% 50% 0 0;inset:15% 7% 17%}.shape-bridge .part-b{background:var(--ui-text);width:31%;height:12%;bottom:7%;left:0}.shape-bridge .part-c{background:var(--ui-text-sage);width:31%;height:12%;bottom:7%;right:0}.motion-ready:not(.is-visible) .part-a{transform:translate(-14%,12%)rotate(-12deg)}.motion-ready:not(.is-visible) .part-b{transform:translate(18%,-12%)rotate(10deg)}.motion-ready:not(.is-visible) .part-c{transform:translateY(24%)rotate(-10deg)}.structure-hero{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1rem;padding-top:clamp(2rem,5vw,4rem);display:grid;position:relative}.hero-kicker{color:var(--ui-text-muted);grid-column:1/-1;justify-content:space-between;gap:2rem;margin-bottom:3rem;font-size:.75rem;display:flex}.structure-headline{z-index:1;letter-spacing:-.045em;grid-area:2/1/auto/9;font-size:clamp(3.2rem,7.5vw,7rem);line-height:1.02}.structure-headline>span{color:var(--ui-text-accent)}.hero-assembly{grid-area:2/9/auto/-1;align-self:center;margin-left:-.75rem}.hero-assembly .structural-shape{transform:rotate(-8deg)}.assembly-caption{justify-content:space-between;gap:.75rem;margin-top:2rem;font-size:.6875rem;line-height:1.6;display:flex}.assembly-caption>span:last-child{text-align:right;color:var(--ui-text-muted)}.hero-ground{grid-column:1/-1;grid-template-columns:1fr 1.65fr 1fr;align-items:end;gap:3rem;margin-top:4rem;display:grid}.hero-ground-label{color:var(--ui-text-muted);font-size:.75rem;line-height:1.7}.hero-ground>p{font-size:1rem;line-height:1.8}.hero-ground .architecture-link{white-space:nowrap;justify-self:end;font-size:.8rem}.structure-body{padding-left:4rem;position:relative}.structure-spine{background:var(--ui-border-mid);width:2px;position:absolute;top:0;bottom:0;left:.75rem}.structure-spine>span{background:var(--ui-text-accent);transform:scaleY(var(--spine-progress));transform-origin:top;position:absolute;inset:0}.structure-chapter{align-items:center;gap:1rem;margin-bottom:3rem;font-size:.75rem;display:flex;position:relative}.structure-chapter:before{content:"";background:var(--ui-border-strong);width:2.5rem;height:1px;position:absolute;left:-3.25rem}.structure-chapter:after{content:"";border:2px solid var(--ui-text-accent);background:var(--ui-bg);border-radius:50%;width:10px;height:10px;position:absolute;left:calc(-3.25rem - 4px)}.structure-chapter>span{font-family:var(--font-mono);color:var(--ui-text-accent)}.structure-chapter>p{color:var(--ui-text-muted)}.structure-feature-inner{background:var(--ui-bg-inverse);color:var(--ui-text-inverse);border-radius:0 5rem 0 0;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);gap:3rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.structure-feature .architecture-label,.structure-feature .architecture-meta,.structure-feature .architecture-decisions h3{color:var(--ui-text-sage)}.structure-feature .architecture-project-title{font-size:clamp(2.75rem,4vw,4rem)}.structure-feature .architecture-model{padding:1.5rem 0 0}.structure-feature .architecture-link{border-color:var(--ui-text-sage)}.structure-feature .architecture-link:hover{color:var(--ui-text-sage)}.structure-feature .architecture-note,.structure-feature .architecture-decisions>div{border-color:var(--ui-border-inverse)}.structure-feature .architecture-demo-actions button{border-color:var(--ui-text-sage)}.structure-feature .architecture-demo-actions button:hover{color:var(--ui-bg-inverse);background:var(--ui-text-sage)}.structure-feature .architecture-statement{font-size:clamp(1.25rem,2vw,1.7rem)}.structure-feature .architecture-demo-actions:not([hidden]){flex-wrap:wrap}.structure-feature .architecture-margin>p:not(.architecture-label){max-width:none}.structure-feature .architecture-note>p:last-child{font-size:.875rem}.structure-feature .architecture-decisions p{font-size:.8125rem}.structure-projects>.architecture-margin{margin-bottom:4rem}.structure-projects .architecture-section-title{font-size:clamp(2rem,3.5vw,3.5rem)}.structure-project-list{flex-direction:column;gap:5rem;display:flex}.structure-project{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:center;gap:3rem;margin-right:12%;display:grid;position:relative}.structure-project:before{content:"";background:var(--ui-border-mid);width:2.5rem;height:1px;position:absolute;top:50%;left:-3.25rem}.structure-project.project-offset{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);margin-left:15%;margin-right:0}.structure-project.project-offset:before{width:calc(17.6471% + 1.75rem);left:calc(-17.6471% - 3.25rem)}.project-offset .project-symbol{order:2}.project-symbol{background:var(--ui-hover-bg);border-bottom:1px solid var(--ui-border-strong);padding:1.5rem}.project-symbol>span{text-align:center;color:var(--ui-text-muted);margin-top:1rem;font-size:.6875rem;display:block}.structure-project .architecture-entry h3{font-size:clamp(1.5rem,2.6vw,2.5rem)}.structure-project .architecture-entry p{font-size:.9375rem}.project-read{color:var(--ui-text-accent);align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.75rem;display:inline-flex}.structure-writing>.architecture-margin{margin-bottom:3rem}.structure-writing .architecture-section-title{font-size:clamp(2.5rem,5vw,4.5rem)}.structure-writing .architecture-list{margin-left:0}.structure-writing .architecture-entry{padding:2rem 0}.home-note{grid-template-columns:minmax(0,1fr) minmax(0,4fr);align-items:center;gap:2rem;display:grid}.home-note-shape{padding:.5rem}.home-note-copy{min-width:0}.structure-writing .architecture-entry h3{font-size:clamp(1.5rem,2.5vw,2rem)}.structure-trajectory>.architecture-margin{margin-bottom:3rem}.structure-trajectory .architecture-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.structure-trajectory .architecture-list>*{border-top:2px solid var(--ui-border-mid);margin:0;padding:1.5rem 0 0;position:relative}.structure-trajectory .architecture-list>:before{content:"";background:var(--ui-text-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:0}.structure-trajectory .architecture-career h3{font-size:1.15rem}.structure-trajectory .architecture-career>p:last-child{font-size:.875rem}@media (width<=1023px){.hero-ground{grid-template-columns:1fr 2fr;gap:2rem}.hero-ground .architecture-link{grid-column:2;justify-self:start;margin-top:0}.structure-feature-inner{grid-template-columns:minmax(0,1fr);gap:2rem}.structure-feature .architecture-margin{grid-template-columns:1fr 1fr;align-items:start;gap:.5rem 2rem;display:grid}.structure-feature .architecture-label{grid-column:1/-1;margin-bottom:.5rem}.structure-feature .architecture-meta,.structure-feature .architecture-link{margin-top:0}.structure-project,.structure-project.project-offset{gap:1.75rem;margin-left:0;margin-right:0}.structure-project.project-offset:before{width:2.5rem;left:-3.25rem}.structure-trajectory .architecture-list{grid-template-columns:1fr}}@media (width<=767px){.hero-kicker{margin-bottom:2rem}.hero-kicker>span:last-child{display:none}.structure-headline{grid-column:1/-1;font-size:clamp(2.75rem,10vw,4.75rem)}.hero-break{display:none}.hero-assembly{grid-area:3/6/auto/-1;margin-top:2rem;margin-left:0}.hero-ground{grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem}.hero-ground-label{display:none}.hero-ground .architecture-link{grid-column:1}.assembly-caption{flex-direction:column;gap:.35rem;margin-top:1rem;font-size:.6875rem}.assembly-caption>span:last-child{text-align:left}.structure-body{padding-left:1.75rem}.structure-spine{left:0}.structure-chapter{gap:.65rem;margin-bottom:2rem}.structure-chapter:before,.structure-project:before,.structure-project.project-offset:before{width:1.1rem;left:-1.75rem}.structure-chapter:after{left:calc(-1.75rem - 4px)}.structure-feature-inner{border-top-right-radius:2.5rem;padding:1.25rem}.structure-feature .architecture-margin{display:block}.structure-feature .architecture-meta,.structure-feature .architecture-link{margin-top:1rem}.structure-feature .architecture-model-caption{flex-direction:column;gap:.25rem}.structure-feature .architecture-extensions{gap:.35rem}.structure-feature .architecture-extension{padding:.65rem .35rem}.structure-feature .architecture-extension strong{font-size:.75rem}.structure-feature .architecture-core{flex-direction:column;align-items:start}.structure-feature .architecture-core span{text-align:left}.structure-feature .architecture-decisions{grid-template-columns:1fr}.structure-project,.structure-project.project-offset{grid-template-columns:1fr;gap:1.5rem}.project-symbol,.project-offset .project-symbol{order:0;width:65%;padding:1.25rem}.project-offset .project-symbol{justify-self:end}.structure-project-list{gap:4rem}.structure-writing .architecture-list{margin-left:0}}@media (prefers-reduced-motion:reduce){.shape-part{transition:none}.motion-ready:not(.is-visible) .shape-part{transform:none}.structure-spine>span{transform:scaleY(1)}}@media (width<=767px){.home-note{grid-template-columns:minmax(0,1fr);gap:1.25rem}.home-note-shape{width:7rem;padding:0}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.hero-assembly:hover .part-a{transform:translate(-7%)rotate(-3deg)}.hero-assembly:hover .part-b{transform:translate(7%)rotate(3deg)}.hero-assembly:hover .part-c{transform:translateY(-20%)}}
