:root{--bg:#f5f0e7;--panel:#fcf9f3;--line:#d8d2c7;--ink:#243c35;--muted:#58655d;--accent:#9a4a2b}.warm{background:var(--bg);color:var(--ink)}.warm a:hover{color:#a04d2b}.warm .draft{background:#244438;color:#e5e6d3;font-size:9px}.warm .brand svg path{stroke:#a55332}.warm .brand small{color:#5f7065}.warm .nav{padding:22px 0}.warm nav{gap:23px}.warm nav .button{background:#244438;color:#fff7e8;border-color:#244438}.warm .hero{grid-template-columns:1.12fr 1fr;padding:72px 0 60px;gap:30px}.warm .hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.09;letter-spacing:-2.9px;margin:23px 0}.warm .hero h1 em{color:#a55332}.warm .hero p{font-size:17px;max-width:480px}.warm .hero .fine{font-size:12px;margin:12px 0 18px}.warm .button{background:#244438;border-color:#244438;color:#fff6e6}.warm .button:hover{background:#365d4c}.warm .button.outline{background:none;color:var(--ink)}.warm .eyebrow{font-size:10px;letter-spacing:2px;color:#94502f}.quiet-link{font-size:13px;border-bottom:1px solid #a8b0a2;padding-bottom:3px}.warm section{padding:60px 0}.warm .how{border-top:1px solid var(--line)}.warm h2{font-size:36px;letter-spacing:-1.3px}.warm .steps{gap:40px}.warm .step{border-top:1px solid #bdbdad;padding-top:19px}.warm .step h3{font-size:21px}.warm .step p{font-size:14px}.warm .number{color:#a55332}.annual-note{display:grid;grid-template-columns:.9fr 1.6fr;gap:50px;border-radius:5px;background:#e9e8d9;margin-top:32px;padding:25px 30px;align-items:center}.annual-note strong{font:500 19px 'Space Grotesk',Arial}.annual-note p{font-size:13px;margin:0}.warm .meet-section{display:grid;grid-template-columns:145px 1.4fr .9fr;align-items:start;gap:32px;border-top:1px solid var(--line)}.matt-photo-slot{min-height:130px}.matt-photo-slot img{width:140px;height:160px;object-fit:cover;border-radius:65px 65px 5px 5px;border:5px solid #e8ddc9}.matt-photo-slot small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.warm .meet-section p{font-size:14px}.homegrown{border-left:1px solid var(--line);padding-left:30px}.homegrown h3{font-size:22px;line-height:1.35}.homegrown a{font-size:12px}.warm .cta{background:#e6ddc9;color:var(--ink);padding:35px 40px;margin-top:15px}.warm .cta h2{font-size:30px;margin-top:12px}.warm .cta .button{background:#244438;color:#fff6e6}.warm footer .links{flex-wrap:wrap;gap:16px;max-width:700px;justify-content:flex-end}.warm footer{margin-top:40px}.warm footer p{font-size:10px}.warm .service p,.warm .faq p{font-size:15px}.warm .pagehead h1{font-size:58px}.warm .about-matt{grid-template-columns:165px 1fr;max-width:900px}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.story-row p{font-size:17px}.ember-scene{height:440px;position:relative;display:grid;align-items:center;isolation:isolate}.sample-browser{position:relative;z-index:2;transform:rotate(-3deg);background:#fffaf0;border:1px solid #c5bcaa;border-radius:9px;box-shadow:0 18px 45px #50452d1c;overflow:hidden;margin:0 15px}.sample-top{height:26px;display:flex;gap:4px;align-items:center;padding:0 12px;background:#dedfcf}.sample-top i{width:4px;height:4px;border-radius:50%;background:#869682}.sample-top>span{margin-left:auto;font-size:6px;letter-spacing:1.5px;color:#5f705b}.sample-nav{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e8e2d6;font-size:8px;color:#324e3c}.sample-nav span{font-size:6px}.sample-content{padding:27px 23px;position:relative;min-height:245px;overflow:hidden}.sample-content>small{font-size:6px;letter-spacing:1.2px;color:#7d5a38}.sample-content h3{font-size:27px;line-height:1.1;letter-spacing:-1px;color:#324e3c;position:relative;z-index:2;margin:18px 0}.sample-button{background:#324e3c;color:#fffaed;padding:8px 12px;font-size:6px;position:relative;z-index:2}.sample-lines{margin-top:30px;display:grid;gap:5px}.sample-lines i{height:3px;background:#d9dac8;width:65%}.sample-lines i:last-child{width:42%}.sunshape{position:absolute;right:19px;top:45px;width:110px;height:140px;border-radius:65px 65px 3px 3px;background:#cfa26e;overflow:hidden}.sunshape:before{content:"";position:absolute;width:180px;height:95px;border-radius:50%;background:#9ba87d;left:-38px;bottom:-12px;transform:rotate(-30deg)}.sunshape div{position:absolute;width:37px;height:37px;background:#f4dfaa;right:17px;top:22px;border-radius:50%}.sample-bottom{border-top:1px solid #dedfcf;display:flex;justify-content:space-around;padding:15px 8px;font-size:7px;color:#526346}.art-caption{position:absolute;bottom:5px;left:30px;font:11px 'DM Sans',Arial;color:#7f745e}.motion-toggle{position:absolute;bottom:-22px;right:17px;z-index:3;border:0;background:none;text-decoration:underline;color:#756b59;font-size:10px;min-height:30px;cursor:pointer}.smoke{position:absolute;z-index:0;pointer-events:none;width:210px;height:330px;border-radius:60% 40% 70% 30%;background:radial-gradient(ellipse at 50% 70%,#d5844a54,transparent 67%);transform:rotate(25deg);animation:smoulder 8s ease-in-out infinite alternate;filter:blur(12px)}.smoke-one{right:-15px;top:4px}.smoke-two{left:-22px;bottom:0;animation-delay:-4s;background:radial-gradient(ellipse at 50% 65%,#acb89466,transparent 66%)}.spark{width:3px;height:3px;position:absolute;background:#b26633;border-radius:50%;box-shadow:0 0 8px #dca45c;z-index:3;animation:ember 6s ease-in-out infinite;pointer-events:none}.s1{right:15px;top:70%;animation-delay:-1s}.s2{left:4px;top:55%;animation-delay:-3s}.s3{right:42px;top:35%;animation-delay:-4s}.s4{left:30px;top:27%;animation-delay:-2s}.circuit{position:absolute;width:100%;height:100%;color:#b4905766;z-index:0}.circuit circle{fill:#c29559;stroke:none}.motion-paused .smoke,.motion-paused .spark{animation-play-state:paused}@keyframes ember{0%,100%{opacity:0;transform:translateY(20px)}30%,65%{opacity:.8}85%{opacity:0;transform:translateY(-65px)}}@keyframes smoulder{from{opacity:.5;transform:translateY(12px) rotate(15deg) scale(.95)}to{opacity:.85;transform:translateY(-10px) rotate(28deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.smoke,.spark{animation:none!important}.spark{opacity:.35}.motion-toggle{display:none}}@media(max-width:900px){.warm .hero{grid-template-columns:1fr 1fr;gap:15px}.warm .hero h1{font-size:44px}.warm nav{gap:15px}.warm .meet-section{grid-template-columns:130px 1fr;gap:25px}.homegrown{grid-column:2;border:0;padding:0}.sample-content h3{font-size:24px}.sunshape{width:85px;height:120px;right:10px}.warm footer .links{justify-content:flex-start}}@media(max-width:700px){.warm .hero{grid-template-columns:1fr;padding:42px 0 30px;gap:25px}.warm .hero h1{font-size:46px;letter-spacing:-2px}.warm .hero p{font-size:16px}.ember-scene{height:365px;max-width:420px;width:100%;margin:0 auto 30px}.sample-browser{margin:0 18px}.sample-content{min-height:205px;padding:20px}.sample-content h3{font-size:27px}.sunshape{width:100px;height:125px}.sample-lines{margin-top:22px}.annual-note{grid-template-columns:1fr;gap:12px;padding:23px}.warm .meet-section{grid-template-columns:100px 1fr;gap:22px}.matt-photo-slot img{width:95px;height:120px}.homegrown{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.warm h2{font-size:30px}.warm .meet-section h2{font-size:27px}.warm .steps{gap:25px;grid-template-columns:1fr}.warm section{padding:40px 0}.warm .cta{padding:26px}.warm .cta h2{font-size:28px}.warm .pagehead h1{font-size:43px}.story-row{grid-template-columns:1fr;gap:15px}.warm nav{flex-wrap:wrap;justify-content:flex-start;gap:5px 18px}.warm nav .button{margin-left:auto}.warm .about-matt{grid-template-columns:95px 1fr}.warm .eyebrow{letter-spacing:1.5px;font-size:9px}.warm .hero .eyebrow{max-width:280px;display:block}.sample-nav{font-size:7px}.sample-nav span{font-size:5px}}@media(max-width:370px){.warm .hero h1{font-size:40px}.warm .meet-section{grid-template-columns:1fr}.matt-photo-slot img{width:100px;height:120px}.homegrown{grid-column:auto}.warm nav .button{margin-left:0}.sample-content h3{font-size:23px}.sunshape{width:75px;right:9px}.sample-content{padding:17px}.warm .hero .actions .button{font-size:12px}}

.portrait-placeholder{width:140px;height:160px;border-radius:65px 65px 5px 5px;background:#dedcc9;color:#5e705b;display:grid;place-items:center;font:500 38px 'Space Grotesk',Arial;border:5px solid #e8ddc9}.warm input,.warm textarea,.warm select{background:#fffdf7;border-color:#9bada0;color:#243c35}.warm form{background:#fcf9f3}.warm #brief{background:#eaeadd;color:#243c35}.warm .notice{border-color:#a55332}@media(max-width:700px){.portrait-placeholder{width:95px;height:120px;font-size:30px}}
.ember-scene{overflow:hidden;padding:20px 0 40px;height:470px}.art-caption{bottom:25px}.motion-toggle{bottom:0}@media(max-width:700px){.ember-scene{height:405px}}

.website-features{border-top:1px solid var(--line)}.website-features .sectionhead p{font-size:14px;max-width:340px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.feature-grid article{padding:8px 0}.feature-grid svg{width:54px;height:54px;fill:none;stroke:#a55332;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-grid h3{font-size:23px;margin:20px 0 12px}.feature-grid p{font-size:14px;margin-bottom:16px}.feature-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#6b7664}.faq-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;margin-bottom:45px}.faq-index{padding-top:40px;display:flex;align-items:flex-start;flex-direction:column;gap:17px;font-size:13px}.warm .faq-group{padding:35px 0 12px;scroll-margin-top:20px}.faq-group h2{font-size:28px}.faq-group p{font-size:15px}.faq-group p a{text-decoration:underline}.faq-group summary{font-size:16px;padding-right:15px;min-height:28px}.warm nav{gap:16px}.warm nav a{font-size:12px}@media(max-width:900px){.faq-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.warm .nav{flex-wrap:wrap;gap:15px}}@media(max-width:700px){.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid article{border-bottom:1px solid var(--line);padding-bottom:22px}.feature-grid article:last-child{border:0}.feature-grid h3{margin-top:12px}.feature-grid svg{width:45px;height:45px}.faq-layout{grid-template-columns:1fr;gap:8px}.faq-index{padding-top:0;gap:12px}.warm .faq-group{padding-top:24px}.warm nav{gap:5px 17px}.warm nav a{font-size:12px}}
