.web-development{background:#e9edf0;scroll-margin-top:24px}
.hero-artwork{min-width:0;min-height:0;align-self:center}
.hero-infrastructure{display:block;width:118%;max-width:none;height:auto;flex-shrink:0;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 73%)}
@media(max-width:850px){.hero-artwork{min-height:0;margin:-20px 0 30px}.hero-infrastructure{width:100%;max-width:540px}}
.web-development h2{font-size:clamp(38px,4.5vw,60px);line-height:1.15}
.web-development h2 em{color:#866028}
.web-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end;margin-bottom:45px}
.web-heading>p{color:#526575;line-height:1.8;font-size:18px;margin:0}
.web-heading .eyebrow{display:block;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;line-height:1.3;letter-spacing:-.02em;text-transform:none;color:#10283a;margin-bottom:24px}
.web-heading .eyebrow-line{display:block;width:64px;height:3px;background:#866028;margin-bottom:16px}
.web-solutions{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.web-solution{background:#fff;padding:38px;border-top:3px solid #c79b5b}
.web-solution>span{font-size:14px;letter-spacing:.08em;color:#866028}
.web-solution h3{font-size:30px;line-height:1.2;margin:20px 0}
.web-solution p,.web-solution li{font-size:16px;line-height:1.8;color:#526575}
.web-solution ul{padding-left:20px;margin:22px 0 30px}
.web-solution .text-link{color:#795521}
.commerce-integration{margin-top:28px;background:#10283a;color:#fff;padding:30px 38px;display:flex;align-items:center;gap:30px}
.commerce-integration h3{font-size:24px;line-height:1.3;flex:1}
.commerce-integration p{color:#c5d1da;flex:1.5;line-height:1.75;margin:0}
.commerce-integration a{flex-shrink:0}
.contact-panel{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:45px;padding:55px}
.contact-copy>a{display:inline-block;margin-top:22px;color:#edca8c;font-size:18px}
.contact-form{position:relative;z-index:1;min-width:0}
.contact-form label{display:block;font-size:14px;color:#e6ecf1;margin-bottom:7px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;color:#eef3f6;background:#10283a;border:1px solid #597080;border-radius:0;padding:12px;margin:0 0 18px;min-height:48px}
.contact-form textarea{resize:vertical;min-height:140px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #edca8c;outline-offset:2px}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-panel .form-note{font-size:14px;color:#afbdc8;margin:0 0 20px;line-height:1.6}
.contact-form button{cursor:pointer;border:0;min-height:48px;font:inherit;font-weight:700}
.contact-form button:disabled{opacity:.65;cursor:wait}
.contact-form .honey-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-panel .form-status{font-size:16px;line-height:1.6;margin:16px 0 0;color:#edca8c}
@media(max-width:1050px){.site-header nav{gap:12px}.site-header nav a{font-size:13px}.contact-panel{padding:38px;gap:30px}.commerce-integration{display:block}.commerce-integration p{margin:15px 0 22px}}
@media(max-width:850px){.web-heading,.web-solutions,.contact-panel{grid-template-columns:1fr}.web-heading{gap:22px}.web-solution{padding:28px}.contact-panel{padding:35px 24px}.site-header nav a{font-size:16px}}
@media(max-width:480px){.contact-row{grid-template-columns:1fr;gap:0}.commerce-integration{padding:26px}.contact-form button{width:100%;justify-content:center}}