@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#0b1024;--cyan:#49c4d6;--blue:#1d49de;--violet:#8d68f4;--paper:#f8f7ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:linear-gradient(180deg,#49c4d6 0%,#349ee0 52%,#1d49de 100%)}
.site-header{min-height:142px;padding:20px clamp(24px,6vw,110px);border-bottom:5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:36px}.brand img{display:block;width:270px;max-width:42vw}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px}.site-header nav a{font:12px 'DM Mono',monospace;letter-spacing:.07em;color:var(--ink);text-decoration:none}.site-header nav a:hover,.site-header nav .active{color:#5b2ccf;text-decoration:underline;text-underline-offset:7px}
.photo-hero{max-width:1240px;margin:auto;padding:100px 48px 65px}.eyebrow{margin:0 0 18px;font:11px 'DM Mono',monospace;letter-spacing:.13em}.photo-hero h1,.gallery-note h2{margin:0;letter-spacing:-.07em;line-height:.91;font-size:clamp(58px,8vw,118px);font-weight:800}.photo-hero h1 span,.gallery-note h2 span{color:#5b2ccf}.photo-hero>p:last-child{max-width:550px;margin:28px 0 0;line-height:1.7;font-size:16px}
.gallery{max-width:1240px;margin:auto;padding:20px 48px 130px;display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:270px;gap:18px}.gallery-item{position:relative;display:block;overflow:hidden;background:var(--ink);color:#fff;text-decoration:none;border:4px solid rgba(255,255,255,.72);box-shadow:8px 9px 0 rgba(11,16,36,.2)}.gallery-item.featured{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .35s ease}.gallery-item span{position:absolute;left:18px;bottom:15px;padding:8px 10px;background:rgba(11,16,36,.85);font:11px 'DM Mono',monospace;letter-spacing:.08em}.gallery-item b{color:var(--cyan);font-size:16px}.gallery-item:hover img{transform:scale(1.06);opacity:.82}
.gallery-note{padding:100px max(48px,calc((100vw - 1040px)/2));background:var(--paper)}.gallery-note h2{font-size:clamp(47px,6vw,84px)}.gallery-note>p:not(.eyebrow){max-width:570px;margin:25px 0 30px;line-height:1.75;color:#33405d}.button{display:inline-block;padding:16px 21px;background:var(--ink);color:#fff;font:700 12px 'DM Mono',monospace;letter-spacing:.06em;text-decoration:none}.button b{color:var(--cyan);font-size:17px;margin-left:5px}
footer{padding:38px clamp(24px,6vw,110px);background:#0b1024;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:180px;mix-blend-mode:screen}footer p,footer a{margin:0;color:#fff;text-decoration:none;font:11px 'DM Mono',monospace;letter-spacing:.07em}
@media(max-width:800px){.site-header{min-height:auto;display:block}.brand img{width:245px;max-width:100%}.site-header nav{justify-content:flex-start;margin-top:20px;gap:16px}.photo-hero{padding:70px 24px 35px}.gallery{padding:20px 24px 80px;grid-template-columns:1fr;grid-auto-rows:310px}.gallery-item.featured,.gallery-item.wide{grid-column:auto;grid-row:auto}.gallery-note{padding:70px 24px}footer{display:grid;justify-content:flex-start}}