﻿.work-page{overflow:hidden;color:#211b17;background:#f4efe5}
.work-hero{display:grid;grid-template-columns:minmax(370px,.82fr) minmax(0,1.18fr);min-height:560px;background:#f8f4ec;border-bottom:1px solid #d7ccbc}
.work-hero-copy{width:min(520px,100%);justify-self:end;align-self:center;padding:76px 58px 76px 24px}
.work-hero-copy .eyebrow,.work-page .eyebrow{color:#8b6044;font-size:13px;letter-spacing:.15em}
.work-hero h1{max-width:510px;margin:0;font:400 clamp(54px,6vw,82px)/.98 "Libre Caslon Display",Georgia,serif;letter-spacing:-.035em}
.work-hero h1 em,.work-process h2 em,.work-feel h2 em,.review-cta-inner h2 em{color:#8b6044}
.work-hero-copy>p:not(.eyebrow){max-width:490px;margin:24px 0;color:#4f463f;font-size:19px;line-height:1.6}
.work-hero-copy .button{gap:12px}
.work-hero-image{min-height:560px;margin:0;overflow:hidden;background:#d9c2a8}
.work-hero-image img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center 48%}
.work-intake{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.7fr);gap:28px;padding-top:58px;padding-bottom:86px;align-items:stretch}
.work-form-card{padding:34px;background:#faf7f0;border:1px solid #d7ccbc;border-radius:8px;box-shadow:0 14px 38px #3324190c}
.form-heading h2,.work-feel h2,.process-heading h2,.review-cta-inner h2{margin:0;font:400 clamp(38px,4vw,54px)/1.02 "Libre Caslon Display",Georgia,serif;letter-spacing:-.025em}
.form-heading>p:last-child,.process-heading>p:last-child{margin:10px 0 22px;color:#655a51;font-size:17px}
.carried-review{padding:18px;margin:0 0 20px;background:#efe2d1;border:1px solid #d7c1a9;border-radius:6px}
.carried-review span{display:block;color:#704326;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.carried-review strong{display:block;margin-top:6px;font-size:17px}
.carried-review p{margin:7px 0 0;font-size:16px}
.project-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-contact-grid .email-field{grid-column:1/-1}
.project-interest-form label{display:block;margin-bottom:7px;font-size:16px;font-weight:700}
.project-interest-form label span{color:#6f665e;font-weight:400}
.project-contact-grid input,.lead-field input,.lead-field select,.lead-field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #92745f;border-radius:4px;background:#fffdf8;color:#211b17;font:inherit;font-size:16px}
.lead-field{margin-top:17px}
.lead-field textarea{min-height:116px;resize:vertical;line-height:1.5}
.lead-field textarea#lead-note{min-height:88px}
.project-interest-form input:focus,.project-interest-form select:focus,.project-interest-form textarea:focus{outline:2px solid #a97854;outline-offset:2px}
.privacy-note{display:grid;gap:5px;margin:18px 0;padding:15px 17px;background:#efe2d1;border:1px solid #dfcfbb;border-radius:4px;font-size:15px;line-height:1.5}
.privacy-note span{color:#594d43}
.project-interest-button{width:100%;min-height:54px;gap:12px;margin-top:3px}
.submit-status{margin-top:12px;font-size:16px}
.submit-status[data-state="success"]{color:#365d3d}.submit-status[data-state="error"]{color:#8a3324}
.work-feel{padding:34px 28px;background:#eee2d0;border:1px solid #e0d1bd;border-radius:8px}
.work-feel h2{margin-bottom:22px}
.work-feel ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.work-feel li{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;padding:17px 0;border-top:1px solid #d7c8b6}
.feel-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cba984;border-radius:50%;color:#704326;font-size:14px;font-weight:700}
.work-feel li strong{display:block;margin:1px 0 4px;font:400 24px/1.12 "Libre Caslon Display",Georgia,serif}
.work-feel li p{margin:0;color:#554b42;font-size:16px;line-height:1.5}
.work-process{padding:82px 0 92px;background:#f8f4ec;border-block:1px solid #e3d8c9}
.process-heading{margin-bottom:32px}.process-heading>p:last-child{margin-bottom:0}
.process-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.process-cards article{min-height:260px;padding:26px;background:#faf7f0;border:1px solid #ded2c3;border-radius:7px}
.step-number{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:50%;background:#efe2d1;color:#704326;font-size:18px;font-weight:700}
.process-cards h3{margin:0 0 10px;font:400 30px/1.08 "Libre Caslon Display",Georgia,serif}
.process-cards p{margin:0;color:#5d534b;font-size:17px;line-height:1.58}
.work-review-cta{padding:76px 0;background:#f4efe5}
.review-cta-inner{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:52px;align-items:center}
.review-cta-inner>div{padding:12px 0}.review-cta-inner h2{max-width:470px}.review-cta-inner>div>p:not(.eyebrow){max-width:510px;margin:20px 0 24px;color:#51483f;font-size:18px;line-height:1.62}
.review-cta-inner img{display:block;width:100%;height:390px;object-fit:cover;border-radius:6px}
.button-secondary{background:transparent!important;color:#211b17!important;border-color:#8b6044!important}.button-secondary:hover{background:#eee2d0!important}
.work-closing{padding:74px 0;background:linear-gradient(90deg,#211b17e8,#211b17a8),url('/images/work-with-us/final-cta.png') center 54%/cover;color:#fff}
.work-closing .eyebrow{color:#e1b38b}.work-closing h2{max-width:800px;margin:0;font:400 clamp(42px,5vw,66px)/1.02 "Libre Caslon Display",Georgia,serif;letter-spacing:-.025em}
.work-closing>div>p:not(.eyebrow){max-width:760px;color:#f0e9df;font-size:18px;line-height:1.6}
.work-closing>div>div{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.work-closing .button-light{background:transparent!important;color:white!important;border-color:#eee2d0!important}.work-closing .button-light:hover{background:#ffffff1a!important}
@media(max-width:960px){.work-hero{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.work-hero-copy{padding-right:34px}.work-intake{grid-template-columns:1fr}.work-feel{display:grid;grid-template-columns:.7fr 1.3fr;gap:0 26px}.work-feel>.eyebrow,.work-feel h2{grid-column:1}.work-feel h2{align-self:start}.work-feel ul{grid-column:2;grid-row:1/3}}
@media(max-width:700px){.work-hero{grid-template-columns:1fr}.work-hero-copy{width:auto;justify-self:stretch;padding:58px 24px 40px}.work-hero h1{font-size:clamp(48px,12vw,68px)}.work-hero-copy>p:not(.eyebrow){font-size:18px}.work-hero-image,.work-hero-image img{min-height:320px;height:320px}.work-hero-image img{object-position:center 43%}.work-intake{padding-top:34px;padding-bottom:56px;gap:20px}.work-form-card{padding:24px 20px}.form-heading h2,.work-feel h2{font-size:42px}.work-feel{display:block;padding:26px 22px}.work-feel li{grid-template-columns:42px minmax(0,1fr);gap:12px}.feel-icon{width:40px;height:40px}.work-feel li strong{font-size:23px}.process-cards{grid-template-columns:1fr;gap:14px}.process-cards article{min-height:0;padding:24px}.process-cards h3{font-size:29px}.work-process{padding:60px 0}.review-cta-inner{grid-template-columns:1fr;gap:25px}.review-cta-inner img{height:300px}.work-review-cta{padding:58px 0}.work-closing{padding:58px 0}.work-closing h2{font-size:46px}}
@media(max-width:420px){.project-contact-grid{grid-template-columns:1fr}.project-contact-grid .email-field{grid-column:auto}.work-hero-copy{padding-inline:19px}.work-hero h1{font-size:46px}.work-form-card{padding:21px 16px}.work-intake{width:calc(100% - 30px)}.work-feel{padding:23px 18px}.review-cta-inner img{height:250px}.work-closing>div>div{display:grid}.work-closing .button{width:100%}}
.work-hero-copy{justify-self:center;width:min(520px,100%);padding-left:24px}
.work-hero{grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)}
.work-page .eyebrow{font-size:14px}
.work-page .project-interest-form label{font-size:17px}
.work-page .project-interest-form input,.work-page .project-interest-form select,.work-page .project-interest-form textarea{font-size:17px}
.work-page .privacy-note{font-size:16px}
.work-page .work-feel li p,.work-page .process-cards p{font-size:17px}
@media(max-width:960px){.work-hero{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}}
@media(max-width:700px){.work-hero{grid-template-columns:1fr}.work-hero-copy{padding-left:24px}}
@media(max-width:420px){.work-hero-copy{padding-left:19px}}
