.experience-page { background: #050505; color: var(--color-white); }
.experience-page a { color: inherit; }
.experience-page .footer-legal a { color: var(--color-white); }
.experience-page .footer-legal a:hover,
.experience-page .footer-legal a:focus-visible { color: var(--color-primary); }
.experience-header { height: var(--header-height); padding: 0 var(--spacing-xl); display: grid; grid-template-columns: auto 1fr; gap: 2rem; align-items: center; border-bottom: 1px solid var(--color-gray-medium); position: sticky; top: 0; z-index: var(--z-header); background: rgba(0,0,0,.94); backdrop-filter: var(--backdrop-blur); }
.experience-brand img { width: auto; height: 1.75rem; display: block; }
.experience-nav { display: flex; justify-content: flex-end; gap: clamp(1rem,3vw,3rem); }
.experience-nav a { font-family: inherit; font-size: var(--font-size-base); font-weight: var(--font-weight-medium); letter-spacing: normal; text-decoration: none; }
.experience-nav a:hover,.experience-nav a:focus-visible { color: var(--color-primary); }
.experience-hero { min-height: calc(100vh - var(--header-height)); display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); }
.experience-hero-copy { padding: clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,7rem); display: flex; flex-direction: column; justify-content: center; }
.experience-eyebrow { color: var(--color-primary); font: 1.15rem var(--font-display); letter-spacing: .16em; margin-bottom: 1rem; }
.experience-hero h1 { font: clamp(3.6rem,7.2vw,8rem)/.9 var(--font-display); letter-spacing: .02em; max-width: 11ch; }
.experience-hero h1 span { color: transparent; -webkit-text-stroke: 1px var(--color-white); }
.experience-lead { font-size: clamp(1.05rem,1.4vw,1.35rem); max-width: 45rem; margin: 2rem 0; color: var(--color-gray-lighter); }
.experience-actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.experience-button { min-height: 3.25rem; padding: .85rem 1.3rem; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--color-primary); font: 1.2rem var(--font-display); letter-spacing: .08em; text-decoration: none; cursor: pointer; transition: background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast); }
.experience-button:hover,.experience-button:focus-visible { transform: translateY(-2px); }
.experience-button-primary { background: var(--color-primary); color: var(--color-white); }
.experience-button-primary:hover,.experience-button-primary:focus-visible { background: var(--color-white); border-color: var(--color-white); color: var(--color-black); }
.experience-button-secondary { background: transparent; }.experience-button-secondary:hover,.experience-button-secondary:focus-visible { background: var(--color-primary); }
.experience-reassurance { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; list-style: none; margin-top: 2.5rem; color: var(--color-gray-lighter); font-size: .95rem; }
.experience-reassurance li::before { content: "◆"; color: var(--color-primary); margin-right: .55rem; }
.experience-hero-visual { position: relative; overflow: hidden; min-height: 34rem; }
.experience-hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#050505 0%,transparent 40%),linear-gradient(0deg,rgba(0,0,0,.9),transparent 55%); }
.experience-hero-visual img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); opacity: .75; }
.experience-hero-visual p { position: absolute; z-index: 1; left: 2rem; right: 2rem; bottom: 2.5rem; font-size: 1.1rem; font-style: italic; }
.experience-section,.experience-contact { padding: clamp(5rem,8vw,8rem) clamp(1.5rem,6vw,7rem); }
.experience-section-heading { max-width: 70rem; margin: 0 auto 3rem; }.experience-section-heading h2,.experience-contact h2 { font: clamp(2.8rem,5vw,5.5rem)/1 var(--font-display); }
.experience-offers { max-width: 86rem; margin: 0 auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
.experience-offer { position: relative; padding: clamp(1.5rem,4vw,3.5rem); background: #111; border: 1px solid var(--color-gray-medium); overflow: hidden; }
.experience-offer::before { content: ""; position: absolute; z-index: 2; top: -1px; left: -1px; right: -1px; height: 5px; background: var(--color-primary); transform: scaleX(0); transform-origin: left center; transition: transform 220ms ease; pointer-events: none; }
.experience-offer-featured::before { transform: scaleX(1); }
.experience-offers:has(.experience-offer:not(.experience-offer-featured):hover) .experience-offer-featured::before,
.experience-offers:has(.experience-offer:not(.experience-offer-featured):focus-within) .experience-offer-featured::before { transform: scaleX(0); transform-origin: right center; }
.experience-offer:not(.experience-offer-featured):hover::before,
.experience-offer:not(.experience-offer-featured):focus-within::before { transform: scaleX(1); }
.experience-offer-index { position: absolute; right: 1rem; top: -.6rem; font: 8rem/.9 var(--font-display); color: rgba(255,255,255,.045); }
.experience-offer-audience { color: var(--color-primary); font: 1rem var(--font-display); letter-spacing: .11em; margin-bottom: 1.2rem; }
.experience-offer h3 { position: relative; font: clamp(2.2rem,3.5vw,4rem)/.95 var(--font-display); max-width: 11ch; margin-bottom: 1.5rem; }.experience-offer>p:not(.experience-offer-audience) { color: var(--color-gray-lighter); }
.experience-offer ul { list-style: none; margin: 2rem 0; border-top: 1px solid var(--color-gray-medium); }.experience-offer li { padding: .85rem 0; border-bottom: 1px solid var(--color-gray-medium); }.experience-offer li::before { content: "—"; color: var(--color-primary); margin-right: .7rem; }
.experience-price { display: grid; grid-template-columns: 1fr auto; gap: .1rem 1rem; align-items: end; padding: 1rem 0; }.experience-price>span { font-weight: bold; }.experience-price strong { font: 2rem var(--font-display); }.experience-price small { grid-column: 1/-1; color: var(--color-gray-light); }.experience-price small span { display: block; font-weight: normal; }.experience-price small span+span { margin-top: .25rem; }.experience-price small b { color: var(--color-gray-lighter); }.experience-price-alt { border-top: 1px solid var(--color-gray-medium); margin-bottom: 1.5rem; }.experience-offer .experience-button { width: 100%; }
.experience-process ol { max-width: 86rem; margin: 0 auto; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; border-top: 1px solid var(--color-gray-medium); }.experience-process li { padding: 2rem 1.5rem; border-right: 1px solid var(--color-gray-medium); }.experience-process li:last-child { border-right: 0; }.experience-process li>span { font: 3rem var(--font-display); color: var(--color-primary); }.experience-process h3 { font: 1.7rem var(--font-display); margin: 1rem 0 .6rem; }.experience-process p { color: var(--color-gray-light); }
.experience-contact { display: grid; grid-template-columns: minmax(0,.8fr) minmax(320px,1.2fr); gap: clamp(2rem,7vw,8rem); background: #111; border-top: 1px solid var(--color-gray-medium); }.experience-contact-copy>p:not(.experience-eyebrow):not(.experience-response-time) { margin-top: 1.5rem; color: var(--color-gray-lighter); font-size: 1.1rem; }.experience-response-time { margin-top: 1.5rem; color: var(--color-primary); font-weight: bold; }
.experience-form { display: grid; gap: 1.25rem; }.experience-form label { display: grid; gap: .5rem; font-weight: bold; }.experience-form input,.experience-form select,.experience-form textarea { width: 100%; border: 1px solid var(--color-gray-border); border-radius: 0; background: var(--color-black); color: var(--color-white); padding: .9rem 1rem; font: 1rem var(--font-primary); }.experience-form input:focus,.experience-form select:focus,.experience-form textarea:focus { outline: 2px solid var(--color-primary); outline-offset: 2px; }.experience-honeypot { position: absolute!important; left: -9999px!important; }.experience-privacy { font-size: .82rem; color: var(--color-gray-light); }.experience-privacy a { text-decoration: underline; }.experience-form-status { min-height: 1.6rem; font-weight: bold; }.experience-form-status.is-success { color: #72d572; }.experience-form-status.is-error { color: #ff8080; }
@media(max-width:900px){.experience-header{grid-template-columns:1fr auto}.experience-nav{display:none}.experience-hero{grid-template-columns:1fr}.experience-hero-visual{min-height:24rem}.experience-offers,.experience-contact{grid-template-columns:1fr}.experience-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-process li:nth-child(2){border-right:0}}
@media(max-width:560px){.experience-hero-copy{padding-top:4rem}.experience-hero h1{font-size:3.3rem}.experience-actions{display:grid}.experience-process ol{grid-template-columns:1fr}.experience-process li{border-right:0;border-bottom:1px solid var(--color-gray-medium)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experience-button,.experience-offer::before{transition:none}}