/* WHISKAVIA — Living Instruments: authored interactive workspaces.
   The visual stage is a genuine component, not an overlaid replacement of old graphics. */
.immersive-shell{--sea:#082e39;--deep:#04212b;--line:rgba(206,232,223,.19);--paper:#f6f3eb;--mint:#7dbdae;--gold:#d9af79;--light:#eaf0e9;max-width:1660px;margin:0 auto;padding:clamp(28px,4vw,76px) clamp(20px,3vw,50px) 100px;color:#1b3540}
.immersive-intro{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.5fr);align-items:end;column-gap:3vw;margin:0 0 32px}
.immersive-intro .eyebrow{grid-column:1/-1;color:#a5754f;font-size:11px;letter-spacing:.14em;margin:0 0 15px}
.immersive-intro h1{font:400 clamp(48px,6.5vw,102px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.059em;max-width:950px;margin:0;color:#173642;text-wrap:balance}
.immersive-intro>p:last-child{font:400 clamp(14px,1.4vw,18px)/1.75 system-ui,sans-serif;max-width:420px;margin:0 0 5px;color:#6c7779}
.immersive-toolnav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.immersive-toolnav a{padding:10px 13px;text-decoration:none;border:1px solid #d7d9d1;color:#4b646a;background:#f7f5ef;font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.025em}
.immersive-toolnav a[aria-current=page]{color:#fff;background:#153e47;border-color:#153e47}
.immersive-toolnav a:hover,.immersive-toolnav a:focus-visible{border-color:#a68059;outline-offset:2px}
.immersive-workspace{display:grid;grid-template-columns:minmax(205px,.72fr) minmax(330px,2.3fr) minmax(205px,.85fr);align-items:stretch;gap:0;background:var(--deep);border:1px solid #25525b;min-height:700px;box-shadow:0 28px 64px rgba(13,45,50,.15)}
.immersive-controls,.immersive-inspector{padding:clamp(18px,2vw,31px);color:#e9f1ec;background:linear-gradient(145deg,#07303c,#061f2a);min-width:0}
.immersive-controls{border-right:1px solid var(--line)}
.immersive-inspector{border-left:1px solid var(--line);background:linear-gradient(160deg,#0b3540 0%,#05242e 72%)}
.immersive-overline{display:block;font:750 10px/1.45 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8dd0c0;margin:0 0 22px}
.immersive-controls label{display:block;color:#b6cbc9;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.075em;text-transform:uppercase;margin:20px 0 10px}
.immersive-controls label input,.immersive-controls label textarea,.immersive-controls label select{font:400 14px/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none;box-sizing:border-box;border:1px solid #4b7177;background:#103e4a;color:#fff;width:100%;min-height:45px;padding:10px;margin-top:8px;border-radius:2px}
.immersive-controls label input:focus-visible,.immersive-controls label textarea:focus-visible,.immersive-controls label select:focus-visible{outline:2px solid #b5dacd;outline-offset:3px}
.immersive-controls label input[type=range]{padding:0;accent-color:#d9af79;min-height:30px;cursor:pointer}
.immersive-controls label input[type=date]{color-scheme:dark}
.immersive-controls textarea{resize:vertical}
.immersive-helper{font:400 12px/1.75 system-ui,sans-serif;color:#94b6bc}
.immersive-cta,.immersive-subtle{display:block;width:100%;margin-top:14px;min-height:44px;border:1px solid #d9af79;background:#d9af79;color:#142e38;font:650 12px/1.4 system-ui,sans-serif;padding:12px;cursor:pointer;text-align:center}
.immersive-cta:hover{background:#e9cba3}
.immersive-subtle{background:transparent;border-color:#51717a;color:#d7e9e6}
.immersive-subtle:hover{background:#15404b}
.immersive-hero-number{display:block;font:400 clamp(45px,5vw,80px)/1 Georgia,serif;letter-spacing:-.055em;color:#d9af79;padding:6px 0 14px}
.immersive-termfamily{margin:13px 0 15px}
.immersive-termfamily strong{display:block;font:700 10px/1.4 system-ui,sans-serif;color:#d7b58b;margin-bottom:7px}
.immersive-terms{display:flex;flex-wrap:wrap;gap:5px}
.immersive-term{border:1px solid #55747a;background:transparent;color:#d5e2dd;border-radius:40px;padding:7px 9px;font:500 10px/1.3 system-ui,sans-serif;cursor:pointer}
.immersive-term[aria-pressed=true]{background:#d7b48a;color:#052733;border-color:#d7b48a}
.immersive-stage{background:radial-gradient(ellipse 70% 50% at 45% 42%,#1b5960 0%,transparent 84%),linear-gradient(155deg,#0a3945,#041c27);position:relative;min-width:0;overflow:hidden;color:var(--paper)}
/* Documented editorial photographs form a native background layer, never evidence of a named bottle. */
.immersive-shell[data-immersive=memory] .immersive-stage{background:radial-gradient(ellipse at 48% 40%,rgba(19,76,82,.24),rgba(3,24,34,.91) 83%),url('/assets/editorial-photos/glass-amber-topview.jpg') center 45%/cover no-repeat,#082a35}
.immersive-shell[data-immersive=time] .immersive-stage{background:linear-gradient(125deg,rgba(4,28,39,.89),rgba(15,51,56,.79)),url('/assets/editorial-photos/archive-vintage-manuscripts.jpg') center/cover no-repeat,#082a35}
.immersive-shell[data-immersive=dna] .immersive-stage{background:linear-gradient(145deg,rgba(4,30,39,.87),rgba(31,69,66,.78)),url('/assets/editorial-photos/still-copper-detail.jpg') center/cover no-repeat,#082a35}
.immersive-shell[data-immersive=museum] .immersive-stage{background:linear-gradient(125deg,rgba(4,29,38,.87),rgba(17,58,57,.81)),url('/assets/editorial-photos/casks-elgin-rickhouse.jpg') center/cover no-repeat,#082a35}
.immersive-shell[data-immersive=passport] .immersive-stage{background:linear-gradient(140deg,rgba(4,27,39,.87),rgba(14,55,58,.78)),url('/assets/editorial-photos/highlands-twilight.jpg') center/cover no-repeat,#082a35}
.immersive-stage:before{content:'';position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(155,206,194,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(155,206,194,.15) 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.immersive-topline{position:relative;z-index:1;padding:24px 30px 0;display:flex;align-items:start;justify-content:space-between;gap:12px}
.immersive-topline .immersive-overline{color:#f0c792}
.immersive-live{font:600 9px/1.5 system-ui,sans-serif;color:#acc3c1;text-align:right;letter-spacing:.13em}
.immersive-canvas{position:relative;z-index:1;min-height:600px;padding:17px clamp(15px,2.2vw,34px) 36px;max-height:850px;overflow-y:auto;scrollbar-color:#648c8b #103d47}
.immersive-stage-foot{position:relative;z-index:1;border-top:1px solid var(--line);padding:16px 30px;color:#9bb5b7;font:400 10px/1.6 system-ui,sans-serif}
.immersive-inspector h2{font:400 clamp(25px,2.4vw,39px)/1.13 Georgia,serif;letter-spacing:-.04em;color:#fff;margin:0 0 25px;overflow-wrap:anywhere}
.immersive-inspector p{font:400 12px/1.78 system-ui,sans-serif;color:#d0e0dd;overflow-wrap:anywhere}
.immersive-source{display:block;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font:650 11px/1.6 system-ui,sans-serif;color:#e7bf8c;text-decoration:none;overflow-wrap:anywhere}
.immersive-source:hover{text-decoration:underline}
.immersive-disclaimer{font:400 12px/1.7 system-ui,sans-serif;max-width:960px;color:#6b7a7c;margin:22px 0 0}
.memory-field{position:relative;min-height:380px;margin:12px 0 18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.memory-ring{position:absolute;width:65%;aspect-ratio:1;border:1px solid rgba(167,217,203,.35);border-radius:50%;transform:rotate(-16deg) scaleY(.77)}
.memory-ring-two{width:92%;border-style:dashed;opacity:.5;transform:rotate(18deg) scaleY(.65)}
.memory-core{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle,#d2a971,#8c654e);border:5px solid #275964;outline:1px solid #c0a180;width:150px;height:150px;border-radius:50%;padding:15px;box-shadow:0 20px 60px #001a23}
.memory-core span{font:700 8px system-ui,sans-serif;letter-spacing:.12em;color:#153741}
.memory-core strong{font:400 20px/1.15 Georgia,serif;color:#122d37;overflow-wrap:anywhere}
.memory-core small{font:600 10px system-ui,sans-serif;color:#1c4b50}
.memory-orbit-label{position:absolute;z-index:3;transform:translate(-50%,-50%);background:#f2e5cf;color:#244550;border:1px solid #a9c7b7;font:650 10px/1.25 system-ui,sans-serif;max-width:100px;padding:7px 10px;border-radius:20px;text-align:center;box-shadow:0 2px 15px #001b25}
.immersive-ledger{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.immersive-ledger h3{font:400 22px Georgia,serif;margin:0 0 10px}
.immersive-ledger>p{font:400 12px/1.6 system-ui,sans-serif}
.immersive-ledger-row{display:inline-block;border:1px solid #698b88;background:#124c57;color:#e8f0e5;padding:9px 12px;margin:3px;font:500 11px system-ui,sans-serif;cursor:pointer}
.time-ruler{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:#a0beba;font:500 12px system-ui,sans-serif;padding-top:6px}
.time-ruler strong{font:400 clamp(36px,6vw,72px) Georgia,serif;color:#f1d7b2}
.time-track{height:43px;border-bottom:2px solid #bd9766;position:relative;margin:10px 0 28px}
.time-tick{position:absolute;bottom:0;height:12px;width:2px;background:#d9be96;opacity:.8}
.time-tick.future{opacity:.15}
.time-list{max-height:610px;overflow:auto;padding-right:6px;scrollbar-color:#658e8b #103d47}
.time-event{display:grid;grid-template-columns:75px 1fr;text-align:left;gap:12px;width:100%;color:#f5f3e9;background:rgba(7,43,55,.65);border:0;border-bottom:1px solid var(--line);padding:15px 7px;cursor:pointer}
.time-event:hover,.time-event:focus-visible{background:rgba(193,161,118,.2)}
.time-event-year{font:400 24px Georgia,serif;color:#e5bc87}
.time-event-body strong{display:block;font:500 14px/1.45 Georgia,serif}
.time-event-body small{display:block;font:500 10px/1.6 system-ui,sans-serif;color:#98c4c3;margin-top:5px}
.dna-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.dna-strand{border:1px solid rgba(177,216,205,.3);background:linear-gradient(160deg,rgba(21,82,90,.8),rgba(3,32,42,.9));padding:clamp(13px,2vw,24px);min-width:0}
.dna-strand-1{background:linear-gradient(160deg,rgba(93,67,60,.75),rgba(3,32,42,.9))}
.dna-strand h3{font:400 clamp(21px,2.8vw,37px)/1.12 Georgia,serif;margin:0 0 27px;overflow-wrap:anywhere;color:#f3e7d4}
.dna-facts{margin:0}
.dna-facts>div{border-bottom:1px solid var(--line);padding:10px 0}
.dna-facts dt{font:700 9px/1.5 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#9acdc9}
.dna-facts dd{margin:3px 0 0;font:400 15px/1.35 Georgia,serif;color:#fff}
.dna-milestones{margin-top:16px}
.dna-date{border:1px solid #718b8e;background:transparent;color:#eed5b4;padding:9px 12px;margin:3px;font:500 12px system-ui,sans-serif;cursor:pointer}
.dna-date:hover{background:#264d56}
.dna-bridge{border-top:1px solid var(--line);margin-top:20px;padding:17px 3px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.dna-bridge span{font:400 19px Georgia,serif}
.dna-bridge b{font:500 11px system-ui,sans-serif;color:#a9c6c2}
.museum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}
.museum-exhibit{background:linear-gradient(160deg,#153e49 0%,#082934 100%);border:1px solid #43616b;display:flex;flex-direction:column;align-items:start;min-height:215px;padding:17px;text-align:left;color:#e9e9df;cursor:pointer}
.museum-exhibit:nth-child(3n+2){background:linear-gradient(150deg,#384c45,#10323a)}
.museum-exhibit:nth-child(3n){background:linear-gradient(150deg,#50433e,#1e2e36)}
.museum-exhibit:hover,.museum-exhibit:focus-visible{border-color:#dbb384;background:#245461}
.museum-serial{font:700 10px system-ui,sans-serif;color:#aacdc5}
.museum-object{font:400 49px/1 Georgia,serif;color:#d8b181;align-self:center;margin:-10px 0 4px;opacity:.9}
.museum-kind{font:700 9px/1.4 system-ui,sans-serif;letter-spacing:.1em;color:#95c7be;text-transform:uppercase}
.museum-exhibit strong{font:400 17px/1.3 Georgia,serif;margin:8px 0 10px;overflow-wrap:anywhere}
.museum-exhibit small{font:500 10px system-ui,sans-serif;color:#b8c9c7;margin-top:auto}
.passport-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #c5a47b;padding:0 0 22px}
.passport-head strong{font:400 22px Georgia,serif;color:#efc58f}
.passport-entries{display:grid;gap:10px;margin-top:15px}
.passport-entry{display:flex;align-items:stretch;justify-content:space-between;background:linear-gradient(100deg,rgba(237,219,181,.14),rgba(103,153,147,.13));border:1px solid #466c73;min-height:78px}
.passport-open{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:start;text-align:left;border:0;background:transparent;color:#f7ecdb;padding:15px;font:400 19px/1.3 Georgia,serif;cursor:pointer}
.passport-open small{display:block;margin-top:6px;font:600 10px system-ui,sans-serif;color:#a5cac2;text-transform:uppercase}
.passport-remove{border:0;border-left:1px solid #49616b;background:transparent;color:#ddc19d;font-size:19px;padding:15px;cursor:pointer}
.passport-entry:hover{background:#24515b}
.immersive-hubgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.immersive-hubcard{background:linear-gradient(125deg,#0a3640,#19474d);color:#faf5e9;text-decoration:none;display:flex;flex-direction:column;min-height:240px;padding:24px;border:1px solid #4a7b7b}
.immersive-hubcard:nth-child(3n+2){background:linear-gradient(125deg,#4c5145,#132f39)}
.immersive-hubcard:nth-child(3n){background:linear-gradient(125deg,#594638,#153b40)}
.immersive-hubcard:hover{border-color:#e0b98c;transform:translateY(-2px)}
.immersive-hubcard>span{font:400 27px Georgia,serif;color:#e7c397}
.immersive-hubcard h2{font:400 clamp(23px,2.7vw,38px)/1.05 Georgia,serif;margin:auto 0 12px}
.immersive-hubcard p{font:400 12px/1.6 system-ui,sans-serif;color:#d2e1dc;margin:0 0 15px}
.immersive-hubcard strong{font:600 11px system-ui,sans-serif;color:#e8c392}
@media(max-width:1100px){.immersive-workspace{grid-template-columns:minmax(200px,1fr) minmax(320px,2fr)}.immersive-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.immersive-controls{border-right:1px solid var(--line)}.immersive-intro{grid-template-columns:1fr}.immersive-intro>p:last-child{max-width:800px;margin-top:18px}.immersive-hubgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.immersive-shell{padding:22px 13px 55px}.immersive-workspace{grid-template-columns:1fr}.immersive-controls{border-right:0;border-bottom:1px solid var(--line)}.immersive-stage{min-height:440px}.immersive-canvas{max-height:700px;min-height:420px;padding:14px}.immersive-topline{padding:18px 16px 0}.immersive-intro h1{font-size:clamp(42px,11vw,68px)}.immersive-hubgrid{grid-template-columns:1fr}.immersive-hubcard{min-height:200px}.memory-field{min-height:340px}.memory-core{width:112px;height:112px}.memory-core strong{font-size:15px}.memory-orbit-label{font-size:9px;padding:5px 8px}.dna-pair{gap:7px}.dna-strand{padding:12px}.museum-grid{gap:7px}.museum-exhibit{padding:12px;min-height:200px}}
@media(max-width:400px){.dna-pair{grid-template-columns:1fr}.memory-field{min-height:290px}.memory-orbit-label{max-width:75px}.immersive-live{display:none}}
@media(prefers-reduced-motion:reduce){.immersive-hubcard{transition:none!important}.memory-ring{animation:none!important}}