@font-face{font-family:Alegreya;src:url('assets/alegreya.ttf') format('truetype');font-weight:400 900;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/satoshi.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--ink:#512c3c;--wine:#502b3c;--rose:#edcfc4;--paper:#fcf8f0;--muted:#735b62;--green:#536b58}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Satoshi,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #41795f;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}p,h1,h2,h3,h4{margin:0}h1,h2,h3{font-family:Alegreya,Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-.035em}.section{padding-left:7%;padding-right:7%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:var(--rose);position:relative;z-index:2}.brand{font-family:Alegreya,Georgia,serif;font-size:62px;font-weight:650;line-height:1;letter-spacing:-.07em}.brand-dot{display:none}.nav nav{display:flex;gap:35px;margin-left:48px;font-size:14px;font-weight:550}.nav-contact{font-size:14px;font-weight:650}.nav-contact span{margin-left:16px;font-size:22px}.hero{background:var(--rose);min-height:770px;position:relative;overflow:hidden;padding:65px 7% 0}.hero-copy{position:relative;z-index:1;width:51%;padding-bottom:95px}.hero h1{font-size:clamp(62px,6.7vw,108px);line-height:.99;margin:25px 0 28px;letter-spacing:-.052em}.hero h1 span{color:#955649}.hero-description{max-width:385px;font-size:18px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;background:var(--wine);color:#fff8ee;border-radius:5px;font-size:14px;font-weight:600;box-shadow:0 3px 0 #321a2a;transition:background .2s,transform .2s}.button:hover{background:#704153;transform:translateY(-2px);text-decoration:none}.button span{font-size:22px;font-weight:400}.hero .button{margin-top:31px}.hero-secondary{display:block;font-size:13px;margin-top:23px}.hero-secondary span{margin-left:12px}.hero-art{position:absolute;right:-5%;top:-30px;width:64%;max-width:970px;transform:rotate(-11deg);pointer-events:none}.hero-art img{width:100%;height:auto;display:block}.art-caption{position:absolute;bottom:11%;left:32%;font-size:12px;transform:rotate(11deg);color:#79565a}.art-caption span{font-family:Alegreya,serif;font-size:24px;padding-right:12px}.hero-foot{display:flex;justify-content:space-between;padding:22px 0 24px;font-size:12px;position:relative;z-index:1}.intro{padding-top:106px;padding-bottom:60px}.intro-text{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-top:23px}.intro h2{font-size:clamp(42px,4.6vw,67px)}.intro-text>p{max-width:435px;font-size:18px;line-height:1.7}.services{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:35px;padding-bottom:105px;align-items:center}.service-choices>p{font-size:13px;font-weight:600;margin-bottom:22px}.service-choice{display:flex;align-items:center;width:100%;border:0;border-bottom:1px solid #dfd4cb;background:none;padding:19px 0;gap:13px;text-align:left;color:#796873;cursor:pointer;font-size:16px}.service-choice.active{color:var(--ink);font-weight:650}.tile-mark{font-size:17px;color:#b7a99a;transform:rotate(5deg)}.active .tile-mark{color:#a26854}.plus{margin-left:auto;font-size:21px}.service-detail{padding-top:37px;min-height:280px}.service-detail .eyebrow{font-size:10px;color:#876147}.service-detail h3{font-size:34px;line-height:1.1;margin:16px 0}.service-detail>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:440px}.service-detail a{display:inline-block;font-size:14px;font-weight:650;margin-top:24px}.service-detail a span{margin-left:12px}.service-scene{background:#e4e8db;min-height:530px;position:relative;display:grid;place-items:center;border-radius:50% 50% 5px 5px/43% 43% 5px 5px;isolation:isolate;transition:background .35s}.scene-route{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.7}.scene-route svg{width:100%;height:100%}.scene-route path{fill:none;stroke:#bcc8b1;stroke-width:23;stroke-dasharray:4 3}.scene-route path.route-progress{stroke:#8b9d7c;stroke-width:10;stroke-dasharray:4 3;opacity:.7}.sample-page{width:73%;background:#fffdf4;transform:rotate(-5deg);box-shadow:8px 18px 30px #4e59452e;position:relative;transition:transform .4s}.service-scene:hover .sample-page{transform:rotate(-2deg) translateY(-5px)}.sample-nav{display:flex;justify-content:space-between;padding:14px 15px;font-size:7px;border-bottom:1px solid #e3e2d8;color:#334934;align-items:center}.sample-nav span:first-child{font-weight:800;letter-spacing:.12em}.sample-nav span:last-child{font-size:6px}.sample-content{padding:23px 18px 20px;color:#324736}.sample-content>p{font-size:6px;letter-spacing:.15em}.sample-content h4{font-family:Alegreya,serif;font-size:35px;line-height:1.02;font-weight:400;margin-top:9px}.garden{height:166px;background:#b8c1a4;margin:20px -18px 15px;position:relative;overflow:hidden}.wall{position:absolute;background:#cab79e;width:58%;height:140px;bottom:0;left:0;border-radius:80px 80px 0 0}.sun{width:60px;height:60px;background:#ecd9b4;border-radius:50%;position:absolute;top:15px;right:30px}.plant{position:absolute;bottom:-15px;background:repeating-linear-gradient(76deg,#38523f 0px,#38523f 3px,#63734d 4px,#63734d 6px);width:85px;height:160px;border-radius:70% 0 70% 0;transform:rotate(-15deg)}.p1{right:35px}.p2{right:-15px;height:120px;transform:rotate(35deg)}.p3{left:8px;height:95px;width:50px;transform:rotate(-30deg)}.steps{position:absolute;bottom:0;left:60px;width:110px;height:30px;background:#e3d2b6;box-shadow:10px -18px 0 -3px #dbc5a6,20px -36px 0 -6px #d5bc9b}.sample-cta{font-size:8px;font-weight:600;background:#334e38;color:#fff;padding:7px 11px;display:inline-block}.scene-note{position:absolute;right:-20px;bottom:65px;background:#fcf8f0;padding:20px 24px;box-shadow:0 6px 22px #4a382115;transform:rotate(4deg);font-family:Alegreya,serif;font-size:21px;line-height:1.15;display:flex;gap:14px;align-items:center}.note-dot{width:11px;height:11px;background:#8b9d7c;border-radius:2px;transform:rotate(12deg)}.illustration-label{position:absolute;bottom:14px;left:0;width:100%;text-align:center;font-size:9px;color:#586450}.approach{background:var(--wine);color:#fcf2e3;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:95px;padding-bottom:110px;position:relative;overflow:hidden}.approach h2{font-size:67px;margin:25px 0}.approach-opening>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:380px;color:#e1cbd0}.button.pale{background:#efcebf;color:var(--wine);margin-top:30px;box-shadow:0 3px 0 #b99485;font-size:12px}.roadmap{padding-top:38px}.roadmap-heading{font-family:Alegreya,serif;font-size:30px;line-height:1.2;margin-bottom:40px}.roadmap ol{list-style:none;margin:0;padding:0}.roadmap li{display:flex;gap:26px;position:relative;padding-bottom:40px}.roadmap li:not(:last-child):before{content:"";position:absolute;left:21px;top:48px;bottom:8px;width:4px;background:repeating-linear-gradient(to bottom,#ad8585 0px,#ad8585 4px,transparent 4px,transparent 8px);transform:rotate(-3deg)}.step-stone{flex-shrink:0;display:grid;place-items:center;width:45px;height:46px;background:#e8c9ac;color:#563845;font-family:Alegreya,serif;font-size:24px;border-radius:3px 8px 4px 2px;transform:rotate(-5deg);box-shadow:3px 3px #a18077}.roadmap li:nth-child(2) .step-stone{background:#cad2b9;transform:rotate(5deg)}.roadmap li:nth-child(3) .step-stone{background:#dcaaa1;transform:rotate(-2deg)}.roadmap h3{font-size:27px;line-height:1.13;letter-spacing:-.015em}.roadmap li p{color:#e1cbd0;font-size:14px;line-height:1.8;margin-top:12px}.about{padding-top:105px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.about h2{font-size:60px;margin-top:25px}.about-copy{padding-top:33px}.large-copy{font-family:Alegreya,serif;font-size:29px;line-height:1.3}.about-copy>p:not(.large-copy){font-size:16px;line-height:1.8;margin-top:20px}.text-link{font-size:14px;font-weight:650;display:inline-block;margin-top:27px}.text-link span{margin-left:12px}.questions{padding-top:30px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.questions h2{font-size:42px}.questions details{border-bottom:1px solid #dbcec5;padding:0 0 20px;margin-bottom:20px}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:15px;font-weight:600}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:14px;line-height:1.75;margin-top:16px;max-width:470px}.questions details a{font-size:14px;display:inline-block;margin-top:13px}.closing{background:var(--rose);min-height:400px;display:flex;align-items:center;padding-top:65px;padding-bottom:65px;position:relative;overflow:hidden}.closing>div:last-child{position:relative;z-index:1;margin-left:40%}.closing h2{font-size:63px;margin:21px 0 27px}.closing-art{position:absolute;width:480px;height:480px;left:0;top:-35px;transform:rotate(-18deg)}.closing-art img{width:100%;height:auto}footer{min-height:150px;display:flex;align-items:center;gap:34px}footer .brand{font-size:46px}footer p{font-size:13px}footer nav{margin-left:auto;display:flex;gap:30px;font-size:13px}footer small{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero{min-height:850px}.hero-art{right:0;top:-40px}.hero-copy{padding-bottom:130px}.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.hero{min-height:680px;padding-top:40px}.hero h1{font-size:72px}.hero-art{width:67%;right:-13%;top:40px}.hero-copy{width:58%;padding-bottom:55px}.hero-description{font-size:16px;max-width:330px}.intro-text{gap:7%}.services{gap:5%}.service-scene{min-height:460px}.scene-note{right:-10px;font-size:18px;padding:16px}.approach{gap:7%}.approach h2{font-size:58px}.about h2{font-size:50px}.sample-content h4{font-size:28px}.closing h2{font-size:53px}.closing-art{left:-80px}}
@media(max-width:700px){.section{padding-left:7%;padding-right:7%}.nav{height:85px;padding:0 7%}.brand{font-size:49px}.nav nav{display:none}.nav-contact{font-size:13px}.hero{padding-top:25px;min-height:0}.hero-copy{width:100%;padding-bottom:0}.eyebrow{font-size:10px}.hero h1{font-size:68px;margin-top:22px;line-height:.98;letter-spacing:-.05em}.hero-description{max-width:320px;font-size:16px}.hero .button{margin-top:26px}.button{font-size:12px;padding:15px 19px;gap:22px}.hero-secondary{font-size:12px;margin-top:22px}.hero-art{position:relative;width:115%;right:auto;top:auto;max-width:none;margin:-17px -7% -38px;transform:rotate(-13deg)}.art-caption{bottom:12%;left:30%;font-size:10px}.art-caption span{font-size:20px}.hero-foot{font-size:9px;padding-bottom:25px;gap:20px}.hero-foot p{max-width:130px}.intro{padding-top:65px;padding-bottom:30px}.intro-text{display:block;margin-top:22px}.intro h2{font-size:43px}.intro-text>p{font-size:16px;margin-top:25px}.services{display:flex;flex-direction:column;gap:30px;padding-top:15px;padding-bottom:65px}.service-choices{width:100%}.service-choice{font-size:14px;gap:9px;padding:18px 0}.service-choices>p{font-size:12px}.service-detail{min-height:0;padding-top:29px}.service-detail h3{font-size:30px}.service-detail>p:not(.eyebrow){font-size:14px}.service-detail a{font-size:13px}.service-scene{width:100%;min-height:440px;margin-top:8px}.sample-page{width:73%}.sample-content h4{font-size:30px}.scene-note{right:-6px;bottom:58px;font-size:18px}.garden{height:145px}.approach{display:block;padding-top:60px;padding-bottom:35px}.approach h2{font-size:56px}.approach-opening>p:not(.eyebrow){font-size:15px}.button.pale{font-size:11px;gap:14px}.roadmap{padding-top:55px}.roadmap-heading{font-size:28px;margin-bottom:30px}.roadmap h3{font-size:25px}.roadmap li{gap:20px;padding-bottom:35px}.roadmap li p{font-size:13px}.about{display:block;padding-top:65px;padding-bottom:65px}.about h2{font-size:49px}.about-copy{padding-top:30px}.large-copy{font-size:27px}.about-copy>p:not(.large-copy){font-size:15px}.questions{display:block;padding-top:0;padding-bottom:55px}.questions h2{font-size:36px;margin-bottom:32px}.questions summary{font-size:14px}.closing{min-height:520px;display:block;padding-top:50px;padding-bottom:220px}.closing>div:last-child{margin:0}.closing h2{font-size:46px}.closing-art{width:330px;height:330px;left:auto;right:-35px;top:auto;bottom:-65px;transform:rotate(-22deg)}footer{flex-wrap:wrap;gap:17px;padding-top:30px;padding-bottom:30px;min-height:140px}footer p{font-size:12px}footer nav{width:100%;margin:0;font-size:12px}footer small{margin-left:auto;margin-top:-37px}}
@media(max-width:360px){.hero h1{font-size:60px}.hero-description{font-size:15px}.hero-foot{font-size:8px}.service-choice{font-size:12px}.sample-content h4{font-size:26px}.service-scene{min-height:420px}.intro h2{font-size:38px}.closing h2{font-size:40px}.button{font-size:11px;gap:13px}.button.pale{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Separate the maker's mark from the footer copy at wide desktop sizes. */
@media(min-width:701px){.hero-art .art-caption{bottom:17%;left:36%}.hero-foot p:last-child{max-width:180px;text-align:right}.hero-art{top:-58px}}

/* The service selection changes a complete illustrated customer journey. */
.services{grid-template-columns:1fr 1.08fr;column-gap:7%;row-gap:32px}.service-scene{border-radius:4px;min-height:560px}.scene-route{opacity:.65}.scene-route path{stroke:#9dada0;stroke-width:30;stroke-dasharray:7 3}.scene-route path.route-progress{stroke:#ece0c9;stroke-width:12;stroke-dasharray:7 3}.scene-note{bottom:55px}.sample-page{transform:rotate(-3deg);width:73%}.illustration-label{font-size:10px;bottom:16px}.hero-art .art-caption{position:absolute;left:12%;bottom:4%;transform:rotate(11deg);white-space:nowrap}.hero-art{top:-80px}.hero-foot{padding-top:25px}.journey{grid-column:1/-1;display:flex;justify-content:space-between;position:relative;isolation:isolate;min-height:120px;padding-top:35px;margin-top:8px}.journey-art{position:absolute;inset:0;z-index:-1}.journey-art svg{width:100%;height:100%}.journey-art path{fill:none;stroke:#d6be9b;stroke-width:14;stroke-dasharray:7 3}.journey>div:not(.journey-art){display:flex;flex-direction:column;align-items:center;gap:16px;width:29%;text-align:center}.journey-stone{width:38px;height:39px;background:#55735e;border:3px solid #7a917a;border-radius:3px 5px 2px 4px;display:grid;place-items:center;color:#fff8ed;font-family:Alegreya,serif;font-size:23px;box-shadow:3px 4px #c2c6b3;transform:rotate(-5deg)}.journey>div:nth-child(3) .journey-stone{background:#946b51;border-color:#b28d71;transform:rotate(5deg)}.journey>div:nth-child(4) .journey-stone{background:#794956;border-color:#9a6c71;transform:rotate(-3deg)}.journey p{background:var(--paper);font-size:13px;padding:3px 10px;font-weight:600}.scene-marketing,.scene-sales{width:100%;height:100%;min-height:560px;position:absolute;inset:0}.scene-marketing[hidden],.scene-sales[hidden],.sample-page[hidden]{display:none}.campaign-print{position:absolute;width:63%;left:7%;top:38px;background:#fff8e9;box-shadow:10px 16px 25px #50322920;transform:rotate(-6deg);padding:21px}.campaign-print>p:first-child{font-size:8px;letter-spacing:.1em;font-weight:700}.campaign-print h4,.campaign-letter h4,.correspondence h4{font-family:Alegreya,serif;font-weight:400;font-size:31px;line-height:1.06;letter-spacing:-.025em;margin-top:15px}.editorial-garden{height:175px;margin:20px -21px 13px;background:#59765c;display:flex;align-items:flex-end;gap:4px;overflow:hidden}.editorial-garden span{display:block;width:24%;height:85%;background:#9ba985;border-radius:80px 0 0 0;transform:rotate(12deg) translateY(22px)}.editorial-garden span:nth-child(2){height:60%;background:#d4c399}.editorial-garden span:nth-child(3){height:110%;background:#bcccaf}.editorial-garden span:nth-child(4){height:65%;background:#e3ceae}.editorial-garden span:nth-child(5){height:95%;background:#c3a77d}.print-caption{font-size:11px;line-height:1.45}.campaign-letter{position:absolute;width:58%;right:3%;top:260px;padding:24px;background:#50353d;color:#fff2df;box-shadow:8px 12px 20px #50322920;transform:rotate(5deg)}.campaign-letter>p:first-child{font-size:8px}.campaign-letter h4{font-size:29px}.campaign-letter>p:last-child{font-size:10px;margin-top:14px}.scene-marketing~.scene-note{z-index:2}.service-scene[data-scene=marketing] .scene-note,.service-scene[data-scene=sales] .scene-note{display:none}.correspondence{position:absolute;top:55px;left:11%;width:76%;background:#fff8ec;padding:32px;box-shadow:8px 13px 20px #563f391c;transform:rotate(-3deg)}.letter-brand{font-size:8px;letter-spacing:.13em;font-weight:700;color:#536b58}.letter-subject{font-size:11px;margin-top:28px}.correspondence>p:not(.letter-subject){font-size:13px;line-height:1.7;margin-top:21px}.letter-action{display:inline-block;background:#4b6753;color:#fff9e9;padding:12px 15px;font-size:10px;margin-top:25px}.follow-up{position:absolute;bottom:60px;right:4%;background:#e9e9db;padding:20px;display:flex;gap:15px;transform:rotate(3deg);box-shadow:5px 8px 13px #684b3520}.follow-up>span{color:#55735e;font-size:27px}.follow-up strong{font-size:12px}.follow-up p{font-size:10px;margin-top:4px}.about{align-items:center;gap:9%}.about-copy{padding-top:0}.about h2{font-size:49px;margin:22px 0}.about .large-copy{font-family:Satoshi,sans-serif;font-size:17px;line-height:1.7}.founder-portrait{margin:0}.founder-portrait img{display:block;width:100%;height:430px;object-fit:cover;object-position:60% center;border-radius:3px}.founder-portrait figcaption{font-size:12px;margin-top:15px}.closing-tesserae{width:260px;height:260px;left:9%;top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(-12deg)}.closing-tesserae span{background:#506d5a;border-radius:3px 8px 3px 6px;box-shadow:5px 8px 0 #beaa90,inset 3px 3px #ffffff30}.closing-tesserae span:nth-child(2n){background:#d4b57e;transform:rotate(3deg)}.closing-tesserae span:nth-child(3n){background:#74434e;transform:rotate(-4deg)}.closing-tesserae span:nth-child(3){transform:translate(10px,-12px) rotate(7deg)}.closing-tesserae span:nth-child(9){transform:translate(20px,20px) rotate(15deg)}
@media(max-width:1000px) and (min-width:701px){.hero-art{top:0}.hero-art .art-caption{left:8%;bottom:4%}.founder-portrait img{height:370px}.about h2{font-size:41px}}
@media(max-width:700px){.hero-art{top:auto;margin-top:-8px;margin-bottom:-10px}.hero-art .art-caption{bottom:5%;left:20%;white-space:nowrap}.hero-foot{padding-top:15px;justify-content:center}.hero-foot p{max-width:none;font-size:10px}.services{gap:28px}.service-scene,.scene-marketing,.scene-sales{min-height:460px}.service-scene{margin-top:0}.campaign-print{top:28px;padding:18px;width:65%}.campaign-print h4{font-size:26px}.editorial-garden{height:125px;margin-left:-18px;margin-right:-18px}.campaign-letter{top:220px;width:61%;padding:19px}.campaign-letter h4{font-size:25px}.campaign-letter>p:last-child{font-size:9px}.correspondence{padding:24px;top:35px;width:81%;left:7%}.correspondence h4{font-size:28px}.correspondence>p:not(.letter-subject){font-size:11px}.follow-up{bottom:50px;padding:15px;right:3%}.follow-up strong{font-size:10px}.journey{width:100%;padding-top:15px;min-height:105px;margin-top:0}.journey-art{inset:0 0 20px}.journey-stone{width:30px;height:32px;font-size:19px}.journey>div:not(.journey-art){gap:15px;width:33%}.journey p{font-size:10px;padding:3px 4px}.founder-portrait img{height:auto;aspect-ratio:1.12;object-position:60% center}.founder-portrait figcaption{font-size:11px}.about-copy{padding-top:35px}.about h2{font-size:41px}.about .large-copy{font-size:15px}.closing-tesserae{width:140px;height:140px;gap:7px;left:auto;right:35px;top:auto;bottom:15px}.closing{padding-bottom:200px}.closing-tesserae span{box-shadow:3px 5px #beaa90,inset 2px 2px #ffffff30}.illustration-label{font-size:8px}}
/* Artwork extends beyond its composition; it must never create a scrollable inner viewport. */
.hero,.closing{overflow:clip}