/* Syne gives the photographer's name a distinctive, wide display voice.
   Manrope carries captions and controls, with a quieter, legible rhythm. */
@font-face{font-family:Syne;src:url('assets/fonts/syne-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Syne;src:url('assets/fonts/syne-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--font-display:Syne,Arial,sans-serif;--font-body:Manrope,Arial,sans-serif}
body{font-family:var(--font-body);font-weight:400;font-synthesis:none}
.brand{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.045em;line-height:1}
.brand span{font-family:var(--font-body);font-size:9px;font-weight:400;letter-spacing:.36em;line-height:1.5;margin-top:9px}
nav{font-size:12px;font-weight:600;letter-spacing:.02em}
h1{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,6.7vw,100px);line-height:1.02;letter-spacing:-.065em;margin-bottom:18px}
.hero-bottom p{font-size:13px;line-height:1.6;letter-spacing:.015em}
.hero-bottom>a{font-weight:600;font-size:12px;letter-spacing:.035em;align-items:center}
.hero-top{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.5}
.cover-controls button{font-family:var(--font-body);font-weight:600;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em}
.work-bar h2{font-size:38px;line-height:1.1}
.work-bar h2 span{display:block;font-family:var(--font-body);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.02em;margin:9px 0 0;color:#a8a8a8}
.filters button{font-weight:600;font-size:12px;letter-spacing:.025em}
sup{font-size:9px;font-weight:400;font-variant-numeric:tabular-nums}
.gallery figcaption{font-size:12px;line-height:1.6;font-weight:400;padding-top:14px}
.gallery figcaption small{font-size:9px;font-weight:600;letter-spacing:.14em;line-height:2.1}
.more{font-size:12px;font-weight:600;letter-spacing:.025em}
.contact h2{font-weight:600;font-size:clamp(36px,5vw,72px);line-height:1.08;letter-spacing:-.05em;max-width:850px;text-wrap:balance}
.contact>div>p{font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.7}
.contact-right a{font-family:var(--font-display);font-weight:600;font-size:36px;letter-spacing:-.045em}
.contact-right p{font-weight:400!important;font-size:12px!important;letter-spacing:0!important}
footer{font-size:10px;line-height:1.7;letter-spacing:.06em}
dialog figcaption{font-size:12px;line-height:1.6;letter-spacing:.02em}
dialog .close{font-size:11px;font-weight:600;letter-spacing:.03em}
@media(max-width:1023px){.contact{gap:36px}.contact-right{min-width:200px}.contact h2{font-size:42px}}
@media(max-width:767px){.brand{font-size:19px}.brand span{font-size:8px;letter-spacing:.28em;margin-top:7px}nav{font-size:11px;gap:20px}h1{font-size:clamp(39px,10.5vw,72px);letter-spacing:-.06em;line-height:1.05;margin-bottom:14px}.hero-bottom p{font-size:12px}.hero-top{font-size:9px;letter-spacing:.13em}.work-bar h2{font-size:32px}.work-bar h2 span{font-size:10px;margin-top:7px}.filters{margin-top:19px}.filters button{font-size:12px}.gallery figcaption{font-size:11px}.gallery figcaption small{font-size:9px}.contact h2{font-size:clamp(32px,9.1vw,54px);letter-spacing:-.05em}.contact-right a{font-size:30px}.contact>div>p{font-size:9px}footer{font-size:9px}}