/* Page 1 — Natsu Labs Website v2 homepage, final acceptance pass */
.home-v2 section[id]{scroll-margin-top:80px}

/* Hero */
.home-v2 .home-hero{padding:clamp(54px,6.2vw,82px) 0 clamp(58px,6.7vw,88px)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:clamp(46px,7vw,92px);align-items:center}
.home-hero-copy h1{max-width:17ch;margin:16px 0 20px;font-size:clamp(2.65rem,4.1vw,3.8rem);line-height:1;letter-spacing:-.043em}
.home-hero-copy .v2-lead{max-width:54ch}
.home-hero-copy .v2-actions{margin-top:27px}
.current-work{align-self:stretch;border-top:1px solid var(--v2-line-strong);border-bottom:1px solid var(--v2-line)}
.current-work-heading{display:flex;justify-content:space-between;gap:18px;padding:0 0 11px;color:var(--v2-muted);font-size:.72rem;font-weight:700}
.current-work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 0;border-top:1px solid var(--v2-line)}
.current-work-row:first-of-type{border-top:0}
.current-work-row strong{display:block;margin-top:6px;font-size:1.16rem;letter-spacing:-.02em}
.current-work-row p{max-width:44ch;margin-top:4px;color:var(--v2-muted);font-size:.78rem;line-height:1.5}
.current-status{color:var(--v2-text-soft);font-size:.7rem;font-weight:700}
.current-link{align-self:center;color:var(--v2-text-soft);font-size:.76rem;font-weight:730;white-space:nowrap}
.current-link.muted{color:var(--v2-muted);font-weight:650}

/* Audience routes — quiet routing, not another card grid */
.audience-routes{border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);background:#0d1012}
.audience-routes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.audience-routes a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-content:center;min-height:102px;padding:20px 24px;border-left:1px solid var(--v2-line)}
.audience-routes a:first-child{border-left:0}
.audience-routes span{grid-column:1;color:var(--v2-muted);font-size:.68rem;font-weight:700}
.audience-routes strong{grid-column:1;max-width:23ch;font-size:.91rem;line-height:1.35;letter-spacing:-.012em}
.audience-routes b{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--v2-text-soft);font-size:.8rem;font-weight:700}
@media(hover:hover){.audience-routes a:hover strong,.audience-routes a:hover b{color:var(--v2-accent)}}

/* Kodari */
.product-intro-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:clamp(44px,7vw,92px);align-items:center}
.product-copy h2{margin:14px 0 18px;font-size:clamp(2.65rem,4vw,4rem);line-height:1}
.product-copy .v2-lead{max-width:45ch}
.product-copy .v2-actions{margin-top:24px}
.kodari-brand-stage{min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;padding:42px clamp(24px,4.5vw,58px);border-top:1px solid var(--v2-line-strong);border-bottom:1px solid var(--v2-line-strong);background:#0e1216}
.kodari-brand-stage img{width:min(100%,560px);height:auto}
.kodari-brand-stage>span{color:var(--v2-muted);font-size:.76rem;font-weight:700;letter-spacing:.01em}
.product-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(42px,5.3vw,66px);border-top:1px solid var(--v2-line)}
.product-evidence-grid article{padding:22px 26px 2px 0}
.product-evidence-grid article+article{padding-left:26px;border-left:1px solid var(--v2-line)}
.product-evidence-grid h3{max-width:18ch;font-size:1.18rem;line-height:1.18;letter-spacing:-.02em}
.product-evidence-grid p{max-width:42ch;margin-top:9px;color:var(--v2-muted);font-size:.82rem;line-height:1.58}

/* Acadence */
.acadence-section{background:#0e1114}
.acadence-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(46px,7vw,92px);align-items:center}
.acadence-copy h2{margin:14px 0 18px;font-size:clamp(2.65rem,4vw,4rem);line-height:1}
.acadence-copy .v2-lead{max-width:48ch}
.acadence-copy .v2-actions{margin-top:22px}
.product-facts{margin:30px 0 0;border-top:1px solid var(--v2-line)}
.product-facts>div{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--v2-line)}
.product-facts dt{color:var(--v2-text-soft);font-size:.76rem;font-weight:730}
.product-facts dd{margin:0;color:var(--v2-muted);font-size:.76rem;line-height:1.5}
.acadence-workflow{border-top:1px solid var(--v2-line-strong);border-bottom:1px solid var(--v2-line);padding-bottom:17px}
.workflow-heading{display:flex;justify-content:space-between;gap:18px;padding:0 0 11px;color:var(--v2-muted);font-size:.71rem;font-weight:700}
.acadence-workflow ol{list-style:none;margin:0;padding:0;counter-reset:workflow}
.acadence-workflow li{counter-increment:workflow;display:grid;grid-template-columns:32px 116px 1fr;gap:15px;align-items:baseline;padding:15px 0;border-top:1px solid var(--v2-line)}
.acadence-workflow li::before{content:counter(workflow,decimal-leading-zero);color:var(--v2-muted);font-size:.66rem;font-weight:700}
.acadence-workflow li strong{font-size:.92rem;letter-spacing:-.01em}
.acadence-workflow li span{color:var(--v2-muted);font-size:.78rem;line-height:1.48}
.acadence-workflow>p{max-width:62ch;margin-top:17px;color:var(--v2-muted);font-size:.78rem;line-height:1.55}

/* Real selected work */
.selected-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,50px)}
.work-feature{display:grid;grid-template-rows:auto 1fr;min-width:0}
.work-image{position:relative;height:clamp(390px,40vw,520px);border:1px solid var(--v2-line);background:#12161b;overflow:hidden}
.work-image img{width:100%;height:100%;object-fit:contain;padding:22px}
.work-image.prima img{padding:0;object-position:top center}
.work-index{position:absolute;z-index:1;left:12px;top:11px;padding:5px 7px;background:rgba(8,10,12,.88);color:#c7cdca;font-size:.62rem;font-weight:700;line-height:1.2}
.work-copy{padding:16px 0 0}
.work-copy h3{font-size:clamp(1.7rem,2.3vw,2.35rem);line-height:1.06}
.work-copy p{max-width:49ch;margin:9px 0 14px;color:var(--v2-muted);font-size:.84rem;line-height:1.6}
.supporting-work{margin-top:44px;border-top:1px solid var(--v2-line)}
.supporting-row{display:grid;grid-template-columns:140px 1fr auto;gap:22px;align-items:center;padding:15px 0;border-bottom:1px solid var(--v2-line)}
.supporting-row h3{font-size:1.04rem;letter-spacing:-.015em}
.supporting-row p{color:var(--v2-muted);font-size:.79rem;line-height:1.5}
.supporting-row a{font-size:.77rem;font-weight:730;white-space:nowrap}

/* Building now */
.building-now{background:#0f1215}
.building-list{border-top:1px solid var(--v2-line-strong)}
.building-row{display:grid;grid-template-columns:100px minmax(150px,.45fr) minmax(0,1fr) auto;gap:22px;align-items:start;padding:19px 0;border-bottom:1px solid var(--v2-line)}
.building-row .phase{color:var(--v2-muted);font-size:.7rem;font-weight:700}
.building-row h3{font-size:1.17rem;line-height:1.18}
.building-row p{max-width:62ch;color:var(--v2-muted);font-size:.81rem;line-height:1.55}
.building-row b{color:var(--v2-text-soft);font-size:.7rem;font-weight:700;white-space:nowrap}

/* Services */
.services-preview-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,90px)}
.services-intro h2{max-width:15ch;margin:14px 0 16px;font-size:clamp(2.1rem,3.25vw,3.25rem);line-height:1.04}
.services-intro p{max-width:44ch;color:var(--v2-muted);line-height:1.65}
.services-intro .v2-actions{margin-top:23px}
.services-list{border-top:1px solid var(--v2-line-strong)}
.service-row{padding:18px 0;border-bottom:1px solid var(--v2-line)}
.service-row h3{font-size:1.15rem;letter-spacing:-.018em}
.service-row p{max-width:62ch;margin-top:6px;color:var(--v2-muted);font-size:.81rem;line-height:1.55}

/* Kurt */
.kurt-section{background:#101317}
.kurt-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,88px);align-items:center}
.kurt-photo{position:relative;aspect-ratio:4/5;max-height:560px;border:1px solid var(--v2-line);background:#1b1e22;overflow:hidden}
.kurt-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.02)}
.kurt-photo span{position:absolute;left:13px;bottom:12px;padding:5px 7px;background:rgba(8,10,12,.86);color:#c1c7c3;font-size:.61rem;font-weight:650}
.kurt-copy h2{max-width:14ch;margin:14px 0 17px;font-size:clamp(2.35rem,3.5vw,3.55rem);line-height:1.02}
.kurt-copy .v2-lead{max-width:51ch}
.kurt-role-line{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:20px;color:var(--v2-text-soft);font-size:.78rem}
.kurt-role-line span::before{content:"/";margin-right:15px;color:var(--v2-line-strong)}
.kurt-role-line span:first-child::before{display:none}
.kurt-evidence{margin:28px 0 0;border-top:1px solid var(--v2-line)}
.kurt-evidence>div{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--v2-line)}
.kurt-evidence dt{font-size:.74rem;font-weight:730;color:var(--v2-text-soft)}
.kurt-evidence dd{margin:0;color:var(--v2-muted);font-size:.74rem;line-height:1.5}
.kurt-copy .v2-actions{margin-top:24px}

/* Final CTA */
.home-cta{padding:clamp(62px,7vw,92px) 0;border-top:1px solid var(--v2-line);background:#0c0f11}
.home-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:clamp(36px,6vw,76px);align-items:end}
.home-cta h2{max-width:17ch;margin-top:14px;font-size:clamp(2.15rem,3.4vw,3.45rem);line-height:1.04}
.home-cta p{max-width:52ch;color:var(--v2-muted);line-height:1.65}
.home-cta .v2-actions{margin-top:21px}

@media(hover:hover){
  .current-work-row[href]:hover .current-link,.supporting-row a:hover,.kodari-brand-stage:hover>span{color:var(--v2-accent)}
  .kodari-brand-stage:hover{border-color:var(--v2-line-strong) var(--v2-line-strong) var(--v2-accent)}
}

@media(max-width:1060px){
  .home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:48px}
  .product-intro-grid,.acadence-grid{grid-template-columns:1fr 1fr;gap:48px}
  .product-evidence-grid article{padding-right:20px}
  .product-evidence-grid article+article{padding-left:20px}
}

@media(max-width:900px){
  .audience-routes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audience-routes a:nth-child(3){border-left:0;border-top:1px solid var(--v2-line)}
  .audience-routes a:nth-child(4){border-top:1px solid var(--v2-line)}
  .home-v2 .home-hero{padding-top:48px}
  .home-hero-grid,.product-intro-grid,.acadence-grid{grid-template-columns:1fr}
  .home-hero-copy{max-width:760px}
  .home-hero-copy h1{max-width:18ch;font-size:clamp(2.55rem,6.4vw,3.45rem)}
  .current-work{max-width:760px}
  .kodari-brand-stage{min-height:230px}
  .product-copy,.acadence-copy{max-width:760px}
  .product-evidence-grid{grid-template-columns:1fr}
  .product-evidence-grid article,.product-evidence-grid article+article{padding:18px 0;border-left:0;border-bottom:1px solid var(--v2-line)}
  .product-evidence-grid h3{max-width:none}
  .selected-work-grid{grid-template-columns:1fr}
  .work-image{height:min(70vw,520px)}
  .building-row{grid-template-columns:84px minmax(140px,.5fr) 1fr}
  .building-row b{grid-column:3;justify-self:start}
  .services-preview-grid,.kurt-grid,.home-cta-grid{grid-template-columns:1fr}
  .kurt-photo{width:min(100%,520px);max-height:none}
  .home-cta p{max-width:60ch}
}

@media(max-width:620px){
  .audience-routes-grid{grid-template-columns:1fr}
  .audience-routes a,.audience-routes a:nth-child(4){min-height:auto;padding:15px 0;border-left:0;border-top:1px solid var(--v2-line)}
  .audience-routes a:first-child{border-top:0}
  .audience-routes strong{max-width:none}
  .home-v2 section[id]{scroll-margin-top:72px}
  .home-v2 .home-hero{padding:34px 0 50px}
  .home-hero-grid{gap:34px}
  .home-hero-copy h1{max-width:17ch;margin:13px 0 17px;font-size:clamp(2.25rem,9.5vw,2.65rem);line-height:1.02;letter-spacing:-.038em}
  .home-hero-copy .v2-actions{margin-top:22px}
  .current-work-heading{padding-bottom:9px}
  .current-work-row{grid-template-columns:1fr;gap:7px;padding:15px 0}
  .current-work-row p{font-size:.77rem}
  .current-link{justify-self:start}
  .product-copy h2,.acadence-copy h2{font-size:clamp(2.35rem,11vw,3rem)}
  .kodari-brand-stage{min-height:190px;padding:32px 22px;gap:19px}
  .product-evidence-grid{margin-top:34px}
  .product-facts>div{grid-template-columns:1fr;gap:3px}
  .acadence-workflow li{grid-template-columns:28px 94px 1fr;gap:10px;padding:13px 0}
  .workflow-heading{font-size:.67rem}
  .work-image{height:420px}
  .work-image img{padding:15px}
  .supporting-work{margin-top:34px}
  .supporting-row{grid-template-columns:1fr;gap:5px;padding:14px 0}
  .supporting-row a{justify-self:start;margin-top:2px}
  .building-row{grid-template-columns:1fr;gap:5px;padding:17px 0}
  .building-row b{grid-column:auto;justify-self:start;margin-top:1px}
  .services-intro h2{font-size:clamp(2rem,9.6vw,2.55rem)}
  .service-row{padding:16px 0}
  .kurt-photo{aspect-ratio:4/5}
  .kurt-copy h2{font-size:clamp(2.25rem,10.5vw,2.85rem)}
  .kurt-role-line{display:block}
  .kurt-role-line span{display:block;margin-top:3px}
  .kurt-role-line span::before{display:none}
  .kurt-evidence>div{grid-template-columns:1fr;gap:3px}
  .home-cta{padding:56px 0}
  .home-cta h2{font-size:clamp(2rem,9.6vw,2.55rem)}
}

@media(max-width:390px){
  .home-hero-copy .v2-actions,.home-cta .v2-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .home-hero-copy .v2-button,.home-cta .v2-button{width:100%}
  .acadence-workflow li{grid-template-columns:26px 1fr}
  .acadence-workflow li span{grid-column:2}
  .workflow-heading span:last-child{display:none}
  .work-image{height:360px}
}