/* My Desk product page for signed-out visitors (partials/mw-landing.hbs). The product-page language:
   Playfair name with the blue word, a promise line, house posters at full visibility, hairline features. */
.mwl { padding-top: 0.5rem; }
.mwl__hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 3.5rem; align-items: center; }
.mwl__hero .section-eyebrow { margin-bottom: 0.9rem; letter-spacing: 0.24em; }
.mwl__title { font-size: clamp(3rem, 6.5vw, 5.25rem); line-height: 1; letter-spacing: -0.03em; }
.mwl__promise { margin-top: 1.1rem; font: 400 clamp(1.25rem, 2.2vw, 1.6rem)/1.35 var(--font-display); color: rgba(255, 255, 255, 0.92); }
.mwl__lede { margin-top: 1.1rem; max-width: 36rem; color: var(--mw-text-2); font-size: 1rem; line-height: 1.75; letter-spacing: 0; }
.mwl__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
.mwl__actions .btn { padding: 0.9rem 1.9rem; font-size: 0.95rem; }
.mwl__note { margin-top: 1rem; color: var(--mw-text-3); font-size: 0.86rem; letter-spacing: 0; }
.mwl__note a { color: var(--pure-white); }
.mwl__art { margin: 0; }
.mwl__art img { display: block; width: 100%; height: auto; border-radius: 8px; box-shadow: var(--shadow-deep); }

.mwl__features { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 2rem; margin-top: 4.5rem; padding-top: 2.25rem; border-top: 1px solid rgba(212, 175, 55, 0.3); list-style: none; }
.mwl__features li { min-width: 0; }
.mwl__features svg { color: var(--noble-gold-light); }
.mwl__features h2 { margin-top: 0.9rem; font: 700 1.15rem/1.3 var(--font-display); letter-spacing: -0.005em; }
.mwl__features p { margin-top: 0.5rem; color: var(--mw-text-2); font-size: 0.88rem; line-height: 1.65; letter-spacing: 0; }

.mwl__shelf { margin-top: 4.5rem; }
.mwl__kicker { margin-bottom: 1rem; font-size: 0.66rem; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase; color: var(--noble-gold); }
.mwl__shelf ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; list-style: none; }
.mwl__shelf li { min-width: 0; }
.mwl__shelf img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; }
.mwl__shelf span { display: block; margin-top: 0.6rem; color: var(--mw-text-2); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }

.mwl__close { margin-top: 4.5rem; padding: 3rem 0 0.5rem; border-top: 1px solid var(--mw-line); text-align: center; }
.mwl__close-line { font-size: clamp(1.9rem, 3.6vw, 2.75rem); line-height: 1.15; }
.mwl__close .mwl__actions { justify-content: center; }

@media (max-width: 1023px) {
    .mwl__features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
    .mwl__shelf ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .mwl__hero { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .mwl__art { order: -1; }
    .mwl__features { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; margin-top: 3rem; }
    .mwl__shelf ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mwl__actions .btn { flex: 1 1 100%; }
}