.geometria{--geo-line:#c5d0c9;--geo-muted:#536b68;color:var(--ink);margin:2rem 0 4rem;display:block}.geometria *{box-sizing:border-box}.geometria [hidden]{display:none!important}.geo-breadcrumb{margin-bottom:2rem;font-size:.78rem}.geo-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:3rem;margin:0 0 2.6rem;display:grid}.geo-intro h1{margin:.6rem 0;font-size:clamp(3.8rem,7vw,6rem);line-height:.95}.geo-intro h1 span{color:var(--accent);margin-top:.7rem;font-size:clamp(1.8rem,3.2vw,2.7rem);font-style:italic;font-weight:400;display:block}.geo-intro>p{max-width:31rem;margin-bottom:.3rem;font-size:.9rem;line-height:1.8}.geo-studio{border:1px solid var(--geo-line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) 300px;scroll-margin-top:1rem;display:grid;overflow:hidden}.geo-stage{color:#e1eadd;background:#122c35;min-width:0}.geo-stage-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.6rem .5rem;display:flex}.geo-stage-heading h2{margin:0;font-size:1.9rem;font-weight:400}.geo-stage-heading .eyebrow{color:#c0d1c7;font-size:.57rem}.geo-stage-heading>span{white-space:nowrap;color:#bdcfca;font-size:.62rem}.geo-viewport{width:100%;height:450px;position:relative;overflow:hidden}.geo-viewport canvas,.geo-poster{object-fit:contain;width:100%;height:100%;display:block}.geo-viewport canvas{touch-action:none}.geo-toolbar{flex-wrap:wrap;gap:.5rem;padding:.8rem 1.3rem;display:flex}.geometria button,.geometria select{font:inherit;border:1px solid var(--geo-line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:5px;padding:.6rem .75rem;font-size:.75rem}.geometria button{cursor:pointer}.geometria button:disabled{opacity:.55;cursor:default}.geo-toolbar button{color:#e7f1e5;background:#213e47;border-color:#627e83}.geo-toolbar [data-enable],.geo-toolbar [data-motion]:not(:disabled){color:#183c35;background:#dbe9d8}.geo-status{color:#c1d4cb;min-height:2.2rem;margin:.1rem 1.3rem 1rem;font-size:.67rem;line-height:1.6}.geo-controls{min-width:0;padding:1.5rem}.geo-controls p{font-size:.8rem;line-height:1.7}.geo-controls select{width:100%;margin:.5rem 0 1rem}.geo-controls label{justify-content:space-between;gap:.5rem;font-size:.76rem;display:flex}.geo-controls input{accent-color:#277e79;width:100%;min-height:36px}.geo-parameter{margin:.8rem 0}.geo-parameter output{font-variant-numeric:tabular-nums;color:var(--accent)}.geo-try{background:var(--glass);border-left:2px solid #789a89;padding:.9rem}.geo-controls details{border-top:1px solid var(--geo-line);padding:.8rem 0;font-size:.75rem}.geometria summary{cursor:pointer;min-height:32px;padding:.3rem 0}.geo-settings{display:none}.geo-ready .geo-settings{display:block}.geo-settings button{width:100%;margin-top:.5rem;display:block}.geo-section-heading{margin:3.5rem 0 1.5rem}.geo-section-heading h2{margin:.2rem 0;font-size:2.4rem;font-weight:400}.geo-section-heading>p:last-child{font-size:.85rem}.geo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.geo-card{border:1px solid var(--geo-line);background:var(--surface);border-radius:7px;scroll-margin-top:1rem;overflow:hidden}.geo-card>a{text-decoration:none;display:block}.geo-card img{aspect-ratio:3/2;object-fit:contain;background:#122c35;width:100%;height:auto;display:block}.geo-card strong{font-family:var(--font-heading,"EB Garamond Variable",serif);padding:.8rem .9rem .2rem;font-size:1.22rem;font-weight:500;line-height:1.15;display:block}.geo-card small{color:var(--muted);padding:0 .9rem .65rem;font-size:.6rem;display:block}.geo-card details{padding:0 .9rem .5rem;font-size:.72rem}.geo-card p{font-size:.75rem;line-height:1.7}.geo-card [aria-current=true]{box-shadow:inset 0 0 0 2px var(--accent)}.geo-readings{border-top:1px solid var(--geo-line);margin-top:3rem;padding-top:2rem}.geo-readings>div{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.geo-readings a{text-decoration:none}.geo-readings h3{font-size:1.6rem;font-weight:400}.geo-readings p,.geo-credits{font-size:.8rem;line-height:1.7}.geo-credits{color:var(--muted);margin-top:3rem}.geometria :focus-visible{outline-offset:3px;outline:3px solid #409c97}.geo-stage :focus-visible{outline-offset:-4px;outline-color:#e4d9ad}[data-appearance=evening] .geometria{--geo-line:#36535b}@media (width<=950px){.geo-studio{grid-template-columns:minmax(0,1fr) 270px}.geo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.geo-intro{grid-template-columns:1fr;gap:1.3rem}.geo-studio{grid-template-columns:1fr}.geo-viewport{height:340px}.geo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.geo-controls{padding:1.2rem}.geo-readings>div{grid-template-columns:1fr;gap:.5rem}.geo-stage-heading{padding:1.2rem 1rem .4rem}.geo-stage-heading h2{font-size:1.55rem}.geo-toolbar{padding:.6rem 1rem}.geo-toolbar button{flex:42%;font-size:.7rem}.geo-status{margin-left:1rem}.geo-card strong{font-size:1.05rem}}@media (forced-colors:active){.geo-stage{border:1px solid canvastext}.geo-viewport canvas{display:none}.geo-card{border:1px solid canvastext}.geometria button{border:1px solid buttontext}}@media (prefers-reduced-motion:reduce){.geometria *{scroll-behavior:auto!important;transition:none!important}}
