/* A clear business entrance built around the owner's actual work. */
.selected-work{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.18fr);grid-template-areas:'intro project' 'choices choices' 'explore explore';gap:0 6%;padding:60px 5% 0;background:#10181c;align-items:center}
.selected-heading{grid-area:intro;display:block;margin:0;align-self:center;padding-bottom:30px}
.selected-heading>.eyebrow{font-size:12px;letter-spacing:.12em;color:#c6aa73;margin:0 0 27px}
.selected-heading h1{font:600 clamp(58px,6.6vw,104px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.015em;color:#f0f1eb;margin:0 0 27px;text-wrap:initial}
.selected-heading h1 em{font:inherit;color:#d9b46f;font-style:normal}
.selected-intro{font-size:16px;line-height:1.8;max-width:440px;margin:0 0 27px;color:#b8c4c8}
.front-door-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px 22px}
.front-door-actions .button{background:#dfba74;border:1px solid #dfba74;color:#102027;padding:15px 20px;font-size:14px;min-height:52px;border-radius:0}
.front-door-work{font-size:14px;border-bottom:1px solid #a5b0b4;padding:10px 0;color:#e1e6e7}
.front-door-signature{font:500 12px/1.7 var(--body);letter-spacing:.14em;color:#8da0a8;margin:33px 0 0}
.front-door-phone{font-size:14px;display:inline-block;color:#d5c49e;margin-top:14px}
.selected-layout,.selected-work[data-orientation=portrait] .selected-layout{grid-area:project;display:block;border:1px solid #445057;min-height:0;background:#172329;align-self:start}
.selected-image{min-height:0;background:#0b1317;aspect-ratio:16/9;border-bottom:1px solid #445057}
.selected-image img,.selected-work[data-orientation=portrait] .selected-image img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.selected-expand{border-radius:0;background:#102027d9;color:#f5e8c7;border:1px solid #d8c69c;right:14px;bottom:14px;width:40px;height:40px;font-size:26px;font-weight:400}
.selected-copy{padding:25px 27px 23px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 15px;justify-content:initial}
.selected-index{font-size:12px;grid-column:1/-1;margin:0;letter-spacing:.1em;color:#ccac76}
.selected-copy h3{grid-column:1/-1;font-size:clamp(30px,3vw,43px);line-height:1.05;margin:0}
.selected-description{grid-column:1/-1;font-size:16px;line-height:1.7;max-width:100%;margin:0;color:#bbc8ce}
.selected-tags{grid-column:1/-1;font-size:12px;line-height:1.6;color:#98abb6;margin:3px 0 0;padding-top:14px;border-color:#445057}
.selected-open{grid-column:1/-1;font-size:14px;margin:0;justify-self:start;min-height:40px;padding:7px 0;color:#e9e1d1}
.selected-choices{grid-area:choices;margin-top:36px;border-top:1px solid #42525b;border-bottom:1px solid #42525b}
.selected-choices button{min-height:77px;padding:20px 22px;background:transparent;border-top:3px solid transparent;color:#aab9bf;border-left:0}
.selected-choices button[aria-pressed=true]{background:#1b2b33;border-top-color:#d6b271;color:#f1eee5}
.selected-choices button:hover{background:#23353e}.selected-choices button+button{border-left:1px solid #42525b}.selected-choices b{font-size:23px}.selected-choices span{font-size:12px}
.selected-all{grid-area:explore;min-height:76px;letter-spacing:.035em;font-size:14px;color:#b1c0c6}
.scene-intro h2{font:600 clamp(36px,3.8vw,68px)/.89 var(--display);letter-spacing:-.02em;margin:0;color:#f5f0e4;text-transform:uppercase;text-shadow:0 3px 20px #0007;text-wrap:initial}
header .nav-links a:last-child{background:#d9b477;color:#122028;border-color:#d9b477;font-weight:600}
/* The inquiry stays in the visitor's chosen email or WhatsApp app. */
.contact.contact-estimate{background:#e7e9e6;color:#162329;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;padding:85px 6%;overflow:visible;align-items:start}
.contact-estimate .contact-introduction{min-width:0;position:sticky;top:110px}
.contact-estimate .kicker{font-size:12px;color:#635236}
.contact-estimate h2{font:600 clamp(47px,5.6vw,86px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:28px 0}
.contact-estimate h2 em{color:#8a6e3e;font-style:normal}
.contact-introduction>p{font-size:16px;line-height:1.8;color:#465861;max-width:440px}
.estimate-preparation{margin:32px 0 25px;padding-top:25px;border-top:1px solid #b5bfbf}
.estimate-preparation h3{font:600 17px/1.5 var(--body);margin:0 0 9px;color:#22343c}
.estimate-preparation p{font-size:16px;line-height:1.75;color:#52636a;margin:0;max-width:450px}
.contact-channel-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 16px}
.contact-channel-actions a{display:inline-flex;align-items:center;justify-content:center;padding:14px 17px;font-size:14px;font-weight:600;min-height:50px;border:1px solid #263b44;background:#142934;color:#fff}
.contact-channel-actions a+ a{background:transparent;color:#142934}
.contact-estimate .contact-details{margin-top:22px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.contact-estimate .contact-details a{font-size:16px;color:#203a46;overflow-wrap:anywhere}.contact-estimate .copy-mail{font-size:14px;min-height:42px;border:1px solid #839295;background:transparent;padding:9px 13px;color:#344c55}
.contact-estimate .copy-status{font-size:14px;min-height:22px;margin:12px 0 0;color:#34534f}
.direct-email{display:inline-block;padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#36515f}
.estimate-panel{padding:34px;background:#fff;min-width:0;border:1px solid #b5c1c3;box-shadow:0 14px 45px #14313e09}
.estimate-form-heading{border-bottom:1px solid #d0d9d9;margin-bottom:25px;padding-bottom:20px}
.estimate-form-heading .kicker{color:#5b6b74;margin-bottom:10px}
.estimate-form-heading>p:last-child{font-size:14px;margin:0;color:#677c84}
.estimate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 17px}
.estimate-fields label{display:block;font:500 14px/1.5 var(--body);color:#263c46;min-width:0}
.estimate-fields label>span{display:block;margin-bottom:8px}.estimate-wide{grid-column:1/-1}
.estimate-fields input,.estimate-fields select,.estimate-fields textarea,#estimate-summary{display:block;width:100%;max-width:100%;min-height:48px;border:1px solid #a6b6bc;border-radius:0;background:#f6f8f7;color:#152e39;font:400 16px/1.5 var(--body);padding:12px;box-shadow:none;color-scheme:light}
.estimate-fields textarea{resize:vertical;min-height:132px}.estimate-fields input::placeholder,.estimate-fields textarea::placeholder{color:#6d8089;opacity:1}
.estimate-fields :is(input,select,textarea):focus-visible,#estimate-summary:focus-visible{outline:2px solid #375e73;outline-offset:2px;border-color:#375e73}
.estimate-panel .button{display:inline-flex;align-items:center;justify-content:center;background:#152b36;color:#f6f4ec;border:1px solid #152b36;font-size:14px;min-height:50px;padding:14px 19px;border-radius:0;text-align:center;white-space:normal}
.estimate-panel .estimate-review{margin-top:25px;width:100%;font-size:16px}
.estimate-explanation{font-size:14px;line-height:1.7;color:#5b707b;margin:17px 0 0}
.estimate-review-panel{scroll-margin-top:104px}
.estimate-review-panel[hidden],#estimate-form[hidden]{display:none}
.estimate-review-panel h3{font:600 34px/1.12 var(--display);text-transform:uppercase;color:#17313f;margin:15px 0 17px}
.estimate-recipient{font-size:14px;color:#526b75;overflow-wrap:anywhere}.estimate-recipient strong{color:#244c61;font-weight:500}
.review-label{display:block;font-size:14px;font-weight:500;margin-bottom:9px;color:#2c4551}
#estimate-summary{font-size:14px;line-height:1.7;resize:vertical;min-height:270px;background:#f5f7f6}
.estimate-send-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.estimate-send-actions .button{flex:1 1 auto}
#estimate-copy,.estimate-edit{background:none;color:#315568;font-size:14px;border:1px solid #91a7b2;padding:12px 14px;min-height:46px}
#estimate-copy{flex:1 1 100%;background:#eef3f4}.estimate-edit{margin-top:15px;border:0;padding-left:0;text-decoration:underline;text-underline-offset:4px}
#estimate-status{font-size:14px;line-height:1.6;margin:12px 0 0;color:#365d4e}
.contact-estimate :is(a,button):focus-visible{outline:3px solid #567286;outline-offset:3px}
@media(min-width:900px) and (max-height:760px){.selected-work{padding-top:40px}.selected-heading h1{font-size:6.2vw}.selected-heading>.eyebrow{margin-bottom:20px}.front-door-signature{margin-top:20px}.selected-copy{padding:20px 24px}.selected-description{font-size:16px}.scene-intro h2{font-size:40px}}
@media(max-width:1100px){.selected-work{gap:0 4%;padding-left:4%;padding-right:4%}.selected-heading h1{font-size:clamp(58px,6.5vw,78px)}.selected-choices b{font-size:20px}.selected-copy{padding:22px}.contact.contact-estimate{gap:5%;padding-left:5%;padding-right:5%}.estimate-panel{padding:25px}.estimate-fields{grid-template-columns:1fr}.estimate-wide{grid-column:auto}}
@media(max-width:899px){.selected-work{padding:42px 6% 0;grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'project' 'choices' 'explore'}.selected-heading{padding-bottom:32px}.selected-heading h1{font-size:clamp(59px,11.6vw,92px);line-height:.96;margin-bottom:23px}.selected-heading>.eyebrow{font-size:12px;line-height:1.8;letter-spacing:.08em;margin-bottom:24px}.selected-intro{max-width:560px;font-size:16px;line-height:1.75;margin-bottom:23px}.front-door-signature{margin-top:25px}.front-door-actions{gap:12px 22px}.front-door-actions .button{padding:14px 18px}.selected-copy{padding:22px;gap:12px}.selected-copy h3{font-size:34px}.selected-choices{margin-top:26px;grid-template-columns:repeat(3,minmax(0,1fr))}.selected-choices button{padding:17px 12px;gap:9px;align-items:start}.selected-choices b{font-size:20px}.selected-choices button+button{border-left:1px solid #42525b}.selected-choices button[aria-pressed=true]{border-top-color:#d6b271}.selected-all{font-size:14px;min-height:72px}.contact.contact-estimate{grid-template-columns:minmax(0,1fr);gap:32px;padding:55px 6%}.contact-estimate .contact-introduction{position:static}.contact-estimate h2{font-size:clamp(48px,9vw,72px);margin:23px 0}.contact-introduction>p{max-width:580px}.estimate-preparation{margin:25px 0}.estimate-panel{padding:25px}.estimate-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-wide{grid-column:1/-1}header .nav-links a:last-child{background:none;color:var(--paper);font-weight:600}}
@media(max-width:580px){.selected-work{padding-top:35px}.selected-heading h1{font-size:clamp(51px,12.4vw,72px)}.front-door-actions{align-items:flex-start;flex-direction:column;gap:8px}.front-door-actions .button{width:100%;min-height:52px;font-size:16px}.front-door-work{padding:12px 0;font-size:14px}.front-door-signature{font-size:12px;letter-spacing:.075em;margin-top:20px}.selected-copy{padding:19px}.selected-copy h3{font-size:32px}.selected-description{font-size:16px}.selected-tags{font-size:12px}.selected-choices{grid-template-columns:1fr}.selected-choices button{align-items:center;padding:16px;min-height:62px;border-top:0!important;border-left:3px solid transparent!important}.selected-choices button+button{border-top:1px solid #42525b!important}.selected-choices button[aria-pressed=true]{border-left-color:#d6b271!important}.selected-choices b{font-size:22px}.selected-expand{width:36px;height:36px;right:10px;bottom:10px}.estimate-panel{padding:22px 18px}.estimate-fields{grid-template-columns:1fr;gap:20px}.estimate-wide{grid-column:auto}.contact-estimate h2{font-size:clamp(44px,11vw,61px)}.contact-channel-actions{flex-direction:column}.contact-channel-actions a{font-size:16px}.contact-estimate .contact-details a{font-size:15px}.estimate-send-actions{flex-direction:column}.estimate-send-actions .button,#estimate-copy{width:100%;flex:auto;font-size:15px}.estimate-review-panel h3{font-size:31px}}
