:root{--paper:#f4f0e7;--ink:#34402e;--muted:#646b5c;--line:#d5d4c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a86b4b;outline-offset:5px}.wrap{width:calc(100% - 120px);max-width:1280px;margin:auto}.demo-banner{display:flex;justify-content:space-between;gap:14px;background:#3e4937;color:#f4f0e7;padding:12px 4%;font-size:10px;letter-spacing:.08em;line-height:1.5}.demo-banner a{text-decoration:underline;text-underline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:30px;border-bottom:1px solid var(--line)}.logo{font-family:Georgia,serif;font-size:31px}.logo span{display:block;font:8px Arial;letter-spacing:.2em;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;background:#46533e;color:white;padding:20px 27px;border-radius:3px;font-size:13px;line-height:1.5}.button:hover{background:#34402e}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:65px 70px}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.7;color:#69735b;margin:0 0 25px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(65px,7.1vw,103px);line-height:1.06}.lead{font-size:19px;line-height:1.65;letter-spacing:-.025em;margin-top:30px}.muted{color:var(--muted);font-size:13px;line-height:1.9;max-width:400px;margin-top:20px}.hero .button{margin-top:28px}.small{font-size:8px;letter-spacing:.1em;line-height:1.8;margin-top:30px;color:#7c826d}figure{position:relative}figure img{display:block;width:100%;height:auto;border-radius:2px}figcaption{position:absolute;bottom:26px;left:-25px;background:var(--paper);padding:18px 23px;font:italic 20px Georgia;color:#5d664f;border:1px solid var(--line);transform:rotate(-4deg)}.services{border-top:1px solid var(--line);padding-block:75px 85px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}h2{font-size:61px;line-height:1.1}.section-head p,.details-grid>div>p:last-child{font-size:14px;line-height:1.9;max-width:390px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.cards article{border-top:1px solid var(--line);padding-top:22px}.cards span{font-size:9px;letter-spacing:.1em;color:#7b826b}.cards h3{font-size:30px;margin-block:24px 15px}.cards p{font-size:13px;line-height:1.9;color:var(--muted)}.details{background:#e4e5d8;padding-block:80px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.details h2{margin-bottom:25px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-3deg)}.swatches>span{aspect-ratio:1/.7;border-radius:2px}.swatches p{grid-column:1/-1;font-size:9px;letter-spacing:.1em;margin-top:13px}.ending{padding-block:100px;text-align:center}.ending p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:450px;margin:25px auto}.ending .button{margin-top:10px}footer{padding-block:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8}@media(max-width:900px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}h1{font-size:68px}nav{gap:18px}.section-head,.details-grid{gap:45px}h2{font-size:48px}.cards{gap:25px}.cards h3{font-size:26px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.demo-banner{font-size:8px;letter-spacing:.03em;flex-wrap:wrap;padding:10px 20px;gap:5px}header{padding-block:23px;gap:15px}.logo{font-size:25px}.logo span{font-size:7px}nav>a:not(.button){display:none}nav .button{font-size:10px;padding:12px 14px}.hero{grid-template-columns:1fr;gap:35px;padding-block:40px 55px}.eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:clamp(51px,13.5vw,78px)}.lead{font-size:18px;margin-top:22px}.desktop{display:none}.muted{font-size:13px}.hero .button{margin-top:23px}.small{font-size:7px;max-width:260px}.hero figure{margin-inline:8px}figcaption{font-size:17px;left:-8px;bottom:18px;padding:14px 17px}.services{padding-block:55px}.section-head{grid-template-columns:1fr;gap:25px}h2{font-size:45px}.section-head p{font-size:13px}.cards{grid-template-columns:1fr;gap:30px;margin-top:35px}.cards h3{font-size:29px;margin-top:18px}.details{padding-block:55px}.details-grid{grid-template-columns:1fr;gap:45px}.swatches{max-width:340px}.ending{padding-block:65px}.ending p:not(.eyebrow){font-size:13px}footer{font-size:9px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}