@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
:root{--ink:#141a17;--green:#24513e;--paper:#e0f3e9;--sage:#bce6d1;--gold:#c4a25d;--ivory:#faf8f1;--muted:#56645c;--line:#c0d2c6}
.site-header{background:var(--ivory);border-bottom:0}.header-inner{min-height:105px}.site-header .brand img.wordmark{width:190px}.nav a{font-size:11px}.nav .button{background:var(--ink)}
.studio-hero{background:var(--ink);color:var(--ivory);padding:65px 0 80px;overflow:hidden}.studio-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.studio-intro .eyebrow{color:var(--sage);font-size:10px;letter-spacing:.15em}.tiny-star{font-size:24px;vertical-align:middle;margin-right:8px}.studio-intro h1{font:600 clamp(64px,6.7vw,96px)/.94 var(--serif);letter-spacing:-.045em;margin:22px 0 30px}.studio-intro h1 em{color:var(--sage);font-weight:500}.outline-type{font-size:.67em;letter-spacing:-.025em;color:var(--ivory)}.gold-dot{color:var(--gold)}.studio-lead{color:#ccd9d0;max-width:400px;font-size:13px;line-height:1.9}.studio-hero .button{background:var(--sage);color:var(--ink);border-color:var(--sage)}.studio-hero .text-link{color:var(--ivory)}.studio-hero .actions{gap:24px;margin-top:30px}
.planner-scene{height:530px;position:relative;margin-top:30px}.scene-label{position:absolute;top:-25px;left:0;font-size:8px;letter-spacing:.16em;color:#b9cfc0}.studio-desk-image{position:absolute;right:-16px;top:0;width:80%;height:420px;object-fit:cover;object-position:center 18%;transform:rotate(5deg);opacity:.95;border:8px solid #ece8dc}.planner-sheet{position:absolute;left:0;top:95px;background:var(--ivory);color:var(--ink);width:86%;padding:33px 30px 26px 40px;transform:rotate(-5deg);box-shadow:8px 12px 0 #0003;background-image:repeating-linear-gradient(transparent,transparent 29px,#cad6ca50 30px);border-left:14px solid #d4dfd2}.binder-rings{position:absolute;left:-24px;top:26px;bottom:26px;width:24px;background:repeating-linear-gradient(180deg,transparent 0,transparent 32px,var(--gold) 32px,var(--gold) 36px,transparent 36px,transparent 59px)}.planner-date{font-size:8px;letter-spacing:.14em;display:flex;justify-content:space-between;border-bottom:1px solid #a9b7a9;padding-bottom:13px;margin:0 0 22px}.planner-sheet h2{font:500 47px/.98 var(--serif);letter-spacing:-.03em;margin:0}.planner-sheet h2 em{color:var(--green)}.handwritten{font:italic 25px var(--serif);color:#766039;transform:rotate(-4deg);margin:12px 0 18px}.planner-sheet ul{list-style:none;padding:0;margin:0 0 23px;font-size:11px;line-height:2.4}.planner-sheet li span{display:inline-block;color:var(--green);margin-right:10px}.planner-link{font-size:11px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;display:flex;justify-content:space-between}.studio-seal{position:absolute;right:-18px;bottom:4px;background:var(--gold);color:var(--ink);border-radius:50%;width:119px;height:119px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.6;transform:rotate(10deg)}
.studio-ribbon{background:var(--sage);color:var(--ink);display:flex;justify-content:center;align-items:center;gap:45px;padding:20px;font-size:11px;font-weight:700;letter-spacing:.16em}.studio-ribbon span:nth-child(even){font-size:24px;line-height:1}.studio-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.studio-section-heading h2{font-size:60px;margin:0}.studio-section-heading>p{font-size:12px;color:var(--muted)}.planner-directory{display:grid;grid-template-columns:1fr 1fr;gap:25px}.directory-entry{border:1px solid #b5c5b9;background:var(--paper)}.directory-entry:nth-child(2),.directory-entry:nth-child(3){background:#efecdf}.directory-tab{display:flex;align-items:center;gap:17px;padding:20px 25px;border-bottom:1px solid #b5c5b9;background:var(--ink);color:var(--ivory);text-decoration:none}.directory-tab>span:first-child{color:var(--gold);font-size:11px}.directory-tab>span:last-child{margin-left:auto;color:var(--sage);font-size:22px}.directory-tab h3{font:500 29px/1.08 var(--serif);margin:0}.directory-body{padding:23px 28px}.directory-body p,.directory-body li{font-size:12px;color:#3e5044}.directory-body ul{padding-left:17px;margin-bottom:0}
.studio-founder{background:var(--paper)}.studio-founder-grid{display:grid;grid-template-columns:420px 1fr;gap:95px;align-items:center}.studio-portrait{background:var(--ivory);padding:13px 13px 0;transform:rotate(-2deg);box-shadow:12px 12px 0 #b6d0bf}.studio-portrait img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}.studio-portrait p{text-align:center;font-size:8px;letter-spacing:.15em;padding:15px 0;margin:0;color:var(--ink)}.studio-founder h2{font-size:57px}.studio-founder-grid>div:last-child>p:not(.eyebrow){font-size:13px;color:#43584b;max-width:460px}.studio-founder .button{margin-top:15px;background:var(--ink)}
.studio-creative{background:var(--ink);color:var(--ivory)}.studio-creative .eyebrow{color:var(--gold)}.creative-headline{display:flex;justify-content:space-between;align-items:center}.creative-headline h2{font-size:clamp(70px,10vw,135px);line-height:.9;margin:20px 0 40px}.creative-headline h2 em{color:var(--sage)}.creative-asterisk{color:var(--gold);font-size:200px;line-height:1}.creative-bottom{border-top:1px solid #4c5e51;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:35px}.creative-bottom p{font-size:13px;color:#c6d7cb;margin:0}.creative-bottom .button{background:var(--sage);color:var(--ink);border-color:var(--sage)}.studio-readers{text-align:center;background:var(--ivory)}.studio-readers h2{font-size:60px}.studio-readers p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:590px;margin:0 auto 28px}.studio-readers .actions{justify-content:center;gap:28px}.site-footer{border-top:1px solid var(--gold)}
.page-hero{background:var(--ink);padding:75px 0 65px}.page-hero h1{font-size:clamp(52px,6vw,82px)}.page-hero .eyebrow{color:var(--gold)}.service-grid{gap:24px;border:0}.service-block{background:var(--paper);border:1px solid var(--line)}.service-block:nth-child(2n){background:#efecdf}.creative-item{background:var(--paper);border-top:5px solid var(--ink)}.contact-route{border-top:5px solid var(--ink)}
@media(max-width:1050px){.studio-hero-grid{gap:35px}.planner-scene{height:490px}.planner-sheet{padding:28px 22px 23px 28px}.planner-sheet h2{font-size:40px}.studio-seal{right:-5px;width:100px;height:100px;font-size:8px}.studio-founder-grid{grid-template-columns:350px 1fr;gap:55px}.studio-founder h2{font-size:49px}.directory-tab h3{font-size:26px}.studio-ribbon{gap:25px;font-size:9px}}
@media(max-width:850px){.studio-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.studio-intro h1{font-size:66px}.planner-sheet{width:95%;padding-left:22px}.planner-sheet h2{font-size:35px}.planner-sheet ul{font-size:9px}.planner-date{font-size:6px}.studio-seal{bottom:25px}.studio-founder-grid{grid-template-columns:1fr 1fr;gap:35px}.studio-section-heading h2,.studio-readers h2{font-size:49px}.studio-section-heading>p{max-width:180px}.directory-tab{padding:20px 18px}.directory-tab h3{font-size:24px}.creative-asterisk{font-size:130px}}
@media(max-width:620px){.studio-hero{padding:35px 0 45px}.studio-hero-grid{grid-template-columns:1fr;gap:20px}.studio-intro h1{font-size:76px;max-width:440px}.studio-intro .eyebrow{font-size:8px}.studio-lead{max-width:360px}.planner-scene{max-width:390px;width:100%;height:475px;margin:35px auto 0}.studio-desk-image{width:80%;right:3px;height:350px}.planner-sheet{top:100px;left:8px;width:88%;padding:26px 23px 25px 28px}.planner-sheet h2{font-size:40px}.planner-sheet ul{font-size:10px}.planner-date{font-size:7px}.studio-seal{right:0;bottom:0}.studio-ribbon{gap:12px;padding:18px 10px;font-size:7px;letter-spacing:.07em}.studio-ribbon span:nth-child(even){font-size:17px}.studio-ribbon span:last-child{display:none}.studio-section-heading{display:block;margin-bottom:28px}.studio-section-heading h2{font-size:43px}.studio-section-heading>p{max-width:none;margin:20px 0 0}.studio-section-heading>p br{display:none}.planner-directory{grid-template-columns:1fr;gap:20px}.directory-tab h3{font-size:29px}.directory-body{padding:22px 25px}.studio-founder-grid{grid-template-columns:1fr;gap:40px}.studio-portrait{max-width:360px;width:calc(100% - 12px);margin:auto}.studio-founder h2{font-size:48px}.creative-headline h2{font-size:76px}.creative-asterisk{font-size:72px;align-self:flex-start;margin-top:28px}.creative-bottom{display:block}.creative-bottom .button{margin-top:25px}.studio-readers h2{font-size:43px}.studio-readers .actions{gap:18px}.page-hero h1{font-size:48px}}
@media(max-width:370px){.studio-intro h1{font-size:66px}.creative-headline h2{font-size:64px}.creative-asterisk{font-size:54px}.planner-sheet h2{font-size:35px}.directory-tab h3{font-size:26px}}

/* Simplified studio: useful content, without collage props or decorative numbering. */
.hero-support{border-left:1px solid var(--gold);padding:18px 0 18px 45px;max-width:425px;justify-self:end}
.hero-support .eyebrow{color:var(--gold);font-size:10px;letter-spacing:.14em;line-height:1.8}
.hero-support h2{font:500 58px/1.02 var(--serif);letter-spacing:-.03em;margin:22px 0}
.hero-support h2 em{color:var(--sage)}
.hero-support>p:not(.eyebrow){color:#cbd9d0;font-size:13px;max-width:330px}
.hero-support ul{list-style:none;margin:28px 0;padding:0;font-size:12px;color:#e4ece6}
.hero-support li{padding:11px 0;border-bottom:1px solid #3a4d40}
.hero-support .text-link{color:var(--sage)}
.studio-ribbon{justify-content:space-between;gap:20px;padding:21px max(30px,calc((100vw - 1160px)/2));font-size:10px}
.studio-ribbon span:nth-child(even){font-size:10px;line-height:inherit}
.studio-ribbon span:last-child{display:inline}
.directory-tab h3{color:var(--ivory)}
.directory-tab>span:first-child{margin-left:auto;color:var(--sage);font-size:22px}
@media(max-width:850px){.hero-support{padding-left:28px}.hero-support h2{font-size:46px}.studio-hero-grid{gap:30px}}
@media(max-width:620px){.hero-support{border-left:0;border-top:1px solid var(--gold);padding:30px 0 0;justify-self:start;max-width:none;width:100%;margin-top:12px}.hero-support h2{font-size:43px}.hero-support ul{margin:22px 0}.studio-ribbon{padding:18px 20px;font-size:7px;gap:12px}.studio-ribbon span:nth-child(even){font-size:7px}.studio-hero{padding-bottom:38px}}
/* Stationery details: a file folder, paper edges and index tabs. */
.hero-support{position:relative;isolation:isolate;background:#e0efe4;color:#17221b;border:1px solid #9aaf9e;border-radius:0 7px 7px 7px;padding:40px 35px 30px;max-width:420px;width:100%;box-shadow:9px 10px 0 #aac7b5,16px 18px 0 #25392c;transform:rotate(1.5deg);margin:35px 14px 30px 0}
.hero-support:before{content:'AUTHOR SUPPORT';position:absolute;left:-1px;top:-31px;height:31px;background:#e0efe4;border:1px solid #9aaf9e;border-bottom:0;border-radius:8px 8px 0 0;padding:8px 22px;font-size:9px;letter-spacing:.12em;color:#2d4c39}
.hero-support:after{content:'';position:absolute;width:17px;height:62px;right:30px;top:-17px;border:3px solid #b58d46;border-radius:15px;transform:rotate(12deg);box-shadow:inset 0 0 0 2px #e0efe4}
.hero-support .eyebrow{color:#5f4c27;font-size:9px;margin-bottom:20px}
.hero-support h2{font-size:53px;margin:16px 0 23px}
.hero-support h2 em{color:#2c5941}
.hero-support>p:not(.eyebrow){color:#405647}
.hero-support ul{background:#fcfaf1;border:1px solid #c3cdbd;padding:9px 17px;box-shadow:3px 4px 0 #c3d4c5;margin:25px 0}
.hero-support li{color:#334c3c;border-bottom:1px solid #d5dbcc;padding:10px 0;font-size:11px}
.hero-support li:last-child{border-bottom:0}
.hero-support .text-link{color:#264f38!important}
.planner-directory{gap:42px 30px;padding-top:18px}
.directory-entry{position:relative;border-radius:0 4px 4px 4px;box-shadow:5px 6px 0 #dddccf;margin-top:10px}
.directory-entry:before{content:'';position:absolute;left:-1px;top:-15px;width:105px;height:15px;background:#bedbc9;border:1px solid #9fb8a6;border-bottom:0;border-radius:6px 6px 0 0}
.directory-entry:nth-child(2):before,.directory-entry:nth-child(3):before{background:#d6c49c;border-color:#baac8a}
.directory-tab{background:#bedbc9;color:#17231a;border-bottom:1px solid #a5bdaa}
.directory-entry:nth-child(2) .directory-tab,.directory-entry:nth-child(3) .directory-tab{background:#d6c49c;border-color:#baac8a}
.directory-tab h3{color:#17231a}
.directory-tab>span:first-child{color:#294f38}
.directory-body{background-image:repeating-linear-gradient(transparent,transparent 31px,#6c84600b 32px)}
.studio-portrait{position:relative;transform:rotate(-1deg)}
.studio-portrait:before{content:'';position:absolute;top:-15px;left:calc(50% - 45px);width:90px;height:30px;background:#d4bc83b8;transform:rotate(-5deg);border-left:2px dotted #ab925b66;border-right:2px dotted #ab925b66}
@media(max-width:850px){.hero-support{padding:32px 24px 25px;margin-right:8px}.hero-support h2{font-size:43px}.hero-support ul{padding:8px 12px}.hero-support li{font-size:10px}}
@media(max-width:620px){.hero-support{width:calc(100% - 17px);max-width:390px;margin:45px auto 20px;padding:32px 27px 26px;border-top:1px solid #9aaf9e}.hero-support h2{font-size:46px}.hero-support li{font-size:11px}.planner-directory{gap:37px}.studio-hero-grid{gap:27px}}

/* Move the stationery introduction alongside its services. */
.studio-hero-grid{display:block}
.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;align-items:start}
.studio-intro>.eyebrow{grid-column:1/-1}
.studio-intro h1{grid-column:1;grid-row:2/5;margin-bottom:0}
.studio-intro .studio-lead{grid-column:2;grid-row:2;font-size:16px;align-self:end;margin:65px 0 0;max-width:360px}
.studio-intro .actions{grid-column:2;grid-row:3;align-self:start;flex-wrap:wrap}
.studio-section-heading.with-folder{align-items:center;gap:70px;margin-bottom:60px}
.with-folder .hero-support{flex:0 0 340px;max-width:340px;padding:24px 27px 22px;margin:30px 12px 15px 0}
.with-folder .hero-support h2{font-size:38px;margin:12px 0 16px}
.with-folder .hero-support>p:not(.eyebrow){font-size:11px}
.with-folder .hero-support ul{margin:18px 0;padding:4px 12px}
.with-folder .hero-support li{font-size:10px;padding:7px 0}
.with-folder .hero-support .eyebrow{font-size:8px;margin-bottom:14px}
@media(max-width:850px){.studio-intro{column-gap:35px}.studio-intro .studio-lead{font-size:14px}.studio-section-heading.with-folder{gap:30px}.with-folder .hero-support{flex-basis:300px;max-width:300px}.studio-section-heading.with-folder h2{font-size:42px}.with-folder .hero-support h2{font-size:36px}}
@media(max-width:620px){.studio-intro{display:block}.studio-intro h1{margin-bottom:26px}.studio-intro .studio-lead{margin:0;font-size:13px}.studio-section-heading.with-folder{display:block;margin-bottom:40px}.with-folder .hero-support{max-width:360px;width:calc(100% - 16px);margin:55px auto 25px}.studio-section-heading.with-folder h2{font-size:43px}.with-folder .hero-support h2{font-size:38px}}

/* Personal opening: the founder, with the complete original photo. */
.studio-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}
.studio-intro{display:block}
.studio-intro h1{margin:22px 0 28px}
.studio-intro .studio-lead{font-size:13px;margin:0;max-width:400px}
.studio-intro .actions{margin-top:28px}
.opening-portrait{margin:0;padding:12px 12px 0;background:var(--ivory);border:1px solid var(--gold);box-shadow:10px 10px 0 #c4a25d22}
.opening-portrait img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.opening-portrait figcaption{font:italic 23px/1.3 var(--serif);color:#284735;padding:20px 10px;text-align:center}
.studio-section-heading{margin-bottom:40px}
@media(max-width:850px){.studio-hero-grid{gap:35px}.opening-portrait figcaption{font-size:20px}}
@media(max-width:620px){.studio-hero-grid{grid-template-columns:1fr;gap:38px}.opening-portrait{max-width:380px;width:calc(100% - 10px);margin:0 auto 12px}.opening-portrait figcaption{font-size:22px}}

/* Owner-supplied workspace, arranged like a personal scrapbook page. */
.studio-hero-grid{grid-template-columns:1fr 1.15fr;gap:65px}
.workspace-scrapbook{position:relative;align-self:center;padding:0 8px 75px 0;max-width:620px;width:100%}
.welcome-handwriting{font:italic 35px/1.1 var(--serif);color:var(--sage);margin:0 0 25px 15px;transform:rotate(-3deg)}
.workspace-photo{position:relative;margin:0;background:#fbf8ee;padding:12px 12px 0;transform:rotate(2deg);box-shadow:8px 9px 0 #37523f}
.workspace-photo:before{content:'';position:absolute;width:100px;height:28px;background:#c8b681c7;top:-12px;left:calc(50% - 50px);transform:rotate(-5deg);z-index:1;border-left:2px dotted #b2a371;border-right:2px dotted #b2a371}
.workspace-photo img{display:block;width:100%;height:auto;object-fit:contain}
.workspace-photo figcaption{font:italic 19px/1.4 var(--serif);color:#384b3a;padding:19px 8px 24px;text-align:center}
.workspace-note{position:relative;background:#c8e3d2;color:#1e3726;width:270px;margin:-5px 8px -40px auto;padding:25px 23px 20px;transform:rotate(-4deg);box-shadow:4px 6px 0 #0002}
.workspace-note p{font:500 27px/1.05 var(--serif);margin:0 0 16px}
.workspace-note em{color:#335b40}
.workspace-note a{font-size:10px;text-underline-offset:4px;display:inline-block;padding:6px 0}
.note-clip{position:absolute;top:-16px;right:22px;width:14px;height:43px;border:2px solid #b18d46;border-radius:10px;transform:rotate(12deg)}
@media(max-width:850px){.studio-hero-grid{gap:30px}.welcome-handwriting{font-size:28px}.workspace-photo figcaption{font-size:17px}.workspace-note{width:235px;padding:22px 19px}.workspace-note p{font-size:25px}}
@media(max-width:620px){.studio-hero-grid{grid-template-columns:1fr;gap:38px}.workspace-scrapbook{max-width:430px;margin:0 auto;padding:0 8px 50px 0}.welcome-handwriting{font-size:31px;margin-left:3px}.workspace-note{margin-right:0;margin-bottom:-25px}.workspace-photo figcaption{font-size:18px}.studio-hero{padding-bottom:45px}}
/* The mint note is a personal stationery detail, without a repeated About link. */
.workspace-note{padding-top:29px;padding-bottom:23px}
.workspace-note p{margin-bottom:0}
.note-tape{position:absolute;top:-11px;left:calc(50% - 41px);width:82px;height:25px;background:#d5bf86d9;transform:rotate(7deg);border-left:2px dotted #aa925866;border-right:2px dotted #aa925866;box-shadow:0 1px 2px #00000008}
/* Keep the sticky note lettering simple and readable. */
.workspace-note p{font:500 17px/1.55 var(--sans);letter-spacing:0}
.workspace-note p em{font-style:normal;color:inherit}
@media(max-width:850px){.workspace-note p{font-size:16px}}
/* Narrow handwritten lettering for the personal note. */

.workspace-note p{font-family:'Patrick Hand','Segoe Print',cursive;font-size:23px;font-weight:400;line-height:1.25;letter-spacing:0}
.workspace-note p em{font-style:normal}
@media(max-width:850px){.workspace-note p{font-size:22px}}

/* Relaxed handwriting from option 7, set more narrowly for the small note. */
.workspace-note p{font-family:'Nothing You Could Do','Segoe Print',cursive;font-size:22px;font-weight:400;line-height:1.45;letter-spacing:-.65px}
.workspace-note p em{font-style:normal}
@media(max-width:850px){.workspace-note p{font-size:21px;letter-spacing:-.6px}}
/* Natural handwriting metrics and freely wrapping lines. */
.workspace-note p{font-family:'Shadows Into Light','Segoe Print',cursive;font-size:25px;font-weight:400;line-height:1.3;letter-spacing:normal;word-spacing:normal;text-align:left}
@media(max-width:850px){.workspace-note p{font-size:24px;letter-spacing:normal}}
/* A slim black and gold pen resting below the handwritten note. */
.workspace-note{margin-bottom:-16px}
.stationery-pen{position:absolute;bottom:-31px;left:21px;width:192px;height:9px;background:linear-gradient(180deg,#4d504a 0%,#191d19 32%,#090c09 70%,#33392f 100%);border-radius:3px 7px 7px 3px;transform:rotate(9deg);box-shadow:1px 5px 5px #0005}
.stationery-pen:before{content:'';position:absolute;left:-20px;top:0;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;border-right:20px solid #c5a25d}
.stationery-pen:after{content:'';position:absolute;right:48px;top:0;width:4px;height:9px;background:#c5a25d;box-shadow:42px 0 0 #c5a25d}
.stationery-pen>span{position:absolute;right:8px;top:-2px;width:35px;height:3px;background:linear-gradient(180deg,#dfcb91,#a48240);border-radius:2px;transform:rotate(-2deg)}
.workspace-scrapbook{padding-bottom:95px}
@media(max-width:620px){.workspace-scrapbook{padding-bottom:75px}.workspace-note{margin-bottom:-16px}}
.workspace-scrapbook{padding-bottom:75px}
.workspace-note{margin-bottom:-40px}
@media(max-width:620px){.workspace-scrapbook{padding-bottom:50px}.workspace-note{margin-bottom:-25px}}
/* A detailed fountain pen resting just below the handwritten note. */
.fountain-pen{position:absolute;left:-9px;bottom:-42px;width:260px;height:auto;max-width:none;transform:rotate(9deg);pointer-events:none}
.workspace-scrapbook{padding-bottom:105px}
.workspace-note{margin-bottom:-24px}
@media(max-width:620px){.workspace-scrapbook{padding-bottom:85px}.workspace-note{margin-bottom:-20px}.fountain-pen{width:245px;bottom:-40px}}
/* Photographed pen, blended against the paper below the writing. */
.workspace-note{padding-bottom:65px}
.fountain-pen{width:235px;max-width:90%;height:auto;left:15px;bottom:7px;transform:rotate(3deg);mix-blend-mode:multiply}
@media(max-width:620px){.workspace-note{padding-bottom:65px}.fountain-pen{width:225px;bottom:7px}}
/* Owner-selected silver and gold pen, with a transparent background. */
.workspace-note{padding-bottom:23px}
.fountain-pen{width:260px;max-width:none;height:auto;left:-8px;bottom:-62px;transform:rotate(7deg);mix-blend-mode:normal;filter:drop-shadow(1px 4px 3px #0005)}
.workspace-scrapbook{padding-bottom:115px}
@media(max-width:620px){.workspace-note{padding-bottom:23px}.fountain-pen{width:245px;bottom:-58px}.workspace-scrapbook{padding-bottom:95px}}
/* Rest the pen beside the note rather than centered underneath it. */
.fountain-pen{width:225px;left:auto;right:-68px;bottom:-22px;transform:rotate(-42deg);transform-origin:center;filter:drop-shadow(2px 4px 3px #0004)}
.workspace-note{margin-right:28px}
@media(max-width:850px){.fountain-pen{width:205px;right:-57px;bottom:-22px}.workspace-note{margin-right:24px}}
@media(max-width:620px){.fountain-pen{width:205px;right:-52px;bottom:-21px}.workspace-note{margin-right:27px}}
/* Fade the slogan strip from the dark opening into the warm-white services area. */
.studio-ribbon{position:relative;isolation:isolate;background:linear-gradient(180deg,#141a17 0%,#52685a 24%,#c6ddd0 57%,#faf8f1 100%);min-height:155px;align-items:center;padding-top:56px;padding-bottom:48px;color:#15251a}
.studio-ribbon span{position:relative;background:#e4f0e6e8;padding:8px 14px;border-radius:2px}
@media(max-width:620px){.studio-ribbon{min-height:125px;padding:43px 12px 35px;gap:7px}.studio-ribbon span{padding:6px 7px}}
.studio-ribbon span{background:transparent;border-radius:0;padding:8px 0}
/* Blend the mint founder section into the dark Creative section. */
.about-creative-gradient{height:135px;background:linear-gradient(180deg,#e0f3e9 0%,#bad1c2 30%,#536c5d 66%,#141a17 100%)}
@media(max-width:620px){.about-creative-gradient{height:100px}}
/* Blend Creative into the warm-white Readers section. */
.creative-readers-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){.creative-readers-gradient{height:100px}}

/* Readers: an open-book invitation, with a clear signup route. */
.studio-readers{padding:55px 0 85px;text-align:left}
.reader-open-book{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:auto;background:#fdfbf4;border:1px solid #d3cbb6;border-radius:3px 12px 12px 3px;box-shadow:0 6px 0 #e2dece,0 10px 0 #cec9b7,0 22px 40px #1c352213;position:relative}
.reader-book-invitation{padding:50px 45px;background:linear-gradient(90deg,#fdfbf4 90%,#e6e2d5 100%);border-right:1px solid #c5bdac}
.reader-book-invitation .eyebrow{color:#6b572e;font-size:9px}
.studio-readers .reader-book-invitation h2{font-size:57px;line-height:1.03;margin:26px 0 28px;letter-spacing:-.03em}
.studio-readers .reader-margin-note{font-family:'Shadows Into Light','Segoe Print',cursive;font-size:24px;line-height:1.35;color:#45604b;margin:0;max-width:none}
.reader-book-details{position:relative;padding:65px 43px 40px;background:linear-gradient(90deg,#eeeadf 0%,#fdfbf4 9%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.reader-book-details h3{font:500 35px/1.1 var(--serif);margin:0 0 22px;letter-spacing:-.02em}
.studio-readers .reader-book-details>p{font-size:13px;line-height:1.8;max-width:none;margin:0 0 19px;color:#4e5d51}
.reader-book-details .button{margin:6px 0 18px;background:var(--ink)}
.studio-readers .reader-book-details .reader-small-print{font-size:10px;line-height:1.6;color:#647064;margin-bottom:16px;max-width:310px}
.reader-details-link{font-size:11px;text-underline-offset:5px;padding:6px 0;color:#31543c}
.reader-bookmark{position:absolute;right:35px;top:-1px;width:28px;height:62px;background:#b9d9c4;clip-path:polygon(0 0,100% 0,100% 100%,50% 81%,0 100%)}
@media(max-width:850px){.reader-book-invitation{padding:42px 30px}.reader-book-details{padding:60px 30px 35px}.studio-readers .reader-book-invitation h2{font-size:48px}.reader-book-details h3{font-size:30px}}
@media(max-width:620px){.studio-readers{padding:30px 0 65px}.reader-open-book{grid-template-columns:1fr}.reader-book-invitation{padding:35px 28px 30px;background:#fdfbf4;border-right:0;border-bottom:1px solid #d3cbb6}.studio-readers .reader-book-invitation h2{font-size:49px;margin:20px 0 24px}.reader-book-details{padding:45px 28px 30px;background:#fdfbf4}.reader-book-details h3{font-size:32px}.reader-bookmark{height:42px;right:27px}.studio-readers .reader-margin-note{font-size:23px}}
.studio-readers .reader-margin-note{white-space:nowrap;font-size:19px;letter-spacing:-.15px}
@media(max-width:850px){.studio-readers .reader-margin-note{font-size:15px}}
@media(max-width:620px){.studio-readers .reader-margin-note{font-size:clamp(12px,3.7vw,19px)}}
/* Fade the reader invitation into the dark footer. */
.readers-footer-gradient{height:135px;background:linear-gradient(180deg,#faf8f1 0%,#c6ddd0 30%,#536c5d 66%,#19221d 100%)}
body:has(.readers-footer-gradient) .site-footer{border-top:0}
@media(max-width:620px){.readers-footer-gradient{height:100px}}
/* Give the opening two clear phrases and a calmer reading rhythm. */
.studio-intro h1.plot-headline{font-size:clamp(55px,5.6vw,78px);line-height:1.02;margin:25px 0 27px;letter-spacing:-.035em}
.plot-first,.plot-second{display:block}
.plot-second{margin-top:24px}
.plot-connector{font-size:.55em;letter-spacing:-.015em}
.studio-intro .studio-lead{font-size:13px;line-height:1.85;max-width:365px}
.studio-intro .actions{gap:22px;margin-top:27px;align-items:center}
@media(max-width:850px){.studio-intro h1.plot-headline{font-size:59px}.plot-second{margin-top:19px}}
@media(max-width:620px){.studio-intro h1.plot-headline{font-size:clamp(53px,14vw,72px);line-height:1.02;margin-bottom:25px}.plot-second{margin-top:21px}.studio-intro .actions{gap:20px}}
/* Let the opening copy extend toward the photograph. */
.studio-hero-grid{grid-template-columns:1.12fr 1fr;gap:30px}
.studio-intro h1.plot-headline{font-size:clamp(52px,5.4vw,74px);line-height:1.08;letter-spacing:-.035em}
.plot-first{white-space:nowrap}
.plot-second{margin-top:20px}
.studio-intro .studio-lead{max-width:470px}
@media(max-width:850px){.studio-hero-grid{gap:24px}.studio-intro h1.plot-headline{font-size:clamp(39px,5.7vw,55px)}}
@media(max-width:620px){.studio-hero-grid{grid-template-columns:1fr;gap:38px}.studio-intro h1.plot-headline{font-size:clamp(43px,10.8vw,66px)}.plot-second{margin-top:20px}.studio-intro .studio-lead{max-width:440px}}
/* A mint sticky tab for the main inquiry link. */
.studio-intro .actions .button{position:relative;background:#c8e3d2;color:#1c3224;border:0;border-radius:0 2px 2px 0;padding:17px 26px 17px 31px;min-height:54px;box-shadow:3px 5px 0 #00000024;transform:rotate(-2deg);font-size:13px;transition:transform .18s,background .18s}
.studio-intro .actions .button:before{content:'';position:absolute;top:0;bottom:0;left:0;width:9px;background:#9dbfa9;border-right:1px solid #82a68f66}
.studio-intro .actions .button:after{content:'';position:absolute;right:0;bottom:0;width:10px;height:10px;background:linear-gradient(135deg,#9fbea8 49%,#141a17 51%)}
.studio-intro .actions .button:hover{transform:rotate(0deg) translateY(-2px);background:#d8eddf}
@media(prefers-reduced-motion:reduce){.studio-intro .actions .button{transition:none}}
/* Blend the logo into the header and fade the header into the dark opening. */
.site-header{background:#faf8f1;border-bottom:0}
.site-header .brand img.wordmark{mix-blend-mode:multiply}
.site-header:after{content:'';display:block;height:72px;background:linear-gradient(180deg,#faf8f1 0%,#d4dfd3 28%,#6b7d6e 60%,#141a17 100%);pointer-events:none}
@media(max-width:850px){.site-header:after{height:55px}.site-header .nav{top:calc(100% - 55px)}}
.site-header .brand img.wordmark{mix-blend-mode:normal;background:transparent}

/* Author Services opening: real stationery beside the introduction. */
.author-heading-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;align-items:center}
.author-stationery-hero{padding:55px 0 60px}
.author-stationery-hero h1{font-size:clamp(48px,4.7vw,67px);max-width:720px}
.author-stationery-hero .author-heading-intro{font-size:13px;color:#d3e0d7;max-width:590px;margin:25px 0 0}
.author-stationery img{display:block;width:100%;max-width:390px;height:auto;margin:auto}
@media(max-width:850px){.author-heading-grid{gap:25px;grid-template-columns:1.3fr 1fr}.author-stationery-hero h1{font-size:49px}}
@media(max-width:620px){.author-heading-grid{grid-template-columns:1fr;gap:25px}.author-stationery-hero{padding:40px 0}.author-stationery-hero h1{font-size:48px}.author-stationery img{max-width:290px}.author-stationery-hero .author-heading-intro{font-size:13px}}
/* Write the services introduction on the planner in the homepage note's handwriting. */
.author-stationery{position:relative;width:100%;max-width:390px;margin:auto}
.author-stationery .notebook-handwriting{position:absolute;left:25%;top:19%;width:53%;margin:0;font-family:'Shadows Into Light','Segoe Print',cursive;font-size:23px;line-height:1.42;letter-spacing:normal;color:#263c2d;transform:rotate(12deg);transform-origin:center;text-align:left}
@media(min-width:621px) and (max-width:1050px){.author-stationery .notebook-handwriting{font-size:clamp(15px,2.1vw,22px)}}
@media(max-width:620px){.author-stationery{max-width:290px}.author-stationery .notebook-handwriting{font-size:18px;line-height:1.4}}
.author-stationery-hero .author-stationery p.notebook-handwriting{font-size:23px;line-height:1.42;color:#263c2d;margin:0}
@media(min-width:621px) and (max-width:1050px){.author-stationery-hero .author-stationery p.notebook-handwriting{font-size:clamp(15px,2.1vw,22px)}}
@media(max-width:620px){.author-stationery-hero .author-stationery p.notebook-handwriting{font-size:18px;line-height:1.4}}
/* Keep the handwritten copy inside the upper page, clear of the pen. */
.author-stationery-hero .author-stationery p.notebook-handwriting{left:26%;top:17%;width:48%;font-size:18px;line-height:1.32;transform:rotate(12deg);transform-origin:center}
@media(min-width:621px) and (max-width:1050px){.author-stationery-hero .author-stationery p.notebook-handwriting{font-size:clamp(12px,1.65vw,17px)}}
@media(max-width:620px){.author-stationery-hero .author-stationery p.notebook-handwriting{font-size:13.5px;line-height:1.32}}
.author-stationery-hero{border-bottom:0}
.author-services-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){.author-services-gradient{height:100px}}
/* Author service folders, matching the homepage stationery. */
body:has(.author-stationery-hero) .service-grid{gap:48px 30px;padding-top:18px;border:0}
body:has(.author-stationery-hero) .service-block{position:relative;padding:30px;background:#e0f3e9;border:1px solid #a7bcae;border-radius:0 5px 5px 5px;box-shadow:5px 6px 0 #d5dfd3;scroll-margin-top:35px}
body:has(.author-stationery-hero) .service-block:before{content:'';position:absolute;left:-1px;top:-18px;width:125px;height:18px;background:#bedbc9;border:1px solid #a7bcae;border-bottom:0;border-radius:7px 7px 0 0}
body:has(.author-stationery-hero) .service-block h2{font-size:34px;line-height:1.12;background:#bedbc9;margin:-30px -30px 24px;padding:23px 30px;border-bottom:1px solid #a7bcae}
body:has(.author-stationery-hero) .service-block:nth-child(2),body:has(.author-stationery-hero) .service-block:nth-child(3){background:#f0ecdf;border-color:#c4b899;box-shadow:5px 6px 0 #dfd8c5}
body:has(.author-stationery-hero) .service-block:nth-child(2):before,body:has(.author-stationery-hero) .service-block:nth-child(3):before{background:#d6c49c;border-color:#c4b899}
body:has(.author-stationery-hero) .service-block:nth-child(2) h2,body:has(.author-stationery-hero) .service-block:nth-child(3) h2{background:#d6c49c;border-color:#c4b899}
body:has(.author-stationery-hero) .service-block p,body:has(.author-stationery-hero) .service-block li{color:#405146}
body:has(.author-stationery-hero) .service-block ul{margin-bottom:0}
@media(max-width:620px){body:has(.author-stationery-hero) .service-grid{gap:42px}body:has(.author-stationery-hero) .service-block{padding:25px}body:has(.author-stationery-hero) .service-block h2{font-size:31px;margin:-25px -25px 22px;padding:21px 25px}}
/* Match the author inquiry callout to the page's paper-and-tab stationery. */
body:has(.author-stationery-hero) .callout{position:relative;margin:75px 8px 10px;padding:42px 38px 36px;background:#fdfbf3;border:1px solid #d5cdb7;border-left:1px solid #d5cdb7;box-shadow:5px 7px 0 #e3dfcf;gap:45px}
body:has(.author-stationery-hero) .callout:before{content:'';position:absolute;top:-13px;left:40px;width:100px;height:29px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
body:has(.author-stationery-hero) .callout h2{font-size:36px;margin-bottom:17px}
body:has(.author-stationery-hero) .callout p{font-size:13px;line-height:1.8;max-width:620px;color:#566154}
body:has(.author-stationery-hero) .callout .button{position:relative;background:#c8e3d2;color:#1c3224;border:0;border-radius:0 2px 2px 0;padding:17px 25px 17px 30px;box-shadow:3px 5px 0 #00000015;transform:rotate(-2deg);font-size:12px;min-height:54px}
body:has(.author-stationery-hero) .callout .button:before{content:'';position:absolute;top:0;bottom:0;left:0;width:9px;background:#9dbfa9;border-right:1px solid #82a68f66}
body:has(.author-stationery-hero) .callout .button:after{content:'';position:absolute;right:0;bottom:0;width:10px;height:10px;background:linear-gradient(135deg,#9fbea8 49%,#fdfbf3 51%)}
body:has(.author-stationery-hero) .callout .button:hover{transform:rotate(0deg)}
@media(max-width:850px){body:has(.author-stationery-hero) .callout{flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:620px){body:has(.author-stationery-hero) .callout{padding:33px 25px 30px;margin:65px 3px 10px}body:has(.author-stationery-hero) .callout h2{font-size:33px}}
.author-footer-gradient{height:135px;background:linear-gradient(180deg,#faf8f1 0%,#c6ddd0 30%,#536c5d 66%,#19221d 100%)}
body:has(.author-footer-gradient) .site-footer{border-top:0}
@media(max-width:620px){.author-footer-gradient{height:100px}}

.creative-heading-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}
.creative-stationery-hero{padding:55px 0 60px}
.creative-stationery-hero h1{font-size:clamp(46px,4.7vw,67px);line-height:1.06;max-width:720px}
.creative-stationery-hero .creative-heading-intro{font-size:13px;line-height:1.8;color:#d3e0d7;max-width:570px;margin:25px 0 0}
.creative-stationery img{display:block;width:100%;max-width:400px;height:auto;margin:auto}
@media(max-width:850px){.creative-heading-grid{gap:25px;grid-template-columns:1.3fr 1fr}.creative-stationery-hero h1{font-size:47px}}
@media(max-width:620px){.creative-heading-grid{grid-template-columns:1fr;gap:25px}.creative-stationery-hero{padding:40px 0}.creative-stationery-hero h1{font-size:46px}.creative-stationery img{max-width:310px}}
.creative-stationery{position:relative;max-width:400px;width:100%;margin:auto}
.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{position:absolute;top:24%;left:32%;width:44%;margin:0;font-family:"Shadows Into Light","Segoe Print",cursive;font-size:20px;line-height:1.4;letter-spacing:normal;color:#263c2d;transform:rotate(-10deg);transform-origin:center;text-align:left}
@media(min-width:621px) and (max-width:1050px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:clamp(13px,1.75vw,19px)}}
@media(max-width:620px){.creative-stationery{max-width:310px}.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:16px;line-height:1.4}}
/* Keep the handwritten message within the clear paper area. */
.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{top:28%;left:39%;width:42%;font-size:16px;line-height:1.45;transform:rotate(-10deg)}
@media(min-width:621px) and (max-width:1050px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:clamp(10px,1.4vw,15px)}}
@media(max-width:620px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:12px;line-height:1.45}}
/* Evenly space short handwritten lines across the clear center of the sheet. */
.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{top:28%;left:39%;width:43%;font-size:17px;line-height:1.85;text-align:center;transform:rotate(-10deg)}
.creative-paper-handwriting>span{display:block;white-space:nowrap}
.creative-paper-handwriting .paper-second-thought{margin-top:.45em}
@media(min-width:621px) and (max-width:1050px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:clamp(10px,1.45vw,16px)}}
@media(max-width:620px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:13px;line-height:1.85}}
/* Place the complete message above the pencils, with a natural left edge. */
.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{top:24%;left:40%;width:40%;font-size:15px;line-height:1.55;text-align:left;transform:rotate(-10deg);transform-origin:top left}
.creative-paper-handwriting .paper-second-thought{margin-top:.55em}
@media(min-width:621px) and (max-width:1050px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:clamp(9px,1.3vw,14px)}}
@media(max-width:620px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:11.5px;line-height:1.55}}
/* Follow the open paper around the swatches and pencils instead of compressing the note. */
.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{inset:0;width:100%;height:100%;font-size:18px;line-height:1.25;transform:none;margin:0;text-align:left}
.creative-paper-handwriting>span{position:absolute;display:block;white-space:nowrap;transform:rotate(-10deg);transform-origin:left center;margin:0!important}
.creative-paper-handwriting>span:nth-child(1){left:40%;top:27%}
.creative-paper-handwriting>span:nth-child(2){left:40%;top:36%}
.creative-paper-handwriting>span:nth-child(3){left:40%;top:45%}
.creative-paper-handwriting>span:nth-child(4){left:38%;top:57%}
.creative-paper-handwriting>span:nth-child(5){left:34%;top:66%}
.creative-paper-handwriting>span:nth-child(6){left:29%;top:75%}
@media(min-width:621px) and (max-width:1050px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:clamp(11px,1.55vw,17px);line-height:1.25}}
@media(max-width:620px){.creative-stationery-hero .creative-stationery p.creative-paper-handwriting{font-size:14px;line-height:1.25}}
.creative-stationery-hero{border-bottom:0}
.creative-services-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){.creative-services-gradient{height:100px}}
/* Creative offerings in the established file-folder style. */
body:has(.creative-stationery-hero) .creative-grid{gap:48px 30px;padding-top:18px}
body:has(.creative-stationery-hero) .creative-item{position:relative;padding:30px;background:#e0f3e9;border:1px solid #a7bcae;border-radius:0 5px 5px 5px;box-shadow:5px 6px 0 #d5dfd3}
body:has(.creative-stationery-hero) .creative-item:before{content:'';position:absolute;left:-1px;top:-18px;width:125px;height:18px;background:#bedbc9;border:1px solid #a7bcae;border-bottom:0;border-radius:7px 7px 0 0}
body:has(.creative-stationery-hero) .creative-item:nth-child(2),body:has(.creative-stationery-hero) .creative-item:nth-child(3){background:#f0ecdf;border-color:#c4b899;box-shadow:5px 6px 0 #dfd8c5}
body:has(.creative-stationery-hero) .creative-item:nth-child(2):before,body:has(.creative-stationery-hero) .creative-item:nth-child(3):before{background:#d6c49c;border-color:#c4b899}
body:has(.creative-stationery-hero) .creative-item .availability{background:transparent;color:#526448;padding:0;font-size:8px;letter-spacing:.12em;margin-bottom:17px}
body:has(.creative-stationery-hero) .creative-item h2{font-size:34px;line-height:1.12;padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid #a7bcae}
body:has(.creative-stationery-hero) .creative-item:nth-child(2) h2,body:has(.creative-stationery-hero) .creative-item:nth-child(3) h2{border-color:#c4b899}
body:has(.creative-stationery-hero) .creative-item p{color:#405146}
@media(max-width:620px){body:has(.creative-stationery-hero) .creative-grid{gap:42px}body:has(.creative-stationery-hero) .creative-item{padding:25px}body:has(.creative-stationery-hero) .creative-item h2{font-size:31px}}

/* Match the Creative inquiry to the approved Author Services paper note. */
/* Match the author inquiry callout to the page's paper-and-tab stationery. */
body:has(.creative-stationery-hero) .callout{position:relative;margin:75px 8px 10px;padding:42px 38px 36px;background:#fdfbf3;border:1px solid #d5cdb7;border-left:1px solid #d5cdb7;box-shadow:5px 7px 0 #e3dfcf;gap:45px}
body:has(.creative-stationery-hero) .callout:before{content:'';position:absolute;top:-13px;left:40px;width:100px;height:29px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
body:has(.creative-stationery-hero) .callout h2{font-size:36px;margin-bottom:17px}
body:has(.creative-stationery-hero) .callout p{font-size:13px;line-height:1.8;max-width:620px;color:#566154}
body:has(.creative-stationery-hero) .callout .button{position:relative;background:#c8e3d2;color:#1c3224;border:0;border-radius:0 2px 2px 0;padding:17px 25px 17px 30px;box-shadow:3px 5px 0 #00000015;transform:rotate(-2deg);font-size:12px;min-height:54px}
body:has(.creative-stationery-hero) .callout .button:before{content:'';position:absolute;top:0;bottom:0;left:0;width:9px;background:#9dbfa9;border-right:1px solid #82a68f66}
body:has(.creative-stationery-hero) .callout .button:after{content:'';position:absolute;right:0;bottom:0;width:10px;height:10px;background:linear-gradient(135deg,#9fbea8 49%,#fdfbf3 51%)}
body:has(.creative-stationery-hero) .callout .button:hover{transform:rotate(0deg)}
@media(max-width:850px){body:has(.creative-stationery-hero) .callout{flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:620px){body:has(.creative-stationery-hero) .callout{padding:33px 25px 30px;margin:65px 3px 10px}body:has(.creative-stationery-hero) .callout h2{font-size:33px}}

.creative-footer-gradient{height:135px;background:linear-gradient(180deg,#faf8f1 0%,#c6ddd0 30%,#536c5d 66%,#19221d 100%)}
body:has(.creative-footer-gradient) .site-footer{border-top:0}
@media(max-width:620px){.creative-footer-gradient{height:100px}}

.readers-heading-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}
.readers-stationery-hero{padding:55px 0 60px}
.readers-stationery-hero h1{font-size:clamp(49px,5vw,70px);line-height:1.06;max-width:700px}
.readers-stationery-hero .readers-heading-intro{font-size:13px;line-height:1.8;color:#d3e0d7;max-width:550px;margin:25px 0 0}
.readers-stationery img{display:block;width:100%;max-width:430px;height:auto;margin:auto}
@media(max-width:850px){.readers-heading-grid{gap:25px}.readers-stationery-hero h1{font-size:49px}}
@media(max-width:620px){.readers-heading-grid{grid-template-columns:1fr;gap:28px}.readers-stationery-hero{padding:40px 0}.readers-stationery-hero h1{font-size:48px}.readers-stationery img{max-width:330px}}
.readers-stationery{position:relative;width:100%;max-width:430px;margin:auto}
.readers-stationery-hero .readers-stationery p.reader-page-handwriting{position:absolute;left:55%;top:48%;width:34%;font-family:"Shadows Into Light","Segoe Print",cursive;font-size:17px;line-height:1.55;letter-spacing:normal;color:#263c2d;margin:0;transform:rotate(6deg);transform-origin:top left;text-align:left}
.reader-page-handwriting span{display:block;white-space:nowrap}
@media(min-width:621px) and (max-width:1050px){.readers-stationery-hero .readers-stationery p.reader-page-handwriting{font-size:clamp(10px,1.4vw,16px)}}
@media(max-width:620px){.readers-stationery{max-width:330px}.readers-stationery-hero .readers-stationery p.reader-page-handwriting{font-size:13px;line-height:1.55}}
/* Lift and angle the reader note to follow the open page. */
.readers-stationery-hero .readers-stationery p.reader-page-handwriting{top:43%;transform:rotate(10deg)}
/* Preview a larger, centered second line in the reader heading. */
.readers-stationery-hero h1 em{display:block;text-align:center;font-size:1.17em;line-height:1.08;margin-top:12px}
.readers-stationery-hero h1>br{display:none}
/* Raise the script line slightly across the first line. */
.readers-stationery-hero h1 em{position:relative;z-index:1;margin-top:-.24em;padding-bottom:.08em;transform:rotate(-4deg);text-align:center;font-weight:400}
/* Approved reader heading script. */
.readers-stationery-hero h1 em{font-family:'Sacramento',cursive;font-style:normal;font-weight:400;font-size:1.3em;line-height:1.05;margin-top:-.24em;transform:rotate(-4deg)}
/* Reader heading arranged to match the owner's reference. */
.readers-stationery-hero h1.reader-script-heading{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:640px;margin:25px 0 30px;letter-spacing:0;line-height:1}
.reader-script-heading>span{display:block;font-family:var(--serif);font-size:clamp(28px,3.1vw,43px);font-weight:500;text-transform:uppercase;white-space:nowrap;line-height:1.1;letter-spacing:-.025em}
.readers-stationery-hero h1.reader-script-heading em{display:block;position:relative;font-family:'Sacramento',cursive;font-size:clamp(67px,6.8vw,94px);font-style:normal;font-weight:400;line-height:1;margin-top:-.19em;padding:0 0 .12em;transform:none;align-self:center;margin-left:45px;color:var(--sage);z-index:1}
@media(max-width:850px){.reader-script-heading>span{font-size:clamp(23px,3.25vw,32px)}.readers-stationery-hero h1.reader-script-heading em{font-size:clamp(58px,7.5vw,76px);margin-left:25px}}
@media(max-width:620px){.reader-script-heading>span{font-size:clamp(22px,6.2vw,36px)}.readers-stationery-hero h1.reader-script-heading em{font-size:clamp(61px,16vw,85px);margin-top:-.19em;margin-left:30px}}

/* Shared, approved uppercase-and-Sacramento heading treatment. */
.page-hero h1.brand-script-heading,.studio-intro h1.brand-script-heading{display:flex;flex-direction:column;align-items:center;max-width:760px;text-align:center;line-height:1;margin:25px 0 35px;letter-spacing:0}
.brand-script-heading .heading-lead{display:block;font-family:var(--serif);font-size:clamp(28px,3.1vw,43px);font-weight:500;text-transform:uppercase;line-height:1.1;letter-spacing:-.025em}
.page-hero h1.brand-script-heading em,.studio-intro h1.brand-script-heading em{display:block;position:relative;z-index:1;font-family:'Sacramento',cursive;font-size:clamp(62px,6.8vw,94px);font-style:normal;font-weight:400;line-height:1.03;margin-top:-.19em;padding:0 0 .12em;transform:none;color:var(--sage);text-align:center;letter-spacing:0}
.brand-script-heading .heading-tail{font-family:var(--serif);font-size:clamp(21px,2.2vw,30px);line-height:1.2;margin-top:6px}
.studio-intro h1.home-script-heading em{font-size:clamp(52px,5.4vw,76px)}
.page-hero h1.author-script-heading em{font-size:clamp(48px,4.6vw,65px);line-height:1.05}
@media(max-width:850px){.brand-script-heading .heading-lead{font-size:clamp(23px,3.25vw,32px)}.page-hero h1.brand-script-heading em{font-size:64px}.studio-intro h1.home-script-heading em{font-size:52px}.page-hero h1.author-script-heading em{font-size:46px}}
@media(max-width:620px){.brand-script-heading .heading-lead{font-size:clamp(24px,6.2vw,36px)}.page-hero h1.brand-script-heading em{font-size:clamp(62px,16vw,85px)}.studio-intro h1.home-script-heading em{font-size:clamp(48px,12vw,67px)}.page-hero h1.author-script-heading em{font-size:clamp(43px,11vw,60px)}.brand-script-heading .heading-tail{font-size:25px}}
.readers-stationery-hero{border-bottom:0}
.readers-content-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){.readers-content-gradient{height:100px}}

/* Reader newsletter: correspondence paper and an information folder. */
.newsletter-stationery{grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding-top:15px}
.newsletter-letter{position:relative;background:#fdfbf3;border:1px solid #d5cdb7;padding:40px 34px 32px;box-shadow:5px 7px 0 #e3dfcf}
.newsletter-letter:before{content:'';position:absolute;top:-13px;left:35px;width:95px;height:28px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
.newsletter-letter .eyebrow{font-size:9px;color:#6b572e}
.newsletter-letter h2.newsletter-script-title{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;margin:30px 0}
.newsletter-script-title>span{font:500 31px/1.1 var(--serif);text-transform:uppercase;letter-spacing:0}
.newsletter-script-title>em{font:400 57px/1.05 'Sacramento',cursive;color:#285441;margin-top:-.18em;padding-bottom:.1em;white-space:nowrap;letter-spacing:0}
.newsletter-letter>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#4e5c50}
.newsletter-letter .button{position:relative;background:#c8e3d2;color:#1c3224;border:0;border-left:9px solid #9dbfa9;padding:16px 22px;box-shadow:3px 5px 0 #00000015;transform:rotate(-2deg);font-size:12px;margin:12px 0 20px}
.newsletter-letter .button:hover{transform:rotate(0)}
.newsletter-letter>p.newsletter-signup-note{font-size:10px;margin:0;color:#647064}
.reader-info-folder{position:relative;background:#e0f3e9;border:1px solid #a7bcae;border-radius:0 5px 5px 5px;box-shadow:5px 6px 0 #d5dfd3;padding:0 28px 26px;margin-top:18px}
.reader-info-folder:before{content:'';position:absolute;left:-1px;top:-18px;width:125px;height:18px;background:#bedbc9;border:1px solid #a7bcae;border-bottom:0;border-radius:7px 7px 0 0}
.reader-info-folder h3{font:500 32px/1.1 var(--serif);background:#bedbc9;margin:0 -28px 10px;padding:23px 28px;border-bottom:1px solid #a7bcae}
.reader-info-folder ul{list-style:none;padding:0;margin:0}
.reader-info-folder li{font-size:12px;line-height:1.7;padding:17px 0;border-bottom:1px solid #c1d4c7;color:#405146}
.reader-info-folder li:last-child{border-bottom:0;padding-bottom:0}
.reader-info-folder strong{display:block;font-weight:600;color:#263e2e;margin-bottom:3px}
@media(max-width:850px){.newsletter-stationery{gap:30px}.newsletter-letter{padding:35px 25px 28px}.newsletter-script-title>em{font-size:45px}.reader-info-folder{padding:0 23px 23px}.reader-info-folder h3{font-size:29px;margin:0 -23px 8px;padding:22px 23px}}
@media(max-width:620px){.newsletter-stationery{grid-template-columns:1fr;gap:45px}.newsletter-script-title>em{font-size:clamp(39px,11vw,55px)}.newsletter-script-title>span{font-size:29px}.reader-info-folder{margin-top:0}}
/* Separate reader and author routes into the established stationery folders. */
body:has(.readers-stationery-hero) .reader-options{border-top:0;padding-top:18px;margin-top:85px;gap:40px}
body:has(.readers-stationery-hero) .reader-options>article{position:relative;background:#e0f3e9;border:1px solid #a7bcae;border-radius:0 5px 5px 5px;padding:32px;box-shadow:5px 6px 0 #d5dfd3;display:flex;flex-direction:column;align-items:flex-start}
body:has(.readers-stationery-hero) .reader-options>article:before{content:'';position:absolute;left:-1px;top:-18px;width:125px;height:18px;background:#bedbc9;border:1px solid #a7bcae;border-bottom:0;border-radius:7px 7px 0 0}
body:has(.readers-stationery-hero) .reader-options>article:nth-child(2){background:#f0ecdf;border-color:#c4b899;box-shadow:5px 6px 0 #dfd8c5}
body:has(.readers-stationery-hero) .reader-options>article:nth-child(2):before{background:#d6c49c;border-color:#c4b899}
body:has(.readers-stationery-hero) .reader-options .eyebrow{font-size:9px;color:#5f674f}
body:has(.readers-stationery-hero) .reader-options h2{font-size:34px;line-height:1.15;margin-bottom:23px}
body:has(.readers-stationery-hero) .reader-options p:not(.eyebrow){font-size:13px;line-height:1.85;color:#405146}
body:has(.readers-stationery-hero) .reader-options .text-link{margin-top:auto;padding:14px 20px;background:#bedbc9;border-left:8px solid #9dbfa9;box-shadow:3px 4px 0 #00000012;transform:rotate(-1deg);font-size:12px;text-decoration:none;color:#203a29}
body:has(.readers-stationery-hero) .reader-options>article:nth-child(2) .text-link{background:#d6c49c;border-left-color:#bba36e}
body:has(.readers-stationery-hero) .reader-options .text-link:hover{text-decoration:underline;text-underline-offset:4px;transform:rotate(0)}
body:has(.readers-stationery-hero) .community-strip{position:relative;border:1px solid #d5cdb7;background:#fdfbf3;padding:35px 32px;margin:70px 5px 12px;box-shadow:5px 7px 0 #e3dfcf}
body:has(.readers-stationery-hero) .community-strip:before{content:'';position:absolute;top:-13px;left:35px;width:95px;height:28px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
body:has(.readers-stationery-hero) .community-strip .eyebrow{font-size:9px;color:#6b572e;margin-bottom:12px}
body:has(.readers-stationery-hero) .community-strip .text-link{background:#c8e3d2;border-left:8px solid #9dbfa9;padding:14px 20px;font-size:12px;text-decoration:none;box-shadow:3px 4px 0 #00000012;white-space:nowrap;transform:rotate(-2deg)}
@media(max-width:850px){body:has(.readers-stationery-hero) .reader-options{gap:28px}body:has(.readers-stationery-hero) .reader-options>article{padding:26px}body:has(.readers-stationery-hero) .community-strip{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:620px){body:has(.readers-stationery-hero) .reader-options{margin-top:65px;gap:48px}body:has(.readers-stationery-hero) .reader-options h2{font-size:31px}body:has(.readers-stationery-hero) .community-strip{padding:32px 24px;margin-top:55px}body:has(.readers-stationery-hero) .community-strip .text-link{white-space:normal;margin-top:20px}}
.readers-page-footer-gradient{height:135px;background:linear-gradient(180deg,#faf8f1 0%,#c6ddd0 30%,#536c5d 66%,#19221d 100%)}
body:has(.readers-page-footer-gradient) .site-footer{border-top:0}
@media(max-width:620px){.readers-page-footer-gradient{height:100px}}

.work-heading-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}
.work-stationery-hero{padding:55px 0 60px}
.work-stationery-hero .work-heading-intro{font-size:13px;line-height:1.8;color:#d3e0d7;max-width:550px;margin:30px 0 0}
.work-stationery img{display:block;width:100%;max-width:410px;height:auto;margin:auto}
.work-stationery-hero h1.brand-script-heading em{font-size:clamp(58px,6vw,84px)}
@media(max-width:850px){.work-heading-grid{gap:25px}.work-stationery-hero h1.brand-script-heading em{font-size:58px}}
@media(max-width:620px){.work-heading-grid{grid-template-columns:1fr;gap:28px}.work-stationery-hero{padding:40px 0}.work-stationery img{max-width:320px}.work-stationery-hero h1.brand-script-heading em{font-size:clamp(54px,14vw,75px)}}
.work-stationery-hero .work-heading-intro{text-align:center;max-width:none;width:100%;margin:30px auto 0}
.work-stationery-hero{border-bottom:0}
.work-content-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){.work-content-gradient{height:100px}}

/* Portfolio introduction and working category tabs. */
.portfolio-intro-paper{position:relative;max-width:850px;margin:5px auto 55px;background:#fdfbf3;border:1px solid #d5cdb7;box-shadow:5px 7px 0 #e3dfcf;padding:40px 50px 32px;text-align:center}
.portfolio-intro-paper:before{content:'';position:absolute;top:-13px;left:calc(50% - 48px);width:96px;height:28px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
.portfolio-intro-paper .eyebrow{font-size:9px;color:#6b572e}
.portfolio-intro-paper h2.portfolio-script-title{display:flex;flex-direction:column;align-items:center;line-height:1;margin:25px 0 22px}
.portfolio-script-title>span{font:500 34px/1.1 var(--serif);text-transform:uppercase;letter-spacing:-.025em}
.portfolio-script-title>em{font:400 70px/1.05 'Sacramento',cursive;color:#285441;margin-top:-.18em;padding-bottom:.08em;letter-spacing:0}
.portfolio-intro-paper>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:630px;margin:0 auto 16px;color:#4e5c50}
.portfolio-intro-paper>p.portfolio-preview-note{font-size:11px;margin-bottom:0;color:#66705f}
body:has(.work-stationery-hero) .filters{gap:12px;align-items:flex-end;margin:0 0 30px;padding-top:8px;border-bottom:1px solid #b2c4b6}
body:has(.work-stationery-hero) .filter{position:relative;border:1px solid #a7bcae;border-bottom:0;background:#dcebdc;border-radius:7px 7px 0 0;padding:14px 24px;min-height:48px;color:#334f3c;font-size:12px}
body:has(.work-stationery-hero) .filter:nth-child(even){background:#e7dcc2;border-color:#c4b899}
body:has(.work-stationery-hero) .filter[aria-pressed=true]{background:#284d3b;border-color:#284d3b;color:#faf8f1;padding-top:18px}
body:has(.work-stationery-hero) .filter:hover{box-shadow:inset 0 -3px 0 #b49a60}
@media(max-width:620px){.portfolio-intro-paper{padding:35px 25px 28px;margin-bottom:40px}.portfolio-script-title>span{font-size:27px}.portfolio-script-title>em{font-size:clamp(44px,12vw,63px)}body:has(.work-stationery-hero) .filters{gap:6px;flex-wrap:wrap}body:has(.work-stationery-hero) .filter{font-size:10px;padding:12px 13px}body:has(.work-stationery-hero) .filter[aria-pressed=true]{padding-top:15px}}

/* Our Work inquiry uses the approved paper note and sticky tab. */
/* Match the author inquiry callout to the page's paper-and-tab stationery. */
body:has(.work-stationery-hero) .callout{position:relative;margin:75px 8px 10px;padding:42px 38px 36px;background:#fdfbf3;border:1px solid #d5cdb7;border-left:1px solid #d5cdb7;box-shadow:5px 7px 0 #e3dfcf;gap:45px}
body:has(.work-stationery-hero) .callout:before{content:'';position:absolute;top:-13px;left:40px;width:100px;height:29px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
body:has(.work-stationery-hero) .callout h2{font-size:36px;margin-bottom:17px}
body:has(.work-stationery-hero) .callout p{font-size:13px;line-height:1.8;max-width:620px;color:#566154}
body:has(.work-stationery-hero) .callout .button{position:relative;background:#c8e3d2;color:#1c3224;border:0;border-radius:0 2px 2px 0;padding:17px 25px 17px 30px;box-shadow:3px 5px 0 #00000015;transform:rotate(-2deg);font-size:12px;min-height:54px}
body:has(.work-stationery-hero) .callout .button:before{content:'';position:absolute;top:0;bottom:0;left:0;width:9px;background:#9dbfa9;border-right:1px solid #82a68f66}
body:has(.work-stationery-hero) .callout .button:after{content:'';position:absolute;right:0;bottom:0;width:10px;height:10px;background:linear-gradient(135deg,#9fbea8 49%,#fdfbf3 51%)}
body:has(.work-stationery-hero) .callout .button:hover{transform:rotate(0deg)}
@media(max-width:850px){body:has(.work-stationery-hero) .callout{flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:620px){body:has(.work-stationery-hero) .callout{padding:33px 25px 30px;margin:65px 3px 10px}body:has(.work-stationery-hero) .callout h2{font-size:33px}}

/* Full-width, centered About opening with a soft transition to the personal introduction. */
body:has(.about-main) .page-hero{text-align:center;border-bottom:0;padding:60px 0 55px}
body:has(.about-main) .page-hero h1.brand-script-heading{width:100%;max-width:none;margin:30px auto 35px}
body:has(.about-main) .page-hero .heading-lead{font-size:clamp(28px,3.8vw,54px)}
body:has(.about-main) .page-hero h1.brand-script-heading em{font-size:clamp(75px,9vw,125px)}
body:has(.about-main) .page-hero p:last-child{max-width:950px;margin:0 auto;font-size:14px;line-height:1.85}
.about-content-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){body:has(.about-main) .page-hero{padding:40px 0}body:has(.about-main) .page-hero .heading-lead{font-size:clamp(23px,6vw,34px)}body:has(.about-main) .page-hero h1.brand-script-heading em{font-size:clamp(62px,16vw,88px)}body:has(.about-main) .page-hero p:last-child{font-size:13px}.about-content-gradient{height:100px}}
.about-newsletter-gradient{height:115px;background:linear-gradient(180deg,#faf8f1 0%,#e3eee2 48%,#bce6d1 100%)}
@media(max-width:620px){.about-newsletter-gradient{height:85px}}
.about-footer-gradient{height:135px;background:linear-gradient(180deg,#faf8f1 0%,#c6ddd0 30%,#536c5d 66%,#19221d 100%)}
body:has(.about-footer-gradient) .site-footer{border-top:0}
@media(max-width:620px){.about-footer-gradient{height:100px}}

.contact-heading-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}
.contact-stationery-hero{padding:55px 0 60px}
.contact-stationery-hero .contact-heading-intro{font-size:13px;line-height:1.85;color:#d3e0d7;max-width:550px;margin:25px 0 0;text-align:center}
.contact-stationery img{display:block;width:100%;max-width:410px;height:auto;margin:auto}
.contact-stationery-hero h1.brand-script-heading em{font-size:clamp(57px,5.8vw,83px)}
@media(max-width:850px){.contact-heading-grid{gap:25px}.contact-stationery-hero h1.brand-script-heading em{font-size:57px}}
@media(max-width:620px){.contact-heading-grid{grid-template-columns:1fr;gap:28px}.contact-stationery-hero{padding:40px 0}.contact-stationery img{max-width:320px}.contact-stationery-hero h1.brand-script-heading em{font-size:clamp(52px,13vw,73px)}}
.contact-stationery{position:relative;width:100%;max-width:410px;margin:auto}
.contact-stationery-hero .contact-stationery p.contact-card-handwriting{position:absolute;left:21%;top:25%;width:57%;margin:0;font-family:"Shadows Into Light","Segoe Print",cursive;font-size:15px;line-height:1.32;color:#263c2d;letter-spacing:normal;text-align:center;transform:rotate(-8deg);transform-origin:center}
.contact-card-handwriting span{display:block;white-space:nowrap}
@media(min-width:621px) and (max-width:1050px){.contact-stationery-hero .contact-stationery p.contact-card-handwriting{font-size:clamp(9px,1.25vw,14px)}}
@media(max-width:620px){.contact-stationery{max-width:320px}.contact-stationery-hero .contact-stationery p.contact-card-handwriting{font-size:11.5px;line-height:1.32}}
.contact-stationery-hero .contact-stationery p.contact-card-handwriting{left:21%;top:25%;width:56%;transform:none}
.contact-stationery-hero{border-bottom:0}
.contact-content-gradient{height:135px;background:linear-gradient(180deg,#141a17 0%,#536c5d 34%,#c6ddd0 70%,#faf8f1 100%)}
@media(max-width:620px){.contact-content-gradient{height:100px}}
/* Contact routes use the same stationery folders as the service pages. */
body:has(.contact-stationery-hero) .contact-grid{gap:48px 30px;padding-top:18px}
body:has(.contact-stationery-hero) .contact-route{position:relative;padding:30px;background:#e0f3e9;border:1px solid #a7bcae;border-radius:0 5px 5px 5px;box-shadow:5px 6px 0 #d5dfd3}
body:has(.contact-stationery-hero) .contact-route:before{content:'';position:absolute;left:-1px;top:-18px;width:125px;height:18px;background:#bedbc9;border:1px solid #a7bcae;border-bottom:0;border-radius:7px 7px 0 0}
body:has(.contact-stationery-hero) .contact-route:nth-child(2),body:has(.contact-stationery-hero) .contact-route:nth-child(3){background:#f0ecdf;border-color:#c4b899;box-shadow:5px 6px 0 #dfd8c5}
body:has(.contact-stationery-hero) .contact-route:nth-child(2):before,body:has(.contact-stationery-hero) .contact-route:nth-child(3):before{background:#d6c49c;border-color:#c4b899}
body:has(.contact-stationery-hero) .contact-route h2{font-size:34px;line-height:1.12;padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid #a7bcae}
body:has(.contact-stationery-hero) .contact-route:nth-child(2) h2,body:has(.contact-stationery-hero) .contact-route:nth-child(3) h2{border-color:#c4b899}
body:has(.contact-stationery-hero) .contact-route .eyebrow{font-size:9px;color:#5f674f}
body:has(.contact-stationery-hero) .contact-route p:not(.eyebrow){color:#405146}
@media(max-width:620px){body:has(.contact-stationery-hero) .contact-grid{gap:42px}body:has(.contact-stationery-hero) .contact-route{padding:25px}body:has(.contact-stationery-hero) .contact-route h2{font-size:31px}}
/* Contact details on a taped correspondence note. */
body:has(.contact-stationery-hero) .contact-bottom{position:relative;background:#fdfbf3;border:1px solid #d5cdb7;box-shadow:5px 7px 0 #e3dfcf;margin:75px 6px 12px;padding:40px 35px;gap:40px;align-items:center}
body:has(.contact-stationery-hero) .contact-bottom:before{content:'';position:absolute;top:-13px;left:40px;width:100px;height:29px;background:#d4bd85c4;transform:rotate(-5deg);border-left:2px dotted #b09b6c77;border-right:2px dotted #b09b6c77}
body:has(.contact-stationery-hero) .contact-bottom h2{font:500 30px/1.2 var(--serif);margin:0 0 20px}
body:has(.contact-stationery-hero) .contact-bottom h2 em{font-family:'Sacramento',cursive;font-size:1.65em;font-style:normal;font-weight:400;color:#285441;display:inline-block;vertical-align:baseline;margin-left:4px}
body:has(.contact-stationery-hero) .contact-bottom p{font-size:14px;overflow-wrap:anywhere}
body:has(.contact-stationery-hero) .contact-socials{gap:12px;margin-top:23px}
body:has(.contact-stationery-hero) .contact-socials a{background:#c8e3d2;border-left:6px solid #9dbfa9;padding:10px 15px;font-size:11px;text-decoration:none;box-shadow:2px 3px 0 #00000012;transform:rotate(-1deg)}
body:has(.contact-stationery-hero) .contact-socials a:hover{text-decoration:underline;text-underline-offset:4px;transform:none}
body:has(.contact-stationery-hero) .contact-bottom>.socials{gap:12px}
body:has(.contact-stationery-hero) .contact-bottom .social-link{background:#e0efe4;border:1px solid #a7bcae;color:#285441;width:48px;height:48px}
@media(max-width:620px){body:has(.contact-stationery-hero) .contact-bottom{padding:32px 25px;margin-top:65px}body:has(.contact-stationery-hero) .contact-bottom h2{font-size:27px}body:has(.contact-stationery-hero) .contact-bottom>.socials{margin-top:28px}}
.contact-footer-gradient{height:135px;background:linear-gradient(180deg,#faf8f1 0%,#c6ddd0 30%,#536c5d 66%,#19221d 100%)}
body:has(.contact-footer-gradient) .site-footer{border-top:0}
@media(max-width:620px){.contact-footer-gradient{height:100px}}