/*
Theme Name: Wander Beyond
Theme URI: https://wanderbeyond.co/
Author: Wander Beyond
Description: A bold, editable block theme for Wander Beyond - independent strategic advice for business and social impact organisations.
Version: 1.4.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: wander-beyond
*/

:root {
  --wb-black:#070708;
  --wb-off:#f3f1ed;
  --wb-paper:#fbfaf7;
  --wb-grey:#8e8e92;
  --wb-blue:#3b82f6;
  --wb-purple:#a855f7;
  --wb-line:rgba(255,255,255,.18);
}

html{scroll-behavior:smooth}
body{background:var(--wb-black); color:#fff;}
body,button,input,textarea,select{font-family:var(--wp--preset--font-family--body);}
.wp-site-blocks{overflow:hidden}
a{text-decoration:none}

.wb-gradient-text{
  background:linear-gradient(90deg,var(--wb-blue),var(--wb-purple));
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.wb-eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:650}
.wb-no-margin{margin-block-start:0!important;margin-block-end:0!important}
.wb-hand{font-family:"Comic Sans MS","Bradley Hand",cursive;font-style:italic;transform:rotate(-5deg);display:inline-block;letter-spacing:.02em}
.wb-rule{height:2px;width:72px;background:linear-gradient(90deg,var(--wb-blue),var(--wb-purple));border:0;margin:1.15rem 0}
.wb-card{border:1px solid rgba(10,10,12,.14);background:#fff;box-shadow:none;transition:.25s ease;position:relative}
.wb-card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.45)}
.wb-dark-card{border:1px solid rgba(255,255,255,.16);background:rgba(8,8,10,.78);backdrop-filter:blur(10px)}
.wb-number{font-size:.8rem;font-weight:700;letter-spacing:.15em}
.wb-number:after{content:"";display:inline-block;width:38px;height:2px;margin-left:.65rem;vertical-align:middle;background:linear-gradient(90deg,var(--wb-blue),var(--wb-purple))}
.wb-slash-list{list-style:none;padding-left:0!important}
.wb-slash-list li{margin:.55rem 0;padding-left:1.2rem;position:relative}
.wb-slash-list li:before{content:"/";position:absolute;left:0;color:var(--wb-purple);font-weight:800}
.wb-hero{position:relative;isolation:isolate}
.wb-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 55%,rgba(0,0,0,.28));z-index:-1;pointer-events:none}
.wb-split-choice .wp-block-cover{min-height:520px}
.wb-split-choice .wp-block-cover__background{transition:opacity .25s ease}
.wb-split-choice .wp-block-cover:hover .wp-block-cover__background{opacity:.48!important}
.wb-outline-button .wp-element-button{background:transparent!important;border:1px solid transparent;border-image:linear-gradient(90deg,var(--wb-blue),var(--wb-purple)) 1;color:inherit!important;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700;padding:.95rem 1.25rem}
.wb-outline-button .wp-element-button:hover{background:linear-gradient(90deg,rgba(59,130,246,.12),rgba(168,85,247,.12))!important}
.wb-nav .wp-block-navigation-item__content{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.wb-nav .wp-block-navigation-item__content:hover{color:#b784ff}
.wb-dark-section{background:var(--wb-black);color:#fff}
.wb-light-section{background:var(--wb-paper);color:#121216}
.wb-good-section{background:#eeece7;color:#111116}
.wb-stat{border-left:1px solid rgba(10,10,12,.15);padding-left:1.2rem}
.wb-stat:first-child{border-left:0;padding-left:0}
.wb-statement{font-size:clamp(2.7rem,6vw,6.8rem)!important;line-height:.86!important;letter-spacing:-.05em!important;text-transform:uppercase}
.wb-section-title{font-size:clamp(2rem,4vw,4.2rem)!important;line-height:.95!important;letter-spacing:-.045em!important;text-transform:uppercase}
.wb-body-lg{font-size:clamp(1.05rem,1.55vw,1.38rem)!important;line-height:1.5}
.wb-image-frame{position:relative}
.wb-image-frame:after{content:"";position:absolute;top:8%;right:8%;width:36%;height:72%;border:3px solid;border-image:linear-gradient(180deg,var(--wb-blue),var(--wb-purple)) 1;pointer-events:none}
.wb-footer{border-top:1px solid rgba(255,255,255,.14)}
.wb-content-wrap{max-width:1200px;margin-inline:auto}

@media(max-width:781px){
 .wb-statement{font-size:clamp(2.6rem,14vw,5rem)!important}
 .wb-section-title{font-size:clamp(2rem,10vw,3.7rem)!important}
 .wb-split-choice .wp-block-cover{min-height:390px}
 .wb-stat{border-left:0;border-top:1px solid rgba(10,10,12,.15);padding:.9rem 0 0;margin-top:.8rem}
 .wb-stat:first-child{border-top:0}
 .wp-block-navigation__responsive-container.is-menu-open{background:#080809!important;color:#fff!important;padding:2rem!important}
}
\n\n/* v1.1 rendering fixes */\n.wb-brand{margin:0!important;line-height:.78!important;font-family:var(--wp--preset--font-family--display);font-weight:800;font-size:1.05rem;letter-spacing:.19em;text-transform:uppercase}\n.wb-brand a{color:#fff!important;text-decoration:none!important;display:inline-block}\n.wb-header{position:relative;z-index:1000;border-bottom:1px solid rgba(255,255,255,.08)}\n.wb-hero .wp-block-cover__image-background{object-position:68% center!important;filter:grayscale(1) contrast(1.08)}\n.wb-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.16) 76%,rgba(0,0,0,.08) 100%);z-index:1;pointer-events:none}\n.wb-hero .wp-block-cover__inner-container{position:relative;z-index:2}\n.wb-split-choice .wp-block-cover__image-background{filter:grayscale(1) contrast(1.12)}\n.wb-split-choice .wp-block-column:first-child .wp-block-cover__image-background{object-position:62% center!important}\n.wb-split-choice .wp-block-column:last-child .wp-block-cover__image-background{object-position:56% center!important}\n.wb-split-choice .wp-block-cover__background{background:#050506!important;opacity:.58!important}\n.wb-split-choice .wp-block-cover:hover .wp-block-cover__background{opacity:.46!important}\n.wp-block-cover:not(.wb-hero) .wp-block-cover__image-background{filter:grayscale(1) contrast(1.1)}\n@media(max-width:781px){.wb-hero .wp-block-cover__image-background{object-position:72% center!important}.wb-hero:before{background:rgba(0,0,0,.68)}}\n
/* v1.2: Gutenberg-safe homepage system */
.wb-hero2{position:relative;min-height:680px;background:#070708;overflow:hidden;isolation:isolate}
.wb-hero2-image{position:absolute!important;inset:0;margin:0!important;width:100%;height:100%;z-index:0}
.wb-hero2-image img{width:100%;height:100%;object-fit:cover;object-position:66% center;filter:grayscale(1) contrast(1.08)}
.wb-hero2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 40%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.12));z-index:1}
.wb-hero2-content{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:110px 6vw 90px;color:#fff}
.wb-hero2-content .wb-body-lg{max-width:760px}
.wb-home-split{display:grid!important;grid-template-columns:1fr 1fr;margin:0!important;background:#070708}
.wb-choice{position:relative;min-height:500px;overflow:hidden;background:#111;color:#fff}
.wb-choice-image{position:absolute!important;inset:0;margin:0!important;width:100%;height:100%;z-index:0}
.wb-choice-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.wb-choice:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.64);z-index:1}
.wb-choice-good{background:linear-gradient(135deg,#18181c 0%,#4a4a4f 100%)}
.wb-choice-good:before{content:"";position:absolute;right:-8%;top:15%;width:54%;height:70%;border:2px solid transparent;border-image:linear-gradient(180deg,var(--wb-blue),var(--wb-purple)) 1;opacity:.75;z-index:1;transform:rotate(4deg)}
.wb-choice-content{position:relative;z-index:2;padding:72px 7vw;max-width:650px}
.wb-home-section{padding:88px 24px}
.wb-home-section .wb-content-wrap{max-width:1180px!important;margin:0 auto!important}
.wb-dual-offers{display:grid!important;grid-template-columns:1fr 1fr;margin:0!important}
.wb-offer{padding:80px 5vw;min-height:620px}
.wb-offer-business{background:#070708;color:#fff}
.wb-offer-good{background:#ebe9e3;color:#111116}
.wb-offer .wp-block-columns{gap:16px}
.wb-offer .wb-dark-card{padding:24px}
.wb-approach{background:radial-gradient(circle at 70% 40%,rgba(168,85,247,.15),transparent 25%),linear-gradient(135deg,#080809,#151516);color:#fff;padding:88px 24px}
.wb-approach .wb-content-wrap,.wb-final-cta .wb-content-wrap{max-width:880px!important;margin:0 auto!important}
.wb-final-cta{background:#09090a;color:#fff;padding:80px 24px}
.editor-styles-wrapper .wb-hero2,.editor-styles-wrapper .wb-choice{min-height:520px}
@media(max-width:781px){
 .wb-home-split,.wb-dual-offers{grid-template-columns:1fr!important}
 .wb-hero2{min-height:620px}
 .wb-hero2-content{padding:92px 24px 70px}
 .wb-choice{min-height:420px}
 .wb-choice-content{padding:56px 24px}
 .wb-offer{padding:64px 24px;min-height:auto}
 .wb-home-section,.wb-approach,.wb-final-cta{padding:64px 22px}
}


/* v1.3 interior page system */
.wb-page-hero{padding:110px 24px 96px;position:relative;overflow:hidden;isolation:isolate}
.wb-page-hero .wb-content-wrap{max-width:1180px!important;margin:0 auto!important;position:relative;z-index:2}
.wb-page-hero-dark{background:radial-gradient(circle at 78% 30%,rgba(59,130,246,.12),transparent 24%),radial-gradient(circle at 88% 60%,rgba(168,85,247,.13),transparent 20%),#070708;color:#fff}
.wb-page-hero-good{background:linear-gradient(135deg,#efede8 0%,#d9d7d1 100%);color:#111116}
.wb-page-hero:after{content:"";position:absolute;width:340px;height:340px;right:-70px;top:20%;border:2px solid transparent;border-image:linear-gradient(180deg,var(--wb-blue),var(--wb-purple)) 1;opacity:.35;transform:rotate(8deg);z-index:0}
.wb-page-section{padding:88px 24px}
.wb-page-section>.wb-content-wrap{max-width:1180px!important;margin:0 auto!important}
.wb-editorial-split{gap:64px!important;align-items:flex-start}
.wb-editorial-split>.wp-block-column:first-child{flex-basis:48%!important}
.wb-editorial-split>.wp-block-column:last-child{flex-basis:52%!important}
.wb-page-cards{gap:18px!important;align-items:stretch}
.wb-card-pad{padding:30px!important}
.wb-three-up,.wb-four-up{gap:28px!important;align-items:stretch}
.wb-three-up>.wp-block-column,.wb-four-up>.wp-block-column{padding-top:8px}
.wb-stat-grid{gap:0!important;margin-top:34px}
.wb-stat-grid h3{font-size:2.2rem;margin-bottom:.2rem}
.wb-button-dark .wp-element-button{color:#101014!important}
.wb-contact-box{margin-top:52px!important;padding:36px;background:#fff;border:1px solid rgba(10,10,12,.14)}
.wb-contact-box a{color:#101014!important}
.wb-footer-rich{padding:54px clamp(20px,4vw,56px) 28px}
.wb-footer-inner{max-width:1180px!important;margin:0 auto!important}
.wb-footer-rich .wp-block-columns{gap:48px}
.wb-footer-rich a{color:#fff!important}
.wb-footer-brand{font-size:1.25rem}
.wb-footer-small{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;margin-top:28px!important;color:#aaa}
.wb-page-hero h1{max-width:980px}
.wb-page-hero .wb-body-lg{max-width:760px}
.wb-page-section h3{font-size:1.45rem;line-height:1.05}
@media(max-width:781px){
 .wb-page-hero{padding:86px 22px 70px}
 .wb-page-section{padding:64px 22px}
 .wb-editorial-split{gap:30px!important}
 .wb-page-cards,.wb-three-up,.wb-four-up{gap:16px!important}
 .wb-footer-rich{padding:46px 22px 24px}
 .wb-page-hero:after{width:220px;height:220px;right:-100px;top:22%}
}


/* v1.4 logo, linked sections and native contact form */
.wb-site-logo{margin:0!important;line-height:0;flex-shrink:0}
.wb-site-logo img{display:block;max-height:48px;width:auto!important;object-fit:contain}
.wb-footer-logo{margin-bottom:18px!important}
.wb-footer-logo img{max-height:42px;width:auto!important}
.wb-choice,.wb-dark-card{position:relative}
.wb-stretched-link{position:absolute!important;inset:0;margin:0!important;z-index:5;pointer-events:none}
.wb-stretched-link a{display:block;width:100%;height:100%;pointer-events:auto}
.wb-choice-content{position:relative;z-index:3;pointer-events:none}
.wb-choice-content .wb-stretched-link,.wb-choice-content a{pointer-events:auto}
.wb-dark-card h3 a,.wb-offer-good h4 a{color:inherit!important;text-decoration:none!important}
.wb-dark-card h3 a:hover,.wb-offer-good h4 a:hover{color:var(--wb-purple)!important}
.wb-contact-form-wrap{margin-top:56px!important;padding:42px;background:#fff;border:1px solid rgba(10,10,12,.14);max-width:900px}
.wb-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;margin-top:28px}
.wb-contact-form .wb-field{display:flex;flex-direction:column;gap:8px}
.wb-contact-form .wb-field-full{grid-column:1 / -1}
.wb-contact-form label{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#161619}
.wb-contact-form input,.wb-contact-form textarea,.wb-contact-form select{width:100%;box-sizing:border-box;background:#f7f6f2;color:#111116;border:1px solid rgba(10,10,12,.22);border-radius:0;padding:14px 15px;font:inherit;line-height:1.35}
.wb-contact-form textarea{min-height:170px;resize:vertical}
.wb-contact-form input:focus,.wb-contact-form textarea:focus,.wb-contact-form select:focus{outline:2px solid var(--wb-blue);outline-offset:2px;border-color:transparent}
.wb-contact-form button{justify-self:start;background:#111114;color:#fff;border:1px solid transparent;border-image:linear-gradient(90deg,var(--wb-blue),var(--wb-purple)) 1;padding:15px 20px;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:800;cursor:pointer}
.wb-contact-form button:hover{background:#222228}
.wb-form-status{grid-column:1/-1;padding:14px 16px;margin:0 0 2px;border-left:3px solid var(--wb-blue);background:#f0f0ec;color:#111116}
.wb-form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:781px){.wb-site-logo img{max-height:38px}.wb-contact-form{grid-template-columns:1fr}.wb-contact-form-wrap{padding:28px 22px}.wb-contact-form .wb-field-full{grid-column:1}}