.sw-h13 { position: relative; min-height: 100vh; background: #FBF9F6; color: #33231B; font-family: 'Inter', sans-serif; display: grid; grid-template-columns: 1.04fr 0.96fr; align-items: center; overflow: hidden; }
.sw-h13-arc { position: absolute; pointer-events: none; border-radius: 999px 999px 0 0; }
.sw-h13-arc-a { width: 580px; height: 760px; right: -160px; bottom: -300px; background: #B86A4B; opacity: 0.16; }
.sw-h13-arc-b { width: 420px; height: 560px; left: -150px; top: -250px; border: 2px solid rgba(184,106,75,0.35); transform: rotate(180deg); }
.sw-h13-content { position: relative; z-index: 2; padding: 5rem 2rem 4rem clamp(2.5rem, 5vw, 4.5rem); }
.sw-h13-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.72rem; letter-spacing: 3.5px; text-transform: uppercase; font-weight: 600; color: #33231B; margin-bottom: 1.8rem; }
.sw-h13-dot { width: 8px; height: 8px; border-radius: 50%; background: #B86A4B; }
.sw-h13-eyebrow-loc { font-style: normal; color: #9C8B7E; font-weight: 500; }
.sw-h13-title { font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 72px; line-height: 1.02; letter-spacing: -1.2px; color: #33231B; margin: 0 0 1.3rem; }
.sw-h13-italic { font-family: 'Caveat', cursive; font-style: normal; font-weight: 600; font-size: 1.2em; line-height: 0.9; color: #B86A4B; }
.sw-h13-sub { font-size: 16px; line-height: 1.65; color: #7B6A5F; max-width: 44ch; margin: 0 0 1rem; }
.sw-h13-emphasis { display: block; font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 600; color: rgba(122,75,54,0.8); margin-bottom: 1.8rem; }
.sw-h13-actions { display: flex; align-items: center; gap: 14px; }
.sw-h13-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #B86A4B; color: #FBF9F6; font-size: 0.92rem; font-weight: 600; padding: 15px 30px; border-radius: 999px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h13-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -14px rgba(122,75,54,0.55); }
.sw-h13-cta-secondary { display: inline-flex; align-items: center; gap: 8px; color: #33231B; font-size: 0.92rem; font-weight: 600; padding: 14px 26px; border: 1.5px solid rgba(51,35,27,0.25); border-radius: 999px; text-decoration: none; transition: border-color 0.25s ease; }
.sw-h13-cta-secondary:hover { border-color: #B86A4B; }
.sw-h13-footer { display: flex; align-items: center; gap: 26px; margin-top: 2.6rem; padding-top: 1.4rem; border-top: 1px solid rgba(184,106,75,0.25); }
.sw-h13-foot-stat { display: flex; align-items: baseline; gap: 10px; flex-shrink: 0; }
.sw-h13-foot-num { font-family: 'Fraunces', Georgia, serif; font-size: 1.9rem; font-weight: 600; color: #B86A4B; }
.sw-h13-foot-meta { font-size: 0.7rem; line-height: 1.45; color: #7B6A5F; max-width: 17ch; }
.sw-h13-procs { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0 0 0 22px; border-left: 1px solid rgba(184,106,75,0.25); }
.sw-h13-foot-label { display: inline-flex; align-items: center; gap: 8px; font-size: 0.72rem; font-weight: 600; color: #7B6A5F; }
.sw-h13-foot-label::before { content: ""; width: 12px; height: 1.5px; background: rgba(184,106,75,0.55); }
.sw-h13-visual { position: relative; display: flex; align-items: center; justify-content: center; padding: 3.5rem 3rem 3.5rem 1rem; min-height: 100%; }
.sw-h13-rings { position: absolute; width: 580px; height: 580px; left: 50%; top: 50%; border-radius: 50%; background: repeating-radial-gradient(circle at 50% 50%, rgba(184,106,75,0.16) 0 1.5px, transparent 1.5px 52px); animation: sw-h13-breath 8s ease-in-out infinite alternate; }
@keyframes sw-h13-breath { from { transform: translate(-50%, -52%) scale(0.96); opacity: 0.75; } to { transform: translate(-50%, -52%) scale(1.06); opacity: 1; } }
.sw-h13-arch { position: relative; width: min(360px, 28vw); height: min(520px, 66vh); border-radius: 999px 999px 26px 26px; background-image: url('/studio/components/images/coaches-1-life.jpg'); background-size: cover; background-position: 50% 20%; box-shadow: 0 36px 70px -34px rgba(58,36,24,0.5), 0 0 0 1px rgba(184,106,75,0.2); }
.sw-h13-arch::before { content: ""; position: absolute; inset: -14px; border: 1.5px solid rgba(184,106,75,0.45); border-radius: 999px 999px 32px 32px; pointer-events: none; }
.sw-h13-photo-credit { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(251,249,246,0.9); background: rgba(58,36,24,0.45); padding: 4px 12px; border-radius: 999px; white-space: nowrap; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.sw-h13-live { position: absolute; top: 10%; left: 2%; display: inline-flex; align-items: center; gap: 10px; background: #FFFFFF; border: 1.5px solid #B86A4B; border-radius: 999px; padding: 10px 18px; box-shadow: 0 18px 38px -18px rgba(58,36,24,0.4); z-index: 3; }
.sw-h13-pulse-dot { width: 9px; height: 9px; border-radius: 50%; background: #B86A4B; animation: sw-h13-pulse 2.2s ease-out infinite; }
@keyframes sw-h13-pulse { 0% { box-shadow: 0 0 0 0 rgba(184,106,75,0.4); } 70% { box-shadow: 0 0 0 9px rgba(184,106,75,0); } 100% { box-shadow: 0 0 0 0 rgba(184,106,75,0); } }
.sw-h13-live strong { display: block; font-size: 0.78rem; color: #33231B; }
.sw-h13-live > div > span { display: block; font-size: 0.68rem; color: #7B6A5F; }
.sw-h13-promise { position: absolute; bottom: 7%; left: -4%; width: min(300px, 78%); display: flex; flex-direction: column; gap: 8px; background: #FFFFFF; border-radius: 20px; border-top: 3px solid #B86A4B; padding: 1.4rem 1.5rem 1.1rem; box-shadow: 0 26px 56px -24px rgba(58,36,24,0.45); z-index: 3; }
.sw-h13-promise-title { font-size: 0.64rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; color: #B86A4B; }
.sw-h13-promise-body { margin: 0; font-size: 0.84rem; line-height: 1.55; color: #7B6A5F; }
.sw-h13-promise-signature { font-family: 'Caveat', cursive; font-size: 1.5rem; color: #B86A4B; }
@media (max-width: 960px) { .sw-h13 { grid-template-columns: 1fr; } .sw-h13-content { padding: 4rem 1.6rem 1rem; } .sw-h13-title { font-size: 46px; } .sw-h13-footer { flex-direction: column; align-items: flex-start; gap: 14px; } .sw-h13-procs { padding-left: 0; border-left: none; } .sw-h13-visual { padding: 2.5rem 1.6rem 4rem; } .sw-h13-arch { width: min(320px, 78vw); height: 56vh; } .sw-h13-rings { width: 420px; height: 420px; } .sw-h13-live { left: 4px; top: 4%; } .sw-h13-promise { left: 4px; bottom: 2%; } }