:root{color-scheme:light;--ink:#1b1b1b;--muted:#737373;--line:#e5e5e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #222;outline-offset:5px}button{border:0;background:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.3}h1{font-size:clamp(32px,3.5vw,58px);letter-spacing:.02em}h2{font-size:30px}h3{font-size:16px}.header{height:88px;display:flex;align-items:center;justify-content:center;gap:32px;margin:0 5%;border-bottom:1px solid var(--line);position:relative}.desktop-nav{display:flex;gap:36px}.desktop-nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.icon-button{width:44px;height:44px;display:grid;place-content:center}.search-toggle{position:absolute;right:0}.search-icon{width:17px;height:17px;border:1.7px solid currentColor;border-radius:50%;position:relative;display:block}.search-icon:after{content:"";width:8px;height:1.7px;background:currentColor;transform:rotate(45deg);position:absolute;right:-6px;bottom:-3px}.menu-toggle{display:none;position:absolute;left:0}.burger,.burger:after{display:block;width:22px;height:1.5px;background:currentColor}.burger:after{content:"";transform:translateY(7px)}main{margin:0 5%}.hero{display:grid;grid-template-columns:1fr 1.45fr;align-items:center;gap:7%;min-height:650px;padding:64px 0 88px}.intro p:not(.eyebrow){margin:25px 0;color:var(--muted);font-size:16px}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--muted);margin-bottom:24px}.text-link{display:inline-block;font-size:14px;line-height:1.8;border-bottom:1px solid #555;padding-bottom:4px}.text-link span{padding-left:15px}.sequence{aspect-ratio:16/9;position:relative;background:#fff;isolation:isolate}.sequence-link{height:100%;display:block}.sequence img{width:100%;height:100%;object-fit:contain}.sequence-veil{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .55s;z-index:1}.sequence.black .sequence-veil{opacity:1}.sequence-pause,.sequence-count{font-size:11px;position:absolute;bottom:-32px;color:#555}.sequence-pause{left:0;padding:4px 0}.sequence-count{right:0;bottom:-28px;letter-spacing:.1em}.section{margin:30px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 24px}.image-frame{display:block;width:100%;aspect-ratio:1/1.33;overflow:hidden;background:white}.image-frame img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.image-frame:hover img{transform:scale(1.025)}.category{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:19px 0 7px}.card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.about-strip{margin:0 0 120px;padding:68px 10%;text-align:center;background:#f6f6f3}.about-strip p{max-width:600px;margin:24px auto;line-height:2;color:#555}.page-intro{padding:82px 0 50px;text-align:center}.page-intro>p:not(.eyebrow){color:var(--muted);margin:20px auto 0;max-width:650px}.filters{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:5px 0 60px;font-size:13px}.filters a{padding-bottom:4px;border-bottom:1px solid transparent}.filters a:hover{border-color:currentColor}.pagination{display:flex;justify-content:center;gap:14px;margin:70px 0 100px}.pagination a{display:grid;place-content:center;width:38px;height:38px;border:1px solid var(--line)}.pagination [aria-current]{background:#222;color:white;border-color:#222}.about-intro{padding-bottom:95px}.about-intro h1{margin-bottom:40px}.about-intro>p:not(.eyebrow){text-align:left;line-height:2.1;max-width:650px}.breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:12px;margin-top:36px}.detail-heading{text-align:center;padding:48px 0}.detail-heading h1{font-size:32px}.detail-heading .eyebrow{margin-bottom:15px}.detail-photo{margin:0 auto 100px;max-width:1100px}.zoom{display:block;width:100%;padding:0;cursor:zoom-in}.detail-photo img{width:100%;height:75vh;object-fit:contain}.detail-photo figcaption{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.footer{margin:0 5%;padding:65px 0 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#666;font-size:12px}.footer-name{font-size:20px;letter-spacing:.12em;color:#222;margin-bottom:12px}.footer nav{display:flex;gap:25px;justify-content:flex-end;align-items:flex-start}.copyright{grid-column:1/-1;color:#999;margin-top:20px}.back-top{position:fixed;bottom:30px;right:30px;background:#f0f0f0;border-radius:50%;width:45px;height:45px;font-size:21px;z-index:3;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.shown{opacity:1;visibility:visible}.empty{text-align:center;padding:150px 20px 200px}.empty h1{margin:20px 0 40px}.skip{position:absolute;top:5px;left:5px;transform:translateY(-150%);background:white;z-index:20;padding:10px}.skip:focus{transform:translateY(0)}dialog{border:0;padding:0;color:var(--ink);max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px)}dialog::backdrop{background:rgba(0,0,0,.45)}dialog[open]{animation:appear .2s ease}.dialog-close{font-size:32px;line-height:1;width:44px;height:44px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-heading h2{font-size:24px}.search-dialog{width:720px;padding:32px}.search-label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}#search-query{width:100%;padding:15px;border:1px solid #bbb;border-radius:0;background:white;font-size:16px}#search-status{font-size:12px;color:var(--muted);margin:18px 0}#search-results{display:grid;gap:12px}#search-results a{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:1px solid var(--line)}#search-results img{width:70px;height:80px;object-fit:contain}#search-results small{display:block;color:var(--muted);margin-top:5px}.nav-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:25px}.nav-dialog>.dialog-close{display:block;margin-left:auto}.nav-dialog nav{display:grid;gap:30px;padding:60px 15px;font-size:28px}.lightbox{background:#fff;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden}.lightbox figure{position:absolute;inset:60px 70px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.lightbox figure img{width:100%;height:calc(100% - 32px);object-fit:contain}.lightbox figcaption{font-size:12px;color:#666}.lightbox-close{position:absolute;right:18px;top:10px;width:44px;height:44px;font-size:36px;z-index:2}.lightbox-prev,.lightbox-next{position:absolute;top:45%;font-size:48px;width:50px;height:70px;z-index:2}.lightbox-prev{left:10px}.lightbox-next{right:10px}@keyframes appear{from{opacity:0}to{opacity:1}}@view-transition{navigation:auto}@media(min-width:1800px){main,.header,.footer{max-width:1660px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.hero{gap:4%;min-height:530px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro h1{font-size:38px}}@media(max-width:800px){.header{height:74px;margin:0 5%}.desktop-nav{display:none}.menu-toggle{display:grid}.hero{display:block;min-height:0;padding:52px 0 80px}.intro{text-align:center}.intro h1{font-size:36px}.intro .eyebrow{font-size:11px;margin-bottom:18px}.intro p:not(.eyebrow){font-size:13px;margin:20px 0}.sequence{margin-top:42px;aspect-ratio:4/3}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.section{margin-bottom:70px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:24px}.section-heading .text-link{font-size:11px}.category{font-size:10px;margin-top:15px}.card h3{font-size:14px}.about-strip{padding:45px 20px;margin-bottom:70px}.about-strip h2{font-size:23px}.about-strip p{font-size:13px}.page-intro{padding:55px 0 35px}.page-intro h1{font-size:32px}.page-intro p{font-size:13px}.filters{gap:24px;margin-bottom:40px}.footer{grid-template-columns:1fr;padding-top:40px}.footer nav{justify-content:flex-start;flex-wrap:wrap;gap:24px}.copyright{margin-top:0}.back-top{right:18px;bottom:18px}.detail-heading h1{font-size:25px}.detail-photo img{height:65vh}.detail-photo{margin-bottom:65px}.lightbox figure{inset:65px 25px 55px}.lightbox-prev,.lightbox-next{font-size:32px;width:25px}.lightbox-prev{left:0}.lightbox-next{right:0}.search-dialog{padding:20px}.about-intro{padding-bottom:70px}.about-intro>p:not(.eyebrow){font-size:14px}.about-intro h1{font-size:32px}}@media(max-width:420px){.grid{gap:30px 14px}.intro h1{font-size:32px}h3{font-size:13px}.filters{font-size:12px;gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}