/* =======================
   Atelier (page 3) — Sections 1–3
   Namespace: at-
   ======================= */
.at-visually-hidden{
  position:absolute!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;
  height:1px!important;width:1px!important;overflow:hidden!important;white-space:nowrap!important;
}

/* Sect.1 — Hero ribbon */
.at-hero{
  padding:44px 0 32px;
  background:
    radial-gradient(1000px 420px at 6% 0%, color-mix(in oklab, var(--pl-powder) 34%, transparent), transparent 70%),
    radial-gradient(900px 420px at 100% 20%, color-mix(in oklab, var(--pl-peach) 34%, transparent), transparent 72%),
    var(--pl-oatmilk);
}
.at-hero__grid{
  display:grid; gap:28px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-hero__title{
  font-family:"Fraunces", serif; font-size:38px; line-height:1.12; margin:0 0 8px;
}

.at-ribbon{ position:relative; display:grid; gap:12px; grid-template-columns:1fr }
.at-ribbon__belt{
  position:absolute; left:-8%; right:-8%; top:45%; height:16px; opacity:.6;
  background:repeating-linear-gradient(90deg, transparent 0 12px, var(--pl-champagne) 12px 16px);
  transform:rotate(-6deg);
}
.at-rib img{
  width:100%; max-width:350px; border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-rib--a{ transform:translateY(-6px) rotate(-1.5deg) }
.at-rib--b{ transform:translateY( 6px) rotate( 1.5deg) }
.at-rib--c{ transform:rotate(-.5deg) }
.at-rib:hover img{ transform:translateY(-3px) }

/* Sect.2 — Flow */
.at-flow{ padding:40px 0; background:var(--pl-oatmilk) }
.at-flow__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-flow__media{
  position:relative; display:grid; gap:12px;
  grid-template-columns:1fr 1fr;
}
.at-flow__rail{
  position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-1px);
  background:repeating-linear-gradient(180deg, var(--pl-warmgray) 0 10px, transparent 10px 18px);
  opacity:.5;
}
.at-card{
  background:#fff; border-radius:14px; padding:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.08), inset 0 0 0 1px rgba(0,0,0,.05);
  transition:transform var(--pl-d1) var(--pl-ease), box-shadow var(--pl-d1) var(--pl-ease);
}
.at-card img{ width:100%; max-width:330px; border-radius:8px }
.at-card.is-focus{ transform:translateY(-4px); box-shadow:0 16px 28px rgba(0,0,0,.12), inset 0 0 0 1px rgba(0,0,0,.05) }

/* Sect.3 — Pegboard */
.at-pegboard{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 100% 100%, color-mix(in oklab, var(--pl-celadon) 32%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-peg__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-peg__media{
  position:relative; display:grid; gap:12px;
  grid-template-columns:1fr 1fr;
}
.at-peg__dots{
  position:absolute; inset:0; opacity:.35; pointer-events:none;
  background-image:
    radial-gradient(color-mix(in oklab, var(--pl-warmgray), white 30%) 16%, transparent 17%);
  background-size:16px 16px;
  mask:linear-gradient(#000 0 0);
}
.at-peg__tile img{
  width:100%; max-width:350px; border-radius:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-peg__tile:hover img{ transform:translateY(-3px) }

/* Responsive: мобайл — текст выше медиа */
@media (max-width: 1020px){
  .at-hero__grid,
  .at-flow__grid,
  .at-peg__grid{ grid-template-columns:1fr }

  .at-hero__content,
  .at-flow__content,
  .at-peg__content{ order:1 }

  .at-hero__media,
  .at-flow__media,
  .at-peg__media{ order:2 }

  .at-rib--a, .at-rib--b, .at-rib--c{ transform:none }
}
@media (max-width:560px){
  .at-hero__title{ font-size:28px }
}
/* ---------- Sect.4: Dikiş ritmi (oscilloscope) ---------- */
.at-osc{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 0% 20%, color-mix(in oklab, var(--pl-peach) 30%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-osc__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-list{ list-style:disc; padding-left:18px; margin:10px 0 0 }
.at-osc__media{
  position:relative; display:grid; gap:12px;
  grid-template-columns:1fr 1fr; align-items:center;
}
.at-osc__rail{
  position:absolute; left:0; right:0; top:50%; height:12px; transform:translateY(-50%);
  opacity:.45; pointer-events:none;
  background:
    radial-gradient(circle at 8px 6px, var(--pl-champagne) 4px, transparent 5px) repeat-x;
  background-size:48px 12px;
}
.at-osc__fig img{
  width:100%; max-width:350px; border-radius:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-osc__fig--a{ transform:rotate(-1.5deg) translateY(-6px) }
.at-osc__fig--b{ transform:rotate( 1deg) translateY( 6px) }
.at-osc__fig--c{ transform:rotate(-.5deg) }
.at-osc__fig:hover img{ transform:translateY(-3px) }

/* ---------- Sect.5: Kalıp spirali ---------- */
.at-spiral{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 100% 10%, color-mix(in oklab, var(--pl-powder) 30%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-spiral__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-spiral__media{
  position:relative; display:grid; gap:12px;
  grid-template-areas:
    "core core"
    "a    b"
    "c    c";
}
.at-spiral__swirl{
  position:absolute; left:-8%; right:-8%; top:38%; height:16px; opacity:.5;
  background: conic-gradient(from 0deg, var(--pl-champagne), transparent 40%, var(--pl-champagne));
  mask: linear-gradient(#000 0 0);
  filter: blur(6px);
}
.at-spiral__tile img{
  width:100%; max-width:350px; border-radius:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-spiral__tile:hover img{ transform:translateY(-3px) }
.at-spiral__tile--core{ grid-area: core; transform:rotate(-1deg) }
.at-spiral__tile--a{ grid-area: a; transform:translateY(-6px) rotate(-1deg) }
.at-spiral__tile--b{ grid-area: b; transform:translateY( 6px) rotate( 1.5deg) }
.at-spiral__tile--c{ grid-area: c; transform:rotate(-.5deg) }

/* ---------- Sect.6: Işık testleri ---------- */
.at-light{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 50% 100%, color-mix(in oklab, var(--pl-celadon) 30%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-light__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-light__media{
  display:grid; gap:12px;
  grid-template-columns:1fr 1fr 1fr;
}
.at-sample{
  background:#fff; border-radius:14px; padding:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.08), inset 0 0 0 1px rgba(0,0,0,.05);
  transition:transform var(--pl-d1) var(--pl-ease), box-shadow var(--pl-d1) var(--pl-ease);
}
.at-sample img{ width:100%; max-width:330px; border-radius:8px }
.at-sample.is-focus{ transform:translateY(-4px); box-shadow:0 16px 28px rgba(0,0,0,.12), inset 0 0 0 1px rgba(0,0,0,.05) }

/* ---------- Responsive: мобайл — 1 колонка и текст выше медиа ---------- */
@media (max-width: 1020px){
  .at-osc__grid,
  .at-spiral__grid,
  .at-light__grid{ grid-template-columns:1fr }

  .at-osc__content,
  .at-spiral__content,
  .at-light__content{ order:1 }

  .at-osc__media,
  .at-spiral__media,
  .at-light__media{ order:2 }

  .at-osc__fig--a, .at-osc__fig--b, .at-osc__fig--c,
  .at-spiral__tile--core, .at-spiral__tile--a, .at-spiral__tile--b, .at-spiral__tile--c{
    transform:none;
  }

  .at-light__media{ grid-template-columns:1fr }
}
/* ---------- Sect.7: Timeline (alternating) ---------- */
.at-timeline{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 0% 100%, color-mix(in oklab, var(--pl-powder) 30%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-tl__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-steps{ margin:10px 0 0; padding-left:18px }
.at-tl__media{
  position:relative; display:grid; gap:16px;
}
.at-tl__rail{
  position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-1px);
  background:repeating-linear-gradient(180deg, var(--pl-warmgray) 0 10px, transparent 10px 18px);
  opacity:.5;
}
.at-tl__fig{ position:relative; display:flex }
.at-tl__fig img{
  width:100%; max-width:350px; border-radius:14px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-tl__fig--left{ justify-content:flex-start; transform:translateX(-6%) rotate(-1deg) }
.at-tl__fig--right{ justify-content:flex-end;   transform:translateX( 6%) rotate( 1.5deg) }
.at-tl__fig:hover img{ transform:translateY(-3px) }
.at-tl__fig--last{ margin-bottom:4px }

/* ---------- Sect.8: Arc swatches ---------- */
.at-arc{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 50% 0%, color-mix(in oklab, var(--pl-peach) 30%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-arc__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-arc__media{
  position:relative;
  display:grid; gap:12px;
  grid-template-columns:1fr 1fr; align-items:center; justify-items:center;
  padding-top:20px;
}
.at-arc__rail{
  position:absolute; left:-8%; right:-8%; top:28%;
  height:14px; opacity:.45;
  background:repeating-linear-gradient(90deg, transparent 0 12px, var(--pl-champagne) 12px 16px);
  transform:rotate(-6deg);
}
.at-arc__sw img{
  width:100%; max-width:220px; border-radius:999px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-arc__sw--a{ transform:translateY(-8px) rotate(-1deg) }
.at-arc__sw--b{ transform:translateY( 4px)  rotate( 1deg) }
.at-arc__sw--c{ transform:translateY(-2px) rotate(-.5deg) }
.at-arc__sw--d{ transform:translateY( 6px)  rotate( 1.5deg) }
.at-arc__sw:hover img{ transform:translateY(-3px) }

/* ---------- Sect.9: Hardware bench (L collage) ---------- */
.at-bench{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 100% 10%, color-mix(in oklab, var(--pl-celadon) 30%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-bench__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-bench__media{
  position:relative; display:grid; gap:12px;
  grid-template-areas:
    "wide tall"
    "mini tall";
  grid-template-columns:1fr 1fr;
}
.at-bench__tile img{
  width:100%; max-width:350px; border-radius:14px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-bench__tile--wide{ grid-area:wide; transform:translateY(-6px) rotate(-1.5deg) }
.at-bench__tile--mini{ grid-area:mini; transform:translateY( 6px) rotate( 1deg) }
.at-bench__tile--tall{ grid-area:tall; transform:rotate(-.5deg) }
.at-bench__tile:hover img{ transform:translateY(-3px) }

/* ---------- Responsive: мобайл — текст выше медиа ---------- */
@media (max-width: 1020px){
  .at-tl__grid,
  .at-arc__grid,
  .at-bench__grid{ grid-template-columns:1fr }

  .at-tl__content,
  .at-arc__content,
  .at-bench__content{ order:1 }

  .at-tl__media,
  .at-arc__media,
  .at-bench__media{ order:2 }

  .at-tl__fig--left, .at-tl__fig--right,
  .at-arc__sw--a, .at-arc__sw--b, .at-arc__sw--c, .at-arc__sw--d,
  .at-bench__tile--wide, .at-bench__tile--mini, .at-bench__tile--tall{
    transform:none;
  }
}
/* ---------- Sect.10: Leather (trapezoid + squircle) ---------- */
.at-leather{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 50% 0%, color-mix(in oklab, var(--pl-powder) 28%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-lea__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-lea__media{
  position:relative; display:grid; gap:12px;
  grid-template-columns:1fr 1fr; align-items:center;
}
.at-lea__grain{
  position:absolute; left:-8%; right:-8%; top:42%; height:14px; opacity:.45;
  background:repeating-linear-gradient(90deg, transparent 0 12px, var(--pl-champagne) 12px 16px);
  transform:rotate(-6deg);
}
.at-lea__fig img{
  width:100%; max-width:350px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-lea__fig--trap img{ clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%); border-radius:8px }
.at-lea__fig--squircle img{ border-radius:32% / 36% }
.at-lea__fig:hover img{ transform:translateY(-3px) }

/* ---------- Sect.11: Strap drop (tall frames) ---------- */
.at-drop{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 0% 100%, color-mix(in oklab, var(--pl-peach) 28%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-drop__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-dims{ margin:10px 0 0; padding-left:18px; list-style:disc }
.at-drop__media{
  position:relative; display:grid; gap:12px;
  grid-template-columns:1fr 1fr;
}
.at-drop__rail{
  position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-1px);
  background:repeating-linear-gradient(180deg, var(--pl-warmgray) 0 10px, transparent 10px 18px);
  opacity:.5;
}
.at-drop__fig img{
  width:100%; max-width:350px; border-radius:14px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-drop__fig--left{ transform:translateY(-6px) rotate(-1deg) }
.at-drop__fig--right{ transform:translateY( 6px) rotate( 1.5deg) }
.at-drop__fig:hover img{ transform:translateY(-3px) }

/* ---------- Sect.12: Quality control (stamps + tension) ---------- */
.at-qc{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 100% 20%, color-mix(in oklab, var(--pl-celadon) 28%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-qc__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-qc__media{
  display:grid; gap:12px; grid-template-columns:1fr 1fr; align-items:start;
}
.at-qc__tile img{
  width:100%; max-width:350px; border-radius:12px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  outline:2px dashed var(--pl-champagne); outline-offset:6px;
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-qc__tile:hover img{ transform:translateY(-3px) }

/* ---------- Responsive: мобайл — текст выше медиа ---------- */
@media (max-width: 1020px){
  .at-lea__grid, .at-drop__grid, .at-qc__grid{ grid-template-columns:1fr }

  .at-lea__content, .at-drop__content, .at-qc__content{ order:1 }
  .at-lea__media,   .at-drop__media,   .at-qc__media{   order:2 }

  .at-drop__fig--left, .at-drop__fig--right{ transform:none }
  .at-lea__grain{ opacity:.3 }
}
/* ---------- Sect.13: Doku laboratuvarı ---------- */
.at-tex{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 50% 100%, color-mix(in oklab, var(--pl-peach) 28%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-tex__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-tex__media{
  position:relative; display:grid; gap:12px;
  grid-template-columns:1fr 1fr; align-items:center;
}
.at-tex__mesh{
  position:absolute; inset:0; pointer-events:none; opacity:.3;
  background-image: repeating-linear-gradient(90deg, color-mix(in oklab, var(--pl-champagne), white 30%) 0 8px, transparent 8px 16px);
  mask: linear-gradient(#000 0 0);
}
.at-tex__fig img{
  width:100%; max-width:350px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-tex__fig--hex img{
  clip-path: polygon(25% 6%, 75% 6%, 96% 50%, 75% 94%, 25% 94%, 4% 50%);
  border-radius:8px;
}
.at-tex__fig--circle img{ border-radius:999px }
.at-tex__fig:hover img{ transform:translateY(-3px) }

/* ---------- Sect.14: Prototip atölyesi (offset tri) ---------- */
.at-proto{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 0% 0%, color-mix(in oklab, var(--pl-powder) 28%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-proto__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-proto__media{
  position:relative; display:grid; gap:12px;
  grid-template-areas:
    "main side"
    "sub  side";
  grid-template-columns:1fr 1fr;
}
.at-proto__belt{
  position:absolute; left:-8%; right:-8%; top:36%; height:14px; opacity:.5;
  background:repeating-linear-gradient(90deg, transparent 0 12px, var(--pl-champagne) 12px 16px);
  transform:rotate(-6deg);
}
.at-proto__tile img{
  width:100%; max-width:350px; border-radius:14px; box-shadow:0 10px 26px rgba(0,0,0,.08);
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-proto__tile--main{ grid-area:main; transform:translateY(-6px) rotate(-1deg) }
.at-proto__tile--side{ grid-area:side; transform:rotate(1.5deg) }
.at-proto__tile--sub{  grid-area:sub;  transform:translateY(6px) rotate(-.5deg) }
.at-proto__tile:hover img{ transform:translateY(-3px) }

/* ---------- Sect.15: Atölye not defteri ---------- */
.at-notes{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 100% 40%, color-mix(in oklab, var(--pl-celadon) 28%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-notes__grid{
  display:grid; gap:24px; align-items:center;
  grid-template-columns:1.1fr 1fr;
}
.at-notes__sheet img{
  width:100%; max-width:240px; border-radius:12px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  outline:2px dashed var(--pl-champagne); outline-offset:6px;
  transition:transform var(--pl-d1) var(--pl-ease);
}
.at-notes__sheet:hover img{ transform:translateY(-3px) }

/* ---------- Responsive: мобайл — текст выше медиа ---------- */
@media (max-width: 1020px){
  .at-tex__grid, .at-proto__grid, .at-notes__grid{ grid-template-columns:1fr }

  .at-tex__content, .at-proto__content, .at-notes__content{ order:1 }
  .at-tex__media,   .at-proto__media,   .at-notes__media{   order:2 }

  .at-proto__tile--main, .at-proto__tile--side, .at-proto__tile--sub{ transform:none }
  .at-tex__mesh, .at-proto__belt{ opacity:.28 }
}
/* ---------- Sect.16: Usta Notları (center manifesto + side stubs) ---------- */
.at-master{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 50% 0%, color-mix(in oklab, var(--pl-peach) 26%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-master__grid{
  display:grid; gap:24px; align-items:start;
  grid-template-columns: 1fr 1.4fr 1fr;
}
.at-subttl{ font-weight:800; margin:0 0 8px }
.at-stublist{ list-style:disc; padding-left:18px; margin:0 }
.at-quote{
  margin:12px 0; padding:12px 14px; border-radius:14px; background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.06), inset 0 0 0 1px rgba(0,0,0,.05);
  font-style:italic;
}
.at-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:8px }
.at-badge{
  padding:8px 12px; border-radius:999px; font-weight:600;
  background:var(--pl-powder);
  border:1px solid color-mix(in oklab, var(--pl-champagne), transparent 40%);
}
.at-master__stub{ position:relative }
.at-master__stub::after{
  content:""; position:absolute; left:0; right:0; bottom:-8px; height:10px; opacity:.6;
  background:repeating-linear-gradient(90deg, transparent 0 12px, var(--pl-champagne) 12px 16px);
  mask: linear-gradient(#000 0 0);
}

/* ---------- Sect.17: Sürdürülebilirlik Taahhüdü (numbered ribbon) ---------- */
.at-pledge{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 100% 100%, color-mix(in oklab, var(--pl-celadon) 26%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-pledge__rules{
  counter-reset: step;
  list-style:none; padding:0; margin:12px 0 0;
}
.at-pledge__rules > li{
  counter-increment: step;
  position:relative; padding:12px 12px 12px 48px; margin:10px 0;
  background:#fff; border-radius:14px;
  box-shadow:0 8px 18px rgba(0,0,0,.06), inset 0 0 0 1px rgba(0,0,0,.05);
}
.at-pledge__rules > li::before{
  content: counter(step);
  position:absolute; left:12px; top:12px;
  width:22px; height:22px; border-radius:999px; display:flex; align-items:center; justify-content:center;
  background:var(--pl-champagne); font-weight:800; color:#000;
}

/* ---------- Sect.18: Terimler Sözlüğü (glossary/dl) ---------- */
.at-gloss{
  padding:40px 0;
  background:
    radial-gradient(900px 420px at 0% 40%, color-mix(in oklab, var(--pl-powder) 26%, transparent), transparent 70%),
    var(--pl-oatmilk);
}
.at-gloss__grid{
  display:grid; gap:24px; align-items:start;
  grid-template-columns:1.1fr 1fr;
}
.at-gloss__listwrap{ position:relative }
.at-gloss__list{
  display:grid; gap:12px; margin:0;
}
.at-term{
  background:#fff; border-radius:14px; padding:12px;
  box-shadow:0 8px 18px rgba(0,0,0,.06), inset 0 0 0 1px rgba(0,0,0,.05);
}
.at-term dt{ font-weight:800; margin:0 0 4px }
.at-term dd{ margin:0 }

/* ---------- Responsive: мобайл — одна колонка, текст выше "доп. блоков" ---------- */
@media (max-width: 1020px){
  .at-master__grid{ grid-template-columns:1fr }
  .at-master__content{ order:1 }
  .at-master__stub--left{ order:2 }
  .at-master__stub--right{ order:3 }

  .at-gloss__grid{ grid-template-columns:1fr }
}
/* ====== Mobile overflow fix pack (Atelier) ====== */

/* 1) Клиппинг медиа-контейнеров, чтобы декор не вылезал */
@media (max-width:1020px){
  .at-osc__media,
  .at-spiral__media,
  .at-arc__media,
  .at-bench__media,
  .at-lea__media,
  .at-drop__media,
  .at-tl__media { overflow: hidden; }
}

/* 2) Декоративные «ленты» — внутри контейнера и без поворота на узких */
@media (max-width:560px){
  .at-arc__rail,
  .at-lea__grain,
  .at-spiral__swirl,
  .at-osc__rail,
  .at-tl__rail{
    left:6px; right:6px;                /* вместо -8%/100% */
    transform:none;                      /* снимаем rotate */
    opacity:.28;                         /* деликатнее на мобилке */
  }
}

/* 3) Сетка bench на очень узких — в одну колонку */
@media (max-width:560px){
  .at-bench__media{
    grid-template-areas:
      "wide"
      "tall"
      "mini";
    grid-template-columns:1fr;
    gap:12px;
  }
}

/* 4) Секьюрити-на всякий: убираем любые экстремальные смещения у фигур на мобилке */
@media (max-width:1020px){
  .at-arc__sw--a, .at-arc__sw--b, .at-arc__sw--c, .at-arc__sw--d,
  .at-bench__tile--wide, .at-bench__tile--mini, .at-bench__tile--tall,
  .at-lea__fig--trap, .at-lea__fig--squircle,
  .at-spiral__tile--core, .at-spiral__tile--a, .at-spiral__tile--b, .at-spiral__tile--c,
  .at-osc__fig--a, .at-osc__fig--b, .at-osc__fig--c,
  .at-tl__fig--left, .at-tl__fig--right{
    transform:none !important;
  }
}