.sw-h12 { position: relative; min-height: 100vh; background: #122B1D; color: #F2EFE2; font-family: 'Inter', sans-serif; display: flex; align-items: center; justify-content: center; padding: 5rem 2rem 6.5rem; overflow: hidden; }
.sw-h12-duo-img { position: absolute; inset: 0; background-image: url('/studio/components/images/handwerk-5-galabau.jpg'); background-size: cover; background-position: center; filter: grayscale(1) contrast(1.08) brightness(0.92); }
.sw-h12-duo-img::after { content: ""; position: absolute; inset: 0; background: #1E4630; mix-blend-mode: color; }
.sw-h12-duo-tint { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,43,29,0.85), rgba(18,43,29,0.5) 45%, rgba(18,43,29,0.9)); mix-blend-mode: multiply; }
.sw-h12-live { position: absolute; top: 26px; right: 28px; z-index: 3; display: inline-flex; align-items: center; gap: 10px; font-size: 0.74rem; color: #8FBF7F; background: rgba(10,24,16,0.55); border: 1px solid rgba(143,191,127,0.35); border-radius: 999px; padding: 9px 16px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.sw-h12-live strong { font-weight: 700; letter-spacing: 0.04em; }
.sw-h12-live-meta { color: rgba(242,239,226,0.7); }
.sw-h12-pulse-dot { width: 9px; height: 9px; border-radius: 50%; background: #8FBF7F; animation: sw-h12-pulse 2.4s ease-out infinite; }
.sw-h12-card { position: relative; z-index: 2; width: min(780px, 94vw); text-align: center; background: rgba(10, 28, 18, 0.45); border: 1px solid rgba(143,191,127,0.28); padding: 2.4rem 2.8rem 2.1rem; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.sw-h12-eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 0.7rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; color: #F2EFE2; margin-bottom: 1.4rem; }
.sw-h12-dot { width: 7px; height: 7px; border-radius: 50%; background: #8FBF7F; }
.sw-h12-eyebrow em { font-style: normal; font-weight: 500; color: rgba(242,239,226,0.6); }
.sw-h12-title { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 76px; line-height: 1.0; letter-spacing: -1px; color: #F2EFE2; margin: 0 auto 1.1rem; max-width: 16ch; }
.sw-h12-italic { font-style: italic; font-weight: 500; color: #8FBF7F; }
.sw-h12-sub { font-size: 16px; line-height: 1.65; color: rgba(242,239,226,0.78); max-width: 52ch; margin: 0 auto 0.6rem; }
.sw-h12-emphasis { font-size: 0.66rem; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 600; color: rgba(143,191,127,0.9); margin: 0 0 1.5rem; }
.sw-h12-actions { display: flex; align-items: center; justify-content: center; gap: 13px; flex-wrap: wrap; }
.sw-h12-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #8FBF7F; color: #122B1D; font-size: 0.9rem; font-weight: 700; padding: 14px 30px; border-radius: 999px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h12-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -14px rgba(143,191,127,0.5); }
.sw-h12-cta-secondary { display: inline-flex; align-items: center; border: 1px solid rgba(242,239,226,0.45); color: #F2EFE2; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.05em; padding: 13px 26px; border-radius: 999px; text-decoration: none; transition: background 0.25s ease, border-color 0.25s ease; }
.sw-h12-cta-secondary:hover { border-color: rgba(143,191,127,0.7); background: rgba(143,191,127,0.1); }
.sw-h12-trust { display: inline-flex; align-items: center; gap: 12px; margin-top: 1.6rem; padding-top: 1.1rem; border-top: 1px solid rgba(143,191,127,0.25); color: #8FBF7F; }
.sw-h12-trust-num { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2rem; font-weight: 600; line-height: 1; color: #8FBF7F; }
.sw-h12-trust-label { font-size: 0.74rem; line-height: 1.45; color: rgba(242,239,226,0.78); max-width: 34ch; text-align: left; }
.sw-h12-photo-credit { position: absolute; right: 26px; bottom: 76px; z-index: 2; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(242,239,226,0.65); }
.sw-h12-footer { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 1.6rem; flex-wrap: wrap; border-top: 1px solid rgba(143,191,127,0.3); background: rgba(8,20,13,0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 0.85rem clamp(1.5rem, 4vw, 3rem); }
.sw-h12-season-cell { display: grid; gap: 1px; text-align: center; }
.sw-h12-season { font-size: 0.56rem; letter-spacing: 0.3em; text-transform: uppercase; color: #8FBF7F; }
.sw-h12-foot-label { font-size: 0.8rem; font-weight: 600; color: rgba(242,239,226,0.78); }
.sw-h12-season-sep { width: 1px; height: 26px; background: rgba(143,191,127,0.3); }
.sw-h12-foot-stat { display: inline-flex; align-items: baseline; gap: 8px; margin-left: 1.2rem; padding-left: 1.6rem; border-left: 1px solid rgba(143,191,127,0.3); }
.sw-h12-foot-stat strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.4rem; color: #8FBF7F; }
.sw-h12-foot-meta { font-size: 0.72rem; color: rgba(242,239,226,0.78); }
@keyframes sw-h12-pulse { 0% { box-shadow: 0 0 0 0 rgba(143,191,127,0.5); } 70% { box-shadow: 0 0 0 9px rgba(143,191,127,0); } 100% { box-shadow: 0 0 0 0 rgba(143,191,127,0); } }
@media (max-width: 960px) { .sw-h12 { padding: 5.5rem 1.2rem 8rem; } .sw-h12-card { padding: 1.8rem 1.3rem 1.6rem; } .sw-h12-title { font-size: 46px; } .sw-h12-live { top: 14px; right: 14px; } .sw-h12-footer { gap: 0.9rem; } .sw-h12-season-sep { display: none; } .sw-h12-foot-stat { margin-left: 0; padding-left: 0; border-left: 0; } .sw-h12-photo-credit { bottom: auto; top: 60px; right: 16px; } }