:root {
  --green:#142417; --green-2:#1C3228; --green-3:#2A4A38; --green-light:#3E6B52;
  --cream:#F4F0E8; --cream-2:#EDE9DF; --gold:#C49A35; --gold-dark:#80621b;
  --text:#1A1F1C; --muted:#4A5248; --nav-h:90px;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 20px); }
body { background:var(--cream); color:var(--text); font-family:'DM Sans',sans-serif; font-size:16px; line-height:1.8; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; }
img { display:block; width:100%; height:auto; }
picture { display:block; }
button,a { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
::selection { background:var(--gold); color:var(--green); }
[hidden] { display:none !important; }
h1,h2,h3,blockquote { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; }
h1,h2 { letter-spacing:-.025em; text-wrap:balance; }
h1 { font-size:clamp(58px,6.2vw,89px); line-height:1.01; }
h2 { font-size:clamp(42px,4.5vw,64px); line-height:1.04; margin-bottom:28px; }
p { text-wrap:pretty; }
.wrap { width:min(100% - 128px,1216px); margin-inline:auto; }
.section { padding-block:116px; }
.eyebrow { font-size:11px; font-weight:500; letter-spacing:.2em; line-height:1.8; text-transform:uppercase; color:var(--gold-dark); margin-bottom:24px; }
.gold-rule { display:block; width:64px; height:1px; background:var(--gold); margin-block:28px; }
.section-copy > p:not(.eyebrow) { color:var(--muted); }
.section-copy > p + p { margin-top:20px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:15px 27px; border:1px solid transparent; font-size:13px; font-weight:500; letter-spacing:.015em; line-height:1.5; text-align:center; transition:background .25s,transform .25s,border-color .25s; }
.btn-gold { background:var(--gold); color:var(--green); }
.btn-gold:hover { background:#d7af55; transform:translateY(-2px); }
.btn-ghost { color:var(--cream); border-color:rgba(196,154,53,.65); }
.btn-ghost:hover { background:rgba(196,154,53,.12); border-color:var(--gold); transform:translateY(-2px); }
.text-link { display:inline-block; font-size:14px; font-weight:500; border-bottom:1px solid var(--gold); padding-bottom:3px; }
.text-link span { padding-left:10px; }
.text-link:hover { color:var(--gold-dark); }
.site-header { position:fixed; inset:0 0 auto; z-index:100; min-height:var(--nav-h); border-bottom:1px solid rgba(244,240,232,.13); background:rgba(20,36,23,.83); transition:background .3s; }
.site-header.scrolled { background:rgba(20,36,23,.97); backdrop-filter:blur(14px); }
.nav-inner { width:min(100% - 96px,1344px); min-height:var(--nav-h); margin:auto; display:flex; align-items:center; gap:34px; }
.wordmark { font-family:'Cormorant Garamond',Georgia,serif; font-size:30px; font-weight:500; line-height:1; color:var(--cream); margin-right:auto; white-space:nowrap; }
.wordmark span { display:block; margin-top:9px; font-family:'DM Sans',sans-serif; font-size:9px; font-weight:400; letter-spacing:.15em; color:#d1d8cd; }
.nav-links { display:flex; align-items:center; gap:27px; }
.nav-links > a { font-size:12px; line-height:1.5; color:#e1e5db; transition:color .2s; }
.nav-links > a:hover { color:var(--gold); }
.nav-links > .nav-cta { color:var(--green); background:var(--gold); padding:13px 23px; font-weight:500; }
.nav-links > .nav-cta:hover { background:#d7af55; color:var(--green); }
.nav-controls { order:2; display:flex; align-items:center; gap:20px; }
.language-switch { font-size:12px; line-height:1.4; padding-block:7px; border-bottom:1px solid var(--gold); color:var(--cream); }
.menu-toggle { display:none; }
.hero { position:relative; isolation:isolate; overflow:hidden; background:var(--green); color:var(--cream); min-height:820px; display:flex; align-items:center; padding-block:180px 100px; }
.hero-art { position:absolute; z-index:-2; inset:0 0 0 auto; width:77%; }
.hero-art img { height:100%; object-fit:cover; object-position:70% center; }
.hero::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#142417 7%,rgba(20,36,23,.98) 25%,rgba(20,36,23,.91) 38%,rgba(20,36,23,.27) 67%,rgba(20,36,23,.06)),linear-gradient(0deg,rgba(20,36,23,.25),transparent 45%); }
.hero-inner { max-width:660px; }
.hero .eyebrow { color:#e4bf70; max-width:52ch; }
.hero-frame { border-left:2px solid var(--gold); padding:4px 0 4px 24px; margin-top:30px; max-width:550px; }
.hero-frame p { color:#e0e4d9; font-size:17px; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.split-section { background:var(--green-2); color:var(--cream); }
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:88px; align-items:center; }
.split-section .eyebrow,.promises-section .eyebrow { color:#e0bc6a; }
.split-section .section-copy > p:not(.eyebrow) { color:#d0d8ce; }
.photo-frame { position:relative; padding:0 16px 16px 0; }
.photo-frame::before { content:''; position:absolute; inset:18px 0 0 18px; border:1px solid rgba(196,154,53,.6); }
.photo-frame picture { position:relative; }
.photo-frame img { aspect-ratio:1.06; object-fit:cover; }
.technician-photo img { object-position:40% center; }
.about-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:104px; align-items:center; }
.portrait-frame { position:relative; padding:14px 14px 0; border:1px solid rgba(128,98,27,.4); }
.portrait-frame img { aspect-ratio:.86; object-fit:cover; object-position:center; }
.portrait-frame figcaption { font-size:11px; color:var(--muted); letter-spacing:.035em; padding-block:17px; }
.about-quote { font-style:italic; font-size:31px; line-height:1.25; color:var(--green-3); border-left:2px solid var(--gold); padding-left:23px; margin-block:31px 26px; }
.promises-section { background:var(--green-2); color:var(--cream); }
.promises-grid { display:grid; grid-template-columns:.68fr 1.32fr; gap:88px; align-items:start; }
.promises-intro h2 { margin-bottom:0; }
.promise-photo { margin-top:38px; }
.promise-photo img { aspect-ratio:.7; object-fit:cover; }
.promise-rail { list-style:none; display:grid; }
.promise { display:grid; grid-template-columns:55px 1fr; gap:20px; padding:25px 0; border-top:1px solid rgba(196,154,53,.3); }
.promise:first-child { padding-top:10px; border-top:0; }
.promise:last-child { padding-bottom:0; }
.promise-number { font-family:'Cormorant Garamond',Georgia,serif; font-size:35px; color:#dfbd76; line-height:1.2; }
.promise h3 { font-size:28px; line-height:1.2; margin-bottom:9px; }
.promise p { color:#d1d9cd; font-size:15px; line-height:1.75; }
.looking-grid { grid-template-columns:1.05fr .95fr; }
.crew-photo img { aspect-ratio:1.5; object-position:center; }
.criteria { list-style:none; }
.criteria li { padding:18px 0 18px 25px; position:relative; border-bottom:1px solid rgba(20,36,23,.13); color:var(--muted); font-size:15px; }
.criteria li:last-child { border-bottom:0; padding-bottom:0; }
.criteria li::before { content:''; position:absolute; top:29px; left:0; width:5px; height:5px; transform:rotate(45deg); background:var(--gold); }
.commercial-section { position:relative; isolation:isolate; overflow:hidden; padding-block:110px; background:var(--green); color:var(--cream); }
.commercial-art { position:absolute; inset:0; z-index:-2; }
.commercial-art img { height:100%; object-fit:cover; object-position:center 65%; }
.commercial-section::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(20,36,23,.93),rgba(20,36,23,.72) 65%,rgba(20,36,23,.45)); }
.commercial-inner { max-width:1050px; }
.commercial-inner .eyebrow { color:#e4bf70; }
.commercial-inner blockquote { font-size:clamp(30px,3.3vw,46px); line-height:1.25; max-width:33ch; }
.quote-attribution { margin-top:30px; padding-top:20px; border-top:1px solid rgba(196,154,53,.6); display:inline-block; font-size:12px; letter-spacing:.06em; }
.process-section { background:var(--cream); }
.process-heading { text-align:center; }
.process-heading .gold-rule { margin:0 auto 44px; }
.process-photo { max-width:820px; margin:0 auto 54px; }
.process-photo img { aspect-ratio:2.85; object-fit:cover; object-position:center top; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; list-style:none; position:relative; }
.steps::before { content:''; position:absolute; top:28px; left:12%; right:12%; height:1px; background:rgba(20,36,23,.2); }
.step { position:relative; text-align:center; }
.step-ring { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid rgba(20,36,23,.3); border-radius:50%; background:var(--cream); color:var(--green); font-family:'Cormorant Garamond',Georgia,serif; font-size:26px; margin:0 auto 24px; }
.step h3 { font-size:26px; line-height:1.1; margin-bottom:14px; min-height:58px; display:flex; align-items:center; justify-content:center; text-wrap:balance; }
.step p { font-size:14px; line-height:1.75; color:var(--muted); max-width:25ch; margin-inline:auto; }
.process-note { font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-size:28px; text-align:center; margin-top:52px; color:var(--green-3); }
.questions-section { background:var(--cream-2); }
.questions-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:100px; align-items:start; }
.questions-photo { margin-top:34px; }
.questions-photo img { aspect-ratio:1.38; object-fit:cover; }
.faq-item { border-bottom:1px solid rgba(20,36,23,.19); }
.faq-item:first-child { border-top:1px solid rgba(20,36,23,.19); }
.faq-question { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; border:0; background:none; cursor:pointer; padding:25px 0; text-align:left; font-size:16px; font-family:'DM Sans',sans-serif; font-weight:500; line-height:1.6; }
.faq-question:hover { color:var(--green-light); }
.faq-icon { width:16px; height:16px; position:relative; flex:0 0 16px; }
.faq-icon::before,.faq-icon::after { content:''; position:absolute; background:var(--gold-dark); left:0; top:7px; height:1px; width:16px; }
.faq-icon::after { transform:rotate(90deg); transition:transform .2s; }
.faq-question[aria-expanded='true'] .faq-icon::after { transform:rotate(0); }
.faq-answer { color:var(--muted); font-size:15px; padding:0 30px 26px 0; }
.contact-section { position:relative; isolation:isolate; overflow:hidden; text-align:center; background:var(--green); color:var(--cream); padding-block:112px; }
.contact-art { position:absolute; inset:0; z-index:-2; }
.contact-art img { height:100%; object-fit:cover; object-position:center; }
.contact-section::after { content:''; position:absolute; inset:0; z-index:-1; background:rgba(20,36,23,.83); }
.contact-inner { max-width:840px; }
.contact-inner .gold-rule { margin:0 auto 32px; }
.contact-inner h2 { font-size:clamp(44px,4.9vw,70px); max-width:750px; margin:0 auto 26px; }
.contact-copy { font-size:17px; max-width:49ch; margin:0 auto 30px; color:#e1e5db; }
.email-button { font-size:19px; padding:19px 36px; }
.spanish-note { font-size:13px; margin-top:22px; color:#d4dcd0; }
.site-footer { background:var(--green); color:#bac7b5; border-top:1px solid rgba(196,154,53,.25); padding-block:37px; font-size:11px; }
.footer-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.footer-contact { font-size:13px; color:var(--cream); margin-bottom:5px; }
.site-footer .text-link { font-size:12px; color:var(--cream); }
.reveal-ready .reveal { opacity:0; transform:translateY(25px); transition:opacity .75s ease,transform .75s cubic-bezier(.22,.68,0,1.2); }
.reveal-ready .reveal.in { opacity:1; transform:none; }
@media (min-width:1101px) {
  html[lang='es'] .nav-inner { gap:24px; }
  html[lang='es'] .nav-links { gap:20px; }
  html[lang='es'] .hero-inner { max-width:680px; }
  html[lang='es'] h1 { font-size:84px; }
}
@media (max-width:1100px) {
  .wrap { width:calc(100% - 72px); }
  .nav-inner { width:calc(100% - 56px); gap:18px; flex-wrap:wrap; }
  .nav-controls { order:0; }
  .nav-links { width:100%; flex-wrap:wrap; padding-bottom:24px; }
  .menu-ready .menu-toggle { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(196,154,53,.55); background:transparent; width:44px; height:44px; cursor:pointer; }
  .menu-toggle span { width:18px; height:1px; background:var(--cream); transition:transform .2s; }
  .menu-toggle[aria-expanded='true'] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded='true'] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .menu-ready .nav-links { display:none; }
  .menu-ready .nav-links.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0 0 24px; max-height:calc(100dvh - var(--nav-h)); overflow-y:auto; }
  .nav-links > a { font-size:16px; padding:12px 0; }
  .nav-links > .nav-cta { text-align:center; margin-top:12px; padding:14px; }
  .site-header { background:var(--green); }
  html:not(.menu-ready) .site-header { position:relative; }
  .hero { min-height:780px; }
  .hero-art { width:90%; }
  .hero-inner { max-width:600px; }
  .hero::after { background:linear-gradient(90deg,#142417,rgba(20,36,23,.9) 35%,rgba(20,36,23,.4)); }
  .split-grid,.about-grid,.promises-grid,.questions-grid { gap:48px; }
  .section { padding-block:92px; }
  .promise { grid-template-columns:40px 1fr; gap:12px; }
}
@media (max-width:700px) {
  :root { --nav-h:80px; }
  body { font-size:16px; line-height:1.85; }
  .wrap { width:calc(100% - 48px); }
  .section { padding-block:72px; }
  .nav-inner { width:calc(100% - 40px); gap:12px; }
  .wordmark { font-size:27px; }
  .wordmark span { font-size:8px; margin-top:8px; letter-spacing:.12em; }
  .nav-controls { gap:16px; }
  .language-switch { font-size:11px; }
  h1 { font-size:53px; line-height:1.01; }
  h2 { font-size:43px; line-height:1.06; margin-bottom:25px; }
  .eyebrow { font-size:10px; letter-spacing:.17em; line-height:1.9; margin-bottom:20px; }
  .gold-rule { margin-block:25px; width:52px; }
  .hero { min-height:0; padding-block:365px 66px; align-items:flex-start; }
  .hero-art { inset:var(--nav-h) 0 auto; width:100%; height:380px; }
  .hero-art img { object-position:77% 20%; }
  .hero::after { background:linear-gradient(180deg,transparent 80px,rgba(20,36,23,.04) 235px,rgba(20,36,23,.75) 335px,#142417 450px); }
  .hero .eyebrow { max-width:32ch; color:#e4bf70; }
  .hero-frame { padding-left:18px; margin-top:25px; }
  .hero-frame p { font-size:16px; line-height:1.8; }
  .hero-actions { flex-direction:column; gap:12px; margin-top:28px; }
  .btn { min-height:55px; font-size:13px; padding-inline:14px; }
  .split-grid,.about-grid,.promises-grid,.questions-grid { grid-template-columns:1fr; gap:38px; }
  .photo-frame { padding:0 12px 12px 0; }
  .photo-frame::before { inset:12px 0 0 12px; }
  .photo-frame img { aspect-ratio:1.1; }
  .about-grid { gap:40px; }
  .portrait-frame { padding:10px 10px 0; max-width:410px; margin-inline:15px; }
  .portrait-frame img { aspect-ratio:.92; }
  .portrait-frame figcaption { font-size:10px; padding-block:13px; }
  .about-quote { font-size:31px; line-height:1.24; margin-block:29px 25px; padding-left:20px; }
  .promises-grid { gap:30px; }
  .promises-intro .gold-rule { margin:24px 0 28px; }
  .promise-photo { margin-top:0; }
  .promise-photo img { aspect-ratio:1.65; object-position:center 60%; }
  .promise { grid-template-columns:37px 1fr; gap:15px; padding:27px 0; }
  .promise:first-child { padding-top:6px; }
  .promise-number { font-size:30px; }
  .promise h3 { font-size:28px; line-height:1.12; margin-bottom:12px; }
  .promise p { font-size:15px; line-height:1.8; }
  .looking-grid .section-copy { grid-row:1; }
  .crew-photo img { aspect-ratio:1.5; }
  .criteria li { font-size:15px; padding-block:18px; }
  .commercial-section { padding-block:76px; }
  .commercial-art img { object-position:65% center; }
  .commercial-section::after { background:rgba(20,36,23,.84); }
  .commercial-inner blockquote { font-size:33px; line-height:1.25; }
  .quote-attribution { margin-top:28px; padding-top:20px; }
  .process-heading { text-align:left; }
  .process-heading .gold-rule { margin:26px 0 32px; }
  .process-photo { margin-bottom:38px; }
  .process-photo img { aspect-ratio:1.5; object-position:center top; }
  .steps { grid-template-columns:1fr; gap:32px; }
  .steps::before { top:28px; bottom:64px; left:24px; right:auto; width:1px; height:auto; }
  .step { display:flex; align-items:flex-start; gap:22px; text-align:left; }
  .step-ring { flex:0 0 50px; width:50px; height:50px; margin:0; font-size:24px; }
  .step h3 { font-size:28px; min-height:0; display:block; margin:5px 0 10px; text-wrap:initial; }
  .step p { font-size:15px; max-width:none; }
  .process-note { text-align:left; font-size:28px; line-height:1.3; margin-top:38px; padding-top:25px; border-top:1px solid rgba(196,154,53,.4); }
  .questions-grid { gap:30px; }
  .questions-photo { margin-top:28px; }
  .questions-photo img { aspect-ratio:1.5; }
  .faq-question { font-size:16px; line-height:1.6; padding-block:24px; gap:20px; }
  .faq-answer { font-size:15px; padding-right:20px; }
  .contact-section { padding-block:78px; }
  .contact-inner h2 { font-size:46px; }
  .contact-copy { font-size:16px; line-height:1.85; margin-bottom:28px; }
  .email-button { width:100%; font-size:16px; padding:19px 10px; }
  .spanish-note { font-size:12px; margin-top:21px; }
  .site-footer { padding-block:32px; text-align:center; }
  .footer-inner { flex-direction:column; gap:18px; }
  .footer-contact { max-width:31ch; margin-inline:auto; line-height:1.9; font-size:12px; margin-bottom:8px; }
}
@media (max-width:360px) {
  .wrap { width:calc(100% - 40px); }
  .nav-inner { width:calc(100% - 32px); }
  .wordmark { font-size:24px; }
  .nav-controls { gap:10px; }
  h1 { font-size:48px; }
  h2 { font-size:40px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .reveal-ready .reveal { opacity:1; transform:none; }
}
/* October 2026 editorial update */
.hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.78fr); align-items:center; gap:6vw; padding-block:calc(var(--nav-h) + 56px) 76px; }
.hero-art { position:relative; inset:auto; z-index:0; width:min(100%,520px); height:min(72vh,680px); justify-self:end; border:1px solid rgba(196,154,53,.65); padding:12px; }
.hero-art img { width:100%;height:100%;object-fit:cover;object-position:center top; }
.hero-inner { grid-column:1;grid-row:1;max-width:680px; }
.hero-frame { max-width:620px; }
.split-grid,.looking-grid { display:block;max-width:900px; }
.commercial-section { padding-block:110px;background:var(--green); }
.commercial-section::after { display:none; }
.process-photo { display:none; }
.contact-actions { display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px; }
.contact-actions [hidden] { display:none!important; }
.contact-inner>p:not(.contact-copy) { margin-top:8px; }
.site-footer .footer-contact { color:var(--cream); }
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-block:calc(var(--nav-h) + 38px) 52px}.hero-inner{order:0}.hero-art{order:1;justify-self:center;width:min(100%,390px);height:440px;margin:auto}.hero::after{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.split-grid,.looking-grid{max-width:none}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions>*{width:100%}.contact-actions .btn{width:100%}}
