/* Dedicated website services: Bloom's editorial navy, paper and sky blue. */
.websites-page{--paper:#f4f6f7;--ink:#17364f;background:var(--paper)}
.websites-page .hero{background:#112b42;padding:clamp(54px,6vw,88px) 0}
.websites-page .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(28px,5vw,70px);align-items:center}
.websites-page h1{max-width:17ch;font-size:clamp(44px,5.2vw,70px);line-height:1.08;margin:20px 0 24px}
.websites-page h1 em{font-family:Georgia,serif;font-weight:400;color:#b8ddee;letter-spacing:-.045em}
.websites-page .lede{font-size:19px;line-height:1.7}
.hero-benefit{color:#fff;font-size:17px;line-height:1.75;margin-bottom:0}
.websites-page .actions{gap:18px;margin-top:25px}
.websites-page .button{border-radius:3px;background:#c3e2f1;padding:16px 20px;transition:background .2s,transform .2s}
.websites-page .button:hover{background:#fff;transform:translateY(-2px)}
.start-note{font-size:15px;color:#c7dce8;line-height:1.6;margin:18px 0 0;max-width:45ch}
.website-editorial{background:#f4f6f7;color:#17364f;border-top:5px solid #b8ddee;padding:clamp(24px,3vw,38px);box-shadow:12px 12px 0 #28465d;transform:rotate(1deg)}
.editorial-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.editorial-top>span{font-size:12px;font-weight:800;letter-spacing:.09em}
.editorial-top img{width:48px;height:48px}
.editorial-title{font-size:clamp(26px,2.7vw,35px);font-weight:800;letter-spacing:-.045em;line-height:1.24;margin:25px 0}
.editorial-title em{font-family:Georgia,serif;font-weight:400}
.editorial-stages{list-style:none;margin:0;padding:0}
.editorial-stages li{border-top:1px solid #b4bdbe;padding:16px 0;font-size:17px;line-height:1.5}
.editorial-stages span{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;color:#36596e;margin-bottom:4px}
.website-editorial>a{display:flex;justify-content:space-between;gap:15px;font-size:15px;font-weight:600;text-underline-offset:5px;border-top:1px solid #b4bdbe;padding-top:20px;line-height:1.6}
.website-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:32px}
.websites-page h2{max-width:23ch}
.website-section-head .bodycopy{margin-bottom:25px}
.website-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.website-service{padding:clamp(25px,3.5vw,42px);min-width:0;border:1px solid #b9c9d0;background:#fff}
.service-index{display:block;font-size:13px;font-weight:800;letter-spacing:.07em;margin-bottom:28px}
.website-service h3{font-size:clamp(30px,3.4vw,43px);line-height:1.13;letter-spacing:-.045em;margin-bottom:24px}
.website-service p,.website-service li{font-size:17px;line-height:1.8}
.website-service ul{padding-left:21px;margin:24px 0}
.website-service li{padding-left:4px;margin-bottom:8px}
.website-service .service-result{border-top:1px solid #b9c9d0;padding-top:20px;margin:25px 0 0;font-weight:600}
.website-service-care{background:#dcebf2;border-color:#adc7d6}
.website-service-creative{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;background:#193b53;color:#f7f6f0;border-color:#193b53}
.website-service-creative .service-index{color:#b8ddee}
.website-service-creative p{color:#e0edf6}
.website-service-creative ul{columns:2;column-gap:32px}
.website-service-creative li{break-inside:avoid}
.website-fit{background:#e5edf0}
.fit-link{display:inline-block;font-weight:600;text-underline-offset:5px}
.fit-list{list-style:none;padding:0;margin:0}
.fit-list li{border-top:1px solid #aebfcb;padding:24px 0;line-height:1.8}
.fit-list strong{display:block;font-size:23px;letter-spacing:-.03em;margin-bottom:8px}
.fit-list span{display:block;color:#29455f;font-size:17px}
.website-process{background:#f4f6f7}
.website-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:40px 0 0;padding:0}
.website-steps li{border-top:2px solid #8aaec2;padding-top:22px}
.website-steps span{display:block;font-family:Georgia,serif;font-size:38px;line-height:1.2;color:#426b83;margin-bottom:20px}
.website-steps h3{font-size:21px;line-height:1.35;letter-spacing:-.03em;margin-bottom:13px}
.website-steps p{font-size:16px;line-height:1.8;color:#29455f}
.process-note{margin:22px 0 0;padding-top:20px;border-top:1px solid #c4cdd1;color:#29455f;font-size:15px}
.websites-page .public-portfolio{background:#fff}
.websites-page .portfolio-card{border-radius:3px;background:#f4f6f7}
.websites-page .portfolio-preview img{aspect-ratio:16/9}
.websites-page .contact .split{align-items:center}
.websites-page .contact h2{font-size:clamp(36px,4vw,54px)}
.websites-page .contact-actions{gap:24px}
.websites-page .contact-actions>a:not(.button){line-height:1.7}
@media(max-width:1000px){.website-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.website-service-creative ul{columns:1}.websites-page .hero-grid{gap:32px}.website-editorial{padding:25px;box-shadow:7px 7px 0 #28465d}}
@media(max-width:800px){.websites-page .hero-grid,.website-section-head,.website-service-creative{grid-template-columns:1fr}.website-editorial{transform:none;max-width:550px;margin-top:12px}.website-section-head{gap:0}.website-service-creative{gap:0}.website-service-creative h3{margin-bottom:26px}.websites-page .lede{font-size:18px}.websites-page .hero h1{max-width:19ch}.websites-page .hero{padding:48px 0 55px}}
@media(max-width:600px){.website-service-grid,.website-steps{grid-template-columns:1fr}.website-service-creative{grid-column:auto}.website-steps{gap:24px}.website-steps span{font-size:30px;margin-bottom:12px}.website-service p,.website-service li,.fit-list span{font-size:16px}.website-steps p{margin-bottom:0}.websites-page .contact-actions{justify-items:stretch}.websites-page .hero h1{font-size:clamp(39px,10vw,55px)}.websites-page .hero .eyebrow{font-size:13px!important}.websites-page .actions{align-items:stretch;flex-direction:column}.websites-page .secondary{padding-block:9px}.website-editorial{box-shadow:5px 5px 0 #28465d}.websites-page .nav nav a{padding-block:7px}}