:root{--orange:#f65a19;--ink:#262d29;--cream:#fff7e9;--yellow:#ffd64a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{max-width:1264px;padding:32px 42px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:32px;line-height:.95;letter-spacing:-1px}.brand-sub{display:block;font-size:15px;letter-spacing:1px;margin-top:6px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.nav-cta{border:1px solid #d4cabb;border-radius:30px;padding:14px 24px}.hero{max-width:1264px;margin:22px auto 0;padding:30px 42px 80px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(56px,6.7vw,87px);line-height:1.02;letter-spacing:-5px;margin:28px 0}h1 em{color:var(--orange);font-style:normal}.intro>p{font-size:18px;line-height:1.65;max-width:475px;color:#68685d}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);color:white;font-size:15px;font-weight:700;padding:20px 26px;border-radius:18px;margin:14px 0}.button:hover{filter:brightness(.94)}.soon{font-size:9px;font-weight:700;letter-spacing:1.2px;margin-top:14px;color:#766e62}.soon span{color:var(--orange);padding:0 8px}.visual{position:relative;min-width:0}.goat{width:100%;height:auto;border-radius:50%;position:relative;display:block}.sun{position:absolute;inset:-18px;background:var(--yellow);border-radius:50%}.floating{position:absolute;bottom:36px;left:-28px;display:flex;gap:12px;align-items:center;background:white;padding:20px 25px;box-shadow:0 15px 45px #262d2920;border-radius:18px;font-weight:800;transform:rotate(-5deg)}.floating span{font-size:25px}.visual-tag{position:absolute;top:4px;right:6px;background:var(--ink);color:var(--cream);padding:13px 21px;border-radius:30px;font-size:13px;transform:rotate(7deg)}.project{padding:85px 42px 90px;max-width:1264px;margin:auto;border-top:1px solid #dfd5c6}.section-label{font-weight:800;font-size:11px;letter-spacing:2px}h2{font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-3px;margin:25px 0}h2 span{color:var(--orange)}.section-description{font-size:18px;line-height:1.65;max-width:630px;color:#68685d}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 40px}.categories span{padding:12px 18px;background:#f2e8d8;border-radius:30px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border-radius:26px;padding:28px 24px;min-height:295px;color:white}.card-number{font-size:10px;letter-spacing:1.5px;font-weight:bold}.cards h3{font-size:31px;line-height:1.07;letter-spacing:-1px;margin:34px 0 20px}.cards p{font-size:14px;line-height:1.6;margin:0}.shop{background:var(--orange)}.company{background:#773cce}.delivery{background:#12856a}.cards .moto{background:var(--yellow);color:var(--ink)}.follow{margin:0 24px;background:var(--ink);border-radius:36px;padding:65px max(40px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px;color:var(--cream)}.follow .section-label{color:var(--yellow)}.follow p{max-width:520px;line-height:1.7;color:#d0d1bd}.light{background:var(--yellow);color:var(--ink);white-space:nowrap}footer{max-width:1264px;margin:auto;padding:44px 42px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-size:14px}footer small{font-size:11px;color:#786f62;width:100%}a:focus-visible{outline:3px solid #773cce;outline-offset:5px}@media(max-width:800px){header{padding:25px}nav{gap:15px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:25px 25px 70px;gap:65px;margin:0}h1{font-size:65px;letter-spacing:-3px}.intro>p{font-size:17px}.visual{max-width:480px;width:90%;margin:auto}.floating{left:-13px;font-size:14px;padding:15px;bottom:20px}.project{padding:60px 25px}.cards{grid-template-columns:1fr 1fr}.cards article{padding:25px 20px}.cards h3{font-size:27px}.follow{margin:0 14px;padding:40px 25px;display:block;border-radius:24px}footer{padding:35px 25px}.soon{font-size:8px}.visual-tag{font-size:11px;right:-5px}}@media(max-width:360px){h1{font-size:56px}.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}