body.photohai-gallery #contentcontainer{align-items:start}
body.photohai-gallery #navcontainer,body.photohai-gallery #sidebar{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ph-line) transparent}
body.photohai-gallery #navcontainer .gallery-kicker,body.photohai-gallery #sidebar .gallery-kicker{display:block;margin:0 0 9px;color:var(--ph-blue);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
body.photohai-gallery #navcontainer h2,body.photohai-gallery #sidebar h2{margin:0 0 12px!important;font-size:16px!important;letter-spacing:0!important}
body.photohai-gallery #navcontainer .gallery-crumbs{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--ph-line)}
body.photohai-gallery #navcontainer .gallery-crumbs a{display:block;margin:5px 0;color:var(--ph-muted)!important;font-size:12px}
body.photohai-gallery #navcontainer .gallery-crumbs a:last-child{color:var(--ph-text)!important;font-weight:700}
body.photohai-gallery #navcontainer .gallery-links{list-style:none;margin:0;padding:0}
body.photohai-gallery #navcontainer .gallery-links li{margin:0 0 5px;padding:0;border:0}
body.photohai-gallery #navcontainer .gallery-links a{display:block;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:var(--ph-muted)!important;font-size:12px;line-height:1.35;transition:background .2s,border-color .2s,color .2s}
body.photohai-gallery #navcontainer .gallery-links a:hover{background:var(--ph-card);border-color:var(--ph-line);color:var(--ph-text)!important}
body.photohai-gallery #navcontainer .gallery-links .current a{background:linear-gradient(145deg,#263c4a,#1a2933);border-color:#53758a;color:var(--ph-text)!important;font-weight:700}
body.photohai-gallery #content .gallery-hero{position:relative;isolation:isolate;overflow:hidden;min-height:330px;margin:0 0 18px;border:1px solid var(--ph-line);border-radius:16px;background:#17232d;box-shadow:0 14px 34px #0003}
body.photohai-gallery #content .gallery-hero>img{position:absolute;z-index:-2;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 60%;padding:0!important;border:0!important;border-radius:0!important}
body.photohai-gallery #content .gallery-hero:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#09131a08 12%,#09131a45 43%,#09131af2 100%)}
body.photohai-gallery #content .gallery-hero-copy{position:absolute;inset:auto 22px 20px;color:#fff}
body.photohai-gallery #content .gallery-hero-copy .gallery-kicker{display:block;margin-bottom:6px;color:#c8e0ee;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
body.photohai-gallery #content .gallery-hero h1{margin:0 0 5px!important;color:#fff!important;font-size:clamp(32px,4vw,46px)!important;letter-spacing:-.045em!important;text-shadow:0 2px 10px #0008}
body.photohai-gallery #content .gallery-hero-copy p{margin:0 0 5px!important;color:#f2f3ed!important;font-size:14px!important;line-height:1.5!important}
body.photohai-gallery #content .gallery-hero-copy time{color:#d5e5ec;font-size:12px;letter-spacing:.03em}
body.photohai-gallery #content .gallery-intro{margin:0 0 25px;padding:17px 19px;border:1px solid var(--ph-line);border-radius:13px;background:radial-gradient(ellipse at 100% 0%,#34546a55 0,transparent 48%),linear-gradient(145deg,#1e303c,#17232d 72%);box-shadow:0 9px 24px #0002}
body.photohai-gallery #content .gallery-intro p{margin:0!important;color:var(--ph-muted)!important;font-size:13px!important;line-height:1.75!important}
body.photohai-gallery #content .gallery-day{margin:0 0 29px}
body.photohai-gallery #content .gallery-day>h2{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 11px!important;padding:0 0 8px;border-bottom:1px solid var(--ph-line);font-size:18px!important}
body.photohai-gallery #content .gallery-day>h2 span{flex:0 0 auto;color:var(--ph-muted);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
body.photohai-gallery #content .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}
body.photohai-gallery #content .gallery-grid figure{min-width:0;margin:0;overflow:hidden;border:1px solid var(--ph-line);border-radius:10px;background:linear-gradient(145deg,#1b2a34,#14212b);box-shadow:0 6px 17px #0002;transition:transform .2s,border-color .2s,box-shadow .2s}
body.photohai-gallery #content .gallery-grid figure:hover{transform:translateY(-2px);border-color:#53758a;box-shadow:0 10px 22px #0004}
body.photohai-gallery #content .gallery-photo{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:#0d151c;cursor:zoom-in}
body.photohai-gallery #content .gallery-photo img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;padding:0!important;border:0!important;border-radius:0!important;transition:transform .35s}
body.photohai-gallery #content .gallery-grid figure:hover .gallery-photo img{transform:scale(1.035)}
body.photohai-gallery #content .gallery-zoom{position:absolute;right:8px;bottom:8px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;background:#0c1822bb;color:white;font-size:17px;line-height:1}
body.photohai-gallery #content .gallery-grid figcaption{padding:6px 9px;color:var(--ph-muted);font-size:10px;line-height:1.3}
body.photohai-gallery #sidebar .gallery-note{padding:0}
body.photohai-gallery #sidebar .gallery-note>p{font-size:12px!important;line-height:1.7!important}
body.photohai-gallery #sidebar .gallery-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0;padding:0;list-style:none}
body.photohai-gallery #sidebar .gallery-stats li{display:grid;gap:2px;padding:11px 8px;border:1px solid var(--ph-line);border-radius:10px;background:linear-gradient(145deg,#21323e,#17232d);text-align:center}
body.photohai-gallery #sidebar .gallery-stats strong{color:var(--ph-text);font-size:20px;line-height:1.15}
body.photohai-gallery #sidebar .gallery-stats span{color:var(--ph-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
body.photohai-gallery #sidebar .gallery-back{display:block;margin-top:14px;padding:9px 12px;border:1px solid var(--ph-line);border-radius:22px;background:var(--ph-card);color:var(--ph-text)!important;font-size:11px;font-weight:700;text-align:center}
body.photohai-gallery #sidebar .gallery-back:hover{border-color:var(--ph-blue);background:#233543}
#gallery-lightbox{width:min(94vw,1100px);max-width:none;max-height:96vh;padding:12px;border:1px solid #506775;border-radius:15px;background:#101820;color:#f2f3ed;box-shadow:0 20px 70px #0009}
#gallery-lightbox::backdrop{background:#060c12ed;backdrop-filter:blur(5px)}
#gallery-lightbox .gallery-lightbox-image{display:block;max-width:100%;max-height:78vh;margin:0 auto;border-radius:8px;object-fit:contain}
#gallery-lightbox .gallery-lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 3px 1px}
#gallery-lightbox .gallery-lightbox-toolbar button{min-width:42px;min-height:38px;border:1px solid var(--ph-line);border-radius:22px;background:var(--ph-panel);color:var(--ph-text);font:600 12px Arial,Helvetica,sans-serif;cursor:pointer}
#gallery-lightbox .gallery-lightbox-toolbar button:hover{border-color:var(--ph-blue);background:var(--ph-card)}
#gallery-lightbox .gallery-lightbox-caption{flex:1;color:var(--ph-muted);font-size:12px;text-align:center}
@media(max-width:680px){body.photohai-gallery #contentcontainer{gap:14px}body.photohai-gallery #navcontainer,body.photohai-gallery #sidebar{position:static;max-height:none}body.photohai-gallery #content .gallery-hero{min-height:270px}body.photohai-gallery #content .gallery-hero-copy{inset:auto 15px 16px}body.photohai-gallery #content .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.photohai-gallery #content .gallery-day>h2{font-size:16px!important}#gallery-lightbox{padding:8px}#gallery-lightbox .gallery-lightbox-image{max-height:72vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.photohai-gallery *{scroll-behavior:auto!important;transition:none!important}}

body.photohai-gallery #navcontainer .gallery-links{list-style:none;margin:0;padding:0}
body.photohai-gallery #navcontainer .gallery-links li{margin:0 0 5px;padding:0;border:0}
body.photohai-gallery #navcontainer .gallery-links a{display:block;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:var(--ph-muted)!important;font-size:12px;line-height:1.35;transition:background .2s,border-color .2s,color .2s}
body.photohai-gallery #navcontainer .gallery-links a:hover{background:var(--ph-card);border-color:var(--ph-line);color:var(--ph-text)!important}
body.photohai-gallery #navcontainer .gallery-links .current a{background:linear-gradient(145deg,#263c4a,#1a2933);border-color:#53758a;color:var(--ph-text)!important;font-weight:700}
body.photohai-gallery #navcontainer .gallery-nav-toggle{display:none}
body.photohai-gallery #navcontainer .gallery-nav-toggle summary{cursor:pointer;color:var(--ph-text);font-size:13px;font-weight:700;list-style:none}
body.photohai-gallery #navcontainer .gallery-nav-toggle summary::-webkit-details-marker{display:none}
body.photohai-gallery #content .gallery-day>h2{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 11px!important;padding:0 0 8px;border-bottom:1px solid var(--ph-line);font-size:18px!important}
body.photohai-gallery #content .gallery-day>h2 span{flex:0 0 auto;color:var(--ph-muted);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
body.photohai-gallery #content .gallery-hero-copy .gallery-meta{color:#d5e5ec;font-size:12px;letter-spacing:.03em}
body.photohai-gallery #content .gallery-grid figure:focus-within{outline:2px solid var(--ph-blue);outline-offset:2px}
body.photohai-gallery #content .gallery-photo:focus-visible{outline:3px solid var(--ph-blue);outline-offset:2px}
@media(max-width:680px){body.photohai-gallery #navcontainer .gallery-nav-toggle{display:block;margin:0 0 12px;padding:10px 11px;border:1px solid var(--ph-line);border-radius:9px;background:var(--ph-card)}body.photohai-gallery #navcontainer .gallery-nav-toggle[open] .gallery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:210px;overflow:auto;margin-top:10px}body.photohai-gallery #navcontainer .gallery-nav-toggle:not([open]) .gallery-links{display:none}body.photohai-gallery #navcontainer .gallery-links li{margin:0}body.photohai-gallery #navcontainer .gallery-links a{padding:7px 8px;font-size:11px}body.photohai-gallery #content .gallery-day>h2{font-size:16px!important}}