.sw-h19 { position: relative; min-height: 100vh; background: #33221A; color: #F6E8D2; font-family: 'Inter', sans-serif; display: grid; grid-template-columns: 1.04fr 0.96fr; grid-template-rows: 1fr auto; overflow: hidden; }
.sw-h19-content { grid-column: 1; grid-row: 1; padding: 3.4rem clamp(2.2rem, 4vw, 4.2rem) 1.4rem; position: relative; z-index: 1; }
.sw-h19-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.7rem; letter-spacing: 3.5px; text-transform: uppercase; font-weight: 600; color: #F6E8D2; margin-bottom: 1.6rem; }
.sw-h19-dot { width: 8px; height: 8px; border-radius: 50%; background: #D9A05B; }
.sw-h19-eyebrow em { font-style: normal; font-weight: 500; color: #C5A788; }
.sw-h19-title { font-family: 'Fraunces', Georgia, serif; font-weight: 450; font-size: 62px; line-height: 0.98; letter-spacing: -1px; color: #F6E8D2; margin: 0 0 1.2rem; max-width: 15ch; }
.sw-h19-italic { font-family: 'Caveat', cursive; font-style: normal; font-weight: 700; font-size: 1.18em; color: #D9A05B; }
.sw-h19-sub { font-size: 16px; line-height: 1.6; color: #C5A788; max-width: 46ch; margin: 0 0 0.7rem; }
.sw-h19-emphasis { font-size: 0.66rem; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 600; color: rgba(217,160,91,0.85); margin: 0 0 1.5rem; }
.sw-h19-actions { display: flex; align-items: center; gap: 13px; flex-wrap: wrap; }
.sw-h19-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #D9A05B; color: #33221A; font-size: 0.9rem; font-weight: 700; padding: 14px 28px; border-radius: 999px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h19-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -14px rgba(217,160,91,0.55); }
.sw-h19-cta-secondary { display: inline-flex; align-items: center; border: 1px solid rgba(246,232,210,0.4); color: #F6E8D2; font-size: 0.85rem; font-weight: 600; padding: 13px 24px; border-radius: 999px; text-decoration: none; transition: border-color 0.25s ease, background 0.25s ease; }
.sw-h19-cta-secondary:hover { border-color: rgba(217,160,91,0.7); background: rgba(217,160,91,0.08); }
.sw-h19-origin { display: grid; gap: 3px; margin-top: 1.7rem; max-width: 440px; border: 1.5px dashed rgba(217,160,91,0.5); border-radius: 10px; padding: 13px 17px; position: relative; }
.sw-h19-origin::after { content: "★"; position: absolute; top: -11px; right: 16px; font-size: 0.7rem; color: #D9A05B; background: #33221A; padding: 0 6px; }
.sw-h19-origin-kicker { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: #D9A05B; }
.sw-h19-origin-country { font-size: 0.95rem; font-weight: 700; color: #F6E8D2; }
.sw-h19-origin-notes { font-size: 0.74rem; line-height: 1.5; color: #C5A788; }
.sw-h19-visual { grid-column: 2; grid-row: 1; position: relative; }
.sw-h19-steam { position: absolute; top: 5%; left: 14%; width: 84px; height: 64px; z-index: 2; }
.sw-h19-pol { position: absolute; margin: 0; background: #F8F1E3; box-shadow: 0 28px 54px -26px rgba(0,0,0,0.65); padding: 10px 10px 12px; z-index: 1; }
.sw-h19-pol-a { top: 16%; left: 6%; width: 46%; transform: rotate(-5deg); }
.sw-h19-pol-b { top: 36%; right: 6%; width: 50%; transform: rotate(3.5deg); z-index: 2; }
.sw-h19-pol-img { display: block; height: 190px; background-image: url('/studio/components/images/gastro-2-specialty-coffee.jpg'); background-repeat: no-repeat; background-size: 190% auto; }
.sw-h19-pol-img-a { background-position: 18% 32%; }
.sw-h19-pol-img-b { height: 210px; background-size: 210% auto; background-position: 82% 62%; }
.sw-h19-tape { position: absolute; top: -12px; left: 50%; width: 96px; height: 24px; background: rgba(217,160,91,0.5); transform: translateX(-50%) rotate(-4deg); box-shadow: 0 4px 8px -4px rgba(0,0,0,0.3); }
.sw-h19-tape-b { transform: translateX(-50%) rotate(3deg); }
.sw-h19-pol-note { font-family: 'Caveat', cursive; font-size: 1.12rem; color: #4A3526; text-align: center; padding-top: 7px; }
.sw-h19-brewbar { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: 130px repeat(4, 1fr); border-top: 1px solid rgba(217,160,91,0.3); background: rgba(26,16,11,0.45); position: relative; z-index: 1; }
.sw-h19-brew-label { display: flex; align-items: center; padding: 0.9rem 1.2rem; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.62rem; letter-spacing: 0.22em; text-transform: uppercase; color: #D9A05B; }
.sw-h19-brew { padding: 0.85rem 1.2rem 1rem; border-left: 1px solid rgba(246,232,210,0.1); display: grid; gap: 2px; align-content: start; }
.sw-h19-brew-num { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.58rem; letter-spacing: 0.18em; color: #D9A05B; }
.sw-h19-brew-method { font-size: 0.86rem; font-weight: 700; color: #F6E8D2; }
.sw-h19-brew-gear { font-size: 0.68rem; color: #C5A788; }
.sw-h19-brew-meta { display: flex; align-items: baseline; gap: 7px; margin-top: 4px; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.64rem; flex-wrap: wrap; }
.sw-h19-brew-meta-label { font-size: 0.52rem; letter-spacing: 0.12em; text-transform: uppercase; color: #C5A788; opacity: 0.75; }
.sw-h19-brew-val { color: rgba(246,232,210,0.92); margin-right: 4px; }
@media (max-width: 960px) { .sw-h19 { grid-template-columns: 1fr; grid-template-rows: auto auto auto; } .sw-h19-content { grid-column: 1; padding: 2.4rem 1.5rem 1rem; } .sw-h19-title { font-size: 42px; } .sw-h19-visual { grid-column: 1; grid-row: 2; min-height: 360px; margin: 0 1rem; } .sw-h19-pol-a { left: 2%; width: 52%; } .sw-h19-pol-b { right: 2%; width: 54%; } .sw-h19-brewbar { grid-row: 3; grid-template-columns: 1fr; } .sw-h19-brew { border-left: 0; border-top: 1px solid rgba(246,232,210,0.1); } }