/* Reference: Springs residence picker — two visual choices, with the page visible through glass. */
.projects-label-small{display:none}
#project-picker{--picker-ink:#343e36;--picker-cream:#f5efdf;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:var(--picker-cream);isolation:isolate}
#project-picker::backdrop{background:rgba(35,49,40,.20);backdrop-filter:blur(22px) saturate(.65);-webkit-backdrop-filter:blur(22px) saturate(.65)}
#project-picker :is(button,a){-webkit-tap-highlight-color:transparent}
#project-picker button{font:inherit;color:inherit;border-radius:0}
#project-picker [hidden]{display:none!important}
#project-picker :focus-visible{outline:2px solid currentColor;outline-offset:-7px}
.picker-bar{position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:6px clamp(22px,3.35vw,64px);gap:24px;background:rgba(24,39,31,.6);border-bottom:1px solid rgba(245,239,223,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font:12px/1.5 var(--sans);letter-spacing:1px;color:#fff}
.picker-bar-left{display:flex;align-items:center;gap:clamp(24px,3.1vw,60px)}
.picker-close{display:flex;gap:16px;align-items:center;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;letter-spacing:1px}
.picker-close>span:first-child{font:32px/1 var(--sans);font-weight:200;width:36px;text-align:center}
.picker-bar-label{font-size:12px}
.picker-brand{justify-self:center}.picker-brand>span{display:block;width:84px;height:38px;overflow:hidden}.picker-brand img{display:block;width:84px;height:auto;max-width:none;filter:brightness(0) saturate(100%) invert(91%) sepia(17%) saturate(365%) hue-rotate(351deg) brightness(98%) contrast(88%)}
.picker-contact{justify-self:end;display:flex;align-items:center;gap:32px;min-height:44px}.picker-contact>span{font-size:25px}
.picker-entry{height:100%;display:grid;grid-template-columns:1fr 1fr;padding-top:68px}
.picker-choices{display:grid;grid-template-rows:1fr 1fr;min-height:0;background:#d5d6ca}
.picker-choice{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:0;width:100%;border:0;padding:clamp(26px,4.2vh,48px) clamp(30px,4.2vw,80px);text-align:left;cursor:pointer;text-decoration:none}
.picker-choice>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.22,.65,.2,1),filter 1s}
.picker-choice:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.picker-choice-list{color:var(--picker-cream)!important;background:#59665f;justify-content:center;border-bottom:1px solid rgba(245,239,223,.24)}
.picker-choice-list>img{opacity:1;object-position:60% 48%;filter:saturate(.42)}
.picker-choice-list:after{background:linear-gradient(100deg,rgba(28,44,38,.82) 0%,rgba(28,44,38,.48) 48%,rgba(28,44,38,.08) 100%)}
.picker-choice-list .picker-choice-foot{margin-top:30px;justify-content:flex-start;gap:24px}
.picker-choice-list .picker-plus{font-size:23px}
.picker-choice-visual{color:var(--picker-cream)!important;background:#45554a}
.picker-choice-visual>img{object-position:55% 55%}
.picker-choice-visual:after{background:linear-gradient(90deg,rgba(23,39,29,.83),rgba(23,39,29,.25)),linear-gradient(0deg,rgba(23,39,29,.55),transparent 50%)}
.picker-eyebrow{display:block;font:11px/1.6 var(--sans);letter-spacing:1.5px;text-transform:uppercase}
.picker-title{display:block;font:clamp(36px,4.1vw,68px)/1.02 var(--editorial,Georgia,serif);letter-spacing:-.025em;margin-top:18px}.picker-title>span{display:block;transition:transform .65s cubic-bezier(.22,.65,.2,1)}
.picker-choice-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;font:12px/1.6 var(--sans)}
.picker-plus{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font:26px/1 var(--sans);font-weight:200;flex-shrink:0;transition:transform .6s}
.picker-choice:is(:hover,:focus-visible)>img{transform:scale(1.055)}
.picker-choice .picker-choice-foot{transition:color .25s ease}
.picker-choice .picker-plus{transition:background-color .25s ease,border-color .25s ease}
.picker-choice:is(:hover,:focus-visible) .picker-choice-foot{color:var(--action-hover,#ded9c9)}
.picker-choice:is(:hover,:focus-visible) .picker-plus{transform:none;background:rgba(222,217,201,.14);border-color:currentColor}
.picker-dismiss{background:linear-gradient(135deg,rgba(54,70,55,.1),rgba(54,70,55,.28));border:0;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:40px 4vw;cursor:pointer}
.picker-dismiss>span{font:12px/1.6 var(--sans);display:flex;gap:25px;padding:10px 16px;background:rgba(24,39,31,.63);color:#fff;border-radius:0}
.picker-visual{position:absolute;inset:68px 0 0;background:#4d5b4e;isolation:isolate}
.picker-back{position:absolute;z-index:3;top:26px;left:4.2vw;display:flex;gap:20px;align-items:center;min-height:44px;border:0;background:rgba(24,39,31,.66);padding:8px 15px;cursor:pointer;font-size:13px!important;color:#fff!important}
.picker-scenes,.picker-scene{position:absolute;inset:0}
.picker-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.picker-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,36,28,.86),rgba(23,36,28,.08) 85%),linear-gradient(0deg,rgba(23,36,28,.83),transparent 45%)}
.picker-scene-copy{position:absolute;left:8vw;bottom:160px;max-width:70%;color:var(--picker-cream)}
.picker-project-brand{font:clamp(24px,2.8vw,40px)/1.1 var(--editorial);margin:32px 0 0}
.picker-scene-copy h2{font:clamp(62px,8.5vw,136px)/1.02 var(--editorial);letter-spacing:-.035em;margin:2px 0 24px}
.picker-scene-line{font:20px/1.6 var(--editorial);margin:0 0 26px}
.picker-scene-links{display:flex;gap:20px 40px;flex-wrap:wrap}
.picker-scene-links a{display:flex;align-items:center;gap:32px;min-height:44px;border-bottom:1px solid rgba(245,239,223,.65);font:14px/1.6 var(--sans);padding:8px 0}
.picker-scene-links a span{font-size:25px}.picker-render-note{position:absolute;right:4.2vw;bottom:130px;font:10px/1.5 var(--sans);padding:6px 10px;background:rgba(24,39,31,.72);color:#fff}
.picker-visual-bottom{position:absolute;inset:auto 4.2vw 30px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:4vw}
.picker-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;min-width:58%}
.picker-tabs button{display:flex;align-items:center;gap:15px;min-height:54px;padding:12px 4px;border:0;border-top:1px solid rgba(245,239,223,.45);background:transparent;cursor:pointer;text-align:left;font-size:15px!important;color:#fff!important}
.picker-tabs button>span{font:11px var(--sans);opacity:.8}.picker-tabs button[aria-selected="true"]{border-top:2px solid var(--picker-cream)}
.picker-arrows{display:flex;align-items:center;gap:20px}.picker-arrows button{width:46px;height:46px;background:transparent;border:1px solid rgba(245,239,223,.7);border-radius:50%!important;font-size:24px!important;cursor:pointer}.picker-count{font:11px var(--sans);letter-spacing:1px;white-space:nowrap}
#project-picker[data-phase="opening"] .picker-choices,#project-picker[data-phase="closing"] .picker-choices{will-change:clip-path,transform}
@media(max-width:1000px){.picker-title{font-size:46px}.picker-scene-copy{left:6vw}.picker-tabs{gap:15px}.picker-tabs button{font-size:13px!important;gap:10px}.picker-arrows{gap:12px}.picker-render-note{bottom:116px}.picker-bar-left{gap:20px}}
@media(max-width:760px){
 .site-header.floating-header .header-left{gap:10px}.site-header.floating-header .menu-label{display:none}.site-header.floating-header .header-projects{display:inline-flex;min-height:44px;font-size:10px;letter-spacing:.5px}.projects-label-wide{display:none}.projects-label-small{display:inline}.site-header.floating-header .reach-arrow{display:none}
 .picker-bar{height:60px;padding:4px 20px;gap:12px}.picker-bar-left{gap:0}.picker-bar-label{display:none}.picker-close{gap:8px}.picker-close>span:first-child{width:27px}.picker-close>span:last-child{font-size:10px}.picker-brand>span{width:76px;height:34px}.picker-brand img{width:76px}.picker-contact{font-size:10px;gap:0}.picker-contact>span{display:none}
 .picker-entry{display:block;padding-top:60px;overflow:auto;overscroll-behavior:contain}.picker-choices{min-height:100%;grid-template-rows:minmax(250px,1fr) minmax(250px,1fr)}.picker-choice{padding:30px 7vw}.picker-dismiss{display:none}.picker-title{font-size:52px;margin-top:16px}.picker-choice-foot{font-size:11px}.picker-eyebrow{font-size:10px}.picker-choice-visual>img{object-position:center 55%}
 .picker-visual{inset:60px 0 0;overflow:auto;overscroll-behavior:contain}.picker-scenes{position:relative;min-height:630px;height:100%}.picker-scene-copy{left:7vw;right:7vw;bottom:170px;max-width:none}.picker-project-brand{font-size:27px;margin-top:22px}.picker-scene-copy h2{font-size:clamp(54px,13.7vw,90px);margin-bottom:15px}.picker-scene-line{font-size:23px;margin-bottom:18px}.picker-scene-links{gap:20px}.picker-scene-links a{font-size:12px;gap:18px}.picker-back{left:6vw;top:18px;font-size:11px!important;gap:12px}.picker-render-note{right:7vw;bottom:141px;font-size:9px}
 .picker-visual-bottom{inset:auto 6vw 22px;display:block}.picker-tabs{min-width:0;gap:14px}.picker-tabs button{display:block;padding:9px 0;min-height:54px;font-size:12px!important}.picker-tabs button>span{display:block;font-size:10px;margin-bottom:5px}.picker-arrows{justify-content:flex-end;margin-top:8px;gap:20px}.picker-arrows button{width:38px;height:38px}.picker-count{font-size:10px}
 .picker-scene-shade{background:linear-gradient(90deg,rgba(23,36,28,.75),rgba(23,36,28,.24)),linear-gradient(0deg,rgba(23,36,28,.93),transparent 85%)}
}
@media(max-width:360px){.site-header.floating-header .header-projects{font-size:9px}.site-header.floating-header .header-left{gap:8px}.picker-title{font-size:46px}.picker-bar{padding-inline:15px}}
@media(max-height:680px) and (min-width:761px){.picker-title{font-size:40px;margin-top:10px}.picker-choice{padding-top:22px;padding-bottom:22px}.picker-scene-copy{bottom:120px}.picker-scene-copy h2{font-size:80px}.picker-project-brand{margin-top:16px}.picker-render-note{bottom:105px}}
@media(prefers-reduced-motion:reduce){.picker-choice>img,.picker-title>span,.picker-plus{transition:none}}
@media(max-width:760px){.picker-scenes{min-height:660px}.picker-visual-bottom{top:max(calc(100% - 128px),532px);bottom:auto}}
