/* BOTASERA editorial surface system — approved direction, applied site-wide */
:root{
  --ivory:#eee7da;
  --paper:#e4dccd;
  --surface-ivory:#f2eee5;
  --surface-paper:#e8e2d7;
  --surface-sand:#ded3c0;
  --surface-mist:#d7d0c4;
  --surface-line:rgba(24,33,29,.16);
  --copy-width:66ch;
}

body{
  background:
    radial-gradient(circle at 8% 4%,rgba(216,199,170,.2),transparent 30rem),
    linear-gradient(180deg,var(--surface-paper),var(--surface-ivory));
  font-size:clamp(.94rem,.28vw + .86rem,1.07rem);
  line-height:1.68;
}
main{background:transparent}
main p{letter-spacing:-.006em}
main section:not(.hero):not(.page-hero):not(.detail-hero):not(.manifesto):not(.system):not(.systems-list):not(.growing-system):not(.structures-feature):not(.app-promise):not(.conversion-band):not(.project-archive-counter):not(.rules-section):not(.service-scope):not(.service-sibling-nav):not(.nursery-cinema):not(.project-film):not(.project-gallery-section){border-color:var(--surface-line)}

/* Replace empty white fields with quiet BOTASERA tones. */
.projects-block,.project-index,.needs,.signature-intelligence,.app-features,.location-grid,.faq-page,.legal,.editorial,.contact-grid,.service-index,.detail-note{
  background:
    radial-gradient(circle at 85% 12%,rgba(216,199,170,.22),transparent 28rem),
    linear-gradient(135deg,#f0ece3 0%,#e8e2d7 100%);
}
.statement,.buyer-paths,.service-intro,.material-library,.service-levels,.nursery-story,.plant-standard,.studio-method,.library-intro,.app-news,.trust-signals{
  background:
    linear-gradient(135deg,rgba(242,238,229,.38),transparent 46%),
    var(--surface-sand);
}
.award-grid,.library-grid{background:var(--surface-line)}
.award-grid article,.library-grid article{background:var(--surface-paper)}

/* Calm typography hierarchy and readable line lengths. */
.statement h2,.service-intro h2,.nursery-story h2,.studio-method h2,.library-intro h2,.app-news h2,.detail-intro h2,.service-thesis h2{
  letter-spacing:-.035em;
  text-wrap:balance;
}
.statement h2,.service-intro h2,.nursery-story h2,.growing-system h2,.plant-standard h2,.structures-bridge h2,.systems-list>header h2,.material-library h2,.signature-intelligence>header h2,.service-levels>header h2,.library-intro h2,.app-news h2,.app-features h2,.trust-signals h2,.conversion-band h2{
  font-size:clamp(2.85rem,5.15vw,5.75rem);
  line-height:.98;
  max-width:19ch;
  text-wrap:balance;
}
.editorial>div:last-child,.service-copy>div,.studio-method>div>p:last-child,.library-intro>div>p:last-child,.app-news>div>p:not(.eyebrow),.structures-copy>p:not(.eyebrow),.structures-bridge>div>p:not(.eyebrow),.technical-essay>div>p,.legal p,.faq-page p{
  max-width:var(--copy-width);
  font-size:clamp(.98rem,.35vw + .88rem,1.12rem);
  line-height:1.88;
  color:#46524c;
}
.eyebrow{line-height:1.5;max-width:40rem}

/* The approved Atelier composition. */
.studio-method{
  background:linear-gradient(135deg,#e8e2d7 0 55%,#d8c7aa 55% 55.35%,#14251f 55.35% 100%);
  gap:clamp(2rem,6vw,7rem);
}
.studio-method>div{
  position:relative;
  background:rgba(242,238,229,.94);
  padding:clamp(2.2rem,4vw,4.8rem);
  border-top:1px solid #d8c7aa;
  box-shadow:0 24px 70px rgba(11,26,22,.09);
}
.studio-method>div:before{
  content:"01";
  position:absolute;
  right:clamp(1.4rem,3vw,3rem);
  top:clamp(1.2rem,2vw,2rem);
  font:500 .66rem Manrope,sans-serif;
  letter-spacing:.2em;
  color:#8b7a60;
}
.studio-method h2{font-size:clamp(3rem,5.2vw,5.8rem);line-height:.97;max-width:12ch;margin:0 0 clamp(1.8rem,3vw,3rem)}
.studio-method>div>p:last-child{max-width:52ch}
.studio-method figure{box-shadow:0 30px 80px rgba(5,5,5,.2)}
.studio-gallery{position:relative;background:#14251f;padding-top:clamp(4rem,7vw,8rem)}
.studio-gallery:before{
  content:"ATÖLYEDEN KESİTLER";
  grid-column:1/-1;
  color:#d8c7aa;
  font:500 .66rem Manrope,sans-serif;
  letter-spacing:.24em;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(216,199,170,.3);
}

/* Project pages: text first, evidence second, one controlled rhythm. */
.project-detail{background:var(--surface-paper)}
.project-detail .detail-hero h1{max-width:14ch;font-size:clamp(3.7rem,8vw,8.2rem);line-height:.88}
.project-detail .detail-hero>div:last-child>p{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}
.project-detail .detail-intro{
  grid-template-columns:minmax(0,1.28fr) minmax(18rem,.72fr);
  column-gap:clamp(3rem,8vw,9rem);
  row-gap:clamp(2.5rem,4vw,4rem);
  padding:clamp(6rem,10vw,10rem) var(--pad);
  background:
    radial-gradient(circle at 88% 12%,rgba(216,199,170,.34),transparent 30rem),
    linear-gradient(135deg,#f1ede4,#dfd6c6);
  border-bottom:1px solid var(--surface-line);
}
.project-detail .detail-intro>.eyebrow{grid-column:1/-1;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid var(--surface-line)}
.project-detail .detail-intro h2{font-size:clamp(2.45rem,3.7vw,4.35rem);line-height:1.04;max-width:22ch;margin:0}
.project-detail .detail-intro dl{
  align-self:end;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin:0;
  border-top:1px solid var(--surface-line);
}
.project-detail .detail-intro dl>div{display:grid;grid-template-columns:minmax(7rem,.65fr) 1fr;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--surface-line)}
.project-detail .detail-intro dt{margin:0;font-size:.58rem;letter-spacing:.16em}
.project-detail .detail-intro dd{font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.15}
.project-narrative{
  display:grid;
  grid-template-columns:minmax(11rem,.5fr) minmax(0,1.5fr);
  gap:clamp(2rem,7vw,8rem);
  padding:clamp(6rem,10vw,11rem) var(--pad);
  background:linear-gradient(135deg,#14251f,#0b1a16);
  color:var(--surface-ivory);
}
.project-narrative .eyebrow{color:var(--champagne);margin:0}
.project-narrative h2{font-size:clamp(2.15rem,3.35vw,3.85rem);line-height:1.1;max-width:32ch;margin:0;color:#e8e2d7}
.project-film{padding:clamp(3rem,6vw,6rem) var(--pad);background:#0b1a16}
.project-film video{max-height:min(80vh,920px);background:#050505}

.project-gallery-section{
  padding:clamp(6rem,10vw,11rem) var(--pad);
  background:
    radial-gradient(circle at 92% 4%,rgba(216,199,170,.09),transparent 34rem),
    #14251f;
  color:var(--surface-ivory);
}
.project-gallery-header{
  display:grid;
  grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);
  gap:clamp(2rem,7vw,8rem);
  align-items:end;
  padding-bottom:clamp(2.5rem,5vw,5rem);
  margin-bottom:clamp(1rem,2vw,1.5rem);
  border-bottom:1px solid rgba(216,199,170,.28);
}
.project-gallery-header .eyebrow{margin:0;color:var(--champagne)}
.project-gallery-header h2{font-size:clamp(2.7rem,5vw,5.6rem);line-height:.98;max-width:17ch;margin:0;color:#e8e2d7}
.project-gallery-section .project-gallery{
  padding:0;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(.65rem,1.25vw,1.2rem);
  align-items:start;
}
.project-gallery-section .project-gallery figure,
.project-gallery-section .project-gallery figure:nth-child(n),
.project-gallery-section .project-gallery figure.gallery-natural{
  position:relative;
  grid-column:span 6;
  width:100%;
  height:auto!important;
  aspect-ratio:4/3;
  margin:0;
  overflow:hidden;
  background:#0b1a16;
}
.project-gallery-section .project-gallery figure:nth-of-type(5n+1),
.project-gallery-section .project-gallery figure.gallery-wide{
  grid-column:1/-1;
  aspect-ratio:16/9;
}
.project-gallery-section .project-gallery figure img,
.project-gallery-section .project-gallery figure.gallery-natural img{
  width:100%;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.project-gallery-section .project-gallery figure.gallery-portrait img{object-fit:contain!important;background:#0b1a16}
.project-gallery-section .project-gallery figure:before{
  content:attr(data-project-gallery-slot);
  position:absolute;
  left:.8rem;
  top:.8rem;
  z-index:3;
  padding:.35rem .45rem;
  background:rgba(11,26,22,.68);
  color:#e8e2d7;
  font:500 .52rem/1 Manrope,sans-serif;
  letter-spacing:.14em;
}
.project-gallery-section .project-gallery figure:hover img{transform:scale(1.012)}
.project-detail .detail-note{padding:clamp(6rem,9vw,9rem) var(--pad)}
.project-detail .detail-note p{font-size:clamp(2.35rem,4.5vw,4.7rem);max-width:18ch}

/* Cleaner lists and editorial image groupings elsewhere. */
.project-index{padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(6rem,10vw,10rem)}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.project-card:nth-child(2){margin-top:0}
.project-card figure,.project-card:nth-child(2) figure,.project-card:nth-child(3) figure{height:auto;aspect-ratio:4/5;margin-bottom:1.35rem;background:var(--surface-mist)}
.project-card h3{font-size:clamp(2rem,2.8vw,3rem);line-height:1}
.project-row{grid-template-columns:48px minmax(0,1fr) minmax(260px,34%);gap:clamp(1.2rem,3vw,3.5rem);padding:1.2rem 0;min-height:210px}
.project-row figure{height:auto;aspect-ratio:16/8.5;background:var(--surface-mist)}
.project-row h2{font-size:clamp(2.45rem,4.4vw,4.8rem);line-height:.95}
.technical-essay,.image-study,.structures-feature,.structures-bridge{border-top:1px solid var(--surface-line);border-bottom:1px solid var(--surface-line)}
.technical-essay figure,.image-study figure,.structures-feature figure,.structures-bridge figure,.library-intro figure,.app-news figure{overflow:hidden}
.service-thesis{
  background:
    radial-gradient(circle at 82% 10%,rgba(216,199,170,.34),transparent 28rem),
    linear-gradient(135deg,#e8e2d7,#dcd1bf);
}
.service-thesis h2{font-size:clamp(2.8rem,5.2vw,5.8rem);line-height:.98;max-width:22ch}
.technical-essay{background:linear-gradient(135deg,#eee8dc,#e4dccd)}
.technical-essay>div>h2{font-size:clamp(2.65rem,4.4vw,4.9rem);line-height:1}
.service-scope{background:linear-gradient(135deg,#e4dccd,#eee8dc)}
.image-study{
  grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);
  gap:clamp(.7rem,1.2vw,1.1rem);
  align-items:stretch;
  padding:clamp(4rem,7vw,7rem) var(--pad);
  background:#14251f;
}
.image-study .wide,.image-study .detail{height:min(70vh,780px);margin:0}
.service-outcome{background:linear-gradient(135deg,#eee8dc,#ded3c0)}
.intelligence{background:linear-gradient(135deg,#e4dccd,#eee8dc)}
.award-photos{align-items:start}
.award-photos img,.award-photos img:nth-child(2){height:auto;aspect-ratio:4/5;margin-top:0;object-fit:cover}

@media(max-width:980px){
  .studio-method{background:linear-gradient(180deg,#e8e2d7 0 58%,#14251f 58%)}
  .studio-method>div{padding:2rem}
  .studio-method h2{font-size:clamp(2.8rem,12vw,4.7rem)}
  .studio-gallery:before{grid-column:1}
  .project-detail .detail-intro,.project-narrative,.project-gallery-header{grid-template-columns:1fr}
  .project-detail .detail-intro h2,.project-narrative h2,.project-gallery-header h2{max-width:22ch}
  .project-row{grid-template-columns:38px 1fr;padding:1.4rem 0}
  .project-row figure{grid-column:1/-1;aspect-ratio:16/10}
  .project-grid{grid-template-columns:1fr}
  .project-card figure,.project-card:nth-child(2) figure,.project-card:nth-child(3) figure{aspect-ratio:4/5;height:auto}
  .image-study{grid-template-columns:1fr;padding:1.25rem;background:#14251f}
  .image-study .wide,.image-study .detail{height:auto;aspect-ratio:4/3;margin:0}
}

@media(max-width:640px){
  body{font-size:.96rem}
  .project-detail .detail-hero{min-height:620px}
  .project-detail .detail-hero h1{font-size:clamp(3.25rem,15vw,5.35rem)}
  .project-detail .detail-intro{padding-top:4.8rem;padding-bottom:4.8rem}
  .project-detail .detail-intro h2{font-size:clamp(2.45rem,11vw,3.65rem)}
  .project-detail .detail-intro dl>div{grid-template-columns:1fr;gap:.35rem}
  .project-narrative{padding-top:4.8rem;padding-bottom:5.2rem}
  .project-narrative h2{font-size:clamp(2.25rem,10.5vw,3.45rem)}
  .project-gallery-section{padding:4.8rem 1.25rem 5.5rem}
  .project-gallery-header h2{font-size:clamp(2.5rem,11vw,3.7rem)}
  .project-gallery-section .project-gallery figure,
  .project-gallery-section .project-gallery figure:nth-child(n),
  .project-gallery-section .project-gallery figure.gallery-natural,
  .project-gallery-section .project-gallery figure:nth-of-type(5n+1),
  .project-gallery-section .project-gallery figure.gallery-wide{
    grid-column:1/-1;
    aspect-ratio:4/3;
  }
  .project-gallery-section .project-gallery figure.gallery-portrait{aspect-ratio:3/4}
}

@media(prefers-reduced-motion:reduce){
  .project-gallery-section .project-gallery figure img{transition:none!important}
}