/* Anacuna Digital Brutalism — Daria Leko */
:root {
  --wht: #ffffff;
  --blk: #000000;
  --pnk: #ffc8c8;
  --f: 'Space Grotesk','ABCMonumentGrotesk','Helvetica Neue',sans-serif;
  --ph: 40px;
  --cap: 15px;
  --body: 31px;
  --disp: 94px;
  --r: 27.4px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:var(--f);font-weight:400;color:var(--blk);background:var(--wht);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.rule{border:none;border-top:1px solid var(--blk);width:100%}

/* ── Nav overrides (white) ── */
body[data-nav="landing"] .gnav-header{background:var(--wht);border-bottom:1px solid var(--blk);font-family:var(--f)}
body[data-nav="landing"] .gnav-logo{color:var(--blk);font-family:var(--f);font-weight:400}
body[data-nav="landing"] .gnav-nav-link{color:var(--blk);font-family:var(--f);font-weight:400}
body[data-nav="landing"] .gnav-header .gnav-btn,
body[data-nav="landing"] .gnav-btn{
  background:var(--pnk)!important;border-color:var(--blk)!important;
  color:var(--blk)!important;border-radius:var(--r)!important;
  font-family:var(--f)!important;font-weight:400!important
}
body[data-nav="landing"] .gnav-header .gnav-btn:hover,
body[data-nav="landing"] .gnav-btn:hover{background:#ffb3b3!important}
body[data-nav="landing"] .gnav-logout,
body[data-nav="landing"] .gnav-header .gnav-logout{background:var(--wht)!important;border-color:var(--blk)!important;color:var(--blk)!important}
body[data-nav="landing"] .gnav-footer{background:var(--wht);border-top:1px solid var(--blk)}
body[data-nav="landing"] .gnav-footer-copy,
body[data-nav="landing"] .gnav-footer-privacy{color:var(--blk);opacity:.45}
body[data-nav="landing"] .gnav-mobile-menu{background:var(--wht)}

/* ── Shared components ── */
.tag{
  display:inline-flex;align-items:center;
  padding:7px 14px;border-radius:var(--r);
  background:var(--pnk);color:var(--blk);
  font-size:var(--cap);font-weight:400;line-height:1;
  white-space:nowrap
}
.tag-ghost{background:var(--wht);border:1px solid var(--blk)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 24px;border-radius:var(--r);border:1px solid var(--blk);
  background:var(--pnk);color:var(--blk);
  font-family:var(--f);font-size:var(--cap);font-weight:400;line-height:1;
  cursor:pointer;transition:background .15s;white-space:nowrap
}
.btn:hover{background:#ffb3b3}

.caption-label{font-size:var(--cap);font-weight:400;color:rgba(0,0,0,.45);line-height:1}

/* ── HERO ── */
.hero{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:calc(100vh - 56px);
  border-bottom:1px solid var(--blk)
}
.hero-left{
  display:grid;grid-template-rows:auto 1fr auto;
  border-right:1px solid var(--blk)
}
.hero-top{
  padding:24px var(--ph);border-bottom:1px solid var(--blk);
  display:flex;align-items:center
}
.tag-row{display:flex;gap:8px;flex-wrap:wrap}
.hero-body{
  display:flex;align-items:center;
  padding:40px var(--ph)
}
.hero-h1{
  font-size:clamp(60px,7vw,var(--disp));
  font-weight:400;line-height:1.0;
  letter-spacing:-.02em;color:var(--blk)
}
.hero-bottom{
  padding:24px var(--ph);border-top:1px solid var(--blk);
  display:flex;gap:24px;align-items:center;flex-wrap:wrap
}
.hero-sub{font-size:var(--cap);font-weight:400;line-height:1.5;max-width:340px;color:rgba(0,0,0,.6)}
.hero-right{overflow:hidden;position:relative}

/* ── KEYWORDS ── */
.keywords-row{padding:0 var(--ph)}
.keywords-inner{
  display:flex;align-items:center;gap:24px;
  padding:18px 0;flex-wrap:wrap
}
.kw-label{font-size:var(--cap);color:rgba(0,0,0,.35);flex-shrink:0}
.kw-tags{display:flex;gap:8px;flex-wrap:wrap}

/* ── STATEMENT ── */
.statement{padding:64px var(--ph)}
.statement-inner{max-width:900px}
.statement-inner .caption-label{display:block;margin-bottom:20px}
.statement-text{
  font-size:clamp(28px,4vw,52px);font-weight:400;
  line-height:1.12;letter-spacing:-.02em;color:var(--blk)
}

/* ── FEATURES GRID ── */
.features{
  display:grid;grid-template-columns:repeat(3,1fr)
}
.feat-cell{
  padding:32px var(--ph);
  border-right:1px solid var(--blk)
}
.feat-cell:last-child{border-right:none}
.feat-idx{
  display:block;font-size:var(--cap);font-weight:400;
  color:rgba(0,0,0,.35);margin-bottom:14px
}
.feat-rule{margin-bottom:20px}
.feat-title{
  display:block;font-size:var(--body);font-weight:400;
  line-height:1.1;letter-spacing:-.01em;margin-bottom:14px;color:var(--blk)
}
.feat-desc{font-size:var(--cap);font-weight:400;line-height:1.55;color:rgba(0,0,0,.55)}

/* ── FULL-BLEED PHOTO ── */
.photo-bleed{height:52vw;max-height:640px;overflow:hidden}
.photo-bleed img{object-position:center 30%}

/* ── PAIN ── */
.pain{display:grid;grid-template-columns:1fr 2fr}
.pain-left{
  padding:48px var(--ph);
  border-right:1px solid var(--blk);
  display:flex;flex-direction:column;gap:20px
}
.pain-claim{
  font-size:clamp(28px,3.5vw,44px);font-weight:400;
  line-height:1.1;letter-spacing:-.02em;color:var(--blk)
}
.pain-right{padding:48px var(--ph)}
.pain-item{
  display:flex;align-items:baseline;gap:20px;
  padding:20px 0
}
.pain-num{font-size:var(--cap);color:rgba(0,0,0,.35);flex-shrink:0;min-width:20px}
.pain-item span:last-child{
  font-size:clamp(18px,2.2vw,var(--body));font-weight:400;
  line-height:1.15;letter-spacing:-.01em;color:var(--blk)
}

/* ── ABOUT ── */
.about{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.about-photo{overflow:hidden;border-right:1px solid var(--blk)}
.about-content{
  padding:48px var(--ph);
  display:flex;flex-direction:column;gap:0
}
.about-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.about-name{
  font-size:clamp(48px,5.5vw,80px);font-weight:400;
  line-height:.98;letter-spacing:-.025em;
  color:var(--blk);margin-bottom:28px
}
.about-content .rule{margin-bottom:24px}
.about-bio{font-size:var(--cap);line-height:1.6;color:rgba(0,0,0,.6);margin-bottom:24px}
.about-meta{font-size:var(--cap);color:rgba(0,0,0,.35)}

/* ── GALLERY ── */
.gallery{display:grid;grid-template-columns:repeat(3,1fr)}
.gallery-item{
  aspect-ratio:3/4;overflow:hidden;
  border-right:1px solid var(--blk);
  position:relative
}
.gallery-item:last-child{border-right:none}
.gallery-item img{transition:transform .5s ease}
.gallery-item:hover img{transform:scale(1.03)}

/* ── CTA ── */
.cta{display:grid;grid-template-columns:1fr 3fr;min-height:auto}
.cta-left{
  padding:60px var(--ph);
  border-right:1px solid var(--blk);
  display:flex;align-items:flex-start
}
.cta-right{padding:60px var(--ph)}
.cta-h2{
  font-size:clamp(44px,5.5vw,80px);font-weight:400;
  line-height:.98;letter-spacing:-.025em;
  color:var(--blk);margin-bottom:32px
}
.cta-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.cta-sub{font-size:var(--cap);color:rgba(0,0,0,.55);max-width:320px;line-height:1.5}

/* ── Mobile ── */
@media(max-width:900px){:root{--ph:28px;--disp:72px}}
@media(max-width:768px){
  :root{--ph:20px;--body:24px}
  .hero{grid-template-columns:1fr}
  .hero-left{border-right:none}
  .hero-right{min-height:60vw;max-height:80vw;border-top:1px solid var(--blk)}
  .features{grid-template-columns:1fr}
  .feat-cell{border-right:none;border-bottom:1px solid var(--blk)}
  .feat-cell:last-child{border-bottom:none}
  .pain{grid-template-columns:1fr}
  .pain-left{border-right:none;border-bottom:1px solid var(--blk);padding-bottom:32px}
  .about{grid-template-columns:1fr}
  .about-photo{min-height:70vw;border-right:none;border-bottom:1px solid var(--blk)}
  .gallery{grid-template-columns:1fr 1fr}
  .gallery-item:nth-child(2){border-right:none}
  .gallery-item:last-child{grid-column:1/-1;aspect-ratio:16/9;border-right:none;border-top:1px solid var(--blk)}
  .cta{grid-template-columns:1fr}
  .cta-left{border-right:none;border-bottom:1px solid var(--blk);padding:32px var(--ph)}
  .keywords-inner{gap:12px}
}