.unbound-reveal h1 { position: relative; }
.logo-drag { position: absolute; inset: -12px; border: 0; padding: 0; background: transparent; color: #c5c9cb; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.logo-drag[hidden] { display: none; }
.logo-drag.dragging { cursor: grabbing; }
.logo-drag span { position: absolute; top: calc(100% + 4px); left: 50%; transform: translateX(-50%); white-space: nowrap; font: 600 12px/1.4 var(--font); letter-spacing: .12em; opacity: .8; }
.unbound-reveal p { margin-top: 38px; }
.logo-drag:focus-visible { outline: 1px dashed #d5ff3f; outline-offset: 8px; }
.is-scroll-driven > .wrap, .is-scroll-driven .pin-spacer > .wrap { height: calc(100svh - 110px); }
#drop.is-scroll-driven .drop-grid { scroll-snap-type: none; overflow-x: hidden; height: 100%; touch-action: pan-y; }
#drop.is-scroll-driven .product-card { display: flex; flex-direction: column; height: 100%; }
#drop.is-scroll-driven .product-photo { flex: 1; min-height: 0; height: 0; max-height: none; aspect-ratio: auto; }
#drop.is-scroll-driven .product-info { flex-shrink: 0; }
#drop.is-scroll-driven .section-head::after { content: 'SCROLL TO EXPLORE ↓'; display: block; color: #aab1b4; font-size: 12px; margin-top: 20px; letter-spacing: .08em; }
/* Pinning inserts one wrapper; retain the original two-column composition. */
#drop.is-scroll-driven .pin-spacer > .wrap { max-width: 1500px; display: grid; grid-template-columns: minmax(200px,24%) minmax(0,1fr); padding: 0 28px; }
@media (max-width: 720px) {
  #drop.is-scroll-driven > .wrap, #drop.is-scroll-driven .pin-spacer > .wrap { height: calc(100svh - 150px); display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto minmax(0,1fr); padding-inline: 18px; }
  #drop.is-scroll-driven .section-head { display: grid; grid-template-columns: minmax(0,1fr) 125px; padding: 12px; gap: 3px 12px; }
  #drop.is-scroll-driven .section-title { font-size: 23px; grid-column: 1; }
  #drop.is-scroll-driven .section-num { font-size: 12px; margin: 0; }
  #drop.is-scroll-driven .section-title::after, #drop.is-scroll-driven .spec, #drop.is-scroll-driven .section-head::after { display: none; }
  #drop.is-scroll-driven .drop-navigation { grid-column: 2; grid-row: 1 / 3; padding: 0; margin: 0; gap: 6px; }
  #drop.is-scroll-driven .drop-navigation button { width: 36px; height: 44px; }
  #drop.is-scroll-driven .drop-navigation output { font-size: 12px; }
  .logo-drag span { font-size: 12px; letter-spacing: .05em; }
}