:root{color:#f8f1df;--ink:#071211;--forest:#0b211f;--forest-strong:#061413;--cream:#f8f1df;--muted:#d9cfb8;--dim:#978f7d;--gold:#f0b833;--gold-dark:#b77c20;--timber:#8f5b2d;--cedar:#c88a46;--line:#f0b83357;--shadow:0 22px 55px #00000057;background:#071211;font-family:Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden}body{background:radial-gradient(circle at 20% 0%, #f0b83317, transparent 30%), linear-gradient(180deg, var(--forest-strong), var(--ink));min-width:320px}img{max-width:100%}a{color:inherit}button,input,textarea{font:inherit}.site-shell{background:var(--forest-strong);min-height:100vh}.site-header{z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061413f0;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:10px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand{width:clamp(150px,20vw,238px);display:block}.brand img{aspect-ratio:16/9;object-fit:contain;background:#050d0c;border:1px solid #f0b83347;border-radius:8px;width:100%;display:block}.site-nav{flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,32px);display:flex}.site-nav a,.nav-phone{color:var(--cream);font-size:15px;font-weight:700;text-decoration:none}.site-nav a{color:var(--muted)}.site-nav a:hover,.nav-phone:hover{color:var(--gold)}.nav-phone{color:var(--gold);white-space:nowrap;justify-self:end}.hero{background:linear-gradient(90deg, #060f0ef0 0%, #060f0eb8 45%, #060f0e3d 100%), var(--hero-image);border-bottom:1px solid var(--line);background-position:50%;background-size:cover;align-items:center;min-height:clamp(560px,78svh,760px);padding:clamp(56px,9vw,112px) clamp(20px,5vw,72px);display:flex}.hero-content{width:min(760px,100%);min-width:0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;font-size:14px;font-weight:900}.hero h1{letter-spacing:0;max-width:740px;color:var(--cream);text-shadow:0 5px 28px #00000080;font-size:clamp(42px,7vw,76px);line-height:1}.hero h1 span{display:block}.hero-copy{max-width:660px;color:var(--muted);margin-top:24px;font-size:clamp(18px,2.2vw,22px);line-height:1.58}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-weight:900;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:var(--ink);background:linear-gradient(135deg, var(--gold), var(--cedar));box-shadow:0 16px 34px #f0b8333d}.button-secondary{color:var(--cream);background:#f8f1df14;border-color:#f8f1df80}.intro-band{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.intro-band div{background:linear-gradient(135deg,#102a27,#0b1c1b);min-height:122px;padding:26px clamp(18px,4vw,44px)}.intro-band strong{color:var(--gold);margin-bottom:8px;font-size:20px;display:block}.intro-band span{color:var(--muted);line-height:1.55;display:block}.section{padding:clamp(72px,10vw,118px) clamp(20px,5vw,72px)}.section-heading{text-align:center;max-width:850px;margin:0 auto 46px}.section-heading h2,.contact-copy h2{color:var(--cream);letter-spacing:0;font-size:clamp(34px,5vw,58px);line-height:1.04}.section-heading p:not(.eyebrow),.contact-copy p{color:var(--muted);margin-top:18px;font-size:18px;line-height:1.65}.services-section{background:linear-gradient(180deg, #f8f1df08, transparent), var(--forest)}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.service-card{border:1px solid var(--line);min-height:255px;box-shadow:var(--shadow);background:linear-gradient(#f8f1df0f,#f8f1df05),#0b1b1a;border-radius:8px;padding:28px}.service-card h3{color:var(--gold);margin-bottom:14px;font-size:23px;line-height:1.15}.service-card p{color:var(--muted);line-height:1.65}.work-section{background:linear-gradient(135deg, #8f5b2d2e, #061413fa), var(--forest-strong)}.split-heading{text-align:left;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:end;gap:34px;max-width:1180px;display:grid}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#0b1b1a;border-radius:8px;overflow:hidden}.feature-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.feature-card div{padding:22px}.feature-card h3{color:var(--cream);margin-bottom:10px;font-size:23px}.feature-card p{color:var(--muted);line-height:1.6}.gallery-section{background:linear-gradient(180deg, #f8f1dff0, #ede1c9fa), var(--cream);color:var(--ink)}.gallery-section .eyebrow{color:var(--gold-dark)}.gallery-section .section-heading h2{color:var(--ink)}.gallery-section .section-heading p{color:#574d3c}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.gallery-item{aspect-ratio:1;background:#d9cfb8;border:1px solid #0b211f24;border-radius:8px;overflow:hidden;box-shadow:0 18px 42px #0b211f29}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.gallery-item:hover img{transform:scale(1.04)}.contact-section{background-color:#0000;background-image:linear-gradient(115deg,#061413f5,#061413c2),url(/oma/work-7.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.contact-copy{max-width:560px}.contact-phone{color:var(--gold);margin-top:26px;font-size:clamp(32px,5vw,54px);font-weight:900;line-height:1;text-decoration:none;display:inline-block}.contact-form{box-shadow:var(--shadow);background:#f8f1dff5;border:1px solid #f8f1dfb8;border-radius:8px;gap:16px;padding:clamp(22px,4vw,34px);display:grid}.contact-form label{color:var(--ink);gap:8px;font-weight:800;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--ink);background:#fffaf0;border:1px solid #0b211f38;border-radius:8px;outline:none;padding:14px 15px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px #f0b83338}.contact-form textarea{resize:vertical}.hidden-field{display:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#050d0c;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:36px clamp(20px,5vw,72px);display:grid;position:relative}.site-footer img{aspect-ratio:16/9;object-fit:contain;border-radius:8px;width:138px}.site-footer strong,.site-footer a{display:block}.site-footer strong{color:var(--cream);margin-bottom:6px}.site-footer a{color:var(--gold);font-weight:900;text-decoration:none}.site-footer p{color:var(--dim);justify-self:end;font-size:14px}.admin-link{color:#746b5a;font-size:10px;position:absolute;bottom:8px;left:14px}@media (width<=1060px){.site-header{grid-template-columns:auto 1fr}.nav-phone{grid-column:1/-1;justify-self:center}.services-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section,.split-heading{grid-template-columns:1fr}}@media (width<=720px){.site-header{flex-direction:column;gap:14px;padding:14px 18px;display:flex;position:relative}.brand{width:184px}.site-nav{justify-content:center;gap:12px 24px;width:100%}.site-nav a{font-size:14px}.hero{background:linear-gradient(180deg, #060f0eeb 0%, #060f0ead 100%), var(--hero-image);background-position:50%;background-size:cover;min-height:560px;padding:48px 20px 56px}.hero h1{font-size:clamp(38px,11vw,46px)}.hero-actions,.button{width:100%}.intro-band,.services-grid,.featured-grid{grid-template-columns:1fr}.service-card{min-height:auto}.gallery-grid{grid-template-columns:1fr}.site-footer{text-align:center;grid-template-columns:1fr;justify-items:center;padding-bottom:48px}.site-footer p{justify-self:center}}@media (width<=520px){.hero-content,.hero-copy,.hero-actions,.services-grid,.featured-grid,.gallery-grid,.contact-copy,.contact-form{max-width:350px}.hero-actions,.services-grid,.featured-grid,.gallery-grid{margin-right:auto}.intro-band span,.service-card p,.feature-card p,.section-heading p:not(.eyebrow),.contact-copy p{max-width:330px}}
