:root { --ink:#11100f; --paper:#f4f0e8; --white:#fffdf8; --coral:#ff5b3d; --lime:#c7f36b; --line:#c9c4b9; --muted:#66625b; }
* { box-sizing:border-box } html { background:var(--paper) } body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif } a { color:inherit; text-decoration:none } button,input,textarea,select { font:inherit }
.icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.15em}.service-icon .icon{width:24px;height:24px}[hidden],.is-hidden,.form-message[hidden]{display:none!important}.admin-bar .site-header{top:32px}
.site-header { height:78px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30; background:#f4f0e8ee; backdrop-filter:blur(16px) }
.brand { display:inline-flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-.03em }.brand-mark { width:34px; height:34px; display:grid; place-items:center; color:white; background:var(--ink); border-radius:50% }
.desktop-nav { display:flex; align-items:center; gap:28px; font-size:.92rem; font-weight:700 }.desktop-nav>a:not(.nav-cta):hover { color:var(--coral) }.nav-cta { display:inline-flex; align-items:center; gap:8px; padding:12px 18px; background:var(--ink); color:white }.menu-button,.mobile-nav { display:none }
.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--ink);background:var(--white)}.language-switch button{min-width:34px;padding:6px 7px;border:0;background:transparent;font-size:.72rem;font-weight:900;cursor:pointer}.language-switch button.active{color:white;background:var(--coral)}.mobile-tools{display:none;align-items:center;gap:8px}
.hero { max-width:1440px; min-height:700px; margin:auto; padding:86px 6vw 72px; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:8vw; background-image:linear-gradient(#cbc6bc55 1px,transparent 1px),linear-gradient(90deg,#cbc6bc55 1px,transparent 1px); background-size:42px 42px }
.hero-copy { max-width:760px }.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; text-transform:uppercase; font-size:.76rem; font-weight:800; letter-spacing:.14em }.eyebrow span { width:26px; height:2px; background:var(--coral) }
.hero h1 { max-width:820px; margin:0; font-size:clamp(3.4rem,6.2vw,7.2rem); line-height:.91; letter-spacing:-.075em }.hero h1 em { color:var(--coral); font-style:normal }.hero-lead { max-width:640px; margin:28px 0 0; color:#3f3c37; font-size:1.18rem; line-height:1.7 }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:34px }.button { min-height:50px; padding:0 22px; border:0; border-radius:3px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-weight:800; cursor:pointer }.button-primary { color:white; background:var(--coral); box-shadow:5px 5px 0 var(--ink) }.button-primary:hover { transform:translate(2px,2px); box-shadow:3px 3px 0 var(--ink) }.text-link { display:inline-flex; align-items:center; gap:7px; font-weight:800; border-bottom:1px solid; padding-bottom:4px }
.trust-row { display:flex; flex-wrap:wrap; gap:22px; margin-top:38px; color:#4b4842; font-size:.84rem; font-weight:700 }.trust-row span { display:flex; align-items:center; gap:6px }.trust-row svg { color:var(--coral) }
.hero-panel { max-width:520px; margin-left:auto; background:var(--white); border:2px solid var(--ink); box-shadow:14px 14px 0 var(--coral); transform:rotate(1.4deg) }.browser-bar { height:45px; display:flex; align-items:center; gap:7px; padding:0 15px; background:var(--ink); color:white }.browser-bar i { width:9px; height:9px; border-radius:50%; background:var(--coral) }.browser-bar i:nth-child(2){background:#f4cf58}.browser-bar i:nth-child(3){background:var(--lime)}.browser-bar span{margin-left:10px;color:#bebbb4;font-size:.72rem}
.panel-body { padding:34px }.panel-label { margin:0 0 18px; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em }.question-card { display:grid; grid-template-columns:42px 1fr; gap:0 14px; padding:18px 16px; border-top:1px solid var(--line) }.question-card span{grid-row:1/span 2;color:var(--coral);font-size:.76rem;font-weight:900}.question-card small{margin-top:5px;color:var(--muted)}.question-card.active{background:var(--lime);border:1px solid var(--ink)}.panel-status{padding:16px 34px;display:flex;align-items:center;gap:9px;border-top:2px solid var(--ink);font-size:.84rem;font-weight:800}
.quick-strip { display:grid; grid-template-columns:repeat(6,auto); justify-content:center; gap:18px; padding:19px 4vw; color:white; background:var(--ink); font-size:.85rem }.quick-strip span{color:#a5a19a}.quick-strip b:not(:last-child)::after{content:"✦";margin-left:28px;color:var(--coral)}
.section { padding:110px 6vw }.section-heading{max-width:620px}.section-heading h2,.contact-copy h2,.answers-intro h2{margin:0;font-size:clamp(2.6rem,5vw,5.4rem);line-height:.98;letter-spacing:-.06em}.section-heading>p:last-child,.contact-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.7}
.services-section{max-width:1440px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.service-list{border-top:2px solid var(--ink)}.service-row{border-bottom:1px solid var(--line)}.service-row>button{width:100%;padding:22px 4px;display:grid;grid-template-columns:54px 1fr 32px;align-items:center;gap:18px;text-align:left;background:transparent;border:0;cursor:pointer}.service-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--white)}.service-main{display:flex;flex-direction:column;gap:7px}.service-main strong{font-size:1.2rem}.service-main small{color:var(--muted);font-size:.9rem;line-height:1.55}.service-toggle{font-size:1.8rem}.service-row.open{background:var(--white)}.service-row.open .service-icon{background:var(--coral);color:white}.service-answer{padding:0 22px 24px 76px;color:#45413b;font-size:.92rem;line-height:1.6}.service-answer a{display:block;margin-top:9px;color:var(--coral);font-weight:800}
.work-section{background:var(--white);border-block:1px solid var(--line)}.section-heading.horizontal{max-width:1440px;margin:0 auto 56px;display:flex;justify-content:space-between;align-items:end;gap:60px}.section-heading.horizontal>p{max-width:430px}.project-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{min-height:340px;padding:28px;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--ink);transition:.2s}.project-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--coral)}.project-number{align-self:flex-end;font-size:2.4rem;color:#c7c1b5;font-weight:900}.project-card>p{margin-top:auto;color:var(--coral);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.project-card h3{margin:8px 0;font-size:1.6rem}.project-card>span{color:var(--muted);line-height:1.55}.project-card a{margin-top:24px;display:flex;align-items:center;gap:8px;font-weight:800}.work-placeholder{max-width:1440px;margin:auto;min-height:240px;padding:42px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;color:white;background:var(--ink)}.work-placeholder div{display:flex;gap:24px;align-items:center}.work-placeholder span{color:var(--coral);font-size:3rem;font-weight:900}.work-placeholder b{font-size:1.8rem}.work-placeholder p{max-width:500px;color:#c7c3bb;line-height:1.7}
.about-section{scroll-margin-top:78px;padding:0 6vw;background:var(--lime);border-bottom:2px solid var(--ink)}.about-trigger-wrap{max-width:1440px;min-height:280px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px}.about-trigger-wrap .eyebrow{margin-bottom:16px}.about-trigger-wrap h2{max-width:900px;margin:0;font-size:clamp(2.6rem,5vw,5.4rem);line-height:.98;letter-spacing:-.06em}.about-trigger-wrap h2 em{color:var(--coral);font-style:normal}.about-toggle{min-width:210px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:white;background:var(--ink);border:2px solid var(--ink);font-weight:800;cursor:pointer;box-shadow:6px 6px 0 var(--coral)}.about-toggle:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--coral)}.about-toggle strong{font-size:1.6rem;line-height:1}.about-content{max-width:1440px;margin:auto;padding:18px 0 72px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;animation:aboutReveal .45s ease both}.about-content[hidden]{display:none}.about-intro{padding-top:22px;border-top:2px solid var(--ink)}.about-kicker{margin:0 0 20px;color:var(--coral);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.about-intro>p:nth-child(2){max-width:550px;margin:0 0 28px;font-size:1.18rem;line-height:1.75}.about-details{border-top:2px solid var(--ink)}.about-details article{padding:24px 0;display:grid;grid-template-columns:54px 1fr;gap:18px;border-bottom:1px solid #7e9d43}.about-number{color:var(--coral);font-size:.78rem;font-weight:900}.about-details h3{margin:0 0 8px;font-size:1.25rem}.about-details p{margin:0;line-height:1.65}@keyframes aboutReveal{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
.answers-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;color:white;background:var(--ink)}.eyebrow.light span{background:var(--lime)}.answers-intro>p:nth-of-type(2){max-width:490px;color:#bcb8b0;line-height:1.7}.answers-intro>a{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:var(--lime);font-weight:800}.faq-list{border-top:1px solid #494641}.faq-list details{border-bottom:1px solid #494641}.faq-list summary{list-style:none;padding:24px 0;display:grid;grid-template-columns:48px 1fr 24px;gap:16px;align-items:center;cursor:pointer;font-size:1.05rem;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--coral);font-size:.75rem}.faq-list summary strong{color:var(--lime);font-size:1.5rem}.faq-list details[open] summary strong{transform:rotate(45deg)}.faq-list details p{margin:-5px 40px 25px 64px;color:#bcb8b0;line-height:1.7}
.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;max-width:1440px;margin:auto}.contact-copy h2{font-size:clamp(2.8rem,4.7vw,5.2rem)}.contact-copy>a{margin-top:30px;display:inline-flex;align-items:center;gap:9px;font-weight:800;border-bottom:1px solid;padding-bottom:5px}.contact-form{padding:38px;background:var(--white);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--lime)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label,.admin-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:.8rem;font-weight:800}.contact-form label span,.admin-form label span{color:var(--muted);font-weight:400}.contact-form input,.contact-form textarea,.contact-form select,.admin-form input,.admin-form textarea{width:100%;padding:13px 14px;color:var(--ink);background:var(--paper);border:1px solid #a8a39a;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,.admin-form input:focus,.admin-form textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff5b3d22}.contact-form .button{width:100%}.contact-form>small{display:block;margin-top:16px;text-align:center;color:var(--muted)}.form-message{margin:16px 0 0;padding:12px;font-weight:700}.form-message.success{background:#ddf5b0}.form-message.error{background:#ffd3cb}
footer{padding:42px 4vw 28px;display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line)}footer>p{color:var(--muted);font-size:.85rem}footer>div{display:flex;gap:18px;font-weight:700;font-size:.84rem}footer>small{color:var(--muted)}
.admin-shell{min-height:100vh;padding:42px 5vw 80px;background:#ece8df}.admin-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.admin-header p{margin:0;color:var(--coral);font-weight:800}.admin-header h1{margin:5px 0 0;font-size:2.5rem}.admin-header nav{display:flex;gap:12px}.admin-header a{padding:11px 14px;display:flex;gap:7px;align-items:center;background:white;border:1px solid var(--line);font-size:.84rem;font-weight:800}.admin-welcome{margin:22px 0;color:var(--muted)}.admin-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-tabs button{padding:12px 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;cursor:pointer;font-weight:800}.admin-tabs button.active{color:white;background:var(--ink)}.admin-tabs span{padding:2px 7px;color:var(--ink);background:var(--lime);border-radius:20px}.admin-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:22px}.admin-card{padding:28px;background:white;border:1px solid var(--line)}.admin-card h2{margin-top:0}.admin-form .button{width:100%}.project-admin-list article{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.project-admin-list small{color:var(--coral);font-weight:800}.project-admin-list h3{margin:5px 0}.project-admin-list p{color:var(--muted)}.project-admin-list a{display:inline-flex;gap:5px;align-items:center;font-weight:800}.project-admin-list article>button{align-self:start;padding:8px;color:#b42d1c;background:#fff0ed;border:0;cursor:pointer}.inquiry-list article{padding:22px 0;border-top:1px solid var(--line)}.inquiry-top{display:flex;justify-content:space-between;gap:20px}.inquiry-top h3{display:inline;margin-right:12px}.inquiry-top a{color:var(--coral)}.inquiry-top time{color:var(--muted)}.inquiry-list article>b{display:block;margin-top:12px}.inquiry-list article>p{white-space:pre-wrap;color:var(--muted);line-height:1.6}
@media(max-width:900px){.desktop-nav{display:none}.mobile-tools{display:flex}.menu-button{display:grid;place-items:center;border:0;background:transparent}.mobile-nav{position:absolute;top:78px;inset-inline:0;display:flex;flex-direction:column;padding:18px 5vw 24px;background:var(--paper);border-bottom:1px solid var(--ink)}.mobile-nav a{padding:13px 0;font-weight:800}.hero{min-height:auto;grid-template-columns:1fr;padding-top:64px}.hero-panel{width:min(100%,560px);margin:20px 0 0;transform:none}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip b:not(:last-child)::after{display:none}.services-section,.answers-section,.contact-section{grid-template-columns:1fr}.section-heading{margin-bottom:40px}.section-heading.horizontal{align-items:start;flex-direction:column;gap:12px}.project-grid{grid-template-columns:1fr 1fr}.about-trigger-wrap{grid-template-columns:1fr;padding:58px 0;gap:32px}.about-toggle{width:100%}.about-content{grid-template-columns:1fr;gap:42px}.answers-intro{margin-bottom:30px}.admin-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header{height:68px}.mobile-nav{top:68px}.brand{font-size:.9rem}.brand-mark{width:30px;height:30px}.hero{padding:52px 5vw 60px;background-size:30px 30px}.hero h1{font-size:clamp(3rem,15vw,4.7rem)}.hero-lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.button{width:100%}.text-link{align-self:flex-start}.trust-row{gap:12px 18px}.panel-body{padding:22px 18px}.panel-status{padding:14px 18px}.quick-strip{display:none}.section{padding:78px 5vw}.section-heading h2,.contact-copy h2,.answers-intro h2{font-size:2.8rem}.service-row>button{grid-template-columns:48px 1fr 24px;gap:12px}.service-main small{display:none}.service-answer{padding-left:64px}.project-grid{grid-template-columns:1fr}.work-placeholder{grid-template-columns:1fr;padding:28px}.work-placeholder div{align-items:start;flex-direction:column;gap:8px}.faq-list details p{margin-left:48px}.field-grid{grid-template-columns:1fr;gap:0}.contact-form{padding:24px 18px;box-shadow:7px 7px 0 var(--lime)}.contact-copy>a{font-size:.84rem}.admin-shell{padding:24px 4vw 60px}.admin-header{align-items:flex-start;flex-direction:column;gap:18px}.admin-header nav{width:100%}.admin-header a{flex:1;justify-content:center}.admin-tabs{overflow-x:auto}.admin-card{padding:20px}.inquiry-top{flex-direction:column;gap:8px}footer{grid-template-columns:1fr}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}