.sw-h44 { position: relative; min-height: 100vh; background: #FCFAF6; color: #2F3622; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; justify-content: center; padding: 3rem clamp(2rem, 5vw, 4.5rem) 2.2rem; overflow: hidden; }
.sw-h44::before { content: ""; position: absolute; inset: 0; background: radial-gradient(680px 380px at 96% 4%, rgba(62,107,53,0.08), transparent 65%); pointer-events: none; }
.sw-h44-main { position: relative; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(2rem, 4.5vw, 4rem); align-items: center; }
.sw-h44-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.68rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; color: #2F3622; margin-bottom: 1.5rem; }
.sw-h44-dot { width: 8px; height: 8px; border-radius: 50%; background: #C03B2D; }
.sw-h44-eyebrow-loc { font-style: normal; font-weight: 500; color: #6F6A57; letter-spacing: 2px; }
.sw-h44-title { font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 64px; line-height: 1.0; letter-spacing: -1.2px; color: #2F3622; margin: 0 0 0.9rem; max-width: 16ch; }
.sw-h44-italic { font-style: italic; font-weight: 500; color: #C03B2D; }
.sw-h44-emphasis { display: block; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 1.05rem; color: #3E6B35; margin-bottom: 0.9rem; }
.sw-h44-sub { font-size: 16px; line-height: 1.7; color: #6F6A57; max-width: 46ch; margin: 0 0 1.8rem; }
.sw-h44-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sw-h44-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #3E6B35; color: #FCFAF6; font-size: 0.92rem; font-weight: 700; padding: 15px 30px; border-radius: 999px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h44-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(62,107,53,0.6); }
.sw-h44-cta-secondary { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid rgba(47,54,34,0.35); color: #2F3622; font-size: 0.88rem; font-weight: 600; padding: 13px 26px; border-radius: 999px; text-decoration: none; transition: border-color 0.25s ease, color 0.25s ease; }
.sw-h44-cta-secondary:hover { border-color: #C03B2D; color: #C03B2D; }
.sw-h44-visual { position: relative; justify-self: center; padding-bottom: 2.4rem; }
.sw-h44-plate { position: relative; width: min(320px, 30vw); aspect-ratio: 1 / 1; border-radius: 50%; background-image: url('/studio/components/images/kleinunt-7-catering.jpg'); background-size: cover; background-position: center; box-shadow: 0 0 0 10px #FCFAF6, 0 0 0 11px rgba(62,107,53,0.45), 0 0 0 22px #FFFFFF, 0 34px 60px -24px rgba(47,54,34,0.45); }
.sw-h44-credit { position: absolute; bottom: -2.2rem; left: 50%; transform: translateX(-50%); font-size: 0.56rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; color: rgba(47,54,34,0.45); white-space: nowrap; }
.sw-h44-tile { position: absolute; right: -36px; bottom: 0.6rem; display: flex; flex-direction: column; gap: 3px; background: #FFFFFF; border: 1px solid rgba(62,107,53,0.3); border-radius: 14px; padding: 14px 18px; max-width: 240px; transform: rotate(2deg); box-shadow: 0 22px 44px -22px rgba(47,54,34,0.5); }
.sw-h44-tile-kicker { font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 800; color: #C03B2D; }
.sw-h44-tile-title { font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 0.98rem; color: #2F3622; }
.sw-h44-tile-meta { font-size: 0.72rem; line-height: 1.5; color: #6F6A57; }
.sw-h44-picks-wrap { position: relative; margin-top: 2.4rem; }
.sw-h44-picks-head { display: flex; align-items: center; gap: 12px; margin-bottom: 1.4rem; }
.sw-h44-cloche { width: 38px; height: 25px; flex: none; }
.sw-h44-picks-label { font-size: 0.66rem; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 800; color: #3E6B35; }
.sw-h44-picks-rule { flex: 1; height: 1px; background: rgba(62,107,53,0.3); }
.sw-h44-picks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3rem; }
.sw-h44-pick { position: relative; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid rgba(62,107,53,0.28); border-radius: 4px 12px 12px 12px; padding: 1.3rem 1.1rem 1rem; box-shadow: 0 16px 32px -22px rgba(47,54,34,0.4); }
.sw-h44-pick-tab { position: absolute; top: -13px; left: -1px; background: #3E6B35; color: #FCFAF6; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: 0.66rem; letter-spacing: 0.08em; padding: 3px 12px; border-radius: 6px 6px 6px 0; }
.sw-h44-pick-name { font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 1.02rem; color: #2F3622; margin: 0 0 5px; }
.sw-h44-pick-meta { font-size: 0.73rem; line-height: 1.5; color: #6F6A57; margin: 0 0 0.8rem; flex: 1; }
.sw-h44-pick-price { font-size: 0.8rem; font-weight: 800; color: #C03B2D; border-top: 1px dashed rgba(62,107,53,0.35); padding-top: 0.6rem; }
@media (max-width: 960px) { .sw-h44 { padding: 2.6rem 1.4rem 1.8rem; } .sw-h44-main { grid-template-columns: 1fr; } .sw-h44-title { font-size: 44px; } .sw-h44-plate { width: min(300px, 70vw); } .sw-h44-tile { right: 0; } .sw-h44-picks { grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; } }