/* Full Experience: select a service to reveal its photograph. */
.experience-section{--experience-ink:#151515;--experience-muted:#545454;--experience-line:#d5d4d0;background:#f7f6f3;color:var(--experience-ink);padding:108px 0 76px;scroll-margin-top:28px}
.experience-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:50px}
.experience-eyebrow{display:flex;align-items:center;gap:12px;color:#a91e23;font:700 12px/1.5 var(--body);letter-spacing:.13em}
.experience-eyebrow::before{content:'';width:25px;height:2px;background:var(--red);flex:none}
.experience-heading h2{font:700 clamp(48px,5.8vw,82px)/.99 var(--narrow);letter-spacing:-.025em;margin:22px 0 0;text-wrap:balance}
.experience-heading h2 span{color:#666561;font-weight:600}
.experience-lead{font:400 18px/1.55 var(--body);color:var(--experience-muted);max-width:340px;justify-self:end;padding:0 0 3px 24px;border-left:1px solid var(--experience-line)}
.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:stretch}
.experience-image{margin:0;min-width:0;position:relative;isolation:isolate;min-height:540px;background:#20241f;overflow:hidden}
.experience-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% 47%;filter:saturate(.48) contrast(1.04)}
.experience-image>[data-experience-photo]{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s;pointer-events:none}
.experience-image:not([data-experience-ready])>[data-experience-photo=overview],.experience-image>[data-experience-photo].is-current{opacity:1;visibility:visible;transition-delay:0s;pointer-events:auto}
.experience-image>.experience-photo{object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.02)}
.experience-image>.experience-photo[data-experience-cutout=true]{object-fit:contain}
.experience-image::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#30352e,#161a16)}
.experience-photo-label{position:absolute;z-index:2;top:28px;left:32px;right:32px;color:#fff;font:600 14px/1.5 var(--body);border-left:2px solid var(--red);padding-left:12px}
.experience-photo-label[hidden]{display:none}
.experience-image::after{content:'';position:absolute;inset:35% 0 0;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none}
.experience-image figcaption{position:absolute;z-index:2;left:32px;right:32px;bottom:28px;display:flex;flex-direction:column;align-items:flex-start;color:white}
.experience-location{font:600 10px/1.6 var(--body);letter-spacing:.13em;color:#eee;border-left:2px solid var(--red);padding-left:10px;margin-bottom:20px}
.experience-wild{font:400 clamp(40px,4vw,60px)/1.2 var(--brush);text-transform:uppercase;letter-spacing:0;color:#fff}
.experience-image-note{font:400 14px/1.5 var(--body);margin-top:9px;color:#eee}
.experience-services{display:grid;grid-template-rows:repeat(4,1fr);border-top:2px solid var(--experience-ink);min-width:0}
.experience-service{display:grid;grid-template-columns:32px minmax(0,1fr);gap:23px;align-content:center;padding:27px 0;border-bottom:1px solid var(--experience-line);position:relative;transition:background-color .2s}
.experience-select{display:none}
[data-experience-ready] .experience-service{cursor:pointer;padding-right:44px}
[data-experience-ready] .experience-select{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:44px;border:0;background:transparent;color:#8a8985;text-align:right;padding:0 4px;cursor:pointer}
.experience-select>span{position:absolute;right:7px;top:26px;font:400 26px/1 var(--body);transition:transform .2s,color .2s}
.experience-select:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.experience-service[data-active=true]{background:#ecebe6}
.experience-service[data-active=true] h3{color:#a91e23}
.experience-service[data-active=true] .experience-select>span{color:#a91e23;transform:translate(-2px,-2px)}
@media(hover:hover){[data-experience-ready] .experience-service:hover{background:#efeee9}.experience-service:hover .experience-select>span{color:#a91e23}}
html[data-editor-preview] .experience-select{inset:18px 0 auto auto;width:44px;height:44px}
html[data-editor-preview] .experience-select>span{top:8px}
.experience-index{font:600 12px/1.5 var(--body);color:#b82027;padding-top:7px;letter-spacing:.04em}
.experience-service h3{font:600 clamp(24px,2.4vw,32px)/1.2 var(--body);text-transform:none;letter-spacing:-.03em;margin:0 0 11px;color:var(--experience-ink)}
.experience-service p{font:400 16px/1.6 var(--body);color:var(--experience-muted);margin:0;max-width:430px}
.experience-foot{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:40px;padding-top:25px;border-top:1px solid var(--experience-line);align-items:start}
.experience-foot>span{font:600 12px/1.65 var(--body);letter-spacing:.08em;color:#3b3b39}
.experience-foot>p{font:400 13px/1.65 var(--body);color:#676660;max-width:500px;margin:0}
@media(min-width:1440px){.experience-image{min-height:590px}.experience-service{padding:32px 0}}
@media(max-width:1050px){.experience-heading{gap:35px}.experience-layout,.experience-foot{gap:38px}.experience-service{gap:15px;padding:24px 0}.experience-image{min-height:520px}.experience-service p{font-size:15px}.experience-image figcaption{left:24px;right:24px;bottom:25px}}
@media(max-width:760px){.experience-section{padding:66px 0 50px}.experience-section>.wrap{width:calc(100% - 40px)}.experience-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.experience-heading h2{font-size:clamp(46px,10.4vw,70px);margin-top:17px}.experience-lead{justify-self:start;padding-left:0;border-left:0;font-size:16px;max-width:none}.experience-lead br{display:none}.experience-layout{grid-template-columns:1fr;gap:34px}.experience-image{min-height:0;aspect-ratio:1.2}.experience-image>img{object-position:72% 42%}.experience-image figcaption{left:24px;right:24px;bottom:25px}.experience-wild{font-size:48px}.experience-location{margin-bottom:15px}.experience-service{padding:25px 0;grid-template-columns:28px minmax(0,1fr);gap:15px}.experience-service h3{font-size:25px}.experience-service p{font-size:16px}.experience-service p br{display:none}.experience-foot{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:22px}.experience-foot>span br{display:none}.experience-foot>p{max-width:none}.experience-eyebrow{font-size:11px;letter-spacing:.1em}}
@media(max-width:380px){.experience-heading h2{font-size:44px}.experience-image{aspect-ratio:1}.experience-image figcaption{left:20px;right:20px}.experience-wild{font-size:42px}.experience-service{gap:11px}.experience-service h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.experience-image>[data-experience-photo],.experience-service,.experience-select>span{transition:none}}