#lenses-page{background:var(--ui-bg, var(--gm-bg));color:var(--ui-text, var(--gm-black))}#lenses-page .page-head{min-height:var(--vh-screen, 100vh);display:flex;flex-direction:column;justify-content:center}.lens-block{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--space-3xl, 64px);min-height:var(--vh-screen, 100vh);padding:var(--space-4xl, 96px) var(--space-2xl, 48px);border-bottom:1px solid var(--ui-border, var(--gm-border))}.lens-copy{display:flex;flex-direction:column;gap:var(--space-md, 16px)}.lens-visual{position:relative;height:60vh;overflow:hidden}.lens-visual iframe{display:block;width:100%;height:100%;border:0}@media(max-width:900px){.lens-block{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:var(--space-lg, 24px);padding:calc(var(--chrome-h) + var(--space-md, 16px)) var(--gutter) var(--space-xl, 32px)}.lens-visual{height:100%;min-height:0}.lens-projects{margin-top:var(--space-md, 16px)}.lens-projects a{padding:var(--space-xs, 8px) 0;min-height:var(--gm-tap-min, 44px);align-items:center}}.lens-block .lens-index{font-family:var(--font-mono);font-size:var(--type-xs, 11px);font-weight:var(--weight-bold, 700);letter-spacing:var(--tracking-wider, .1em);color:var(--ui-text-muted, var(--gm-mid))}.lens-block:last-child{border-bottom:none}.lens-block h2{margin:0;font-family:var(--font-display);font-weight:var(--weight-light, 300);font-size:var(--type-display, clamp(36px, 5vw, 66px));line-height:var(--leading-tight, 1.1)}.lens-block p{margin:0;max-width:52ch;font-family:var(--font-ui);font-size:var(--type-md, 15px);line-height:var(--leading-loose, 1.7);color:var(--ui-text-muted, var(--gm-mid))}.lens-projects{list-style:none;margin:var(--space-lg, 24px) 0 0;padding:0;max-width:42ch}.lens-projects li{border-top:1px solid var(--ui-border, var(--gm-border))}.lens-projects li:last-child{border-bottom:1px solid var(--ui-border, var(--gm-border))}.lens-projects a{display:flex;align-items:baseline;gap:var(--space-md, 16px);padding:var(--space-sm, 12px) 0;font-family:var(--font-ui);font-size:var(--type-md, 15px);color:var(--ui-text, var(--gm-black));text-decoration:none;transition:color var(--hover-ms, .32s)}.lens-projects a:hover{color:var(--ui-text-muted, var(--gm-mid))}.lens-projects .lp-loc{margin-left:auto;font-family:var(--font-mono);font-size:var(--type-xs, 11px);letter-spacing:var(--tracking-wide, .05em);text-transform:uppercase;color:var(--ui-text-muted, var(--gm-mid));text-align:right}.lens-projects .lp-index{font-family:var(--font-mono);font-size:var(--type-xs, 11px);letter-spacing:var(--tracking-wide, .05em);color:var(--ui-text-muted, var(--gm-mid))}.lens-visual{cursor:crosshair}#lenses-page .lens-intro{position:relative;overflow:hidden;justify-content:center;align-items:flex-start;gap:clamp(24px,4vh,56px)}.lens-intro-copy{max-width:40ch}.lens-intro-eyebrow{font-family:var(--font-mono);font-size:var(--type-xs, 11px);letter-spacing:var(--tracking-widest, .15em);text-transform:uppercase;color:var(--ui-text-muted, var(--gm-mid))}.lens-intro-copy h1{margin:var(--space-sm, 12px) 0 var(--space-md, 16px);font-family:var(--font-display);font-weight:var(--weight-light, 400);font-size:clamp(38px,5.4vw,84px);line-height:1}.lens-diagram{width:100%;max-width:1320px;max-height:52vh;height:auto;align-self:center}.lg-dot{fill:color-mix(in srgb,var(--gm-black, #27251F) 13%,transparent)}.lg-beam{stroke:var(--ui-text, var(--gm-black));stroke-width:1.2;opacity:.45;stroke-dasharray:1400;stroke-dashoffset:1400;animation:lgDraw 1.4s var(--ease-out, cubic-bezier(.2,.6,.2,1)) .15s forwards}@keyframes lgDraw{to{stroke-dashoffset:0}}.lg-shape>*{fill:none;stroke:var(--ui-text, var(--gm-black));stroke-width:1.6;vector-effect:non-scaling-stroke}.lg-leader{stroke:color-mix(in srgb,var(--gm-black, #27251F) 26%,transparent);stroke-width:1;stroke-dasharray:2 3}.lg-num,.lg-name{text-anchor:middle;font-family:var(--font-mono)}.lg-num{font-size:13px;fill:var(--ui-text-muted, var(--gm-mid))}.lg-name{font-size:13px;letter-spacing:.1em;text-transform:uppercase;fill:var(--ui-text, var(--gm-black))}.lg-node{opacity:0;animation:lgNode .7s var(--ease-out, ease-out) forwards;animation-delay:calc(.5s + var(--i) * .13s)}@keyframes lgNode{to{opacity:1}}.lg-glint circle{fill:var(--ui-text, var(--gm-black))}.lg-glint{animation:lgGlint 4.6s cubic-bezier(.55,0,.45,1) 1.6s infinite}@keyframes lgGlint{0%{transform:translate(0);opacity:0}6%{opacity:1}90%{opacity:1}to{transform:translate(var(--tx),var(--ty));opacity:0}}@media(prefers-reduced-motion:reduce){.lg-beam{stroke-dashoffset:0;animation:none}.lg-node{opacity:1;animation:none}.lg-glint{display:none}}@media(max-width:720px){.lens-intro-copy{top:9vh}.lens-diagram{width:96vw;margin-top:10vh}.lg-name{display:none}.lg-num{font-size:34px}}