.sw-h7 { position: relative; min-height: 100vh; background: #241420; color: #F4ECE6; font-family: 'Inter', sans-serif; display: grid; grid-template-columns: 64px 1fr 0.92fr; align-items: center; overflow: hidden; }
.sw-h7-rail { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; height: 100%; border-right: 1px solid rgba(195,154,107,0.25); writing-mode: vertical-rl; transform: rotate(180deg); font-size: 0.66rem; letter-spacing: 0.5em; text-transform: uppercase; color: rgba(244,236,230,0.45); padding: 2rem 0; }
.sw-h7-rail i { width: 1px; height: 56px; background: rgba(195,154,107,0.4); }
.sw-h7-content { padding: 6rem clamp(2rem, 4vw, 4.5rem); }
.sw-h7-eyebrow { font-size: 0.72rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 500; color: #C39A6B; margin-bottom: 2rem; }
.sw-h7-eyebrow em { font-style: normal; color: rgba(244,236,230,0.5); }
.sw-h7-title { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 400; font-size: 84px; line-height: 1.02; letter-spacing: -1.2px; color: #F4ECE6; margin: 0 0 1.6rem; max-width: 13ch; }
.sw-h7-italic { display: block; font-style: italic; font-weight: 400; color: #C39A6B; }
.sw-h7-goldrule { display: block; width: 72px; height: 1px; background: linear-gradient(90deg, #C39A6B, rgba(195,154,107,0)); margin: 0 0 1.4rem; }
.sw-h7-sub { font-size: 16.5px; line-height: 1.7; color: rgba(244,236,230,0.62); max-width: 44ch; margin: 0 0 2.4rem; }
.sw-h7-cta-primary { display: inline-flex; align-items: center; border: 1px solid rgba(244,236,230,0.55); color: #F4ECE6; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; padding: 16px 36px; border-radius: 999px; text-decoration: none; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; }
.sw-h7-cta-primary:hover { background: #F4ECE6; color: #241420; border-color: #F4ECE6; }
.sw-h7-signature { display: flex; align-items: center; gap: 14px; margin-top: 2.6rem; font-size: 0.68rem; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(244,236,230,0.45); }
.sw-h7-sig-year { color: #C39A6B; }
.sw-h7-sig-rule { width: 44px; height: 1px; background: rgba(195,154,107,0.4); }
.sw-h7-visual { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; padding: 0 3.5rem; }
.sw-h7-arch { position: relative; width: min(420px, 90%); height: 78vh; border-radius: 999px 999px 0 0; background-image: linear-gradient(rgba(36,20,32,0.18), rgba(36,20,32,0.05)), url('/studio/components/images/aerzte-5-hautarzt.jpg'); background-size: cover; background-position: center 30%; box-shadow: 0 40px 90px -40px rgba(0,0,0,0.7); }
.sw-h7-arch::before { content: ""; position: absolute; inset: -14px -14px 0; border: 1px solid rgba(195,154,107,0.4); border-bottom: 0; border-radius: 999px 999px 0 0; pointer-events: none; }
.sw-h7-photo-credit { position: absolute; bottom: 14px; right: 50%; transform: translateX(50%); font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(244,236,230,0.75); background: rgba(36,20,32,0.5); padding: 4px 12px; border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); white-space: nowrap; }
@media (max-width: 960px) { .sw-h7 { grid-template-columns: 1fr; } .sw-h7-rail { display: none; } .sw-h7-title { font-size: 56px; } .sw-h7-visual { padding: 0 2rem 3rem; align-items: center; } .sw-h7-arch { height: 48vh; } }