@charset "UTF-8";
:root{color-scheme:dark;--bg:#071014;--bg-2:#0b171b;--panel:#0e1d22;--panel-2:#12262b;--panel-3:#18343a;--line:rgba(163,205,202,.14);--line-strong:rgba(105,225,220,.34);--text:#eff6f4;--muted:#a2b6b4;--dim:#718988;--cyan:#69e1dc;--cyan-soft:#a5f1ec;--mint:#c8f47c;--amber:#ffb45d;--red:#ff8d80;--radius:22px;--radius-sm:12px;--shadow:0 24px 80px rgba(0,0,0,.28);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 0%,rgba(43,119,117,.12),transparent 38%),radial-gradient(ellipse at 8% 36%,rgba(34,90,93,.09),transparent 34%),linear-gradient(180deg,#071014 0%,#091418 60%,#071014 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.skip-link{position:absolute;top:-100px;left:12px;background:var(--cyan);color:#031014;padding:10px 16px;border-radius:8px;z-index:1000}.skip-link:focus{top:12px}.reading-progress{height:2px;position:fixed;inset:0 0 auto;z-index:200;background:transparent}.reading-progress span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .08s linear}.site-header{height:76px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,62px);border-bottom:1px solid var(--line);background:rgba(7,16,20,.82);backdrop-filter:blur(18px)}.brand,.footer-brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-symbol{width:34px;height:34px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line-strong);border-radius:11px;background:rgba(105,225,220,.07);padding:7px}.brand-symbol span{width:3px;border-radius:4px;background:var(--cyan);display:block}.brand-symbol span:nth-child(1){height:10px}.brand-symbol span:nth-child(2){height:19px}.brand-symbol span:nth-child(3){height:14px}.brand-copy,.footer-brand>div{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong,.footer-brand strong{font-size:10px;letter-spacing:.14em}.brand-copy small,.footer-brand small{font-size:9px;letter-spacing:.1em;color:var(--muted);margin-top:5px}.brand-copy i{font-style:normal;color:var(--cyan);padding:0 2px}.primary-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,34px)}.primary-nav a{font-size:12px;color:var(--muted);transition:color .2s;position:relative}.primary-nav a:hover,.primary-nav a.active{color:var(--cyan)}.primary-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--cyan)}.header-actions{display:flex;align-items:center;gap:14px}.version-chip{font-size:9px;letter-spacing:.13em;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:7px 10px;white-space:nowrap}.status-dot,.status-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px;box-shadow:0 0 10px rgba(200,244,124,.6)}.button{border:1px solid transparent;border-radius:10px;padding:12px 17px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,color .2s;min-height:44px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#061316}.button-primary:hover{background:#8af0e9}.button-secondary{border-color:var(--line-strong);background:rgba(105,225,220,.05);color:var(--cyan)}.button-secondary:hover{background:rgba(105,225,220,.12)}.button-quiet{background:transparent;border-color:var(--line);color:var(--muted)}.button-quiet:hover{border-color:var(--line-strong);color:var(--text)}.button-small{padding:8px 12px;min-height:38px;font-size:11px}.icon-button{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.icon-button span{height:1px;width:17px;background:var(--text)}.section-shell{max-width:var(--max);margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}.hero-section{min-height:660px;padding-top:72px;padding-bottom:38px;display:grid;grid-template-columns:.91fr 1.09fr;gap:32px;align-items:center;position:relative}.hero-copy{padding:18px 0 34px;position:relative;z-index:2}.eyebrow,.section-index,.micro-label{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--cyan);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;width:28px;height:1px;background:var(--cyan)}.eyebrow-sep{color:var(--dim)}.hero-kicker{color:var(--muted);font-size:10px;letter-spacing:.17em;margin:45px 0 10px}.hero-copy h1{font-size:clamp(52px,7vw,92px);letter-spacing:-.075em;line-height:.89;margin:0;font-weight:850}.hero-copy h1 em,.section-heading h2 em,.sources-layout h2 em{font-style:normal;color:var(--cyan);font-weight:500}.hero-subtitle{font-size:clamp(17px,2.2vw,24px);color:#d2dfdb;letter-spacing:-.02em;margin:14px 0 20px}.hero-description{font-size:14px;color:var(--muted);max-width:500px;line-height:1.8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:56px;padding-top:19px;border-top:1px solid var(--line)}.hero-meta>div{display:flex;flex-direction:column;gap:5px}.meta-label{font-size:8px;letter-spacing:.14em;color:var(--dim)}.hero-meta strong{font-size:11px;font-weight:650;color:#dbe6e2}.hero-visual-wrap{position:relative;padding:24px 0}.hero-visual-glow{position:absolute;width:70%;height:70%;right:5%;top:15%;background:rgba(69,200,192,.12);filter:blur(80px);border-radius:50%}.hero-visual{margin:0;position:relative;background:#101a1d;border:1px solid rgba(105,225,220,.24);border-radius:20px;padding:10px;box-shadow:var(--shadow);transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);transition:transform .5s}.hero-visual:hover{transform:perspective(1400px) rotateY(0) rotateX(0) translateY(-3px)}.hero-visual img{display:block;width:100%;height:auto;border-radius:12px}.hero-visual figcaption{display:flex;align-items:center;gap:8px;padding:10px 5px 3px;font-size:8px;letter-spacing:.1em;color:var(--muted);flex-wrap:wrap}.hero-visual figcaption span:last-child{color:#c0a878;margin-left:auto}.caption-mark{width:6px;height:6px;border-radius:50%;background:var(--amber)}.floating-note{position:absolute;display:flex;gap:10px;align-items:center;padding:10px 13px;border:1px solid rgba(105,225,220,.25);background:rgba(11,27,31,.92);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.3)}.floating-note-top{top:0;right:-16px}.floating-note-bottom{bottom:0;left:-22px}.note-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,180,93,.13);color:var(--amber);font-size:11px;font-weight:800}.note-icon-cyan{background:rgba(105,225,220,.12);color:var(--cyan);font-size:19px}.floating-note span:last-child{display:flex;flex-direction:column;line-height:1.3}.floating-note b{font-size:10px}.floating-note small{font-size:9px;color:var(--muted);margin-top:3px}.hero-bottom-line{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.18em;color:var(--dim);margin-top:5px}.hero-bottom-track{height:1px;background:var(--line);flex:1;position:relative}.hero-bottom-track i{position:absolute;left:0;top:-1px;width:18%;height:3px;background:var(--cyan)}.hero-bottom-index{color:var(--muted)}.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(17,38,42,.62)}.status-strip-inner{max-width:var(--max);margin:auto;padding:18px clamp(20px,4vw,48px);display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:18px;align-items:center}.status-intro{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:800}.status-item{display:grid;grid-template-columns:24px 1fr;column-gap:7px;align-items:center}.status-item>strong{grid-row:1/3;color:var(--cyan);font-size:13px}.status-item>span{font-size:10px;color:#d6e2df}.tag{font-size:8px;font-weight:700;letter-spacing:.06em;justify-self:start;padding:3px 6px;border-radius:4px;margin-top:3px}.tag-defined{background:rgba(200,244,124,.1);color:var(--mint)}.tag-pending{background:rgba(255,180,93,.1);color:var(--amber)}.section{padding-top:112px;padding-bottom:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading h2,.sources-layout h2{font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.065em;margin:15px 0 0;font-weight:780}.section-lede{max-width:400px;margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.85}.project-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.surface-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,38,43,.9),rgba(10,24,28,.95));border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.12)}.problem-card{padding:27px 29px;min-height:310px;position:relative;overflow:hidden}.card-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em;font-weight:800;color:var(--muted)}.card-index{color:var(--dim)}.large-symbol{height:86px;display:flex;align-items:center;margin:12px 0}.symbol-wave svg{width:210px;height:70px;overflow:visible}.symbol-wave path{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(105,225,220,.5))}.problem-card h3{font-size:23px;line-height:1.16;letter-spacing:-.035em;max-width:390px;margin:0 0 12px}.problem-card p,.objective-card p,.scope-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:470px}.card-footnote{font-size:8px;letter-spacing:.13em;color:var(--cyan);margin-top:22px}.question-card{position:relative;overflow:hidden;border-radius:var(--radius);padding:29px 32px;background:linear-gradient(145deg,#16484a,#0d2c32);border:1px solid rgba(105,225,220,.28);min-height:310px;display:flex;flex-direction:column;justify-content:center}.question-card:after{content:"";position:absolute;width:220px;height:220px;right:-70px;bottom:-90px;border:1px solid rgba(105,225,220,.15);border-radius:50%;box-shadow:0 0 0 25px rgba(105,225,220,.025),0 0 0 55px rgba(105,225,220,.02)}.question-card .micro-label{color:#9cece5}.quote-mark{font-family:Georgia,serif;font-size:75px;line-height:.75;color:rgba(190,255,248,.34);margin-top:24px}.question-card blockquote{margin:9px 0 26px;font-size:clamp(16px,2vw,22px);letter-spacing:-.025em;line-height:1.5;font-weight:620;position:relative;z-index:1}.question-rule{display:flex;align-items:center;gap:10px}.question-rule span{width:28px;height:2px;background:var(--cyan)}.question-rule small{font-size:8px;letter-spacing:.14em;color:#9fc4c0}.objective-card,.scope-card{padding:25px 29px;min-height:230px}.objective-icon{font-size:29px;color:var(--cyan);margin-bottom:12px}.objective-card h3{font-size:20px;margin:10px 0 8px;letter-spacing:-.03em}.objective-card p{margin:0}.scope-card{background:linear-gradient(140deg,#152c31,#102126)}.scope-metric{display:flex;align-items:center;gap:14px;margin:18px 0}.scope-metric strong{font-size:61px;line-height:1;color:var(--cyan);letter-spacing:-.07em}.scope-metric span{font-size:9px;letter-spacing:.14em;color:var(--muted);line-height:1.6}.scope-tags{display:flex;flex-wrap:wrap;gap:6px}.scope-tags span,.blueprint-tags span{border:1px solid var(--line-strong);border-radius:50px;padding:5px 9px;font-size:9px;color:#c8ded9}.scope-card p{margin:14px 0 0}.section-instrument{background:linear-gradient(180deg,#09171b,#0b1b20 48%,#091519);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.section-instrument:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 45%,rgba(40,133,130,.12),transparent 33%),radial-gradient(circle at 85% 20%,rgba(40,133,130,.08),transparent 30%);pointer-events:none}.section-heading-light{position:relative;z-index:1}.instrument-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:17px;position:relative;z-index:1}.instrument-image-panel,.component-panel{border:1px solid var(--line-strong);background:#0c1b1f;border-radius:var(--radius);overflow:hidden}.image-panel-header,.component-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.image-coordinate,.component-count{font-size:9px;color:var(--dim);letter-spacing:.1em}.instrument-image-panel>img{display:block;width:100%;height:480px;object-fit:contain;background:#101a1c}.image-panel-footer{display:flex;justify-content:space-between;padding:12px 17px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)}.image-panel-footer i{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:6px}.component-panel{padding-bottom:17px;display:flex;flex-direction:column;min-height:580px}.component-tabs{padding:14px 14px 7px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.component-tab{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.015);padding:9px 10px;text-align:left;cursor:pointer;display:flex;gap:9px;align-items:center;transition:.2s;min-height:47px}.component-tab:hover{border-color:var(--line-strong);background:rgba(105,225,220,.06)}.component-tab[aria-pressed="true"]{border-color:var(--cyan);background:rgba(105,225,220,.1)}.component-tab-number{font-size:9px;color:var(--cyan);font-weight:800}.component-tab-name{font-size:10px;color:#dce7e3;line-height:1.3}.component-detail{margin:12px 15px 0;padding:19px;border-radius:14px;background:linear-gradient(135deg,rgba(30,65,68,.62),rgba(13,31,35,.8));border:1px solid rgba(105,225,220,.17);display:grid;grid-template-columns:48px 1fr;gap:13px;min-height:235px}.component-detail-number{font-size:34px;line-height:1;color:var(--cyan);font-weight:800;letter-spacing:-.07em}.component-detail-body h3{font-size:19px;line-height:1.2;letter-spacing:-.03em;margin:8px 0}.component-detail-body p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}.component-function{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;display:flex;flex-direction:column;gap:4px}.component-function span{font-size:8px;letter-spacing:.13em;color:var(--dim)}.component-function strong{font-size:10px;color:#dce9e5}.component-hint{font-size:9px;color:var(--dim);margin:12px 18px 0}.system-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;margin-top:22px;padding:18px 22px;background:rgba(13,31,35,.8);border:1px solid var(--line);border-radius:16px}.system-flow>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px}.flow-number{grid-row:1/3;font-size:12px;color:var(--cyan);font-weight:800}.system-flow b{font-size:10px}.system-flow small{font-size:9px;color:var(--muted)}.system-flow>i{font-style:normal;color:var(--cyan);font-size:18px;text-align:center}.physics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:stretch}.physics-explainer{display:flex;flex-direction:column;gap:14px}.physics-statement{padding:24px 25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(18,43,47,.8),rgba(10,25,29,.9))}.physics-statement p{font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:13px 0 0;font-weight:590}.physics-steps{padding:10px 3px}.physics-step{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.physics-step>span{font-size:10px;color:var(--cyan);font-weight:800}.physics-step p{margin:0;color:#d4dfdb;font-size:12px}.physics-caution{display:flex;gap:11px;align-items:flex-start;padding:14px 15px;background:rgba(255,180,93,.07);border:1px solid rgba(255,180,93,.23);border-radius:12px}.physics-caution>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(255,180,93,.15);color:var(--amber);font-weight:900;font-size:12px;flex:none}.physics-caution p{font-size:10px;line-height:1.6;color:#c8bca9;margin:0}.simulation-card{padding:22px;overflow:hidden}.simulation-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.simulation-top h3{font-size:19px;letter-spacing:-.03em;margin:7px 0 0}.live-badge{white-space:nowrap;font-size:8px;letter-spacing:.1em;color:var(--mint);border:1px solid rgba(200,244,124,.2);border-radius:30px;padding:6px 8px}.live-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:5px}.simulation-stage{background:radial-gradient(circle at 50% 45%,rgba(105,225,220,.06),transparent 56%),#091519;border:1px solid var(--line);border-radius:15px;margin-top:18px;padding:7px 8px 0}.simulation-stage svg{display:block;width:100%;height:auto;min-height:220px}.svg-grid path{stroke:rgba(153,190,186,.1);stroke-width:1;stroke-dasharray:3 7;fill:none}.moving-frame{transition:transform .85s cubic-bezier(.2,.7,.2,1)}.pendulum-mass{transition:transform .85s cubic-bezier(.2,.7,.2,1)}.svg-caption{font:9px var(--font);letter-spacing:1.2px;fill:#8ba4a1}.motion-arrow text{font:11px var(--font);font-weight:700}.simulation-axis{display:flex;align-items:center;gap:10px;padding:0 20px 12px;color:var(--dim);font-size:9px}.axis-line{height:1px;flex:1;background:linear-gradient(90deg,var(--amber),var(--cyan))}.simulation-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.direction-button,.reset-button{padding:9px 11px;min-height:42px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.direction-button span{padding-left:7px;color:var(--cyan)}.direction-button.active{border-color:var(--cyan);background:rgba(105,225,220,.1);color:var(--text)}.reset-button{margin-left:auto}.simulation-caption{min-height:35px;color:#d0ddda;font-size:10px;line-height:1.6;margin:12px 2px 5px}.simulation-note{font-size:9px;color:var(--dim);border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.pendulum-calculator{margin-top:20px;padding:27px 30px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.calculator-copy h3{font-size:23px;letter-spacing:-.04em;margin:9px 0}.calculator-copy p{font-size:11px;line-height:1.75;color:var(--muted);max-width:380px}.formula{font-family:Georgia,serif;font-size:23px;color:var(--cyan);padding:13px 0 5px}.calculator-copy>small{font-size:9px;color:var(--dim)}.calculator-control label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#dce6e2}.calculator-control output{font-size:13px;font-weight:800;color:var(--cyan)}input[type=range]{width:100%;margin:24px 0 6px;accent-color:var(--cyan);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--dim)}.calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.calculator-results>div{padding:13px 14px;background:rgba(105,225,220,.055);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:7px}.calculator-results span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.calculator-results strong{font-size:25px;color:var(--text);letter-spacing:-.04em}.calculator-results strong small{font-size:12px;color:var(--cyan)}.calculator-footnote{font-size:9px;color:var(--dim);line-height:1.6;margin:13px 0 0}.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.method-step-list{display:flex;flex-direction:column;gap:6px}.method-step-button{border:1px solid transparent;border-radius:10px;background:transparent;padding:11px 13px;text-align:left;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:9px;cursor:pointer;min-height:49px}.method-step-button:hover{background:rgba(105,225,220,.04)}.method-step-button[aria-pressed=true]{background:rgba(105,225,220,.09);border-color:var(--line-strong)}.method-step-button>span:first-child{font-size:10px;color:var(--cyan);font-weight:800}.method-step-button b{font-size:11px;font-weight:620;color:#dfe8e4}.method-step-button>span:last-child{color:var(--dim)}.method-detail{padding:29px 31px;position:relative;overflow:hidden;min-height:440px}.method-detail-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.12em}.method-big-number{font-size:94px;line-height:.95;color:rgba(105,225,220,.16);letter-spacing:-.1em;font-weight:850;margin:28px 0 10px}.method-detail h3{font-size:25px;letter-spacing:-.04em;margin:0 0 11px}.method-detail>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:550px}.method-check{padding:13px 15px;margin-top:25px;border-left:2px solid var(--cyan);background:rgba(105,225,220,.055);display:flex;flex-direction:column;gap:5px}.method-check span{font-size:8px;letter-spacing:.13em;color:var(--cyan)}.method-check b{font-size:10px;color:#d2dfda;font-weight:600}.method-navigation{display:flex;justify-content:space-between;margin-top:25px}.calibration-blueprint{margin-top:21px;padding:27px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.blueprint-copy h3{font-size:23px;letter-spacing:-.04em;margin:10px 0}.blueprint-copy p{font-size:11px;line-height:1.8;color:var(--muted)}.blueprint-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.blueprint-figure{margin:0;padding:15px;border-radius:14px;background:#0a171b;border:1px solid var(--line)}.blueprint-figure img{width:100%;display:block;max-height:230px;object-fit:contain}.blueprint-figure figcaption{font-size:9px;color:var(--dim);border-top:1px solid var(--line);padding-top:9px;margin-top:10px}.section-lab-intro{background:linear-gradient(180deg,#0a1c20,#0c2428 55%,#0a171b);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calibration-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.calibration-level{padding:23px 24px;background:rgba(8,20,24,.7);border:1px solid var(--line);border-radius:16px;min-height:220px}.calibration-level-featured{border-color:rgba(105,225,220,.46);background:linear-gradient(145deg,rgba(26,75,74,.55),rgba(9,26,30,.85))}.calibration-level>strong{display:block;font-size:49px;letter-spacing:-.08em;margin:13px 0 3px;color:var(--text)}.calibration-level>strong small{font-size:17px;color:var(--cyan)}.level-bar{height:4px;background:rgba(255,255,255,.07);border-radius:10px;overflow:hidden}.level-bar i{display:block;height:100%;background:var(--cyan);border-radius:10px}.calibration-level p{font-size:10px;line-height:1.7;color:var(--muted);min-height:35px}.level-repeat{font-size:8px;color:var(--cyan);letter-spacing:.11em}.calibration-controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.calibration-control-card{padding:17px 18px;display:flex;gap:13px;border:1px solid var(--line);border-radius:14px;background:rgba(7,18,22,.45)}.control-symbol{width:34px;height:34px;border-radius:10px;background:rgba(105,225,220,.1);display:grid;place-items:center;color:var(--cyan);font-size:18px;flex:none}.calibration-control-card strong{display:block;font-size:14px;margin:6px 0}.calibration-control-card p{font-size:9px;color:var(--muted);line-height:1.65;margin:0}.variable-band{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:20px;padding:15px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(105,225,220,.04)}.variable-band span{font-size:8px;letter-spacing:.13em;color:var(--muted)}.variable-band b{font-size:11px;color:var(--cyan)}.variable-band i{font-style:normal;color:var(--dim)}.lab-disclaimer{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid rgba(255,180,93,.25);background:rgba(255,180,93,.065);border-radius:13px}.lab-disclaimer>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(255,180,93,.15);color:var(--amber);font-weight:900;flex:none}.lab-disclaimer>div{flex:1}.lab-disclaimer strong{font-size:11px;color:#f2d5ae}.lab-disclaimer p{font-size:10px;color:#c8b9a5;line-height:1.65;margin:4px 0 0}.lab-disclaimer>b{font-size:8px;letter-spacing:.12em;color:var(--amber);white-space:nowrap}.lab-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:30px 0 13px}.lab-toolbar h3{margin:7px 0 0;font-size:21px;letter-spacing:-.03em}.lab-actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:rgba(11,25,29,.66)}.data-table{width:100%;min-width:800px;border-collapse:collapse;font-size:10px}.data-table th{text-align:left;font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:700;background:rgba(105,225,220,.055);padding:13px 12px;border-bottom:1px solid var(--line)}.data-table th small{color:var(--dim);font-size:8px}.data-table td{padding:7px 9px;border-bottom:1px solid rgba(163,205,202,.07)}.data-table tr:last-child td{border-bottom:0}.data-table .nominal-level{color:var(--cyan);font-weight:800}.data-table .trial-number{color:var(--muted)}.data-table input,.data-table select{width:100%;min-width:82px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:#0b1a1e;color:var(--text);font-size:10px;outline:none}.data-table input:focus,.data-table select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(105,225,220,.1)}.data-table input::placeholder{color:#607573}.data-table select{min-width:105px}.lab-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px}.lab-bottom-actions p{margin:0;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:8px}.save-indicator{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px rgba(200,244,124,.35)}.analysis-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:17px}.analysis-chart-card,.analysis-summary{padding:22px}.analysis-card-head{display:flex;align-items:center;justify-content:space-between}.analysis-card-head h3,.analysis-summary h3{margin:6px 0 0;font-size:17px;letter-spacing:-.03em}.chart-units{font-size:9px;color:var(--dim)}.chart-area{height:300px;margin-top:12px;position:relative}.chart-area svg{width:100%;height:100%;display:block;overflow:visible}.chart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line-strong);border-radius:12px;background:rgba(105,225,220,.018)}.chart-empty-icon{font-size:32px;color:var(--cyan);opacity:.7}.chart-empty strong{font-size:12px;margin:9px 0 4px}.chart-empty p{font-size:10px;color:var(--muted);max-width:260px;line-height:1.6}.chart-legend{display:flex;gap:19px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;font-size:9px;color:var(--muted)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:6px}.legend-line{display:inline-block;width:15px;height:2px;background:var(--amber);vertical-align:middle;margin-right:6px}.analysis-summary h3{margin-bottom:19px}.summary-stat{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.summary-stat strong{color:#e1ebe7;font-size:10px;text-align:right}.summary-note{font-size:9px;line-height:1.7;color:var(--dim);padding:13px 12px;background:rgba(105,225,220,.045);border-radius:9px;margin-top:14px}.lab-method-note{margin-top:14px;font-size:10px;line-height:1.75;padding:15px 17px;border-left:2px solid var(--cyan);background:rgba(105,225,220,.045);color:var(--muted)}.lab-method-note strong{color:var(--text)}.section-team{background:linear-gradient(180deg,#09171b,#0b2024);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.team-card{padding:19px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(8,20,24,.5);min-height:230px;display:flex;flex-direction:column}.team-card-number{font-size:10px;color:var(--cyan);font-weight:800}.team-card h3{font-size:14px;line-height:1.3;margin:22px 0 7px;letter-spacing:-.02em}.team-card .team-role{font-size:9px;color:var(--cyan);line-height:1.5;font-weight:700}.team-card p{font-size:9px;line-height:1.65;color:var(--muted);margin:10px 0}.team-card small{font-size:8px;color:var(--dim);margin-top:auto}.team-note{display:block;color:var(--amber);font-size:8px;margin-top:7px}.limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.limit-panel{padding:25px 27px;border-radius:17px;border:1px solid var(--line);min-height:280px}.limit-positive{background:linear-gradient(145deg,rgba(23,66,62,.5),rgba(11,26,29,.7));border-color:rgba(105,225,220,.22)}.limit-caution{background:linear-gradient(145deg,rgba(67,48,30,.32),rgba(22,25,24,.75));border-color:rgba(255,180,93,.22)}.limit-panel h3{font-size:21px;letter-spacing:-.03em;margin:9px 0 15px}.limit-panel ul{padding-left:17px;margin:0}.limit-panel li{font-size:11px;color:var(--muted);padding:6px 0;line-height:1.6}.limit-positive .micro-label{color:var(--cyan)}.limit-caution .micro-label{color:var(--amber)}.status-board{padding:24px 26px;margin-top:15px}.status-board-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-board-caption{font-size:9px;color:var(--dim)}.maturity-track{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:21px}.maturity-step{position:relative;border-top:2px solid var(--line-strong);padding-top:13px;display:flex;flex-direction:column;gap:4px}.maturity-step:before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:#48615e;border:1px solid #0e1d22}.maturity-step.done{border-color:var(--cyan)}.maturity-step.done:before{background:var(--cyan);box-shadow:0 0 9px rgba(105,225,220,.6)}.maturity-step>span{font-size:9px;color:var(--cyan);font-weight:800}.maturity-step b{font-size:10px}.maturity-step small{font-size:8px;color:var(--muted)}.section-sources{background:#061014;border-top:1px solid var(--line)}.sources-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.sources-layout h2{margin-top:15px}.sources-layout>div:first-child>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:340px;margin-top:20px}.source-list{border-top:1px solid var(--line)}.source-list>a{display:grid;grid-template-columns:34px 1fr 20px;gap:13px;align-items:center;padding:20px 5px;border-bottom:1px solid var(--line);transition:background .2s}.source-list>a:hover{background:rgba(105,225,220,.04)}.source-list>a>span{font-size:11px;color:var(--cyan);font-weight:800}.source-list>a>div{display:flex;flex-direction:column;gap:4px}.source-list b{font-size:8px;letter-spacing:.12em;color:var(--cyan);text-transform:uppercase}.source-list strong{font-size:12px;font-weight:650}.source-list small{font-size:9px;color:var(--muted)}.source-list>a>i{font-style:normal;color:var(--cyan)}.site-footer{border-top:1px solid var(--line);padding:27px clamp(20px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#050c0f}.site-footer>p{font-size:9px;line-height:1.7;color:var(--dim);margin:0}.footer-actions{display:flex;align-items:center;gap:18px}.back-top{font-size:8px;letter-spacing:.13em;color:var(--cyan)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 15px;border:1px solid var(--line-strong);border-radius:10px;background:#102328;color:var(--text);font-size:11px;box-shadow:var(--shadow);z-index:300;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}body.focus-mode .site-header{opacity:.25;transition:opacity .2s}body.focus-mode .site-header:hover{opacity:1}body.focus-mode .primary-nav{opacity:0;pointer-events:none}body.focus-mode .section-shell{max-width:1080px}body.focus-mode .section{padding-top:90px;padding-bottom:90px}body.focus-mode .site-header .header-actions .version-chip{display:none}body.focus-mode .section-index{font-size:10px}body.focus-mode .hero-section{min-height:740px}
@media(max-width:1050px){.primary-nav{gap:15px}.primary-nav a{font-size:11px}.version-chip{display:none}.hero-section{grid-template-columns:.9fr 1.1fr}.instrument-showcase{grid-template-columns:1fr 1fr}.instrument-image-panel>img{height:420px}.component-panel{min-height:520px}.component-tabs{grid-template-columns:1fr}.component-tab{min-height:40px}.team-grid{grid-template-columns:repeat(3,1fr)}.team-card{min-height:205px}}
@media(max-width:780px){html{scroll-padding-top:86px}.site-header{height:66px;padding:0 17px}.primary-nav{display:none;position:absolute;left:12px;right:12px;top:72px;padding:13px;background:rgba(8,23,27,.98);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:12px;border-bottom:1px solid var(--line);font-size:12px}.primary-nav a:last-child{border-bottom:0}.primary-nav a.active:after{display:none}.icon-button{display:flex}.header-actions{gap:8px}.header-actions .button{display:none}.brand{min-width:auto}.hero-section{padding-top:45px;grid-template-columns:1fr;gap:15px;min-height:auto}.hero-kicker{margin-top:30px}.hero-copy{padding-bottom:0}.hero-copy h1{font-size:clamp(52px,13vw,82px)}.hero-visual-wrap{padding:28px 10px 25px}.floating-note-top{right:-3px}.floating-note-bottom{left:-4px}.hero-meta{margin-top:35px;gap:17px}.hero-bottom-line{margin-top:12px}.status-strip-inner{grid-template-columns:1fr 1fr;gap:13px}.status-intro{grid-column:1/-1}.section{padding-top:78px;padding-bottom:78px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.sources-layout h2{font-size:clamp(37px,10vw,54px)}.section-lede{margin-top:17px;max-width:560px}.project-grid{grid-template-columns:1fr}.problem-card,.question-card{min-height:unset}.question-card{padding:25px}.objective-card,.scope-card{min-height:unset}.instrument-showcase{grid-template-columns:1fr}.instrument-image-panel>img{height:auto;max-height:520px}.component-panel{min-height:auto}.component-tabs{grid-template-columns:1fr 1fr}.component-detail{min-height:unset}.system-flow{grid-template-columns:1fr;gap:9px}.system-flow>div{padding:7px 0}.system-flow>i{transform:rotate(90deg);font-size:14px}.physics-grid{grid-template-columns:1fr}.simulation-card{padding:16px}.simulation-stage svg{min-height:180px}.pendulum-calculator{grid-template-columns:1fr;gap:20px;padding:23px}.method-layout{grid-template-columns:1fr}.method-step-list{display:grid;grid-template-columns:1fr 1fr}.method-detail{min-height:380px;padding:22px}.method-big-number{font-size:72px;margin-top:22px}.calibration-blueprint{grid-template-columns:1fr;padding:22px}.calibration-plan-grid,.calibration-controls-grid{grid-template-columns:1fr}.calibration-level{min-height:unset}.calibration-level p{min-height:unset}.variable-band{justify-content:flex-start}.lab-toolbar{align-items:flex-start;flex-direction:column}.lab-actions{width:100%}.analysis-grid{grid-template-columns:1fr}.chart-area{height:260px}.team-grid{grid-template-columns:1fr 1fr}.team-card{min-height:210px}.limits-grid{grid-template-columns:1fr}.status-board-title{display:block}.status-board-caption{display:block;margin-top:6px}.maturity-track{grid-template-columns:1fr;gap:5px}.maturity-step{border-top:0;border-left:2px solid var(--line-strong);padding:4px 0 13px 15px}.maturity-step:before{top:2px;left:-5px}.sources-layout{grid-template-columns:1fr;gap:28px}.site-footer{flex-wrap:wrap}.site-footer>p{order:3;width:100%}.footer-actions{margin-left:auto}}
@media(max-width:480px){.brand-copy strong{font-size:9px}.brand-copy small{font-size:8px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.floating-note{padding:8px 10px}.floating-note b{font-size:9px}.floating-note small{font-size:8px}.hero-visual figcaption{font-size:7px}.hero-visual figcaption span:last-child{margin-left:0}.status-strip-inner{gap:12px}.status-item>span{font-size:9px}.status-item .tag{font-size:7px}.component-tabs{grid-template-columns:1fr}.component-detail{grid-template-columns:37px 1fr;padding:15px}.component-detail-number{font-size:28px}.component-detail-body h3{font-size:17px}.simulation-controls{display:grid;grid-template-columns:1fr 1fr}.reset-button{margin-left:0}.simulation-stage svg{min-height:150px}.calculator-results{gap:7px}.calculator-results strong{font-size:21px}.method-step-list{grid-template-columns:1fr}.method-detail h3{font-size:21px}.lab-actions .button{flex:1}.lab-bottom-actions{align-items:flex-start;flex-direction:column}.analysis-chart-card,.analysis-summary{padding:16px}.team-grid{grid-template-columns:1fr}.team-card{min-height:unset}.team-card h3{margin-top:13px}.source-list strong{font-size:10px}.footer-actions{width:100%;justify-content:space-between}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:#fff;color:#111}.site-header,.reading-progress,.hero-actions,.component-tabs,.simulation-controls,.method-navigation,.lab-actions,.lab-bottom-actions,.toast{display:none!important}.section,.hero-section{break-inside:avoid;min-height:auto;padding:30px 0}.surface-card,.question-card,.problem-card,.objective-card,.scope-card{box-shadow:none;print-color-adjust:exact}.section-heading h2,.hero-copy h1{font-size:35px}.site-footer{print-color-adjust:exact}.lab-disclaimer{print-color-adjust:exact}}

.group-stats{margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(105,225,220,.025)}.group-stats>.micro-label{display:block;margin-bottom:8px}.group-stat-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid rgba(163,205,202,.07);font-size:8px}.group-stat-row b{color:var(--cyan);white-space:nowrap}.group-stat-row span{color:var(--muted);text-align:right}
@media(max-width:480px){.group-stat-row{flex-direction:column;gap:3px}.group-stat-row span{text-align:left}}
.visual-atlas{margin-top:26px;position:relative;z-index:1}.atlas-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:13px}.atlas-heading h3{font-size:20px;letter-spacing:-.03em;margin:7px 0 0}.atlas-heading p,.atlas-note{font-size:9px;color:var(--dim);margin:0}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.atlas-card{border:1px solid var(--line);background:rgba(10,25,29,.85);border-radius:14px;overflow:hidden;text-align:left;padding:0;cursor:zoom-in;transition:border-color .2s,transform .2s}.atlas-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.atlas-card img{width:100%;height:170px;object-fit:cover;display:block;background:#f3f3f3}.atlas-card>span{padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:5px}.atlas-card b{font-size:11px}.atlas-card small{font-size:9px;color:var(--muted)}.atlas-card i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--cyan);font-size:9px}.atlas-note{margin-top:10px}.figure-dialog{width:min(1000px,calc(100% - 32px));max-height:90vh;padding:18px;border:1px solid var(--line-strong);border-radius:18px;background:#0b191d;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.65)}.figure-dialog::backdrop{background:rgba(1,7,9,.82);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.dialog-head h2{font-size:18px;margin:5px 0 0}.dialog-close{display:flex;border-color:var(--line-strong);font-size:20px}.figure-dialog>img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#101a1d;border-radius:10px}.figure-dialog>p{font-size:9px;color:var(--dim);margin:11px 0 0}
@media(max-width:780px){.atlas-grid{grid-template-columns:1fr 1fr}.atlas-card img{height:145px}.atlas-heading{display:block}.atlas-heading p{margin-top:9px}}
@media(max-width:480px){.atlas-grid{grid-template-columns:1fr}.atlas-card img{height:190px}.figure-dialog{padding:12px}.dialog-head h2{font-size:16px}}

.dialog-close{display:flex}.document-library{padding:18px 5px 8px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:0}.document-library>.micro-label{margin-bottom:9px}.document-library>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(163,205,202,.08)}.document-type{font-size:8px;font-weight:800;color:var(--cyan);border:1px solid var(--line-strong);border-radius:5px;padding:5px;text-align:center}.document-library b{font-size:10px;font-weight:600}.document-library i{font-size:8px;color:var(--cyan);font-style:normal;white-space:nowrap}


/* V4 — Expanded real-photo archive */
.section-photo-library{background:linear-gradient(180deg,rgba(13,31,35,.55),rgba(7,16,20,.98));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.photo-library-intro{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:26px;padding:25px 28px;margin-bottom:22px;background:linear-gradient(110deg,rgba(105,225,220,.095),rgba(14,29,34,.9) 45%,rgba(10,24,28,.98));overflow:hidden;position:relative}
.photo-library-intro:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(105,225,220,.1);border-radius:50%;right:6%;top:-190px;box-shadow:0 0 0 28px rgba(105,225,220,.025),0 0 0 58px rgba(105,225,220,.018);pointer-events:none}
.photo-library-mark{height:112px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid rgba(105,225,220,.3);border-radius:12px;background:linear-gradient(145deg,rgba(105,225,220,.13),rgba(10,24,28,.6));position:relative;z-index:1}
.photo-library-mark span{font-size:8px;letter-spacing:.2em;color:var(--cyan);font-weight:800}.photo-library-mark b{font-size:19px;line-height:1.02;letter-spacing:-.04em}
.photo-library-copy,.photo-library-count{position:relative;z-index:1}.photo-library-copy h3{font-size:clamp(19px,2.2vw,27px);letter-spacing:-.045em;margin:7px 0 6px}.photo-library-copy p{max-width:690px;font-size:11px;line-height:1.75;color:var(--muted);margin:0}.photo-library-count{border-left:1px solid var(--line-strong);padding-left:25px;display:flex;flex-direction:column;min-width:105px}.photo-library-count strong{font-size:46px;line-height:1;color:var(--cyan);letter-spacing:-.08em}.photo-library-count span{font-size:8px;letter-spacing:.13em;color:var(--muted);margin-top:8px;line-height:1.5}
.photo-filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 17px}.photo-filter{border:1px solid var(--line);border-radius:999px;background:rgba(12,27,31,.65);color:var(--muted);font-size:10px;padding:9px 13px;min-height:39px;cursor:pointer;transition:.2s}.photo-filter:hover,.photo-filter.active{color:#061316;border-color:var(--cyan);background:var(--cyan)}.photo-filter span{margin-left:6px;opacity:.7}
.photo-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.photo-reference-card{border:1px solid var(--line);background:linear-gradient(155deg,rgba(18,38,43,.9),rgba(8,19,23,.96));border-radius:16px;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}.photo-reference-card:hover{transform:translateY(-4px);border-color:rgba(105,225,220,.45);box-shadow:0 18px 50px rgba(0,0,0,.25)}.photo-reference-image{display:block;width:100%;height:230px;position:relative;padding:0;border:0;overflow:hidden;cursor:zoom-in;background:linear-gradient(135deg,#182a2d,#0c171a)}.photo-reference-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1),filter .3s;filter:saturate(.86) contrast(1.04)}.photo-reference-card:hover .photo-reference-image img{transform:scale(1.045);filter:saturate(1.05) contrast(1.05)}.photo-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 36%,rgba(3,12,15,.58));pointer-events:none}.photo-image-index{position:absolute;top:13px;left:14px;font-size:8px;letter-spacing:.16em;font-weight:800;color:#fff;text-shadow:0 1px 7px #000}.photo-zoom-mark{position:absolute;top:10px;right:11px;width:31px;height:31px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.25);backdrop-filter:blur(6px)}.photo-category-pill{position:absolute;left:13px;bottom:12px;padding:6px 9px;border-radius:6px;background:rgba(6,18,21,.78);border:1px solid rgba(105,225,220,.32);color:var(--cyan-soft);font-size:8px;letter-spacing:.07em;backdrop-filter:blur(8px)}.photo-reference-image.photo-load-failed:after{content:"FOTOGRAFÍA NO DISPONIBLE\A Comprueba la conexión para cargar la fuente original";white-space:pre;position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:10px;line-height:1.7;letter-spacing:.08em;background:radial-gradient(circle at 50% 35%,rgba(105,225,220,.1),transparent 45%),#0d1b1f}
.photo-reference-body{padding:16px 17px 14px}.photo-reference-meta{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:8px;letter-spacing:.11em;text-transform:uppercase}.reference-dot{color:var(--cyan)}.photo-reference-body h3{font-size:16px;line-height:1.22;letter-spacing:-.035em;margin:10px 0 7px;min-height:39px}.photo-reference-body>p{font-size:10px;line-height:1.72;color:var(--muted);margin:0;min-height:52px}.photo-reference-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:13px;padding-top:11px}.photo-reference-footer>span{font-size:8px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-reference-footer button{border:0;background:transparent;color:var(--cyan);font-size:9px;white-space:nowrap;cursor:pointer;padding:5px}.photo-reference-footer button span{margin-left:4px}
.photo-compare{margin-top:23px;padding:16px;display:grid;grid-template-columns:.9fr 1.1fr;gap:23px;align-items:center;background:linear-gradient(120deg,rgba(105,225,220,.07),rgba(13,29,34,.94) 50%)}.photo-compare-copy{padding:9px 10px}.photo-compare-copy h3{font-size:25px;line-height:1.1;letter-spacing:-.05em;margin:8px 0 12px}.photo-compare-copy p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 13px}.text-link{font-size:10px;color:var(--cyan);font-weight:700}.text-link span{margin-left:5px}.photo-compare-figure{margin:0;position:relative;min-width:0}.photo-compare-figure img{display:block;width:100%;height:235px;object-fit:cover;border-radius:11px;background:#101a1d}.photo-compare-figure figcaption{display:flex;flex-direction:column;gap:4px;padding:9px 3px 0}.photo-compare-figure figcaption b{font-size:10px}.photo-compare-figure figcaption small{font-size:8px;color:var(--dim)}.photo-library-footnote{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--dim);font-size:9px;line-height:1.65}.photo-library-footnote .status-dot{flex:none}
.dialog-credit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:11px;margin-top:8px;border-top:1px solid var(--line);font-size:9px;color:var(--dim)}.dialog-credit[hidden]{display:none}.dialog-credit a{color:var(--cyan);font-weight:700;white-space:nowrap}.figure-dialog>p{font-size:10px;line-height:1.65;color:var(--muted)}
@media(max-width:980px){.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-reference-image{height:210px}}
@media(max-width:780px){.photo-library-intro{grid-template-columns:100px 1fr;gap:15px;padding:17px}.photo-library-mark{height:94px}.photo-library-mark b{font-size:16px}.photo-library-count{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;display:flex;flex-direction:row;align-items:center;gap:12px}.photo-library-count strong{font-size:30px}.photo-library-count span{margin:0}.photo-gallery-grid{grid-template-columns:1fr 1fr}.photo-reference-image{height:175px}.photo-compare{grid-template-columns:1fr;gap:14px}.photo-compare-copy h3{font-size:22px}.photo-compare-figure img{height:220px}}
@media(max-width:480px){.photo-library-intro{grid-template-columns:1fr}.photo-library-mark{width:100%;height:78px}.photo-library-mark b{font-size:14px}.photo-library-count{grid-column:auto}.photo-gallery-grid{grid-template-columns:1fr}.photo-reference-image{height:220px}.photo-reference-body h3{min-height:unset}.photo-reference-body>p{min-height:unset}.photo-filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.photo-filter{flex:none}.photo-compare-figure img{height:190px}.dialog-credit{align-items:flex-start;flex-direction:column}.dialog-credit a{white-space:normal}}


/* V4 — Documentary photography, richer editorial layout and accessible image interactions */
.photo-search-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.photo-search{display:flex;align-items:center;gap:10px;max-width:560px;flex:1;min-height:45px;padding:0 13px;border:1px solid var(--line-strong);border-radius:11px;background:rgba(11,24,28,.9);color:var(--muted)}
.photo-search>span{font-size:23px;color:var(--cyan);line-height:1}
.photo-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:11px}
.photo-search input::placeholder{color:var(--dim)}
.photo-search kbd{border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:8px;color:var(--dim);font-family:inherit}
.photo-results-count{font-size:9px;color:var(--dim);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.photo-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.photo-reference-card{box-shadow:0 8px 28px rgba(0,0,0,.14)}
.photo-reference-image{height:260px}
.photo-reference-image img{object-position:center;filter:saturate(.94) contrast(1.06)}
.photo-reference-card:hover .photo-reference-image img{filter:saturate(1.08) contrast(1.08)}
.photo-reference-body{padding:18px 19px 16px}
.photo-reference-meta{font-size:8px;letter-spacing:.13em}
.photo-reference-body h3{font-size:17px;min-height:42px}
.photo-reference-body>p{font-size:10.5px;min-height:60px}
.photo-reference-footer button{font-size:9px;min-height:38px;padding:8px}
.photo-reference-image:focus-visible,.photo-filter:focus-visible,.photo-reference-footer button:focus-visible,.photo-search input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.photo-empty-state{grid-column:1/-1;min-height:220px;border:1px dashed var(--line-strong);border-radius:16px;display:grid;place-content:center;text-align:center;background:rgba(10,22,26,.55);padding:25px}
.photo-empty-state>span{font-size:32px;color:var(--cyan)}.photo-empty-state strong{font-size:16px;margin-top:8px}.photo-empty-state p{font-size:10px;color:var(--muted)}
.blueprint-visual-stack{display:grid;gap:13px;min-width:0}
.blueprint-photo-reference{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(5,14,17,.6)}
.blueprint-photo-reference img{width:100%;height:210px;object-fit:cover;display:block;background:#132529}
.blueprint-photo-reference figcaption{display:grid;gap:5px;padding:12px 14px}
.blueprint-photo-reference figcaption b{font-size:10px;color:var(--text)}
.blueprint-photo-reference figcaption span{font-size:9px;color:var(--muted);line-height:1.55}
.blueprint-photo-reference figcaption a{font-size:9px;color:var(--cyan);font-weight:700}
.usgs-principle-reference{margin:25px 0 0;padding:15px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:18px;align-items:center}
.usgs-principle-image{min-width:0;background:#f6f6f2;border-radius:10px;overflow:hidden;display:grid;place-items:center;min-height:180px}
.usgs-principle-image img{display:block;width:100%;height:100%;max-height:300px;object-fit:contain}
.usgs-principle-reference figcaption{display:grid;gap:8px}
.usgs-principle-reference figcaption b{font-size:15px;line-height:1.3}
.usgs-principle-reference figcaption small{font-size:9px;line-height:1.65;color:var(--muted)}
.usgs-principle-reference figcaption a{font-size:9px;color:var(--cyan);font-weight:700}
.photo-compare-visuals{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.photo-compare-figure img{height:245px}
.figure-dialog>img.image-load-failed{min-height:260px;object-fit:contain;background:#101a1d}
@media(max-width:980px){.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-reference-image{height:230px}}
@media(max-width:780px){.photo-search-row{align-items:stretch;flex-direction:column}.photo-search{max-width:none}.usgs-principle-reference{grid-template-columns:1fr}.usgs-principle-image{min-height:140px}.photo-compare-visuals{grid-template-columns:1fr}}
@media(max-width:480px){.photo-gallery-grid{grid-template-columns:1fr}.photo-reference-image{height:245px}.photo-reference-body h3,.photo-reference-body>p{min-height:unset}.photo-compare-visuals{grid-template-columns:1fr}}

.filter-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.09);font-size:8px;font-weight:800;margin-left:5px}.photo-filter.active .filter-count{background:rgba(3,18,19,.18);color:#061316}
img.image-load-failed{min-height:160px;background:linear-gradient(135deg,#14272b,#0b171a);object-fit:contain}
.photo-reference-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.photo-reference-image{background:linear-gradient(145deg,#1b3439,#0c1b1e)}
.photo-reference-image img{object-position:center center}
@media(prefers-reduced-motion:reduce){.photo-reference-card,.photo-reference-image img{transition:none!important}}

.photo-search-row{flex-wrap:wrap}.photo-preload-button{white-space:nowrap}.photo-preload-button:disabled{opacity:.55;cursor:progress}.photo-preload-status{display:flex;align-items:center;gap:12px;min-height:28px;margin:-5px 0 18px;color:var(--dim);font-size:9px;line-height:1.6}.photo-preload-status progress{width:min(230px,32vw);height:7px;accent-color:var(--cyan);border:0;border-radius:99px;overflow:hidden}.photo-preload-status progress[hidden]{display:none}
@media(max-width:780px){.photo-search-row{align-items:stretch}.photo-preload-button{width:100%;justify-content:center}.photo-results-count{align-self:flex-end}}


/* ======================================================================
   V5 — Dirección artística editorial / ingeniería documental
   Fotografía a sangre, composición asimétrica, capas cinematográficas,
   navegación de sección y microinteracciones accesibles.
   ====================================================================== */
:root{
  --bg:#050b0e;--bg-2:#091317;--panel:#0c1a1f;--panel-2:#11252b;
  --line:rgba(178,214,210,.15);--line-strong:rgba(105,225,220,.42);
  --cyan:#78e7e0;--cyan-soft:#b9f7f0;--max:1320px;
  --shadow-deep:0 34px 100px rgba(0,0,0,.44);
}
html{scroll-padding-top:104px;scroll-behavior:smooth}
body{background:#050b0e;letter-spacing:-.006em}
body:before{background:radial-gradient(ellipse at 76% 4%,rgba(40,145,139,.14),transparent 34%),radial-gradient(ellipse at 8% 48%,rgba(30,91,96,.10),transparent 33%),linear-gradient(180deg,#050b0e 0%,#081317 45%,#050b0e 100%)}
body:after{content:"";position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.site-header{height:82px;padding-inline:clamp(18px,5vw,76px);background:rgba(4,10,13,.76);border-bottom-color:rgba(157,211,205,.12)}
.brand-symbol{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(105,225,220,.16),rgba(105,225,220,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 22px rgba(0,0,0,.22)}
.brand-copy strong{font-size:10px;letter-spacing:.19em}.brand-copy small{font-size:8px;letter-spacing:.15em}
.primary-nav{gap:clamp(13px,2vw,28px)}.primary-nav a{font-size:11px;letter-spacing:.015em}.primary-nav a.active:after{bottom:-31px;box-shadow:0 0 15px rgba(120,231,224,.65)}
.quick-search-trigger{min-height:36px;padding:7px 10px;border-radius:8px;font-size:10px;gap:8px}.quick-search-trigger kbd{font:inherit;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-size:8px}
.version-chip{font-size:8px;letter-spacing:.16em}
.hero-section{max-width:none;min-height:min(850px,calc(100svh - 82px));padding:clamp(70px,9vw,132px) max(6vw,calc((100vw - 1320px)/2)) 50px;grid-template-columns:minmax(390px,.9fr) minmax(480px,1.1fr);gap:clamp(35px,5vw,88px);overflow:hidden;isolation:isolate}
.hero-section:before{content:"";position:absolute;inset:0 0 0 17%;z-index:-2;background-image:linear-gradient(90deg,#050b0e 0%,rgba(5,11,14,.94) 22%,rgba(5,11,14,.66) 52%,rgba(5,11,14,.68) 100%),linear-gradient(0deg,#050b0e 0%,transparent 26%,rgba(5,11,14,.15) 100%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/CVO_Seismometer.jpg?itok=KLXoN_Pe");background-size:cover;background-position:center right;opacity:.74;transform:scale(1.015)}
.hero-section:after{content:"";position:absolute;right:-8%;top:4%;width:58vw;height:58vw;max-width:900px;max-height:900px;border:1px solid rgba(120,231,224,.10);border-radius:50%;z-index:-1;box-shadow:0 0 0 44px rgba(120,231,224,.018),0 0 0 110px rgba(120,231,224,.012),inset 0 0 100px rgba(120,231,224,.025);pointer-events:none}
.hero-copy{padding:12px 0 24px}.hero-kicker{margin-top:54px;color:#bfd0cc;font-size:9px}.hero-copy h1{font-size:clamp(64px,8.2vw,116px);letter-spacing:-.092em;line-height:.83;text-shadow:0 12px 50px rgba(0,0,0,.22)}
.hero-copy h1 em{color:#81e9e1;text-shadow:0 0 38px rgba(105,225,220,.16)}
.hero-subtitle{font-size:clamp(18px,2.1vw,27px);line-height:1.2;color:#e4efeb;margin-top:20px}.hero-description{max-width:485px;font-size:14px;line-height:1.9;color:#aebfbc}
.hero-actions{margin-top:34px}.button{border-radius:9px;letter-spacing:.015em}.button-primary{box-shadow:0 7px 27px rgba(105,225,220,.14)}
.hero-meta{margin-top:52px;gap:clamp(18px,3vw,34px);border-top-color:rgba(185,231,224,.18)}
.hero-visual-wrap{padding:38px 0}.hero-visual{padding:10px;border-radius:17px;background:rgba(6,17,20,.74);border-color:rgba(127,229,220,.36);box-shadow:0 32px 100px rgba(0,0,0,.52),0 0 65px rgba(58,159,153,.10);transform:perspective(1600px) rotateY(-4deg) rotateX(1.2deg)}
.hero-visual img{border-radius:10px}.hero-visual figcaption{font-size:8px;letter-spacing:.12em}.hero-visual:hover{transform:perspective(1600px) rotateY(0) rotateX(0) translateY(-5px)}
.hero-background-credit{position:absolute;right:clamp(24px,5vw,74px);bottom:20px;z-index:3;font-size:7px;letter-spacing:.15em;color:rgba(211,229,224,.56);text-align:right}.hero-background-credit .status-dot{width:5px;height:5px}
.floating-note{border-radius:9px;box-shadow:0 18px 48px rgba(0,0,0,.38)}
.status-strip{background:linear-gradient(90deg,rgba(13,36,40,.92),rgba(7,18,21,.9));backdrop-filter:blur(12px)}
.section{padding-block:clamp(82px,9vw,132px)}
.section-shell{max-width:1320px;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}
.section-heading{margin-bottom:clamp(32px,4vw,54px);gap:40px}.section-index{font-size:8px;letter-spacing:.22em}.section-heading h2{font-size:clamp(42px,5.1vw,69px);line-height:.94;letter-spacing:-.085em}.section-lede{font-size:13px;max-width:470px;line-height:1.9;color:#aabbb8}
.surface-card{border-color:rgba(172,213,207,.16);background:linear-gradient(145deg,rgba(16,37,42,.78),rgba(8,19,23,.88));box-shadow:0 18px 54px rgba(0,0,0,.18)}
.section-project{position:relative;isolation:isolate}.section-project:before{content:"";position:absolute;z-index:-1;inset:10% 0 0 48%;background:linear-gradient(90deg,#071014 0%,rgba(7,16,20,.78) 35%,rgba(7,16,20,.8) 100%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/media/images/SV06.jpg?itok=VzCwsNwY");background-size:cover;background-position:center;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent)}
.problem-card,.objective-card,.scope-card,.question-card{backdrop-filter:blur(10px)}
.project-grid{gap:16px}.problem-card,.objective-card,.scope-card{border-radius:17px}.problem-card{padding:clamp(24px,3vw,38px)}.problem-card h3,.objective-card h3{font-size:clamp(18px,2vw,24px);line-height:1.18;letter-spacing:-.05em}.problem-card p,.objective-card p,.scope-card p{font-size:12px;line-height:1.9;color:#a8bab6}.question-card{padding:clamp(25px,3.5vw,42px);background:linear-gradient(135deg,rgba(15,38,42,.92),rgba(7,18,22,.88));border-color:rgba(120,231,224,.24)}.question-card blockquote{font-size:clamp(18px,2.15vw,25px);line-height:1.48;letter-spacing:-.045em}
.section-instrument{isolation:isolate}.section-instrument:after{content:"";position:absolute;z-index:-1;right:-5%;top:5%;width:48%;height:86%;background-image:linear-gradient(90deg,#09171b 0%,rgba(9,23,27,.55) 38%,rgba(9,23,27,.72) 100%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/vhp_img1103.jpg?itok=bNdx8t5o");background-size:cover;background-position:center;opacity:.19;filter:saturate(.65);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);pointer-events:none}
.instrument-image-panel{border-radius:18px;box-shadow:0 28px 75px rgba(0,0,0,.32)}.instrument-image-panel>img{border-radius:10px}.component-panel{border-radius:18px;background:rgba(6,17,21,.7);backdrop-filter:blur(14px)}.component-tabs button{transition:transform .2s,background .2s,border-color .2s}.component-tabs button:hover{transform:translateX(3px)}
.visual-atlas{margin-top:clamp(50px,6vw,80px)}.atlas-heading h3{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.055em}.atlas-grid{gap:16px}.atlas-card{border-radius:15px;min-height:0}.atlas-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}.atlas-card:hover img{transform:scale(1.055);filter:contrast(1.08) saturate(1.07)}
.section-photo-library{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(6,17,21,.91),rgba(5,11,14,.97)),url("https://upload.wikimedia.org/wikipedia/commons/2/26/Seismograph_recording.jpg");background-size:cover;background-position:center 36%;background-attachment:fixed}
.section-photo-library:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 16% 30%,rgba(73,171,164,.12),transparent 34%),linear-gradient(180deg,rgba(4,10,13,.55),rgba(4,10,13,.94))}
.photo-story-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px;margin:0 0 clamp(38px,5vw,66px)}
.photo-story-card{position:relative;display:block;height:clamp(220px,25vw,330px);overflow:hidden;border:1px solid rgba(183,226,218,.17);border-radius:14px;background:#112226;isolation:isolate;box-shadow:0 25px 70px rgba(0,0,0,.25);transform:translateZ(0)}
.photo-story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08);transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.photo-story-card:hover img{transform:scale(1.07);filter:saturate(1.06) contrast(1.08)}
.photo-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,10,.12) 0%,rgba(2,8,10,.08) 30%,rgba(2,8,10,.86) 100%),linear-gradient(90deg,rgba(3,10,12,.24),transparent 65%);z-index:1}
.photo-story-index{position:absolute;left:17px;top:16px;z-index:2;color:#e0f4ef;font-size:7px;letter-spacing:.2em;font-weight:800;text-shadow:0 2px 10px #000}
.photo-story-copy{position:absolute;left:19px;right:16px;bottom:19px;z-index:2;display:grid;gap:7px}.photo-story-copy b{font-size:clamp(17px,2vw,25px);line-height:1.08;letter-spacing:-.055em;max-width:330px;text-shadow:0 3px 18px rgba(0,0,0,.4)}.photo-story-copy small{font-size:8px;line-height:1.55;letter-spacing:.04em;color:#c1d2ce;max-width:340px}
.photo-story-arrow{position:absolute;right:16px;top:14px;z-index:2;width:32px;height:32px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(3,13,16,.25);backdrop-filter:blur(8px);transition:background .25s,transform .25s}.photo-story-card:hover .photo-story-arrow{background:var(--cyan);color:#041113;transform:rotate(45deg)}
.photo-library-intro{border-radius:16px;background:linear-gradient(105deg,rgba(13,35,40,.94),rgba(7,18,22,.86));box-shadow:0 20px 70px rgba(0,0,0,.18)}
.photo-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-reference-card{border-radius:14px;overflow:hidden;background:rgba(7,18,22,.93)}.photo-reference-image{height:clamp(220px,22vw,290px)}.photo-reference-image:focus-visible{outline-offset:-4px}.photo-reference-body{padding:18px 19px}.photo-reference-body h3{font-size:17px;min-height:42px}.photo-reference-body>p{font-size:11px;min-height:62px;line-height:1.72}
.photo-compare{border-radius:16px;padding:clamp(18px,2.5vw,30px);margin-top:32px;background:linear-gradient(115deg,rgba(15,43,46,.96),rgba(6,17,20,.93) 65%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/media/images/DSCN5940.JPG?itok=oWE81fw7");background-size:cover;background-position:right center;box-shadow:0 28px 75px rgba(0,0,0,.25)}
.photo-compare-copy h3{font-size:clamp(24px,3vw,34px)}.photo-compare-copy p{font-size:12px;line-height:1.85}
.section-shell#fisica{position:relative;isolation:isolate}.section-shell#fisica:before{content:"";position:absolute;z-index:-1;right:2%;top:10%;width:34%;height:80%;background:url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/keep1a.gif?itok=seQ09MHn") center/contain no-repeat;opacity:.12;filter:grayscale(1)}
.simulation-card{border-radius:17px;box-shadow:0 28px 85px rgba(0,0,0,.23)}.simulation-stage{background:radial-gradient(circle at 50% 35%,rgba(56,139,135,.16),transparent 55%),linear-gradient(145deg,#0c1c20,#071317)}.simulation-controls button{min-height:43px}.direction-button.active{box-shadow:0 0 0 2px rgba(120,231,224,.13),0 6px 24px rgba(105,225,220,.09)}
.pendulum-calculator{border-radius:17px;overflow:hidden}.calculator-control input[type=range]{accent-color:var(--cyan)}
.section-shell#metodologia{position:relative;isolation:isolate}.section-shell#metodologia:before{content:"";position:absolute;z-index:-1;right:0;top:6%;width:52%;height:70%;background:linear-gradient(90deg,#050b0e 0%,rgba(5,11,14,.35) 42%,rgba(5,11,14,.55) 100%),url("https://upload.wikimedia.org/wikipedia/commons/9/9a/Slider_Crank_Mechanism.jpg");background-size:cover;background-position:center;opacity:.13;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 82%,transparent)}
.calibration-blueprint{border-radius:17px;padding:clamp(18px,3vw,30px);background:linear-gradient(105deg,rgba(12,34,38,.97),rgba(6,18,22,.90))}.blueprint-photo-reference img{height:clamp(210px,20vw,270px)}
.section-lab-intro{position:relative;isolation:isolate;background:linear-gradient(115deg,rgba(5,13,16,.96),rgba(7,23,27,.91)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/media/images/Fig._N.jpg?itok=M0LyI8RZ");background-size:cover;background-position:center 40%;background-attachment:fixed}
.calibration-level{backdrop-filter:blur(9px);border-radius:15px}.calibration-level-featured{box-shadow:0 20px 48px rgba(105,225,220,.10)}
.section-team{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(6,19,23,.96),rgba(5,12,15,.98)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/CVO_Seismometer.jpg?itok=KLXoN_Pe");background-size:cover;background-position:center 44%;background-attachment:fixed}
.team-card{border-radius:15px;background:rgba(6,19,23,.72);backdrop-filter:blur(13px);transition:transform .3s,border-color .3s,background .3s}.team-card:hover{transform:translateY(-6px);border-color:rgba(120,231,224,.35);background:rgba(11,33,37,.86)}
.section-sources{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(5,13,16,.98),rgba(5,13,16,.90) 58%,rgba(5,13,16,.78)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/media/images/SEH_Landers_portable_seismometer.jpg");background-size:cover;background-position:right center}
.section-sources:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,13,16,.3),rgba(5,13,16,.95))}
.source-list>a{transition:padding .24s,background .24s,border-color .24s}.source-list>a:hover{padding-inline:13px;background:rgba(105,225,220,.045);border-bottom-color:rgba(120,231,224,.28)}
.site-footer{background:#04090b;border-top:1px solid rgba(160,207,200,.16);padding-block:32px}
/* Side section rail */
.section-rail{position:fixed;z-index:80;left:13px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;padding:11px 8px;border:1px solid rgba(175,220,213,.14);border-radius:12px;background:rgba(5,14,17,.72);backdrop-filter:blur(14px);box-shadow:0 16px 44px rgba(0,0,0,.25)}
.section-rail-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:.2em;color:var(--dim);margin:4px auto 7px}
.section-rail a{width:22px;height:22px;display:grid;place-items:center;position:relative;border-radius:50%;transition:background .2s}.section-rail a i{width:5px;height:5px;border:1px solid #77908d;border-radius:50%;background:transparent;transition:all .2s}.section-rail a:hover,.section-rail a.active{background:rgba(120,231,224,.12)}.section-rail a.active i{width:8px;height:8px;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px rgba(120,231,224,.7)}
.section-rail a span{position:absolute;left:34px;top:50%;transform:translate(-5px,-50%);opacity:0;pointer-events:none;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#0b1b20;color:var(--text);font-size:9px;white-space:nowrap;transition:opacity .2s,transform .2s}.section-rail a:hover span,.section-rail a:focus-visible span{opacity:1;transform:translate(0,-50%)}
/* Quick search dialog */
.quick-search-dialog{width:min(620px,calc(100vw - 30px));max-height:min(720px,calc(100svh - 40px));padding:20px;border:1px solid rgba(120,231,224,.29);border-radius:18px;background:linear-gradient(150deg,#10272c,#071317 78%);color:var(--text);box-shadow:0 35px 120px rgba(0,0,0,.65)}
.quick-search-dialog::backdrop{background:rgba(0,5,7,.78);backdrop-filter:blur(7px)}.quick-search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.quick-search-head h2{font-size:25px;letter-spacing:-.06em;margin:7px 0 15px}.quick-search-input{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:54px;border:1px solid var(--line-strong);border-radius:11px;background:rgba(2,10,13,.55)}.quick-search-input>span{font-size:23px;color:var(--cyan)}.quick-search-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px}.quick-search-input kbd,.quick-search-foot kbd{border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--dim);font:inherit;font-size:8px}.quick-search-results{display:grid;gap:6px;max-height:390px;overflow:auto;margin-top:14px}.quick-result{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;padding:12px 13px;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.025);text-align:left;color:var(--text);cursor:pointer}.quick-result:hover,.quick-result:focus-visible{border-color:var(--line-strong);background:rgba(105,225,220,.075)}.quick-result>span:first-child{color:var(--cyan);font-size:9px;font-weight:800}.quick-result b{display:block;font-size:11px}.quick-result small{display:block;font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}.quick-result>span:last-child{color:var(--cyan)}.quick-search-empty{padding:25px;text-align:center;color:var(--muted);font-size:11px}.quick-search-foot{margin:13px 3px 0;color:var(--dim);font-size:8px}
.back-to-top-floating{position:fixed;right:22px;bottom:22px;z-index:90;width:46px;height:46px;border:1px solid rgba(120,231,224,.33);border-radius:50%;background:rgba(7,22,26,.82);backdrop-filter:blur(12px);color:var(--cyan);font-size:20px;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background .2s}.back-to-top-floating.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-floating:hover{background:var(--cyan);color:#031113}
/* Lightbox gallery navigation */
.dialog-image-stage{position:relative;display:grid;place-items:center;min-height:200px}.dialog-image-stage>img{max-height:min(70svh,780px);object-fit:contain}.dialog-step{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(3,13,16,.75);color:#fff;font-size:19px;cursor:pointer;backdrop-filter:blur(8px)}.dialog-step:hover{background:var(--cyan);color:#061214}.dialog-prev{left:10px}.dialog-next{right:10px}.dialog-step[hidden]{display:none}
/* Scroll reveal: subtle and disabled for reduced motion */
.has-reveal [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.has-reveal [data-reveal].is-visible{opacity:1;transform:none}
.section-heading[data-reveal]{transition-duration:.8s}
/* Focus mode remains calm and readable */
.focus-mode .section-rail,.focus-mode .section-rail-label{display:none}.focus-mode .hero-section:before,.focus-mode .section-instrument:after{opacity:.1}
@media(max-width:1200px){.section-rail{display:none}.hero-section{padding-inline:clamp(28px,5vw,70px)}}
@media(max-width:980px){.hero-section{grid-template-columns:1fr;min-height:unset;padding-top:70px}.hero-copy{max-width:760px}.hero-visual-wrap{max-width:880px;width:100%;margin-inline:auto}.hero-section:before{inset:0;background-position:65% center}.hero-section:after{width:85vw;height:85vw}.photo-story-grid{grid-template-columns:1fr 1fr}.photo-story-large{grid-column:1/-1;height:300px}.photo-story-card:not(.photo-story-large){height:230px}.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.site-header{height:70px}.quick-search-trigger{width:40px;height:40px;padding:0;overflow:hidden;gap:0;font-size:0}.quick-search-trigger span{font-size:20px}.quick-search-trigger kbd{display:none}.hero-section{padding-top:55px;padding-bottom:32px}.hero-copy h1{font-size:clamp(58px,13vw,88px)}.hero-background-credit{font-size:6px;bottom:10px;right:20px}.section{padding-block:76px}.section-heading{grid-template-columns:1fr;gap:14px}.section-heading h2{font-size:clamp(38px,9vw,58px)}.photo-story-grid{grid-template-columns:1fr;gap:10px}.photo-story-large,.photo-story-card:not(.photo-story-large){grid-column:auto;height:235px}.photo-gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-reference-image{height:190px}.back-to-top-floating{right:14px;bottom:14px;width:42px;height:42px}.section-photo-library,.section-lab-intro,.section-team{background-attachment:scroll}}
@media(max-width:520px){.hero-meta{gap:14px}.hero-meta>div{min-width:40%}.hero-actions .button{flex:1}.photo-gallery-grid{grid-template-columns:1fr}.photo-reference-image{height:240px}.photo-story-card{height:225px}.dialog-step{width:36px;height:36px}.quick-search-dialog{padding:15px}.quick-search-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.has-reveal [data-reveal]{opacity:1;transform:none;transition:none}.photo-story-card img,.atlas-card img,.team-card{transition:none!important}}
@media print{.section-rail,.back-to-top-floating,.quick-search-trigger,.photo-story-grid,.reading-progress{display:none!important}.hero-section:before,.section-instrument:after,.section-project:before,.section-sources{background-image:none!important}.has-reveal [data-reveal]{opacity:1!important;transform:none!important}}

.photo-background-credit{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin:0 0 16px;color:rgba(190,215,209,.48);font-size:7px;letter-spacing:.15em;line-height:1.5}.photo-background-credit .status-dot{width:5px;height:5px;flex:none;margin-right:0;opacity:.75}
.photo-background-credit+.section-heading{margin-top:0}
.quick-search-trigger:focus-visible,.back-to-top-floating:focus-visible,.dialog-step:focus-visible,.quick-result:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.lab-actions{flex-wrap:wrap;justify-content:flex-end}.lab-actions .button{white-space:nowrap}
@media(max-width:900px){.lab-toolbar{align-items:flex-start;gap:15px;flex-direction:column}.lab-actions{width:100%;justify-content:flex-start}}
@media(max-width:560px){.lab-actions{display:grid;grid-template-columns:1fr 1fr}.lab-actions #clearData{grid-column:1/-1}}

@media(max-width:1050px) and (min-width:781px){.primary-nav{display:none;position:absolute;right:18px;top:72px;width:min(300px,calc(100vw - 36px));padding:12px;background:rgba(7,20,24,.98);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:12px;border-bottom:1px solid var(--line);font-size:12px}.primary-nav a:last-child{border-bottom:0}.primary-nav a.active:after{display:none}.menu-toggle{display:flex}.header-actions .quick-search-trigger{display:inline-flex}}
@media(max-width:780px){.header-actions .quick-search-trigger{display:flex}}
.figure-dialog .dialog-image-stage>img.image-load-failed{min-height:260px;object-fit:contain;background:#101a1d}


/* ======================================================================
   V6 — ART DIRECTION / DOCUMENTARY EDITORIAL SYSTEM
   The visual language uses documented external photography as context,
   never as evidence of the team's own physical prototype.
   ====================================================================== */
:root{
  --bg:#050d10;
  --bg-2:#09171b;
  --panel:#0b1c21;
  --panel-2:#10272c;
  --cyan:#7ce7e1;
  --cyan-soft:#baf9f2;
  --mint:#d5f59b;
  --amber:#e8b879;
  --line:rgba(182,220,213,.15);
  --line-strong:rgba(124,231,225,.4);
  --radius:20px;
  --shadow:0 30px 90px rgba(0,0,0,.42);
}
html{scroll-padding-top:92px}
body{background:#050d10;letter-spacing:-.006em}
body:before{
  background:
    radial-gradient(ellipse at 76% 4%,rgba(51,153,148,.16),transparent 38%),
    radial-gradient(ellipse at 8% 44%,rgba(26,85,91,.13),transparent 36%),
    linear-gradient(180deg,#050d10 0%,#081418 48%,#050d10 100%);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");
}
.site-header{height:82px;background:rgba(4,11,14,.8);border-bottom-color:rgba(190,225,218,.12);box-shadow:0 9px 40px rgba(0,0,0,.18)}
.brand-symbol{border-radius:9px;background:linear-gradient(145deg,rgba(124,231,225,.16),rgba(124,231,225,.02));box-shadow:inset 0 0 18px rgba(124,231,225,.08)}
.brand-copy strong{font-size:10px;letter-spacing:.19em}
.primary-nav a{font-size:11px;letter-spacing:.02em}
.primary-nav a.active:after{bottom:-31px;box-shadow:0 0 12px var(--cyan)}
.version-chip{background:rgba(124,231,225,.035)}
.hero-section{--pointer-x:72%;--pointer-y:44%;min-height:min(900px,calc(100svh - 82px));padding-top:clamp(78px,9vw,140px);padding-bottom:54px}
.hero-section:before{
  inset:0 0 0 12%;opacity:.9;transform:scale(1.035);
  background-image:
    linear-gradient(90deg,#040b0e 0%,rgba(4,11,14,.92) 22%,rgba(4,11,14,.56) 53%,rgba(4,11,14,.34) 100%),
    linear-gradient(0deg,#040b0e 0%,transparent 26%,rgba(4,11,14,.05) 100%),
    url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/CVO_Seismometer.jpg?itok=KLXoN_Pe");
  background-position:center,center,right 38%;background-size:cover;
  filter:saturate(.82) contrast(1.08);
  animation:heroPhotoDrift 24s ease-in-out infinite alternate;
}
.hero-section:after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(480px circle at var(--pointer-x) var(--pointer-y),rgba(93,222,213,.11),transparent 70%);
}
.hero-copy{max-width:690px}
.hero-kicker{margin-top:54px;font-size:9px;letter-spacing:.23em;color:#a9c2bf}
.hero-copy h1{font-size:clamp(64px,8.2vw,116px);letter-spacing:-.09em;text-shadow:0 10px 40px rgba(0,0,0,.28)}
.hero-copy h1 em{color:#86eee6;text-shadow:0 0 42px rgba(105,225,220,.2)}
.hero-subtitle{font-size:clamp(18px,2.1vw,27px);color:#e2eeea;max-width:440px}
.hero-description{font-size:14px;max-width:480px;color:#b1c3c0;line-height:1.9}
.hero-visual-wrap{perspective:1600px}
.hero-visual{border-radius:22px;padding:8px;background:linear-gradient(145deg,rgba(168,236,225,.24),rgba(10,25,29,.7) 44%,rgba(168,236,225,.08));box-shadow:0 42px 110px rgba(0,0,0,.54),0 0 0 1px rgba(124,231,225,.08);transform:perspective(1400px) rotateY(-5deg) rotateX(1.2deg);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.hero-visual:hover{transform:perspective(1400px) rotateY(-1deg) rotateX(0) translateY(-5px);box-shadow:0 50px 130px rgba(0,0,0,.58),0 0 35px rgba(105,225,220,.1)}
.hero-visual img{border-radius:16px;filter:contrast(1.025) saturate(.96)}
.hero-visual figcaption{font-size:8px;padding:12px 8px 4px;letter-spacing:.15em}
.hero-meta{margin-top:64px;border-top-color:rgba(189,224,216,.18)}
.hero-bottom-line{opacity:.82}
.status-strip{position:relative;z-index:3;background:rgba(5,16,19,.92);border-top:1px solid rgba(124,231,225,.12);border-bottom:1px solid rgba(124,231,225,.17);backdrop-filter:blur(16px)}
.status-strip-inner{max-width:1400px}
.status-item{transition:background .25s,transform .25s}.status-item:hover{background:rgba(124,231,225,.045);transform:translateY(-2px)}
.section{position:relative}
.section-project{padding-top:clamp(96px,10vw,142px);padding-bottom:clamp(95px,9vw,130px)}
.section-project:before{
  inset:0 0 0 37%;opacity:.38;
  background-image:linear-gradient(90deg,#050d10 0%,rgba(5,13,16,.86) 22%,rgba(5,13,16,.56) 68%,rgba(5,13,16,.78) 100%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/media/images/SV06.jpg?itok=VzCwsNwY");
  background-position:center;background-size:cover;filter:saturate(.65) contrast(1.08);
  mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent);
}
.section-project:after{content:"01";position:absolute;z-index:-1;right:4.5%;top:6%;font-size:clamp(130px,22vw,310px);line-height:1;font-weight:850;letter-spacing:-.12em;color:rgba(160,218,208,.035);pointer-events:none}
.section-heading{position:relative}
.section-heading h2,.sources-layout h2{font-size:clamp(44px,5.5vw,75px);letter-spacing:-.09em}
.section-lede{font-size:13px;max-width:460px;line-height:1.9}
.problem-card,.question-card,.objective-card,.scope-card{box-shadow:0 30px 85px rgba(0,0,0,.24)}
.problem-card{background:linear-gradient(145deg,rgba(14,34,38,.94),rgba(5,15,18,.96)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/installation_IMG_8040.JPG?itok=5DXq335B");background-size:cover;background-position:center}
.question-card{background:linear-gradient(145deg,rgba(10,29,33,.93),rgba(5,13,16,.98));border:1px solid rgba(124,231,225,.18);box-shadow:0 25px 80px rgba(0,0,0,.34)}
.objective-card{background:linear-gradient(145deg,rgba(13,36,40,.94),rgba(7,17,20,.95))}
.scope-card{background:linear-gradient(145deg,rgba(11,29,33,.92),rgba(4,13,16,.96))}
.section-instrument{padding-block:clamp(100px,10vw,145px);background:linear-gradient(180deg,rgba(5,14,17,.94),rgba(5,15,18,.9) 45%,rgba(5,14,17,.97)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/vhp_img1103.jpg?itok=bNdx8t5o");background-size:cover;background-position:center 44%;background-attachment:fixed;border-color:rgba(124,231,225,.12)}
.section-instrument:before{background:radial-gradient(circle at 18% 38%,rgba(49,142,138,.17),transparent 37%),radial-gradient(circle at 86% 24%,rgba(49,142,138,.1),transparent 32%)}
.section-instrument:after{opacity:.32;width:60%;height:90%;right:-9%;top:2%;background-image:linear-gradient(90deg,rgba(6,17,20,.65),rgba(6,17,20,.15) 46%,rgba(6,17,20,.68)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/vhp_img1103.jpg?itok=bNdx8t5o");filter:saturate(.72) contrast(1.08);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 83%,transparent)}
.instrument-image-panel,.component-panel{border-color:rgba(164,221,213,.22);box-shadow:0 38px 90px rgba(0,0,0,.36)}
.instrument-image-panel{background:linear-gradient(160deg,rgba(12,28,32,.84),rgba(5,13,16,.94))}
.instrument-image-panel>img{filter:drop-shadow(0 28px 34px rgba(0,0,0,.2))}
.component-panel{background:linear-gradient(145deg,rgba(7,19,22,.9),rgba(9,26,30,.96));backdrop-filter:blur(18px)}
.atlas-card{background:rgba(7,18,21,.78);border:1px solid rgba(156,205,197,.18);box-shadow:0 20px 55px rgba(0,0,0,.25)}
.atlas-card img{filter:saturate(.9) contrast(1.05);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}
.atlas-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.08)}
.section-photo-library{padding-block:clamp(95px,10vw,140px);background-image:linear-gradient(180deg,rgba(5,14,17,.72),rgba(5,12,15,.88) 54%,rgba(5,12,15,.98)),url("https://upload.wikimedia.org/wikipedia/commons/2/26/Seismograph_recording.jpg");background-position:center 40%;background-size:cover;background-attachment:fixed}
.section-photo-library:before{background:radial-gradient(ellipse at 18% 18%,rgba(76,194,185,.18),transparent 38%),linear-gradient(180deg,rgba(4,10,13,.16),rgba(4,10,13,.6))}
.photo-story-card{border-radius:17px;box-shadow:0 28px 85px rgba(0,0,0,.42)}
.photo-story-card:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.08);border-radius:16px;pointer-events:none;z-index:3}
.photo-story-copy b{font-size:clamp(17px,1.7vw,22px);letter-spacing:-.04em}
.photo-reference-card{background:linear-gradient(155deg,rgba(15,37,42,.93),rgba(6,17,20,.96));border-color:rgba(170,221,213,.15);box-shadow:0 20px 55px rgba(0,0,0,.26);transition:transform .32s,border-color .32s,box-shadow .32s}
.photo-reference-card:hover{transform:translateY(-7px);border-color:rgba(124,231,225,.34);box-shadow:0 30px 75px rgba(0,0,0,.42)}
.photo-reference-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.photo-reference-card:hover .photo-reference-image img{transform:scale(1.055);filter:saturate(1.05) contrast(1.06)}
.section-shell#fisica{padding-top:clamp(90px,9vw,130px);padding-bottom:clamp(90px,9vw,130px)}
.section-shell#fisica:before{width:48%;height:90%;right:-1%;top:4%;opacity:.19;filter:grayscale(1) contrast(1.12);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 78%,transparent)}
.physics-statement,.physics-step,.physics-caution,.simulation-card,.pendulum-calculator{box-shadow:0 28px 80px rgba(0,0,0,.26)}
.simulation-stage{background:linear-gradient(145deg,rgba(13,32,36,.98),rgba(4,12,15,.98)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/keep1a.gif?itok=seQ09MHn");background-size:cover;background-position:center}
.moving-frame{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
#pendulumThread{transition:all .75s cubic-bezier(.2,.7,.2,1)}
.pendulum-mass{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.section-shell#metodologia{padding-top:clamp(90px,9vw,128px);padding-bottom:clamp(100px,10vw,145px)}
.section-shell#metodologia:before{right:-5%;top:2%;width:64%;height:93%;opacity:.24;filter:saturate(.58) contrast(1.1);background-image:linear-gradient(90deg,#050b0e 0%,rgba(5,11,14,.12) 52%,rgba(5,11,14,.52) 100%),url("https://upload.wikimedia.org/wikipedia/commons/9/9a/Slider_Crank_Mechanism.jpg");mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent)}
.method-detail,.method-step-button{box-shadow:0 20px 55px rgba(0,0,0,.2)}
.section-lab-intro{padding-block:clamp(90px,10vw,140px);background-image:linear-gradient(90deg,rgba(5,13,16,.92) 0%,rgba(5,13,16,.76) 48%,rgba(5,13,16,.42) 100%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/media/images/Fig._N.jpg?itok=M0LyI8RZ");background-size:cover;background-position:center 42%;background-attachment:fixed}
.calibration-blueprint{background:linear-gradient(100deg,rgba(6,19,23,.94),rgba(6,19,23,.73)),url("https://upload.wikimedia.org/wikipedia/commons/9/9a/Slider_Crank_Mechanism.jpg");background-size:cover;background-position:center;border:1px solid rgba(124,231,225,.18);box-shadow:0 28px 90px rgba(0,0,0,.35)}
.section-shell#laboratorio{padding-top:clamp(95px,9vw,135px);padding-bottom:clamp(95px,10vw,140px);position:relative;isolation:isolate}
.section-shell#laboratorio:before{content:"";position:absolute;z-index:-1;right:-2%;top:2%;width:42%;height:48%;background:linear-gradient(90deg,rgba(5,13,16,.96),rgba(5,13,16,.55)),url("https://upload.wikimedia.org/wikipedia/commons/2/26/Seismograph_recording.jpg") center/cover no-repeat;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 82%,transparent)}
.lab-disclaimer,.lab-toolbar,.table-wrap,.analysis-chart-card,.analysis-summary,.lab-method-note{box-shadow:0 18px 60px rgba(0,0,0,.2)}
.data-table input,.data-table select{border-radius:7px;border-color:rgba(153,200,193,.21);background:rgba(5,15,18,.85)}
.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:rgba(124,231,225,.045)}
.section-team{padding-block:clamp(90px,9vw,130px);background-image:linear-gradient(90deg,rgba(5,14,17,.94),rgba(5,14,17,.8) 52%,rgba(5,14,17,.7)),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/styles/full_width/public/thumbnails/image/CVO_Seismometer.jpg?itok=KLXoN_Pe");background-size:cover;background-position:center 44%;background-attachment:fixed}
.team-card{border:1px solid rgba(166,215,207,.16);background:linear-gradient(145deg,rgba(8,23,27,.78),rgba(5,15,18,.88));box-shadow:0 24px 70px rgba(0,0,0,.3)}
.section-shell#alcance{padding-top:clamp(92px,9vw,132px);padding-bottom:clamp(92px,9vw,132px)}
.limit-panel,.status-board{box-shadow:0 22px 70px rgba(0,0,0,.22)}
.section-sources{padding-block:clamp(95px,10vw,145px);background-image:linear-gradient(90deg,rgba(5,13,16,.96) 0%,rgba(5,13,16,.82) 52%,rgba(5,13,16,.45) 100%),url("https://d9-wret.s3.us-west-2.amazonaws.com/assets/palladium/production/s3fs-public/media/images/SEH_Landers_portable_seismometer.jpg");background-size:cover;background-position:right 42%;background-attachment:fixed}
.section-sources:before{background:linear-gradient(180deg,rgba(5,13,16,.04),rgba(5,13,16,.6) 78%,rgba(5,13,16,.92))}
.source-list{backdrop-filter:blur(12px)}
.site-footer{padding-block:42px;background:linear-gradient(100deg,#03090b,#07171b 52%,#03090b);border-top-color:rgba(124,231,225,.2)}

/* Full-bleed documentary interlude */
.photo-interlude{position:relative;min-height:clamp(360px,52vw,620px);display:flex;align-items:center;isolation:isolate;overflow:hidden;border-block:1px solid rgba(160,210,200,.14);background:#061115}
.photo-interlude-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2;filter:grayscale(.25) saturate(.68) contrast(1.08);transform:scale(1.025);animation:interludeDrift 28s ease-in-out infinite alternate}
.photo-interlude-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,13,.96) 0%,rgba(3,10,13,.82) 33%,rgba(3,10,13,.38) 72%,rgba(3,10,13,.18) 100%),linear-gradient(0deg,rgba(3,10,13,.75),transparent 42%)}
.photo-interlude-inner{width:100%;max-width:1320px;margin-inline:auto;padding:clamp(50px,8vw,106px) clamp(20px,5vw,72px)}
.photo-interlude-copy{max-width:670px;position:relative;z-index:2;margin-left:clamp(20px,calc((100vw - 1320px)/2 + 72px),140px);padding-block:clamp(50px,8vw,106px)}
.photo-interlude-kicker{display:flex;align-items:center;gap:9px;color:#a8c4bf;font-size:8px;font-weight:800;letter-spacing:.2em}
.photo-interlude-kicker i{width:22px;height:1px;background:var(--cyan);display:inline-block}
.photo-interlude-copy h2{margin:25px 0 16px;font-size:clamp(43px,6.4vw,84px);font-weight:820;letter-spacing:-.09em;line-height:.92;text-shadow:0 15px 60px rgba(0,0,0,.38)}
.photo-interlude-copy h2 em{font-style:normal;color:var(--cyan);font-weight:500}
.photo-interlude-copy p{max-width:470px;color:#c1d0cb;font-size:14px;line-height:1.85}
.photo-interlude-link{display:inline-flex;align-items:center;gap:20px;margin-top:16px;padding:13px 17px;border:1px solid rgba(124,231,225,.34);border-radius:8px;background:rgba(5,17,20,.44);color:#dff8f2;font-size:11px;font-weight:750;transition:background .25s,transform .25s,border-color .25s}
.photo-interlude-link span{color:var(--cyan);font-size:16px}
.photo-interlude-link:hover{transform:translateY(-3px);background:rgba(124,231,225,.11);border-color:var(--cyan)}
.photo-interlude-index{position:absolute;right:clamp(20px,5vw,72px);top:50%;transform:translateY(-50%);font-size:clamp(44px,8vw,100px);font-weight:850;letter-spacing:-.1em;color:rgba(239,250,245,.12)}
.photo-interlude-index span{color:var(--cyan);font-weight:400}
.photo-interlude-credit{position:absolute;right:clamp(20px,5vw,72px);bottom:17px;margin:0;color:rgba(222,237,231,.62);font-size:7px;letter-spacing:.12em;text-align:right}

/* Interactive photographic comparison */
.section-comparison{padding-top:clamp(90px,9vw,132px);padding-bottom:clamp(90px,9vw,132px);position:relative;isolation:isolate}
.section-comparison:before{content:"02";position:absolute;z-index:-1;right:3%;top:3%;font-size:clamp(140px,24vw,340px);font-weight:900;letter-spacing:-.13em;color:rgba(150,215,205,.035);line-height:1}
.comparison-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(22px,4vw,48px);align-items:stretch}
.comparison-visual{position:relative;min-height:clamp(300px,39vw,500px);border-radius:17px;overflow:hidden;border:1px solid rgba(124,231,225,.23);background:#0b1b20;box-shadow:0 34px 100px rgba(0,0,0,.42);isolation:isolate;--compare-progress:50%}
.comparison-base-image,.comparison-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.comparison-base-image{filter:saturate(.75) contrast(1.08)}
.comparison-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare-progress)) 0 0);overflow:hidden;z-index:2;background:#0a1b20;transition:clip-path .07s linear}
.comparison-overlay img{object-fit:cover;object-position:center;filter:contrast(1.03)}
.comparison-visual:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,10,.45),transparent 25%,transparent 68%,rgba(2,8,10,.52))}
.comparison-divider{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:1px;background:#e6fff9;box-shadow:0 0 20px rgba(124,231,225,.7);pointer-events:none;transform:translateX(-.5px)}
.comparison-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(236,255,250,.75);background:rgba(5,16,19,.84);color:#e8fffa;font-size:20px;backdrop-filter:blur(8px)}
.comparison-label{position:absolute;z-index:5;top:18px;padding:9px 11px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(3,12,15,.66);backdrop-filter:blur(10px);font-size:7px;letter-spacing:.13em;font-weight:850;color:#f2faf7;max-width:46%;line-height:1.5}
.comparison-label-left{left:17px}.comparison-label-right{right:17px;text-align:right}
.comparison-index{position:absolute;z-index:5;right:18px;bottom:17px;color:rgba(241,250,247,.65);font-size:7px;letter-spacing:.15em}
.comparison-controls{border:1px solid rgba(159,212,205,.16);border-radius:16px;padding:clamp(20px,3vw,30px);background:linear-gradient(145deg,rgba(14,34,39,.94),rgba(5,15,18,.97));box-shadow:0 30px 85px rgba(0,0,0,.32);display:flex;flex-direction:column;justify-content:center}
.comparison-control-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.comparison-control-head output{font-size:12px;color:var(--cyan);font-variant-numeric:tabular-nums}
.comparison-range-label{display:block;margin:20px 0 10px;color:#e1eeea;font-size:12px;font-weight:650;line-height:1.6}
#compareRange{width:100%;accent-color:var(--cyan);cursor:ew-resize;min-height:36px}
.comparison-range-ends{display:flex;justify-content:space-between;gap:10px;color:var(--dim);font-size:7px;letter-spacing:.12em}
.comparison-explain-grid{display:grid;gap:15px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}
.comparison-explain-grid article{display:grid;grid-template-columns:8px 1fr;gap:12px;align-items:start}
.comparison-swatch{width:7px;height:32px;border-radius:5px;box-shadow:0 0 14px currentColor}
.comparison-swatch-cyan{background:var(--cyan);color:var(--cyan)}.comparison-swatch-amber{background:var(--amber);color:var(--amber)}
.comparison-explain-grid b{display:block;color:#eaf4f0;font-size:11px}.comparison-explain-grid p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.7}
.comparison-disclaimer{margin:22px 0 0;padding:12px 13px;border-left:2px solid var(--amber);background:rgba(232,184,121,.055);color:#c2c8bb;font-size:9px;line-height:1.7}
.comparison-sources{display:flex;flex-wrap:wrap;gap:14px;margin-top:17px}.comparison-sources a{font-size:9px;color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(124,231,225,.3);text-underline-offset:4px}
#compareRange:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:8px}

/* Editorial rhythm and visual polish */
.section-index{color:#9cece4}
.photo-background-credit{color:rgba(203,226,220,.72);font-size:7px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.section-heading h2 em,.sources-layout h2 em{color:#81e9e1}
.section-heading:after{content:"";display:block;width:40px;height:1px;margin-top:21px;background:linear-gradient(90deg,var(--cyan),transparent)}
.section-heading .section-lede{border-left:1px solid rgba(124,231,225,.24);padding-left:21px}
.card-topline,.image-panel-header,.component-panel-heading{letter-spacing:.16em}
.button{box-shadow:0 10px 28px rgba(0,0,0,.14)}
.button-primary{box-shadow:0 12px 38px rgba(105,225,220,.13)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@keyframes heroPhotoDrift{from{background-position:center,right 38%;}to{background-position:center,right 50%;}}
@keyframes interludeDrift{from{transform:scale(1.025) translateX(0)}to{transform:scale(1.08) translateX(-1.2%)}}
@media(max-width:1050px){.comparison-layout{grid-template-columns:1fr}.comparison-visual{min-height:clamp(280px,54vw,460px)}.comparison-controls{max-width:none}}
@media(max-width:780px){.photo-interlude{min-height:450px}.photo-interlude-copy{margin-left:0;padding:58px 20px 76px}.photo-interlude-overlay{background:linear-gradient(90deg,rgba(3,10,13,.92),rgba(3,10,13,.56)),linear-gradient(0deg,rgba(3,10,13,.6),transparent)}.photo-interlude-index{top:23%;right:18px;transform:none}.photo-interlude-credit{left:20px;right:20px;text-align:left}.section-project:before{inset:0 0 0 10%;opacity:.21}.section-instrument{background-attachment:scroll}.section-lab-intro,.section-team,.section-sources,.section-photo-library{background-attachment:scroll}.section-shell#metodologia:before{width:90%;opacity:.13}.section-shell#laboratorio:before{width:80%;opacity:.12}}
@media(max-width:560px){.comparison-label{top:10px;left:10px;right:auto;font-size:6px;padding:7px 8px}.comparison-label-right{left:auto;right:10px}.comparison-visual{min-height:280px}.comparison-controls{padding:18px}.photo-interlude-copy h2{font-size:46px}.hero-visual{transform:none}.hero-visual:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.hero-section:before,.photo-interlude-image{animation:none!important}.hero-visual,.photo-story-card img,.photo-reference-card,.atlas-card img{transition:none!important}}
@media print{.photo-interlude,.section-comparison{break-inside:avoid}.photo-interlude{min-height:300px}.comparison-visual{min-height:300px}.comparison-controls{break-inside:avoid}}


/* =====================================================================
   V7 — ART DIRECTION SYSTEM / EDITORIAL ENGINEERING DECOR
   Decorative layers are optional and never encode measurement data.
   ===================================================================== */
:root{
  --v7-ink:#050d10;
  --v7-glass:rgba(7,22,26,.72);
  --v7-line:rgba(132,225,216,.22);
  --v7-glow:rgba(105,225,220,.16);
}

/* Refined editorial controls */
.button-blueprint{
  border:1px solid rgba(129,233,225,.26);
  color:#b8f3eb;
  background:linear-gradient(135deg,rgba(91,190,183,.11),rgba(5,17,21,.32));
  letter-spacing:.03em;
}
.button-blueprint span{font-size:17px;line-height:0;color:var(--cyan);margin-right:2px}
.button-blueprint:hover,.button-blueprint[aria-pressed="true"]{
  border-color:rgba(129,233,225,.58);
  color:#f2fffc;
  background:linear-gradient(135deg,rgba(91,190,183,.22),rgba(5,17,21,.58));
  box-shadow:0 0 0 1px rgba(105,225,220,.08),0 10px 34px rgba(30,160,154,.11);
}
.button-blueprint[aria-pressed="true"] span{color:#fff}

/* Full viewport drafting grid — activated only on request */
.blueprint-overlay{
  position:fixed;inset:0;z-index:65;pointer-events:none;opacity:0;
  background-image:
    linear-gradient(rgba(117,220,211,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,220,211,.12) 1px,transparent 1px),
    linear-gradient(rgba(117,220,211,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,220,211,.035) 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;
  mix-blend-mode:screen;
  transition:opacity .35s ease;
}
.blueprint-overlay:before{
  content:"";position:absolute;inset:22px;
  border:1px solid rgba(133,226,218,.18);
  box-shadow:inset 0 0 100px rgba(87,197,190,.035);
}
.blueprint-overlay:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(133,226,218,.12) 50%,transparent calc(50% + .5px)),
    linear-gradient(0deg,transparent calc(50% - .5px),rgba(133,226,218,.10) 50%,transparent calc(50% + .5px));
}
body.blueprint-mode .blueprint-overlay{opacity:.42}
.blueprint-coordinate{
  position:absolute;z-index:2;padding:6px 9px;border:1px solid rgba(133,226,218,.22);
  background:rgba(3,13,16,.72);color:rgba(181,239,231,.78);
  font-size:7px;font-weight:800;letter-spacing:.19em;backdrop-filter:blur(8px);
}
.blueprint-coordinate-top{top:94px;left:30px}
.blueprint-coordinate-bottom{right:30px;bottom:20px}
.blueprint-crosshair{position:absolute;width:18px;height:18px;z-index:2;opacity:.7}
.blueprint-crosshair:before,.blueprint-crosshair:after{content:"";position:absolute;background:rgba(133,226,218,.55)}
.blueprint-crosshair:before{left:8px;top:0;width:1px;height:18px}
.blueprint-crosshair:after{left:0;top:8px;width:18px;height:1px}
.blueprint-crosshair-a{top:18%;right:7%}.blueprint-crosshair-b{top:54%;left:5%}.blueprint-crosshair-c{bottom:12%;right:16%}
body.blueprint-mode .hero-visual,
body.blueprint-mode .instrument-image-panel,
body.blueprint-mode .calibration-blueprint,
body.blueprint-mode .comparison-visual{
  outline:1px dashed rgba(129,233,225,.45);outline-offset:7px;
}
body.blueprint-mode .section-index:after{content:" · BLUEPRINT";color:rgba(129,233,225,.55);font-size:7px;letter-spacing:.16em}

/* Parameter strip: values are explicitly tagged as proposed/theoretical. */
.parameter-ribbon{
  position:relative;isolation:isolate;overflow:hidden;
  border-block:1px solid rgba(139,226,216,.15);
  background:linear-gradient(100deg,#071419 0%,#10292d 48%,#071317 100%);
}
.parameter-ribbon:before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.2;
  background-image:linear-gradient(115deg,transparent 0 38%,rgba(117,225,213,.12) 38.1%,transparent 38.35%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(160,220,210,.08) 80px);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.parameter-ribbon-inner{
  width:min(1400px,100%);margin:auto;padding:24px clamp(20px,4.5vw,70px);
  display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:clamp(14px,2.3vw,32px);align-items:center;
}
.parameter-ribbon-intro{display:flex;flex-direction:column;gap:7px;padding-right:24px;border-right:1px solid rgba(139,226,216,.18)}
.parameter-ribbon-intro strong{font-size:clamp(17px,1.7vw,23px);letter-spacing:-.055em;line-height:1.02}
.parameter-ribbon-intro small{font-size:8px;color:var(--muted);line-height:1.5}
.parameter-spec{min-width:0;display:flex;flex-direction:column;gap:6px;position:relative}
.parameter-spec:before{content:"";position:absolute;left:0;top:-12px;width:22px;height:1px;background:var(--cyan);opacity:.75}
.parameter-label{font-size:7px;letter-spacing:.17em;color:#8fa9a5;font-weight:800;line-height:1.4}
.parameter-spec>strong{font-size:clamp(25px,3vw,39px);line-height:1;letter-spacing:-.075em;font-weight:760;color:#eff9f4;font-variant-numeric:tabular-nums;white-space:nowrap}
.parameter-spec>strong small{font-size:.48em;color:var(--cyan);font-weight:650;letter-spacing:0}
.parameter-status{font-size:6px;letter-spacing:.14em;color:#8cded6;font-weight:800;line-height:1.4}
.parameter-spec-range>strong{font-size:clamp(19px,2.2vw,29px)}

/* Extra photographic interlude for the proposed calibration mechanism. */
.photo-interlude-mechanism{min-height:clamp(390px,58vw,690px);background:#071216}
.photo-interlude-mechanism .photo-interlude-image{
  object-position:68% 48%;filter:saturate(.56) contrast(1.17) brightness(.79);
  transform:scale(1.035);animation:mechanismDrift 32s ease-in-out infinite alternate;
}
.photo-interlude-mechanism .photo-interlude-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,13,.97) 0%,rgba(3,10,13,.91) 35%,rgba(3,10,13,.54) 67%,rgba(3,10,13,.34) 100%),
    linear-gradient(0deg,rgba(3,10,13,.88),transparent 42%);
}
.photo-interlude-mechanism .photo-interlude-copy{max-width:700px}
.photo-interlude-mechanism .photo-interlude-copy h2{max-width:650px}
.photo-interlude-mechanism .photo-interlude-index{font-size:clamp(48px,8.8vw,118px);right:clamp(20px,6vw,90px);writing-mode:vertical-rl;letter-spacing:.02em;opacity:.82}
.photo-interlude-mechanism .photo-interlude-credit{max-width:520px;line-height:1.6}
.photo-interlude-mechanism .photo-interlude-credit a{color:#a9eae2;text-decoration:underline;text-underline-offset:3px}
.mechanism-ruler{
  position:absolute;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);bottom:55px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  color:rgba(211,239,230,.72);font-size:7px;font-weight:800;letter-spacing:.18em;
}
.mechanism-ruler i{height:11px;border-top:1px solid rgba(131,229,218,.52);border-bottom:1px solid rgba(131,229,218,.22);
  background:repeating-linear-gradient(90deg,rgba(131,229,218,.5) 0 1px,transparent 1px 22px);position:relative;}
.mechanism-ruler i:after{content:"";position:absolute;left:50%;top:-5px;width:1px;height:19px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.mechanism-ruler small{position:absolute;right:0;top:15px;font-size:6px;color:rgba(194,218,210,.42);letter-spacing:.16em}

/* More deliberate framing for images and technical surfaces. */
.hero-visual{isolation:isolate;overflow:visible}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;z-index:2;pointer-events:none;width:24px;height:24px;border-color:rgba(136,232,221,.75);border-style:solid;opacity:.75}
.hero-visual:before{top:-5px;left:-5px;border-width:1px 0 0 1px;border-radius:8px 0 0}
.hero-visual:after{right:-5px;bottom:42px;border-width:0 1px 1px 0;border-radius:0 0 8px}
.hero-image-coordinates{display:flex;justify-content:space-between;gap:12px;padding:8px 6px 0;color:rgba(162,214,206,.54);font-size:6px;font-weight:800;letter-spacing:.17em}
.hero-image-coordinates span:nth-child(2){color:rgba(230,247,240,.54)}
.image-panel-header,.image-panel-footer{position:relative}
.instrument-image-panel{position:relative;isolation:isolate}
.instrument-image-panel:before{content:"";position:absolute;inset:8px;z-index:2;pointer-events:none;border:1px solid rgba(151,225,214,.1);border-radius:12px}
.instrument-image-panel:after{content:"";position:absolute;right:22px;top:52px;width:26px;height:26px;z-index:3;pointer-events:none;border-top:1px solid rgba(132,230,221,.7);border-right:1px solid rgba(132,230,221,.7)}
.atlas-card{position:relative;isolation:isolate}
.atlas-card:before{content:"";position:absolute;inset:8px;z-index:2;border:1px solid rgba(255,255,255,.08);pointer-events:none;border-radius:9px}
.photo-story-card{border-radius:19px}
.photo-story-card .photo-story-index{padding:7px 9px;border:1px solid rgba(208,241,231,.23);background:rgba(3,12,15,.44);backdrop-filter:blur(9px);border-radius:5px}
.photo-reference-card{position:relative;isolation:isolate}
.photo-reference-card:before{content:"";position:absolute;inset:8px;z-index:4;border:1px solid rgba(210,241,233,.08);border-radius:10px;pointer-events:none}
.photo-reference-image{background-color:#0a191d}
.photo-reference-image:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(117,220,211,.09),transparent 35%,transparent 70%,rgba(0,0,0,.18))}

/* Gallery becomes an editorial mosaic rather than a flat catalogue. */
.photo-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.photo-reference-card{grid-column:span 4;min-height:100%;display:flex;flex-direction:column}
.photo-reference-card:nth-child(7n + 1),.photo-reference-card:nth-child(7n + 5){grid-column:span 6}
.photo-reference-card:nth-child(7n + 1) .photo-reference-image,
.photo-reference-card:nth-child(7n + 5) .photo-reference-image{height:clamp(260px,28vw,360px)}
.photo-reference-card:nth-child(7n + 2) .photo-reference-image,
.photo-reference-card:nth-child(7n + 3) .photo-reference-image{height:clamp(210px,20vw,250px)}
.photo-reference-body{flex:1;display:flex;flex-direction:column}
.photo-reference-body .photo-reference-footer{margin-top:auto}
.photo-reference-card:nth-child(7n + 1) .photo-reference-image img,
.photo-reference-card:nth-child(7n + 5) .photo-reference-image img{object-position:center 42%}

/* Section markers and magazine-like rhythm. */
.section-heading{padding-bottom:4px}
.section-heading>div{position:relative}
.section-heading>div:before{content:"";position:absolute;left:-18px;top:2px;width:2px;height:clamp(38px,4vw,58px);background:linear-gradient(180deg,var(--cyan),transparent);opacity:.8}
.section-heading .section-index{display:inline-flex;align-items:center;gap:10px;padding:6px 9px;border:1px solid rgba(132,225,216,.18);border-radius:4px;background:rgba(80,168,160,.045)}
.section-heading .section-index:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(105,225,220,.7)}
.section-heading:after{width:clamp(70px,9vw,130px);height:1px;margin-top:23px;opacity:.85}
.section-heading .section-lede{position:relative}
.section-heading .section-lede:before{content:"FIELD NOTE";display:block;margin-bottom:9px;color:rgba(129,233,225,.6);font-size:7px;font-weight:850;letter-spacing:.2em}

/* A quiet photographic contact-sheet rhythm in existing story cards. */
.photo-story-card:nth-child(1){transform:translateY(0)}
.photo-story-card:nth-child(2){transform:translateY(20px)}
.photo-story-card:nth-child(3){transform:translateY(7px)}
.photo-story-grid{margin-bottom:clamp(52px,7vw,86px);padding-bottom:10px}
.photo-story-card:hover{transform:translateY(-4px)}

/* Mobile and accessibility refinements */
@media(max-width:1120px){
  .parameter-ribbon-inner{grid-template-columns:repeat(4,minmax(0,1fr))}
  .parameter-ribbon-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(139,226,216,.16);padding:0 0 13px;flex-direction:row;align-items:end;gap:15px}
  .parameter-ribbon-intro strong br{display:none}
  .parameter-ribbon-intro small{margin-left:auto}
}
@media(max-width:900px){
  .photo-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .photo-reference-card,.photo-reference-card:nth-child(7n + 1),.photo-reference-card:nth-child(7n + 5){grid-column:span 3}
  .primary-nav{gap:14px}
  .button-blueprint{font-size:10px;padding:8px 10px}
}
@media(max-width:780px){
  .parameter-ribbon-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px;padding-block:20px}
  .parameter-ribbon-intro{grid-column:1/-1;display:block}
  .parameter-ribbon-intro small{display:block;margin:5px 0 0}
  .parameter-spec>strong{font-size:29px}
  .photo-interlude-mechanism .photo-interlude-overlay{background:linear-gradient(90deg,rgba(3,10,13,.95),rgba(3,10,13,.62)),linear-gradient(0deg,rgba(3,10,13,.85),transparent)}
  .photo-interlude-mechanism .photo-interlude-index{top:20%;right:15px;transform:none;font-size:46px}
  .mechanism-ruler{bottom:48px}
  .blueprint-coordinate-top{top:88px;left:12px}
  .blueprint-coordinate-bottom{right:12px;bottom:10px}
}
@media(max-width:560px){
  .photo-gallery-grid{grid-template-columns:1fr}
  .photo-reference-card,.photo-reference-card:nth-child(7n + 1),.photo-reference-card:nth-child(7n + 5){grid-column:1/-1}
  .photo-reference-card:nth-child(n) .photo-reference-image{height:235px}
  .button-blueprint{font-size:0;gap:0;width:40px;padding:8px;min-width:40px}
  .button-blueprint span{font-size:19px;margin:0}
  .mechanism-ruler{left:20px;right:20px;bottom:44px}
  .mechanism-ruler small{font-size:5px}
  .photo-interlude-mechanism .photo-interlude-copy h2{font-size:47px}
  .blueprint-overlay:before{inset:8px}
}
@media(prefers-reduced-motion:reduce){
  .photo-interlude-mechanism .photo-interlude-image{animation:none!important}
  .blueprint-overlay,.button-blueprint,.photo-reference-card,.photo-story-card{transition:none!important}
}
@media print{
  .blueprint-overlay,.button-blueprint{display:none!important}
  .parameter-ribbon{break-inside:avoid}
  .photo-interlude-mechanism{break-inside:avoid;min-height:260px}
}