/* HOGUE DRONE SERVICES — hyperlapse collection, shared homepage/gallery UI. */
.hl-section{--hl-blue:#50c7ff;--hl-green:#8fe6a0;--hl-ink:#f0f6f8;--hl-muted:#b2c2cb;--hl-line:#294451;color:var(--hl-ink);background:#080e12;border-block:1px solid #203844;padding:clamp(28px,5vw,64px) 0;scroll-margin-top:110px}
.hl-section *{box-sizing:border-box}
.hl-section [hidden]{display:none!important}
.hl-shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.hl-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.hl-eyebrow{margin:0 0 10px;color:var(--hl-blue);font-size:.76rem;letter-spacing:.14em;font-weight:750;text-transform:uppercase}
.hl-section h1,.hl-section h2,.hl-section h3{color:var(--hl-ink);letter-spacing:-.025em;line-height:1.15}
.hl-section h1{font-size:clamp(2.4rem,7vw,4.6rem);margin:0 0 16px}
.hl-section h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px}
.hl-section h3{font-size:1.16rem;margin:0 0 10px}
.hl-intro{max-width:65ch;margin:0;color:var(--hl-muted);line-height:1.65}
.hl-section a{text-underline-offset:.22em}
.hl-section button,.hl-section input,.hl-section textarea{font:inherit}
.hl-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #476271;border-radius:9px;padding:10px 15px;background:#101d25;color:#f0f6f8;text-decoration:none;font-weight:650;line-height:1.3;cursor:pointer}
.hl-button:hover{background:#1c3340;border-color:#76b7d8}
.hl-button.hl-primary{background:var(--hl-blue);border-color:var(--hl-blue);color:#031520}
.hl-button.hl-primary:hover{background:#8edbff}
.hl-button.hl-small{min-height:40px;padding:8px 12px;font-size:.9rem}
.hl-button:disabled{opacity:.5;cursor:not-allowed}
.hl-section :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #b5e6ff;outline-offset:4px}
.hl-gallery-link{white-space:nowrap;flex-shrink:0}
.hl-load-state{padding:22px 24px;border:1px solid var(--hl-line);border-radius:12px;background:#0d1921;color:var(--hl-muted)}
.hl-load-state p{color:inherit;margin:0 0 12px}
.hl-load-state p:last-child{margin-bottom:0}
.hl-player-wrap{scroll-margin-top:110px}
.hl-frame{overflow:hidden;border:2px solid var(--hl-blue);border-radius:14px;background:#02070a;box-shadow:0 0 0 5px #50c7ff0b,0 22px 55px #0004}
.hl-frame-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding:9px 16px;background:#0b1922;border-bottom:1px solid #1c3b4d;font-size:.67rem;letter-spacing:.13em;font-weight:750;color:#c4eaff}
.hl-frame-header span:last-child{color:var(--hl-green)}
.hl-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#02070a}
.hl-video:focus-visible{outline:3px solid white;outline-offset:-4px}
.hl-player-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:24px 0 15px}
.hl-player-meta h3{font-size:clamp(1.2rem,2.5vw,1.55rem);margin:0 0 6px;overflow-wrap:anywhere}
.hl-position{white-space:nowrap;color:var(--hl-green);font-size:.8rem;font-weight:700;letter-spacing:.04em;padding-top:4px}
.hl-description{color:var(--hl-muted);line-height:1.6;max-width:75ch;margin:0 0 8px}
.hl-location{color:var(--hl-blue);font-size:.82rem;margin:0}
.hl-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 10px}
.hl-controls .hl-spacer{flex:1;min-width:0}
.hl-status{font-size:.85rem;line-height:1.5;color:var(--hl-muted);margin:12px 0;min-height:1.5em;overflow-wrap:anywhere}
.hl-status.is-error{color:#ffc1ba}
.hl-feedback-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:17px 0;border-top:1px solid var(--hl-line);margin-top:18px}
.hl-feedback-label{font-weight:650;font-size:.86rem;color:#d6e4ea}
.hl-votes{display:flex;gap:8px}
.hl-vote{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:74px;min-height:44px;padding:9px 12px;border:1px solid #405c6b;border-radius:9px;background:#0e1c25;color:#dceaf1;cursor:pointer;font:inherit;font-weight:650;font-variant-numeric:tabular-nums}
.hl-vote svg{width:20px;height:20px;flex-shrink:0}
.hl-vote:hover{border-color:var(--hl-blue);background:#142e3c}
.hl-vote[aria-pressed=true]{background:#143c3b;border-color:var(--hl-green);color:#baffcb}
.hl-vote:disabled{opacity:.52;cursor:not-allowed}
.hl-feedback-status{margin:0 0 15px;font-size:.82rem;color:var(--hl-muted);min-height:1.4em}
.hl-feedback-status.is-error{color:#ffc1ba}
.hl-comment-panel{background:#0c1820;border:1px solid var(--hl-line);border-radius:13px;margin-top:14px;scroll-margin-top:110px}
.hl-comment-panel>summary{padding:18px 20px;cursor:pointer;font-weight:700;color:#e5f2f7}
.hl-comment-panel>summary::marker{color:var(--hl-blue)}
.hl-comment-inner{padding:0 20px 20px}
.hl-comment-context{color:var(--hl-muted);font-size:.9rem;line-height:1.5;margin-bottom:20px}
.hl-comment-form{display:grid;gap:8px;border-bottom:1px solid var(--hl-line);padding-bottom:24px;margin-bottom:22px}
.hl-comment-form label{font-size:.86rem;font-weight:650;color:#dae7ed}
.hl-comment-form input,.hl-comment-form textarea{width:100%;min-width:0;color:#f1f7fa;background:#081219;border:1px solid #4b6573;border-radius:7px;padding:11px 12px}
.hl-comment-form input{max-width:360px;min-height:44px}
.hl-comment-form textarea{resize:vertical;min-height:100px}
.hl-comment-form textarea::placeholder,.hl-comment-form input::placeholder{color:#91a8b6;opacity:1}
.hl-comment-form label:not(:first-child){margin-top:9px}
.hl-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:4px}
.hl-form-note{color:var(--hl-muted);font-size:.77rem;line-height:1.5;max-width:54ch;margin:0}
.hl-form-note a{text-decoration:underline}
.hl-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.hl-comments-list{display:grid;gap:16px;margin:18px 0;padding:0;list-style:none}
.hl-comment{padding:0 0 16px;border-bottom:1px solid #213b49}
.hl-comment:last-child{border-bottom:0;padding-bottom:0}
.hl-comment-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 15px;margin-bottom:6px;font-size:.85rem}
.hl-comment-meta strong{color:var(--hl-green);overflow-wrap:anywhere}
.hl-comment-meta time{color:#96adbb;font-size:.76rem}
.hl-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:.94rem;color:#dbe6ec;margin:0}
.hl-collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid var(--hl-line);padding-top:35px;margin:40px 0 20px}
.hl-collection-heading h2{font-size:1.55rem;margin:0}
.hl-collection-heading span{color:var(--hl-muted);font-size:.86rem;white-space:nowrap}
.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hl-card{border:1px solid #294451;border-radius:12px;background:#0d1921;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.hl-card.is-current{border-color:var(--hl-blue);box-shadow:0 0 0 1px var(--hl-blue)}
.hl-card-watch{position:relative;display:block;width:100%;border:0;border-radius:0;padding:0;background:#071117;color:white;aspect-ratio:16/9;overflow:hidden;cursor:pointer;text-align:left}
.hl-card-watch img{display:block;width:100%;height:100%;object-fit:cover}
.hl-poster-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.85rem;color:var(--hl-muted);padding:20px}
.hl-play-icon{position:absolute;left:14px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #8ddcffb3;border-radius:50%;background:#06111de6;color:white;pointer-events:none}
.hl-card-watch:hover .hl-play-icon{background:#50c7ff;color:#081b25}
.hl-card-duration{position:absolute;bottom:16px;right:14px;background:#06111de6;color:#fff;padding:3px 7px;border-radius:4px;font-size:.75rem;font-variant-numeric:tabular-nums}
.hl-card-body{padding:17px;display:flex;flex-direction:column;flex:1}
.hl-card-kicker{font-size:.66rem;letter-spacing:.1em;color:var(--hl-blue);text-transform:uppercase;margin:0 0 8px}
.hl-card h3{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.hl-card-title{padding:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.hl-card-title:hover{text-decoration-color:var(--hl-blue)}
.hl-card-description{font-size:.85rem;line-height:1.55;color:var(--hl-muted);margin-bottom:18px}
.hl-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:auto}
.hl-card-actions .hl-votes{gap:6px}
.hl-card-actions .hl-vote{min-width:58px;padding:8px;gap:7px}
.hl-card-comment{padding:8px 0;border:0;background:none;color:#bbdef1;text-decoration:underline;text-underline-offset:3px;font-size:.8rem;min-height:44px;cursor:pointer}
.hl-card-status{font-size:.8rem;color:var(--hl-green);line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
.hl-card-status:empty{display:none}
.hl-card-status.is-error{color:#ffc1ba}
.hl-gallery-tail{display:flex;justify-content:center;margin:26px 0 0}
.hl-breadcrumb{color:var(--hl-muted);font-size:.85rem;margin:0 0 28px}
.hl-breadcrumb a{text-decoration:underline;color:#c7e8fa}
.hl-skip-link{position:absolute;left:15px;top:-80px;z-index:1000;background:white;color:#031520;padding:12px 18px;border-radius:6px}
.hl-skip-link:focus{top:15px}
.hl-page .site-header .nav{height:auto;min-height:78px;padding-block:10px}
.hl-page .navlinks{flex-wrap:wrap;gap:14px}
.hl-page .navlinks [aria-current=page]{color:#7bd6ff}
.hl-gallery-invitation{border:1px solid #37596b;border-radius:13px;background:#0a1921;padding:22px;margin:24px auto}
.hl-gallery-invitation h2{font-size:1.45rem;margin:0 0 10px;color:#eff7fa}
.hl-gallery-invitation p{margin:0 0 15px;color:#b8ceda}
.hl-gallery-invitation a{display:inline-block;color:#8edcff;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hl-heading-row{display:block}.hl-heading-row .hl-gallery-link{margin-top:20px}.hl-shell{width:calc(100% - 28px)}.hl-player-meta{gap:12px}.hl-controls{gap:8px}.hl-controls .hl-button{padding:10px 11px;font-size:.86rem}.hl-controls .hl-spacer{display:none}.hl-frame-header{font-size:.58rem;padding:9px 10px;gap:8px}.hl-frame{border-radius:10px}.hl-feedback-bar{gap:12px}.hl-feedback-label{width:100%}.hl-comment-inner{padding:0 15px 16px}.hl-comment-panel>summary{padding:16px 15px}.hl-form-footer .hl-primary{width:100%}.hl-grid{grid-template-columns:1fr}.hl-card-body{padding:17px}.hl-collection-heading{gap:10px}.hl-position{font-size:.72rem}.hl-page .navlinks{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.hl-section{scroll-behavior:auto}.hl-section *{animation:none!important;transition:none!important}}