/*
Theme Name: Gopeaks Performance Camps
Text Domain: gopeaks-performance-camps
Description: Premium sports destination and triathlon camps in Vietnam.
Version: 2.0.0
Requires PHP: 7.4
WPVibe: yes
*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17292a;--deep:#173f3b;--gold:#a88a60;--cream:#faf9f5;--sand:#efece5;--white:#fff;--muted:#66716f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 15px/1.85 'Be Vietnam Pro',sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:hover{color:#92734e}h1,h2,h3,h4{font-weight:500;line-height:1.3;letter-spacing:-.045em;margin:0 0 23px}h1{font-size:clamp(43px,5.9vw,94px)}h2{font-size:clamp(31px,3.6vw,56px)}h3{font-size:clamp(23px,2.2vw,34px)}p{margin:0 0 23px}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit}.container{width:min(1230px,calc(100% - 72px));margin:auto}.section{padding:108px 0}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.25em;font:600 10px/1.8 'Manrope','Be Vietnam Pro',sans-serif;margin-bottom:22px;color:var(--gold)}.site-header{position:absolute;z-index:40;top:0;left:0;right:0;color:white;border-bottom:1px solid rgba(255,255,255,.25)}body:not(.home) .site-header{background:#1a3431;position:relative}.header-inner{height:94px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{font:800 25px 'Manrope',sans-serif;letter-spacing:-.065em;white-space:nowrap}.brand span{font-weight:400;letter-spacing:.02em;font-size:14px;margin-left:5px}.nav{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:500}.nav a:hover,.site-header .brand:hover{color:#ecd7bc}.switch-lang{font-size:11px!important;border:1px solid rgba(255,255,255,.55);padding:8px 12px;letter-spacing:.08em}.menu-cta{border-bottom:1px solid #fff;padding:0 0 5px;white-space:nowrap}.mobile-toggle{display:none}.hero{min-height:790px;height:min(90svh,1000px);position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#163734;color:#fff}.hero-picture{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,19,.72),rgba(5,20,19,.28) 63%,rgba(5,20,19,.09)),linear-gradient(0deg,rgba(7,25,23,.50),transparent 52%),url('https://gopeaks.camp/wp-content/uploads/2026/10/Van-dong-vien-Gopeaks-can-dich-voi-co-Gopeaks.jpg') center 40%/cover no-repeat;transform:scale(1.02)}.hero .container{position:relative;z-index:1;padding-bottom:130px}.hero .eyebrow{color:#eee1d2}.hero h1{max-width:890px;font-size:clamp(49px,6.8vw,105px);font-weight:400;line-height:1.18}.hero .intro{font-size:15px;font-weight:300;letter-spacing:.02em;max-width:560px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--deep);padding:16px 29px;min-height:55px;background:var(--deep);color:#fff!important;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}.button:hover{background:#ad9168;border-color:#ad9168;transform:translateY(-2px)}.button-outline{border-color:rgba(255,255,255,.8);background:transparent}.button-outline:hover{background:#fff;color:#203b37!important;border-color:#fff}.text-link{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.10em;border-bottom:1px solid currentColor;padding-bottom:7px}.ribbon{background:#e9e5db;text-align:center;padding:24px 18px;font:500 11px/1.9 'Be Vietnam Pro',sans-serif;letter-spacing:.16em;text-transform:uppercase}.intro-section{text-align:center}.intro-section h2{max-width:900px;margin:0 auto 30px}.intro-section p{max-width:770px;margin:0 auto 26px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-grid{margin-top:60px}.visual-card{position:relative;min-height:495px;overflow:hidden;background:#d3d0c9;display:flex;align-items:flex-end}.visual-card .visual-bg{position:absolute;inset:0;transition:transform .6s;background-position:center;background-size:cover}.visual-card:hover .visual-bg{transform:scale(1.06)}.visual-card .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,28,26,.79),transparent 67%)}.visual-card .visual-content{position:relative;color:#fff;padding:36px}.visual-card .eyebrow{color:#ecd4b6}.visual-card h3{margin-bottom:15px;font-size:30px}.visual-card .text-link{color:white}.image-1{background-image:url('https://gopeaks.camp/wp-content/uploads/2026/10/Van-dong-vien-Gopeaks-can-dich-voi-co-Gopeaks.jpg')}.image-2{background-image:linear-gradient(45deg,#173c39a6,#9476533b),url('https://gopeaks.camp/wp-content/uploads/2026/10/Gopeaks-Van-dong-vien-dap-xe-Bau-Trang-FesTRIval-2025.jpg');background-position:center;background-size:cover}.image-3{background-image:linear-gradient(135deg,#203d42a0,#c2a58248),url('https://gopeaks.camp/wp-content/uploads/2026/10/Anh-doi-Gopeaks-tai-IRONMAN-70.3-Da-Nang-2025.jpg');background-position:center;background-size:cover}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.split-image{min-height:570px;background:#c9d1ce url('https://gopeaks.camp/wp-content/uploads/2026/10/Gopeaks-Van-dong-vien-dap-xe-Bau-Trang-FesTRIval-2025.jpg') center /cover}.split-text{max-width:530px}.split-text p{color:var(--muted)}.tone{background:#f0eee9}.dark{background:#173f3b;color:#fff}.dark p{color:#d3dcda}.dark .eyebrow{color:#d5bc97}.quote{font-size:clamp(25px,3.1vw,44px);line-height:1.45;font-weight:400}.listings{display:grid;grid-template-columns:1fr 1fr;gap:50px}.listing{border-top:1px solid #bcb6aa;padding-top:24px}.listing small{display:block;color:var(--gold);letter-spacing:.16em;font-size:10px;text-transform:uppercase;margin-bottom:14px}.listing h3{font-weight:500}.listing p{color:var(--muted)}.page-hero{padding:105px 0 90px;background:#24443f;color:white}.page-hero h1{font-size:clamp(43px,5vw,70px);max-width:900px}.content{padding:75px 0 105px}.content-inner{max-width:850px;margin:auto}.content h2{font-size:36px;margin:48px 0 17px}.content h3{font-size:26px;margin:35px 0 15px}.content p,.content li{line-height:2}.content ul{padding-left:25px}.content a:not(.button){text-decoration:underline;text-underline-offset:4px}.content .notice{background:#ebe7dc;padding:25px;border-left:3px solid var(--gold)}.banner{background:#e9e4d9;text-align:center;padding:85px 0}.banner h2{font-size:clamp(31px,4vw,54px)}.footer{background:#162e2c;color:#e1e6e1;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:65px}.footer h3{font-size:17px;font-weight:500;letter-spacing:0}.footer p,.footer a{font-size:12px;color:#cbd6d2}.footer-bottom{border-top:1px solid #41605b;margin-top:45px;padding-top:23px;color:#abbdb7;font-size:11px}.footer-bottom a{color:#abbdb7}.footer .brand{display:inline-block;margin-bottom:24px;color:#fff}.content .button{color:white;text-decoration:none}.anchor-note{font-size:11px;color:#a3b5af;margin:25px 0 0}.showcase{padding:10px 0 0}.tag{border:1px solid rgba(255,255,255,.6);font-size:11px;padding:6px 12px}.eyebrow, .text-link{font-family:'Be Vietnam Pro',sans-serif}@media(max-width:1080px){.nav{gap:14px;font-size:11px}.header-inner{height:82px}.grid{gap:15px}.visual-card{min-height:415px}}@media(max-width:850px){.container{width:min(100% - 36px,680px)}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:#1a3431;padding:25px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.mobile-toggle{display:block;background:transparent;color:#fff;font-size:22px;border:0}.hero{height:770px;min-height:680px}.hero .container{padding-bottom:90px}.section{padding:75px 0}.split{grid-template-columns:1fr;gap:35px}.split-image{min-height:430px}.grid{grid-template-columns:1fr}.visual-card{min-height:450px}.listings{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr;gap:20px}.site-header .header-inner{height:80px}}/* Gopeaks identity — blue & aqua accent, Aman-inspired editorial spacing */
:root{--deep:#294bd0;--gold:#2c50ce;--brand:#294bd0;--aqua:#05ecf5}
.brand{display:inline-flex;align-items:center;gap:9px;letter-spacing:0!important;line-height:1}
.brand .gopeaks-logo{display:block;width:165px;height:auto;max-width:165px;aspect-ratio:640/119}
.brand .brand-camp{display:inline-block;font:600 12px/1.5 'Manrope',sans-serif;letter-spacing:.24em;color:#fff;transform:translateY(1px)}
.footer .brand .brand-camp{color:#f3f7ff}
.footer .brand .gopeaks-logo{margin-bottom:0}
.brand:hover .gopeaks-logo{opacity:.88}
.site-header .nav .menu-cta{border-bottom-color:var(--aqua)}
.eyebrow{color:#3957bb}
.hero .eyebrow,.dark .eyebrow{color:#98f3f7}
.button{border-color:var(--brand);background:var(--brand)}
.button:hover{background:#142d89;border-color:#142d89}
.button-outline{background:transparent;border-color:#fff}
.button-outline:hover{border-color:#fff;background:#fff;color:#152a41!important}
.text-link:hover{color:var(--brand)}
.visual-card .eyebrow{color:#a9f7f8}
.banner{background:linear-gradient(120deg,#edf3ff 0%,#f7f7f4 100%)}
.banner .eyebrow{color:var(--brand)}
.ribbon{border-top:3px solid var(--aqua)}
.content a:not(.button){text-decoration-color:#3658c0}
.site-header .switch-lang:focus-visible,.nav a:focus-visible,.button:focus-visible,.text-link:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}
.wp-block-image img,.content figure img{max-width:100%;height:auto}
.content figure{margin:30px 0}.content figcaption{font-size:12px;color:#6b7585;margin-top:9px}
@media(max-width:1040px){.nav{gap:11px}.brand .gopeaks-logo{width:141px}.brand .brand-camp{font-size:10px;letter-spacing:.13em}}
@media(max-width:850px){.brand .gopeaks-logo{width:145px}.nav.open{display:flex}.header-inner{gap:12px}.hero h1{font-size:clamp(40px,9vw,68px)}}
@media(max-width:480px){.hero{min-height:620px;height:83svh}.hero .container{padding-bottom:58px}.hero h1{font-size:clamp(37px,10vw,52px)}.hero-actions{flex-wrap:wrap;gap:20px}.header-inner{height:72px}.nav{top:72px}.footer .brand{margin-bottom:18px}}
/* Camp enquiry conversion form */
.gpc-form{background:#f8f9fc;border:1px solid #dce6f2;padding:clamp(20px,4vw,42px);margin:34px 0 52px;box-shadow:0 16px 40px rgba(20,38,92,.055)}
.gpc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 24px;margin-bottom:24px}
.gpc-label{display:block;font-weight:600;color:#253a70;font-size:13px;margin:0 0 10px}
.gpc-label span{color:#c24747}.gpc-input{display:block;width:100%;max-width:100%;min-height:52px;border:1px solid #cfd7e5;border-radius:2px;background:#fff;color:#14213d;padding:13px 14px;font-family:inherit;font-size:14px}
textarea.gpc-input{resize:vertical;min-height:100px}.gpc-input:focus-visible{outline:2px solid #05b5cb;outline-offset:1px}
.gpc-consent{display:flex;gap:12px;align-items:flex-start;margin:24px 0;font-size:12px;line-height:1.8}.gpc-consent input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:#294bd0}
.gpc-form .button{cursor:pointer}.gpc-form-note{font-size:12px;color:#667389;margin:17px 0 0}.gpc-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:650px){.gpc-form-grid{grid-template-columns:1fr;gap:16px}.gpc-form{padding:20px}.gpc-form .button{width:100%}}
/* Accessibility corrections */
.nav a{display:inline-flex;align-items:center;min-height:44px}
.nav a.switch-lang{padding:10px 14px}
.mobile-toggle{min-width:44px;min-height:44px}
.footer-grid a:not(.brand){display:inline-block;padding:3px 0}
.footer-bottom a{display:inline-block;min-height:32px;padding:5px}
.text-link{display:inline-flex;align-items:center;min-height:44px}
.anchor-note{color:#ebf4f5;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.hero .intro{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25)}
.ribbon{letter-spacing:.08em}
.eyebrow{color:#294bb3}
@media(max-width:850px){.nav a{width:100%;padding:12px 10px;min-height:47px}.nav .menu-cta{width:max-content}.nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{transition:none!important;scroll-behavior:auto!important}}