:root{
  --bg:#f2f0e9;
  --fg:#0a0a0a;
  --muted:#74736d;
  --line:#b9b6ad;
  --accent:#ffffff;
  --pad:32px;
  --max:1600px;
}
.brand img {
    width: 70px;
    height: auto;
    display: block;

    transform: translateY(15px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:Arial,Helvetica,sans-serif;
  letter-spacing:-0.02em;
    padding-top: 60px;
}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%}
button,input,textarea{font:inherit}
::selection{background:#111;color:#fff}
.site-shell{max-width:var(--max);margin:auto}

.nav .brand{font-weight:700;font-size:18px;letter-spacing:-0.05em}
.nav-links{display:flex;gap:24px;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.menu-btn{display:none;background:none;border:0;color:inherit;text-transform:uppercase;font-size:11px}
.page{padding-top:70px}
.hero{
  min-height:100vh;position:relative;background:#000;color:#fff;overflow:hidden
}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.35))}
.hero-title{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:clamp(72px,15vw,240px);font-weight:700;letter-spacing:-.08em
}
.hero-meta{
  position:absolute;left:var(--pad);right:var(--pad);bottom:28px;
  display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em
}
.section{padding:110px var(--pad)}
.kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.display{
  font-size:clamp(54px,8vw,130px);line-height:.84;letter-spacing:-.075em;font-weight:700
}
.serif{
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;;font-weight:400;letter-spacing:-.04em
}
.statement{
  min-height:65vh;display:flex;flex-direction:column;justify-content:space-between
}
.statement .copy{max-width:900px;font-size:clamp(44px,6vw,95px);line-height:.98}
.section-head{
  border-top:1px solid var(--line);padding-top:10px;margin-bottom:36px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:10px;text-transform:uppercase;letter-spacing:.08em
}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.card-media{overflow:hidden;background:#ddd}
.card-media img{aspect-ratio:16/10;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.card:hover img{transform:scale(1.03)}
.card-meta{display:flex;justify-content:space-between;gap:20px;padding-top:12px}
.card-meta h3{font-size:13px;font-weight:600}
.card-meta p{font-size:10px;color:var(--muted);margin-top:4px}
.black{background:#111;color:#fff}
.accent{background:var(--accent);color:#111}
.feature{
  position:relative;min-height:92vh;background:#000;color:#fff;overflow:hidden
}
.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
.feature::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.6))}
.feature-copy{position:absolute;z-index:2;left:var(--pad);bottom:40px;max-width:1100px}
.feature-copy h2{  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;font-size:clamp(64px,10vw,150px);line-height:.9;letter-spacing:-.09em}
.feature-copy p,.feature-copy a{font-size:10px;letter-spacing:.08em}
.feature-copy a{display:inline-block;margin-top:24px}
.split{display:grid;grid-template-columns:2fr 1fr;gap:60px}
.object-gallery{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:end}
.object-gallery img:first-child{height:76vh;object-fit:cover}
.object-gallery img:last-child{height:50vh;object-fit:cover}
.journal-card .card-media img{aspect-ratio:4/5}
.journal-card.large .card-media img{aspect-ratio:5/6}
.journal-card h3{font-size:clamp(24px,2.5vw,40px);line-height:.95;margin-top:12px}
.big-index{
  min-height:90vh;display:grid;grid-template-columns:1fr 3fr;padding:110px var(--pad)
}
.big-index h2{font-size:clamp(70px,10vw,150px);line-height:.8;letter-spacing:-.08em}
.big-index .body{max-width:640px;margin-top:48px;font-size:17px;line-height:1.45}
.big-index .cta{display:inline-block;margin-top:32px;font-size:10px;letter-spacing:.08em}
.page-hero {
    padding: 10px var(--pad) 20px;
}
.page-hero h1 {
    font-size: clamp(15px, 9vw, 50px);
    line-height: .82;
    letter-spacing: -.07em;
}
.page-hero p{margin-top:10px;max-width:680px;font-family:Georgia,serif;font-size:24px;line-height:1.25}
.filter-row{display:flex;gap:18px;flex-wrap:wrap;margin:0 var(--pad) 35px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 var(--pad) 110px}
.archive-grid .card-media img{aspect-ratio:4/3}
.article-wrap{max-width:950px;margin:auto;padding:120px var(--pad)}
.article-wrap h1{font-size:clamp(60px,9vw,130px);line-height:.88;letter-spacing:-.07em}
.article-meta{margin:24px 0 70px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.article-body{font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;;font-size:22px;line-height:1.5}
.article-body p{margin-bottom:28px}
.article-image{margin:60px 0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 var(--pad) 110px}
.product-card img{aspect-ratio:4/5;object-fit:cover}
.product-card h3{font-size:13px;margin-top:10px}
.product-card p{font-size:10px;color:var(--muted);margin-top:4px}
.manifesto{padding:130px var(--pad);font-size:clamp(50px,8vw,120px);line-height:.9;letter-spacing:-.07em}
.about-grid{display:grid;grid-template-columns:1fr 3fr;gap:60px}
.about-copy{max-width:850px}
.about-copy p{  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;;font-size:24px;line-height:1.35;margin-bottom:25px}
.contact-box{border-top:1px solid var(--line);padding-top:18px;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer{background:#111;color:#fff;padding:60px var(--pad) 24px}
.footer-logo{font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; font-size:clamp(88px,17vw,260px);line-height:.72;letter-spacing:-.09em;font-weight:700;margin-bottom:90px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;font-size:11px;line-height:1.7}
.footer-grid a{display:block}
.footer-bottom{border-top:1px solid rgba(255,255,255,.25);margin-top:70px;padding-top:14px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:none}
.mobile-panel{display:none}
@media(max-width:900px){
  :root{--pad:18px}
  .nav-links{display:none}.menu-btn{display:block}
  .grid-2,.grid-3,.split,.object-gallery,.about-grid,.big-index{grid-template-columns:1fr}
  .archive-grid{grid-template-columns:1fr 1fr}
  .product-grid{grid-template-columns:1fr 1fr}
  .hero-meta{flex-direction:column;gap:4px}
  .object-gallery img:first-child,.object-gallery img:last-child{height:auto}
  .big-index{gap:80px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .mobile-panel{
    position:fixed;inset:0;background:#111;color:#fff;z-index:999;
    padding:100px var(--pad) 40px;display:none;flex-direction:column;gap:20px;
    font-size:36px;letter-spacing:-.05em
  }
  .mobile-panel.open{display:flex}
}
@media(max-width:600px){
  .archive-grid,.product-grid{grid-template-columns:1fr}
}


/* ===============================
   V2 EXTENSIONS
================================ */

.subnav{
  display:flex;gap:18px;flex-wrap:wrap;
  padding:0 var(--pad) 24px;
  font-size:10px;text-transform:uppercase;letter-spacing:.08em
}
.subnav a{opacity:.65}.subnav a:hover{opacity:1}
.hero-strip{
  padding:26px var(--pad);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:1fr 2fr 1fr;
  gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.08em
}
.feature-list{
  display:grid;grid-template-columns:1fr 1fr;gap:18px
}
.feature-list article{
  min-height:460px;padding:26px;position:relative;
  display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid var(--line)
}
.feature-list article h3{
  font-size:clamp(34px,5vw,72px);line-height:.92;letter-spacing:-.06em
}
.feature-list article p{max-width:460px;line-height:1.45}
.team-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.person-card .portrait{
  aspect-ratio:4/5;background:#ddd;overflow:hidden
}
.person-card .portrait img{height:100%;object-fit:cover}
.person-card h3{font-size:14px;margin-top:10px}
.person-card p{font-size:10px;color:var(--muted);margin-top:4px}
.event-list{border-top:1px solid var(--line)}
.event-row{
  display:grid;grid-template-columns:140px 1fr 220px 30px;
  gap:20px;padding:20px 0;border-bottom:1px solid var(--line);
  align-items:center
}
.event-row h3{font-size:22px;letter-spacing:-.04em}
.event-row p{font-size:11px;color:var(--muted)}
.submit-panel{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;
  padding:110px var(--pad)
}
.form{
  display:grid;gap:14px
}
.form input,.form textarea,.form select{
  width:100%;border:0;border-bottom:1px solid var(--line);
  background:transparent;padding:14px 0;outline:none
}
.form textarea{min-height:140px;resize:vertical}
.form button{
  width:max-content;border:1px solid var(--fg);background:transparent;
  padding:12px 18px;text-transform:uppercase;font-size:10px;letter-spacing:.08em;
  cursor:pointer
}
.stat-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.stat{
  border-top:1px solid var(--line);padding-top:12px
}
.stat strong{
  display:block;font-size:clamp(42px,6vw,80px);letter-spacing:-.07em
}
.stat span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.timeline{border-left:1px solid var(--line);margin-left:10px;padding-left:24px}
.timeline-item{padding:0 0 48px;position:relative}
.timeline-item::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--fg);
  position:absolute;left:-29px;top:5px
}
.timeline-item h3{font-size:28px;margin-bottom:8px}
.timeline-item p{max-width:640px;line-height:1.5}
.quote-band{
  padding:110px var(--pad);background:#111;color:#fff
}
.quote-band p{
  font-family:Georgia,serif;
  font-size:clamp(42px,6vw,88px);line-height:1.02;
  max-width:1250px
}
.product-detail{
  display:grid;grid-template-columns:1.4fr 1fr;gap:50px;
  padding:100px var(--pad)
}
.product-images{display:grid;gap:18px}
.product-images img{width:100%;aspect-ratio:4/5;object-fit:cover}
.product-info{position:sticky;top:100px;align-self:start}
.product-info h1{font-size:clamp(50px,7vw,90px);line-height:.9;letter-spacing:-.07em}
.product-info .price{font-size:16px;margin:20px 0 36px}
.product-info p{line-height:1.5;max-width:480px}
.product-info .buy{
  margin-top:30px;padding:15px 18px;background:#111;color:#fff;
  display:inline-block;font-size:10px;letter-spacing:.08em;text-transform:uppercase
}
.curation-hero{
  min-height:88vh;padding:110px var(--pad);
  display:flex;flex-direction:column;justify-content:flex-end
}
.curation-hero h1{
  font-size:clamp(70px,11vw,170px);line-height:.82;letter-spacing:-.08em
}
.curation-list{padding:0 var(--pad) 110px}
.curation-row{
  display:grid;grid-template-columns:70px 1fr 250px 100px;
  gap:20px;padding:24px 0;border-top:1px solid var(--line);align-items:center
}
.curation-row:last-child{border-bottom:1px solid var(--line)}
.curation-row h3{font-size:24px;letter-spacing:-.04em}
.curation-row p{font-size:11px;color:var(--muted)}
.program-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.program-card{
  min-height:430px;padding:24px;border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between
}
.program-card h3{font-size:42px;line-height:.95;letter-spacing:-.055em}
.program-card p{line-height:1.5}
.inline-link{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){
  .hero-strip,.feature-list,.team-grid,.stat-grid,.submit-panel,
  .product-detail,.program-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .event-row,.curation-row{grid-template-columns:1fr}
  .product-info{position:static}
}
@media(max-width:600px){
  .team-grid{grid-template-columns:1fr}
}
/* ========================================
   AVANOKI TOP NAVIGATION BAR
======================================== */
.topbar {
    width: 100%;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 36px;

    background: #f4f3ef;

    /* 이게 밑의 검은 선 */
    border-bottom: 1px solid #111;

    box-sizing: border-box;
 position: fixed;
    top: 0;
    left: 0;

    z-index: 1000;

    mix-blend-mode: normal;
}

.topbar > a:not(.topbar-logo) {
    color: #111;
    text-decoration: none;

    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;

    letter-spacing: -0.02em;
    transform: scaleY(1.22);
    transform-origin: center;

    white-space: nowrap;
}
.topbar-logo {
    display: flex;
    align-items: center;
}

.topbar-logo img {
    width: 60px;
    height: auto;
    display: block;
   
}

.topbar > a:not(.topbar-logo):hover {
    opacity: 0.45;
}
.slogan-hero {
    width: 100%;
    height: calc(100vh - 68px);

    background: #f4f3ef;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

}

.slogan-video {
    width: min(72vw, 1100px);
    height: auto;

    display: block;
}
.youth-section {
    background: #f4f3ef;
    color: #000000;
}
/* ===============================
   CURATION PAGE
================================ */

.curation-page {
    background: #f4f3ef;
    color: #111;
}

.curation-header {
    padding: 100px 6vw 80px;
}

.curation-header > p:first-child {
    font-size: 10px;
    letter-spacing: 0.08em;
    margin-bottom: 35px;
}

.curation-header h1 {
    max-width: 1100px;
    font-size: clamp(60px, 9vw, 140px);
    font-weight: 400;
    line-height: 0.88;
    letter-spacing: -0.06em;
}

.curation-intro {
    max-width: 620px;
    margin-top: 50px;
    font-size: 17px;
    line-height: 1.5;
}

.curation-films {
    padding: 0 6vw 140px;
}

.curation-film {
    display: grid;
    grid-template-columns: minmax(220px, 30%) 1fr;
    gap: clamp(50px, 8vw, 140px);

    padding: 70px 0;
    border-top: 1px solid #111;
}

.curation-film:last-child {
    border-bottom: 1px solid #111;
}

.curation-poster img {
    width: 100%;
    height: auto;
    display: block;
}

.curation-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.curation-number {
    font-size: 10px;
    letter-spacing: 0.08em;
    margin-bottom: 60px;
}

.curation-text h2 {
    font-size: clamp(48px, 7vw, 105px);
    font-weight: 400;
    line-height: 0.88;
    letter-spacing: -0.06em;
}

.curation-meta {
    margin-top: 18px;
    font-size: 11px;
    letter-spacing: 0.05em;
}

.curation-description {
    max-width: 620px;
    margin-top: 55px;
    font-size: 17px;
    line-height: 1.55;
}

@media (max-width: 750px) {
    .curation-film {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .curation-poster {
        width: 72%;
    }

    .curation-number {
        margin-bottom: 25px;
    }

    .curation-description {
        margin-top: 30px;
    }
}

/* ========================================
   CURATION COVER GRID
======================================== */

.curation-index {
    background: #f4f3ef;
    min-height: 100vh;
}

.curation-cover-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 18px;

    padding: 70px 32px 120px;
}

.curation-cover {
    display: block;
    overflow: hidden;
}

.curation-cover img {
    width: 100%;
    height: auto;
    display: block;

    transition: transform 0.6s cubic-bezier(.16,1,.3,1),
                opacity 0.3s ease;
}

.curation-cover:hover img {
    transform: scale(1.015);
    opacity: 0.88;
}


/* TABLET */

@media (max-width: 900px) {

    .curation-cover-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 50px 18px 90px;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .curation-cover-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

}
/* ========================================
   COMPACT CURATION GRID
======================================== */

.curation-films {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 34px 28px;

    padding: 10px 4vw 100px;
}

.curation-film {
    display: grid;
    grid-template-columns: 34% 1fr;
    gap: 22px;

    padding: 24px 0;

    border-top: 1px solid #111;
}

.curation-film:last-child {
    border-bottom: none;
}


/* POSTER */

.curation-poster img {
    width: 100%;
    height: auto;
    display: block;
}


/* TEXT */

.curation-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.curation-number {
    font-size: 9px;
    letter-spacing: 0.07em;
    margin-bottom: 22px;
}

.curation-text h2 {
    font-size: clamp(24px, 2.7vw, 42px);
    font-weight: 400;
    line-height: 0.92;
    letter-spacing: -0.05em;
    margin: 0;
}

.curation-meta {
    margin-top: 9px;
    font-size: 9px;
    letter-spacing: 0.04em;
}

.curation-description {
    max-width: 100%;
    margin-top: 24px;

    font-size: 13px;
    line-height: 1.45;
    letter-spacing: -0.01em;
}


/* TABLET */

@media (max-width: 900px) {
    .curation-films {
        grid-template-columns: 1fr;
    }

    .curation-film {
        grid-template-columns: 28% 1fr;
    }
}


/* MOBILE */

@media (max-width: 600px) {
    .curation-film {
        grid-template-columns: 35% 1fr;
        gap: 16px;
    }

    .curation-text h2 {
        font-size: 24px;
    }

    .curation-description {
        font-size: 12px;
        margin-top: 18px;
    }
}
/* Smaller curation header */

.curation-header {
    padding: 70px 4vw 55px;
}

.curation-header h1 {
    max-width: 900px;

    font-size: clamp(38px, 5vw, 72px);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.curation-header > p:first-child {
    font-size: 9px;
    margin-bottom: 22px;
}

.curation-intro {
    max-width: 520px;
    margin-top: 28px;

    font-size: 13px;
    line-height: 1.5;
}

/* ========================================
   AVANOKI OBJECTS — COMING SOON
======================================== */

.objects-coming-soon {
    height: calc(100vh - 64px);
    min-height: 600px;

    padding: 40px 36px 30px;

    background: #f4f3ef;
    color: #111;
}

.objects-coming-content {
    height: 100%;

    display: flex;
    flex-direction: column;
}

.objects-label {
    font-size: 10px;
    letter-spacing: 0.08em;
}

 .objects-coming-content h1 {
    margin: auto 0;

    font-size: clamp(60px, 9vw, 140px);
    font-weight: 400;

    line-height: 0.82;
    letter-spacing: -0.06em;
    }

.objects-bottom {
    display: flex;
    justify-content: space-between;

    padding-top: 14px;

    border-top: 1px solid #111;

    font-size: 9px;
    letter-spacing: 0.08em;
}


/* MOBILE */

@media (max-width: 600px) {

    .objects-coming-soon {
        padding: 28px 18px 22px;
    }

  .objects-coming-content h1 {
    margin: auto 0;

    font-size: clamp(60px, 9vw, 140px);
    font-weight: 400;

    line-height: 0.82;
    letter-spacing: -0.06em;
    }

}
/* ========================================
   FILM DETAIL PAGE
======================================== */

.film-detail-page {
    padding: 70px 4vw 80px;
    background: #f4f3ef;
    color: #111;
}


/* TOP */

.film-top {
    display: grid;
    grid-template-columns: 340px 560px;

    justify-content: start;
    align-items: start;

    column-gap: 180px;

    min-height: 52vh;
}


/* POSTER */

.film-poster {
    width: 400px;
    margin-left: 40px;
}

.film-poster img {
    width: 100%;
    height: auto;
    display: block;
}


/* SYNOPSIS */

.film-synopsis {
    max-width: 560px;

    margin-right: 10vw;
}

.film-label {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.film-synopsis-text {
    margin-top: 24px;

    font-size: clamp(25px, 2.5vw, 42px);
    line-height: 1.18;
    letter-spacing: -0.04em;
}


/* BOTTOM / CREDITS */

.film-bottom {
    display: grid;

    grid-template-columns:
        220px
        1fr
        1fr;

    gap: 70px;

    align-items: start;

    margin-top: 40px;
}

.film-credits p {
    font-size: 14px;
    line-height: 1.55;
}


/* LINK BUTTON */



.film-synopsis .film-link-button {
    display: inline-block;
    width: max-content;

    margin-top: 20px;

    padding: 10px 16px;
    border: 1px solid #111;

    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* MOBILE */

@media (max-width: 800px) {

    .film-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .film-poster {
        width: 45%;
    }

    .film-synopsis {
        margin-right: 0;
    }

    .film-bottom {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .film-link-wrap {
        justify-content: flex-start;
    }

}

.archive-header {
    padding: 80px 36px 70px;
}

.archive-header p {
    margin: 0;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* HOME CURATION LIST */

.curation-home-list {
    width: 100%;
    border-top: 1px solid #111;
}

.curation-home-item {
    display: grid;
    grid-template-columns: 1.3fr 0.9fr;
    gap: 80px;

    padding: 28px 0 32px;
    border-bottom: 1px solid #111;
}

.curation-home-main {
    display: flex;
    align-items: flex-start;
}

.curation-home-title {
    margin: 0;

    font-size: clamp(30px, 3.2vw, 52px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.045em;
}

.curation-home-number {
    display: inline-block;

    margin-right: 10px;

    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    vertical-align: middle;
}

.curation-home-title a {
    color: inherit;
    text-decoration: none;
}

.curation-home-title a:hover {
    opacity: 0.45;
}

.curation-home-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    gap: 24px;
}

.curation-home-desc p {
    margin: 0;

    max-width: 460px;

    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.01em;
}

.curation-home-desc .inline-link {
    display: inline-block;
    width: max-content;

    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 800px) {

    .curation-home-item {
        grid-template-columns: 1fr;
        gap: 22px;

        padding: 24px 0 28px;
    }

    .curation-home-title {
        font-size: 30px;
    }

}

/* ABOUT OPENING */

.about-opening {
    padding: 95px 36px 100px;
    background: #f4f3ef;
    color: #111;
}


/* TOP */

.about-opening-top {
    display: grid;
    grid-template-columns: 58% 42%;
    gap: 40px;
    align-items: end;
}

.about-opening-lines p {
    margin: 0;

    font-size: clamp(68px, 7.4vw, 132px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.065em;
}

.about-opening-image {
    align-self: end;
}

.about-opening-image img {
    width: 100%;
    height: 560px;
    display: block;

    object-fit: cover;
}


/* BOTTOM */

.about-opening-bottom {
    display: grid;
    grid-template-columns: 26% 1fr;
    gap: 40px;

    margin-top: 20px;
    padding-top: 16px;

    border-top: 1px solid #111;
}

.about-opening-label p {
    margin: 0;

    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-opening-copy {
    max-width: 900px;
}

.about-opening-copy p {
    margin: 0 0 28px;

    font-size: 18px;
    line-height: 1.45;
    letter-spacing: -.02em;
}


/* MOBILE */

@media (max-width: 850px) {

    .about-opening {
        padding: 70px 20px 80px;
    }

    .about-opening-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-opening-image img {
        height: 420px;
    }

    .about-opening-bottom {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .about-opening-copy p {
        font-size: 15px;
    }

}
/* ABOUT MANIFESTO HERO IMAGE LAYOUT */

.about-manifesto-hero {
    display: grid;
    grid-template-columns: 56% 44%;
    gap: 48px;
    align-items: end;

    padding: 40px 36px 80px;
}

.about-manifesto-lines {
    align-self: end;
}

.about-manifesto-lines p {
    margin: 0;

    font-size: clamp(64px, 7vw, 120px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.065em;
}

.about-manifesto-image {
    align-self: end;
    width: 100%;
    transform: translateX(-60px);
}

.about-manifesto-image img {
    display: block;

    width: 100%;
    height: 520px;

    object-fit: cover;
    object-position: center;
}

@media (max-width: 900px) {

    .about-manifesto-hero {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 30px 20px 60px;
    }

    .about-manifesto-image img {
        height: 420px;
    }

}
.about-manifesto-image {
    width: 82%;
    justify-self: end;
}

.curation-curator {
    margin-top: 18px;

    font-size: 9px;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.curation-intro {
    margin-top: 30px;
}

/* ========================================
   MOBILE TOPBAR FIX
======================================== */

@media (max-width: 700px) {

    body {
        padding-top: 56px;
    }

    .topbar {
        height: 56px;
        padding: 0 18px;

        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .topbar-logo img {
        width: 52px;
        height: auto;
    }

    /* Hide normal desktop links */
    .topbar > a:not(.topbar-logo) {
        display: none;
    }

    /* Show mobile menu button if HTML already has one */
    .menu-btn {
        display: block;

        margin-left: auto;
        padding: 0;

        border: 0;
        background: transparent;
        color: #111;

        font-size: 11px;
        letter-spacing: .06em;
        text-transform: uppercase;
        cursor: pointer;
    }

}

/* ========================================
   MOBILE TOPBAR
======================================== */

@media (max-width: 900px) {

    body {
        padding-top: 56px;
    }

    .topbar {
        height: 56px;
        padding: 0 18px;

        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* logo */

    .topbar-logo {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .topbar-logo img {
        width: 52px;
        height: auto;
    }


    /* desktop links disappear */

    .topbar > a:not(.topbar-logo) {
        display: none;
    }


    /* menu button appears */

    .topbar .menu-btn {
        display: block !important;

        margin-left: auto;
        padding: 0;

        border: 0;
        background: transparent;

        color: #111;

        font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;

        letter-spacing: 0.02em;

        cursor: pointer;
    }

}