/* A single office photograph opens into the room as the reader scrolls. */
#office.office-renewed{height:auto;background:#100e0b;position:relative}
.office-room-stage{position:relative;isolation:isolate;overflow:hidden;min-height:800px;display:flex;align-items:center}
.office-room-media,.office-room-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.office-room-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);filter:brightness(.82) saturate(.85)}
.office-room-shade{background:linear-gradient(90deg,#100e0bbd,transparent 68%),linear-gradient(0deg,#100e0fe0,transparent 35%,transparent 70%,#100e0b44)}
.office-room-copy{padding-block:160px 200px}
.office-room-copy h2{font-size:clamp(60px,7vw,102px);line-height:1.02;margin-top:25px;text-shadow:0 2px 25px #0004}
.office-room-copy h2 em{color:#ead6b8}
.office-room-copy>p:last-child{font-size:14px;line-height:1.85;color:#e0d3c2;margin-top:32px}
.office-room-footer{position:absolute;bottom:48px;inset-inline:0;display:flex;justify-content:space-between;align-items:end;gap:30px}
.office-room-footer p{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#e4cfaf;margin-bottom:5px}
.office-room-footer div>span{font-size:11px;color:#d0c4b5}
.office-room-footer a{min-width:160px;justify-content:space-between;border-color:#d5b99299}
#office.office-renewed.camera-motion-on{height:205svh}
#office.camera-motion-on .office-room-stage{height:100svh;min-height:0;position:sticky;top:0}
.camera-motion-on .office-room-media img{transform:scale(calc(1.015 + var(--camera-progress)*.16)) translateY(calc(var(--camera-progress)*-2%));filter:brightness(calc(.82 + var(--camera-progress)*.16)) saturate(.85)}
.camera-motion-on .office-room-copy{transform:translateY(calc(var(--camera-progress)*-45px));opacity:clamp(0,calc(1 - (var(--camera-progress) - .25)*2.4),1)}
.camera-motion-on .office-room-shade{opacity:calc(1 - var(--camera-progress)*.5)}

/* A photographic invitation paired with a light, welcoming inquiry form. */
.contact-body{grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,80px);align-items:start;padding-block:100px 110px;border-top:0}
.listen-scene{position:relative;overflow:hidden;isolation:isolate;background:#211a14;padding-top:59%;border-bottom:1px solid #6c5238}
.listen-media{position:absolute;inset:0 0 auto;aspect-ratio:1.5;overflow:hidden;z-index:-2}
.listen-media img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.015)}
.listen-shade{position:absolute;inset:0 0 auto;aspect-ratio:1.5;z-index:-1;background:linear-gradient(180deg,transparent 50%,#211a14);pointer-events:none}
.listen-copy{padding:12px 32px 30px;position:relative}
.listen-copy .eyebrow{font-size:9px}
.contact-reach .listen-copy h3{font:clamp(42px,4.7vw,65px)/1.02 Georgia,serif;letter-spacing:-2.3px;margin:20px 0 19px}
.listen-copy h3 em{font-weight:400;color:#d5b992}
.listen-copy>p:last-child{font-size:12px;line-height:1.7;color:#cabba8}
.listen-caption{display:flex;justify-content:space-between;gap:20px;margin-inline:32px;padding-block:20px;border-top:1px solid #604a34;font-size:9px;color:#bcaa91}
.camera-motion-on .listen-media img{transform:scale(calc(1.015 + var(--camera-progress)*.11)) translateX(calc(var(--camera-progress)*-1.2%))}
.camera-motion-on .listen-copy{transform:translateY(calc((1 - var(--camera-progress))*20px))}
.contact-reach .contact-paths{margin-top:25px}
.contact-reach .contact-paths a{padding:20px 0;font-size:12px}
.contact-reach .contact-details{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:30px}
.contact-reach .contact-item:last-child{grid-column:1/-1}
.contact-reach .contact-item>a{font-size:17px}
.contact-reach .contact-item .map-link{font-size:11px}
.contact-reach .contact-app-links{margin-top:8px}
#inquiry-form{padding:40px;background:#eee7db;color:#33271e;border-top:3px solid #af8c60;box-shadow:0 20px 70px #0003;scroll-margin-top:110px;color-scheme:light}
#inquiry-form>.eyebrow{color:#80613e;font-size:8px;margin-bottom:20px}
#inquiry-form h3{font-size:36px;line-height:1.08;max-width:340px}
#inquiry-form .form-intro{color:#75634e;font-size:12px;line-height:1.8;margin-bottom:27px}
#inquiry-form .inquiry-mode label{border-color:#baa98e;background:#f7f2e9;color:#51412e;font-size:10px;padding:13px 10px;line-height:1.5}
#inquiry-form .inquiry-mode label:has(input:checked){background:#e0cfb5;border-color:#896943;color:#342617}
#inquiry-form .inquiry-mode input{accent-color:#6f5133}
#inquiry-form .field input,#inquiry-form .field select,#inquiry-form .field textarea,#inquiry-form .email-preview textarea{background:#faf7f0;color:#34291e;border-color:#b7a68e;font-size:13px;color-scheme:light}
#inquiry-form .field input::placeholder,#inquiry-form .field textarea::placeholder{color:#85745e}
#inquiry-form .field label{font-size:10px;color:#52422e}
#inquiry-form .field small,#inquiry-form .form-notice,#inquiry-form .booking-note,#inquiry-form .email-fallback,#inquiry-form .status{color:#78654d}
#inquiry-form .button{background:#3e2e20;color:#f4ecdf;border-color:#3e2e20}
#inquiry-form .button:hover{background:#624a32}
#inquiry-form .button.secondary{background:transparent;color:#493522}
#inquiry-form .booking-fields,#inquiry-form .email-preview{border-color:#b7a68e}
#inquiry-form :focus-visible{outline-color:#77502a}
@media(max-width:1000px){
 .contact-body{gap:30px}.listen-copy{padding-inline:24px}.listen-caption{margin-inline:24px}
 #inquiry-form{padding:28px}.contact-reach .contact-details{grid-template-columns:1fr}.contact-reach .contact-item:last-child{grid-column:auto}
 #inquiry-form .inquiry-mode{grid-template-columns:1fr}
 .office-room-copy h2{font-size:72px}
}
@media(max-width:640px){
 .office-room-stage{min-height:760px;align-items:start}
 #office.office-renewed.camera-motion-on{height:185svh}
 .office-room-media{inset:25% -38% 14%;mask-image:linear-gradient(180deg,transparent,#000 17%,#000 80%,transparent)}
 .office-room-media img{object-position:50% center;filter:brightness(.8)}
 .office-room-shade{background:linear-gradient(180deg,#100e0b 4%,#100e0bcb 22%,#100e0b00 47%,#100e0b22 65%,#100e0b 88%)}
 .office-room-copy{padding-block:125px 160px}
 .office-room-copy h2{font-size:50px;margin-top:18px}
 .office-room-copy>p:last-child{font-size:11px;line-height:1.7;margin-top:22px}
 .office-room-footer{bottom:30px;display:block}.office-room-footer p{font-size:8px;letter-spacing:1px}.office-room-footer div>span{font-size:9px}
 .office-room-footer a{margin-top:12px;font-size:11px;min-width:145px}
 .camera-motion-on .office-room-copy{transform:translateY(calc(var(--camera-progress)*-25px))}
 .camera-motion-on .office-room-shade{opacity:1}
 .contact-body{display:grid;grid-template-columns:1fr;gap:45px;padding-block:55px 70px}
 .listen-copy{padding:12px 24px 28px}.contact-reach .listen-copy h3{font-size:49px}.listen-copy>p:last-child{font-size:12px}
 .listen-caption{margin-inline:24px;font-size:8px}
 .contact-reach .contact-details{grid-template-columns:1fr 1fr;gap:0 18px}.contact-reach .contact-item:last-child{grid-column:1/-1}
 .contact-reach .contact-item>a{font-size:15px}
 #inquiry-form{padding:28px 22px}#inquiry-form h3{font-size:34px}
}
@media(max-height:600px){
 .office-room-copy{padding-block:100px 120px}.office-room-copy h2{font-size:48px;margin-top:15px}
 .office-room-copy>p:last-child{font-size:11px;margin-top:20px}.office-room-footer{bottom:20px}
}
@media print{
 #office.office-renewed.camera-motion-on{height:auto!important}.office-room-stage{position:static!important;height:auto!important;min-height:0!important}
 .office-room-media,.office-room-shade,.listen-media,.listen-shade{display:none}.office-room-copy,.listen-copy{transform:none!important;opacity:1!important;padding:20px 0}
 .office-room-footer{position:static}.listen-scene{padding-top:0}.contact-body{display:block}#inquiry-form{box-shadow:none}
}