/* Aroub Soubh — arrival A, "the string, life-size" (client pick 2026-09-20: when her eye opens, THE COLLECTION catches the eye).
   Loaded after home.css. The entrance engine measures where things rest from the DOM, so this layer only moves the rest positions:
   the six cards hang large across the whole screen on her string; the headline drops to a quiet line under them; the two originals
   leave the arrival and open the next beat (#originals). Phase timings and the no-words-inside-her-eye rule are untouched. */
.inside{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:0;padding:calc(var(--hb) + 8px) clamp(20px,3.4vw,56px) clamp(18px,3vh,34px)}
.wall{order:1;height:auto;min-height:0}
.intro{order:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px clamp(20px,3vw,48px)}
.inside h2{font-size:clamp(30px,3vw,48px);max-width:none}
.inside h2 br{display:none}
html[dir=rtl] .inside h2{font-size:clamp(30px,3.2vw,48px);max-width:none}
.inside .sub{font-size:18px;margin:0 0 6px;max-width:none}
.intro .more{margin:0 0 4px;justify-self:end}
.sig{display:none}
.wall .big1,.wall .big2{display:none}
.string{top:7%;inset-inline-start:-8vw;inset-inline-end:-8vw}
.cards{top:7%;gap:1.6%;padding:0}
.card{width:15.2%;max-width:calc((100svh - var(--hb) - 190px) * .66)}
.card .peg{width:13px;height:30px;margin-left:-6px;top:-16px}
.card .sheet{display:block;box-shadow:0 2px 3px rgba(20,20,20,.1),0 34px 54px -24px rgba(20,20,20,.4)}
.card figcaption{margin-top:14px}
.card figcaption b{font-size:19px}
html[dir=rtl] .card figcaption b{font-size:20px}
.price{position:static;grid-column:1/-1;text-align:start;max-width:none;margin:0;order:3}
.wall .price{position:absolute;inset-inline-start:0;inset-inline-end:auto;bottom:4px;text-align:start}
@media (hover:hover) and (pointer:fine){.card:hover .sheet{transform:translateY(-10px) rotate(0) scale(1.03)}}

/* the two originals open the next beat */
.originals{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,6vw,110px);align-items:start;max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,120px) clamp(20px,5.5vw,96px) 0}
.originals figure{margin:0}
.originals .sheet{background:#fff;box-shadow:0 1px 2px rgba(20,20,20,.08),0 22px 46px -20px rgba(20,20,20,.3)}
.originals figure:nth-child(1) .sheet{transform:rotate(-1.4deg)}.originals figure:nth-child(2){margin-top:clamp(24px,5vw,80px)}.originals figure:nth-child(2) .sheet{transform:rotate(1.8deg)}
.originals img{display:block;width:100%;height:auto}
.originals figcaption{margin-top:16px;font-size:17px;color:var(--muted)}
.originals figcaption b{display:block;font-family:var(--display);font-style:italic;font-weight:500;font-size:22px;color:var(--ink);font-variation-settings:"SOFT" 100,"opsz" 24}
html[dir=rtl] .originals figcaption b{font-family:var(--ar-display);font-style:normal}

@media (max-width:900px),(max-aspect-ratio:5/4){
  .inside{grid-template-rows:auto auto;align-content:start;padding:calc(var(--hb) + 10px) 0 14px;gap:14px}
  .intro{display:block;padding:0 18px}
  .inside h2{font-size:clamp(26px,7vw,32px)}
  html[dir=rtl] .inside h2{font-size:clamp(26px,7vw,32px)}
  .inside .sub{font-size:16px;margin:4px 0 0}
  .wall{display:block;padding:0}
  .cards{position:static;border-top:1.5px solid var(--ink);margin-top:26px;padding:18px 18px 0;gap:18px}
  .card{flex:0 0 min(62vw,calc((100svh - var(--hb) - 250px) * .7));width:auto;max-width:none}
  .card .peg{width:11px;height:26px;margin-left:-5px;top:-14px}
  .card figcaption b{font-size:18px}
  .wall .price{position:static;margin:10px 18px 0}
  .wall .more{margin:6px 18px 0}
  .originals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:48px 18px 0}
  .originals figcaption{font-size:16px}.originals figcaption b{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.card .sheet{transition:none}}
/* inspection round 1: larger cards, the string a little lower so the six sit in the middle of the screen */
@media (min-width:901px) and (min-aspect-ratio:5/4){.string,.cards{top:12%}.cards{gap:1%}.card{width:15.8%}}