.design-page{background:#f7efeb;color:#65534b;font-size:clamp(17px,2.05vw,27px);line-height:1.08}.design-hero{position:relative}.design-hero>img{width:100%;height:auto;aspect-ratio:1672/829;object-fit:contain}.design-hero h1{position:absolute;top:5%;right:7%;width:50%;margin:0;color:#b54716;font-size:clamp(30px,10vw,140px);font-weight:400;line-height:.95}.design-hero h1 em{display:block;text-align:right;font-size:.75em;font-weight:400}.design-hero-bio{position:absolute;top:65%;right:3.5%;width:45%;color:var(--clay);font-size:clamp(15px,1.9vw,26px);line-height:1.1}.design-intro{color:var(--clay);text-align:center;padding:22px 6% 25px}.design-intro strong{font-weight:600;font-size:1.85em;margin-right:10px}.design-service{display:grid;grid-template-columns:31% minmax(0,1fr);column-gap:3%;margin:0 2%;padding:17px 3.5% 23px 6.2%;border-top:1px solid #b65b3b;align-items:start}.design-service>img{width:100%;height:auto}.design-service h2,.design-service h3{font-size:clamp(24px,2.7vw,36px);color:var(--clay);font-weight:600;line-height:1.1;margin:2px 0 0}.design-service h3{margin-top:26px}.design-service ul{list-style:none;margin:0;padding:0}.design-service li{position:relative;padding-left:20px}.design-service li:before{content:'•';color:var(--clay);position:absolute;left:0;font-size:1.2em;line-height:.9}.design-service .list-intro{margin-top:28px}.typesetting-service{grid-template-columns:35% minmax(0,1fr);column-gap:1%;padding-left:0;padding-right:3.5%;padding-bottom:5px}.typesetting-service h2{margin-bottom:16px}.typesetting-service>img{margin-top:0}.design-statement{position:relative;background:#ded3c7;margin:0;padding:38px 5% 36px 14%}.design-statement blockquote{font-style:italic;margin:0;font-size:clamp(20px,2.15vw,29px);line-height:1.1}.quote-mark{position:absolute;left:7.5%;top:0;font-size:120px;line-height:1;color:var(--clay);font-weight:700}.design-statement figcaption{text-align:right;color:var(--clay);font-size:clamp(28px,3vw,41px);margin-top:5px}.design-quote{padding:28px 3% 25px 6.8%;grid-template-columns:1fr 1.15fr 1.1fr}.design-quote .invitation{font-size:clamp(23px,2.5vw,34px);padding:35px 0 35px 22px}.design-quote .quote-action>a{font-size:clamp(24px,2.6vw,35px);padding:14px 18px;gap:8px;white-space:nowrap}
@media(max-width:850px){.design-page{font-size:18px}.design-intro{padding:18px 5% 22px}.design-intro strong{font-size:1.7em}.design-service{padding-left:4%;gap:3%}.design-service h2,.design-service h3{font-size:25px}.design-service h3{margin-top:20px}.typesetting-service{padding-left:0;gap:1%}.design-quote{gap:15px}.design-quote .invitation{padding-left:14px;font-size:23px}.design-quote .quote-action>a{font-size:23px;padding:12px}}
@media(max-width:600px){.design-page{font-size:19px;line-height:1.25}.design-intro{padding:25px 7%;text-align:left}.design-intro strong{display:block;font-size:34px;margin:0 0 8px}.design-service,.typesetting-service{grid-template-columns:1fr;padding:26px 5%;margin:0 2%;gap:23px}.design-service>img{width:min(330px,100%);margin:0 auto}.typesetting-service>img{width:100%}.design-service h2,.design-service h3{font-size:29px;margin-bottom:8px}.design-service h3{margin-top:23px}.design-service li{padding-left:18px;margin-bottom:4px}.design-statement{padding:35px 7% 30px 15%}.quote-mark{font-size:80px;left:3%;top:8px}.design-statement blockquote{font-size:22px;line-height:1.2}.design-statement figcaption{font-size:30px;margin-top:15px}.design-quote{grid-template-columns:1fr;padding:28px 7%;gap:22px}.design-quote .create{font-size:30px}.design-quote .invitation{padding:8px 0 8px 16px;font-size:26px}.design-quote .quote-action{grid-column:auto}.design-quote .quote-action>a{font-size:28px;padding:14px 16px}}

@media(max-width:600px){.design-hero-bio{position:static;width:auto;padding:22px 7%;font-size:18px;line-height:1.3;background:#f7efeb}}