.photo-wall{min-width:0;margin:24px 0 20px}.photo-wall-heading{justify-content:space-between;align-items:center;gap:14px;margin:0 2px 13px;display:flex}.photo-wall-heading h2{font:600 22px/1.5 var(--serif);margin:4px 0 0}.photo-wall-heading h2>span{color:var(--muted);margin-left:14px;font:400 11px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;display:inline-block}.photo-wall-count{color:var(--accent);background:var(--paper);border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.photo-wall-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:var(--radius);grid-template-rows:112px 112px;grid-auto-columns:calc(25% - 7.5px);grid-auto-flow:column;gap:10px;padding-bottom:9px;display:grid;overflow-x:auto}.photo-wall-tile{isolation:isolate;color:#fff;scroll-snap-align:start;background:#253a42;border-radius:12px;display:block;position:relative;overflow:hidden}.photo-wall-tile:nth-child(3n+1){grid-row:span 2}.photo-wall-tile:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#14243429,#0000 25%,#12212bcc 100%);position:absolute;inset:0}.photo-wall-tile img{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.photo-wall-number{z-index:2;color:#fff;text-shadow:0 1px 5px #000;font:11px/1.2 ui-monospace,monospace;position:absolute;top:12px;left:13px}.photo-wall-caption{z-index:2;font:500 13px/1.6 var(--serif);-webkit-line-clamp:2;text-shadow:0 1px 5px #0008;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;inset:auto 14px 13px;overflow:hidden}.photo-wall-expand{z-index:2;background:#1323316b;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:10px;right:10px}.photo-wall-tile:hover{color:#fff}.photo-wall-tile:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}@media (hover:hover){.photo-wall-tile:hover img{transform:scale(1.055)}}.photo-wall-hint{color:var(--text);justify-content:space-between;gap:12px;margin:5px 2px 0;font-size:10px;display:flex}.photo-viewer-open{overflow:hidden}.photo-viewer{color:#fff;background:#101a21;border:1px solid #ffffff2b;border-radius:20px;width:min(1060px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);padding:0;box-shadow:0 20px 90px #0006}.photo-viewer::backdrop{-webkit-backdrop-filter:blur(10px);background:#070e14df}.photo-viewer-shell{padding:15px 20px 20px}.photo-viewer-bar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;font-size:13px;display:flex}.photo-viewer-bar [data-photo-position]{color:#c0cbd2;margin-left:16px;font:11px/1.5 ui-monospace,monospace}.photo-viewer button{color:#fff;cursor:pointer;background:#15242cdd;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.photo-viewer button:hover{background:#334751}.photo-viewer-stage{place-items:center;min-height:120px;display:grid;position:relative}.photo-viewer-stage img{object-fit:contain;border-radius:10px;width:100%;height:min(62dvh,650px);display:block}.photo-viewer-stage button{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}[data-photo-prev]{left:10px}[data-photo-prev] svg{transform:rotate(180deg)}[data-photo-next]{right:10px}.photo-viewer-caption{justify-content:space-between;align-items:center;gap:22px;padding-top:18px;display:flex}.photo-viewer-caption [data-photo-date]{color:#b6c2cc;font-size:11px}.photo-viewer-caption h3{font:500 19px/1.5 var(--serif);margin:5px 0 0}.photo-viewer-caption a{color:#e0eaf1;border:1px solid #ffffff38;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:inline-flex}.photo-viewer-caption a:hover{color:#fff;background:#ffffff12}.photo-viewer-error{text-align:center;font-size:12px}@media (width<=600px){.photo-wall{margin-top:20px}.photo-wall-track{grid-template-rows:100px 100px;grid-auto-columns:43%;gap:8px}.photo-wall-heading h2{font-size:21px}.photo-wall-heading h2>span{display:none}.photo-wall-caption{font-size:12px;inset-inline:11px}.photo-wall-hint{font-size:9px}.photo-viewer{border-radius:15px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.photo-viewer-shell{padding:10px 12px 17px}.photo-viewer-stage img{height:48dvh}.photo-viewer-stage button{width:36px;height:36px}[data-photo-prev]{left:3px}[data-photo-next]{right:3px}.photo-viewer-caption{padding-top:12px;display:block}.photo-viewer-caption a{margin-top:14px}}@media (prefers-reduced-motion:reduce){.photo-wall-tile img{transition:none}.photo-wall-tile:hover img{transform:none}}:root:has(.home-page){scroll-padding-top:79px}@media (width<=720px){:root:has(.home-page){scroll-padding-top:69px}}.home-turn-overlay{z-index:25;perspective:1600px;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-turn-cover{transform-origin:50% 0;backface-visibility:hidden;will-change:transform, opacity;min-height:0;max-height:none;margin:0;position:absolute;box-shadow:0 40px 100px #0005}.home-turn-cover,.home-turn-cover *{animation:none!important}.home-turning #writing{transform-origin:50% 0;will-change:transform, opacity}.home-turning .home-page #main,.home-turning .home-page .site-header,.home-turning .home-page .back-to-top{pointer-events:none}#writing:focus,[data-home-cover]:focus{outline:none}@media (prefers-reduced-motion:reduce){.home-turn-overlay{display:none}}.home-dive-back{z-index:-2;transform-origin:0 0;pointer-events:none;will-change:transform, opacity;position:fixed;inset:0}.home-dive-front{z-index:25;pointer-events:none;position:fixed;inset:0}.home-dive-tint{z-index:-1;background:var(--bg);pointer-events:none;will-change:opacity;position:fixed;inset:0}.home-diving #writing *{transition:none!important}.home-diving [data-home-cover]{visibility:hidden}.home-diving>body>.site-header{will-change:transform, opacity;transition:none!important}.home-dive-clone,.home-dive-clone *,.home-dive-cover-header,.home-dive-cover-header *{transition:none!important;animation:none!important}.home-diving .page-scenery{transform-origin:0 0;will-change:transform, opacity;-webkit-mask-image:radial-gradient(closest-side, #000 var(--dive-m0,150%), transparent var(--dive-m1,260%));mask-image:radial-gradient(closest-side, #000 var(--dive-m0,150%), transparent var(--dive-m1,260%))}.home-dive-carrier{box-shadow:var(--shadow);pointer-events:none;border:1px solid #0000;display:none;position:fixed;overflow:hidden}.home-dive-label{white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.home-dive-note{top:0;left:0;box-shadow:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;margin:0!important;position:absolute!important}@media (prefers-reduced-motion:reduce){.home-dive-back,.home-dive-front,.home-dive-tint{display:none}}
