:root{--guide-sage:#e9eddb;--guide-mustard:#f2d68d;--guide-blush:#ead3be;--guide-tip:#fcf1cf;--link-line:#a87918}.guide-hero{position:relative}.crumbs ol{flex-wrap:wrap;margin:0 0 34px;padding:0;font-size:12px;font-weight:600;line-height:1.6;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.55;margin:0 10px}.crumbs a{text-underline-offset:4px;-webkit-text-decoration:underline #33351f55;text-decoration:underline #33351f55}.crumbs a:hover{text-decoration-color:currentColor}.guide-hero h1{max-width:900px;font-size:clamp(42px,5.2vw,70px);line-height:1.07}.standfirst{max-width:640px;margin-top:26px;font-size:19px;line-height:1.65}.guide-meta{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:26px;font-size:12px;font-weight:600;display:flex}.guide-meta>span+span:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:4px;height:4px;margin:0 14px 2px 0;display:inline-block}.hero-art svg{width:100%;height:100%}.header-1{text-align:center;padding-block:64px 8px}.header-1 .crumbs ol,.header-1 .guide-meta{justify-content:center}.header-1 h1,.header-1 .standfirst{margin-inline:auto}.header-1 .hero-art{max-width:700px;color:var(--green);align-items:center;gap:22px;margin:50px auto 0;display:flex}.header-1 .hero-art:before,.header-1 .hero-art:after{content:"";background:var(--line);flex:1;height:1px}.header-1 .hero-art svg{width:46px;height:42px}.header-2{padding-top:36px}.header-2 .guide-hero-inner{background:var(--guide-sage);border:1px solid #c4cbb7;border-radius:28px;padding:52px 60px 58px;position:relative;overflow:hidden}.header-2 .hero-title,.header-2 .hero-intro{z-index:1;max-width:760px;position:relative}.header-2 .hero-art{color:#bdc6a7;width:340px;height:255px;position:absolute;bottom:-26px;right:-24px}.header-3{background:var(--guide-mustard);border-bottom:1px solid #33351f24;padding-block:52px 62px}.header-3 .guide-hero-inner{grid-template-columns:1.3fr .7fr;align-items:end;column-gap:64px;display:grid;position:relative}.header-3 .crumbs{grid-column:1/-1}.header-3 .hero-intro{padding-bottom:10px}.header-3 .standfirst{margin-top:0;font-size:18px}.header-3 .hero-art{background:var(--cream);width:118px;height:118px;color:var(--ink);box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;top:-14px;right:0;transform:rotate(-11deg)}.header-3 .hero-art text{font:600 9.6px var(--body);letter-spacing:1px;fill:currentColor}.header-4{--hills:clamp(130px,13.9vw,260px);padding-block:58px calc(var(--hills) + 8px);background:var(--green);color:var(--cream);overflow:hidden}.header-4 .guide-hero-inner{z-index:1;position:relative}.header-4 .eyebrow{color:var(--mustard)}.header-4 .crumbs a{text-decoration-color:#fffce766}.header-4 a:focus-visible{outline-color:var(--mustard)}.header-4 .hero-art{pointer-events:none;position:absolute;inset:0}.header-4 .hero-art .sky{width:440px;height:220px;position:absolute;top:22px;right:3%}.header-4 .hero-art .hills{width:100%;height:var(--hills);position:absolute;bottom:0;left:0}.header-5{padding-top:46px}.header-5 .guide-hero-inner{grid-template-columns:1.2fr .8fr;grid-template-areas:"crumbs crumbs""title art""intro art";align-items:start;column-gap:64px;display:grid}.header-5 .crumbs{grid-area:crumbs}.header-5 .hero-title{grid-area:title;align-self:end}.header-5 .hero-intro{grid-area:intro}.header-5 .hero-art{aspect-ratio:4/5;background:var(--guide-blush);color:#7f5f48;border:1px solid #d9c3b2;border-radius:72px 12px 12px;grid-area:art;place-items:center;padding:18%;display:grid}.header-6{padding-top:60px}.header-6 .eyebrow{border:1.5px solid var(--ink);border-radius:40px;padding:6px 14px;line-height:1.5;display:inline-block}.header-6 h1{font-size:clamp(44px,6vw,82px)}.header-6 h1 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 60%,#edbf59b3 60% 90%,#0000 90%);padding:0 .06em}.header-6 .hero-intro{border-top:1.5px dashed #a9b596;grid-template-columns:1fr auto;align-items:end;gap:10px 40px;margin-top:38px;padding-top:26px;display:grid}.header-6 .standfirst{font:500 23px/1.45 var(--serif);letter-spacing:-.02em;margin-top:0}.header-6 .guide-meta{margin-top:0}.guide-body{max-width:700px;margin:58px auto 80px;font-size:17px;line-height:1.8}.guide-body>*+*{margin-top:22px}.guide-body h2{margin-top:62px;font-size:clamp(30px,3.2vw,38px)}.guide-body h3{letter-spacing:-.03em;margin-top:38px;font-size:24px}.guide-body>h2+*,.guide-body>h3+*{margin-top:16px}.guide-body ul,.guide-body ol{padding-left:1.25em}.guide-body li+li{margin-top:8px}.guide-body li::marker{color:#96701c}.guide-body a{text-decoration:underline;-webkit-text-decoration-color:var(--link-line);text-decoration-color:var(--link-line);text-underline-offset:4px;font-weight:600;text-decoration-thickness:1.5px}.guide-body a:hover{text-decoration-thickness:2.5px}.guide-body strong{font-weight:700}.guide-body aside,.guide-body .pull-quote,.guide-body .table-wrap{margin-block:46px}.guide-body aside{font-size:16px;line-height:1.75}.guide-body aside>*+*{margin-top:14px}.guide-body aside ul{padding:0;list-style:none}.box-label{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:700;line-height:1.7;display:flex}.tldr{background:var(--guide-sage);border:1px solid #c4cbb7;border-radius:24px;padding:30px 34px 32px}.tldr li{padding-left:26px;position:relative}.tldr li+li{margin-top:12px}.tldr li:before{content:"";border:1.5px solid var(--ink);background:var(--mustard);border-radius:50%;width:9px;height:9px;position:absolute;top:.6em;left:1px}.callout{border:1px solid;border-radius:20px;padding:24px 30px 26px}.callout .box-label:before{content:"";background:50%/contain no-repeat;width:20px;height:20px}.callout.tip{background:var(--guide-tip);border-color:#e6cd84}.callout.tip .box-label:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2333351f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.7.6 1.1 1.3 1.1 2.2h5c0-.9.4-1.6 1.1-2.2A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E")}.callout.note{background:var(--case-peach);border-color:#d9c3b2}.callout.note .box-label:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2333351f' stroke-width='1.6' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5h.01'/%3E%3C/svg%3E")}.pull-quote{border-block:1px solid var(--line);color:var(--green);text-align:center;font:500 clamp(25px,2.8vw,31px)/1.35 var(--serif);letter-spacing:-.03em;margin-inline:0;padding:30px 6px 32px}.pull-quote:before{content:"“";content:"“" / "";color:#b8892a;height:34px;font-size:70px;line-height:1;display:block}.checklist{background:var(--paper);border:1.5px dashed #a9b596;border-radius:22px;padding:30px 34px 32px}.checklist li{min-height:24px;padding-left:38px;position:relative}.checklist li+li{margin-top:12px}.checklist li:before{content:"";border:1.5px solid var(--green);background:var(--sage) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2326391f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat;border-radius:7px;width:23px;height:23px;position:absolute;top:.18em;left:0}.service{background:var(--green);color:var(--cream);border-radius:26px;padding:32px 36px 34px}.service .box-label{background:var(--mustard);color:var(--ink);border-radius:30px;padding:4px 13px;display:inline-flex}.service[data-service=websites] .box-label{background:#dce4c8}.service[data-service=redesign] .box-label{background:var(--guide-blush)}.service[data-service=seo] .box-label{background:var(--guide-mustard)}.service[data-service=quick-launch] .box-label{background:#e4e5d9}.service[data-service=branding] .box-label{background:var(--case-peach)}.service .service-title{font:550 29px/1.2 var(--serif);letter-spacing:-.04em;margin-top:18px}.service a{color:var(--mustard);text-decoration-color:currentColor}.service a:focus-visible{outline-color:var(--mustard)}.guide-body .table-wrap{border:1px solid var(--line);background:#fffef5;border-radius:20px;margin-inline:calc(min(920px,100vw - 96px)/-2 + 50%);overflow-x:auto}.guide-body table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55}.guide-body th{text-align:left;vertical-align:bottom;background:#dce4c8;padding:15px 16px;font-size:12px;font-weight:700}.guide-body td{vertical-align:top;border-top:1px solid #e1e3d2;padding:14px 16px}.guide-body tbody tr:nth-child(2n){background:var(--paper)}.guide-body td:first-child{font-weight:650}.guides-index{padding-bottom:30px}.guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:56px 0 90px;padding:0;list-style:none;display:grid}.guide-card{background:var(--guide-sage);border:1px solid #33351f22;border-radius:22px;flex-direction:column;height:100%;padding:28px 26px 26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.guide-card[data-header=header-1]{background:var(--paper)}.guide-card[data-header=header-3]{background:var(--guide-mustard)}.guide-card[data-header=header-4]{background:var(--green);color:var(--cream)}.guide-card[data-header=header-5]{background:var(--guide-blush)}.guide-card[data-header=header-6]{background:var(--guide-tip)}.guide-card :is(h2,h3){letter-spacing:-.04em;font-size:27px;line-height:1.18}.guide-card :is(h2,h3) a:after{content:"";border-radius:inherit;position:absolute;inset:0}.guide-card .eyebrow{margin-bottom:16px}.guide-card>p:not(.eyebrow,.guide-meta){margin-top:14px;font-size:13px;line-height:1.8}.guide-card .guide-meta{margin-top:auto;padding-top:24px;font-size:11px}.guide-card[data-header=header-4] a:focus-visible{outline-color:var(--mustard)}@media (hover:hover){.guide-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #33351f0d}}.guides-index{padding-top:8px}.topic-nav{z-index:5;background:var(--cream);border-block:1px solid var(--line);margin:46px auto 0;padding:12px 0;position:sticky;top:96px}.topic-nav ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-nav button{color:inherit;cursor:pointer;background:0 0;border:1.5px solid #33351f33;border-radius:40px;align-items:center;gap:8px;min-height:40px;padding:6px 15px;font-size:12px;font-weight:650;line-height:1.4;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.topic-nav button:hover{background:var(--sage);border-color:var(--ink)}.topic-nav button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--cream)}.topic-nav button:focus-visible{outline-offset:3px;outline:3px solid #96701c}.topic-nav span{opacity:.65;font-size:10px}.guide-list>li{min-width:0}.start-here{border:1.5px solid;border-radius:20px;margin-right:6px;padding:1px 9px;display:inline-block}.crumbs [aria-current]{opacity:.75}.desktop-nav a[aria-current],.mobile-nav a[aria-current]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1.5px}.guide-toc{max-width:700px;margin:46px auto 0}.guide-toc details{border:1px solid var(--line);background:var(--paper);border-radius:18px}.guide-toc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 22px;font-size:13px;font-weight:700;list-style:none;display:flex}.guide-toc summary::-webkit-details-marker{display:none}.guide-toc summary:after{content:"+";font:400 22px/1 var(--body)}.guide-toc details[open] summary:after{content:"−"}.guide-toc summary span{opacity:.65;margin-left:auto;font-size:11px;font-weight:600}.guide-toc ol{margin:0;padding:4px 22px 20px 42px;font-size:14px;line-height:1.6}.guide-toc li+li{margin-top:8px}.guide-toc a{text-decoration:underline;-webkit-text-decoration-color:var(--link-line);text-decoration-color:var(--link-line);text-underline-offset:4px}.guide-toc+.guide-body{margin-top:40px}.guide-body h2,.guide-body h3{scroll-margin-top:120px}.guide-author{border-top:1.5px dashed #a9b596;max-width:700px;margin:0 auto 80px;padding:26px 0 0;font-size:14px;line-height:1.75}.guide-author .guide-author-name{font:550 24px/1.2 var(--serif);letter-spacing:-.03em;margin:4px 0 8px}.guide-next{background:var(--green);color:var(--cream);padding-block:70px}.guide-next-inner{justify-content:space-between;align-items:flex-end;gap:30px 60px;display:flex}.guide-next .eyebrow{color:var(--mustard)}.guide-next h2{font-size:clamp(34px,3.6vw,48px)}.guide-next p:not(.eyebrow){max-width:520px;margin-top:18px;font-size:15px}.guide-next .button{color:var(--ink);flex-shrink:0}.guide-next a:focus-visible{outline-color:var(--mustard)}.guide-related{padding-block:80px 30px}.guide-related-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 30px;display:flex}.guide-related-head h2{font-size:clamp(30px,3.2vw,40px)}.guide-related .guide-list{margin:30px 0 60px}@media (width<=1100px){.topic-nav ul{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.topic-nav li{flex-shrink:0}.header-2 .hero-art{width:260px;height:195px}.header-3 .guide-hero-inner,.header-5 .guide-hero-inner{column-gap:40px}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.header-3 .guide-hero-inner{grid-template-columns:1fr}.header-3 .hero-intro{margin-top:26px;padding:0}.header-3 .hero-art{width:92px;height:92px;top:-10px}.header-3 .crumbs{padding-right:100px}.header-5 .guide-hero-inner{grid-template-columns:1fr;grid-template-areas:"crumbs""title""intro""art"}.header-5 .hero-art{aspect-ratio:16/7;border-radius:48px 10px 10px;margin-top:36px;padding:5%}.header-6 .hero-intro{grid-template-columns:1fr;gap:20px}.topic-nav{top:82px}.guide-next-inner{flex-direction:column;align-items:flex-start}}@media (width<=620px){.topic-nav{margin-top:30px;margin-inline:-20px;padding:10px 20px;top:75px}.topic-nav ul{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.topic-nav li{flex-shrink:0}.guide-toc{margin-top:32px}.guide-next{padding-block:50px}.guide-related{padding-top:56px}.crumbs ol{margin-bottom:26px;font-size:11px}.guide-hero h1{font-size:clamp(35px,10vw,44px)}.standfirst{margin-top:20px;font-size:17px}.header-1{padding-top:40px}.header-1 .hero-art{margin-top:36px}.header-2{padding-top:20px}.header-2 .guide-hero-inner{border-radius:22px;width:calc(100% - 32px);padding:30px 22px 140px}.header-2 .hero-art{width:210px;height:158px;bottom:-18px;right:-10px}.header-3{padding-block:36px 44px}.header-3 .hero-art{width:78px;height:78px;top:-6px}.header-3 .crumbs{padding-right:84px}.header-3 .standfirst{font-size:17px}.header-4{padding-top:40px}.header-4 .hero-art .sky{width:240px;height:120px;top:4px;right:-60px}.header-5{padding-top:30px}.header-6{padding-top:40px}.header-6 h1{font-size:clamp(38px,11vw,50px)}.header-6 .standfirst{font-size:20px}.guide-body{margin-block:40px 60px;font-size:16px}.guide-body h2{margin-top:48px;font-size:29px}.guide-body h3{font-size:22px}.guide-body aside,.guide-body .pull-quote,.guide-body .table-wrap{margin-block:36px}.tldr,.checklist,.service{border-radius:20px;padding:24px 22px 26px}.callout{padding:20px 22px 22px}.service .service-title{font-size:25px}.guide-body .table-wrap{background:0 0;border:0;border-radius:0;margin-inline:0;overflow:visible}.guide-body thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-body table,.guide-body tbody,.guide-body tr,.guide-body td{display:block}.guide-body tbody tr,.guide-body tbody tr:nth-child(2n){border:1px solid var(--line);background:#fffef5;border-radius:18px;padding:4px 18px}.guide-body tbody tr+tr{margin-top:12px}.guide-body td{border-top:1px solid #e1e3d2;grid-template-columns:40% 1fr;gap:14px;padding:10px 0;display:grid}.guide-body td:before{content:attr(data-label);content:attr(data-label) / "";font-size:11px;font-weight:700}.guide-body td:first-child{font:550 21px/1.3 var(--serif);letter-spacing:-.03em;border:0;padding-top:14px;display:block}.guide-body td:first-child:before{content:none}.guide-list{grid-template-columns:1fr;gap:14px;margin-block:36px 60px}.guide-card :is(h2,h3){font-size:25px}}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}