.experience-page{--brown:#40210f;--red:#b93740;--orange:#ee7c30;--cream:#fff8f2}.nav .current:after{right:0!important}.experience-hero{height:min(780px,calc(100svh - 86px));min-height:640px}.experience-hero .hero-image{inset:0;width:100%;height:100%;filter:saturate(.7);transform-origin:center}.experience-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(64,33,15,.94) 0 35%,rgba(64,33,15,.46) 65%,rgba(64,33,15,.2)),linear-gradient(0deg,rgba(64,33,15,.7),transparent 55%)}.experience-hero:after{display:none}.experience-hero-copy{position:absolute;z-index:3;left:var(--pad);top:50%;transform:translateY(-50%);color:#fff}.experience-hero-copy>p{font:700 12px 'Roboto Condensed';letter-spacing:.22em;margin:25px 0}.experience-hero-copy h1{font-size:clamp(48px,6vw,88px);line-height:1.12;letter-spacing:.02em;margin:0}.experience-hero-copy h1 em{display:inline-block;color:var(--orange);font-style:normal}.experience-hero-copy>a{display:inline-flex;gap:55px;border-bottom:1px solid rgba(255,255,255,.6);padding:10px 0;margin-top:36px;font-size:13px;font-weight:700}.hero-facts{position:absolute;z-index:3;right:var(--pad);bottom:35px;display:flex;color:#fff;border-top:1px solid rgba(255,255,255,.45)}.hero-facts span{min-width:180px;padding:16px 22px;border-right:1px solid rgba(255,255,255,.3);font-size:11px;letter-spacing:.08em}.hero-facts b{display:block;color:var(--orange);font:700 22px 'Roboto Condensed';letter-spacing:.04em}.track-record{padding:120px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--cream)}.track-record h2,.archive-title h2,.principle-lead h2{font-size:clamp(38px,4.5vw,66px);line-height:1.2;margin:22px 0}.track-record>p{max-width:600px;align-self:end;color:#755e50}.year-line{grid-column:1/-1;display:flex;align-items:center;margin-top:42px;font:700 13px 'Roboto Condensed';letter-spacing:.1em}.year-line i{height:1px;background:rgba(64,33,15,.28);flex:1;margin:0 14px;position:relative}.year-line i:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--orange)}.project-archive{padding:120px var(--pad);background:#fff}.archive-title{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:52px}.archive-title .kicker{grid-column:1/-1}.archive-title h2{margin-bottom:0}.archive-title p{justify-self:end;color:#806b60}.archive-layout{display:grid;grid-template-columns:36% 64%;border:1px solid rgba(64,33,15,.18)}.project-tabs{display:flex;flex-direction:column;background:var(--brown)}.project-tab{position:relative;flex:1;min-height:125px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:25px 28px;text-align:left;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.16);transition:.3s}.project-tab:last-child{border-bottom:0}.project-tab>b{font:700 12px 'Roboto Condensed';color:var(--orange)}.project-tab>span{font-size:17px;font-weight:800;line-height:1.4}.project-tab small{display:block;margin-top:5px;color:#a78f80;font:700 9px 'Roboto Condensed';letter-spacing:.16em}.project-tab>i{font:700 10px 'Roboto Condensed';font-style:normal;color:#a78f80}.project-tab:after{content:'↗';position:absolute;right:22px;bottom:16px;opacity:0;transform:translate(-6px,6px);transition:.25s}.project-tab:hover,.project-tab.active{background:var(--red);padding-left:36px}.project-tab:hover small,.project-tab:hover>i,.project-tab.active small,.project-tab.active>i{color:#fff}.project-tab.active:after{opacity:1;transform:none}.project-tab:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}.project-detail{display:grid;grid-template-rows:minmax(340px,1fr) auto;min-width:0;transition:opacity .16s,transform .16s}.project-detail.is-changing{opacity:.15;transform:translateY(6px)}.detail-visual{position:relative;min-height:360px;overflow:hidden;background:#1d0f09}.detail-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(64,33,15,.82),transparent 55%)}.detail-visual img{width:100%;height:100%;object-fit:cover;transition:.6s}.detail-visual:hover img{transform:scale(1.035)}.detail-visual>a{position:absolute;z-index:2;left:35px;bottom:28px;display:flex;align-items:center;gap:13px;color:#fff;font-size:13px;font-weight:700}.detail-visual>a span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);font:700 10px 'Roboto Condensed'}.detail-visual>strong{position:absolute;z-index:2;right:28px;top:25px;padding:8px 12px;color:#fff;border:1px solid rgba(255,255,255,.55);font:700 10px 'Roboto Condensed';letter-spacing:.18em}.detail-copy{padding:38px 42px}.detail-copy>span{color:var(--orange);font:700 11px 'Roboto Condensed';letter-spacing:.18em}.detail-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.3;margin:12px 0}.detail-copy>p{color:#756158;max-width:800px}.detail-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 0;border-top:1px solid rgba(64,33,15,.18)}.detail-copy dl div{padding:19px 20px 0 0;border-right:1px solid rgba(64,33,15,.18)}.detail-copy dl div+div{padding-left:20px}.detail-copy dl div:last-child{border:0}.detail-copy dt{color:#a08577;font-size:11px}.detail-copy dd{margin:6px 0 0;font-size:15px;font-weight:800}.detail-copy dd small{font-size:11px;font-weight:500;color:#8e766a}.field-principles{display:grid;grid-template-columns:38% 62%;padding:120px var(--pad);background:var(--cream)}.principle-lead{padding-right:6vw}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(64,33,15,.28)}.principle-grid article{padding:30px 25px;border-right:1px solid rgba(64,33,15,.2);transition:.3s}.principle-grid article:last-child{border:0}.principle-grid article:hover{background:var(--brown);color:#fff;transform:translateY(-8px)}.principle-grid b{color:var(--orange);font:700 11px 'Roboto Condensed'}.principle-grid h3{font-size:23px;margin:42px 0 12px}.principle-grid p{color:#806b60;font-size:13px}.principle-grid article:hover p{color:#d9c7bc}.experience-contact{position:relative;overflow:hidden;padding:110px var(--pad) 145px;background:var(--red);color:#fff}.experience-contact .kicker{color:#fff}.experience-contact h2{font-size:clamp(52px,8vw,108px);line-height:1;margin:20px 0}.experience-contact h2 em{font-style:normal;color:var(--brown)}.experience-contact p{max-width:560px}.experience-contact .button{color:var(--brown)}
@media(max-width:900px){.experience-hero{margin-top:70px}.experience-hero-shade{background:linear-gradient(90deg,rgba(64,33,15,.88),rgba(64,33,15,.28)),linear-gradient(0deg,rgba(64,33,15,.72),transparent 55%)}.track-record,.field-principles{grid-template-columns:1fr}.archive-layout{grid-template-columns:1fr}.project-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.project-tab{min-height:118px}.project-tab:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)}.principle-grid{margin-top:35px}}
@media(max-width:560px){.experience-hero{height:650px;min-height:650px}.experience-hero-copy{left:18px;right:18px}.experience-hero-copy h1,.track-record h2,.archive-title h2,.detail-copy h3,.principle-lead h2,.principle-grid h3,.experience-contact h2{font-size:18px;line-height:1.45;letter-spacing:0}.hero-facts{left:18px;right:18px;bottom:22px}.hero-facts span{min-width:0;flex:1;padding:12px 10px}.track-record,.project-archive,.field-principles{padding:75px 18px}.track-record{gap:15px}.year-line{margin-top:24px;overflow:hidden}.year-line span{font-size:10px}.year-line i{margin:0 7px}.archive-title{grid-template-columns:1fr}.archive-title p{justify-self:start}.project-tabs{grid-template-columns:1fr}.project-tab{min-height:96px;padding:18px;grid-template-columns:30px 1fr auto}.project-tab:nth-child(odd){border-right:0}.project-tab>span{font-size:14px}.project-tab:hover,.project-tab.active{padding-left:24px}.detail-visual{min-height:240px}.detail-copy{padding:26px 20px}.detail-copy dl{grid-template-columns:1fr}.detail-copy dl div,.detail-copy dl div+div{padding:14px 0;border-right:0;border-bottom:1px solid rgba(64,33,15,.15)}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid rgba(64,33,15,.2)}.principle-grid h3{margin:24px 0 8px}.experience-contact{padding:80px 18px 130px}}
@media(hover:none),(pointer:coarse){.project-tab:hover,.project-tab.active{padding-left:24px}.principle-grid article:hover{transform:none}}