/* Bobroot homepage visual grid */
.hero-grid{min-width:0}.hero-copy{position:relative;z-index:2;min-width:0;overflow:hidden}.hero-copy h1{max-width:11ch;line-height:.98}.hero-copy p{position:relative;z-index:1;max-width:56ch}.hero-photo{position:relative;display:block;overflow:hidden;min-height:430px;border:1px solid var(--br-line);border-radius:28px;background:#e9ece7;box-shadow:var(--br-shadow);isolation:isolate}
.home-media{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#eee}
.media-0{background-image:url('https://image.8dogam.com/resized/product/asset/v1/upload/47521f25432048c7bc2235042fb11827.jpg?ext=webp&res=2x&type=big');background-position:center 48%}
.media-1{background-image:url('https://img1a.coupangcdn.com/image/retail/images/2025/12/30/11/7/89929ca3-d635-4b8b-8b2c-05a30a720fc6.jpg')}
.media-2{background-image:url('https://down-sg.img.susercontent.com/file/sg-11134207-7rbnd-m643osg40q54c3')}
.media-3{background-image:url('https://image.coupangcdn.com/image/rs_quotation_api/ruz4jwke/69f8e8509f304a6184584d0cca940931.jpg')}
.media-4{background-image:url('https://handokmall.de/media/f8/0e/a4/1719558705/CJ%20BIBIGO%20Tteokbokki%20Original%20Pouch%20360g.webp?ts=1719558705')}
.media-5{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/%EB%A7%8C%EB%91%90.jpg/1280px-%EB%A7%8C%EB%91%90.jpg')}
.media-6{background-image:url('https://image.dnews.co.kr/photo/photo/2023/09/14/202309141503053940558-2-413612.jpg')}
.media-7{background-image:url('https://vnn-imgs-f.vgcloud.vn/2021/12/04/14/nhung-loai-hoa-qua-han-quoc-nhap-khau-khong-the-bo-qua-4.jpg?s=oVuLQSUDiSqg2znJmNBRmw&width=0')}
.media-8{background-image:url('https://www.imaeil.com/photos/2025/11/02/2025110213431729058_l.jpg')}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(21,21,21,.32));pointer-events:none}
.hero-photo-tag{position:absolute;z-index:2;left:18px;bottom:18px;max-width:calc(100% - 36px);white-space:normal;line-height:1.25;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;color:var(--br-celadon-dark)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-card{display:block;overflow:hidden;border:1px solid var(--br-line);border-radius:var(--br-radius);background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-2px);box-shadow:var(--br-shadow)}
.guide-card-media{aspect-ratio:16/9;border-bottom:1px solid var(--br-line)}
.guide-card-body{padding:16px 17px 18px}.guide-kicker{font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--br-seal)}
.guide-card h3{font-family:var(--br-serif);font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:7px 0}.guide-card p{font-size:11.5px;line-height:1.55;color:var(--br-muted);margin:0}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-photo{min-height:340px}.hero-copy h1{max-width:none}}
@media(max-width:640px){.hero-photo{min-height:250px}.guide-grid{grid-template-columns:1fr}.guide-card-media{aspect-ratio:16/10}.hero-copy h1{font-size:44px;line-height:1.02}.hero-photo-tag{border-radius:14px}}