:root{
--wgh-bg:#f7f4f0;
--wgh-surface:#fffdfb;
--wgh-surface-2:#f2ece5;
--wgh-charcoal:#45433f;
--wgh-charcoal-2:#3b3a37;
--wgh-charcoal-3:#32312f;
--wgh-gold:#b9975b;
--wgh-gold-light:#c5a66c;
--wgh-brown:#8b5d48;
--wgh-brown-dark:#744b39;
--wgh-ink:#3d302b;
--wgh-muted:#766962;
--wgh-soft:#d7c6bb;
--wgh-border:rgba(185,151,91,.22);
--wgh-shadow:0 16px 42px rgba(61,48,43,.09);
}

.wgh-page{
background:var(--wgh-bg);
color:var(--wgh-ink);
overflow:hidden;
padding-top:70px;
}

.wgh-wrap{
width:min(1160px,calc(100% - 36px));
margin:0 auto;
}


/* =======================================================
   BREADCRUMB
======================================================= */

.wgh-breadcrumb{
padding:24px 0 0;
font-size:12px;
color:var(--wgh-muted);
}

.wgh-breadcrumb a{
color:var(--wgh-brown);
text-decoration:none;
}

.wgh-breadcrumb-separator{
margin:0 8px;
color:#b8ada5;
}


/* =======================================================
   HERO
======================================================= */

.wgh-hero{
padding:22px 0 38px;
}

.wgh-hero-box{
position:relative;
overflow:hidden;
padding:58px 48px 54px;
background:
linear-gradient(
135deg,
#45433f 0%,
#3b3a37 52%,
#32312f 100%
);
border:1px solid rgba(185,151,91,.30);
border-radius:32px;
box-shadow:
0 20px 50px rgba(61,48,43,.15),
inset 0 1px 0 rgba(255,255,255,.05);
}

.wgh-hero-box:before,
.wgh-hero-box:after{
content:"";
position:absolute;
border:1px solid rgba(185,151,91,.16);
border-radius:50%;
pointer-events:none;
}

.wgh-hero-box:before{
width:380px;
height:380px;
right:-150px;
top:-160px;
}

.wgh-hero-box:after{
width:250px;
height:250px;
right:-85px;
top:-95px;
}

.wgh-hero-eyebrow{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 12px;
background:rgba(255,255,255,.045);
border:1px solid rgba(185,151,91,.24);
border-radius:999px;
color:#d8bf90;
font-size:9px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}

.wgh-hero-eyebrow:before{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:var(--wgh-gold);
}

.wgh-hero-title{
position:relative;
z-index:2;
max-width:760px;
margin:20px 0 14px;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(40px,5vw,64px);
font-weight:500;
line-height:1.02;
letter-spacing:-.03em;
color:#fffdfb;
}

.wgh-hero-text{
position:relative;
z-index:2;
max-width:720px;
margin:0;
color:#d7c6bb;
font-size:16px;
line-height:1.78;
}

.wgh-hero-note{
position:relative;
z-index:2;
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:23px;
}

.wgh-hero-note span{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 11px;
background:rgba(255,255,255,.045);
border:1px solid rgba(185,151,91,.18);
border-radius:999px;
color:#eadfd8;
font-size:9px;
font-weight:700;
}

.wgh-hero-button{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:46px;
margin-top:24px;
padding:0 18px;
background:var(--wgh-gold);
border:1px solid var(--wgh-gold);
border-radius:999px;
color:#3d302b;
text-decoration:none;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
box-shadow:0 9px 22px rgba(185,151,91,.18);
transition:
transform .22s ease,
background .22s ease,
box-shadow .22s ease;
}

.wgh-hero-button:hover{
background:var(--wgh-gold-light);
color:#3d302b;
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(185,151,91,.25);
}

.wgh-hero-button span:last-child{
font-size:17px;
transition:transform .22s ease;
}

.wgh-hero-button:hover span:last-child{
transform:translateX(4px);
}


/* =======================================================
   SECTION HEADER
======================================================= */

.wgh-section{
padding:30px 0;
}

.wgh-section-head{
display:flex;
align-items:end;
justify-content:space-between;
gap:30px;
margin-bottom:23px;
}

.wgh-section-head-left{
max-width:720px;
}

.wgh-section-label{
display:block;
margin-bottom:7px;
color:var(--wgh-gold);
font-size:10px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}

.wgh-section-title{
margin:0;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(29px,4vw,44px);
font-weight:500;
line-height:1.1;
color:var(--wgh-ink);
}

.wgh-section-intro{
max-width:430px;
margin:0;
color:var(--wgh-muted);
font-size:13px;
line-height:1.7;
}


/* =======================================================
   GUIDE CATEGORY GRID
======================================================= */

.wgh-category-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}


/* =======================================================
   CATEGORY CARD
======================================================= */

.wgh-category-card{
position:relative;
display:flex;
flex-direction:column;
min-height:280px;
padding:24px 21px 21px;
overflow:hidden;
background:var(--wgh-surface);
border:1px solid rgba(139,93,72,.13);
border-radius:21px;
box-shadow:0 11px 31px rgba(61,48,43,.055);
transition:
transform .24s ease,
box-shadow .24s ease,
border-color .24s ease;
}

.wgh-category-card:hover{
transform:translateY(-4px);
border-color:rgba(185,151,91,.36);
box-shadow:0 18px 38px rgba(61,48,43,.10);
}

.wgh-category-card:before{
content:"";
position:absolute;
right:-35px;
top:-35px;
width:110px;
height:110px;
border:1px solid rgba(185,151,91,.10);
border-radius:50%;
}

.wgh-category-index{
display:inline-grid;
place-items:center;
width:39px;
height:39px;
margin-bottom:17px;
background:rgba(185,151,91,.10);
border:1px solid rgba(185,151,91,.18);
border-radius:12px;
color:var(--wgh-gold);
font-family:Georgia,"Times New Roman",serif;
font-size:14px;
}

.wgh-category-type{
display:block;
margin-bottom:7px;
color:var(--wgh-gold);
font-size:8px;
font-weight:800;
letter-spacing:.15em;
text-transform:uppercase;
}

.wgh-category-title{
margin:0 0 8px;
font-family:Georgia,"Times New Roman",serif;
font-size:24px;
font-weight:500;
line-height:1.15;
color:var(--wgh-ink);
}

.wgh-category-text{
margin:0;
color:var(--wgh-muted);
font-size:12px;
line-height:1.65;
}

.wgh-category-examples{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:15px;
}

.wgh-category-examples span{
display:inline-flex;
padding:6px 8px;
background:#f8f4ef;
border:1px solid rgba(139,93,72,.09);
border-radius:999px;
color:#766962;
font-size:8.5px;
font-weight:700;
}

.wgh-category-link{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:100%;
min-height:42px;
margin-top:auto;
padding:0 12px;
background:transparent;
border:1px solid rgba(139,93,72,.22);
border-radius:12px;
color:var(--wgh-brown);
text-decoration:none;
font-size:9.5px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
transition:
background .22s ease,
border-color .22s ease,
color .22s ease,
transform .22s ease;
}

.wgh-category-link:hover{
background:var(--wgh-brown);
border-color:var(--wgh-brown);
color:#fff;
transform:translateY(-1px);
}

.wgh-category-link span:last-child{
font-size:16px;
transition:transform .2s ease;
}

.wgh-category-link:hover span:last-child{
transform:translateX(4px);
}


/* =======================================================
   FEATURED STATEMENT
======================================================= */

.wgh-statement{
margin-top:8px;
padding:31px 33px;
background:
linear-gradient(
135deg,
#f3ebe3 0%,
#fffdfb 100%
);
border:1px solid rgba(185,151,91,.22);
border-radius:27px;
box-shadow:var(--wgh-shadow);
}

.wgh-statement-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:30px;
align-items:center;
}

.wgh-statement-label{
display:block;
margin-bottom:8px;
color:var(--wgh-gold);
font-size:9px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}

.wgh-statement-title{
margin:0 0 9px;
font-family:Georgia,"Times New Roman",serif;
font-size:30px;
font-weight:500;
line-height:1.14;
color:var(--wgh-ink);
}

.wgh-statement-text{
margin:0;
color:var(--wgh-muted);
font-size:13px;
line-height:1.75;
}

.wgh-statement-points{
display:grid;
gap:10px;
}

.wgh-statement-point{
display:flex;
align-items:flex-start;
gap:10px;
padding:13px 14px;
background:rgba(255,255,255,.70);
border:1px solid rgba(139,93,72,.10);
border-radius:14px;
}

.wgh-statement-point-mark{
width:25px;
height:25px;
display:grid;
place-items:center;
flex:0 0 25px;
border-radius:50%;
background:rgba(185,151,91,.12);
color:var(--wgh-gold);
font-size:12px;
}

.wgh-statement-point strong{
display:block;
margin-bottom:3px;
font-size:11px;
color:var(--wgh-ink);
}

.wgh-statement-point span{
display:block;
color:var(--wgh-muted);
font-size:10px;
line-height:1.45;
}


/* =======================================================
   TOURIST PANEL
======================================================= */

.wgh-tourist{
padding:32px;
background:
linear-gradient(
135deg,
#fffdfb 0%,
#f2ebe5 100%
);
border:1px solid rgba(185,151,91,.20);
border-radius:27px;
box-shadow:var(--wgh-shadow);
}

.wgh-tourist-header{
max-width:760px;
margin-bottom:23px;
}

.wgh-tourist-title{
margin:0 0 9px;
font-family:Georgia,"Times New Roman",serif;
font-size:32px;
font-weight:500;
line-height:1.12;
}

.wgh-tourist-text{
margin:0;
color:var(--wgh-muted);
font-size:13px;
line-height:1.72;
}

.wgh-tourist-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}

.wgh-tourist-card{
padding:17px 15px;
background:rgba(255,255,255,.76);
border:1px solid rgba(139,93,72,.10);
border-radius:16px;
}

.wgh-tourist-card strong{
display:block;
margin-bottom:5px;
font-family:Georgia,"Times New Roman",serif;
font-size:16px;
font-weight:500;
color:var(--wgh-ink);
}

.wgh-tourist-card span{
display:block;
font-size:10px;
line-height:1.55;
color:var(--wgh-muted);
}


/* =======================================================
   FINAL CTA
======================================================= */

.wgh-final{
padding:34px 0 58px;
}

.wgh-final-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
padding:29px 31px;
background:
linear-gradient(
135deg,
#8b5d48 0%,
#704938 100%
);
border:1px solid rgba(139,93,72,.55);
border-radius:25px;
box-shadow:0 18px 42px rgba(139,93,72,.17);
}

.wgh-final-label{
display:block;
margin-bottom:7px;
color:#e3c98f;
font-size:9px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}

.wgh-final-title{
margin:0 0 6px;
font-family:Georgia,"Times New Roman",serif;
font-size:31px;
font-weight:500;
line-height:1.15;
color:#fff;
}

.wgh-final-text{
max-width:620px;
margin:0;
color:rgba(255,255,255,.76);
font-size:12px;
line-height:1.65;
}

.wgh-final-actions{
display:flex;
gap:9px;
flex-shrink:0;
}

.wgh-final-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 16px;
border-radius:12px;
text-decoration:none;
font-size:10px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
transition:
transform .2s ease,
background .2s ease,
box-shadow .2s ease;
}

.wgh-final-btn-primary{
background:#fff;
border:1px solid #fff;
color:var(--wgh-brown);
}

.wgh-final-btn-primary:hover{
color:var(--wgh-brown-dark);
transform:translateY(-2px);
}

.wgh-final-btn-secondary{
background:transparent;
border:1px solid rgba(255,255,255,.32);
color:#fff;
}

.wgh-final-btn-secondary:hover{
background:rgba(255,255,255,.08);
color:#fff;
transform:translateY(-2px);
}


/* =======================================================
   RESPONSIVE
======================================================= */

@media(max-width:1020px){

.wgh-category-grid{
grid-template-columns:repeat(2,1fr);
}

.wgh-tourist-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:800px){

.wgh-wrap{
width:min(100% - 24px,1160px);
}

.wgh-hero-box{
padding:42px 28px 35px;
border-radius:25px;
}

.wgh-hero-title{
font-size:43px;
}

.wgh-section-head{
display:block;
}

.wgh-section-intro{
margin-top:11px;
}

.wgh-statement-grid{
grid-template-columns:1fr;
}

.wgh-final-box{
display:block;
padding:27px 23px;
}

.wgh-final-actions{
margin-top:18px;
}

}

@media(max-width:600px){

.wgh-breadcrumb{
padding-top:18px;
}

.wgh-hero{
padding-top:18px;
padding-bottom:25px;
}

.wgh-hero-box{
padding:34px 21px 29px;
}

.wgh-hero-title{
font-size:34px;
line-height:1.06;
}

.wgh-hero-text{
font-size:14px;
line-height:1.7;
}

.wgh-hero-note{
gap:6px;
margin-top:19px;
}

.wgh-hero-note span{
font-size:8.5px;
min-height:28px;
padding:0 9px;
}

.wgh-hero-button{
width:100%;
margin-top:20px;
}

.wgh-section{
padding:23px 0;
}

.wgh-section-title{
font-size:30px;
}

.wgh-category-grid{
grid-template-columns:1fr;
gap:10px;
}

.wgh-category-card{
min-height:0;
padding:21px 18px;
}

.wgh-category-title{
font-size:23px;
}

.wgh-category-examples{
margin-bottom:14px;
}

.wgh-statement{
padding:24px 20px;
border-radius:23px;
}

.wgh-statement-title{
font-size:27px;
}

.wgh-statement-text{
font-size:12.5px;
}

.wgh-tourist{
padding:25px 20px;
border-radius:23px;
}

.wgh-tourist-title{
font-size:28px;
}

.wgh-tourist-grid{
grid-template-columns:1fr;
}

.wgh-final{
padding-bottom:42px;
}

.wgh-final-actions{
display:grid;
grid-template-columns:1fr;
}

.wgh-final-btn{
width:100%;
}

}

@media(max-width:380px){

.wgh-wrap{
width:calc(100% - 20px);
}

.wgh-hero-box{
padding:30px 18px 25px;
}

.wgh-hero-title{
font-size:31px;
}

.wgh-category-card{
padding:19px 16px;
}

.wgh-statement{
padding:21px 17px;
}

.wgh-tourist{
padding:22px 17px;
}

}