.sw-h37 { position: relative; min-height: 100vh; background: #2A2430; color: #F0E7E0; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; overflow: hidden; }
.sw-h37::before { content: ""; position: absolute; inset: 0; background: radial-gradient(900px 520px at 80% 20%, rgba(199, 111, 74, 0.14), transparent 62%); pointer-events: none; }
.sw-h37-top { position: relative; z-index: 1; flex: 1; display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; }
.sw-h37-content { padding: 7rem clamp(2rem, 4.5vw, 5rem) 4rem; display: flex; flex-direction: column; align-items: flex-start; }
.sw-h37-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 0.72rem; letter-spacing: 5px; text-transform: uppercase; font-weight: 600; color: #F0E7E0; margin-bottom: 1.8rem; }
.sw-h37-dot { width: 8px; height: 8px; border-radius: 50%; background: #C76F4A; flex-shrink: 0; }
.sw-h37-eyebrow em { font-style: normal; color: rgba(240, 231, 224, 0.5); font-weight: 400; }
.sw-h37-title { font-family: 'Fraunces', Georgia, serif; font-weight: 540; font-size: 100px; line-height: 0.96; letter-spacing: -2px; color: #F0E7E0; margin: 0 0 1.4rem; max-width: 12ch; }
.sw-h37-italic { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 460; color: #C76F4A; -webkit-text-stroke: 0; }
.sw-h37-sub { font-size: 16px; line-height: 1.7; color: rgba(240, 231, 224, 0.6); max-width: 50ch; margin: 0 0 2.2rem; }
.sw-h37-sub strong { color: #C76F4A; font-weight: 500; font-style: italic; }
.sw-h37-actions { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.sw-h37-cta-primary { display: inline-flex; align-items: center; gap: 8px; background: #C76F4A; color: #2A2430; padding: 15px 30px; border-radius: 999px; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; border: 1px solid #C76F4A; transition: all 0.2s; }
.sw-h37-cta-primary:hover { background: transparent; color: #C76F4A; }
.sw-h37-cta-secondary { display: inline-flex; align-items: center; background: transparent; color: #F0E7E0; padding: 14px 26px; border-radius: 999px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; border: 1px solid rgba(240, 231, 224, 0.3); transition: all 0.2s; }
.sw-h37-cta-secondary:hover { border-color: #C76F4A; color: #C76F4A; }
.sw-h37-arrow { display: inline-block; }
.sw-h37-visual { position: relative; padding: 4.5rem clamp(2rem, 4vw, 4rem) 4.5rem 0; }
.sw-h37-blob { position: relative; height: min(62vh, 560px); border-radius: 54% 46% 60% 40% / 48% 56% 44% 52%; transform: rotate(-3deg); background-image: linear-gradient(rgba(42, 36, 48, 0.18), rgba(42, 36, 48, 0.02)), url('/studio/components/images/retail-5-atelier.jpg'); background-size: cover; background-position: center; box-shadow: 0 40px 84px -36px rgba(0, 0, 0, 0.65); }
.sw-h37-blob::before { content: ""; position: absolute; inset: -16px; border: 1.5px solid rgba(199, 111, 74, 0.6); border-radius: 58% 42% 52% 48% / 52% 48% 56% 44%; transform: rotate(2.5deg); pointer-events: none; }
.sw-h37-photo-credit { position: absolute; bottom: 22px; right: 14%; font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 600; color: rgba(240, 231, 224, 0.85); background: rgba(26, 21, 32, 0.6); padding: 4px 11px; border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); white-space: nowrap; }
.sw-h37-feature { position: absolute; left: -2.4rem; bottom: 2.2rem; z-index: 6; display: flex; flex-direction: column; gap: 0.45rem; background: #1E1A26; color: #F0E7E0; padding: 1.4rem 1.6rem; border-radius: 14px; border: 1px solid rgba(199, 111, 74, 0.4); border-left: 4px solid #C76F4A; box-shadow: 0 26px 56px -18px rgba(0, 0, 0, 0.6); width: 310px; transform: rotate(1.2deg); }
.sw-h37-feature-kicker { font-size: 0.64rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 800; color: #C76F4A; }
.sw-h37-feature-name { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 520; font-size: 1.25rem; line-height: 1.2; color: #F0E7E0; }
.sw-h37-feature-meta { font-size: 0.73rem; line-height: 1.55; color: rgba(240, 231, 224, 0.6); }
.sw-h37-feature-price { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #C76F4A; padding-top: 0.65rem; border-top: 1px solid rgba(199, 111, 74, 0.3); margin-top: 0.3rem; }
.sw-h37-marquee { position: relative; z-index: 5; display: flex; flex-direction: column; }
.sw-h37-ribbon { display: flex; align-items: stretch; background: #C76F4A; transform: rotate(-1.2deg) scale(1.015); transform-origin: center; box-shadow: 0 -14px 40px -20px rgba(0, 0, 0, 0.55); margin: 0 -1rem; }
.sw-h37-marquee-label { flex-shrink: 0; display: flex; align-items: center; padding: 1rem clamp(1.6rem, 3vw, 2.6rem); font-size: 0.68rem; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 800; color: #C76F4A; background: #1E1A26; white-space: nowrap; }
.sw-h37-marquee-track { flex: 1; display: flex; align-items: center; overflow: hidden; }
.sw-h37-marquee-row { display: inline-flex; align-items: center; flex-shrink: 0; animation: sw-h37-scroll 54s linear infinite; }
.sw-h37-listing { display: inline-flex; align-items: center; padding: 1.05rem 0 1.05rem 2rem; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 520; font-size: 0.98rem; color: #2A2430; letter-spacing: 0.01em; white-space: nowrap; }
.sw-h37-listing::after { content: "✶"; font-size: 0.7rem; margin-left: 2rem; color: rgba(42, 36, 48, 0.55); }
@keyframes sw-h37-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
.sw-h37-foot-meta { display: flex; align-items: center; gap: 8px; justify-content: flex-end; padding: 1rem clamp(2rem, 4.5vw, 5rem) 1.1rem; font-size: 0.68rem; color: rgba(240, 231, 224, 0.6); letter-spacing: 0.12em; text-transform: uppercase; font-weight: 600; background: #241F2C; }
.sw-h37-foot-meta strong { color: #C76F4A; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 600; font-size: 1.05rem; letter-spacing: 0; }
@media (max-width: 960px) { .sw-h37-top { grid-template-columns: 1fr; } .sw-h37-content { padding: 5.5rem 1.6rem 1.6rem; } .sw-h37-title { font-size: clamp(3rem, 13vw, 5rem); } .sw-h37-visual { padding: 1rem 1.6rem 3.4rem; } .sw-h37-blob { height: 42vh; } .sw-h37-feature { position: static; width: 100%; margin-top: 1.4rem; transform: none; } .sw-h37-ribbon { transform: none; margin: 0; flex-wrap: wrap; } .sw-h37-marquee-label { padding: 0.8rem 1.2rem; } .sw-h37-foot-meta { justify-content: flex-start; padding: 0.9rem 1.6rem; } .sw-h37-actions { flex-direction: column; align-items: stretch; } }