/* About only: an editorial company profile using the shared brand palette. */
body.atelier .abika-about {
  --about-forest: #17372e;
  --about-paper: #ede9df;
  --about-accent: #c9c49b;
  margin: 0;
  padding-top: 94px;
  background: var(--about-paper);
  color: var(--about-forest);
  font: 400 18px/1.85 var(--abika-typeface, 'Manrope', Arial, sans-serif);
}
body.atelier .abika-about :is(h1,h2,p,figure,dd) { margin: 0; }
body.atelier .abika-about__shell { width: min(calc(100% - 120px), 1320px); margin-inline: auto; }
body.atelier .abika-about__opening { padding-block: 62px 72px; background: var(--about-forest); color: var(--about-paper); }
body.atelier .abika-about__kicker { font-size: 10px; line-height: 1.6; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
body.atelier .abika-about__opening .abika-about__kicker { color: var(--about-accent); margin-bottom: 34px; }
body.atelier .abika-about__opening-grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(60px,8vw,120px); align-items: start; }
body.atelier .abika-about h1 { font: 400 clamp(66px,8vw,112px)/1.02 var(--abika-typeface, 'Manrope', Arial, sans-serif); letter-spacing: -.065em; color: inherit; }
body.atelier .abika-about__lead > p { max-width: 54ch; font-size: 19px; line-height: 1.9; color: #e1e5db; }
body.atelier .abika-about__facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; padding-top: 22px; margin: 32px 0 0; border-top: 1px solid #ede9df38; }
body.atelier .abika-about__facts dt { color: #b5c3b6; font-size: 10px; line-height: 1.6; margin-bottom: 8px; }
body.atelier .abika-about__facts dd { color: var(--about-paper); font-size: 14px; line-height: 1.65; }
body.atelier .abika-about__section { padding-block: 86px; }
body.atelier .abika-about__row { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(60px,8vw,120px); }
body.atelier .abika-about__row + .abika-about__row { margin-top: 64px; padding-top: 64px; border-top: 1px solid #17372e32; }
body.atelier .abika-about h2 { font: 400 clamp(30px,3.2vw,47px)/1.13 var(--abika-typeface, 'Manrope', Arial, sans-serif); letter-spacing: -.045em; color: inherit; }
body.atelier .abika-about__row p { max-width: 65ch; }
body.atelier .abika-about__coffee { padding-block: 80px; background: var(--about-forest); color: var(--about-paper); }
body.atelier .abika-about__coffee-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(60px,8vw,120px); align-items: center; }
body.atelier .abika-about__coffee-copy { grid-column: 2; grid-row: 1; }
body.atelier .abika-about__coffee-copy h2 { max-width: 19ch; margin-bottom: 32px; }
body.atelier .abika-about__coffee-copy p { max-width: 65ch; font-size: 17px; line-height: 1.9; color: #d8e0d4; }
body.atelier .abika-about__coffee-copy p + p { margin-top: 23px; }
body.atelier .abika-about__coffee-photo { grid-column: 1; grid-row: 1; }
body.atelier .abika-about__coffee-photo img { display: block; width: 100%; height: 570px; object-fit: cover; border-radius: 2px; }
body.atelier .abika-about__coffee-photo figcaption { margin-top: 13px; color: #bdcabd; font-size: 10px; line-height: 1.7; }
body.atelier .abika-about__closing { padding-top: 70px; margin-top: 70px; border-top: 1px solid #17372e32; }
body.atelier .abika-about__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 32px; }
body.atelier .abika-about__contact { display: inline-flex; align-items: center; justify-content: space-between; gap: 48px; min-height: 56px; padding: 14px 21px; border: 1px solid var(--about-forest); background: var(--about-forest); color: var(--about-paper); border-radius: 2px; font-size: 13px; font-weight: 500; line-height: 1.5; }
body.atelier .abika-about__contact svg { width: 21px; height: 21px; flex: 0 0 auto; }
body.atelier .abika-about__all { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid currentColor; font-size: 12px; line-height: 1.6; }
body.atelier .abika-about__identity { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 40px; padding-block: 26px; border-top: 1px solid #17372e32; font-size: 11px; line-height: 1.8; color: #536454; }
body.atelier .abika-about__identity a { min-width: 0; overflow-wrap: anywhere; }
body.atelier .abika-about :is(a):focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
body.atelier .abika-about :is(.abika-about__opening-grid,.abika-about__row,.abika-about__coffee-grid) > * { min-width: 0; }

/* One continuous regional chapter. The existing Ege copy lives here once. */
body.atelier .abika-about .abika-regions { padding-block: 0 100px; }
body.atelier .abika-regions__heading {
  display: grid;
  grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr);
  gap: clamp(60px,8vw,120px);
  padding-top: 72px;
  border-top: 1px solid #17372e32;
}
body.atelier .abika-about .abika-regions__heading h2 {
  max-width: 13ch;
  font-size: clamp(34px,3.5vw,50px);
  line-height: 1.16;
}
body.atelier .abika-regions__intro { max-width: 65ch; font-size: 17px; line-height: 1.85; }
body.atelier .abika-regions__intro p + p { margin-top: 20px; }
body.atelier .abika-regions__layout {
  display: grid;
  grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr);
  gap: clamp(60px,8vw,120px);
  align-items: start;
  margin-top: 62px;
}
body.atelier .abika-regions__index { position: sticky; top: 122px; max-width: 270px; }
body.atelier .abika-regions__index ul { margin: 0; padding: 0; list-style: none; }
body.atelier .abika-regions__index a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 51px;
  padding: 13px 0;
  border-bottom: 1px solid #17372e32;
  color: #365548;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}
body.atelier .abika-regions__index li:first-child a { border-top: 1px solid #17372e32; }
body.atelier .abika-regions__index svg { width: 15px; height: 15px; flex: 0 0 15px; }
/* The site already reserves 100px via scroll-padding-top on html. */
body.atelier .abika-regions__region { padding-block: 32px 38px; border-top: 1px solid #17372e32; scroll-margin-top: 22px; }
body.atelier .abika-regions__region:last-child { padding-bottom: 0; }
body.atelier .abika-about .abika-regions__region h3 {
  margin: 0 0 23px;
  color: var(--about-forest);
  font: 400 clamp(24px,2.25vw,31px)/1.3 var(--abika-typeface, 'Manrope', Arial, sans-serif);
  letter-spacing: -.035em;
}
body.atelier .abika-regions__copy { max-width: 65ch; font-size: 17px; line-height: 1.9; }
body.atelier .abika-regions__copy p + p { margin-top: 19px; }
body.atelier .abika-regions :is(.abika-regions__heading,.abika-regions__layout) > * { min-width: 0; }
@media (hover:hover) {
  body.atelier .abika-about__contact:hover { background: #254b3c; }
  body.atelier .abika-about__identity a:hover { text-decoration: underline; text-underline-offset: 4px; }
  body.atelier .abika-regions__index a:hover { color: #102f29; text-decoration: underline; text-underline-offset: 5px; }
}
@media (max-width:1100px) {
  body.atelier .abika-about__shell { width: calc(100% - 80px); }
  body.atelier .abika-about__opening-grid,
  body.atelier .abika-about__row,
  body.atelier .abika-about__coffee-grid { gap: 48px; }
  body.atelier .abika-about__lead > p { font-size: 18px; }
  body.atelier .abika-about__coffee-photo img { height: 610px; }
  body.atelier :is(.abika-regions__heading,.abika-regions__layout) { gap: 48px; }
}
@media (max-width:900px) {
  body.atelier .abika-about__opening-grid { grid-template-columns: minmax(0,1fr); gap: 36px; }
  body.atelier .abika-about__facts { max-width: 650px; }
  body.atelier .abika-about__row { grid-template-columns: minmax(0,1fr); gap: 26px; }
  body.atelier .abika-about__coffee-grid { grid-template-columns: minmax(0,1fr); gap: 35px; }
  body.atelier .abika-about__coffee-copy { grid-column: 1; grid-row: 1; }
  body.atelier .abika-about__coffee-photo { grid-column: 1; grid-row: 2; }
  body.atelier .abika-about__coffee-photo img { height: 320px; object-position: 50% 60%; }
  body.atelier :is(.abika-regions__heading,.abika-regions__layout) { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body.atelier .abika-regions__index { position: static; max-width: none; }
  body.atelier .abika-regions__index ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 26px; }
  body.atelier .abika-regions__index a { min-height: 54px; gap: 10px; }
  body.atelier .abika-regions__index li:first-child a { border-top: 0; }
}
@media (max-width:760px) {
  body.atelier .abika-about { padding-top: 76px; font-size: 16px; line-height: 1.9; }
  body.atelier .abika-about__shell { width: calc(100% - 48px); }
  body.atelier .abika-about__opening { padding-block: 38px 44px; }
  body.atelier .abika-about__opening .abika-about__kicker { margin-bottom: 26px; font-size: 9px; }
  body.atelier .abika-about h1 { font-size: clamp(58px,16vw,82px); }
  body.atelier .abika-about__lead > p { font-size: 16px; line-height: 1.9; }
  body.atelier .abika-about__facts { gap: 14px; padding-top: 20px; margin-top: 27px; }
  body.atelier .abika-about__facts dt { font-size: 9px; margin-bottom: 6px; }
  body.atelier .abika-about__facts dd { font-size: 12px; }
  body.atelier .abika-about__section { padding-block: 46px; }
  body.atelier .abika-about h2 { font-size: 32px; line-height: 1.16; }
  body.atelier .abika-about__row + .abika-about__row { margin-top: 38px; padding-top: 38px; }
  body.atelier .abika-about__coffee { padding-block: 46px; }
  body.atelier .abika-about__coffee-copy h2 { margin-bottom: 25px; }
  body.atelier .abika-about__coffee-copy p { font-size: 16px; }
  body.atelier .abika-about__coffee-photo img { height: 250px; }
  body.atelier .abika-about__closing { padding-top: 38px; margin-top: 38px; }
  body.atelier .abika-about__actions { gap: 16px 24px; margin-top: 26px; }
  body.atelier .abika-about__contact { width: 100%; }
  body.atelier .abika-about__identity { padding-block: 22px; font-size: 10px; }
  body.atelier .abika-about .abika-regions { padding-bottom: 50px; }
  body.atelier .abika-regions__heading { padding-top: 40px; gap: 25px; }
  body.atelier .abika-about .abika-regions__heading h2 { font-size: 34px; }
  body.atelier :is(.abika-regions__intro,.abika-regions__copy) { font-size: 16px; line-height: 1.85; }
  body.atelier .abika-regions__layout { margin-top: 32px; gap: 33px; }
  body.atelier .abika-regions__index ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; }
  body.atelier .abika-regions__index a { font-size: 12px; min-height: 54px; padding-block: 12px; }
  body.atelier .abika-regions__region { padding-block: 28px 32px; scroll-margin-top: 0; }
  body.atelier .abika-about .abika-regions__region h3 { font-size: 26px; margin-bottom: 19px; }
  body.atelier .abika-regions__copy p + p { margin-top: 16px; }
}
@media (max-width:380px) {
  body.atelier .abika-about__shell { width: calc(100% - 40px); }
  body.atelier .abika-about h1 { font-size: 56px; }
  body.atelier .abika-about__facts { grid-template-columns: minmax(0,1fr); gap: 0; padding-top: 12px; }
  body.atelier .abika-about__facts > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-block: 10px; border-bottom: 1px solid #ede9df24; }
  body.atelier .abika-about__facts > div:last-child { border-bottom: 0; }
  body.atelier .abika-about__facts dt { margin-bottom: 0; }
}