.sw-h20 { position: relative; min-height: 100vh; background: #FFFFFF; color: #2E251B; font-family: 'Inter', sans-serif; display: grid; grid-template-columns: 1.05fr 0.95fr; overflow: hidden; }
.sw-h20-content { padding: 3.8rem clamp(2.2rem, 4.5vw, 4.6rem) 2.2rem; display: flex; flex-direction: column; }
.sw-h20-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.7rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; color: #2E251B; margin-bottom: 1.8rem; }
.sw-h20-dot { width: 8px; height: 8px; border-radius: 50%; background: #C99B3F; }
.sw-h20-eyebrow em { font-style: normal; font-weight: 500; color: #79695A; }
.sw-h20-title { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 68px; line-height: 0.98; letter-spacing: -1.2px; color: #2E251B; margin: 0 0 1.2rem; max-width: 14ch; }
.sw-h20-italic { font-style: italic; color: #C99B3F; }
.sw-h20-sub { font-size: 15px; line-height: 1.65; color: #79695A; max-width: 46ch; margin: 0 0 0.7rem; }
.sw-h20-emphasis { font-size: 0.66rem; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 600; color: #C99B3F; margin: 0 0 1.6rem; }
.sw-h20-actions { display: flex; align-items: center; gap: 13px; flex-wrap: wrap; }
.sw-h20-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #2E251B; color: #FFFFFF; font-size: 0.9rem; font-weight: 600; padding: 14px 28px; border-radius: 3px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h20-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -12px rgba(46,37,27,0.45); }
.sw-h20-cta-secondary { display: inline-flex; align-items: center; border: 1px solid rgba(201,155,63,0.65); color: #2E251B; font-size: 0.85rem; font-weight: 600; padding: 13px 24px; border-radius: 3px; text-decoration: none; transition: background 0.25s ease, border-color 0.25s ease; }
.sw-h20-cta-secondary:hover { background: rgba(201,155,63,0.1); border-color: #C99B3F; }
.sw-h20-sortiment-block { margin-top: 2.1rem; }
.sw-h20-col-num { display: block; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.62rem; letter-spacing: 0.2em; color: #C99B3F; margin-bottom: 5px; }
.sw-h20-sortiment-title { font-family: 'DM Serif Display', Georgia, serif; font-size: 1.15rem; font-weight: 400; color: #2E251B; margin: 0 0 0.6rem; }
.sw-h20-sortiment { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 220px)); gap: 7px 2rem; }
.sw-h20-sortiment li { font-size: 0.84rem; color: #79695A; padding-left: 15px; position: relative; }
.sw-h20-sortiment li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; background: #C99B3F; transform: rotate(45deg); }
.sw-h20-foot { margin-top: auto; display: inline-flex; align-items: baseline; gap: 11px; border-top: 1px solid rgba(46,37,27,0.16); padding-top: 1rem; }
.sw-h20-foot strong { font-family: 'DM Serif Display', Georgia, serif; font-size: 1.5rem; color: #C99B3F; }
.sw-h20-foot-meta { font-size: 0.78rem; color: #79695A; }
.sw-h20-visual { position: relative; }
.sw-h20-photo { position: absolute; top: 0; left: 0; right: 0; height: 56%; background-image: linear-gradient(rgba(46,37,27,0.04), rgba(46,37,27,0.12)), url('/studio/components/images/gastro-3-bakery.jpg'); background-size: cover; background-position: center; }
.sw-h20-scallop { position: absolute; left: 0; right: 0; bottom: -1px; height: 26px; background-image: radial-gradient(circle at 14px -7px, rgba(0,0,0,0) 15px, #FFFFFF 16px); background-size: 28px 26px; background-repeat: repeat-x; }
.sw-h20-photo-credit { position: absolute; top: 16px; right: 18px; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.92); background: rgba(46,37,27,0.5); padding: 4px 10px; border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.sw-h20-card { position: absolute; left: 9%; right: 11%; top: 52%; bottom: 6%; background: #FFFFFF; border: 1px solid rgba(201,155,63,0.6); box-shadow: 0 28px 56px -28px rgba(46,37,27,0.45); padding: 1.3rem 1.6rem 1.2rem; }
.sw-h20-card::after { content: ""; position: absolute; inset: 7px; border: 1px dashed rgba(201,155,63,0.5); pointer-events: none; }
.sw-h20-card-num { margin-bottom: 3px; }
.sw-h20-bake-title { font-family: 'DM Serif Display', Georgia, serif; font-size: 1.25rem; font-weight: 400; color: #2E251B; margin: 0; }
.sw-h20-bake-date { display: block; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: #79695A; margin: 3px 0 10px; }
.sw-h20-bake-row { display: flex; align-items: baseline; gap: 14px; padding: 6.5px 0; border-top: 1px dotted rgba(46,37,27,0.2); }
.sw-h20-bake-time { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.74rem; font-weight: 700; color: #C99B3F; min-width: 44px; }
.sw-h20-bake-item { font-size: 0.82rem; color: #79695A; }
@media (max-width: 960px) { .sw-h20 { grid-template-columns: 1fr; } .sw-h20-content { padding: 2.4rem 1.5rem 1.8rem; } .sw-h20-title { font-size: 44px; } .sw-h20-sortiment { grid-template-columns: 1fr; } .sw-h20-foot { margin-top: 1.8rem; } .sw-h20-visual { min-height: 92vw; } .sw-h20-photo { height: 46%; } .sw-h20-card { top: 42%; bottom: 4%; left: 6%; right: 6%; } }