.blkfog-coastmode-new,.blkfog-coastmode-new *{box-sizing:border-box;font-family:Poppins,sans-serif!important}
.blkfog-coastmode-new{position:relative;isolation:isolate;background:#10120f;color:#f7f2e9;overflow:hidden;padding:clamp(64px,7vw,108px) clamp(22px,5vw,76px) 42px}
.blkfog-coastmode-new:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,9,.9) 0%,rgba(7,10,9,.65) 43%,rgba(7,10,9,.1) 100%),url("https://blkfog.com/wp-content/uploads/2026/10/Coastal-Campfire-at-Sunset.webp") center/cover no-repeat;z-index:-1}
.blkfog-coastmode-new__intro{max-width:830px;min-height:390px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:40px}
.blkfog-coastmode-new__eyebrow{color:#c15b32;font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;margin-bottom:22px}
.blkfog-coastmode-new__title{font-size:clamp(48px,6.7vw,100px);font-weight:900;line-height:.96;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 22px;color:#f7f2e9}
.blkfog-coastmode-new__title em{font-style:normal;color:#c15b32}
.blkfog-coastmode-new__strap{font-size:clamp(10px,1vw,13px);font-weight:600;letter-spacing:.21em;text-transform:uppercase;margin:0 0 20px}
.blkfog-coastmode-new__copy{max-width:540px;font-size:clamp(14px,1.2vw,17px);line-height:1.75;margin:0 0 27px}
.blkfog-coastmode-new__cta{display:inline-flex;align-items:center;gap:25px;padding:14px 25px;border:1px solid #c15b32;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(0,0,0,.35);transition:background .2s}
.blkfog-coastmode-new__cta:hover{background:#a54d24;color:#fff!important}
.blkfog-coastmode-new__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blkfog-coastmode-new__tile{min-height:240px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.23);padding:24px;margin:0;background:#1c211e}
.blkfog-coastmode-new__tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 75%),var(--coast-tile) center/cover no-repeat;transition:transform .3s}
.blkfog-coastmode-new__tile:hover:before{transform:scale(1.04)}
.blkfog-coastmode-new__tiletext{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}
.blkfog-coastmode-new__tile strong{font-size:clamp(17px,1.65vw,25px);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.blkfog-coastmode-new__tile small{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#eee}
@media(max-width:767px){.blkfog-coastmode-new{padding:65px 20px 22px}.blkfog-coastmode-new:before{background-position:60% center}.blkfog-coastmode-new__intro{min-height:400px}.blkfog-coastmode-new__title{font-size:clamp(43px,10vw,70px)}.blkfog-coastmode-new__tiles{grid-template-columns:1fr;gap:12px}.blkfog-coastmode-new__tile{min-height:205px}}
@media(max-width:767px){
.blkfog-coastmode-new{padding:62px 22px 26px}
.blkfog-coastmode-new:before{background:linear-gradient(90deg,rgba(7,10,9,.93) 0%,rgba(7,10,9,.78) 49%,rgba(7,10,9,.38) 100%),url("https://blkfog.com/wp-content/uploads/2026/10/Coastal-Campfire-at-Sunset.webp") 60% center/cover no-repeat}
.blkfog-coastmode-new__intro{min-height:0;padding:14px 0 40px}
.blkfog-coastmode-new__eyebrow{font-size:11px;letter-spacing:.24em;margin-bottom:23px}
.blkfog-coastmode-new__title{font-size:clamp(36px,9.1vw,48px);font-weight:900;letter-spacing:-.035em;line-height:1.08;margin-bottom:24px}
.blkfog-coastmode-new__strap{font-size:11px;line-height:1.7;letter-spacing:.12em;margin-bottom:20px}
.blkfog-coastmode-new__copy{font-size:15px;line-height:1.75;max-width:36ch;margin-bottom:25px}
.blkfog-coastmode-new__cta{min-height:48px;padding:13px 20px;gap:20px}
.blkfog-coastmode-new__tiles{gap:12px}
.blkfog-coastmode-new__tile{min-height:195px;padding:22px}
.blkfog-coastmode-new__tile strong{font-size:20px;letter-spacing:.015em}
.blkfog-coastmode-new__tile small{font-size:10px;letter-spacing:.16em}
}

/* Coastmode editorial cards: shared desktop and mobile */
.blkfog-coastmode-new__tilecontent{position:relative;z-index:2;display:flex;align-items:center;gap:18px;min-width:0}
.blkfog-coastmode-new__icon{width:57px;height:57px;flex:0 0 57px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.blkfog-coastmode-new__tiletext{gap:5px}
.blkfog-coastmode-new__tile strong{font-weight:900;line-height:1.1;letter-spacing:.015em;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.blkfog-coastmode-new__tile small{letter-spacing:.23em;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.blkfog-coastmode-new__tile:before{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.23) 62%,transparent 100%),var(--coast-tile) center/cover no-repeat}
.blkfog-coastmode-new__tile:hover:before{transform:none}
@media(max-width:767px){
.blkfog-coastmode-new{padding:0 0 18px;background:#0b0e0d}
.blkfog-coastmode-new:before{display:none}
.blkfog-coastmode-new__intro{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:none;min-height:760px;padding:45px 22px 34px;margin:0;overflow:hidden;background:linear-gradient(180deg,#0b0e0d 0%,#101412 34%,#151816 100%)}
.blkfog-coastmode-new__intro:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,#101412 0%,rgba(9,12,11,.05) 25%,rgba(6,9,8,.08) 65%,rgba(5,8,7,.76) 100%),url("https://blkfog.com/wp-content/uploads/2026/10/Coastal-Campfire-at-Sunset.webp") 40% center/cover no-repeat}
.blkfog-coastmode-new__eyebrow{font-size:11px;letter-spacing:.3em;margin:0 0 22px}
.blkfog-coastmode-new__title{font-size:clamp(37px,10.1vw,49px);letter-spacing:-.045em;line-height:1.02;margin:0 0 19px;max-width:100%}
.blkfog-coastmode-new__strap{font-size:10px;line-height:1.65;letter-spacing:.16em;margin:0 0 17px;max-width:36ch}
.blkfog-coastmode-new__copy{font-size:14px;line-height:1.62;max-width:36ch;margin:0}
.blkfog-coastmode-new__cta{position:absolute;left:22px;bottom:34px;z-index:3;min-height:48px;padding:13px 21px;background:rgba(5,8,7,.78);font-size:11px}
.blkfog-coastmode-new__tiles{grid-template-columns:1fr;gap:7px;padding:8px 9px 0}
.blkfog-coastmode-new__tile{min-height:148px;padding:18px 18px;border:1px solid rgba(255,255,255,.17)}
.blkfog-coastmode-new__tilecontent{gap:14px}
.blkfog-coastmode-new__icon{width:48px;height:48px;flex-basis:48px}
.blkfog-coastmode-new__tile strong{font-size:clamp(18px,5vw,23px)}
.blkfog-coastmode-new__tile small{font-size:9px;letter-spacing:.19em}
}
@media(max-width:390px){.blkfog-coastmode-new__intro{min-height:710px;padding-top:38px}.blkfog-coastmode-new__title{font-size:clamp(34px,9.7vw,40px)}.blkfog-coastmode-new__intro:before{height:56%}}

/* Keep Coastmode icons white outlined regardless of theme SVG defaults */
.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent svg.blkfog-coastmode-new__icon,.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent svg.blkfog-coastmode-new__icon *{fill:none!important;stroke:#fff!important;stroke-opacity:1!important;visibility:visible!important}
.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent svg.blkfog-coastmode-new__icon{color:#fff!important;opacity:1!important;display:block!important}

/* Coastmode reliable white editorial icons as CSS SVG backgrounds */
.blkfog-coastmode-new__tilecontent>svg.blkfog-coastmode-new__icon{display:none!important}
.blkfog-coastmode-new__tilecontent:before{content:"";display:block;flex:0 0 57px;width:57px;height:57px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 7px rgba(0,0,0,.4))}
@media(max-width:767px){.blkfog-coastmode-new__tilecontent:before{width:48px;height:48px;flex-basis:48px}}

/* Tight, left-aligned Coastmode editorial icon and text grouping */
.blkfog-coastmode-new__tilecontent{gap:11px!important;justify-content:flex-start!important;align-items:center!important;width:max-content;max-width:100%;margin:0!important}
.blkfog-coastmode-new__tilecontent:before{width:48px!important;height:48px!important;flex:0 0 48px!important}
.blkfog-coastmode-new__tiletext{display:flex!important;align-items:flex-start!important;text-align:left!important;gap:3px!important;min-width:0}
.blkfog-coastmode-new__tiletext strong,.blkfog-coastmode-new__tiletext small{text-align:left!important;margin-left:0!important}
@media(max-width:767px){.blkfog-coastmode-new__tilecontent{gap:10px!important}.blkfog-coastmode-new__tilecontent:before{width:43px!important;height:43px!important;flex-basis:43px!important}}

/* Coastmode: keep each icon and caption as one compact left-aligned signature */
.blkfog-coastmode-new__tile .blkfog-coastmode-new__tilecontent{display:inline-flex!important;width:auto!important;max-width:100%!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important}
.blkfog-coastmode-new__tile .blkfog-coastmode-new__tilecontent:before{width:37px!important;height:37px!important;flex:0 0 37px!important}
.blkfog-coastmode-new__tile .blkfog-coastmode-new__tiletext{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:0 1 auto!important;width:auto!important;margin:0!important;text-align:left!important}
@media(max-width:767px){.blkfog-coastmode-new__tile .blkfog-coastmode-new__tilecontent{gap:7px!important}.blkfog-coastmode-new__tile .blkfog-coastmode-new__tilecontent:before{width:36px!important;height:36px!important;flex-basis:36px!important}}

.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent{position:relative!important;display:block!important;width:max-content!important;max-width:100%!important;padding-left:42px!important;margin:0!important}
.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent:before{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:35px!important;height:35px!important;display:block!important}
.blkfog-coastmode-new .blkfog-coastmode-new__tiletext{display:flex!important;flex-direction:column!important;width:max-content!important;margin:0!important;padding:0!important;align-items:flex-start!important;text-align:left!important}

/* Coastmode final: balanced inline icon and two-line caption */
.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:auto!important;max-width:100%!important;padding:0!important;margin:0!important}
.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent:before{content:""!important;position:static!important;display:block!important;transform:none!important;width:40px!important;height:40px!important;flex:0 0 40px!important;margin:0!important}
.blkfog-coastmode-new .blkfog-coastmode-new__tiletext{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important}
@media(max-width:767px){.blkfog-coastmode-new .blkfog-coastmode-new__tilecontent{gap:12px!important}}

.blkfog-coastmode-new__tile:nth-child(1){--coast-tile:url('https://blkfog.com/wp-content/uploads/2026/09/blkfog-sombrio-coast-mode-1.webp')}
.blkfog-coastmode-new__tile:nth-child(2){--coast-tile:url('https://blkfog.com/wp-content/uploads/2026/09/blkfog_coast_forest.webp')}
.blkfog-coastmode-new__tile:nth-child(3){--coast-tile:url('https://blkfog.com/wp-content/uploads/2026/09/blkfog_coast_campfire.webp')}