:root{--bg:#f7f0eb;--surface:#fffbf8;--text:#18201d;--muted:#5f6c66;--accent:#d84148;--accent2:#174d3e;--border:#d8cdc4;--max:1260px;--radius:2px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--bg) url('/assets/images/bg-pattern.png') top center/680px auto repeat;color:var(--text);font:16px/1.72 Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:Georgia,serif;line-height:1.04;letter-spacing:-.03em;overflow-wrap:anywhere}
h1{font-size:clamp(2.65rem,7vw,6.4rem);max-width:14.5ch;margin:.12em 0 .24em}
h2{font-size:clamp(1.9rem,4vw,3.25rem)}
p,li,a,strong,span{overflow-wrap:anywhere}
.container{width:min(var(--max),calc(100% - 52px));margin:auto;min-width:0}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.brand{font-weight:800;font-size:1.22rem;text-decoration:none;line-height:1.1;letter-spacing:.01em}
.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.76rem 1.2rem;background:var(--accent);color:var(--bg);border-radius:2px;text-decoration:none;font-weight:760;border:1px solid color-mix(in srgb,var(--accent) 85%,#000);transition:background .2s ease,color .2s ease,transform .2s ease}
.button:hover,.button:focus-visible{background:color-mix(in srgb,var(--accent) 90%,#000);transform:translateY(-1px)}
.hero{min-height:78vh;display:grid;align-items:start;padding:9rem 0 5.5rem;background:linear-gradient(96deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 83%,transparent) 44%,transparent 72%),url('/assets/images/hero.jpg') center/cover}
.hero p{max-width:64ch;font-size:1.13rem;color:color-mix(in srgb,var(--text) 86%,var(--muted))}
.proof-list{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none}
.proof-list li,.job-status{border:1px solid var(--border);border-radius:999px;padding:.36rem .75rem;background:color-mix(in srgb,var(--surface) 86%,var(--bg))}
section{padding:5.6rem 0}
.content-grid,.jobs-grid,.process-grid,.service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;min-width:0}
.content-card,.job-card,.process-grid article,.service-card{grid-column:span 6;min-width:0;background:var(--surface);border:1px solid var(--border);padding:clamp(1.35rem,3vw,2.35rem);border-radius:var(--radius)}
.job-card{grid-column:span 4}
.process-grid article{grid-column:span 4}
.service-card{display:flex;justify-content:space-between;gap:1rem;text-decoration:none;font-size:1.1rem}
.job-status{display:inline-block;color:var(--accent);font-size:.78rem;font-weight:700}
.skills{color:var(--muted)}
details{border-top:1px solid var(--border);padding:1rem 0}
summary{font-weight:700;cursor:pointer}
.contact-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;max-width:920px}
.contact-form label{display:block;font-weight:700;margin-bottom:.35rem;min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;padding:.86rem;border:1px solid var(--border);border-radius:1px;background:var(--surface);color:var(--text);font:inherit}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 52%,#fff);outline-offset:1px}
.form-wide{grid-column:1/-1}
.cta-panel{padding:clamp(2rem,6vw,5rem);background:var(--accent);color:var(--bg);border-radius:var(--radius)}
footer{border-top:1px solid var(--border);padding:3rem 0;color:var(--muted)}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;color:#000;padding:.7rem 1rem}
.utility-bar{padding:.35rem 0;background:var(--accent);color:var(--bg);font-size:.78rem}
.header-inner{min-height:80px;display:flex;align-items:center;gap:1.2rem}
.header-inner .nav{min-height:0;display:flex;align-items:center;gap:1.1rem;margin-left:auto}
.header-inner .nav a{text-decoration:none;font-weight:600}
.header-v3 .header-inner{margin-top:12px;border:1px solid var(--border);border-radius:999px;padding:0 1.1rem;background:color-mix(in srgb,var(--surface) 84%,transparent)}
.header-v4 .brand{order:3}
.header-v4 .nav{margin-inline:auto}
.header-v5 .header-inner{min-height:94px}
.hero-layout{position:relative}
.hero-copy{max-width:840px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:800;color:var(--accent)}
.hero-rule{height:1px;background:var(--accent);width:64%;margin-top:2.1rem}
.hero-proof{list-style:none;padding:0;display:grid;gap:.68rem;max-width:460px}
.hero-proof li{padding:.82rem 1rem;background:var(--surface);border-left:4px solid var(--accent)}
.hero-orbit{justify-self:end;width:236px;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 80%,transparent)}
.hero-orbit span:last-child{color:var(--accent)}
.hero-index{position:absolute;right:0;bottom:0;font-weight:900;color:var(--accent)}
.hero-stamp{justify-self:end;border:4px solid var(--accent);padding:2rem;transform:rotate(4deg);font-size:2rem;font-weight:900;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:1.2rem;align-items:end;margin-bottom:2.2rem}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2{margin:0}
.section-heading p:last-child{color:var(--muted)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.proof-grid article{border-top:3px solid var(--accent);padding-top:1rem}
.proof-grid span,.section-number{color:var(--accent);font-weight:900}
.service-card strong{font-size:1.18rem}
.jobs-grid{grid-auto-flow:row}
.job-footer{display:flex;justify-content:space-between;gap:1rem;align-items:end}
.job-footer a{color:var(--accent);font-weight:800}
.process-v1 .process-grid,.process-v4 .process-grid{counter-reset:step}
.process-v1 .process-grid article:nth-child(even),.process-v4 .process-grid article:nth-child(even){transform:translateY(1.7rem)}
.content-card p,.process-grid p,.job-card p{color:var(--muted)}
.insights-v1 .content-card:first-child{grid-column:span 8}
.insights-v1 .content-card:nth-child(2){grid-column:span 4}
.insights-v2 .content-grid{grid-template-columns:1fr}
.insights-v2 .content-card{grid-column:1;display:grid;grid-template-columns:80px minmax(220px,.7fr) 1fr;gap:1rem}
.insights-v3 .content-card:nth-child(odd){grid-column:span 8}
.insights-v3 .content-card:nth-child(even){grid-column:span 4}
.insights-v4 .content-card{border-radius:0;border-width:0 0 1px;background:transparent}
.insights-v5 .content-card{border:3px solid var(--text);box-shadow:8px 8px 0 var(--accent)}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,6vw,7rem)}
.cta-v1 .cta-panel{display:grid;grid-template-columns:1fr auto;align-items:end}
.cta-v3 .cta-panel{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.cta-v5 .cta-panel{border:4px solid var(--text);box-shadow:12px 12px 0 var(--accent);background:var(--surface);color:var(--text)}
.site-footer{background:var(--surface)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr}
.footer-links{display:grid;gap:.45rem}
.footer-v2{text-align:center}
.footer-v2 .footer-grid{grid-template-columns:1fr}
.footer-v4 .footer-grid{grid-template-columns:1fr 2fr 1fr}
.template-bold .content-card,.template-bold .job-card,.template-bold .service-card{border-width:3px;box-shadow:7px 7px 0 var(--accent)}
.mobile-menu{display:none;margin-left:auto;border:0;padding:0;position:relative}
.mobile-menu summary{list-style:none;display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.55rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary i,.mobile-menu summary i::before,.mobile-menu summary i::after{display:block;width:20px;height:2px;background:currentColor;content:"";transition:.2s}
.mobile-menu summary i{position:relative}
.mobile-menu summary i::before{position:absolute;top:-6px}
.mobile-menu summary i::after{position:absolute;top:6px}
.mobile-menu[open] summary i{background:transparent}
.mobile-menu[open] summary i::before{top:0;transform:rotate(45deg)}
.mobile-menu[open] summary i::after{top:0;transform:rotate(-45deg)}
.mobile-nav{position:absolute;right:0;top:calc(100% + .65rem);width:min(320px,calc(100vw - 28px));display:grid;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;box-shadow:0 18px 50px color-mix(in srgb,var(--text) 16%,transparent)}
.mobile-nav a{display:flex;align-items:center;min-height:44px;padding:.55rem .7rem;text-decoration:none;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:0;margin-top:.45rem}
.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.intent-card{min-width:0;padding:clamp(1.25rem,3vw,2.3rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.intent-card>span{color:var(--accent);font-weight:900}
.intent-card p{color:var(--muted)}
.intent-v2 .intent-card{border-radius:999px;padding:2.2rem}
.intent-v3 .intent-grid{border-top:1px solid var(--accent)}
.intent-v3 .intent-card{background:transparent;border-width:0 1px 0 0;border-radius:0}
.intent-v4 .intent-card:nth-child(2){transform:translateY(1.5rem)}
.intent-v5 .intent-card{border:3px solid var(--text);box-shadow:7px 7px 0 var(--accent)}
@media(max-width:1100px){.header-inner>.nav,.header-cta{display:none}.mobile-menu{display:block}.header-v4 .brand{order:initial}.header-v4 .mobile-menu{order:4}.header-v3 .header-inner{border-radius:var(--radius);margin-top:8px}.header-inner{min-height:68px}}
@media(max-width:780px){.container{width:calc(100% - 28px)}section{padding:3.25rem 0}h1{font-size:clamp(2.15rem,12vw,3.4rem);max-width:100%}h2{font-size:clamp(1.7rem,8.5vw,2.35rem)}.hero{min-height:auto;padding:5rem 0 3.5rem;background-position:62% center}.hero p{font-size:1rem}.section-heading,.faq-layout,.footer-grid,.footer-v4 .footer-grid,.cta-v1 .cta-panel{grid-template-columns:minmax(0,1fr)}.proof-grid,.intent-grid{grid-template-columns:minmax(0,1fr)}.content-grid,.jobs-grid,.process-grid,.service-grid{grid-template-columns:minmax(0,1fr)}.content-card,.job-card,.process-grid article,.service-card,.insights-v1 .content-card:first-child,.insights-v1 .content-card:nth-child(2),.insights-v3 .content-card:nth-child(odd),.insights-v3 .content-card:nth-child(even){grid-column:1/-1}.insights-v2 .content-card{display:block;grid-column:1}.hero-orbit,.hero-stamp,.hero-index{display:none}.process-v1 .process-grid article:nth-child(even),.process-v4 .process-grid article:nth-child(even),.intent-v4 .intent-card:nth-child(2){transform:none}.contact-form{grid-template-columns:minmax(0,1fr)}.form-wide{grid-column:1}.job-footer{align-items:start;flex-direction:column}.service-card{align-items:center}.intent-v2 .intent-card{border-radius:var(--radius);padding:1.5rem}.intent-v5 .intent-card{box-shadow:4px 4px 0 var(--accent)}.cta-panel{padding:2rem 1.25rem}.footer-grid{display:grid}.utility-bar{display:none}}
@media(max-width:420px){.container{width:calc(100% - 22px)}.brand{font-size:1rem;max-width:58vw}.mobile-menu summary span{position:absolute;left:-9999px}.mobile-menu summary{padding:.65rem}.hero{padding-top:4rem}.content-card,.job-card,.process-grid article,.service-card,.intent-card{padding:1.2rem}}
.mobile-menu{display:none!important;margin-left:auto;position:relative}.mobile-menu summary{min-height:44px;cursor:pointer}.mobile-nav{position:absolute;right:0;top:calc(100% + .65rem);z-index:30;width:min(320px,calc(100vw - 28px));display:grid;background:var(--surface);border:1px solid var(--border);padding:.75rem}.mobile-nav a{display:flex;align-items:center;min-height:44px;padding:.55rem .7rem}.content-grid,.jobs-grid,.process-grid,.service-grid,.intent-grid{min-width:0}.content-card,.job-card,.process-grid article,.service-card,.intent-card{min-width:0}
@media(max-width:1100px){.header-inner>.nav,.header-cta{display:none!important}.mobile-menu{display:block!important}}
@media(max-width:780px){.section-heading,.faq-layout,.footer-grid,.footer-v4 .footer-grid,.cta-panel,.contact-form{grid-template-columns:minmax(0,1fr)!important}.content-grid,.jobs-grid,.process-grid,.service-grid,.intent-grid,.proof-grid{grid-template-columns:minmax(0,1fr)!important}.content-card,.job-card,.process-grid article,.service-card,.intent-card{grid-column:1/-1!important;width:auto!important;transform:none!important}.form-wide{grid-column:1!important}html,body{overflow-x:hidden}.container{width:calc(100% - 28px);min-width:0}.job-footer{flex-direction:column;align-items:flex-start}}