:root{--canvas:#f4f2ec;--surface:#fffefa;--surface-strong:#ffffff;--ink:#102b25;--ink-soft:#52635e;--line:#d8d9d1;--line-strong:#b9c0b8;--pine:#1f604c;--pine-deep:#154738;--pine-soft:#dce9e2;--sun:#f3bf39;--danger:#9b392f;--danger-soft:#f7e7e3;--success:#246a4d;--header-height:76px;--shadow:0 18px 44px rgba(22,43,36,0.1)}*{box-sizing:border-box}body,html{background:var(--canvas);color:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif;font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,label:has(input:focus-visible){outline:3px solid rgba(31,96,76,.32);outline-offset:3px}.button:has(input:disabled),button:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{-webkit-margin-before:0;margin-block-start:0}h1,h2{letter-spacing:-.03em;line-height:1.08}h1{font-size:clamp(2.25rem,5.4vw,5rem);font-weight:720}h2{font-size:clamp(1.35rem,2vw,1.75rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button,.icon-button,.text-button,.viewer-action,.viewer-nav{border:0;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.67rem 1rem;border-radius:999px;font-weight:680;line-height:1.1;text-decoration:none;white-space:nowrap}.button-primary{background:var(--pine);color:#fff;box-shadow:0 7px 18px rgba(21,71,56,.18)}.button-primary:hover:not(:disabled){background:var(--pine-deep);transform:translateY(-1px)}.button-quiet{background:transparent;color:var(--pine-deep);border:1px solid var(--line-strong)}.button-quiet:hover:not(:disabled){background:var(--pine-soft);border-color:#9daf9f}.button.is-disabled{pointer-events:none;opacity:.58}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.icon-button{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button-light{color:var(--pine-deep);background:var(--surface);border:1px solid var(--line-strong)}.icon-button-light:hover:not(:disabled){background:var(--pine-soft)}.text-button{color:var(--pine-deep);background:transparent;padding:.5rem;font-weight:680;text-decoration:underline;-webkit-text-decoration-color:rgba(21,71,56,.35);text-decoration-color:rgba(21,71,56,.35);text-underline-offset:.25rem}.site-header{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:30;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,3vw,2.5rem);background:rgba(244,242,236,.94);-webkit-border-after:1px solid rgba(185,192,184,.72);border-block-end:1px solid rgba(185,192,184,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{min-width:0;display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-size:1.02rem;font-weight:760;letter-spacing:-.02em}.brand-mark{width:48px;height:48px;border-radius:50%}.brand-mark,.header-action{flex:0 0 auto}.home-page{min-height:100vh;display:grid;grid-template-rows:1fr auto;padding:clamp(1.25rem,4vw,4rem);overflow:hidden}.home-intro{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.35fr);align-items:center;grid-gap:clamp(2.5rem,8vw,8rem);gap:clamp(2.5rem,8vw,8rem)}.home-mark-wrap{position:relative;display:grid;place-items:center}.home-mark-wrap:before{content:"";position:absolute;width:min(30vw,300px);aspect-ratio:1;border-radius:50%;background:var(--sun);opacity:.16;transform:translate(-12%,-8%)}.home-mark{position:relative;width:min(25vw,250px);height:auto;filter:drop-shadow(0 20px 22px rgba(16,43,37,.16));animation:reveal-mark .7s cubic-bezier(.16,1,.3,1) both}@keyframes reveal-mark{0%{-webkit-clip-path:circle(12% at 50% 50%);clip-path:circle(12% at 50% 50%);filter:blur(8px) drop-shadow(0 2px 4px rgba(16,43,37,.05))}to{-webkit-clip-path:circle(72% at 50% 50%);clip-path:circle(72% at 50% 50%);filter:blur(0) drop-shadow(0 20px 22px rgba(16,43,37,.16))}}.home-copy{min-width:0}.home-copy h1{max-width:11ch;-webkit-margin-after:1.35rem;margin-block-end:1.35rem;text-wrap:balance}.home-copy>p{max-width:62ch;-webkit-margin-after:1.75rem;margin-block-end:1.75rem;color:var(--ink-soft);font-size:clamp(1.04rem,1.8vw,1.22rem)}.home-socials{display:flex;align-items:center;gap:1.4rem}.home-socials a{display:inline-flex;align-items:center;gap:.45rem;padding-block:.35rem;color:var(--pine-deep);font-weight:680;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:rgba(21,71,56,.28);text-decoration-color:rgba(21,71,56,.28);text-underline-offset:.3rem;transition:color .16s ease,-webkit-text-decoration-color .16s ease;transition:color .16s ease,text-decoration-color .16s ease;transition:color .16s ease,text-decoration-color .16s ease,-webkit-text-decoration-color .16s ease}.home-socials a:hover{color:var(--pine);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.home-footer{margin:2rem 0 0;color:var(--ink-soft);text-align:center;font-size:.88rem}.open-album{max-width:650px}.open-album label{display:block;-webkit-margin-after:.55rem;margin-block-end:.55rem;font-weight:720}.open-album-row{display:flex;align-items:stretch;gap:.65rem}.album-slug-row input,.open-album-row input{min-width:0;flex:1 1;height:48px;padding-inline:1rem;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:12px;box-shadow:inset 0 1px 2px rgba(16,43,37,.05)}.open-album-row input::placeholder{color:#65746f}.open-album-row input[aria-invalid=true]{border-color:var(--danger)}.field-error,.field-hint{margin:.55rem 0 0;font-size:.9rem}.field-hint{color:var(--ink-soft)}.field-error{color:var(--danger);font-weight:620}.centered-page{min-height:calc(100vh - var(--header-height));display:grid;place-items:center;padding:2rem 1rem}.entry-panel{width:min(680px,100%)}.entry-panel h1{-webkit-margin-after:1rem;margin-block-end:1rem}.entry-panel>p{max-width:58ch;-webkit-margin-after:2rem;margin-block-end:2rem;color:var(--ink-soft);font-size:1.08rem}.gallery-page,.upload-page{width:min(1540px,100%);margin-inline:auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(.8rem,3vw,2.5rem) 4rem}.gallery-heading{-webkit-margin-after:clamp(2rem,5vw,4.5rem);margin-block-end:clamp(2rem,5vw,4.5rem)}.gallery-heading h1{max-width:100%;-webkit-margin-after:.55rem;margin-block-end:.55rem;overflow-wrap:anywhere;font-size:clamp(2.1rem,4.2vw,4.4rem)}.gallery-heading p{margin:0;color:var(--ink-soft)}.gallery-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem;gap:1rem;-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.gallery-summary{display:flex;align-items:baseline;gap:.5rem}.gallery-summary strong{font-size:1.35rem}.gallery-summary span{color:var(--ink-soft);white-space:nowrap}.gallery-loading,.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:clamp(.28rem,.8vw,.65rem);gap:clamp(.28rem,.8vw,.65rem)}.gallery-loading span{aspect-ratio:1;background:#dfe1da;border-radius:12px;animation:loading-pulse 1.2s ease-in-out infinite alternate}.gallery-loading span:nth-child(3n+2){animation-delay:.14s}@keyframes loading-pulse{0%{opacity:.45}to{opacity:1}}.media-tile{position:relative;min-width:0;padding:0;overflow:hidden;aspect-ratio:1;background:#d7ddd8;border:0;border-radius:12px;cursor:zoom-in}.media-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease}.media-tile:after{content:"";position:absolute;inset:0;background:rgba(11,37,30,0);transition:background .25s ease}.media-tile:hover img{transform:scale(1.035);filter:saturate(1.06)}.media-tile:hover:after{background:rgba(11,37,30,.08)}.gallery-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;border:1px dashed var(--line-strong);border-radius:14px}.gallery-state svg{-webkit-margin-after:1.2rem;margin-block-end:1.2rem;color:var(--pine)}.gallery-state h2{-webkit-margin-after:.75rem;margin-block-end:.75rem}.gallery-state p{max-width:52ch;-webkit-margin-after:1.5rem;margin-block-end:1.5rem;color:var(--ink-soft)}.gallery-state-error{border-style:solid;border-color:#d9ada4;background:var(--danger-soft)}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;color:#fff;background:rgba(7,18,15,.96);border:0}.viewer::-webkit-backdrop{background:rgba(7,18,15,.92)}.viewer::backdrop{background:rgba(7,18,15,.92)}.viewer-shell{position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:.75rem}.viewer-topbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .75rem}.viewer-topbar p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.78);font-size:.9rem}.viewer-topbar .icon-button{flex:0 0 auto;color:#fff;background:rgba(255,255,255,.1)}.viewer-topbar .icon-button:hover{background:rgba(255,255,255,.18)}.viewer-stage{min-width:0;min-height:0;display:grid;place-items:center}.viewer-stage img{max-width:min(90vw,1600px);max-height:calc(100dvh - 150px);object-fit:contain}.viewer-nav{position:absolute;inset-block-start:50%;width:48px;height:58px;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.44);border-radius:999px;transform:translateY(-50%)}.viewer-nav:hover{background:rgba(255,255,255,.18)}.viewer-prev{inset-inline-start:1rem}.viewer-next{inset-inline-end:1rem}.viewer-actions{display:flex;justify-content:center;gap:.65rem;-webkit-padding-before:.75rem;padding-block-start:.75rem}.viewer-action{min-height:44px;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;color:#fff;background:rgba(255,255,255,.1);border-radius:999px;text-decoration:none}.viewer-action:hover{background:rgba(255,255,255,.18)}.upload-page{width:min(1120px,100%)}.upload-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;grid-gap:2rem;gap:2rem;-webkit-margin-after:clamp(2.5rem,6vw,5rem);margin-block-end:clamp(2.5rem,6vw,5rem)}.upload-heading h1{margin:0}.upload-heading p{max-width:54ch;margin:0;color:var(--ink-soft);font-size:1.06rem}.upload-workbench{background:var(--surface);border-radius:16px;box-shadow:var(--shadow)}.album-setup,.file-setup,.upload-submit{padding:clamp(1.25rem,3vw,2.3rem)}.album-setup,.file-setup{-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.album-setup{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(320px,1fr);grid-gap:.75rem 2rem;gap:.75rem 2rem;align-items:start}.album-setup h2,.file-setup h2{-webkit-margin-after:.4rem;margin-block-end:.4rem}.album-setup p,.file-setup-heading p{margin:0;color:var(--ink-soft)}.album-link-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.65rem;gap:.65rem}.album-details-fields{min-width:0;display:grid;grid-gap:1.25rem;gap:1.25rem}.album-name-field{display:grid;grid-gap:.45rem;gap:.45rem}.album-identity legend,.album-name-field>span{color:var(--ink);font-weight:720}.album-name-field input{min-width:0;height:48px;padding-inline:1rem;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:12px;box-shadow:inset 0 1px 2px rgba(16,43,37,.05)}.album-mode-options small,.album-name-field small{color:var(--ink-soft);font-size:.84rem}.album-identity{min-width:0;margin:0;padding:0;border:0}.album-identity legend{-webkit-margin-after:.55rem;margin-block-end:.55rem}.album-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.album-mode-options label{min-width:0;display:grid;grid-gap:.18rem;gap:.18rem;padding:.8rem .9rem;background:var(--canvas);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.album-mode-options label:hover{border-color:var(--line-strong)}.album-mode-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--pine) 34%,transparent);outline-offset:2px}.album-mode-options label:has(input:disabled){cursor:default;opacity:.7}.album-mode-options label.is-active{background:var(--pine-soft);border-color:#8dab9e}.album-mode-options strong{line-height:1.25}.album-slug-row{min-width:0;display:flex;gap:.5rem}.album-slug-row input{font-weight:680}.album-url{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:.86rem}.file-setup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;-webkit-margin-after:1.5rem;margin-block-end:1.5rem}.drop-zone{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;color:var(--ink-soft);background:var(--canvas);border:1px dashed var(--line-strong);border-radius:14px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.drop-zone.is-dragging{background:var(--pine-soft);border-color:var(--pine);transform:scale(.995)}.drop-zone[aria-disabled=true]{opacity:.62}.drop-zone>svg{color:var(--pine)}.drop-zone p{margin:0;color:var(--ink);font-weight:720}.drop-zone>span{font-size:.86rem}.file-pickers{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.selection-summary{min-width:0;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;grid-gap:.75rem;gap:.75rem;-webkit-margin-before:1rem;margin-block-start:1rem;padding:.85rem 0}.selection-summary>svg{color:var(--pine)}.selection-summary div{display:flex;flex-direction:column;line-height:1.25}.selection-summary span{color:var(--ink-soft);font-size:.85rem}.selection-summary p{min-width:0;margin:0;overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.upload-submit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:.9rem 1.5rem;gap:.9rem 1.5rem}.upload-status-copy{min-width:0}.status-message{min-width:0;color:var(--ink-soft)}.status-error{color:var(--danger);font-weight:620}.status-success{color:var(--success);font-weight:680}.archive-status{display:flex;align-items:flex-start;gap:.5rem;-webkit-margin-before:.45rem;margin-block-start:.45rem;color:var(--ink-soft);font-size:.92rem}.archive-status svg{flex:0 0 auto;-webkit-margin-before:.12rem;margin-block-start:.12rem}.archive-ready{color:var(--success)}.archive-failed{color:var(--danger);font-weight:620}.upload-submit progress{grid-column:1;width:100%;height:8px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px}.upload-submit progress::-webkit-progress-bar{background:#dfe3de}.upload-submit progress::-webkit-progress-value{background:var(--pine)}.upload-submit progress::-moz-progress-bar{background:var(--pine)}.upload-actions{grid-column:2;grid-row:1/span 2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.upload-button{min-width:154px}@media (max-width:980px){.gallery-loading,.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-toolbar{grid-template-columns:1fr auto}.download-album{justify-self:end}}@media (max-width:760px){.site-header{min-height:68px}.brand-mark{width:42px;height:42px}.home-intro{grid-template-columns:1fr;gap:2rem;text-align:center}.home-mark-wrap:before{width:180px}.home-mark{width:144px}.home-copy h1,.home-copy>p,.open-album{margin-inline:auto}.home-socials{justify-content:center}.open-album{text-align:start}.gallery-loading,.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.album-setup,.upload-heading{grid-template-columns:1fr}.album-url{grid-column:1}.viewer-nav{inset-block-start:auto;inset-block-end:.8rem;width:44px;height:44px}.viewer-actions{padding-inline:3.2rem}}@media (max-width:560px){.brand span{display:none}.header-action .button{min-height:40px;padding-inline:.8rem;font-size:.9rem}.album-link-control,.open-album-row{grid-template-columns:1fr}.open-album-row{flex-direction:column}.open-album-row .button{width:100%}.gallery-toolbar{grid-template-columns:1fr}.download-album{grid-row:2;justify-self:stretch}.gallery-loading,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-link-control{display:grid}.album-mode-options{grid-template-columns:1fr}.album-link-control>.button{width:100%}.drop-zone{min-height:250px;padding:1.25rem}.file-pickers,.file-pickers .button{width:100%}.selection-summary{grid-template-columns:auto minmax(0,1fr)}.selection-summary p{grid-column:1/-1}.upload-submit{grid-template-columns:1fr}.upload-actions,.upload-submit progress{grid-column:1;grid-row:auto;width:100%}.upload-actions{justify-content:stretch}.upload-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}