:root{--paper:#f8f7f3;--ink:#1c1c1a;--sub:#74736d;--line:#d6d5ce}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
.site-header{min-height:86px;padding:20px 3.2vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:baseline;gap:27px;white-space:nowrap}
.identity strong{font-size:19px;letter-spacing:-.055em}
.identity span{font-size:11px;letter-spacing:.03em}
.header-nav{display:flex;gap:30px;font-size:11px;letter-spacing:.035em}
a:hover{text-decoration:underline;text-underline-offset:5px}
.crumb{display:flex;justify-content:space-between;padding:22px 3.2vw;text-transform:uppercase;letter-spacing:.13em;font-size:10px}
.crumb span{color:var(--sub)}
.theme-nav{margin:0 3.2vw;padding:16px 0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:clamp(18px,3vw,46px);font-size:11px;letter-spacing:.055em}
.theme-nav a{color:var(--sub)}
.theme-nav a.active{color:var(--ink);font-weight:700}

.intro{padding:8vh 3.2vw 18vh}
h1{font-weight:400;font-size:clamp(86px,14vw,220px);line-height:.86;letter-spacing:-.09em;margin:0 0 7vh}
.deck{font-size:clamp(23px,3vw,46px);line-height:1.08;letter-spacing:-.05em;max-width:630px;margin:0 0 0 32%}
.gallery{padding:0 3.2vw 15vh}
.gallery figure{margin:0 0 18vh}
.gallery figure:nth-child(4n+1){width:62%;margin-left:29%}
.gallery figure:nth-child(4n+2){width:37%;margin-left:5%}
.gallery figure:nth-child(4n+3){width:43%;margin-left:50%}
.gallery figure:nth-child(4n+4){width:68%;margin-left:13%}
figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;text-transform:uppercase;letter-spacing:.09em;font-size:10px}
figcaption span:last-child{color:var(--sub)}
.next{border-top:1px solid var(--ink);margin:0 3.2vw;padding:18px 0 20vh;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.next a:last-child{font-size:clamp(22px,4vw,54px);letter-spacing:-.05em;text-transform:none}
footer{border-top:1px solid var(--line);padding:20px 3.2vw 5vh;display:flex;justify-content:space-between;gap:15px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
@media(max-width:800px){
  .site-header{min-height:75px;padding:15px 5vw}
  .identity{display:block}
  .identity strong{display:block;font-size:15px}
  .identity span{display:block;margin-top:4px;font-size:10px}
  .header-nav{gap:11px;font-size:10px}
  .crumb{padding:18px 5vw}
  .theme-nav{margin:0 5vw;gap:15px;overflow-x:auto;white-space:nowrap}
  .intro{padding:7vh 5vw 14vh}
  h1{font-size:19vw;margin-bottom:6vh}
  .deck{margin-left:12%}
  .gallery{padding:0 5vw 12vh}
  .gallery figure{margin-bottom:12vh}
  .gallery figure:nth-child(4n+1){width:94%;margin-left:6%}
  .gallery figure:nth-child(4n+2){width:75%;margin-left:0}
  .gallery figure:nth-child(4n+3){width:77%;margin-left:23%}
  .gallery figure:nth-child(4n+4){width:92%;margin-left:0}
  .next{margin:0 5vw;padding-bottom:14vh;display:block}
  .next a:last-child{display:block;margin-top:8vh}
  footer{padding:18px 5vw 5vh}
}
@media(max-width:420px){.identity strong{font-size:14px}.header-nav{gap:8px;font-size:9px}}