.process-list{position:relative;display:grid;gap:14px;padding-top:7vw;padding-bottom:10vw}.process-list:before{content:'A considered path · from brief to completion';display:block;margin-bottom:18px;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--s)}.process-list article{position:relative;border:1px solid var(--line);border-left:5px solid transparent;padding:44px 42px;background:rgba(243,232,211,.55);transition:transform .35s ease,background .35s ease,border-color .35s ease}.process-list article:nth-of-type(even){background:rgba(201,216,232,.22)}.process-list article:hover{transform:translateX(8px);background:rgba(201,216,232,.38);border-left-color:var(--b)}.process-list article>span{font:300 clamp(42px,5vw,72px)/.8 Georgia,serif;letter-spacing:-.04em;color:rgba(92,34,48,.22)}.process-list h3{font-size:clamp(38px,4vw,58px);line-height:.95;letter-spacing:-.035em}.process-list p{max-width:520px;font-size:14px}.process-list article:after{content:'↘';position:absolute;right:30px;top:28px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--s)}
@media(max-width:760px){.process-list{gap:10px;padding-top:14vw}.process-list:before{line-height:1.5}.process-list article{padding:30px 24px;grid-template-columns:52px minmax(0,1fr);gap:18px}.process-list article:hover{transform:none}.process-list article>span{font-size:38px}.process-list h3{font-size:36px}.process-list p{grid-column:2;font-size:14px}.process-list article:after{display:none}}
@media(prefers-reduced-motion:reduce){.process-list article{transition:none}}
.page-hero{position:relative;min-height:78vh;padding-right:52vw;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden}.page-hero:before{content:'';position:absolute;right:6vw;top:7vw;bottom:6vw;width:40vw;background:linear-gradient(rgba(92,34,48,.08),rgba(92,34,48,.08)),url('uploads/web/auditorium-interior.webp') center/cover no-repeat;box-shadow:-18px 18px 0 var(--p)}.page-hero:after{content:'01—04';position:absolute;right:7.5vw;top:8.5vw;color:var(--e);font-size:9px;letter-spacing:.2em}.page-hero>div,.page-hero>.kicker{position:relative;z-index:1}.page-hero h1{font-size:clamp(62px,7.5vw,118px);line-height:.92}.page-hero>div>p{max-width:380px;margin-top:30px}
@media(max-width:760px){.page-hero{min-height:auto;padding:12vw 6vw 18vw;display:block}.page-hero:before{position:relative;display:block;inset:auto;width:100%;height:auto;aspect-ratio:4/3;margin:8vw 0 12vw;box-shadow:10px 10px 0 var(--p)}.page-hero:after{top:calc(12vw + 20px);right:9vw}.page-hero h1{font-size:clamp(52px,15vw,74px)}.page-hero>div>p{font-size:15px}}
.process-list:has(.process-rail){grid-template-columns:minmax(240px,.78fr) minmax(0,2fr);gap:16px 4vw;align-items:start}.process-list:has(.process-rail):before{display:none}.process-rail{grid-column:1;grid-row:1/span 4;position:sticky;top:120px;min-height:420px;padding:34px 28px;border-top:5px solid var(--p);background:var(--b);color:var(--e)}.process-rail>p,.process-rail>small{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:rgba(243,232,211,.7)}.process-rail h2{font:300 clamp(34px,3.5vw,54px)/.96 Georgia,serif;letter-spacing:-.04em;margin:60px 0 45px}.process-progress{position:absolute;left:28px;bottom:70px;width:1px;height:70px;background:rgba(243,232,211,.25)}.process-progress i{display:block;width:3px;height:25%;margin-left:-1px;background:var(--p);transition:height .55s cubic-bezier(.2,.8,.2,1)}.process-status{position:absolute;left:48px;bottom:58px;display:flex;align-items:baseline;gap:5px}.process-status strong{font:300 42px Georgia,serif}.process-status span{font-size:10px;color:rgba(243,232,211,.55)}.process-rail>small{position:absolute;right:25px;bottom:25px;writing-mode:vertical-rl}.process-list:has(.process-rail) article{grid-column:2;min-height:260px;align-items:center;opacity:.54;transform:scale(.985);transition:opacity .5s ease,transform .5s ease,background .5s ease,color .5s ease}.process-list:has(.process-rail) article.active-step{opacity:1;transform:scale(1);background:var(--b);color:var(--e);border-left-color:var(--p)}.process-list:has(.process-rail) article.active-step>span{color:var(--p)}.process-list:has(.process-rail) article.active-step p{color:rgba(243,232,211,.78)}.process-list:has(.process-rail) article.active-step:after{color:var(--e);border-color:rgba(243,232,211,.32)}
@media(max-width:760px){.process-list:has(.process-rail){display:grid;grid-template-columns:1fr;gap:10px}.process-rail{display:none}.process-list:has(.process-rail) article{grid-column:1;min-height:0;opacity:1;transform:none}.process-list:has(.process-rail) article.active-step{background:rgba(201,216,232,.22);color:var(--b);border-left-color:transparent}.process-list:has(.process-rail) article.active-step>span{color:rgba(92,34,48,.22)}.process-list:has(.process-rail) article.active-step p{color:var(--s)}}
@media(prefers-reduced-motion:reduce){.process-progress i,.process-list:has(.process-rail) article{transition:none}}
.process-gallery{padding:9vw 7vw 5vw;border-top:1px solid var(--line)}.process-gallery header{display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:start;margin-bottom:6vw}.process-gallery header p{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--s)}.process-gallery h2{font:300 clamp(52px,7vw,100px)/.88 Georgia,serif;letter-spacing:-.055em;margin:0}.process-gallery-grid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:2vw;align-items:start}.process-gallery figure{margin:0}.process-gallery figure:nth-child(2){margin-top:9vw}.process-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.72);transition:transform .7s ease}.process-gallery figure:first-child img,.process-gallery figure:last-child img{aspect-ratio:4/3}.process-gallery figure:hover img{transform:scale(.985)}.process-gallery figcaption{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--s)}.process-gallery figcaption span{color:var(--b)}
@media(max-width:760px){.process-gallery{padding:18vw 6vw 8vw}.process-gallery header{grid-template-columns:1fr;gap:24px;margin-bottom:12vw}.process-gallery h2{font-size:52px}.process-gallery-grid{grid-template-columns:1fr;gap:10vw}.process-gallery figure:nth-child(2){margin-top:0}.process-gallery img,.process-gallery figure:first-child img,.process-gallery figure:last-child img{aspect-ratio:4/3}}