@media (max-width:760px) {
  .hero-grid,.projects-grid,.split-grid,.process-grid,.pricing-grid,.testimonials-grid,.faq-grid,.contact-channel-grid,.footer-contact-grid,.feature-grid { grid-template-columns:minmax(0,1fr)!important; }
  .hero-grid { gap:38px!important; }
  .hero-grid > *,.projects-grid > *,.split-grid > *,.pricing-grid > *,.faq-grid > * { min-width:0; }
  .hero-art { height:250px!important; width:100%; margin-top:0; }
  .hero-art .hero-card-one { width:74%!important; top:6px!important; left:2%!important; padding:24px!important; transform:rotate(-3deg)!important; }
  .hero-art .hero-card-two { width:74%!important; top:48px!important; right:2%!important; padding:24px!important; transform:rotate(2deg)!important; }
  .hero-art .hero-card-three { width:61%!important; left:19.5%!important; bottom:10px!important; transform:rotate(-1.5deg)!important; }
  .project-meta { flex-direction:column!important; align-items:flex-start!important; gap:12px!important; }
  .pricing-header { flex-direction:column!important; align-items:flex-start!important; gap:12px!important; }
  .work-list-row { grid-template-columns:28px minmax(0,1fr)!important; gap:5px 12px!important; padding:18px 0!important; }
  .work-list-row > :nth-child(3),.work-list-row > .project-actions { grid-column:2; }
  .work-list-row > .project-actions { margin-top:8px; }
  .footer-bottom { flex-direction:column!important; align-items:flex-start!important; gap:20px!important; }
  .footer-bottom > div { flex-wrap:wrap; row-gap:12px; }
  .floating-contact { right:14px!important; bottom:14px!important; transform:scale(.9); transform-origin:bottom right; }
}
@media (max-width:430px) {
  .hero-art { height:250px!important; }
}

:root { color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }
body { overflow-x: hidden; }
x-dc { display:block; }
footer .footer-wordmark { max-width:1180px; margin:0 auto; padding:24px 56px 0; font-size:clamp(88px,15vw,220px); font-weight:700; letter-spacing:-0.04em; line-height:0.75; color:#ffffff12; white-space:nowrap; user-select:none; box-sizing:border-box; }
.history-row { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto; gap:24px; align-items:center; padding:14px 0; border-top:1px solid #DEDEDE; font-size:14px; }
.history-row > :last-child { text-align:right; white-space:nowrap; }
.history-row-last { border-bottom:1px solid #DEDEDE; }
.case-study-button { display:inline-flex; align-items:center; white-space:nowrap; background:#000; color:#fff; border-radius:999px; padding:7px 12px; font-size:12px; font-weight:700; }
.project-link { color:#12B33F; font-size:13px; font-weight:700; white-space:nowrap; }
.project-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.project-button { display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid #DEDEDE; border-radius:999px; background:#fff; color:#000; font-size:12px; font-weight:700; line-height:1; white-space:nowrap; text-decoration:none; transition:background .2s,color .2s,border-color .2s; }
.project-button:hover { background:#F0F0F0; opacity:1; }
.project-button-case-study { background:#000; border-color:#000; color:#fff; }
.project-button-case-study:hover { background:#12B33F; border-color:#12B33F; }
.service-row { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:16px; min-height:72px; padding:12px 4px; border-bottom:1px solid #DEDEDE; font-size:17px; font-weight:600; transition:padding-left .25s ease, background .25s ease; }
.service-row:first-child { border-top:1px solid #DEDEDE; }
.service-row:hover { padding-left:12px; background:linear-gradient(90deg,rgba(18,179,63,.07),transparent 72%); }
.service-icon { width:42px; height:42px; border-radius:14px; background:#000; color:#fff; display:inline-flex; align-items:center; justify-content:center; transition:transform .3s cubic-bezier(.2,.8,.2,1),background .25s,border-radius .25s; }
.service-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.service-row:hover .service-icon { transform:rotate(-7deg) scale(1.08); background:#12B33F; border-radius:50%; }
@media (prefers-reduced-motion: reduce) {
  .service-row, .service-icon { transition:none; }
  .service-row:hover .service-icon { transform:none; }
}
.contact-form { margin-top:72px; padding-top:64px; border-top:1px solid #DEDEDE; }
.contact-form h2 { margin:0; font-size:clamp(32px,4vw,48px); line-height:1.1; letter-spacing:-0.02em; }
.contact-form-intro { margin:14px 0 36px; color:#828282; font-size:16px; line-height:1.6; max-width:620px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px 32px; }
.form-field { display:flex; flex-direction:column; gap:11px; }
.form-field-full { grid-column:1 / -1; }
.form-field label { font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.form-field input, .form-field select, .form-field textarea { width:100%; border:1px solid #D8D8D8; border-radius:18px; background:#fff; color:#000; padding:18px 20px; font:500 16px/1.4 'Switzer','Inter',sans-serif; min-height:62px; outline:none; transition:border-color .2s, box-shadow .2s; }
.form-field textarea { min-height:190px; resize:vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color:#12B33F; box-shadow:0 0 0 4px rgba(18,179,63,.12); }
.form-submit { margin-top:28px; border:0; border-radius:999px; background:#000; color:#fff; padding:15px 28px; font:700 14px/1 'Switzer','Inter',sans-serif; cursor:pointer; }
.form-submit:hover { background:#12B33F; }
a:focus-visible { outline: 3px solid #12B33F; outline-offset: 4px; border-radius: 4px; }
.mobile-menu { display:none; }
.mobile-menu summary { list-style:none; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu-button { width:42px; height:42px; border-radius:50%; background:#000; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; cursor:pointer; }
.mobile-menu-button span { width:17px; height:2px; border-radius:2px; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
.mobile-menu[open] .mobile-menu-button span:first-child { transform:translateY(3.5px) rotate(45deg); }
.mobile-menu[open] .mobile-menu-button span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
.mobile-menu-panel { position:absolute; top:calc(100% + 12px); right:0; width:min(240px,calc(100vw - 24px)); padding:10px; border:1px solid #DEDEDE; border-radius:18px; background:#fff; box-shadow:0 18px 48px rgba(0,0,0,.14); display:flex; flex-direction:column; }
.mobile-menu-panel a { padding:13px 14px; border-radius:12px; font-size:15px; font-weight:650; }
.mobile-menu-panel a:hover { background:#F0F0F0; opacity:1; }
@media (max-width: 760px) {
  nav {
    top:8px !important;
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin:8px 12px 0 !important;
    padding:7px 7px 7px 10px !important;
    gap:8px !important;
  }
  nav > div { display:none !important; }
  nav > a[href="contact.html"] { display:none !important; }
  .mobile-menu { display:block; position:relative; margin-left:auto; }
  .mobile-menu-panel { display:flex !important; }
  nav > a:first-child { min-width:0; }
  nav > a:first-child span:last-child {
    display:block !important;
    max-width:145px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px !important;
  }
  nav > a:last-child { padding:9px 14px !important; flex:0 0 auto; }
  body > x-dc > div > div[style*="max-width:1180px"],
  x-dc > div > div[style*="max-width:1180px"] {
    border-left:0 !important;
    border-right:0 !important;
    width:100% !important;
  }
  section { padding:60px 20px !important; }
  section:first-of-type { padding-top:64px !important; }
  footer > div { padding:64px 20px 0 !important; }
  footer h2 { font-size:38px !important; line-height:1.08 !important; }
  footer .footer-wordmark {
    width:100%;
    padding:20px 20px 4px;
    font-size:clamp(52px,17.5vw,92px);
    line-height:.82;
    letter-spacing:-.055em;
    overflow:hidden;
  }
  [style*="grid-template-columns:1.3fr 1fr"], [style*="grid-template-columns:1fr 1.2fr"],
  [style*="grid-template-columns:1.4fr 1fr"], [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:48px 1.4fr 1fr auto"] {
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:5px 12px !important;
    padding:18px 0 !important;
  }
  [style*="grid-template-columns:48px 1.4fr 1fr auto"] > :nth-child(2) {
    min-width:0;
    overflow-wrap:anywhere;
  }
  [style*="grid-template-columns:48px 1.4fr 1fr auto"] > :nth-child(3) {
    grid-column:2;
    display:block !important;
  }
  [style*="grid-template-columns:48px 1.4fr 1fr auto"] > .project-actions {
    grid-column:2;
    margin-top:8px;
  }
  [style*="height:380px"] { height:260px !important; margin-top:4px; }
  [style*="height:380px"] img { padding:22px !important; }
  [style*="position:sticky;top:96px"] { position: static !important; }
  [style*="font-size:56px"] { font-size:40px !important; }
  h1 { font-size:clamp(40px,12vw,54px) !important; overflow-wrap:anywhere; }
  h2 { overflow-wrap:anywhere; }
  p { overflow-wrap:anywhere; }
  [style*="margin-top:48px"], [style*="margin-top:56px"] { margin-top:36px !important; }
  [style*="gap:64px"] { gap:40px !important; }
  [style*="justify-content:space-between;align-items:baseline"] {
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
  [style*="justify-content:space-between;align-items:center"] {
    flex-wrap:wrap;
    gap:12px !important;
  }
  .history-row {
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px 12px;
    align-items:start;
    padding:16px 0;
  }
  .history-row > :first-child { overflow-wrap:anywhere; }
  .history-row > :nth-child(2) { grid-column:1 / -1; grid-row:2; }
  .history-row > :last-child { grid-column:2; grid-row:1; font-size:13px; }
  .form-grid { grid-template-columns:1fr; gap:22px; }
  .form-field-full { grid-column:auto; }
  .form-field input, .form-field select, .form-field textarea {
    min-height:56px;
    padding:15px 16px;
    border-radius:14px;
    font-size:16px;
  }
  .form-field textarea { min-height:160px; }
  .form-submit { width:100%; min-height:50px; }
  .contact-form { margin-top:52px; padding-top:48px; }
  .project-actions { justify-content:flex-start; width:100%; }
  .project-button { min-height:40px; padding:11px 15px; }
  .service-row {
    grid-template-columns:42px minmax(0,1fr);
    gap:13px;
    min-height:68px;
    padding:12px 0;
    font-size:16px;
  }
  .service-row:hover { padding-left:0; background:transparent; }
  footer [style*="grid-template-columns:repeat(3,1fr)"] { gap:28px !important; }
  footer [style*="justify-content:space-between"] {
    flex-direction:column !important;
    align-items:flex-start;
    gap:20px !important;
  }
  footer [style*="justify-content:space-between"] > div {
    flex-wrap:wrap;
    row-gap:12px !important;
  }
  [style*="position:fixed;bottom:24px;right:24px"] {
    right:14px !important;
    bottom:14px !important;
  }
}
@media (max-width: 430px) {
  nav > a:first-child span:last-child { display:none !important; }
  h1 { font-size:39px !important; }
  section { padding-left:18px !important; padding-right:18px !important; }
  footer > div { padding-left:18px !important; padding-right:18px !important; }
  [style*="padding:40px"] { padding:24px 20px !important; }
  [style*="padding:32px"] { padding:22px 18px !important; }
  [style*="padding:28px"] { padding:22px 18px !important; }
  [style*="display:flex;justify-content:space-between;padding:14px"] {
    flex-direction:column !important;
    gap:4px !important;
  }
  [style*="font-size:44px"] { font-size:36px !important; }
  .project-actions { gap:7px; }
  .project-button { flex:1 1 auto; }
}