.home-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(32px,5vw,80px); padding:70px clamp(24px,4vw,70px) 90px; min-height:calc(100vh - 170px); box-sizing:border-box; }
.home-copy { position:relative; z-index:1; }
.home-copy .eyebrow { font-size:11px; letter-spacing:.2em; margin-bottom:26px; }
.home-copy h1 { font-size:clamp(42px,4.4vw,76px); line-height:1.06; letter-spacing:-.055em; margin:0 0 26px; color:#211F1C; }
.home-copy h1 span { color:#6F4E37; }
.home-intro { font-size:clamp(18px,1.65vw,25px); line-height:1.45; color:#625C55; margin:0 0 38px; }
.home-cta { display:inline-flex; align-items:center; gap:22px; min-height:58px; padding:14px 28px; box-sizing:border-box; font-size:17px; border-radius:12px; }
.home-features { display:flex; align-items:center; list-style:none; padding:0; margin:48px 0 30px; gap:18px; }
.home-features li { display:flex; align-items:center; gap:12px; font-size:13px; white-space:nowrap; }
.home-features li+li { border-left:1px solid #E1D8CD; padding-left:18px; }
.home-features li>span { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#E7EDE5; flex-shrink:0; }
.home-features li:nth-child(2)>span { background:#EDE1D3; }
.home-private { display:flex; gap:16px; align-items:center; border-top:1px solid #E1D8CD; padding-top:30px; color:#625C55; font-size:14px; line-height:1.6; }
.home-art { position:relative; margin:10px 0; }
.home-art::before,.home-art::after { content:''; position:absolute; border-radius:24px; z-index:0; }
.home-art::before { width:34%; height:28%; background:#DCE3D6; top:-32px; left:-32px; }
.home-art::after { width:30%; height:26%; background:#AF8C72; right:-24px; bottom:-30px; }
.home-art-frame { position:relative; overflow:hidden; border-radius:22px; background:#351819; aspect-ratio: .78; z-index:1; }
.home-coffee { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.025); }
.home-bean { position:absolute; width:25px; height:38px; background:linear-gradient(110deg,#422514,#C78D4C 40%,#71411E 49%,#2E170D 54%,#9F622D 65%,#472715); border-radius:50%; box-shadow:2px 5px 10px #180B0966; }
.bean-one { top:15%; right:13%; rotate:-30deg; }
.bean-two { bottom:16%; left:13%; rotate:35deg; width:19px; height:29px; }
.bean-three { top:43%; left:6%; rotate:-15deg; width:16px; height:24px; }
.home-hero :focus-visible { outline:3px solid #C9956B; outline-offset:4px; }
@media(max-width:1200px) { .home-features { flex-wrap:wrap; gap:14px; } .home-features li+li { border:0; padding-left:0; } }
@media(max-width:900px) { .home-hero { grid-template-columns:1fr; padding:40px 24px 65px; gap:48px; } .home-copy h1 { font-size:clamp(44px,8vw,68px); } .home-art { max-width:520px; width:calc(100% - 24px); margin:0 auto; } .home-art::before { left:-18px; top:-18px; } .home-art::after { right:-12px; } .home-features { margin-top:32px; } .home-cta { font-size:16px; } }