@font-face { font-family: Onest; src: url('/assets/fonts/Onest.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
.landing-portfolio .site-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; padding-block: 22px; border-bottom: 1px solid rgba(237,234,228,.11); }
.landing-portfolio nav { display: flex; gap: 26px; flex-wrap: wrap; }
.landing-portfolio nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
.landing-collection { padding: 64px var(--page-gutter); }
.landing-collection h1 { font-size: clamp(40px,4vw,60px); line-height: 1.05; font-weight: 500; letter-spacing: -.04em; margin: 0; }
.landing-collection .landing-heading { margin-bottom: 40px; }
.landing-collection .landing-heading .landing-note { margin-top: 16px; font-size: 12px; }
.landing-collection .landing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 28px; }
.landing-collection .landing-card > p { font-size: 13px; line-height: 1.5; color: rgba(237,234,228,.6); margin: 8px 0 0; }
.landing-back { margin-top: 36px; }
@media (max-width:720px) { .landing-collection { padding-block: 40px; } .landing-collection .landing-grid { grid-template-columns: 1fr; } .landing-portfolio .site-header nav { width: 100%; justify-content: space-between; gap: 12px; } }