.resource-page .resource-hero{padding-block:56px 38px;border-bottom:1px solid var(--line)}
.resource-page .resource-hero h1{max-width:1000px;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.035em;text-wrap:pretty;margin-bottom:24px}
.resource-lead{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(1.125rem,1.7vw,1.4rem);line-height:1.55;color:var(--muted);max-width:760px;margin:0;text-wrap:pretty}
.resource-meta{font-size:.875rem;line-height:1.65;margin:24px 0 0;color:var(--muted)}
.resource-content{max-width:800px;padding-block:44px 60px}
.resource-content section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.resource-content section:last-of-type{border-bottom:0;margin-bottom:0}
.resource-page .resource-content h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.02em;margin-bottom:20px;text-wrap:pretty}
.resource-content p{font-size:1rem;line-height:1.75;color:var(--muted);margin-bottom:20px}
.resource-content p:last-child{margin-bottom:0}.resource-content p a,.resource-back a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.resource-content a:focus-visible,.resource-cards a:focus-visible{outline:2px solid #2152aa;outline-offset:4px}
.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:44px 64px}
.resource-cards article{padding:30px 26px;border:1px solid var(--line);border-radius:12px;background:#f6f7f9;display:flex;flex-direction:column;align-items:start}
.resource-page .resource-cards h2{font-size:1.35rem;line-height:1.35;letter-spacing:-.02em;margin-bottom:18px;text-wrap:pretty}
.resource-cards p{font-size:1rem;line-height:1.65;color:var(--muted);margin-bottom:24px}.resource-cards .text-link{margin-top:auto}
.resource-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}
.resource-page .error-page{padding-block:clamp(60px,8vw,120px);border:0;min-height:55vh}
@media(max-width:800px){.resource-cards{grid-template-columns:1fr}.resource-content{padding-block:32px 44px}.resource-page .resource-hero{padding-block:38px 30px}.resource-cards article{padding:26px 24px}}

/* An editorial resource library, using the site's restrained service palette. */
.resource-page{--resource-soft:#f6f7f9}
.resource-page #main a:focus-visible{outline:2px solid #2152aa;outline-offset:5px;border-radius:3px}
.resource-page .resource-read,.resource-page .resource-help .button,.resource-back-link,.article-author a,.article-project-link a{display:inline-flex;align-items:center;gap:10px}
.resource-page svg{flex-shrink:0}
.resource-index-hero{padding-block:64px 42px}
.resource-page #main .resource-index-hero h1{font-size:clamp(2.7rem,5vw,4.25rem);font-weight:400;line-height:1.08;letter-spacing:-.045em;max-width:950px;text-wrap:balance;margin:0 0 24px}
.resource-index-hero h1 span{display:block;color:#697180}
.resource-hub .resource-lead{max-width:680px;font-size:clamp(1.125rem,1.7vw,1.35rem)}
.resource-topics{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.resource-topics a{display:inline-flex;align-items:center;gap:18px;padding:12px 18px;border:1px solid var(--line);border-radius:99px;font-size:.875rem;line-height:1.3;background:#fff;transition:background .2s}
.resource-topics a:hover{background:#f4f5f7}.resource-topics svg{width:16px;height:16px}
.resource-featured{padding-bottom:64px}
.resource-featured-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #d9e0ed;border-radius:18px;overflow:hidden;background:#f7f9fd;box-shadow:0 14px 38px #192e4d08}
.resource-featured-image{display:flex;align-items:center;justify-content:center;background:#e9f0fc;overflow:hidden}
.resource-featured-image img{display:block;width:100%;height:auto}
.resource-featured-copy{padding:clamp(28px,3.6vw,50px);align-self:center}
.resource-eyebrow{display:block;font-size:.6875rem;line-height:1.5;letter-spacing:.085em;text-transform:uppercase;font-weight:500;color:#626875}
.resource-featured-copy>.resource-eyebrow{margin-bottom:24px}
.resource-category{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:.8125rem;line-height:1.5;color:#535b67;margin-bottom:14px}
.resource-category>span{border-left:1px solid #cdd1d9;padding-left:16px;color:#707780}
.resource-page #main .resource-featured h2{font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.2;letter-spacing:-.03em;text-wrap:pretty;margin-bottom:18px}
.resource-featured-copy>p:not(.resource-eyebrow){color:var(--muted);font-size:1rem;line-height:1.65;margin-bottom:25px;max-width:40ch}
.resource-read{font-size:.9375rem;line-height:1.5}
.resource-read:hover svg,.resource-topics a:hover svg{transform:translateX(3px)}
.resource-read svg,.resource-topics svg{transition:transform .2s}
.resource-library{padding-bottom:72px}
.resource-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-bottom:28px}
.resource-page #main .resource-section-title h2{font-size:clamp(1.75rem,2.8vw,2.4rem);line-height:1.2;letter-spacing:-.03em}
.resource-section-title>p{max-width:390px;font-size:1rem;line-height:1.6;color:var(--muted)}
.resource-section-title>.text-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:.9375rem}
.resource-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.resource-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e2e7;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #20283805}
.resource-card-image{display:block;overflow:hidden;background:#f0eef8}
.resource-card-image img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}
.resource-card:has(a:hover) .resource-card-image img{transform:scale(1.025)}
.resource-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:30px}
.resource-page #main .resource-card h3{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.3;letter-spacing:-.025em;text-wrap:pretty;margin:0 0 15px}
.resource-card-copy>p{color:var(--muted);font-size:1rem;line-height:1.65;margin-bottom:23px;max-width:48ch}
.resource-card .resource-read{margin-top:auto}
.resource-help{text-align:center;padding-block:64px 72px;border-top:1px solid var(--line)}
.resource-page #main .resource-help h2{font-size:clamp(1.9rem,3.3vw,2.75rem);line-height:1.15;letter-spacing:-.035em;margin-bottom:20px;text-wrap:balance}
.resource-help>p{font-size:1.125rem;line-height:1.6;max-width:570px;margin:0 auto 26px;color:var(--muted);text-wrap:pretty}
/* Articles: a compact author line, original illustration and comfortable reading width. */
.article-header{padding-block:36px 34px}
.resource-back-link{font-size:.875rem;line-height:1.5;color:var(--muted);margin-bottom:32px}
.resource-back-link:hover{color:var(--ink)}
.article-heading{max-width:960px}
.resource-page #main .article-heading h1{font-size:clamp(2.35rem,4.5vw,3.6rem);line-height:1.1;letter-spacing:-.04em;max-width:24ch;text-wrap:pretty;margin:0 0 24px}
.article-heading .resource-lead{max-width:760px;font-size:clamp(1.125rem,1.7vw,1.35rem);line-height:1.55}
.resource-byline{display:flex;gap:13px;align-items:center;margin-top:28px}
.resource-byline>img{width:44px;height:44px;object-fit:cover;border-radius:50%;flex-shrink:0}
.resource-byline>div{display:flex;flex-direction:column;gap:3px}
.resource-byline a{font-size:.875rem;line-height:1.3}
.resource-byline span{font-size:.75rem;line-height:1.5;color:var(--muted)}
.resource-byline .resource-dates{margin-left:20px;padding-left:28px;border-left:1px solid var(--line)}
.article-cover{margin-block:0 44px}
.article-cover img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:16px;background:#e9f0fc}
/* Use the cover itself to determine its background, irrespective of related-guide images. */
.article-cover img[src^="/resources/landing-page-"]{background:#e9f0fc}
.article-cover img[src^="/resources/branding-"]{background:#f0eef8}
.article-cover img[src^="/resources/keywords-"]{background:#f2f3ef}
.article-cover figcaption{font-size:.75rem;line-height:1.6;max-width:820px;color:var(--muted);padding-top:12px}
.article-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:clamp(36px,5vw,80px);align-items:start;justify-content:space-between;padding-bottom:68px}
.article-sidebar{position:sticky;top:112px}
.article-sidebar details{border:0;border-top:1px solid var(--line);padding-top:20px}
.article-sidebar summary{font-size:.875rem;font-weight:500;cursor:pointer}
.article-sidebar nav{margin-top:20px}
.article-sidebar ol{list-style:none;counter-reset:guide;margin:0;padding:0}
.article-sidebar li{counter-increment:guide;margin-bottom:14px}
.article-sidebar a{display:grid;grid-template-columns:22px 1fr;gap:9px;font-size:.8125rem;line-height:1.55;color:var(--muted)}
.article-sidebar a:before{content:counter(guide,decimal-leading-zero);font-size:.6875rem;color:#949aa5;padding-top:2px}
.article-sidebar a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.article-body{min-width:0;max-width:740px}
.article-takeaway{padding:28px 32px;background:#f4f6fa;border:1px solid #e0e5ee;border-radius:12px;margin-bottom:44px}
.article-takeaway>.resource-eyebrow{margin-bottom:12px}
.article-body .article-takeaway>p{font-family:'Wix Madefor Display',Arial,sans-serif;color:var(--ink);font-size:1.1875rem;line-height:1.55;margin-bottom:20px}
.article-takeaway ul{display:flex;flex-direction:column;gap:7px;margin:0;padding-left:18px;font-size:.875rem;line-height:1.5;color:var(--muted)}
.article-section{scroll-margin-top:108px;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid #e3e5e9}
.article-body p{font-size:1rem;line-height:1.8;color:var(--muted);margin-bottom:18px;text-wrap:pretty}
.article-body p:last-child{margin-bottom:0}
.resource-page #main .article-body h2{font-size:clamp(1.5rem,2.3vw,1.875rem);line-height:1.25;letter-spacing:-.025em;text-wrap:pretty;margin-bottom:20px}
.resource-page #main .article-body h3{font-size:1.1875rem;line-height:1.35;letter-spacing:-.015em;margin-bottom:14px;text-wrap:pretty}
.article-body p a,.article-source a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.article-action-note{padding:22px 24px;border-left:3px solid #b5c5e1;background:#f7f9fc;margin-top:26px}
.article-action-note>strong,.article-source>strong{display:block;font-size:.875rem;font-weight:500;margin-bottom:9px}
.article-body .article-action-note p{font-size:.9375rem;line-height:1.7}
.article-example{margin-block:28px 4px;padding:28px;background:#f6f7f9;border:1px solid #e0e2e7;border-radius:12px}
.article-example>figcaption{font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:22px}
.copy-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.copy-comparison>div{padding:22px;background:#fff;border:1px solid #e0e2e7;border-radius:8px}
.copy-comparison>div+div{background:#e9f0fc;border-color:#cedcf0}
.copy-comparison span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:12px}
.article-body .copy-comparison p{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.1875rem;line-height:1.4;color:var(--ink)}
.article-body .example-caption{font-size:.75rem;line-height:1.6;margin-top:16px;color:#646b77}
.article-check{padding:26px;background:#f4f6f1;border:1px solid #e0e4d9;border-radius:12px;margin-top:28px}
.article-check ul{padding-left:19px;margin:0;display:grid;gap:12px;font-size:.9375rem;line-height:1.65;color:var(--muted)}
.brand-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-reference>div{min-width:0}
.brand-reference strong{display:block;font-size:.875rem;font-weight:500;margin-top:18px;margin-bottom:9px}
.article-body .brand-reference p{font-size:.8125rem;line-height:1.65}
.brand-sample,.brand-colour-samples,.brand-photo-sample{height:68px;display:flex;align-items:center}
.brand-sample{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:3.3rem;line-height:1;color:#283d35;letter-spacing:-.04em}
.brand-colour-samples{gap:7px}.brand-colour-samples i{display:block;width:28%;height:44px;border-radius:7px;background:#283d35}.brand-colour-samples i:nth-child(2){background:#a3b697}.brand-colour-samples i:nth-child(3){background:#e6e9dc;border:1px solid #d6dccb}
.brand-photo-sample{position:relative;overflow:hidden;width:100%;max-width:145px;isolation:isolate;border-radius:7px;background:#dce5d5}
.brand-photo-sample:before{content:'';position:absolute;inset:22px -30px -45px;background:#9aad8f;border-radius:50%}
.brand-photo-sample:after{content:'';position:absolute;inset:40px -20px -35px;background:#56734f;border-radius:50%;transform:rotate(-18deg)}
.keyword-map>div{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;padding:17px 0;border-top:1px solid #dadee4;font-size:.875rem;line-height:1.6;color:var(--muted)}
.keyword-map>div:first-child{border:0;padding-top:0;font-size:.75rem;color:#727982}
.keyword-map strong{font-weight:500;color:var(--ink)}
.article-project-link{margin-top:26px;padding:28px;background:#f0eef8;border:1px solid #dcd7eb;border-radius:12px}
.article-project-link>span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:12px}
.article-project-link a{font-size:.875rem;line-height:1.5;gap:9px}
.article-source{margin-top:24px;padding-top:24px;border-top:1px solid #e3e5e9}
.article-body .article-source p{font-size:.875rem;line-height:1.7}
.article-author{display:grid;grid-template-columns:64px 1fr;align-items:start;gap:22px;padding-top:8px}
.article-author>img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.resource-page #main .article-author h2{font-size:1.125rem;line-height:1.35;margin-bottom:10px}
.article-body .article-author p{font-size:.875rem;line-height:1.7;margin-bottom:14px}
.article-author a{font-size:.8125rem;line-height:1.5}
.resource-related{background:#f7f8fa;padding-block:58px 64px;border-block:1px solid #e6e8ed}
@media(max-width:1000px){
 .resource-featured-card{grid-template-columns:1fr 1fr}
 .resource-featured-copy{padding:28px}
 .article-layout{grid-template-columns:195px minmax(0,1fr);gap:35px}
}
@media(max-width:800px){
 .resource-index-hero{padding-block:42px 32px}
 .resource-featured-card{grid-template-columns:1fr}
 .resource-featured-image img{max-height:380px;object-fit:contain}
 .resource-featured-copy{padding:30px}
 .resource-featured-copy>.resource-eyebrow{margin-bottom:16px}
 .resource-featured-copy>p:not(.resource-eyebrow){max-width:58ch}
 .resource-card-grid{gap:20px}.resource-card-copy{padding:24px}
 .resource-section-title{align-items:flex-start;flex-direction:column;gap:12px}
 .article-layout{grid-template-columns:1fr;gap:30px}
 .article-sidebar{position:static}
 .article-sidebar details{border:1px solid #e0e2e7;border-radius:10px;padding:18px 20px;background:#fff}
 .article-sidebar ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
 .article-sidebar li{margin-bottom:10px}
 .article-cover{margin-bottom:30px}
}
@media(max-width:600px){
 .resource-page #main .resource-index-hero h1{font-size:2.5rem;line-height:1.1;letter-spacing:-.035em}
 .resource-topics{gap:8px;margin-top:26px}.resource-topics a{padding:10px 13px;gap:10px;font-size:.75rem}
 .resource-featured{padding-bottom:42px}.resource-featured-copy{padding:26px 23px}
 .resource-page #main .resource-featured h2{font-size:1.6rem;line-height:1.25}
 .resource-card-grid{grid-template-columns:1fr;gap:24px}
 .resource-library{padding-bottom:46px}
 .resource-page #main .resource-section-title h2{font-size:1.75rem}
 .resource-page #main .resource-card h3{font-size:1.4rem}
 .resource-help{padding-block:44px 48px}
 .resource-page #main .resource-help h2{font-size:1.9rem}
 .resource-help>p{font-size:1.0625rem}.resource-help .button{max-width:100%;gap:10px}
 .article-header{padding-block:26px 26px}
 .resource-back-link{margin-bottom:26px}
 .resource-page #main .article-heading h1{font-size:2.125rem;line-height:1.13;letter-spacing:-.03em;margin-bottom:20px;text-wrap:pretty}
 .article-heading .resource-lead{font-size:1.125rem}
 .resource-byline{flex-wrap:wrap;gap:12px;margin-top:24px}
 .resource-byline .resource-dates{flex-basis:100%;margin:4px 0 0;padding:0;border:0}
 .article-cover img{border-radius:10px}.article-cover figcaption{font-size:.6875rem}
 .article-sidebar ol{grid-template-columns:1fr}
 .article-takeaway{padding:24px;margin-bottom:32px}
 .article-body .article-takeaway>p{font-size:1.125rem}
 .article-layout{padding-bottom:44px}
 .article-section{padding-bottom:28px;margin-bottom:28px;scroll-margin-top:95px}
 .resource-page #main .article-body h2{font-size:1.5rem;line-height:1.3;margin-bottom:18px}
 .article-action-note{padding:18px 20px}
 .article-example{padding:22px 20px}.copy-comparison{grid-template-columns:1fr;gap:12px}
 .copy-comparison>div{padding:20px}.article-body .copy-comparison p{font-size:1.125rem}
 .brand-reference{grid-template-columns:1fr;gap:0}
 .brand-reference>div{display:grid;grid-template-columns:82px 1fr;column-gap:18px;border-top:1px solid #dadee4;padding-block:16px}
 .brand-reference>div:first-child{border-top:0;padding-top:0}
 .brand-reference>div>span{grid-row:1/3}.brand-reference strong{margin:4px 0 7px}
 .brand-sample{font-size:3rem}.brand-colour-samples{gap:4px}
 .keyword-map>div{grid-template-columns:1fr;gap:5px;padding-block:16px}
 .keyword-map>div:first-child{display:none}
 .keyword-map>div:nth-child(2){border-top:0;padding-top:0}
 .article-check{padding:22px}
 .article-project-link{padding:24px}.article-project-link a{align-items:flex-start}
 .article-author{grid-template-columns:48px 1fr;gap:16px}
 .article-author>img{width:48px;height:48px}
 .resource-related{padding-block:40px 44px}
}
@media(prefers-reduced-motion:reduce){.resource-card-image img,.resource-read svg,.resource-topics svg,.resource-topics a{transition:none}.resource-card:has(a:hover) .resource-card-image img{transform:none}}


/* All screen sizes use the original compositions with responsive lossless WebP assets. */
@media(hover:none){.resource-card:has(a:hover) .resource-card-image img{transform:none}}