.webcam-page{padding-top:28px;padding-bottom:28px}.cam-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:420px;border:1px solid #2d4d61;border-radius:20px;overflow:hidden;background:#102d40;margin-bottom:36px}.cam-hero-copy{padding:42px}.cam-hero-copy h1{font-size:clamp(34px,3.6vw,54px);line-height:1.12;margin:0 0 20px;max-width:15ch}.cam-hero-copy>p:not(.eyebrow){color:#c4d9e5;font-size:17px;line-height:1.7;max-width:48ch}.cam-hero-stats{display:flex;gap:26px;color:#a9c7d9;font-size:14px;margin-top:30px}.cam-hero-stats strong{font-size:24px;color:#fff;margin-right:5px}.cam-hero-photo{position:relative;min-height:280px}.cam-hero-photo img{height:100%;width:100%;object-fit:cover;display:block}.cam-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102d4030,transparent 50%)}.cam-hero-photo>span,.cam-photo>span{position:absolute;bottom:10px;right:10px;z-index:1;padding:5px 9px;border-radius:6px;color:#e2eff7;background:#041827c9;font-size:10px}.cam-how{margin:0 0 32px}.cam-how>h2{font-size:24px;margin:0 0 20px}.cam-how ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cam-how li{display:flex;gap:14px}.cam-how li>span{font-weight:800;font-size:14px;color:#58c4ff;border:1px solid #315064;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.cam-how h3{font-size:17px;margin:0 0 6px;letter-spacing:-.02em}.cam-how p{font-size:14px;line-height:1.6;color:#afcadb;margin:0}.cam-filter{display:flex;align-items:end;gap:16px;background:#102c3c;border:1px solid #2d4d61;border-radius:14px;padding:22px}.cam-filter>div:first-child{flex:1}.cam-filter>div:nth-child(2){flex:0 1 260px}.cam-filter label{display:block;font-size:13px;font-weight:700;margin-bottom:9px;color:#dcebf4}.cam-filter input,.cam-filter select{width:100%;height:48px;min-width:0;color:#f1f8fd;background:#071e2e;border:1px solid #416074;border-radius:8px;padding:0 14px;font-size:15px}.cam-filter input::placeholder{color:#9fbaca}.cam-filter button{height:48px;background:transparent;color:#9bdcff;border:0;cursor:pointer;font-size:13px;padding:0 4px}.cam-result-count{color:#95b5c9;font-size:13px;margin:15px 0 30px}.cam-country{margin:0 0 42px;scroll-margin-top:100px}.cam-country-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.cam-country-head h2{font-size:27px;margin:0}.cam-country-head>span{font-size:13px;color:#9fbdce}.webcam-page .cam-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.webcam-page .cam-card{padding:0;overflow:hidden;border:1px solid #2b4a60;border-radius:13px;background:#102c3e;line-height:normal;min-width:0;transition:border-color .2s}.cam-card:hover{border-color:#60bbeb}.cam-photo{display:block;position:relative;aspect-ratio:16/8;overflow:hidden}.cam-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.cam-card:hover .cam-photo img{transform:scale(1.035)}.cam-copy{padding:19px}.cam-region{color:#9cbbce;font-size:12px;margin:0 0 7px}.cam-copy h3{font-size:22px;margin:0 0 18px;line-height:1.25}.webcam-page .cam-copy h3 a{color:#f6fbff}.cam-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.webcam-page .cam-actions>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 6px;border:1px solid #3b6179;border-radius:7px;color:#cceaff;font-size:13px;font-weight:700;background:#173c53}.webcam-page .cam-actions>.cam-primary{background:#147dbb;color:#fff;border-color:#2195d7}.cam-actions>a:hover{filter:brightness(1.17)}.webcam-page .cam-trip{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#ffce84;margin-top:17px;padding-top:15px;border-top:1px solid #2e4b60}.cam-source-note{color:#99b6c9;font-size:13px;line-height:1.7;padding-top:22px;border-top:1px solid #2d4a5e}.cam-empty{padding:30px;border:1px solid #345569;border-radius:12px;color:#c5dce9}.webcam-page a:focus-visible,.cam-filter :focus-visible{outline:3px solid #ffcb78;outline-offset:3px}@media(max-width:1000px){.cam-hero-copy{padding:30px}.webcam-page .cam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cam-filter{flex-wrap:wrap}.cam-filter>div:first-child{flex-basis:50%}.cam-filter>div:nth-child(2){flex:1}}@media(max-width:650px){.cam-hero{grid-template-columns:1fr;min-height:0;border-radius:12px;margin-bottom:28px}.cam-hero-copy{padding:26px}.cam-hero-copy h1{font-size:36px;max-width:18ch}.cam-hero-copy>p:not(.eyebrow){font-size:15px}.cam-hero-photo{min-height:0;height:190px}.cam-hero-stats{margin-top:18px}.cam-how ol{grid-template-columns:1fr;gap:18px}.cam-how>h2{font-size:22px}.cam-filter{padding:17px;gap:15px}.cam-filter>div:first-child,.cam-filter>div:nth-child(2){flex:1 1 100%}.cam-filter button{height:26px}.webcam-page .cam-grid{grid-template-columns:1fr;gap:18px}.cam-country-head h2{font-size:24px}.cam-copy{padding:18px}.cam-photo{aspect-ratio:16/8}.cam-country-head>span{font-size:12px}}@media(prefers-reduced-motion:reduce){.cam-photo img,.cam-card{transition:none}.cam-card:hover .cam-photo img{transform:none}}