/* One quiet instrument, not six boxed cards. */
.feature-tabs {
  position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:nowrap;gap:0;
  width:min(100%,990px);height:64px;margin-bottom:43px;padding:6px;
  border:1px solid #b9d2ff35;border-radius:40px;overflow-x:auto;overflow-y:hidden;
  background:linear-gradient(115deg,#b9dfff0b,#070f1d63 45%,#ad8eff09);
  box-shadow:inset 0 1px 1px #e9f7ff20,inset 0 -1px 1px #ad9eff18;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
}
.feature-tabs::-webkit-scrollbar { display:none; }
.feature-selection-track {
  position:absolute;top:6px;left:0;z-index:-1;height:50px;width:var(--selector-w,160px);
  border:1px solid #d4e6ff7d;border-radius:29px;
  background:radial-gradient(ellipse at 8% 0,#d6eeff25,transparent 76%),linear-gradient(120deg,#7fa9db22,#9a80d926);
  box-shadow:inset 0 1px 1px #edf8ff9c,inset 0 -1px 1px #c5afff65,0 5px 16px -10px #b5caff52;
  transform:translate3d(var(--selector-x,6px),0,0);transition:transform .5s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.feature-tabs .feature-tab {
  position:relative;flex:1 0 0;display:flex;align-items:center;justify-content:center;gap:10px;
  height:50px;min-height:50px;min-width:0;margin:0;padding:10px 15px;border:0;border-radius:28px;
  font-size:12px;line-height:1.3;color:#91a9ca;background:transparent;box-shadow:none;
  scroll-snap-align:center;transition:color .25s,background .25s;
}
.feature-tabs .feature-tab[aria-selected=true] { color:#f1f6ff;background:none;border:0;box-shadow:none; }
.feature-tabs .feature-tab:hover { color:#e9f3ff;transform:none;border:0;background:#c4dfff07;box-shadow:none; }
.feature-tabs .feature-tab:active { transform:none;background:#c7e4ff0b; }
.feature-tabs .feature-tab:focus-visible { outline:2px solid #d3ebff;outline-offset:-4px; }
.feature-tabs .feature-tab-symbol { width:23px;height:23px; }
.feature-tabs .feature-tab-symbol .icon { width:20px;height:20px;stroke-width:1.5; }
.feature-tabs .feature-tab-text { font-weight:500;white-space:nowrap; }
.feature-tabs .feature-tab-open { display:none; }
.feature-switcher-heading { width:min(100%,990px);margin-bottom:15px;font-size:12px; }
.feature-switcher-hint { font-size:9px; }
.feature-hint-mobile { display:none; }

/* Distinct portraits float as a photographic deck. Only transform/opacity move. */
.media-gallery { position:relative;isolation:isolate;min-width:0;--gallery-accent:#8dbda8; }
.gallery-stage { position:relative;height:375px;perspective:1100px;overflow:hidden;contain:paint;touch-action:pan-y pinch-zoom; }
.gallery-light-field { position:absolute;inset:12% 12% 0;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--gallery-accent) 13%,transparent),transparent 65%);transform:translate3d(var(--sheen-x,0px),var(--sheen-y,0px),0);pointer-events:none; }
.gallery-slide {
  position:absolute;left:50%;top:19px;width:260px;height:332px;padding:0;
  overflow:hidden;isolation:isolate;border:1px solid #c0d8ff69;border-radius:23px;
  background:#0a1220;box-shadow:inset 0 1px 1px #eef7ff80,0 23px 35px -18px #000e;
  transform-origin:50% 65%;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s,border-color .35s;
  -webkit-tap-highlight-color:transparent;
}
.gallery-slide[data-position=center] { z-index:3;transform:translate3d(-50%,0,0) rotate(-2deg) scale(1);opacity:1;filter:brightness(1); }
.gallery-slide[data-position=next] { z-index:2;transform:translate3d(calc(-50% + 142px),25px,-45px) rotate(9deg) scale(.83);opacity:.72;filter:brightness(.77); }
.gallery-slide[data-position=previous] { z-index:1;transform:translate3d(calc(-50% - 142px),25px,-45px) rotate(-10deg) scale(.83);opacity:.72;filter:brightness(.77); }
.gallery-slide[data-position=center]:hover { border-color:#e1edffb5;transform:translate3d(-50%,-3px,0) rotate(-1deg) scale(1.01); }
.gallery-slide:not([data-position=center]):hover { opacity:.95;filter:brightness(.98);border-color:#d6e7ffc2; }
.gallery-slide:focus-visible { outline:2px solid #d2eaff;outline-offset:4px; }
.gallery-slide img { width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(calc(var(--sheen-x,0px) * .3),calc(var(--sheen-y,0px) * .3),0) scale(1.025);user-select:none; }
.gallery-slide::before { content:'';position:absolute;z-index:3;top:0;left:0;width:230px;height:230px;background:radial-gradient(ellipse,#f2fcff29,#b6ddff0c 35%,transparent 67%);transform:translate3d(calc(var(--mx,50%) - 115px),calc(var(--my,40%) - 115px),0);opacity:var(--spec-opacity,0);pointer-events:none; }
.gallery-slide::after { content:'';position:absolute;z-index:4;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(110px 8px at 27% 0,#fff,#d4eaff8c 30%,transparent 95%),linear-gradient(130deg,#dcefff7a,#a4bbff0d 50%,#b9a6ff6b);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none; }
.gallery-slide-caption { position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:35px 18px 16px;background:linear-gradient(transparent,#050b16c7);font-size:11px;color:#e1eaf8;text-align:left; }.gallery-slide-caption .icon { width:16px;height:16px; }
.gallery-bottom { display:flex;align-items:center;justify-content:space-between;gap:25px;padding:6px 15px 0; }
.gallery-current { display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center; }
.gallery-count { grid-column:1;grid-row:1/3;font-size:10px;letter-spacing:.08em;color:#91abc9;font-variant-numeric:tabular-nums;padding-right:14px;border-right:1px solid #b5d0f32c; }
.gallery-title { grid-column:2;font-size:24px;letter-spacing:-.035em;font-weight:500;line-height:1.25; }
.gallery-kind { grid-column:2;font-size:10px;color:#8ea8ca; }
.gallery-navigation { display:flex;align-items:center;gap:10px; }
.gallery-navigation button,.inspector-navigation button { width:42px;height:42px;display:grid;place-items:center;border:1px solid #b4cef252;border-radius:50%;background:linear-gradient(135deg,#c5e5ff09,#a28df90a);box-shadow:inset 0 1px 1px #e4f4ff30;color:#d7e4f8;transition:background .3s,border-color .3s,transform .3s var(--ease); }
.gallery-previous .icon { transform:rotate(180deg); }.gallery-navigation .icon,.inspector-navigation .icon { width:18px;height:18px; }
.gallery-navigation button:hover,.inspector-navigation button:hover { border-color:#d4e9ffb0;background:#b4d2ff11;transform:translateY(-2px); }.gallery-navigation button:active,.inspector-navigation button:active { transform:translateY(0) scale(.97); }
.gallery-progress { display:flex;gap:5px;padding:19px 15px 0; }
.gallery-progress > button { flex:1;display:flex;align-items:center;padding:9px 0;min-height:22px; }
.gallery-progress > button > span { display:block;width:100%;height:2px;border-radius:5px;background:#adc7ef27;position:relative;overflow:hidden; }
.gallery-progress > button > span::after { content:'';position:absolute;inset:0;background:linear-gradient(90deg,#abd8e5,#b5a0f3);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease); }
.gallery-progress > button[aria-pressed=true] > span::after { transform:scaleX(1); }
.gallery-progress > button:hover > span { background:#c3d8f765; }
.gallery-footer { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 15px 0; }
.gallery-footer > span { font-size:9px;color:#88a3c4; }
.gallery-open { display:flex;align-items:center;gap:9px;min-height:37px;font-size:10px;color:#d4e3f5;padding:4px 0; }.gallery-open .icon { width:14px;height:14px; }.gallery-open:hover { color:#e5d7ff; }
.gallery-disclaimer { display:block;font-size:8px;color:#728cae;line-height:1.8;padding:11px 15px 0; }

/* The viewer is a full photographic scene, with no nested grey modal card. */
body.photo-viewer-open { overflow:hidden; }
.media-inspector {
  position:fixed;inset:0;width:100%;height:100%;height:100svh;max-width:none;max-height:none;
  margin:0;padding:0;border:0;border-radius:0;overflow-x:hidden;overflow-y:auto;
  background:radial-gradient(ellipse at 28% 44%,color-mix(in srgb,var(--gallery-accent,#8dbda8) 8%,transparent),transparent 45%),#050a12;
  color:#edf4ff;box-shadow:none;isolation:isolate;scrollbar-width:thin;scrollbar-color:#9db6d94d #050a12;color-scheme:dark;
}
.media-inspector::backdrop { background:#050a12;backdrop-filter:none; }
body:not(.motion-paused) .media-inspector[open] { animation:gallery-viewer-appear .35s var(--ease); }
body:not(.motion-paused) .media-inspector[open] .photo-inspector-view { animation:gallery-image-appear .55s var(--ease); }
@keyframes gallery-viewer-appear { from { opacity:0; }to { opacity:1; } }
@keyframes gallery-image-appear { from { opacity:.25;transform:translate3d(0,12px,0) scale(.985); }to { opacity:1;transform:translate3d(0,0,0) scale(1); } }
.motion-paused .connect-dialog[open] { animation:none; }
.gallery-inspector-header { display:flex;align-items:center;gap:10px;width:min(1500px,calc(100% - 96px));margin:0 auto;height:105px; }
.gallery-inspector-header > strong { font-size:24px;letter-spacing:-.06em; }.gallery-inspector-header > strong > span { color:#b3c9ff; }.gallery-inspector-header > span:last-of-type { margin-left:18px;padding-left:23px;border-left:1px solid #bfd6f32e;font-size:11px;color:#8fa9ca; }
.gallery-inspector-header .dialog-close { position:static;margin-left:auto;display:grid;place-items:center;width:45px;height:45px;border:1px solid #b8d3f85c;border-radius:50%; }
.gallery-inspector-layout { width:min(1400px,calc(100% - 120px));min-height:calc(100svh - 160px);margin:0 auto;display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:center;padding:10px 0 45px; }
.media-inspector .photo-inspector-view { width:min(100%,60.8svh,608px);height:auto;aspect-ratio:4/5;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px -30px #000b;border:1px solid #bdd5f339;background:#0b1220; }
.media-inspector .photo-inspector-view img { width:100%;height:100%;object-fit:contain;transition:transform .75s var(--ease); }
.media-inspector[data-view=detail] .photo-inspector-view img { transform:scale(1.85);transform-origin:center 47%; }
.gallery-inspector-copy { padding-bottom:15px;min-width:0; }
.inspector-kind { display:block;margin-top:35px;color:#b2c8e2;font-size:12px; }
.media-inspector h2 { font-size:clamp(38px,4vw,64px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:13px 0 21px;text-wrap:balance; }
.gallery-inspector-copy > p { font-size:16px;color:#8fa8c7;line-height:1.8;max-width:350px; }
.inspector-navigation { display:flex;gap:11px;margin-top:33px; }
.media-inspector .photo-inspector-controls { justify-content:flex-start;gap:9px;margin-top:35px;flex-wrap:wrap; }
.media-inspector .photo-inspector-controls button { display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 15px;font-size:11px;border-radius:22px;border-color:#b4cef53b; }.photo-inspector-controls .icon { width:14px;height:14px; }
.media-inspector #inspector-disclaimer { margin-top:35px;color:#728cae;font-size:10px;line-height:1.9; }
@media(min-width:1600px) { .gallery-stage { height:405px; }.gallery-slide { width:282px;height:360px; }.gallery-slide[data-position=next] { transform:translate3d(calc(-50% + 160px),25px,-45px) rotate(9deg) scale(.83); }.gallery-slide[data-position=previous] { transform:translate3d(calc(-50% - 160px),25px,-45px) rotate(-10deg) scale(.83); } }
@media(max-width:1100px) { .feature-tabs { height:61px; }.feature-selection-track { height:47px; }.feature-tabs .feature-tab { height:47px;min-height:47px;padding-inline:10px;font-size:11px;gap:8px; }.feature-tabs .feature-tab-symbol .icon { width:18px;height:18px; }.gallery-stage { height:345px; }.gallery-slide { width:235px;height:301px; }.gallery-slide[data-position=next] { transform:translate3d(calc(-50% + 115px),25px,-45px) rotate(9deg) scale(.83); }.gallery-slide[data-position=previous] { transform:translate3d(calc(-50% - 115px),25px,-45px) rotate(-10deg) scale(.83); }.gallery-bottom { padding-inline:2px; }.gallery-title { font-size:21px; }.gallery-progress,.gallery-footer { padding-inline:2px; }.gallery-disclaimer { padding-inline:2px; }.gallery-inspector-layout { gap:50px;width:calc(100% - 80px); } }
@media(max-width:900px) { .gallery-stage { height:385px; }.gallery-slide { width:270px;height:345px; }.gallery-slide[data-position=next] { transform:translate3d(calc(-50% + 148px),25px,-45px) rotate(9deg) scale(.83); }.gallery-slide[data-position=previous] { transform:translate3d(calc(-50% - 148px),25px,-45px) rotate(-10deg) scale(.83); }.gallery-inspector-layout { grid-template-columns:1.15fr .85fr;gap:30px; }.media-inspector h2 { font-size:38px; }.gallery-inspector-copy > p { font-size:13px; }.gallery-inspector-header { width:calc(100% - 60px); }.gallery-inspector-header > span:last-of-type { font-size:10px; } }
@media(max-width:700px) {
 .feature-tabs { width:100%;height:61px;padding:6px;margin-bottom:31px;display:flex;gap:0; }
 .feature-tabs .feature-tab { flex:0 0 125px;height:47px;min-height:47px;padding:10px 13px;gap:9px;font-size:12px; }
 .feature-selection-track { height:47px; }.feature-tabs .feature-tab-symbol .icon { width:19px;height:19px; }.feature-switcher-heading { font-size:11px;gap:10px; }.feature-switcher-hint { display:inline-flex;font-size:8px; }
 .feature-hint-desktop { display:none; }.feature-hint-mobile { display:inline; }.feature-switcher-hint .icon { transform:none; }
 .gallery-stage { height:326px;margin-inline:-9px; }
 .gallery-slide { top:17px;width:213px;height:273px;border-radius:20px; }
 .gallery-slide[data-position=next] { transform:translate3d(calc(-50% + 101px),21px,-45px) rotate(10deg) scale(.81); }
 .gallery-slide[data-position=previous] { transform:translate3d(calc(-50% - 101px),21px,-45px) rotate(-11deg) scale(.81); }
 .gallery-slide-caption { padding:30px 13px 13px;font-size:10px; }.gallery-slide-caption .icon { width:14px;height:14px; }
 .gallery-bottom { gap:14px; }.gallery-current { gap:5px 10px; }.gallery-count { font-size:8px;padding-right:10px; }.gallery-title { font-size:23px; }.gallery-kind { font-size:9px; }.gallery-navigation { gap:8px; }.gallery-navigation button { width:41px;height:41px; }.gallery-navigation .icon { width:17px;height:17px; }
 .gallery-progress { padding-top:15px; }.gallery-footer { gap:12px;flex-wrap:wrap; }.gallery-footer > span { font-size:8px; }.gallery-open { font-size:10px; }.gallery-disclaimer { font-size:8px;padding-top:6px; }
 .gallery-inspector-header { width:calc(100% - 40px);height:80px;gap:8px; }.gallery-inspector-header .assistant-avatar { width:28px;height:28px; }.gallery-inspector-header > strong { font-size:22px; }.gallery-inspector-header > span:last-of-type { display:none; }.gallery-inspector-header .dialog-close { width:43px;height:43px; }
 .gallery-inspector-layout { display:flex;flex-direction:column;gap:25px;width:calc(100% - 40px);padding:7px 0 28px;min-height:0;align-items:stretch; }
 .media-inspector .photo-inspector-view { width:min(100%,41.6svh,424px);height:auto;max-height:none;aspect-ratio:4/5;border-radius:21px; }
 .gallery-inspector-copy { display:grid;grid-template-columns:1fr auto;gap:0 18px;padding:0; }
 #inspector-count { grid-column:1;grid-row:1;font-size:8px; }.inspector-kind { grid-column:1;grid-row:2;margin-top:8px;font-size:10px; }
 .media-inspector h2 { grid-column:1;grid-row:3;font-size:33px;margin:9px 0 12px; }.gallery-inspector-copy > #inspector-description { grid-column:1/-1;font-size:12px;max-width:none; }
 .inspector-navigation { grid-column:2;grid-row:1/4;margin-top:0;align-self:center;gap:8px; }.inspector-navigation button { width:40px;height:40px; }
 .media-inspector .photo-inspector-controls { grid-column:1/-1;margin-top:19px; }.media-inspector .photo-inspector-controls button { min-height:42px;font-size:10px; }
 .media-inspector #inspector-disclaimer { grid-column:1/-1;font-size:8px;margin-top:18px; }
}
@media(max-width:360px) { .gallery-stage { height:297px; }.gallery-slide { width:190px;height:244px; }.gallery-slide[data-position=next] { transform:translate3d(calc(-50% + 88px),21px,-45px) rotate(10deg) scale(.81); }.gallery-slide[data-position=previous] { transform:translate3d(calc(-50% - 88px),21px,-45px) rotate(-11deg) scale(.81); }.gallery-title { font-size:19px; }.gallery-navigation button { width:37px;height:37px; }.gallery-current { gap:5px 8px; }.gallery-count { font-size:7px;padding-right:8px; }.gallery-inspector-copy { column-gap:8px; }.media-inspector h2 { font-size:30px; } }
@media(prefers-reduced-motion:reduce) { .feature-selection-track,.gallery-slide,.media-inspector .photo-inspector-view img { transition:none; }.gallery-slide[data-position=center]:hover { transform:translate3d(-50%,0,0) rotate(-2deg) scale(1); }.gallery-navigation button:hover,.inspector-navigation button:hover { transform:none; } }