:root{color-scheme:dark;--bg:#090909;--panel:#141414;--text:#f5f5f5;--muted:#aaa;--line:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit}.site-header{width:min(1200px,calc(100% - 40px));margin:auto;padding:27px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand-wrap{display:flex;flex-direction:column;gap:1px;text-decoration:none;align-items:flex-start}.brand{font-size:1.2rem;font-weight:800;letter-spacing:.12em;text-decoration:none;line-height:1.2}.brand-domain{font-size:.72rem;letter-spacing:.045em;color:var(--muted)}.header-note{font-size:.84rem;color:var(--muted)}
main{width:min(1200px,calc(100% - 40px));margin:auto}.hero{padding:clamp(42px,8vw,94px) 0 36px}
.eyebrow{color:var(--muted);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase}
h1{font-size:clamp(2.3rem,7vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px;max-width:850px}
.intro{color:var(--muted);max-width:600px;margin:0;font-size:1.02rem}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:16px 0 76px}
.card{min-width:0;text-decoration:none;display:block;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:#777;outline:none}
.card-image{aspect-ratio:4/5;display:grid;place-items:center;background:#101010;overflow:hidden}.card-image img{display:block;width:100%;height:100%;object-fit:contain}
.card:nth-child(2) .card-image img{object-fit:contain;padding:8%}.card-copy{padding:20px 22px 23px}
.card h2{font-size:1.12rem;margin:0 0 7px}.card p{color:var(--muted);font-size:.9rem;margin:0}.arrow{display:inline-block;margin-top:16px;font-size:.82rem}
.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:25px 20px;text-align:center;font-size:.82rem}
.breadcrumb{padding:25px 0 0;color:var(--muted);font-size:.88rem}.breadcrumb a{text-decoration:none}
.detail{padding:20px 0 70px}.detail h1{font-size:clamp(2rem,5vw,4rem);margin:18px 0 12px}
.detail-description{color:var(--muted);max-width:700px;margin:0 0 28px}
.full-image{background:#111;border:1px solid var(--line);border-radius:18px;min-height:260px;display:grid;place-items:center;overflow:hidden;padding:clamp(12px,3vw,32px)}
.full-image img{display:block;max-width:100%;max-height:78vh;object-fit:contain}.full-image figcaption{color:var(--muted);font-size:.85rem;text-align:center;padding-top:12px}.back-link{display:inline-block;margin-top:24px;text-decoration:none;color:var(--muted)}.back-link:hover{color:var(--text)}
@media(max-width:680px){.site-header,main{width:calc(100% - 28px)}.site-header{padding:20px 0}.header-note{font-size:.75rem}.gallery{grid-template-columns:1fr;gap:16px;padding-bottom:50px}.card-image{aspect-ratio:4/4.5}.hero{padding-top:48px}.card-copy{padding:18px}.full-image{min-height:180px}.site-footer{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.discovery-note{color:var(--muted);font-size:.88rem;max-width:760px;margin:24px 0 0}
.card-image picture{display:block;width:100%;height:100%}.full-image picture{display:block;max-width:100%}