.area-hero{position:relative;overflow:hidden;min-height:650px;border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 78% 24%,rgba(128,26,40,.23),transparent 28%),linear-gradient(145deg,#090807,#120b0c 55%,#070706)}
.area-glow{position:absolute;width:520px;height:520px;right:-170px;bottom:-230px;border-radius:50%;background:radial-gradient(circle,rgba(211,167,95,.12),transparent 68%)}
.area-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding:92px 0 86px}.area-hero h1{margin:0;font-size:clamp(48px,6.4vw,84px);line-height:1.02;letter-spacing:-.075em;color:var(--gold2)}.area-hero h2{max-width:720px;margin:19px 0 0;font-size:clamp(28px,3.6vw,48px);line-height:1.12;letter-spacing:-.06em}.area-lead{max-width:650px;margin:23px 0 0;color:#b9aea4;font-size:15px}.area-actions{display:flex;gap:10px;margin-top:30px}.area-visual{position:relative;min-height:420px;border:1px solid var(--line);border-radius:28px;overflow:hidden;padding:34px;background:radial-gradient(circle at 70% 22%,rgba(229,199,139,.17),transparent 12%),linear-gradient(145deg,#271315,#0a0909 58%,#36151c);box-shadow:0 35px 90px rgba(0,0,0,.42)}.area-visual:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.055);border-radius:20px;background:repeating-linear-gradient(104deg,transparent 0 52px,rgba(255,255,255,.018) 53px 54px)}.area-visual small,.area-visual strong,.area-visual span{position:absolute;z-index:2}.area-visual small{left:34px;top:31px;color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.2em}.area-visual strong{left:34px;bottom:56px;max-width:76%;font-size:clamp(31px,4vw,55px);line-height:1.03;letter-spacing:-.06em}.area-visual span{left:35px;bottom:28px;color:#837a72;font-size:9px;font-weight:800;letter-spacing:.18em}
.area-overview,.area-styles,.area-nearby{padding:100px 0}.area-point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.area-point-grid article{min-height:250px;padding:27px 25px;border:1px solid var(--line-soft);border-radius:19px;background:linear-gradient(150deg,#141110,#0a0908)}.area-point-grid span{font-size:32px;font-weight:900;color:rgba(229,199,139,.2)}.area-point-grid h3{margin:55px 0 8px;font-size:21px;letter-spacing:-.045em}.area-point-grid p{margin:0;color:var(--muted);font-size:13px}
.area-styles{border-block:1px solid var(--line-soft);background:#090807}.area-style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.area-style-grid a{position:relative;min-height:230px;padding:22px;border:1px solid var(--line-soft);border-radius:17px;background:linear-gradient(160deg,#151211,#0a0909);transition:.2s}.area-style-grid a:hover{transform:translateY(-3px);border-color:rgba(229,199,139,.28)}.area-style-grid small{color:#716960;font-size:9px;font-weight:900}.area-style-grid strong{display:block;margin-top:46px;font-size:23px}.area-style-grid span{display:block;margin-top:7px;color:#8e857d;font-size:11px}.area-style-grid b{position:absolute;left:22px;bottom:20px;color:var(--gold2);font-size:11px}
.area-guide{padding:100px 0}.area-guide-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.area-guide h2{margin:0;font-size:clamp(35px,4.5vw,58px);line-height:1.08;letter-spacing:-.065em}.area-guide>div>div:first-child>p:not(.eyebrow){margin:22px 0 0;color:var(--muted)}.area-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.area-checklist>div{min-height:170px;padding:22px;border:1px solid var(--line-soft);border-radius:17px;background:#0e0c0b}.area-checklist span{display:block;color:rgba(229,199,139,.3);font-size:24px;font-weight:900}.area-checklist strong{display:block;margin-top:25px;font-size:18px}.area-checklist p{margin:6px 0 0;color:var(--muted);font-size:12px}
.area-bestfor{padding:92px 0;border-block:1px solid var(--line-soft);background:linear-gradient(135deg,#0b0908,#180d10)}.area-bestfor-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.area-bestfor h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.06em}.area-bestfor-grid>div:last-child{display:grid;gap:10px}.area-bestfor-grid>div:last-child p{display:flex;align-items:center;gap:14px;min-height:72px;margin:0;padding:15px 20px;border:1px solid var(--line-soft);border-radius:14px;background:rgba(255,255,255,.018);color:#d6cdc4;font-weight:700}.area-bestfor i{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 18px rgba(229,199,139,.25)}
.area-nearby{padding-top:90px}.area-nearby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.area-nearby-grid a{position:relative;min-height:135px;padding:20px;border:1px solid var(--line-soft);border-radius:16px;background:#0d0b0a}.area-nearby-grid small{color:#6f6760;font-size:8px;font-weight:900;letter-spacing:.15em}.area-nearby-grid strong{display:block;margin-top:30px;font-size:20px}.area-nearby-grid span{position:absolute;right:18px;bottom:16px;color:var(--gold2)}
.core-local-grid a{display:flex;align-items:center;justify-content:center;min-height:100px;border:1px solid var(--line-soft);border-radius:15px;background:#0d0c0b;font-size:15px;font-weight:800;color:#c8beb4;transition:.2s}.core-local-grid a:hover{border-color:rgba(229,199,139,.28);color:var(--gold2);transform:translateY(-2px)}
.core-back{display:inline-block;margin-bottom:25px;color:#746c65;font-size:9px;font-weight:900;letter-spacing:.22em}.core-heading{display:grid;gap:13px;margin-bottom:26px}.core-heading h2{margin:0;font-size:clamp(31px,9vw,44px);line-height:1.1;letter-spacing:-.06em}.core-heading>p{margin:0;color:var(--muted);font-size:13px}
.area-hero{min-height:auto}.area-hero-grid{grid-template-columns:1fr;gap:38px;padding:68px 0 56px}.area-hero h1{font-size:clamp(44px,12vw,62px)}.area-hero h2{font-size:clamp(27px,8vw,38px)}.area-visual{min-height:340px}.area-actions{display:grid;grid-template-columns:1fr 1fr}.area-overview,.area-styles,.area-nearby,.area-guide{padding:74px 0}.area-point-grid{grid-template-columns:1fr}.area-point-grid article{min-height:190px}.area-point-grid h3{margin-top:30px}.area-style-grid{grid-template-columns:1fr 1fr}.area-style-grid a{min-height:190px}.area-style-grid a:last-child{grid-column:1/-1}.area-guide-grid,.area-bestfor-grid{grid-template-columns:1fr;gap:38px}.area-checklist{grid-template-columns:1fr}.area-bestfor{padding:72px 0}.area-nearby-grid{grid-template-columns:1fr 1fr}.core-local-grid a{min-height:78px}.core-local-grid a:last-child{grid-column:1/-1}
.core-cta{padding:0 0 82px}.core-cta-box{display:grid;min-height:0;padding:34px 24px;border:1px solid rgba(229,199,139,.24);border-radius:26px;gap:28px;background:linear-gradient(135deg,#15100f,#080808)}.core-cta h2{margin:0;font-size:clamp(31px,9vw,44px);line-height:1.1}.core-cta p:not(.eyebrow){margin:17px 0 0;color:var(--muted)}.core-cta .btn-large{width:100%}
@media(max-width:480px){.area-actions{grid-template-columns:1fr}.area-style-grid,.area-nearby-grid{grid-template-columns:1fr}.area-style-grid a:last-child{grid-column:auto}.area-visual{min-height:290px}.area-visual strong{font-size:28px}}

/* 1-14 AREA mobile refinement */
.area-hero-grid{padding:50px 0 42px}.area-hero h1{font-size:clamp(42px,12vw,58px)}.area-hero h2{font-size:clamp(27px,8vw,38px)}.area-visual{min-height:270px}.area-overview,.area-styles,.area-nearby{padding:64px 0}.area-point-grid{gap:9px}.area-point-grid article{min-height:160px;padding:20px}.area-point-grid h3{margin-top:18px}.area-style-grid{display:flex;overflow-x:auto;gap:9px;margin-right:-14px;padding-right:14px;scroll-snap-type:x mandatory;scrollbar-width:none}.area-style-grid::-webkit-scrollbar{display:none}.area-style-grid a,.area-style-grid a:nth-child(4),.area-style-grid a:nth-child(5){flex:0 0 70%;min-height:190px;scroll-snap-align:start}.area-guide{padding:64px 0}.area-bestfor{padding:64px 0}.area-nearby-grid{display:flex;overflow-x:auto;gap:9px;margin-right:-14px;padding-right:14px;scroll-snap-type:x mandatory;scrollbar-width:none}.area-nearby-grid::-webkit-scrollbar{display:none}.area-nearby-grid a{flex:0 0 54%;min-height:118px;scroll-snap-align:start}

/* 2-6 regional search entry -> one venue per category */
.area-style-grid{display:grid;grid-template-columns:1fr;gap:8px}
.area-style-card{display:grid;border:1px solid var(--line-soft);background:linear-gradient(145deg,#11100f,#090808)}
.area-style-main{display:block;padding:18px;border:0!important;background:transparent!important;min-height:0}
.area-style-main small{display:block;color:#746a5b;font-size:7px;letter-spacing:.11em}
.area-style-main strong{display:block;margin-top:20px;font-size:18px;line-height:1.35}
.area-style-main span{display:block;margin-top:8px;color:#918981;font-size:10px}
.area-style-main b{display:block;margin-top:20px;color:var(--gold2);font-size:9px}
.area-style-venue{padding:14px 18px;border-top:1px solid var(--line-soft);background:#0b0a09}
.area-style-venue>span{display:block;color:#766c5e;font-size:7px;font-weight:900;letter-spacing:.1em}
.area-style-venue>strong{display:block;margin-top:4px;color:#ddd2b8;font-size:14px}
.area-style-venue>em{display:block;margin-top:3px;color:#8e867e;font-size:9px;font-style:normal}
.area-style-venue>a{display:inline-block;margin-top:9px;color:var(--gold2);font-size:9px;font-weight:800}

/* SEO/UIUX pass 3 */
.area-visual{position:relative;isolation:isolate;overflow:hidden}
.area-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;z-index:-2}
.area-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.18),rgba(7,7,7,.72));z-index:-1}
.area-context{padding:54px 0;border-bottom:1px solid var(--line-soft);background:#090807}
.area-context-grid{display:grid;gap:23px}
.area-context h2{margin:0 0 18px;font-size:29px;line-height:1.12;letter-spacing:-.05em}
.area-context-copy{display:grid;gap:13px}
.area-context-copy p{margin:0;color:#a69d94;font-size:11px;line-height:1.82}
.area-context aside{min-height:155px;padding:18px;border:1px solid var(--line-soft);background:linear-gradient(145deg,#15110d,#0b0908);display:flex;flex-direction:column}
.area-context aside small{color:#8c7044;font-size:7px;font-weight:900}
.area-context aside strong{margin-top:18px;color:#e0d1b5;font-size:22px}
.area-context aside p{margin:auto 0 0;color:#918980;font-size:10px;line-height:1.65}
.area-style-grid{display:flex;overflow-x:auto;gap:8px;margin-right:-14px;padding-right:14px;scroll-snap-type:x mandatory;scrollbar-width:none}
.area-style-card{flex:0 0 78%;scroll-snap-align:start}
