:root{--navy:#0E1628;--mid:#162040;--orange:#E8622A;--white:#F8F9FC;--off:#EEF0F5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);font-family:'DM Sans',Arial,sans-serif;color:var(--navy)}h1,h2,h3,.logo{font-family:'Playfair Display',Georgia,serif;font-weight:600}a{text-decoration:none;color:inherit}button{border:0;background:var(--orange);color:#fff;font:700 11px 'DM Sans',sans-serif;letter-spacing:.08em;padding:18px 26px;cursor:pointer}button:hover{filter:brightness(1.1)}.rule{width:43px;height:3px;background:var(--orange);margin-bottom:40px}.hero{height:680px;color:white;background:linear-gradient(90deg,#08101e 5%,#0c1729bb 50%,#0c172900 100%),url('assets/hero.jpg') center right/cover no-repeat;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07111ed9 0%,#07111e6b 49%,transparent 85%)}nav,.hero-copy{position:relative;z-index:1}nav{height:90px;padding:0 5%;display:flex;justify-content:space-between;align-items:center}nav>div,footer .footer-row>div{display:flex;gap:32px}nav a:not(.logo),footer a:not(.logo){font:700 11px 'DM Sans',sans-serif;letter-spacing:.1em}.logo{font-size:29px;color:#fff;white-space:nowrap}.logo span{color:var(--orange)}.hero-copy{margin:105px 5% 0}.hero h1{font-size:clamp(42px,5.3vw,75px);line-height:1.13;letter-spacing:-.035em;margin:0 0 34px}.hero h1 em{color:var(--orange);font-style:normal}.inline{display:inline-block;vertical-align:middle;width:70px;height:2px;margin:0 0 0 26px}.problems{background:var(--white);padding:68px 5% 75px}.problems .rule{margin-bottom:22px}h2{font-size:clamp(34px,3.7vw,52px);line-height:1.17;letter-spacing:-.035em;margin:0 0 22px}.lead{max-width:800px;font-size:17px;line-height:1.65;margin:0 0 28px}.text-link{font-size:11px;font-weight:700;letter-spacing:.08em}.text-link b{color:var(--orange);font-size:18px;margin-left:7px}.six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:60px}.six article{border-left:1px solid #cbd1dc;padding:0 18px}.six article:first-child{border:0;padding-left:0}.six small,.proof small{color:var(--orange);font-size:13px}.six h3,.proof h3{font-size:19px;line-height:1.25;margin:15px 0}.six p,.proof p{font-size:13px;line-height:1.55;margin:0}.experience{background:var(--navy);color:#fff}.experience-top{display:grid;grid-template-columns:59% 41%;min-height:380px}.experience-copy{padding:66px 8%}.experience-copy .rule{margin-bottom:27px}.experience-copy p{font-size:16px;line-height:1.65;max-width:540px}.experience-image{background:url('assets/experience.jpg') center/cover no-repeat}.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:45px 5% 52px}.proof article{border-left:1px solid #627087;padding:0 25px}.proof article:first-child{border:0;padding-left:0}.proof h3{font-size:19px}.proof p{font-size:14px}.types{border-top:1px solid #546177;margin:0 5%;padding:40px 0 55px}.types .rule{margin-bottom:24px}.types h2{font-size:clamp(27px,3vw,39px)}.types p{font-size:13px;line-height:2.3}.types i{font-style:normal;color:#8894a7;margin:0 12px}.closing{position:relative;min-height:360px;padding:56px 5%;color:#fff;background:linear-gradient(90deg,#091321e6,#09132135),url('assets/landscape.jpg') center/cover no-repeat}.closing .rule{margin-bottom:30px}.closing h2{max-width:800px;margin-bottom:28px}footer{background:var(--navy);color:#fff;padding:45px 5% 28px}.footer-row,.legal{display:flex;justify-content:space-between;align-items:center;gap:20px}.legal{margin-top:34px;font-size:10px;letter-spacing:.06em;color:#c7cfda}dialog{width:min(92vw,500px);border:0;background:var(--white);padding:34px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#061020cc}dialog h2{font-size:34px}dialog p{line-height:1.5}.close{float:right}.close button{background:none;color:var(--navy);font-size:26px;padding:0}#contact-form{display:grid;gap:15px;margin-top:22px}#contact-form label{font-size:13px;font-weight:600;display:grid;gap:6px}input,textarea{font:15px 'DM Sans',sans-serif;padding:11px;border:1px solid #b3bac6;background:#fff;width:100%}#contact-form small{color:#586477;line-height:1.5}@media(max-width:850px){nav>div{gap:15px}.six{grid-template-columns:repeat(3,1fr);row-gap:30px}.six article:nth-child(4){border:0;padding-left:0}.experience-top{grid-template-columns:1fr}.experience-image{height:270px}.proof{grid-template-columns:repeat(2,1fr);row-gap:32px}.proof article:nth-child(3){border:0;padding-left:0}}@media(max-width:550px){.hero{height:570px}nav{height:75px}nav .logo{font-size:22px}nav>div{gap:9px}nav a:not(.logo){font-size:8px}nav button{display:none}.hero-copy{margin-top:112px}.hero h1{font-size:38px}.problems{padding:48px 6%}.six{grid-template-columns:repeat(2,1fr)}.six article:nth-child(odd){border:0;padding-left:0}.six article:nth-child(4){border-left:1px solid #cbd1dc;padding-left:18px}.experience-copy{padding:52px 6%}.proof{grid-template-columns:1fr;padding:40px 6%}.proof article{border:0;border-bottom:1px solid #627087;padding:0 0 20px}.proof article:last-child{border:0}.types{margin:0 6%}.footer-row{flex-wrap:wrap}.footer-row>div{gap:12px!important}.footer-row a:not(.logo){font-size:9px}.legal{flex-wrap:wrap}}

/* Approved 2026-10-09 changes: orange hero statement 20% smaller; no spacing adjustments. */
.hero h1 em{font-size:80%}
/* Approved replacement image: Exposed Climb, source supplied by client. */
.experience-image{background-image:url("assets/exposed-climb.jpg");background-position:62% center}

/* Approach page: separate destination; existing homepage styles unchanged. */
.interior-nav{background:var(--navy);color:#fff}.approach-page{background:var(--white);min-height:75vh;padding:80px 7% 95px}.approach-page>h1{font:600 clamp(42px,5vw,70px)/1.15 'Playfair Display',Georgia,serif;margin:0 0 20px}.approach-intro{font-size:18px;line-height:1.6;margin:0 0 55px}.approach-stages{max-width:1050px;margin-bottom:42px}.approach-stages article{display:grid;grid-template-columns:75px 1fr;border-top:1px solid #cbd1dc;padding:26px 0}.approach-stages small{color:var(--orange);font-weight:700}.approach-stages h2{font-size:28px;margin:0 0 10px}.approach-stages p{line-height:1.65;max-width:750px;margin:0}@media(max-width:550px){.interior-nav>div{gap:9px}.interior-nav a:not(.logo){font-size:8px}.interior-nav button{display:none}.approach-page{padding:52px 6%}.approach-stages article{grid-template-columns:45px 1fr}}

/* Approved: move business categories beneath supporting paragraph; align baseline with photo bottom. */
.experience-copy{display:flex;flex-direction:column}
.experience-copy .types{margin:auto 0 0;padding:16px 0 0;border:0}
.experience-copy .types p{font-size:12px;line-height:1.8;max-width:none;margin:0}
.experience-copy .types i{margin:0 6px}

/* Rev 4 — exact approved Experience composition: categories anchored at the
   bottom of the left column, aligned with the right image's lower edge. */
@media (min-width:851px){
  .experience-top{align-items:stretch}
  .experience-copy{min-width:0;display:flex;flex-direction:column}
  .experience-copy>.types{margin-top:auto;margin-right:0;margin-bottom:0;margin-left:0;padding:16px 0 0;border:0}
  .experience-copy>.types p{max-width:none;white-space:normal}
  .experience-image{min-height:100%}
}

/* Rev 5: approved subdued Dallas skyline for closing CTA; all other sections unchanged. */
.closing{background-color:var(--navy);background-image:linear-gradient(90deg,#0E1628 0%,#0E1628 33%,rgba(14,22,40,.96) 49%,rgba(14,22,40,.72) 73%,rgba(14,22,40,.43) 100%),url("assets/dallas-night-cta.jpg");background-repeat:no-repeat;background-position:center,right center;background-size:cover,auto 100%}
@media(max-width:550px){.closing{background-image:linear-gradient(90deg,rgba(14,22,40,.96),rgba(14,22,40,.75)),url("assets/dallas-night-cta.jpg");background-position:center,center;background-size:cover,cover}}

/* Rev 6: functional form only; no changes to approved layout. */
.spam-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{font-size:13px;line-height:1.5;margin:0}
#contact-form button:disabled{opacity:.65;cursor:wait}

/* Prelaunch QA: approved hamburger navigation; desktop design unchanged. */
.mobile-menu-toggle,.mobile-nav{display:none}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:550px){
 nav>div{display:none}
 nav>.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;padding:12px;min-width:44px;min-height:44px;filter:none;cursor:pointer}
 .mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--orange)}
 .mobile-nav:not([hidden]){display:flex;position:absolute;z-index:10;top:75px;left:0;right:0;background:var(--navy);color:white;flex-direction:column;padding:14px 6% 22px;gap:0;box-shadow:0 14px 25px #0005}
 .mobile-nav a{font:700 13px 'DM Sans',Arial,sans-serif;letter-spacing:.08em;padding:14px 0;border-bottom:1px solid #ffffff20}
 .mobile-nav button{display:block;align-self:flex-start;margin-top:18px}
}
