/* DESIGN IRON R44 — stability-first visual recovery.
   ScrollCraft is desktop-only by design; mobile uses a compact native composition. */
:root{
  --di44-copper:#df945e;
  --di44-copper-hi:#ffc08a;
  --di44-cream:#fff7ee;
  --di44-night:#0d1115;
  --di44-line:rgba(255,255,255,.13);
}
body[data-build="DESIGN_IRON_R44"]{overflow-x:clip}
.di44-progress{display:none}

/* Hero keeps R39 composition; add one useful, restrained stock signal. */
.di44-hero-stock{display:inline-grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;margin-top:14px;width:max-content;max-width:100%;padding:7px 10px 7px 8px;border:1px solid rgba(255,196,150,.26);border-radius:15px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.di44-hero-stock span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffd09f,#e59a64);color:#1d120c;font-size:12px;font-weight:950}
.di44-hero-stock b{font-size:12px}.di44-hero-stock small{font-size:10px;color:#cfc9c2}.di44-hero-stock i{font-style:normal;color:#ffc18f;font-weight:950}

/* Limited collection: exactly 5 units / 2 models. */
#limited .limited-r34-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:520px}
#limited .limited-r34-copy h2{max-width:11ch!important}

/* Signature ScrollCraft section — short, image-led, no dead frame. */
.di44-signature{position:relative;background:#090c0f;color:#fff;overflow:clip}
.di44-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#0b0f12;isolation:isolate}
.di44-stage-raw,.di44-stage-result{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.di44-stage-raw{z-index:0;filter:brightness(.46) saturate(.8) contrast(1.05);object-position:center 50%}
.di44-stage-result{z-index:1;filter:brightness(.72) saturate(.94);object-position:center 52%}
.di44-stage-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,9,11,.16),rgba(7,9,11,.72) 56%,rgba(7,9,11,.92)),linear-gradient(0deg,rgba(7,9,11,.58),transparent 58%);pointer-events:none}
.di44-stage-lines{position:absolute;z-index:3;left:7vw;top:20vh;width:min(38vw,520px);height:48vh;pointer-events:none;opacity:.9}
.di44-stage-lines i{position:absolute;display:block;background:linear-gradient(90deg,#ffbe89,#a85c34);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 10px 26px rgba(0,0,0,.24)}
.di44-stage-lines i:nth-child(1){left:0;top:0;width:100%;height:7px;transform:scaleX(clamp(0,calc(var(--sc-p,0)*2.2),1));transform-origin:left}
.di44-stage-lines i:nth-child(2){right:0;top:0;width:7px;height:100%;transform:scaleY(clamp(0,calc((var(--sc-p,0) - .16)*2.7),1));transform-origin:top}
.di44-stage-lines i:nth-child(3){left:0;bottom:0;width:100%;height:7px;transform:scaleX(clamp(0,calc((var(--sc-p,0) - .34)*2.55),1));transform-origin:right}
.di44-stage-lines i:nth-child(4){left:0;top:0;width:7px;height:100%;transform:scaleY(clamp(0,calc((var(--sc-p,0) - .52)*2.8),1));transform-origin:bottom}
.di44-stage-copy{position:absolute;z-index:6;right:6vw;top:13vh;width:min(600px,46vw);direction:rtl;text-align:right}
.di44-stage-copy small{display:block;color:#ffc18d;font-size:10px;font-weight:900;letter-spacing:.15em}.di44-stage-copy h2{margin:10px 0 0;color:#fffaf4;font-size:clamp(48px,5.4vw,82px);line-height:.92;letter-spacing:-.055em;max-width:10ch;text-wrap:balance}.di44-stage-copy p{margin:15px 0 0;color:#d9d4cd;font-size:14px;line-height:1.65;max-width:46ch}
.di44-stage-steps{position:absolute;z-index:7;right:6vw;top:53vh;width:min(430px,39vw);display:grid;gap:9px;direction:rtl}
.di44-stage-steps article{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(11,14,17,.76);backdrop-filter:blur(12px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.di44-stage-steps span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffc08d;color:#25140b;font-size:10px;font-weight:950}.di44-stage-steps div{display:grid;gap:2px}.di44-stage-steps b{font-size:14px}.di44-stage-steps small{font-size:10.5px;color:#c9c3bd;line-height:1.4}
.di44-stage-cta{position:absolute;z-index:8;left:7vw;bottom:7vh;display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:13px;background:#fff7ee;color:#1c120d;text-decoration:none;font-size:12.5px;font-weight:950;box-shadow:0 14px 36px rgba(0,0,0,.24)}

/* Form contrast + fixed bar discipline. */
#order .field input,#order .field textarea,#order .field select{color:#171717!important;background:#fff!important;opacity:1!important}
#order .field input::placeholder,#order .field textarea::placeholder{color:#777!important;opacity:1!important}
#order .field label,#order .field span,#order .form-section h3{opacity:1!important}
.mobile-bar{transition:transform .22s ease,opacity .18s ease!important}
.mobile-bar.mobile-bar--suppressed{transform:translateY(calc(100% + 44px))!important;opacity:0!important;pointer-events:none!important}

@media(min-width:761px){
  .di44-progress{display:block}
  [data-sc-progress].di44-progress{height:2px;background:linear-gradient(90deg,var(--di44-copper-hi),var(--di44-copper));z-index:160}
}

@media(max-width:760px){
  /* No pinned ScrollCraft on iPhone: the phone gets art direction, not a desktop mechanic squeezed into 390px. */
  .di44-progress{display:none!important}
  .di44-hero-stock{grid-template-columns:auto auto auto;margin-top:12px;padding:6px 8px}.di44-hero-stock small{display:none}.di44-hero-stock span{width:30px;height:30px}
  #limited .limited-r34-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .di44-signature{overflow:visible;background:linear-gradient(180deg,#10151a,#0c1014);padding:20px 0 24px}
  .di44-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible;margin:0 14px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#11161b;box-shadow:0 22px 62px rgba(0,0,0,.28)}
  .di44-stage-raw{position:relative;inset:auto;width:100%;height:52vw;min-height:200px;max-height:290px;object-fit:cover;filter:brightness(.72) saturate(.92);border-radius:23px 23px 0 0}
  .di44-stage-result{display:none!important}.di44-stage-shade{display:none}.di44-stage-lines{position:absolute;left:20px;right:20px;top:calc(52vw - 44px);width:auto;height:88px;opacity:.82}.di44-stage-lines i:nth-child(1),.di44-stage-lines i:nth-child(3){height:4px}.di44-stage-lines i:nth-child(2),.di44-stage-lines i:nth-child(4){width:4px}.di44-stage-lines i{transform:none!important}
  .di44-stage-copy{position:relative;right:auto;top:auto;width:auto;padding:24px 20px 8px;text-align:right}.di44-stage-copy small{font-size:9px}.di44-stage-copy h2{font-size:clamp(36px,10.7vw,48px);line-height:.96;max-width:10ch}.di44-stage-copy p{font-size:12.5px;line-height:1.58;margin-top:12px}
  .di44-stage-copy,.di44-stage-steps article,.di44-stage-cta{opacity:1!important;transform:none!important;pointer-events:auto!important}
  .di44-stage-steps{position:relative;right:auto;top:auto;width:auto;padding:10px 14px 16px;gap:8px}.di44-stage-steps article{background:#171c21;border-color:rgba(255,255,255,.1);backdrop-filter:none;padding:11px 12px}.di44-stage-steps b{font-size:13px}.di44-stage-steps small{font-size:10px}
  .di44-stage-cta{position:relative;left:auto;bottom:auto;margin:0 14px 16px;min-height:46px;justify-content:center;width:calc(100% - 28px);background:linear-gradient(135deg,#f1b37f,#d88554);color:#17100c}

  /* Mobile uses the existing R39 curated gallery; no extra horizontal/pinned duplicate layer. */
  #real-work.curated-real{padding-top:56px!important;padding-bottom:58px!important}
  #real-work .curated-grid figure{min-height:360px!important;height:58svh;max-height:500px}

  /* Fixed CTA must never cover forms or the signature narrative. */
  #order.builder{padding-bottom:42px!important}
}

@media(max-width:390px){
  .di44-stage{margin-inline:10px}.di44-stage-copy{padding-inline:16px}.di44-stage-steps{padding-inline:10px}.di44-stage-cta{margin-inline:10px;width:calc(100% - 20px)}
}

@media(prefers-reduced-motion:reduce){
  .di44-stage-lines i,.di44-stage-result,.di44-stage-copy,.di44-stage-steps article,.di44-stage-cta{transform:none!important;transition:none!important;opacity:1!important}
}