@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&family=Bodoni+Moda:opsz,wght@6..96,700&family=Tenor+Sans&display=swap');
:root{--paper:#f5f3ed;--ink:#282d28;--muted:#687066;--line:#d3d5ca;--sage:#dce0d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.monogram{font:38px Georgia;letter-spacing:-3px;border-right:1px solid #9a9e93;padding-right:18px}.brand small{font-size:10px;letter-spacing:3px;line-height:1.5}nav{display:flex;gap:35px;align-items:center}nav a{font-size:12px}nav a:last-child{border:1px solid #989f90;padding:10px 23px}.hero{position:relative;min-height:690px;height:80vh;max-height:960px;background:#4c5046;display:flex;align-items:flex-end;color:white;padding:65px 6%}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,23,19,.74),rgba(14,23,19,.06) 85%)}.hero-content{position:relative;z-index:1;width:100%}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:3px;display:block;margin-bottom:22px}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(55px,6.8vw,108px);letter-spacing:-2px;max-width:850px;margin:0 0 30px}h2{font-size:clamp(40px,4.5vw,65px);margin:0 0 28px}h3{font-size:29px;margin:16px 0 8px}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.button{display:inline-block;border-bottom:1px solid;padding:10px 0;font-size:12px;letter-spacing:1px}.hero-bottom p{font-size:11px;letter-spacing:1px;text-align:right}.intro{padding:100px 8%;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.intro p{max-width:550px;color:var(--muted)}.intro h2{max-width:650px}.section{padding:90px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-head h2{margin:0}.projects{background:#e9ebe3}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:55px 35px}.project{border:0;background:none;text-align:left;padding:0;color:inherit;cursor:pointer}.project:first-child{grid-column:1 / -1}.project img{width:100%;height:360px;object-fit:cover;display:block;transition:filter .3s}.project:first-child img{height:540px}.project:hover img{filter:brightness(.9)}.caption{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdc3b5;padding:4px 0 20px}.caption p{font-size:10px;text-transform:uppercase;letter-spacing:2px;margin:0}.arrow{font-size:25px}.services-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:12%}.service{border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:40px 1fr;gap:15px}.service span{font-size:11px;color:var(--muted);padding-top:8px}.service h3{margin:0 0 12px}.service p{margin:0;color:var(--muted);max-width:480px}.about{background:var(--sage);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about img{width:100%;height:520px;object-fit:cover}.person{border-top:1px solid #aeb6a6;padding-top:22px;margin-top:30px}.person strong{display:block;font-size:18px;font-weight:500}.person small{color:var(--muted)}.contact{background:#29332d;color:#f5f3ed;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 8%}.contact p{color:#bbc3b7}.contact h2{font-size:66px}.contact-info{margin-top:45px;display:flex;flex-direction:column;gap:9px}form{display:grid;grid-template-columns:1fr 1fr;gap:23px}label{font-size:11px;letter-spacing:.5px}input,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #82907d;color:white;border-radius:0;padding:12px 0;outline-offset:5px}textarea{min-height:115px;resize:vertical}input::placeholder,textarea::placeholder{color:#96a190}.full{grid-column:1/-1}.submit{background:#e3e7dc;border:0;padding:16px 25px;cursor:pointer;color:#28322b;text-align:left;display:flex;justify-content:space-between}.note{font-size:11px!important;margin:0}.status{font-size:13px;margin:0;color:white!important}footer{padding:30px 6%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}dialog{border:0;padding:0;max-width:1000px;width:90%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111b16cc}dialog img{width:100%;max-height:65vh;object-fit:contain;background:#202920}.modal-copy{padding:25px 35px}.modal-close{position:absolute;right:14px;top:14px;background:white;border:0;padding:8px 15px;cursor:pointer}dialog h2{font-size:38px;margin:0 0 15px}:focus-visible{outline:2px solid #9b713e;outline-offset:5px}@media(max-width:700px){header{height:80px;padding:0 5%}.monogram{font-size:29px;padding-right:12px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:12px}nav a{font-size:10px}nav a:last-child{padding:7px}.hero{min-height:590px;height:75vh;padding:40px 6%}h1{font-size:59px}.hero-bottom p{display:none}.intro,.services-layout,.about,.contact{grid-template-columns:1fr;gap:35px;padding:65px 6%}.section{padding:65px 6%}.project-grid{grid-template-columns:1fr;gap:35px}.project:first-child{grid-column:auto}.project img,.project:first-child img{height:300px}.section-head{align-items:start;gap:15px}.section-head .button{white-space:nowrap}.about img{height:320px}.contact h2{font-size:52px}footer{gap:20px;flex-wrap:wrap}form{gap:20px}.eyebrow{letter-spacing:2px}}
.project-nav{position:relative}.project-toggle{font:inherit;font-size:12px;color:inherit;background:none;border:0;padding:12px 0;cursor:pointer}.project-toggle span{margin-left:5px}.project-menu{position:absolute;top:100%;right:-24px;min-width:290px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 25px #282d2812;padding:10px 0}.project-menu[hidden]{display:none}.project-menu a,.project-menu a:last-child{display:block;border:0;padding:13px 22px;font-size:12px;white-space:nowrap}.project-menu a:hover,.project-menu a:focus-visible{background:var(--sage)}@media(max-width:700px){.project-toggle{font-size:10px}.project-menu{right:-65px;min-width:260px}.project-menu a,.project-menu a:last-child{font-size:12px;padding:14px 18px}}
.about-expanded{display:block}.about-opening{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-opening h2{max-width:580px}.about-opening img{height:440px}.about-lead{font-size:18px;line-height:1.8;max-width:570px}.about-commitment{border-top:1px solid #aeb6a6;border-bottom:1px solid #aeb6a6;margin:60px 0;display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:30px 0}.about-commitment h3{margin:8px 0}.about-commitment ul{columns:2;column-gap:45px;padding-left:20px;margin:0}.about-commitment li{break-inside:avoid;padding:5px 0 8px 4px}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:35px 8%;align-items:start}.about-principles h3{margin:0 0 16px}.about-principles p{margin:0;max-width:580px;color:#495347}@media(max-width:700px){.about-opening,.about-commitment,.about-principles{grid-template-columns:1fr;gap:28px}.about-opening img{height:300px}.about-commitment{margin:40px 0}.about-commitment ul{columns:1}.about-principles{gap:35px}.about-lead{font-size:16px}}
.hpc-logo{display:block;width:252px;height:70px}.hpc-logo .hpc{font-family:'Bodoni Moda',Didot,Georgia,serif;font-weight:700;font-size:42px;font-optical-sizing:none;font-variation-settings:'opsz' 6;text-anchor:middle;fill:#F1EDE5}.hpc-logo .sans{font-family:'Tenor Sans','Century Gothic',sans-serif}@media(max-width:700px){.hpc-logo{width:165px;height:46px}}@media(max-width:380px){.hpc-logo{width:140px;height:39px}nav{gap:9px}}

/* HPC logo-inspired palette and spacing */
:root{--paper:#f1ede5;--ink:#24362d;--muted:#62695f;--line:#d6d0c4;--sage:#e8e3d9;--bronze:#a6815b}
html{scroll-padding-top:112px}
header{height:108px;padding:0 6%;border-bottom:1px solid var(--line)}
.hpc-logo{width:260px;height:73px}
nav{gap:36px}nav a:hover,.project-toggle:hover{color:#795b40}
nav>a:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:12px 25px}
nav>a:last-child:hover{background:#344c3e}
.project-menu{background:var(--paper);border-top:2px solid var(--bronze)}
.project-menu a:hover,.project-menu a:focus-visible{background:#e8e3d9}
.projects{background:#e8e3d9}
.caption{border-bottom-color:#c9c2b5}.caption .arrow{color:#795b40}
.button{border-bottom-color:var(--bronze)}
.service{border-top-color:var(--line)}.service>span{color:#795b40}
.about{background:var(--paper);border-top:1px solid var(--line)}
.about-commitment{border-top-color:var(--line);border-bottom-color:var(--line)}
.about-commitment li::marker{color:#795b40}
.about-principles p{color:#515d51}.person{border-top-color:var(--line)}
.contact{background:#24362d;color:var(--paper)}
.contact .eyebrow{color:var(--bronze)}.contact p{color:#c9d0c4}
.contact input,.contact textarea{border-bottom-color:#82907d}
.contact input:focus,.contact textarea:focus{border-bottom-color:var(--bronze)}
.submit{background:var(--paper);color:var(--ink);border:1px solid var(--paper)}
.submit:hover{background:#e4d9c6;border-color:var(--bronze)}.submit span{color:#795b40}
footer{background:var(--paper)}
:focus-visible{outline-color:#a6815b}
@media(max-width:700px){html{scroll-padding-top:92px}header{height:88px;padding:0 5%}.hpc-logo{width:165px;height:46px}nav{gap:12px}nav>a:last-child{padding:8px}.about{padding:65px 6%}}
@media(max-width:380px){.hpc-logo{width:140px;height:39px}nav{gap:9px}}

.about-opening .person{border-top:0;padding-top:0;margin-top:20px}.project-page[hidden]{display:none}.project-page{padding:35px 6% 0}.project-intro{max-width:1000px;margin:65px auto 45px;text-align:center}.project-intro h1{font-size:clamp(46px,6vw,82px);max-width:100%;margin-bottom:26px}.project-intro p{max-width:650px;margin:0 auto;color:var(--muted)}.project-page .project-lead{width:100%;height:auto;display:block}.project-facts{display:flex;justify-content:center;gap:50px;padding:26px 0 45px;font-size:10px;letter-spacing:2px}.montecito-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.montecito-gallery figure{margin:0;min-width:0}.montecito-gallery img{width:100%;height:auto;display:block}.montecito-gallery figcaption{font-size:11px;color:var(--muted);padding-top:12px}.project-end{text-align:center;padding:90px 0}.project-end h2{font-size:48px}@media(max-width:700px){.project-intro{margin:40px auto 30px}.project-facts{gap:14px;flex-wrap:wrap;letter-spacing:1px}.montecito-gallery{grid-template-columns:1fr;gap:28px}.project-end{padding:60px 0}.project-end h2{font-size:38px}}.project-quote{max-width:920px;margin:10px auto 65px;padding:38px 5%;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-quote .eyebrow{color:#795b40}.project-quote blockquote{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(27px,3vw,39px);line-height:1.4;margin:0 0 22px}.project-quote figcaption{font-size:11px;color:var(--muted)}.luxe-feature{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:8%;align-items:center;margin:70px 0 0;padding:55px 6%;background:#e8e3d9}.luxe-cover img{display:block;width:100%;height:auto;box-shadow:0 8px 24px #24362d20}.luxe-feature h2{font-size:clamp(34px,4vw,55px)}.luxe-feature p{color:var(--muted)}.luxe-feature .luxe-note{font-size:11px;margin-top:15px}@media(max-width:700px){.luxe-feature{grid-template-columns:1fr;gap:35px;padding:35px 7%;margin-top:45px}.luxe-cover{max-width:240px;margin:auto}.luxe-feature h2{font-size:36px}}.montecito-gallery .landscape img{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover;object-position:center}.goleta-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.goleta-gallery figure{margin:0;min-width:0}.goleta-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}.goleta-gallery .gallery-wide{grid-column:1/-1}.goleta-gallery .gallery-wide img{aspect-ratio:3/2}@media(max-width:700px){.goleta-gallery{grid-template-columns:1fr}.goleta-gallery .gallery-wide{grid-column:auto}}.goleta-gallery>figure:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 28px)/2);justify-self:center}@media(max-width:700px){.goleta-gallery>figure:last-child:nth-child(odd){width:100%}}.santa-ynez-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.santa-ynez-gallery figure{margin:0;min-width:0}.santa-ynez-gallery img{display:block;width:100%;object-fit:cover;object-position:center}.santa-ynez-gallery .landscape img{aspect-ratio:3/2}.santa-ynez-gallery .portrait img{aspect-ratio:2/3}.santa-ynez-gallery>figure:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 28px)/2);justify-self:center}@media(max-width:700px){.santa-ynez-gallery{grid-template-columns:1fr}.santa-ynez-gallery>figure:last-child:nth-child(odd){width:100%}}.project-video{margin-top:65px;padding:45px 6%;background:#e8e3d9;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}.project-video h2{font-size:clamp(32px,4vw,48px);margin-bottom:20px}.project-video p{color:var(--muted)}.video-link{display:flex;align-items:center;gap:22px;padding:25px 0;border-top:1px solid var(--bronze);border-bottom:1px solid var(--bronze);font-size:12px;letter-spacing:1px}.video-play{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;background:var(--ink);color:var(--paper);border-radius:50%}.video-link small{display:block;letter-spacing:0;font-size:11px;color:var(--muted);margin-top:8px}.video-link:hover .video-play{background:#795b40}@media(max-width:700px){.project-video{grid-template-columns:1fr;gap:20px;padding:35px 7%}}.project-video-links .video-link+.video-link{border-top:0}.pepper-preview{height:360px;background:#dcd6c9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;color:var(--ink)}.pepper-preview>span:last-child{font-family:"Libre Caslon Display",Georgia,serif;font-size:42px;line-height:1.15;text-align:center}.pepper-preview .eyebrow{font-size:9px}.pepper-project{grid-column:1/-1}.pepper-project:hover .pepper-preview{background:#d3ccbd}@media(max-width:700px){.pepper-preview{height:260px}}.pepper-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pepper-gallery figure{margin:0;min-width:0}.pepper-gallery img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.pepper-gallery .landscape img{aspect-ratio:3/2}.pepper-gallery .portrait img{aspect-ratio:2/3}.pepper-project>img{height:480px}@media(max-width:700px){.pepper-gallery{grid-template-columns:1fr}.pepper-project>img{height:300px}}.woodstock-project{grid-column:1/-1}.woodstock-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.woodstock-gallery figure{margin:0;min-width:0}.woodstock-gallery img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.woodstock-gallery .landscape img{aspect-ratio:3/2}.woodstock-gallery .portrait img{aspect-ratio:4/5}.woodstock-gallery>figure:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 28px)/2);justify-self:center}.woodstock-project>img{height:480px}@media(max-width:700px){.woodstock-gallery{grid-template-columns:1fr}.woodstock-gallery>figure:last-child:nth-child(odd){width:100%}.woodstock-project>img{height:300px}}.buildertrend-form{min-width:0;background:#f1ede5;padding:24px;color:#24362d}.buildertrend-form iframe{display:block;min-height:850px}.contact .buildertrend-form .note{color:#515d51;margin-top:18px}.buildertrend-form .note a{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.buildertrend-form{padding:15px}.buildertrend-form iframe{min-height:1000px}}
img[width][height]{max-width:100%}.project-page .project-lead{height:auto}.hero{overflow:hidden}.project-page[hidden]{display:none}

.hero-service-area{max-width:470px;margin-left:35px}.hero-service-area p{margin:0 0 10px}.hero-service-area .hero-tagline{font-size:14px}.hero-service-area .hero-area-description{font-size:12px;line-height:1.7;letter-spacing:0;text-transform:none}.hero-bottom{gap:30px}@media(max-width:700px){.hero-bottom{align-items:flex-start;flex-direction:column;gap:22px}.hero-service-area{max-width:100%;margin-left:0}.hero-service-area p{display:block;text-align:left}.hero-service-area .hero-area-description{font-size:11px}.hero{height:auto;min-height:690px}}

@media(min-width:1100px){#woodstock-page .project-intro{max-width:100%}#woodstock-page .project-intro p{max-width:none;font-size:clamp(12px,1.08vw,15px);white-space:nowrap}}

.services-testimonial{margin:30px 0}.services-testimonial blockquote{margin:0 0 20px;font-family:"Libre Caslon Display",Georgia,serif;font-size:24px;line-height:1.5;color:var(--ink)}.services-testimonial figcaption{font-size:12px;color:var(--muted);line-height:1.7}.services-testimonial figcaption strong{font-weight:500;color:var(--ink)}

.adobe-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.adobe-gallery figure{margin:0;min-width:0}.adobe-gallery img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.adobe-gallery .landscape img{aspect-ratio:3/2}.adobe-gallery .portrait img{aspect-ratio:2/3}@media(max-width:700px){.adobe-gallery{grid-template-columns:1fr}}

.information-page h1{font-size:clamp(40px,4.5vw,65px);line-height:1.1;letter-spacing:normal;margin:0 0 28px;max-width:none}.information-page .contact h1{font-size:66px}.information-intro{color:var(--muted);margin:0 0 30px}.information-page .about-opening h1{max-width:580px}@media(max-width:700px){.information-page .contact h1{font-size:52px}}

/* Launch accessibility */
.skip-link{position:fixed;left:12px;top:-100px;background:#f1ede5;color:#24362d;padding:12px 18px;z-index:100}.skip-link:focus{top:12px}.missing-page{min-height:65vh}.missing-page h1{font-size:clamp(40px,5vw,68px)}
@media(max-width:700px){header{height:auto;min-height:132px;flex-direction:column;justify-content:center;gap:6px;padding:10px 5%}nav{width:100%;justify-content:space-between;gap:8px}nav>a,.project-toggle{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.project-menu{right:-60px;min-width:260px;max-width:88vw}.project-menu a,.project-menu a:last-child{min-height:44px}html{scroll-padding-top:145px}.project-facts{overflow-wrap:anywhere}.project-intro h1{overflow-wrap:normal}.information-page .contact h1{font-size:clamp(38px,11vw,52px)}}

/* Privacy policy */
.policy-copy{max-width:900px;margin:0 auto;padding:76px 6% 96px}.policy-copy h1{margin-bottom:24px}.policy-copy h2{font-size:clamp(29px,3.5vw,38px);margin:42px 0 16px}.policy-copy p{line-height:1.85;overflow-wrap:anywhere}.policy-copy a,.inquiry-privacy a{text-decoration:underline;text-underline-offset:3px}.policy-draft-label,.policy-review-note{padding:18px 22px;background:var(--sage);border-left:3px solid #687066;font-size:13px}.inquiry-privacy{font-size:12px;margin:16px 0 0}footer{flex-wrap:wrap;gap:16px}footer a{min-height:44px;display:inline-flex;align-items:center}footer span{align-self:center}@media(max-width:700px){.policy-copy{padding:44px 6% 64px}.policy-draft-label,.policy-review-note{padding:14px 16px}}
/* Analytics consent */
.analytics-preferences{font:inherit;font-size:10px;letter-spacing:1px;background:none;color:inherit;border:0;text-decoration:underline;cursor:pointer;min-height:44px;padding:8px}
.analytics-consent[hidden]{display:none}.analytics-consent{position:fixed;bottom:20px;left:20px;right:20px;max-width:720px;margin:auto;z-index:150;background:#f1ede5;color:#24362d;border:1px solid #687066;box-shadow:0 6px 28px #0003;padding:22px 24px;font:14px/1.6 Arial,sans-serif}.analytics-consent h2{font:26px/1.2 Georgia,serif;margin:0 0 10px}.analytics-consent p{margin:0 0 14px}.analytics-consent a{color:inherit;text-decoration:underline}.analytics-actions{display:flex;gap:12px;flex-wrap:wrap}.analytics-actions button{background:#24362d;color:#fff;border:1px solid #24362d;font:inherit;min-height:44px;padding:10px 18px;cursor:pointer}.analytics-actions button:focus-visible,.analytics-preferences:focus-visible{outline:3px solid #9a743a;outline-offset:3px}.analytics-consent small{display:block;margin-top:12px}@media(max-width:600px){.analytics-consent{bottom:10px;left:10px;right:10px;padding:18px;max-height:75vh;overflow:auto}.analytics-actions button{flex:1}}