@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f4ed;--ink:#243b32;--muted:#5b665e;--line:#d6dbd1;--accent:#a94526;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1220px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:40px;font-weight:700;letter-spacing:-2.8px;line-height:1}.wordmark span{color:var(--accent)}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}.small-cta{font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.small-cta span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:84px 94px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-1.8px;line-height:1.05}h1{font-size:clamp(62px,6.2vw,87px);margin-bottom:24px}h1 em,h2 em{font-weight:400;color:var(--accent)}h2{font-size:clamp(40px,4vw,56px);margin-bottom:22px}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;font-weight:600}.intro{font-size:17px;line-height:1.8;max-width:470px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;padding:17px 23px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid var(--ink)}.button:hover{background:#355545}.hero-note{font-size:12px;color:var(--muted);margin:17px 0 0}.example{position:relative;padding:28px 0 55px}.example-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding:0 0 13px}.browser-frame{background:var(--white);border:1px solid #c9cfc4;box-shadow:0 20px 40px #243b3214;overflow:hidden}.browser-bar{background:#e9ece5;padding:9px 14px;display:flex;align-items:center;gap:4px}.browser-bar i{width:5px;height:5px;background:#a6b0a3;border-radius:50%}.browser-bar span{margin:auto;font-size:9px;color:#536351}.sample-nav{display:flex;justify-content:space-between;padding:24px 22px;font-size:8px}.sample-nav b{font-size:11px;letter-spacing:1.3px}.sample-hero{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:12px 0 0 23px;min-height:300px}.sample-hero small{font-size:7px;letter-spacing:1px}.sample-hero h2{font-size:45px;line-height:1;margin-top:18px;margin-bottom:24px;letter-spacing:-1px}.sample-button{display:inline-block;font-size:8px;padding:10px 14px;background:#6a583d;color:white}.wood-scene{position:relative;background:#d7ceba;min-height:280px;overflow:hidden}.floor{position:absolute;top:48%;bottom:0;left:-55%;width:230%;background:repeating-linear-gradient(90deg,#b58b58 0 2px,#d0ab77 3px 33px,#cda46e 34px 62px);transform:perspective(140px) rotateX(40deg);transform-origin:50% 0}.window{position:absolute;top:20px;right:28px;width:65px;height:105px;border:7px solid #eeece0;background:#c5ccac;box-shadow:-10px 7px 8px #796a5630}.window:after{content:'';position:absolute;top:0;left:45%;height:100%;width:4px;background:#eeece0}.sun{position:absolute;width:55px;height:190px;background:#fff7c663;top:115px;right:75px;transform:skewX(-40deg)}.bench{position:absolute;bottom:50px;right:0;width:100px;height:27px;background:#685744;box-shadow:0 11px 14px #65574430}.bench:before,.bench:after{content:'';position:absolute;top:20px;width:8px;height:35px;background:#685744}.bench:after{right:12px}.bench:before{left:10px}.sample-bottom{display:flex;justify-content:space-between;padding:23px;font-size:9px;border-top:1px solid #eee8db}.caption{font-size:10px;color:var(--muted);margin:12px 0}.note-card{display:flex;align-items:center;gap:15px;background:#fffef9;border:1px solid #d8d9cc;padding:16px 22px;position:absolute;bottom:0;right:-18px;box-shadow:0 10px 25px #22382b0a;font-size:12px}.note-card p{margin:0}.note-card>span{font-size:23px;color:var(--accent)}.audience{border-block:1px solid var(--line);padding:23px 0}.audience .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px}.audience span{color:var(--muted);max-width:235px}.audience b{font-size:13px;font-weight:500}.section{padding-block:86px}.approach{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-bottom:45px}.body-copy{padding-top:30px;color:var(--muted);max-width:490px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-bottom:86px}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles article>span{font-size:11px;color:var(--accent)}.principles h3{margin-top:20px}.principles p,.process li p{color:var(--muted);font-size:14px;line-height:1.8}.deliverables{background:#e7ebdf;padding:80px 0}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.text-link{font-size:14px;font-weight:600;text-underline-offset:6px}.included-list article{border-bottom:1px solid #c7d0bf;padding-bottom:22px;margin-bottom:23px}.included-list article:last-child{margin-bottom:0}.included-list h3{font-size:18px;margin-bottom:9px}.included-list p{font-size:14px;color:var(--muted);margin-bottom:0}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:45px 0 0}.process li>span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}.process h3{margin:19px 0 13px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr;gap:100px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:16px;cursor:pointer;list-style: none;position:relative;padding-right:30px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:3px;font-size:22px;top:-5px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);padding-top:18px;margin-bottom:4px}.contact{background:var(--ink);color:var(--paper);padding:76px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact p{max-width:470px;color:#d6decf}.contact .eyebrow{color:#d6decf}.contact h2{font-size:55px}.contact-action{justify-self:end}.button.light{color:var(--ink);background:var(--paper);border-color:var(--paper);padding-inline:30px}.contact-action p{font-size:14px;margin:20px 0 15px}.contact-action small{font-size:11px;color:#d6decf}.footer{display:flex;align-items:center;gap:25px;justify-content:space-between;padding-block:30px}.footer .wordmark{font-size:30px}.footer p,.footer>span{font-size:11px;color:var(--muted);margin:0}@media(max-width:1050px){.wrap{width:calc(100% - 50px)}.hero{gap:30px}.hero h1{font-size:66px}.sample-hero h2{font-size:36px}.sample-nav span{display:none}.included-grid,.faq,.contact-grid{gap:50px}.note-card{right:0}}@media(max-width:760px){.wrap{width:calc(100% - 38px)}.header{padding:22px 0;gap:20px}.header nav{display:none}.wordmark{font-size:35px}.small-cta{font-size:11px}.small-cta span{margin-left:5px}.hero{grid-template-columns:1fr;gap:20px;padding-block:48px 50px}.hero h1{font-size:64px}.intro{font-size:16px}.example{max-width:540px;width:100%;margin:auto;padding-top:20px}.sample-hero h2{font-size:42px}.audience .wrap{flex-wrap:wrap;gap:16px 25px}.audience span{max-width:none;width:100%;font-size:11px}.audience b{font-size:11px}.section{padding-block:55px}.approach,.included-grid,.faq,.contact-grid{grid-template-columns:1fr;gap:25px}.approach{padding-bottom:25px}.body-copy{padding-top:0}.principles{grid-template-columns:1fr;gap:20px;padding-bottom:55px}.principles h3{margin-top:10px}.principles p{margin-bottom:0}.deliverables{padding:55px 0}.included-list{margin-top:10px}.process ol{grid-template-columns:1fr;gap:20px;margin-top:30px}.process li{border-top:1px solid var(--line);padding-top:20px}.process h3{margin-top:12px}.contact{padding:55px 0}.contact h2{font-size:45px}.contact-action{justify-self:start}.footer{flex-wrap:wrap;gap:18px}.footer p{flex:1}.footer>span{width:100%;text-align:right}.note-card{padding:13px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}