/* ==== industrial-drawings-v1.css ==== */
/* Industrial — technical drawings set as line art on the page: transparent, in the page ink,
   without the A3 frame or title block. Views that share a sheet keep their relative scale. */
.drawing-spread{margin:72px 0 0;padding-top:44px;border-top:1px solid var(--line)}
.drawing-spread figure{margin:0}
.drawing-spread :is(figure,li,.drawing-notes){min-width:0}   /* let grid columns shrink below the images' natural width */
.drawing-spread img{display:block;}
.drawing-spread figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:14px;font-size:12px;color:var(--muted)}
.drawing-spread figcaption span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.drawing-kicker{letter-spacing:.14em;text-transform:uppercase;}
.drawing-notes h3{margin:0 0 18px;font-size:clamp(32px,3.4vw,46px);line-height:1;letter-spacing:-.055em}
.drawing-notes>p{margin:0;max-width:36ch;font-size:14px;line-height:1.65;color:var(--muted)}
.drawing-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.drawing-specs div{display:grid;gap:5px}
.drawing-specs dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.drawing-specs dd{margin:0;font-size:24px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}

/* Bicycle: geometry + figures, frame-to-bicycle sequence, orthographic views */
.drawing-lead{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,.8fr);gap:5vw;align-items:end}
.drawing-sequence{display:grid;grid-template-columns:2380fr 2769fr 2769fr;gap:5vw;align-items:end;margin:88px 0 0;padding:0;list-style:none}
.drawing-sequence li{position:relative}
.drawing-sequence li+li:before{content:'';position:absolute;top:42%;left:-3.6vw;width:2.2vw;border-top:1px solid var(--accent);opacity:.6}
.drawing-views{display:grid;grid-template-columns:2472fr 929fr 330fr;gap:4vw;align-items:end;width:82%;margin:88px 0 0 auto}

/* Adaptus: both front views share one scale, so the columns follow the drawings' widths */
.drawing-spread--adaptus{--accent:#9e482c}
.adaptus-pair{display:grid;grid-template-columns:2084fr 2300fr 1484fr;gap:4vw;align-items:end}
.adaptus-pair .drawing-notes{align-self:center;padding-bottom:40px}
.adaptus-parts{display:grid;grid-template-columns:2624fr 2189fr 1300fr;gap:5vw;align-items:center;margin-top:88px}
.part-lens img{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px #9e482c66}

/* Sketchbook: three alcohol-marker sheets, flattened to white paper and multiplied onto the page so only
   the ink shows. Kept small: they sit beside the render, they don't compete with it. */
.bike-sketchbook{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 3vw;margin:64px 0 30px}
.bike-sketchbook figure{min-width:0;margin:0}
.bike-sketchbook img{display:block;mix-blend-mode:multiply}
.bike-sketchbook figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:8px;font-size:12px;color:var(--muted)}
.bike-sketchbook figcaption span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.sketch-note{grid-column:1/4;grid-row:1/3;align-self:start}
.sketch-note p:last-child{margin:0;font-size:14px;line-height:1.65;color:var(--muted)}
.sk-full{grid-column:4/9;grid-row:1/3;align-self:center}
.sk-stay{grid-column:9/13;grid-row:1;align-self:end}
.sk-fork{grid-column:9/13;grid-row:2;align-self:start}
/* Hero selector: the elevation drawing sits on the stage without the render shadow */
.studio-bike-stage.is-drawing .product-object{filter:none}

@media (max-width:900px){
  .drawing-lead{grid-template-columns:1fr;gap:36px}
  .adaptus-pair{grid-template-columns:2084fr 1484fr}
  .adaptus-pair .drawing-notes{grid-column:1/-1;grid-row:1;padding:0 0 12px}
}
@media (max-width:650px){
  .drawing-spread{margin-top:52px;padding-top:32px}
  .drawing-sequence{grid-template-columns:1fr;gap:34px;margin-top:56px}
  .drawing-sequence li{width:86%}
  .drawing-sequence li:nth-child(2){margin-left:auto}
  .drawing-sequence li+li:before{display:none}
  .drawing-views{grid-template-columns:929fr 380fr;gap:28px 12vw;width:auto;margin:56px 0 0}
  .drawing-views .view-plan{grid-column:1/-1}
  .adaptus-parts{grid-template-columns:1fr 1fr;gap:34px 8vw;margin-top:56px}
  .adaptus-parts .part-pads{grid-column:1/-1}
  .bike-sketchbook{grid-template-columns:1fr 1fr;gap:30px 6vw;margin-top:52px}
  .bike-sketchbook>*{grid-column:auto;grid-row:auto}
  .sketch-note,.sk-full{grid-column:1/-1}
}