.cap-page{--cap-rail:360px;--cap-tilt:4deg;--cap-dur-xslow:900ms;--cap-plate:rgba(255,255,255,0.04)}@property --spot-x{syntax:'<length>';initial-value:50%;inherits:false}@property --spot-y{syntax:'<length>';initial-value:50%;inherits:false}@view-transition{navigation:auto}.read-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:90;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:0 50%;transform:scaleX(0)}@supports (animation-timeline:scroll()){.read-progress{animation:cap-progress-grow linear both;animation-timeline:scroll(root block)}}@keyframes cap-progress-grow{to{transform:scaleX(1)}}.cap-hero{position:relative;padding-block:var(--space-2xl) var(--space-xl);overflow:clip}.cap-hero-bleed{position:absolute;inset:-40% -10% auto -10%;height:640px;background:radial-gradient(45% 55% at 22% 18%,var(--accent-soft) 0%,transparent 70%),radial-gradient(40% 50% at 78% 0%,var(--accent-2-soft) 0%,transparent 70%);pointer-events:none}.cap-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:var(--space-2xl);align-items:center}.cap-counter{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--step-xs);font-variant-numeric:tabular-nums;color:var(--text-tertiary);letter-spacing:0.08em}.cap-counter-num{color:var(--accent);font-weight:700}.cap-counter-rule{flex:none;width:28px;height:1px;background:var(--border-strong)}.cap-counter{flex-wrap:nowrap}.cap-counter>.cap-counter-num{flex:none}.cap-counter>:last-child{min-width:0}.cap-title{margin-top:var(--space-xs);font-size:var(--step-2xl);line-height:var(--leading-tight);letter-spacing:-0.02em;text-wrap:balance;view-transition-name:cap-title}.cap-subtitle{margin-top:var(--space-sm);max-width:54ch;font-size:var(--step-md);color:var(--text-secondary);text-wrap:pretty}.cap-hero-actions{margin-top:var(--space-lg)}.cap-figure{position:relative;margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);background:var(--surface-1);box-shadow:var(--shadow-lg);transform:perspective(1200px) rotateY(calc(var(--px,0) * var(--cap-tilt))) rotateX(calc(var(--py,0) * var(--cap-tilt) * -1));transition:transform var(--dur-slow) var(--ease-out);view-transition-name:cap-figure}.cap-pairing{display:grid;grid-template-columns:var(--cap-rail) minmax(0,1fr);gap:var(--space-2xl);align-items:start;scroll-margin-top:calc(var(--header-h) + var(--space-md))}.cap-rail{position:sticky;top:calc(var(--header-h) + var(--space-lg));display:grid;gap:var(--space-md)}.cap-canvas-wrap{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:linear-gradient(160deg,var(--surface-2),var(--surface-1));overflow:hidden}.cap-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cap-canvas-legend{font-family:var(--font-mono);font-size:var(--step-xs);color:var(--text-tertiary)}.cap-canvas-wrap .cap-canvas-legend{position:absolute;left:var(--space-sm);bottom:var(--space-sm)}.cap-readout{display:grid;gap:var(--space-2xs);margin:0;padding-top:var(--space-2xs);border-top:1px solid var(--border-subtle)}.cap-readout>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding-block:var(--space-3xs)}.cap-readout dt{font-family:var(--font-mono);font-size:var(--step-xs);color:var(--text-tertiary);letter-spacing:0.06em}.cap-readout dd{margin:0;font-size:var(--step-sm);color:var(--text-secondary);text-align:right}.cap-readout dd a{color:var(--text-secondary)}.cap-readout dd a:hover{color:var(--accent)}.cap-nums{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cap-scrollmeter{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm) var(--space-sm);background:var(--surface-1)}.cap-scrollmeter svg{display:block;width:100%;height:34px;overflow:visible}.cap-scrollmeter polyline{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.cap-meter-track{stroke:var(--border-strong)}.cap-meter-line{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1}@supports (animation-timeline:scroll()){.cap-meter-line{animation:cap-meter-draw linear both;animation-timeline:scroll(root block)}}@keyframes cap-meter-draw{to{stroke-dashoffset:0}}.cap-meter-label{display:block;margin-top:var(--space-2xs)}.cap-meter-label b{color:var(--accent);font-variant-numeric:tabular-nums}.cap-prose{max-width:72ch;font-size:var(--step-base)}.cap-prose-actions{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.cap-context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);gap:var(--space-2xl);align-items:center}.cap-context-copy .eyebrow{display:inline-flex}.cap-context-copy .h2{margin-top:var(--space-2xs);text-wrap:balance}.cap-context-body{margin-top:var(--space-sm);max-width:62ch}.cap-context-body p{color:var(--text-secondary)}.cap-context-body>* + *{margin-top:var(--space-sm)}.cap-context-figure{align-self:center}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-md)}.disc-card{container-type:inline-size;position:relative;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden;color:inherit;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.disc-card:hover,.disc-card:focus-visible{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--shadow-md)}.disc-media img{filter:saturate(0.85) brightness(0.82);transition:transform var(--cap-dur-xslow) var(--ease-out),filter var(--dur-slow) var(--ease-out)}.disc-card:hover .disc-media img,.disc-card:focus-within .disc-media img{transform:scale(1.06);filter:none}.disc-body{display:block;padding:var(--space-md)}.disc-index{display:block;font-family:var(--font-mono);font-size:var(--step-xs);color:var(--accent);letter-spacing:0.08em}.disc-title{display:block;margin-top:var(--space-3xs);font-size:var(--step-md);font-weight:650;line-height:var(--leading-snug);color:var(--text-primary);text-wrap:balance}.disc-reveal{display:block}.disc-desc{display:block;margin-top:var(--space-2xs);color:var(--text-secondary);font-size:var(--step-sm)}.disc-cta{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-top:var(--space-sm);font-family:var(--font-mono);font-size:var(--step-xs);color:var(--accent)}.disc-arrow{transition:transform var(--dur-base) var(--ease-out)}.disc-card:hover .disc-arrow,.disc-card:focus-within .disc-arrow{transform:translateX(4px)}@media (hover:hover) and (pointer:fine){.disc-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.disc-reveal-inner{overflow:hidden;min-height:0}.disc-card:hover .disc-reveal,.disc-card:focus-within .disc-reveal,.disc-card:focus-visible .disc-reveal{grid-template-rows:1fr;opacity:1}}@container (max-width:240px){.disc-media{display:none}}.cap-figure .frame[data-img-fallback],.cap-context-figure .frame[data-img-fallback],.disc-media[data-img-fallback]{background:radial-gradient(60% 60% at 28% 24%,var(--accent-soft),transparent 70%),radial-gradient(52% 52% at 76% 82%,var(--accent-2-soft),transparent 70%),repeating-linear-gradient(60deg,transparent 0 13px,rgba(140,156,186,0.10) 13px 14px),repeating-linear-gradient(-60deg,transparent 0 13px,rgba(140,156,186,0.10) 13px 14px),linear-gradient(160deg,var(--surface-2),var(--surface-1))}.spotlight{position:relative;isolation:isolate;overflow:hidden}.spotlight::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(240px circle at var(--spot-x) var(--spot-y),var(--accent-soft),transparent 65%);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.spotlight:hover::before,.spotlight:focus-within::before{opacity:1}.cap-lede{margin-top:var(--space-2xs);max-width:60ch}.pair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-md)}.pair-card{display:grid;gap:var(--space-2xs);align-content:start;color:inherit}.pair-card .pair-section{font-family:var(--font-mono);font-size:var(--step-xs);color:var(--accent);letter-spacing:0.06em}.pair-card .pair-title{color:var(--text-primary);text-wrap:balance}.pair-card .pair-arrow{transition:transform var(--dur-base) var(--ease-out);display:inline-block}.pair-card:hover .pair-arrow{transform:translateX(4px)}.cap-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.cap-pager a{display:grid;gap:var(--space-3xs);padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.cap-pager a:hover{border-color:var(--accent-border);background:var(--surface-2)}.cap-pager a:hover .pager-dir{color:var(--text-secondary)}.cap-pager .pager-dir{font-family:var(--font-mono);font-size:var(--step-xs);color:var(--text-tertiary)}.cap-pager .pager-next{text-align:right}.cap-pager .pager-placeholder{opacity:0.35;pointer-events:none}.cap-cta{padding:var(--space-2xl);text-align:center;border-color:var(--accent-border)}.cap-cta-lede{margin-top:var(--space-2xs)}.cap-cta-btn{margin-top:var(--space-lg)}.magnetic{transition:transform 250ms var(--ease-out);will-change:transform}@supports (animation-timeline:view()){@media not (prefers-reduced-motion:reduce){.rise{animation:cap-rise-in linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}}@keyframes cap-rise-in{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (max-width:1180px){.cap-pairing{grid-template-columns:300px minmax(0,1fr);gap:var(--space-xl)}}@media (max-width:980px){.cap-hero-grid,.cap-pairing,.cap-context-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.cap-prose{order:1;max-width:none}.cap-rail{order:2;position:static}.cap-canvas-wrap,.cap-scrollmeter{display:none}.cap-readout{border-top:0;padding-top:0}.cap-figure{width:100%;max-width:560px}.cap-context-figure{order:-1}}@media (max-width:620px){.cap-counter{flex-wrap:wrap;column-gap:0}.cap-counter-rule{display:none}.cap-counter-num::after{content:"\00a0/\00a0" / "";color:var(--text-tertiary);font-weight:400}.cap-pager{grid-template-columns:1fr}.cap-pager .pager-next{text-align:left}.cap-cta{padding:var(--space-lg) var(--space-md)}}@media (prefers-reduced-motion:reduce){.read-progress{display:none}.cap-figure{transform:none;transition:none}.cap-meter-line{stroke-dashoffset:0;animation:none}.magnetic{transform:none !important;transition:none}.rise{animation:none;opacity:1;transform:none}.spotlight::before{display:none}.disc-card,.disc-media img,.disc-reveal,.disc-arrow,.pair-arrow{transition:none}.disc-card:hover,.disc-card:focus-visible{transform:none}.disc-reveal{grid-template-rows:1fr;opacity:1}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}