:root{--ink:#181b18;--muted:#626861;--cream:#fffaf0;--line:#c8cac4;--yellow:#ffd75a;--mint:#dcefe5;--lav:#e5ddff;--blue:#244b63}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Arial,sans-serif}.site-header{position:sticky;top:0;z-index:50}main{max-width:1500px;margin:auto}.eyebrow{display:block;margin-bottom:10px;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.design-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.6fr);gap:70px;align-items:end;padding:78px 40px 64px;border-bottom:2px solid var(--ink)}.design-hero h1{max-width:1020px;margin:0;font-size:clamp(3.4rem,7vw,7rem);line-height:.9;letter-spacing:-.07em}.design-hero>div>p{max-width:790px;margin:25px 0 0;color:var(--muted);font-size:1.2rem}.design-hero aside{display:flex;align-items:start;padding:20px;border:2px solid var(--ink);background:#fff;box-shadow:7px 7px 0 var(--ink)}.maker-mark{display:grid;width:52px;height:49px;flex:0 0 auto;margin-right:15px;place-items:center;border:2px solid var(--ink);border-radius:48% 52% 44% 56%;background:var(--yellow);font-weight:900;transform:rotate(-6deg)}.design-hero aside p{margin:4px 0 0;color:var(--muted)}.feature-section{padding:68px 40px 82px;border-bottom:2px solid var(--ink);background:#fff}.section-heading{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:30px}.section-heading h2{max-width:850px;margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.06em}.section-heading>p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.feature{display:flex;min-height:330px;flex-direction:column;padding:25px;border:2px solid var(--ink);background:var(--mint);color:var(--ink);text-decoration:none;box-shadow:7px 7px 0 var(--ink)}.feature:nth-child(2){background:var(--yellow)}.feature:nth-child(3){background:var(--lav)}.feature:nth-child(4){background:#ffe3d5}.feature .number{display:grid;width:48px;height:45px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:.73rem;font-weight:900}.feature .type{margin-top:34px;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.feature h3{margin:8px 0 12px;font-size:clamp(1.7rem,2.2vw,2.55rem);line-height:.98;letter-spacing:-.05em}.feature p{margin:0;color:#4e554f}.feature b{margin-top:auto;padding-top:25px}.feature:hover,.small-grid a:hover{transform:translate(-2px,-2px)}.visual{background:#f0eee7}.small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.small-grid a{display:flex;min-height:240px;flex-direction:column;padding:22px;border:1px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none}.small-grid a:nth-child(3n+2){background:#fff5c9}.small-grid a:nth-child(3n){background:#e7f1ec}.small-grid span{font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.small-grid h3{margin:30px 0 8px;font-size:1.6rem;line-height:1}.small-grid p{margin:0;color:var(--muted)}.small-grid b{margin-top:auto;padding-top:18px}.site-footer{background:#fff}@media(max-width:1080px){.design-hero,.section-heading{grid-template-columns:1fr}.design-hero{gap:35px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.design-hero,.feature-section{padding:50px 20px}.design-hero h1{font-size:3.5rem}.feature-grid,.small-grid{grid-template-columns:1fr}.feature{min-height:300px}.small-grid a{min-height:210px}}