*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{height:100%;color-scheme:dark;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--size-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;transition:background-color var(--transition-fade),color var(--transition-fade);overflow-x:clip}.skip-link{position:absolute;top:-100%;left:1em;z-index:var(--z-skip-link);padding:0.75em 1.5em;background:var(--color-accent);color:var(--color-bg-card);font-weight:600;border-radius:var(--radius-sm);transition:top 0.2s ease}.skip-link:focus{top:1em}:focus-visible{outline:0.125em solid var(--color-accent);outline-offset:0.125em;border-radius:var(--radius-2xs)}.main-content{flex:1 0 auto}:root{--dark-card:hsl(207.3, 18.6%, 11.6%);--dark-card-h:207.3;--dark-card-s:18.6%;--dark-card-l:11.6%;--dark-text:hsl(0, 0%, 91%);--dark-text-h:0;--dark-text-s:0%;--dark-text-l:91%;--dark-text-secondary:hsl(0, 0%, 60%);--dark-text-secondary-h:0;--dark-text-secondary-s:0%;--dark-text-secondary-l:60%;--dark-text-muted:hsl(0, 0%, 40%);--dark-text-muted-h:0;--dark-text-muted-s:0%;--dark-text-muted-l:40%;--dark-accent:hsl(168.9, 25.2%, 58%);--dark-accent-h:168.9;--dark-accent-s:25.2%;--dark-accent-l:58%;--dark-border:hsl(210, 16.3%, 16.9%);--dark-border-h:210;--dark-border-s:16.3%;--dark-border-l:16.9%;--dark-lum-curve:hsl(43.9, 89.9%, 61%);--dark-lum-curve-h:43.9;--dark-lum-curve-s:89.9%;--dark-lum-curve-l:61%;--color-bg:hsl(202.5, 22.2%, 7.1%);--color-bg-h:202.5;--color-bg-s:22.2%;--color-bg-l:7.1%;--color-bg-secondary:hsl(206.7, 18.4%, 9.6%);--color-bg-secondary-h:206.7;--color-bg-secondary-s:18.4%;--color-bg-secondary-l:9.6%;--color-bg-card:hsl(207.3, 18.6%, 11.6%);--color-bg-card-h:207.3;--color-bg-card-s:18.6%;--color-bg-card-l:11.6%;--color-text:hsl(0, 0%, 91%);--color-text-h:0;--color-text-s:0%;--color-text-l:91%;--color-text-secondary:hsl(0, 0%, 60%);--color-text-secondary-h:0;--color-text-secondary-s:0%;--color-text-secondary-l:60%;--color-text-muted:hsl(0, 0%, 40%);--color-text-muted-h:0;--color-text-muted-s:0%;--color-text-muted-l:40%;--color-accent:hsl(168.9, 25.2%, 58%);--color-accent-h:168.9;--color-accent-s:25.2%;--color-accent-l:58%;--color-border:hsl(210, 16.3%, 16.9%);--color-border-h:210;--color-border-s:16.3%;--color-border-l:16.9%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-black:hsl(0, 0%, 0%);--color-black-h:0;--color-black-s:0%;--color-black-l:0%;--color-accent-15: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.15);--color-accent-30: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.3);--color-accent-50: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.5);--color-accent-75: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.75);--color-zone-shadow-bg: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.05);--color-zone-mid-bg: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);--color-zone-high-bg: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.05);--color-zone-shadow-fg: var(--color-text-muted);--color-zone-mid-fg: var(--color-text-secondary);--color-zone-high-fg: var(--color-white);--color-sat-curve: var(--color-text);--color-clip: var(--color-accent);--color-header-bg: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.85);--color-nav-bg: var(--color-bg);--color-lightbox-bg: var(--color-black);--color-overlay-subtle: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);--color-lightbox-ctrl-bg: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.4);--color-lightbox-ctrl-hover: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);--color-lightbox-ctrl-text: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);--color-lightbox-ctrl-text-hover: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 1);--carousel-top-overlay: linear-gradient(to bottom, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.5), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0));--carousel-text-shadow: 0 0.1em 0.5em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.5);--photo-hover-overlay: linear-gradient(to top, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.62), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0));--color-photo-hover-title: var(--color-white);--color-photo-hover-meta: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.75);--color-map-fill: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);--color-map-border: var(--color-border);--color-carousel-bg: var(--dark-card);--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-35: 0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-chart: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);--transition-spring: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);--transition-fade: 0.3s ease;--z-underlay: -1;--z-ambient: -1;--z-base: 1;--z-tooltip: 10;--z-back-to-top: 990;--z-header: 1000;--z-nav-toggle: 1002;--z-progress: 1005;--z-lightbox: 9999;--z-lightbox-arrow: 10000;--z-skip-link: 10000;--container-width: 87.5em;--space-footer-gap: 1.5em;--space-page-top: 4.5em;--shadow-card: 0 0.25em 0.75em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);--shadow-pop: 0 0.75em 2em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);--radius-2xs: 0.125em;--radius-xs: 0.25em;--radius-sm: 0.5em;--radius-card: 0.75em;--radius-pill: 50em}::view-transition-old(root),::view-transition-new(root){animation-duration:0.3s;animation-timing-function:ease}html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none !important}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.loading-spinner,.lightbox-img-loading,.footprint-map-loading{animation:spin 0.8s linear infinite !important}.spa-progress{position:fixed;top:0;left:0;height:0.125em;background:var(--color-accent);z-index:var(--z-progress);pointer-events:none;opacity:0}[data-theme="light"]{color-scheme:light;--color-bg:hsl(214.3, 30.4%, 95.5%);--color-bg-h:214.3;--color-bg-s:30.4%;--color-bg-l:95.5%;--color-bg-secondary:hsl(216, 20.8%, 90.6%);--color-bg-secondary-h:216;--color-bg-secondary-s:20.8%;--color-bg-secondary-l:90.6%;--color-bg-card:hsl(210, 40%, 98%);--color-bg-card-h:210;--color-bg-card-s:40%;--color-bg-card-l:98%;--color-text:hsl(222, 15.2%, 12.9%);--color-text-h:222;--color-text-s:15.2%;--color-text-l:12.9%;--color-text-secondary:hsl(217.5, 8.3%, 37.6%);--color-text-secondary-h:217.5;--color-text-secondary-s:8.3%;--color-text-secondary-l:37.6%;--color-text-muted:hsl(222, 8.9%, 43.9%);--color-text-muted-h:222;--color-text-muted-s:8.9%;--color-text-muted-l:43.9%;--color-accent:hsl(172.6, 40.9%, 31.2%);--color-accent-h:172.6;--color-accent-s:40.9%;--color-accent-l:31.2%;--color-border:hsl(218.6, 18.4%, 85.1%);--color-border-h:218.6;--color-border-s:18.4%;--color-border-l:85.1%;--color-zone-shadow-bg: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12);--color-zone-mid-bg: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.05);--color-zone-high-bg: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12);--color-zone-shadow-fg: var(--color-text-secondary);--color-zone-mid-fg: var(--color-text-muted);--color-zone-high-fg: var(--color-text);--color-sat-curve: var(--color-text);--color-clip: var(--color-accent);--color-header-bg: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.85);--color-nav-bg: var(--color-bg);--color-lightbox-bg: var(--color-black);--color-overlay-subtle: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.05);--color-map-fill: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.09);--color-map-border:hsl(217.5, 9.6%, 67.5%);--color-map-border-h:217.5;--color-map-border-s:9.6%;--color-map-border-l:67.5%}img{max-width:100%;height:auto;display:block}img[loading="lazy"]{filter:blur(0.625em);opacity:0.6;transition:filter 0.4s ease, opacity 0.4s ease}img[loading="lazy"].is-loaded{filter:blur(0);opacity:1}a{color:inherit;text-decoration:none;transition:color var(--transition)}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 1em}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent);opacity:0.8}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.lightbox-tag,.carousel-action-btn,.footprint-map-fallback a,.gallery-filters .filter-options button{border-style:solid;border-width:0.0625em;border-radius:var(--radius-pill)}.stats-panel,.fm-tooltip,.footprint-map,.photo-card,.category-card,.site-nav .nav-dropdown{background:var(--color-bg-card);border:0.0625em solid var(--color-border)}.footprint-map-fallback a,.gallery-filters .filter-options button{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary);transition:border-color var(--transition),color var(--transition-fade)}.footprint-map-fallback a:hover,.gallery-filters .filter-options button:hover{border-color:var(--color-accent-30)}.gallery-filters .filter-options button.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-card)}.masonry-item,.category-card{opacity:0;transform:translateY(1.5em)}.is-revealed.masonry-item,.is-revealed.category-card{opacity:1;transform:translateY(0)}.error-title,.about-stats-title,.about-name,.page-others-title,.page-title,.category-title,.home-section-title{font-family:var(--font-heading);font-weight:600;color:var(--color-text);transition:color var(--transition-fade)}:root{--layout-tier: 0}@media (min-width: 501px){:root{--layout-tier: 1}}@media (min-width: 769px){:root{--layout-tier: 2}}@media (min-width: 1001px){:root{--layout-tier: 3}}::-webkit-scrollbar{width:0.5em;height:0.5em}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-50)}::-webkit-scrollbar-thumb:active{background-color:var(--color-accent-75)}::-webkit-scrollbar-corner{background-color:var(--color-bg)}@supports (-moz-appearance: none){html{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}}@keyframes nav-slide-in{from{opacity:0;transform:translateX(2em)}to{opacity:1;transform:translateX(0)}}@keyframes nav-slide-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--nav-slide-dist, 2em))}}@keyframes hamburger-in{from{opacity:0}to{opacity:1}}@media (min-width: 769px){.site-nav.nav-slide-in{animation:nav-slide-in 0.6s ease both}}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);--header-progress: 0;--header-bg: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--header-progress));--header-border: hsla(var(--color-border-h), var(--color-border-s), var(--color-border-l), var(--header-progress));--header-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), calc(var(--header-progress) * 0.06));background:var(--header-bg);backdrop-filter:none;border-bottom:0.0625em solid var(--header-border);box-shadow:0 0.15em 0.6em var(--header-shadow)}.site-header.menu-open{border-bottom-color:transparent;box-shadow:none}.header-inner{max-width:var(--container-width);margin:0 auto;padding:0 1em;display:flex;align-items:center;justify-content:space-between;height:4.5em}.logo-text{font-family:var(--font-heading);font-size:2em;font-weight:700;letter-spacing:-0.02em;color:var(--color-text);transition:color var(--transition-fade)}.site-nav>ul{display:flex;gap:2em}.site-nav>ul>li{position:relative}.site-nav a,.site-nav .nav-parent{font-size:1em;color:var(--color-text-secondary);padding:0.25em 0;display:flex;align-items:center;transition:color var(--transition-fade);cursor:pointer}.site-nav a:hover,.site-nav a.active,.site-nav .nav-parent:hover,.site-nav .nav-parent.active{color:var(--color-text)}.site-nav a:hover .nav-text::after,.site-nav a.active .nav-text::after,.site-nav .nav-parent:hover .nav-text::after,.site-nav .nav-parent.active .nav-text::after{transform:scaleX(1)}.site-nav .nav-text{position:relative}.site-nav .nav-text::after{content:'';position:absolute;bottom:-0.125em;left:0;right:0;height:0.1em;background:var(--color-accent);transform:scaleX(0);transform-origin:center;will-change:transform;transition:transform var(--transition),background-color var(--transition-fade)}.site-nav .nav-caret{display:inline-flex;width:0.7em;height:0.7em;margin-left:0.35em;transition:transform var(--transition)}.site-nav .nav-caret svg{width:100%;height:100%;display:block}.site-nav .has-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:0.5em}.site-nav .nav-dropdown{position:absolute;top:100%;left:-2.3em;margin-top:0.1em;min-width:0;padding:0.25em 0;border-radius:var(--radius-xs);box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility 0.3s,margin-top var(--transition),border-color var(--transition-fade),background-color var(--transition-fade)}.site-nav .nav-dropdown a{display:flex;align-items:center;padding:0.5em 1.2em 0.5em 1em;white-space:nowrap;font-size:0.95em}.site-nav .nav-dropdown .nav-dropdown-inner{display:flex;flex-direction:column}.site-nav .nav-dropdown .nav-icon{display:inline-flex;align-items:center;width:0.8em;height:0.8em;margin-right:0.5em;flex:none}.site-nav .has-dropdown.sub-open .nav-caret{transform:rotate(180deg)}.site-nav .has-dropdown.sub-open .nav-dropdown{opacity:1;visibility:visible;margin-top:0.5em}@media (hover: hover){.site-nav .has-dropdown.hover-ready:hover .nav-caret,.site-nav .has-dropdown.hover-ready:focus-within .nav-caret{transform:rotate(180deg)}.site-nav .has-dropdown.hover-ready:hover .nav-dropdown,.site-nav .has-dropdown.hover-ready:focus-within .nav-dropdown{opacity:1;visibility:visible;margin-top:0.5em}}.nav-icon{display:none;width:0.85em;height:0.85em;margin-right:0.5em;flex-shrink:0}.nav-icon svg{width:100%;height:100%;display:block}.nav-toggle{position:relative;background:none;border:none;cursor:pointer;width:2.75em;height:2.75em;padding:0;z-index:var(--z-nav-toggle);display:none;visibility:hidden;opacity:0;transition:opacity var(--transition-fade),visibility 0.3s}.nav-toggle span{position:absolute;top:50%;left:50%;display:block;width:1.5em;height:0.125em;margin-top:-0.0625em;margin-left:-0.75em;background:var(--color-text);border-radius:0.0625em;transition:transform var(--transition),opacity var(--transition),background-color var(--transition-fade)}.nav-toggle span:nth-child(1){transform:translateY(-0.475em) rotate(0deg)}.nav-toggle span:nth-child(2){transform:scaleX(1)}.nav-toggle span:nth-child(3){transform:translateY(0.475em) rotate(0deg)}.nav-toggle.active span:nth-child(1){transform:translateY(0) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(0) rotate(-45deg)}.header-actions{position:relative;display:flex;align-items:center;gap:1.5em}[data-theme="light"] .is-home .site-header:not(.is-scrolled):not(.menu-open){--color-text: var(--dark-text);--color-text-secondary: var(--dark-text-secondary);--color-accent: var(--dark-accent)}[data-theme="light"] .is-home .site-header:not(.is-scrolled):not(.menu-open) .nav-dropdown{--color-text: hsl(var(--color-text-h), var(--color-text-s), var(--color-text-l));--color-text-secondary: hsl(var(--color-text-secondary-h), var(--color-text-secondary-s), var(--color-text-secondary-l));--color-accent: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l))}.site-header.no-color-transition,.site-header.no-color-transition *{transition:none}.theme-toggle{position:relative;width:2.5em;height:2.5em;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition);border-radius:50%}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle svg{width:1.5em;height:1.5em}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center}.theme-toggle .icon-sun{view-transition-name:theme-toggle-sun}.theme-toggle .icon-moon{view-transition-name:theme-toggle-moon}.theme-toggle .sg-core,.theme-toggle .sg-ray{transition:transform var(--transition),opacity var(--transition);transform-origin:center}.theme-toggle .icon-sun .sg-core{opacity:0;transform:scale(0.6)}.theme-toggle .icon-sun .sg-ray{opacity:0;transform:scale(0)}.theme-toggle .icon-moon .sg-core{opacity:1;transform:scale(1)}[data-theme="light"] .theme-toggle .icon-sun .sg-core{opacity:1;transform:scale(1)}[data-theme="light"] .theme-toggle .icon-sun .sg-ray{opacity:1;transform:scale(1)}[data-theme="light"] .theme-toggle .icon-moon .sg-core{opacity:0;transform:scale(0.6)}@keyframes theme-toggle-icon-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.6)}}@keyframes theme-toggle-icon-in{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}::view-transition-old(theme-toggle-sun),::view-transition-old(theme-toggle-moon){animation:theme-toggle-icon-out var(--transition) both}::view-transition-new(theme-toggle-sun),::view-transition-new(theme-toggle-moon){animation:theme-toggle-icon-in var(--transition) both}@media (prefers-reduced-motion: no-preference){html.theme-switching-no-vt .theme-toggle .sg-core,html.theme-switching-no-vt .theme-toggle .sg-ray{transition:transform var(--transition), opacity var(--transition) !important}}.site-footer{border-top:0.0625em solid var(--color-border);padding:2.5em 0;margin-top:2em;font-family:var(--font-footer);font-size:var(--size-footer);flex-shrink:0;transition:border-color var(--transition-fade),color var(--transition-fade)}.footer-inner{max-width:var(--container-width);margin:0 auto;padding:0 1em;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-text-muted)}.copyright-text{line-height:1.8}.copyright-text a{color:var(--color-text-secondary);border-bottom:0.0625em solid var(--color-border);transition:color var(--transition),border-color var(--transition),text-shadow var(--transition)}.copyright-text a:hover{color:var(--color-accent);border-color:var(--color-accent);text-shadow:0 0 0.8em var(--color-accent-30)}.carousel-section{padding:0}.carousel{position:relative;overflow:hidden;height:100vh;background:var(--color-carousel-bg)}[data-theme="light"] .carousel{--color-accent: var(--dark-accent)}.carousel::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.55), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0) 35%);pointer-events:none}.carousel::after{content:'';position:absolute;top:0;left:0;right:0;height:10em;z-index:1;background:var(--carousel-top-overlay);pointer-events:none}.carousel-dim{position:absolute;inset:0;z-index:1;background:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.25);pointer-events:none}@keyframes hero-rise{from{opacity:0;transform:translateY(0.8em)}to{opacity:1;transform:translateY(0)}}.carousel-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5em;text-align:center;pointer-events:none;animation:fadeIn 0.6s ease both}.carousel-overlay h2{animation:hero-rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both}.carousel-overlay p{animation:hero-rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both}.carousel-overlay .carousel-actions{animation:hero-rise 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.25s both}.carousel-hero-title{font-family:var(--font-heading);font-size:2.6em;font-weight:700;color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.95);text-shadow:var(--carousel-text-shadow);transition:font-size 0.35s ease}@media (min-width: 769px){.carousel-hero-title{font-size:3.2em}}.carousel-hero-subtitle{font-size:1.1em;font-weight:300;letter-spacing:0.08em;color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);text-shadow:var(--carousel-text-shadow);transition:font-size 0.35s ease}@media (min-width: 769px){.carousel-hero-subtitle{font-size:1.35em}}.carousel-actions{display:flex;gap:1em;margin-top:1.2em;pointer-events:auto}.carousel-action-btn{display:inline-block;padding:0.55em 1.6em;border-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.65);background:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2);backdrop-filter:blur(0.375em);-webkit-backdrop-filter:blur(0.375em);color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.95);font-family:var(--font-body);font-size:1em;letter-spacing:0.08em;text-shadow:var(--carousel-text-shadow);transition:border-color var(--transition-fade)}.carousel-action-btn:hover,.carousel-action-btn:focus-visible{border-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 1);outline:none}.carousel-scroll-down{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:block;padding:0;border:none;background:none;color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.85);cursor:pointer;animation:bounce-down 1.6s linear infinite;transition:color 0.2s ease}.carousel-scroll-down:hover,.carousel-scroll-down:focus-visible{color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 1);outline:none}.carousel-scroll-down svg{display:block;width:1.5em;height:1.5em}@keyframes bounce-down{0%{transform:translateX(-50%) translateY(0);animation-timing-function:cubic-bezier(0.55, 0.085, 0.85, 0.5)}75%{transform:translateX(-50%) translateY(0.5em);animation-timing-function:cubic-bezier(0.2, 0.6, 0.4, 1)}100%{transform:translateX(-50%) translateY(0)}}.carousel-track{position:relative;height:100%}.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-photo{height:100%}.carousel-photo .carousel-img{display:block;width:100%;height:100%;object-fit:cover}.carousel-dots{position:absolute;bottom:5rem;right:1.25rem;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:0.35em;transition:right 0.35s ease, gap 0.35s ease}@media (min-width: 769px){.carousel-dots{right:2.5rem;gap:0.625rem}}.carousel-dot{display:flex;align-items:center;justify-content:flex-end;gap:0.8em;padding:0.7em 0.5em;margin:-0.7em 0;border:none;background:transparent;color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.9);font-family:var(--font-meta);font-size:0.7em;text-shadow:0 0.1em 0.5em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.5);text-align:right;cursor:pointer;transition:padding 0.35s ease, gap 0.35s ease}.carousel-dot:focus-visible{outline:none}@media (min-width: 769px){.carousel-dot{padding:0.7em 0;font-size:0.85em;gap:0.5em}.carousel-dot:not(.active):hover .carousel-dot-bar,.carousel-dot:not(.active):focus-visible .carousel-dot-bar{width:2.5em;background:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6)}.carousel-dot:not(.active):hover .carousel-dot-title,.carousel-dot:not(.active):focus-visible .carousel-dot-title{max-width:18em;opacity:0.65}}.carousel-dot-title{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width 0.6s ease, opacity 0.6s ease}.carousel-dot.active .carousel-dot-title{max-width:10em;opacity:1;color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.95)}@media (min-width: 769px){.carousel-dot.active .carousel-dot-title{max-width:18em}}.carousel-dot:not(.active):hover .carousel-dot-title,.carousel-dot:not(.active):focus-visible .carousel-dot-title{color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.65)}.carousel-dot-bar{width:0.4em;height:0.4em;border-radius:50%;background:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.4);flex-shrink:0;transition:width 0.35s ease,height 0.35s ease,border-radius 0.35s ease,background 0.3s ease,transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)}.carousel-dot.active .carousel-dot-bar{background:var(--color-accent);transform:scale(1.5)}.carousel-dot-fill{display:none}@media (min-width: 769px){.carousel-dot-bar{width:2em;height:0.2em;border-radius:0.1em;background:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.35);overflow:hidden;transition:width 0.3s ease, height 0.35s ease, border-radius 0.35s ease, background 0.2s ease, transform 0.3s ease}.carousel-dot.active .carousel-dot-bar{width:4em;background:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.35);transform:none}.carousel-dot-fill{display:block;width:0%;height:100%;background:var(--color-accent)}.carousel-dot.active .carousel-dot-fill{animation:carousel-progress var(--carousel-progress-duration, 5s) linear forwards}.carousel.no-autoplay .carousel-dot.active .carousel-dot-fill{animation:none}}@keyframes carousel-progress{from{width:0%}to{width:100%}}.home-section{margin-top:3.5em;padding-bottom:var(--space-footer-gap)}.home-section-title{font-size:var(--size-h1);margin:1.25em 0}.grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:1em}.grid.is-flipping{overflow-x:clip}@media (min-width: 769px){.grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1001px){.grid{grid-template-columns:repeat(3, 1fr)}}.category-card{display:flex;flex-direction:column;border-radius:var(--radius-card);overflow:hidden;transition:transform var(--transition-spring),border-color var(--transition),box-shadow var(--transition),background-color var(--transition-fade),opacity 0.45s ease}.category-card:hover{transform:translateY(-.35em);border-color:var(--color-accent-30);box-shadow:var(--shadow-pop)}.category-image{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3 / 2}.category-info{padding:1.5em;display:flex;flex-direction:column;gap:0.25em;flex:1}.category-title{font-size:var(--size-h3)}.category-count{font-size:var(--size-small);color:var(--color-accent);font-weight:500;transition:color var(--transition-fade)}.category-desc{font-size:var(--size-small);color:var(--color-text-secondary);margin-top:0.5em;line-height:1.5;transition:color var(--transition-fade)}.gallery-page{margin-top:var(--space-page-top)}.gallery-header{padding:3em 0 2em;border-bottom:0.0625em solid var(--color-border);transition:border-color var(--transition-fade)}.page-title{font-size:var(--size-h1);font-weight:700;margin-bottom:0.75em}.masonry-container{padding:2em 1em var(--space-footer-gap);max-width:var(--container-width);margin:0 auto;overflow-x:hidden}.masonry-grid{display:flex;flex-direction:column;gap:0.5em}.masonry-row{display:flex;gap:0.5em}.masonry-item{flex:0 0 auto;transition:transform var(--transition-spring),opacity 0.4s ease}.photo-card{border-radius:var(--radius-xs);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition-fade),transform var(--transition-spring)}.photo-card:hover{transform:translateY(-.15em);border-color:var(--color-accent-30);box-shadow:var(--shadow-card)}.photo-card:active{transform:translateY(-0.05em);transition-duration:0.05s}img.photo-img{transition:filter 0.4s ease, opacity 0.4s ease;filter:none;opacity:1}.photo-wrapper{position:relative;overflow:hidden;cursor:pointer}.photo-img{display:block;object-fit:cover;max-width:none;background:var(--color-bg-secondary)}.photo-hover-info{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:0.2em;padding:1.6em 0.75em 0.6em;background:var(--photo-hover-overlay);opacity:0;transition:opacity var(--transition-fade)}.photo-hover-title{font-family:var(--font-body);font-size:0.8em;line-height:1.3;color:var(--color-photo-hover-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-hover-meta{font-family:var(--font-meta);font-size:0.75em;line-height:1.3;color:var(--color-photo-hover-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover: hover){.photo-card:hover .photo-hover-info{opacity:1}}.gallery-filters{display:flex;flex-direction:column;gap:0.875em;margin-bottom:1.5em}.gallery-filters .filter-group{display:flex;align-items:center;gap:0.875em;min-width:0}.gallery-filters .filter-label{flex:none;font-family:var(--font-meta);font-size:1em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-fade)}.gallery-filters .filter-options{display:flex;align-items:center;gap:0.5em;overflow-x:auto;padding-bottom:0.125em;mask-image:none;-webkit-mask-image:none;scrollbar-width:none}.gallery-filters .filter-options::-webkit-scrollbar{display:none}.gallery-filters .filter-options.can-scroll-r{mask-image:linear-gradient(to right, var(--color-black) 82%, transparent 100%);-webkit-mask-image:linear-gradient(to right, var(--color-black) 82%, transparent 100%)}.gallery-filters .filter-options button{flex:none;font-family:var(--font-meta);font-size:var(--size-small);letter-spacing:0.1em;padding:0.3em 1em;cursor:pointer;transition:border-color var(--transition-fade),color var(--transition-fade),background-color var(--transition-fade)}.gallery-filters .filter-options button:hover{color:var(--color-text)}.gallery-filters .filter-options button.is-active{font-weight:600}.gallery-filters .filter-options button.is-active:hover{border-color:var(--color-accent);color:var(--color-bg-card)}.load-more-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:3em 0;color:var(--color-text-muted);font-size:var(--size-small);transition:opacity var(--transition-fade)}.load-more-trigger .loading-spinner{width:2em;height:2em;border:0.2em solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;opacity:0;transition:opacity 0.3s}.load-more-trigger.is-loading .loading-spinner{opacity:1;animation:spin 0.8s linear infinite}.load-more-trigger.is-loading .load-more-text{display:none}.load-more-trigger.is-finished .loading-spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}.masonry-item.is-hidden{display:none !important}.footprint-page{margin-top:var(--space-page-top)}.footprint-layout{max-width:var(--container-width);margin:0 auto;padding:2em 1em var(--space-footer-gap)}.footprint-layout .footprint-map-section{padding:0}.footprint-map-section{padding:0}.footprint-map{position:relative;width:100%;aspect-ratio:5 / 3;border-radius:var(--radius-card);transition:background-color var(--transition-fade),border-color var(--transition-fade)}.footprint-map svg{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}.footprint-map .footprint-map-loading{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em 0 0 -1.25em;border:0.2em solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 0.8s linear infinite;pointer-events:none}.footprint-map .fm-land path{fill:var(--color-map-fill);stroke:var(--color-map-border);stroke-width:0.5;stroke-linejoin:round;stroke-linecap:round}.footprint-map .fm-regions .fm-region{fill:var(--color-map-fill);stroke:var(--color-map-border);stroke-width:0.5;stroke-linejoin:round;stroke-linecap:round;cursor:pointer}.footprint-map .fm-regions .fm-region:hover{fill:var(--color-accent-15)}.footprint-map .fm-regions .fm-region:focus,.footprint-map .fm-regions .fm-region:focus-visible{outline:none;stroke:var(--color-accent);stroke-width:1}.footprint-map .fm-regions .fm-region.is-inert{pointer-events:none}.footprint-map .fm-grid line{stroke:var(--color-map-border);stroke-opacity:0.75;stroke-width:0.5;stroke-dasharray:2 3;stroke-linecap:round}.footprint-map .fm-photo-dots{pointer-events:none}.footprint-map .fm-photo-dots g{animation:dot-reveal 0.4s ease backwards}@keyframes dot-reveal{from{opacity:0}}@media (prefers-reduced-motion: reduce){.footprint-map .fm-photo-dots g{animation:none}}.footprint-map .fm-photo-halo{fill:var(--color-accent-15)}.footprint-map .fm-photo-dot{fill:var(--color-accent)}.fm-tooltip{position:absolute;left:0;top:0;z-index:var(--z-tooltip);display:flex;flex-direction:column;align-items:center;gap:0.15em;padding:0.5em 0.875em;border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);pointer-events:none;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(0.3em);transition:opacity var(--transition),visibility var(--transition),transform var(--transition),background-color var(--transition-fade),border-color var(--transition-fade)}.fm-tooltip strong{font-size:var(--size-small);font-weight:600;color:var(--color-text);transition:color var(--transition-fade)}.fm-tooltip span{font-family:var(--font-meta);font-size:0.8em;color:var(--color-text-muted);transition:color var(--transition-fade)}.fm-tooltip span:first-of-type{color:var(--color-accent)}.fm-tooltip.fm-visible{opacity:1;visibility:visible;transform:translateY(0)}.footprint-map-legend{display:flex;align-items:center;justify-content:center;gap:0.5em;margin-top:2em;margin-bottom:0;font-family:var(--font-meta);font-size:var(--size-small);letter-spacing:0.15em;color:var(--color-text-muted);transition:color var(--transition-fade)}.footprint-map-legend .legend-dot{width:0.625em;height:0.625em;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0.6em var(--color-accent-30);transition:background-color var(--transition-fade)}.footprint-map-fallback{display:flex;flex-wrap:wrap;gap:0.75em;justify-content:center}.footprint-map-fallback a{padding:0.25em 0.75em;font-size:var(--size-small)}.footprint-map-fallback a:hover{color:var(--color-accent)}.series-story{display:flex;flex-direction:column;gap:2.5em;max-width:var(--container-width);margin:0 auto;padding:1em 1em var(--space-footer-gap)}@media (min-width: 769px){.series-story{padding:2em 1em var(--space-footer-gap)}}.story-text-col{width:100%;font-size:1.05em;line-height:1.9;color:var(--color-text);transition:color var(--transition-fade)}.story-text-col p{margin-bottom:1.2em}.series-masonry{width:100%}.section-list-grid{padding-top:2.5em;padding-bottom:var(--space-footer-gap)}.page-others{padding-top:3em;border-top:0.0625em solid var(--color-border);transition:border-color var(--transition-fade)}.page-others-title{font-size:var(--size-h2);margin-bottom:1.25em}.series-ambient{position:fixed;inset:0;z-index:var(--z-ambient);width:100%;height:100%;display:block;pointer-events:none}.series-themed[data-ambient="falling-leaves"]{--color-particle:hsl(38.1, 55.1%, 58%);--color-particle-h:38.1;--color-particle-s:55.1%;--color-particle-l:58%}.series-themed[data-ambient="firecracker"]{--color-particle:hsl(12.6, 56.1%, 51.8%);--color-particle-h:12.6;--color-particle-s:56.1%;--color-particle-l:51.8%}.series-themed[data-ambient="dust"]{--color-particle:hsl(36.9, 40.1%, 55.5%);--color-particle-h:36.9;--color-particle-s:40.1%;--color-particle-l:55.5%}@media (prefers-reduced-motion: reduce){.series-ambient{display:none}}.about-page{margin-top:var(--space-page-top)}.about-container{max-width:var(--container-width);margin:0 auto;padding:4em 1em var(--space-footer-gap)}.about-header{display:flex;align-items:center;gap:2em;margin-bottom:3em;animation:fadeIn 0.6s ease both}.about-avatar{width:6em;height:6em;border-radius:50%;object-fit:cover;border:0.1875em solid var(--color-border);flex-shrink:0;transition:transform var(--transition-spring),border-color var(--transition),box-shadow var(--transition)}.about-avatar:hover{transform:scale(1.08) rotate(-3deg);border-color:var(--color-accent-30);box-shadow:0 0.5em 1.5em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2)}.about-header-text{flex:1;min-width:0}.about-name{font-size:var(--size-h1);font-weight:700;margin-bottom:0.25em}.about-bio{font-size:1.05em;color:var(--color-text-secondary);line-height:1.7;margin:0;transition:color var(--transition-fade)}.about-stats{display:grid;grid-template-columns:1fr 1fr;column-gap:1em;row-gap:1em;margin-bottom:2.5em}@media (max-width: 768px){.about-stats{grid-template-columns:1fr}}.about-stats-title{grid-column:1 / -1;font-size:var(--size-h3);margin:0}.stats-panel{border-radius:var(--radius-card);padding:1.5em;transition:border-color var(--transition-fade),background-color var(--transition-fade);animation:fadeIn 0.5s ease both}.stats-panel:nth-child(2){animation-delay:0.1s}.stats-panel:nth-child(3){animation-delay:0.2s}.stats-panel:nth-child(4){animation-delay:0.3s}.stats-panel:nth-child(5){animation-delay:0.4s}.stats-panel:nth-child(6){animation-delay:0.5s}.stats-panel:nth-child(7){animation-delay:0.6s}.stats-panel:nth-child(8){animation-delay:0.7s}.stats-panel-title{display:flex;align-items:center;gap:0.45em;font-family:var(--font-meta);font-size:var(--size-small);color:var(--color-accent);font-weight:600;margin-bottom:0.75em;transition:color var(--transition-fade)}.stats-panel-icon{display:inline-flex}.stats-panel-icon svg{width:1.1em;height:1.1em}.stats-list{list-style:none;display:grid;grid-template-columns:5.5em 1fr 2.5em;column-gap:0.875em;row-gap:0.5em;align-items:center}.stats-row{display:contents}.stats-label{font-family:var(--font-meta);font-size:var(--size-small);color:var(--color-text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fade)}.stats-bar-wrap{height:0.45em;border-radius:var(--radius-xs);background:var(--color-overlay-subtle);overflow:hidden;transition:background-color var(--transition-fade)}.stats-bar{display:block;height:100%;width:var(--w, 0%);border-radius:inherit;background:var(--color-accent);transform-origin:left center;animation:statsGrow 0.8s ease-out both;animation-delay:var(--d, 0ms);transition:background-color var(--transition-fade)}@keyframes statsGrow{from{transform:scaleX(0)}}.stats-num{font-family:var(--font-meta);font-size:var(--size-small);color:var(--color-accent);font-variant-numeric:tabular-nums;text-align:left;transition:color var(--transition-fade)}.stats-fold{margin-top:0.5em}.stats-fold-toggle{position:absolute;width:0.0625em;height:0.0625em;opacity:0;pointer-events:none}.stats-fold-list{display:none;margin-top:0.5em}.stats-fold-toggle:checked~.stats-fold-list{display:grid}.stats-fold-list .stats-bar{animation:none}.stats-fold-btn{display:inline-flex;align-items:center;gap:0.35em;margin-top:0;font-family:var(--font-meta);font-size:var(--size-small);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fade)}.stats-fold-btn:hover{color:var(--color-accent)}.stats-fold-toggle:checked~.stats-fold-btn{margin-top:0.75em}.stats-fold-toggle:focus-visible~.stats-fold-btn{color:var(--color-accent)}.stats-icon,.stats-icon-up{display:inline-flex}.stats-icon svg,.stats-icon-up svg{width:0.9em;height:0.9em}.stats-collapse,.stats-icon-up{display:none}.stats-fold-toggle:checked~.stats-fold-btn .stats-expand,.stats-fold-toggle:checked~.stats-fold-btn .stats-icon{display:none}.stats-fold-toggle:checked~.stats-fold-btn .stats-collapse,.stats-fold-toggle:checked~.stats-fold-btn .stats-icon-up{display:inline-flex}@media (prefers-reduced-motion: reduce){.stats-panel,.stats-bar{animation:none}}.about-copyright{margin-top:3em;padding-top:1.5em;border-top:0.0625em solid var(--color-border);transition:border-color var(--transition-fade)}.about-copyright p{font-size:var(--size-small);color:var(--color-text-muted);line-height:1.8;transition:color var(--transition-fade)}.about-copyright p b{color:var(--color-text-secondary)}.error-page .about-container{text-align:center}.error-code{font-family:var(--font-heading);font-size:6em;font-weight:700;color:var(--color-accent);line-height:1;margin-bottom:0.2em;transition:color var(--transition-fade)}.error-title{font-size:var(--size-h3);margin-bottom:1em}.error-desc{color:var(--color-text-secondary);margin-bottom:2em;line-height:1.8;transition:color var(--transition-fade)}.error-home-link{display:inline-block;padding:0.75em 2em;background:var(--color-accent);color:var(--color-bg-card);border-radius:var(--radius-sm);font-weight:600;transition:opacity 0.2s,background-color var(--transition-fade)}.error-home-link:hover{opacity:0.85}.lightbox{--color-text: var(--dark-text);--color-text-secondary: var(--dark-text-secondary);--color-text-muted: var(--dark-text-muted);--color-border: var(--dark-border);--color-bg-card: var(--dark-card);--color-accent: var(--dark-accent);--color-accent-15: hsla(var(--dark-accent-h), var(--dark-accent-s), var(--dark-accent-l), 0.15);--color-accent-30: hsla(var(--dark-accent-h), var(--dark-accent-s), var(--dark-accent-l), 0.3);--color-zone-shadow-bg: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.05);--color-zone-mid-bg: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);--color-zone-high-bg: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.05);--color-zone-shadow-fg: var(--dark-text-muted);--color-zone-mid-fg: var(--dark-text-secondary);--color-zone-high-fg: var(--color-white);--color-sat-curve: var(--dark-text);--color-clip: var(--dark-accent);--color-overlay-subtle: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1)}.lightbox{position:fixed;inset:0;z-index:var(--z-lightbox);background:var(--color-lightbox-bg);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0.3s;touch-action:none;--lightbox-panel-w: 22em}.lightbox.active{opacity:1;visibility:visible}.lightbox-backdrop{position:absolute;top:25%;left:25%;width:50%;height:50%;z-index:0;object-fit:cover;filter:blur(1.25em) brightness(0.55);transform:scale(2.2);will-change:opacity;pointer-events:none;opacity:0;transition:opacity var(--transition-fade)}.lightbox-content{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column}.lightbox-main{flex:1;min-height:0;display:flex;flex-direction:column}.lightbox-topbar{position:absolute;top:0;left:0;right:0;z-index:3;height:4em}.lightbox-arrow,.lightbox-close{position:absolute;background:var(--color-lightbox-ctrl-bg);border:none;color:var(--color-lightbox-ctrl-text);cursor:pointer;width:3em;height:3em;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.2s, color 0.2s;-webkit-tap-highlight-color:transparent}.lightbox-arrow svg,.lightbox-close svg{width:1.5em;height:1.5em}.lightbox-arrow:hover,.lightbox-close:hover{background:var(--color-lightbox-ctrl-hover);color:var(--color-lightbox-ctrl-text-hover)}.lightbox-close{top:0.5em;right:1em}.lightbox-close svg{transition:transform var(--transition-spring)}.lightbox-close:hover svg{transform:rotate(90deg)}.lightbox-arrow{top:50%;transform:translateY(-50%);transition:background 0.2s,color 0.2s,transform var(--transition-35);z-index:var(--z-lightbox-arrow)}.lightbox-arrow:active{transform:translateY(-50%) scale(0.9)}.lightbox-prev{left:1em}.lightbox-prev:hover{transform:translateY(-50%)}.lightbox-prev:active{transform:translateY(-50%) scale(0.9)}.lightbox-next{right:1em}.lightbox-next:hover{transform:translateY(-50%)}.lightbox-next:active{transform:translateY(-50%) scale(0.9)}@media (prefers-reduced-motion: no-preference){.lightbox.is-layout-switching .lightbox-panel{animation:panel-layout-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both}.lightbox.is-layout-switching .lightbox-img-area{animation:img-layout-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both}.lightbox.is-layout-switching-inner .lightbox-panel{animation:panel-inner-layout-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) both}}@keyframes panel-inner-layout-in{from{opacity:0.35;transform:translateY(0.6em)}to{opacity:1;transform:translateY(0)}}@keyframes panel-layout-in{from{opacity:0;transform:translateY(2.5em) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes img-layout-in{from{opacity:0.5;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@media (min-width: 1001px){.lightbox-main{flex-direction:row}.lightbox-prev{left:1em}.lightbox-next{right:1em}}.lightbox-img-area{flex:1;min-height:0;display:grid;grid-template:100% / 100%;place-items:center;overflow:hidden;padding:1em 1em 2.5em;user-select:none;touch-action:none;transition:padding 0.4s ease;position:relative}.lightbox-img-area>*{grid-area:1 / 1;min-width:0;min-height:0}.lightbox-img-area img:not(.lightbox-img-glow){position:relative;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-xs);opacity:0;transition:opacity var(--transition-fade);-webkit-user-drag:none;user-drag:none}.lightbox-img-glow{width:50%;height:50%;object-fit:contain;border-radius:var(--radius-xs);filter:blur(0.5em) saturate(1.1);transform:scale(2);transition:opacity 0.25s ease;pointer-events:none}.lightbox-main:has(.lightbox-panel.is-open) .lightbox-img-area{padding-top:2.5em}.lightbox-img-loading{display:none;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em 0 0 -1.25em;border:0.2em solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 0.8s linear infinite;pointer-events:none}.lightbox-img-loading.is-active{display:block}@media (min-width: 1001px){.lightbox-img-area{padding-left:5.5em;padding-right:2em;padding-bottom:1em}}.lightbox-panel{flex:none;position:relative;width:100%;display:flex;flex-direction:column;padding:0.8em 1em;transition:border-color var(--transition-fade)}.lightbox.is-dragging .lightbox-panel{user-select:none}.lightbox-caption{color:var(--color-text);font-family:var(--font-heading);font-size:1.2em;font-weight:400;margin-bottom:0.35em;transition:opacity var(--transition-fade)}.lightbox-tags{display:flex;flex-wrap:wrap;gap:0.5em;margin-bottom:0.6em;transition:opacity var(--transition-fade)}.lightbox-tags:empty{display:none}.lightbox-tag{padding:0.2em 0.8em;border-color:var(--color-accent);font-family:var(--font-meta);font-size:var(--size-meta);color:var(--color-accent);background:transparent;transition:background-color var(--transition-fade),border-color var(--transition-fade),color var(--transition-fade)}.lightbox-tag:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.lightbox-meta{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:0.25em;transition:opacity var(--transition-fade)}.lightbox-meta-group{display:flex;align-items:center;gap:0.5em;white-space:nowrap;color:var(--color-text);font-family:var(--font-meta);font-size:0.9em}.lightbox-meta-group .lightbox-meta-label{color:var(--color-text);flex:none}.lightbox-meta-group .lightbox-meta-text{margin-left:auto;text-align:right}.lightbox-meta-group .icon{color:var(--color-accent);display:flex;flex:none;width:0.95em}.lightbox-meta-group .icon svg{width:0.95em;height:0.95em}.lightbox-panel-details{overflow:hidden;max-height:0;opacity:0;transition:max-height 0.4s ease, opacity 0.3s ease;padding-right:0.5em;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:transparent transparent}.lightbox-panel-details::-webkit-scrollbar{width:0.375em}.lightbox-panel-details::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-pill)}.lightbox-panel-details::-webkit-scrollbar-track{background:transparent}.lightbox-panel.is-open .lightbox-panel-details{max-height:calc(50vh - 9em);opacity:1;overflow-y:auto}.lightbox-panel.is-scrolling .lightbox-panel-details{scrollbar-color:var(--color-border) transparent}.lightbox-panel.is-scrolling .lightbox-panel-details::-webkit-scrollbar-thumb{background:var(--color-border)}.lightbox-panel.is-scrolling .lightbox-panel-details::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.lightbox-panel-toggle{display:flex;align-items:center;justify-content:center;align-self:center;background:none;border:none;color:var(--color-lightbox-ctrl-text);cursor:pointer;padding:0.2em 1em;-webkit-tap-highlight-color:transparent;transition:color 0.2s}.lightbox-panel-toggle:hover{color:var(--color-lightbox-ctrl-text-hover)}.lightbox-panel-toggle svg{width:1.1em;height:1.1em;transition:transform var(--transition-spring)}.lightbox-panel.is-at-bottom .lightbox-panel-toggle svg{transform:rotate(180deg)}.lightbox-exif{list-style:none;margin-top:0.45em;display:flex;flex-direction:column;gap:0.45em;transition:opacity var(--transition-fade);font-family:var(--font-meta);font-size:0.9em}.lightbox-exif li{display:flex;align-items:center;gap:0.5em}.lightbox-exif .exif-icon{display:flex;flex:none;color:var(--color-accent)}.lightbox-exif .exif-icon svg{width:0.95em;height:0.95em}.lightbox-exif .exif-label{color:var(--color-text);flex:none}.lightbox-exif .exif-value{color:var(--color-text);margin-left:auto;text-align:right}.lightbox-exif .exif-value.is-missing{text-decoration:line-through;color:var(--color-text-muted);transition:color var(--transition-fade)}@media (min-width: 769px) and (max-width: 1000px){.lightbox-meta,.lightbox-exif{display:grid;grid-template-columns:1fr 1fr;column-gap:4.5rem;position:relative}.lightbox-meta::before,.lightbox-exif::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:0.0625rem;transform:translateX(-50%);background:var(--color-border)}.lightbox-meta{row-gap:0.25em}.lightbox-exif{row-gap:0.45em}.lightbox-exif::before{top:-0.45em}.lightbox-meta-group,.lightbox-exif li{min-width:0}}@media (min-width: 1001px){.lightbox-panel{flex:none;width:var(--lightbox-panel-w);height:100%;border-top:none;padding:2em 1.25em 2em 2em;margin-right:4.25em}.lightbox-panel-details{flex:1;min-height:0;max-height:none;opacity:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:0.75em;scrollbar-width:thin}.lightbox-panel-details>*{flex-shrink:0}.lightbox-panel-details>*:first-child{margin-top:auto}.lightbox-panel-details>*:last-child:not([hidden]){margin-bottom:auto}.lightbox-panel-details>*:has(+*[hidden]:last-child){margin-bottom:auto}.lightbox-panel-details.no-margin-center>*:first-child{margin-top:0}.lightbox-panel-details.no-margin-center>*:last-child:not([hidden]){margin-bottom:0}.lightbox-panel-details.no-margin-center>*:has(+*[hidden]:last-child){margin-bottom:0}.lightbox-panel.is-fit{justify-content:center;overflow:hidden}.lightbox-panel.is-fit .lightbox-panel-details{flex:none;overflow-y:visible}.lightbox-panel-toggle{display:none}}.lightbox-analysis-trigger{display:flex;align-items:center;gap:0.4em;margin-top:1.1em;padding:0.2em 0;max-height:2em;overflow:hidden;background:none;border:none;color:var(--color-text-muted);font-family:var(--font-meta);font-size:0.85em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--transition-fade),color var(--transition-fade),max-height 0.6s ease,margin-top 0.6s ease,padding 0.6s ease}.lightbox-analysis-trigger svg{width:0.85em;height:0.85em;transition:transform var(--transition-spring)}.lightbox-analysis-trigger.is-open{max-height:0;margin-top:0;padding-top:0;padding-bottom:0;opacity:0;visibility:hidden}.lightbox-analysis-trigger:hover{color:var(--color-text-secondary)}.lightbox-analysis{overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height 0.6s ease, opacity 0.3s ease, visibility 0.6s}.lightbox-analysis.is-open{max-height:80em;opacity:1;visibility:visible}.lightbox-analysis-collapse{display:flex;align-items:center;gap:0.4em;margin:1.1em 0 0;padding:0.2em 0;background:none;border:none;color:var(--color-text-muted);font-family:var(--font-meta);font-size:0.85em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fade)}.lightbox-analysis-collapse svg{width:0.85em;height:0.85em}.lightbox-analysis-collapse:hover{color:var(--color-text-secondary)}@media (prefers-reduced-motion: reduce){.lightbox-analysis,.lightbox-analysis-trigger{transition:none}}.lightbox-analysis-error:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:0.25em;padding:0.75em 1.25em;margin:1.1em 0 0;background:transparent;border-color:var(--color-text-muted);grid-column:1 / -1}.lightbox-analysis-error:not([hidden]) .empty-icon{font-size:3.2em;margin-bottom:-0.25em;color:var(--color-text-secondary)}.lightbox-analysis-error:not([hidden]) h3{font-size:0.8em;margin-bottom:0}.lightbox-histogram{display:block;width:100%;height:6em;border-radius:var(--radius-xs);background:var(--color-lightbox-ctrl-bg)}.lightbox-histogram .hist-lum{stroke:var(--dark-lum-curve)}.lightbox-tonal-wrap,.lightbox-sat-wrap,.lightbox-hue-wrap,.lightbox-palette-wrap,.lightbox-story-wrap{margin-top:1.1em;transition:opacity var(--transition-fade)}.lightbox-tonal-name,.lightbox-sat-name,.lightbox-hue-name{margin-left:0.6em;font-family:var(--font-meta);color:var(--color-accent)}.lightbox-sat-hist,.lightbox-hue-hist{display:block;width:100%;height:6em;border-radius:var(--radius-xs);background:var(--color-lightbox-ctrl-bg);margin-top:0.5em}.lightbox-sat-axis,.lightbox-hue-axis,.lightbox-hist-legend,.lightbox-chart-caption{font-family:var(--font-meta);font-size:0.8em;color:var(--color-text-secondary)}.lightbox-chart-caption{margin:0.55em 0 0.3em}.lightbox-hist-legend{display:flex;flex-wrap:wrap;gap:0.3em 1em;margin-top:0.3em}.lightbox-hist-legend>span{display:flex;align-items:center;gap:0.35em}.lightbox-hist-legend i{width:0.7em;height:0.7em;border-radius:50%;flex:none}.lightbox-hist-legend i.is-lum{background:var(--dark-lum-curve)}.lightbox-sat-axis,.lightbox-hue-axis{display:flex;justify-content:space-between;margin-top:0.25em}.lightbox-zone-strip{display:flex;gap:0.125em;margin-top:0.4em;position:relative}.lightbox-zone-strip>span:not(.lightbox-zone-bracket){flex:1;height:0.9em;border-radius:var(--radius-2xs)}.lightbox-zone-strip .lightbox-zone-bracket{position:absolute;top:-0.25em;bottom:-0.25em;left:0;width:0;border:0.0625em solid var(--color-accent);border-radius:var(--radius-xs);transition:left var(--transition-chart),width var(--transition-chart);pointer-events:none}.lightbox-tone-ratio{display:flex;height:0.55em;border-radius:var(--radius-pill);overflow:hidden;margin-top:0.5em;background:var(--color-lightbox-ctrl-bg)}.lightbox-tone-ratio-seg{display:block;height:100%;width:0;transition:width var(--transition-chart)}.lightbox-tone-ratio-seg:nth-child(1){background:var(--color-zone-shadow-fg)}.lightbox-tone-ratio-seg:nth-child(2){background:var(--color-zone-mid-fg)}.lightbox-tone-ratio-seg:nth-child(3){background:var(--color-zone-high-fg)}.lightbox-tonal-stats{display:flex;flex-wrap:wrap;gap:0.3em 1em;margin-top:0.45em;font-family:var(--font-meta);font-size:0.9em;color:var(--color-text-secondary)}.lightbox-tonal-stats>span:first-child{flex-basis:100%}.lightbox-tonal-stat{display:flex;align-items:baseline;gap:0.4em}.lightbox-tonal-stat-value{color:var(--color-text)}.lightbox-palette{display:flex;flex-direction:column;gap:0.6em;margin-top:0.5em}.lightbox-palette-row{display:flex;align-items:center;gap:0.5em;font-family:var(--font-meta);font-size:0.8em}.lightbox-palette-swatch{width:3em;height:3em;flex:none;border-radius:var(--radius-sm);border:0.0625em solid var(--color-overlay-subtle)}.lightbox-palette-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.lightbox-palette-hex{color:var(--color-text-secondary)}.lightbox-palette-pct{color:var(--color-text);flex:none;align-self:center;margin-left:auto}.lightbox-palette-hsl{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-section-title{font-family:var(--font-meta);font-size:0.9em;font-weight:400;color:var(--color-text);margin-bottom:0.5em;transition:color var(--transition-fade)}.lightbox-story{font-size:0.9em;line-height:1.8;color:var(--color-text-secondary);margin:0;transition:color var(--transition-fade)}@media (min-width: 769px) and (max-width: 1000px){.lightbox-charts{display:grid;grid-template-columns:1fr 1fr;column-gap:4.5em;position:relative}.lightbox-charts>:nth-child(even):not(.lightbox-analysis-error)::before{content:'';position:absolute;top:0;bottom:0;left:calc(-2.25em - 0.03125em);width:0.0625em;background:var(--color-border)}.lightbox-tonal-wrap,.lightbox-sat-wrap,.lightbox-hue-wrap,.lightbox-palette-wrap{display:flex;flex-direction:column;position:relative}.lightbox-histogram{flex:1 1 auto;height:4.5em}.lightbox-palette-row{min-width:0}}@media (min-width: 1001px){.lightbox-tonal-stats>span:first-child{flex-basis:auto}}.empty-state{text-align:center;padding:4em 2em;background:var(--color-bg-secondary);border-radius:var(--radius-card);border:0.0625em dashed var(--color-border);margin:2em 0}.empty-state .empty-icon{font-size:3em;color:var(--color-text-muted);margin-bottom:0.5em}.empty-state h3{font-family:var(--font-heading);font-size:var(--size-h3);margin-bottom:1em;color:var(--color-text-secondary)}.empty-state .empty-hint{margin-top:1em;color:var(--color-text-muted);font-size:0.9em;transition:color var(--transition-fade)}.empty-state code{font-family:var(--font-meta);background:var(--color-bg-card);padding:0.1em 0.4em;border-radius:var(--radius-xs);color:var(--color-accent);font-size:0.9em}.back-to-top{position:fixed;bottom:-4em;right:2em;width:3em;height:3em;border-radius:50%;background-color:var(--color-bg-card);color:var(--color-text);border:0.0625em solid var(--color-border);box-shadow:0 0.25em 1em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-back-to-top);opacity:0;visibility:hidden;transition:opacity var(--transition-fade),visibility 0.3s ease,bottom var(--transition-spring),background-color var(--transition-fade),color var(--transition-fade)}.back-to-top:hover{background-color:var(--color-accent);color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 1);border-color:var(--color-accent)}.back-to-top.active{opacity:1;visibility:visible;bottom:2em}.back-to-top svg{width:1.25em;height:1.25em}@media (max-width: 768px){.header-inner,.footer-inner{padding:0 1em}.masonry-container{padding:2em 1em var(--space-footer-gap)}.footer-inner{flex-direction:column;gap:1em;text-align:center}.nav-toggle{display:block;visibility:visible;opacity:1;animation:hamburger-in 0.6s ease both}.site-nav{position:fixed;top:0;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:6.5em 1em 2em;opacity:0;visibility:hidden;transform:translateY(-1em);pointer-events:none;z-index:var(--z-underlay);height:auto;overflow:visible}.site-nav.nav-solid{background:var(--color-nav-bg)}.site-nav.active{background:var(--color-nav-bg);box-shadow:0 0.15em 0.6em hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.06);opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:all !important}.site-nav ul{display:flex;flex-direction:column;gap:1em;align-items:stretch}.site-nav a,.site-nav .nav-parent{position:relative;font-size:1.25em;font-weight:500;display:flex;align-items:center;justify-content:flex-start}.site-nav .nav-icon{display:inline-flex;align-items:center;transform:translateY(-0.05em)}.site-nav .nav-text{position:static}.site-nav .nav-text::after{left:auto;right:0;bottom:auto;top:50%;width:0.4em;height:0.4em;border-radius:50%;transform:translateY(-50%) scale(0)}.site-nav a:hover .nav-text::after,.site-nav a.active .nav-text::after{transform:translateY(-50%) scale(1)}.site-nav .nav-parent:hover .nav-text::after{transform:translateY(-50%) scale(0)}.site-nav .nav-parent.active .nav-text::after{transform:translateY(-50%) scale(1)}.site-nav .nav-dropdown{position:static;display:block;max-height:0;overflow:hidden;margin-top:0;padding:0;opacity:0;visibility:hidden;transform:none;min-width:0;background:none;border:none;box-shadow:none;transition:max-height 0.35s ease, opacity var(--transition), visibility 0.3s}.site-nav .nav-dropdown-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:0.2em;padding:0 0 0 1.5em;align-items:stretch}.site-nav .nav-dropdown a{font-size:1em;padding:0.2em 0}.site-nav .has-dropdown:hover .nav-caret,.site-nav .has-dropdown.hover-ready:hover .nav-caret,.site-nav .has-dropdown:focus-within .nav-caret,.site-nav .has-dropdown.hover-ready:focus-within .nav-caret{transform:none}.site-nav .has-dropdown.sub-open .nav-dropdown{max-height:10em;opacity:1;visibility:visible}.site-nav .has-dropdown.sub-open .nav-caret{transform:rotate(180deg)}.site-nav.nav-slide-out{--nav-desktop-offset: 1em;--nav-slide-dist: 2em;position:absolute;top:0;left:auto;right:var(--nav-desktop-offset);height:100%;display:flex;align-items:center;padding:0;opacity:1;visibility:visible;transform:none;pointer-events:none;animation:nav-slide-out 0.6s ease forwards}.site-nav.nav-slide-out ul{flex-direction:row;gap:2em;align-items:center;white-space:nowrap}.site-nav.nav-slide-out a{font-size:1em;white-space:nowrap}.site-nav.nav-slide-out .nav-icon{display:none}.back-to-top{right:1.5em;width:2.75em;height:2.75em}.back-to-top.active{bottom:1.5em}.header-actions{gap:0.75em}.theme-toggle{width:2.75em;height:2.75em}.theme-toggle svg{width:1.4em;height:1.4em}.about-header{flex-direction:column;text-align:center;gap:1em}.about-avatar{width:5em;height:5em}}