.camera-page{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-width:0;padding-bottom:3rem;display:grid}.camera-hero{background:radial-gradient(circle at 9% 8%,#18bdcd33,#0000 25rem),radial-gradient(circle at 96% 104%,#e70b851f,#0000 26rem),linear-gradient(145deg,#fff,#f3fbfc 57%,#fff5fa);border:1px solid #071e2f12;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(250px,.34fr);align-items:end;gap:clamp(2rem,5vw,5rem);min-height:440px;padding:clamp(2.2rem,5vw,4.7rem);display:grid;overflow:hidden;box-shadow:0 22px 65px #071e2f14}.camera-hero-copy{max-width:880px}.camera-back-link{color:#526c78;align-items:center;gap:.45rem;margin-bottom:2rem;font-size:.78rem;font-weight:760;display:inline-flex}.camera-back-link svg,.camera-hero-meta svg{width:16px;height:16px}.camera-kicker{color:#087c8a;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .7rem;font-size:.69rem;font-weight:850}.camera-hero h1{max-width:900px;color:var(--portal-ink);letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(2.7rem,5.6vw,5.7rem);font-weight:760;line-height:.94}.camera-lead{color:#58717e;max-width:790px;margin:1.5rem 0 0;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.72}.camera-hero-meta{flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;display:flex}.camera-hero-meta span{color:#58717e;background:#ffffffbd;border:1px solid #071e2f12;border-radius:999px;align-items:center;gap:.42rem;padding:.47rem .65rem;font-size:.67rem;font-weight:720;display:inline-flex}.camera-hero-status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #071e2f14;border-radius:23px;align-content:start;gap:.52rem;padding:1.4rem;display:grid;box-shadow:0 18px 44px #071e2f14}.camera-hero-status>svg{color:#168fa3;width:27px;height:27px}.camera-hero-status.is-live>svg{color:#c6243d}.camera-hero-status>span{color:#708892;letter-spacing:.08em;text-transform:uppercase;margin-top:.75rem;font-size:.67rem;font-weight:800}.camera-hero-status>strong{color:var(--portal-ink);letter-spacing:-.08em;font-size:clamp(3.6rem,7vw,5.8rem);line-height:.95}.camera-hero-status p{color:#536d79;margin:.25rem 0 0;font-size:.8rem;line-height:1.55}.camera-hero-status small{color:#879aa3;border-top:1px solid #071e2f12;margin-top:.25rem;padding-top:.65rem;font-size:.63rem}.camera-warning{color:#815500;background:#fff8e6;border:1px solid #8a590024;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem 1.2rem;display:grid}.camera-warning>svg{width:22px;height:22px}.camera-warning>div{gap:.2rem;display:grid}.camera-warning strong{font-size:.8rem}.camera-warning span{font-size:.72rem;line-height:1.5}.camera-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.camera-overview article{background:#fff;border:1px solid #071e2f12;border-radius:19px;align-content:start;min-height:190px;padding:1.2rem;display:grid;box-shadow:0 14px 36px #071e2f0b}.camera-overview svg{color:#168fa3;width:25px;height:25px}.camera-overview article:nth-child(2) svg{color:#c6243d}.camera-overview article:nth-child(3) svg{color:#f27035}.camera-overview article:nth-child(4) svg{color:#5e2ced}.camera-overview span{color:#708892;letter-spacing:.06em;text-transform:uppercase;margin-top:1.35rem;font-size:.67rem;font-weight:790}.camera-overview strong{color:var(--portal-ink);letter-spacing:-.05em;margin-top:.35rem;font-size:clamp(1.6rem,3vw,2.55rem);line-height:1}.camera-overview small{color:#8298a1;margin-top:auto;padding-top:.85rem;font-size:.64rem;line-height:1.45}.camera-explorer,.camera-guidance{background:#fff;border:1px solid #071e2f12;border-radius:26px;padding:clamp(1.6rem,3.8vw,2.8rem);box-shadow:0 15px 42px #071e2f0d}.camera-explorer-heading,.camera-guidance-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);align-items:end;gap:2rem;margin-bottom:1.6rem;display:grid}.camera-explorer-heading h2,.camera-guidance-heading h2,.camera-actions h2{color:var(--portal-ink);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(1.8rem,3.4vw,3.25rem);font-weight:750;line-height:1}.camera-explorer-heading>div:first-child>p:last-child,.camera-guidance-heading>p{color:#667f8b;margin:.85rem 0 0;font-size:.84rem;line-height:1.62}.camera-guidance-heading>p{margin:0;font-size:.92rem}.camera-current-selection{justify-items:end;gap:.2rem;display:grid}.camera-current-selection>strong{color:var(--portal-ink);letter-spacing:-.04em;font-size:1.55rem}.camera-current-selection>small{color:#7d929b;text-align:right;max-width:290px;font-size:.65rem;line-height:1.45}.camera-state{border-radius:999px;align-items:center;gap:.36rem;padding:.38rem .58rem;font-size:.65rem;font-weight:800;display:inline-flex}.camera-state svg{width:14px;height:14px}.camera-state-online{color:#166534;background:#eaf8ef}.camera-state-preparing{color:#647d88;background:#f2f5f6}.camera-selector{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.camera-selector button{color:#526c78;min-width:130px;font:inherit;text-align:left;cursor:pointer;background:#f8fbfc;border:1px solid #071e2f17;border-radius:12px;gap:.2rem;padding:.7rem .85rem;display:grid}.camera-selector button span{font-size:.76rem;font-weight:790}.camera-selector button small{color:#8298a1;font-size:.59rem}.camera-selector button.is-active{color:#087c8a;background:#eef9fa;border-color:#168fa3}.camera-selector button:focus-visible,.camera-location-list button:focus-visible,.camera-launch:focus-visible{outline-offset:2px;outline:3px solid #18bdcd40}.camera-stage{grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr);gap:1rem;display:grid}.camera-frame{background:radial-gradient(circle at 50% 0,#18bdcd2e,#0000 50%),#08263a;border-radius:21px;min-height:480px;position:relative;overflow:hidden}.camera-frame iframe,.camera-frame>.camera-launch{border:0;width:100%;height:100%;position:absolute;inset:0}.camera-launch{color:#fff;font:inherit;cursor:pointer;background:#08263a;place-content:center;justify-items:center;gap:.55rem;padding:2rem;display:grid;overflow:hidden}.camera-launch img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-launch-overlay{background:linear-gradient(#04162233,#041622d1);position:absolute;inset:0}.camera-launch-icon,.camera-launch>strong,.camera-launch>small{z-index:1;position:relative}.camera-launch-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff4d;border-radius:999px;place-items:center;width:72px;height:72px;display:grid}.camera-launch-icon svg{width:38px;height:38px}.camera-launch>strong{letter-spacing:-.035em;margin-top:.55rem;font-size:clamp(1.2rem,2.5vw,1.8rem)}.camera-launch>small{color:#ffffffb3;font-size:.68rem}.camera-placeholder{color:#fff;text-align:center;place-content:center;justify-items:center;gap:.65rem;min-height:480px;padding:2rem;display:grid}.camera-placeholder-icon{background:#ffffff17;border-radius:19px;place-items:center;width:66px;height:66px;display:grid}.camera-placeholder-icon svg{color:#7de7f2;width:31px;height:31px}.camera-placeholder strong{margin-top:.45rem;font-size:1.15rem}.camera-placeholder p{color:#ffffffa6;max-width:370px;margin:0;font-size:.76rem;line-height:1.55}.camera-frame-label{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03121dad;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem .85rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.camera-frame-label span{font-size:.72rem;font-weight:780}.camera-frame-label small{color:#ffffff9e;font-size:.59rem}.camera-details{background:#f9fcfc;border:1px solid #071e2f12;border-radius:20px;align-content:start;padding:1.3rem;display:grid}.camera-details h3{color:var(--portal-ink);letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}.camera-details>p:not(.camera-kicker){color:#647d88;margin:.9rem 0 0;font-size:.79rem;line-height:1.62}.camera-stream-title{background:#fff;border-radius:13px;gap:.3rem;margin-top:1rem;padding:.85rem;display:grid}.camera-stream-title span{color:#78909b;letter-spacing:.06em;text-transform:uppercase;font-size:.59rem;font-weight:780}.camera-stream-title strong{font-size:.77rem;line-height:1.45}.camera-details dl{gap:.55rem;margin:1rem 0 0;display:grid}.camera-details dl>div{background:#fff;border-radius:12px;gap:.18rem;padding:.75rem;display:grid}.camera-details dt{color:#8298a1;text-transform:uppercase;letter-spacing:.05em;font-size:.59rem;font-weight:760}.camera-details dd{color:#284b5e;align-items:center;gap:.35rem;margin:0;font-size:.72rem;font-weight:700;display:flex}.camera-details dd svg{color:#168fa3;width:14px;height:14px}.camera-details>a{color:#087c8a;align-items:center;gap:.4rem;width:fit-content;margin-top:1rem;font-size:.72rem;font-weight:790;display:inline-flex}.camera-details>a svg{width:14px;height:14px}.camera-location-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.9rem;display:grid}.camera-location-list button{color:#526c78;font:inherit;text-align:left;cursor:pointer;background:#fafcfc;border:1px solid #071e2f12;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem;display:grid}.camera-location-list button.is-active{background:#effafb;border-color:#18bdcd59}.camera-location-icon{color:#087c8a;background:#eaf8fa;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.camera-location-icon svg{width:18px;height:18px}.camera-location-list button>span:nth-child(2){gap:.1rem;display:grid}.camera-location-list strong{font-size:.72rem}.camera-location-list small{color:#8298a1;font-size:.58rem}.camera-location-state{background:#a9b7bd;border-radius:999px;width:8px;height:8px}.camera-location-state-online{background:#28a35a;box-shadow:0 0 0 4px #28a35a1a}.camera-guidance{color:#fff;background:radial-gradient(circle at 0 100%,#18bdcd2e,#0000 28rem),#08263a}.camera-guidance .camera-kicker{color:#7de7f2}.camera-guidance-heading h2{color:#fff}.camera-guidance-heading>p{color:#ffffffa6}.camera-guidance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.camera-guidance-grid article{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:18px;min-height:230px;padding:1.2rem;position:relative}.camera-guidance-grid article>svg{color:#7de7f2;width:27px;height:27px}.camera-guidance-grid article>span{color:#ffffff40;font-size:.68rem;font-weight:850;position:absolute;top:1rem;right:1rem}.camera-guidance-grid h3{margin:2.2rem 0 0;font-size:.98rem}.camera-guidance-grid p{color:#ffffffa3;margin:.65rem 0 0;font-size:.76rem;line-height:1.6}.camera-responsibility-note{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:.65rem;margin-top:.85rem;padding:.9rem 1rem;display:grid}.camera-responsibility-note svg{color:#f3b782;width:20px;height:20px}.camera-responsibility-note p{color:#ffffff9e;margin:0;font-size:.69rem;line-height:1.55}.camera-actions{background:linear-gradient(135deg,#eaf9fb,#fff5fa);border-radius:25px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:clamp(1.6rem,3.7vw,2.8rem);display:grid}.camera-actions>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.camera-primary-action,.camera-secondary-action{border-radius:12px;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:.72rem .95rem;font-size:.75rem;font-weight:790;display:inline-flex}.camera-primary-action{background:var(--portal-ink);color:#fff}.camera-primary-action svg{width:15px;height:15px}.camera-secondary-action{color:var(--portal-ink);background:#ffffffc2;border:1px solid #071e2f1a}.camera-back-link:hover,.camera-back-link:focus-visible,.camera-details>a:hover,.camera-details>a:focus-visible{color:#087c8a;outline:none}.camera-primary-action:hover,.camera-primary-action:focus-visible{background:#12364c;outline:none}.camera-secondary-action:hover,.camera-secondary-action:focus-visible{color:#087c8a;border-color:#18bdcd52;outline:none}@media (width<=1050px){.camera-hero{grid-template-columns:1fr;align-items:start;min-height:auto}.camera-hero-status{max-width:520px}.camera-overview,.camera-guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-explorer-heading,.camera-guidance-heading{grid-template-columns:1fr;align-items:start;gap:.85rem}.camera-current-selection{justify-items:start}.camera-current-selection>small{text-align:left}.camera-stage{grid-template-columns:1fr}.camera-frame,.camera-placeholder{min-height:430px}.camera-location-list{grid-template-columns:1fr}.camera-actions{grid-template-columns:1fr;align-items:start}.camera-actions>div:last-child{justify-content:flex-start}}@media (width<=680px){.camera-page{gap:1rem}.camera-hero,.camera-explorer,.camera-guidance,.camera-actions{border-radius:21px}.camera-overview,.camera-guidance-grid{grid-template-columns:1fr}.camera-selector{grid-template-columns:1fr;display:grid}.camera-selector button{width:100%}.camera-frame,.camera-placeholder{min-height:340px}.camera-actions>div:last-child{width:100%;display:grid}.camera-primary-action,.camera-secondary-action{width:100%}}@media (width<=440px){.camera-hero,.camera-explorer,.camera-guidance,.camera-actions{padding:1.25rem}.camera-hero h1{font-size:clamp(2.35rem,12.5vw,3.6rem)}.camera-hero-status,.camera-details{padding:1.05rem}.camera-frame,.camera-placeholder{min-height:300px}.camera-frame-label{flex-direction:column;align-items:flex-start;gap:.25rem}}
