/* Grants Pass feature. All selectors stay within this page. */
.page-web-design-grants-pass .gp-magazine{color:var(--ink);background:#fff}
.page-web-design-grants-pass .gp-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}




.page-web-design-grants-pass .gp-magazine p{font-size:17px;line-height:1.7;color:#43505a}
.page-web-design-grants-pass .gp-magazine p+p{margin-top:18px}
.page-web-design-grants-pass .gp-magazine img{width:100%;height:auto}
.page-web-design-grants-pass .gp-magazine figcaption{font-size:12px;line-height:1.55;color:#5e6871;margin-top:12px}
.page-web-design-grants-pass .gp-magazine a:focus-visible,.page-web-design-grants-pass .gp-magazine summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.page-web-design-grants-pass .gp-cover{display:grid;grid-template-columns:.86fr 1.14fr;align-items:start;gap:60px;padding-block:40px 56px}
.page-web-design-grants-pass .gp-cover .gp-lead{font-size:18px;line-height:1.65;margin-top:26px}
.page-web-design-grants-pass .gp-cover .gp-location{font-size:13px;line-height:1.6;color:#63717b;margin-top:22px;max-width:42ch}
.page-web-design-grants-pass .gp-cover-image img{border:1px solid #dce0e3;box-shadow:0 16px 40px #05142416}
.page-web-design-grants-pass .gp-cover-image figcaption{border-bottom:1px solid var(--line);padding-bottom:12px}
.page-web-design-grants-pass .gp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}



.page-web-design-grants-pass .gp-introduction{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-block:64px 78px;border-top:1px solid var(--line)}
.page-web-design-grants-pass .gp-reading{max-width:65ch}
.page-web-design-grants-pass .gp-work{padding-block:28px 84px}

.page-web-design-grants-pass .gp-project-spread{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:center}
.page-web-design-grants-pass .gp-client{font-size:12px!important;letter-spacing:.045em;color:#63717b!important;margin-bottom:17px}
.page-web-design-grants-pass .gp-project-copy h2{margin-bottom:24px}
.page-web-design-grants-pass .gp-project-copy .gp-plain-link,.page-web-design-grants-pass .gp-reading .gp-plain-link{margin-top:25px}
.page-web-design-grants-pass .gp-screen img{border:1px solid var(--line)}
.page-web-design-grants-pass .gp-meade{padding-bottom:80px}
.page-web-design-grants-pass .gp-meade-heading{max-width:720px;margin-bottom:30px}
.page-web-design-grants-pass .gp-photo img{aspect-ratio:2/1;object-fit:cover;object-position:50% 60%}
.page-web-design-grants-pass .gp-meade-story{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-top:36px}
.page-web-design-grants-pass .gp-meade-screen img{border:1px solid #eee}
.page-web-design-grants-pass .gp-approach{background:var(--navy);padding-block:64px;color:white}
.page-web-design-grants-pass .gp-approach h2,.page-web-design-grants-pass .gp-approach h3{color:white}
.page-web-design-grants-pass .gp-approach p{color:#d4dde4}
.page-web-design-grants-pass .gp-approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.page-web-design-grants-pass .gp-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px;padding-top:30px;border-top:1px solid #ffffff30}
.page-web-design-grants-pass .gp-principles p{font-size:15px;margin-top:13px}
.page-web-design-grants-pass .gp-offer-process{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:78px}
.page-web-design-grants-pass .gp-offer h2,.page-web-design-grants-pass .gp-process h2{margin-bottom:24px}
.page-web-design-grants-pass .gp-offer strong{font-size:24px;color:var(--ink)}
.page-web-design-grants-pass .gp-offer .gp-plain-link{margin-top:26px}
.page-web-design-grants-pass .gp-process ol{list-style:none;counter-reset:steps;padding:0;margin:26px 0 0}
.page-web-design-grants-pass .gp-process li{counter-increment:steps;position:relative;padding:17px 0 17px 44px;border-top:1px solid var(--line)}
.page-web-design-grants-pass .gp-process li::before{content:'0' counter(steps);position:absolute;left:0;top:17px;font-size:13px;color:var(--orange);font-weight:600}
.page-web-design-grants-pass .gp-process li p{font-size:15px;margin-top:7px}
.page-web-design-grants-pass .gp-enquiry{background:#f2f5f7;padding-block:66px;scroll-margin-top:20px}
.page-web-design-grants-pass .gp-enquiry-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}
.page-web-design-grants-pass .gp-enquiry-copy h2{margin-bottom:24px}
.page-web-design-grants-pass .gp-enquiry-copy .gp-phone{margin-top:26px;font-size:15px}
.page-web-design-grants-pass .gp-enquiry .form-panel{background:white;margin:0;border:1px solid #dce2e7;box-shadow:none;padding:28px;border-radius:0}
.page-web-design-grants-pass .gp-enquiry .form-panel label{font-size:14px}
.page-web-design-grants-pass .gp-enquiry .form-panel .form-privacy{font-size:12px;line-height:1.6}
.page-web-design-grants-pass .gp-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 85px;padding-block:64px 44px}
.page-web-design-grants-pass .gp-faq h2{max-width:350px}
.page-web-design-grants-pass .gp-faq-list details{border-bottom:1px solid var(--line);padding:17px 0}
.page-web-design-grants-pass .gp-faq-list details:first-child{padding-top:0}
.page-web-design-grants-pass .gp-faq-list summary{cursor:pointer;font-size:16px;line-height:1.5;font-weight:500;padding-right:16px;color:var(--ink)}
.page-web-design-grants-pass .gp-faq-list p{font-size:15px;margin-top:14px}
.page-web-design-grants-pass .gp-region{grid-column:1/-1;font-size:13px!important;padding-top:40px;margin-top:35px!important;border-top:1px solid var(--line)}
.page-web-design-grants-pass #selected-work{scroll-margin-top:24px}
@media(max-width:1050px){
 .page-web-design-grants-pass .gp-wrap{width:calc(100% - 56px)}
 .page-web-design-grants-pass .gp-cover{gap:32px;grid-template-columns:1fr 1fr}
 .page-web-design-grants-pass .gp-cover .gp-lead{font-size:16px}
 .page-web-design-grants-pass .gp-introduction,.page-web-design-grants-pass .gp-project-spread,.page-web-design-grants-pass .gp-meade-story,.page-web-design-grants-pass .gp-approach-intro,.page-web-design-grants-pass .gp-offer-process,.page-web-design-grants-pass .gp-enquiry-layout,.page-web-design-grants-pass .gp-faq{gap:40px}
}
@media(max-width:760px){
 .page-web-design-grants-pass .gp-wrap{width:calc(100% - 40px)}
 
 
 .page-web-design-grants-pass .gp-magazine p{font-size:16px;line-height:1.65}
 .page-web-design-grants-pass .gp-cover{grid-template-columns:1fr;padding-block:35px 40px;gap:30px}
 .page-web-design-grants-pass .gp-cover .gp-lead{margin-top:20px}
 .page-web-design-grants-pass .gp-cover .gp-location{margin-top:18px}
 .page-web-design-grants-pass .gp-actions{gap:18px;margin-top:23px}
 .page-web-design-grants-pass .gp-introduction,.page-web-design-grants-pass .gp-project-spread,.page-web-design-grants-pass .gp-meade-story,.page-web-design-grants-pass .gp-approach-intro,.page-web-design-grants-pass .gp-offer-process,.page-web-design-grants-pass .gp-enquiry-layout,.page-web-design-grants-pass .gp-faq{grid-template-columns:1fr;gap:26px}
 .page-web-design-grants-pass .gp-introduction{padding-block:38px 48px}
 .page-web-design-grants-pass .gp-work{padding-block:12px 48px}
 
 .page-web-design-grants-pass .gp-project-copy h2{margin-bottom:20px}
 .page-web-design-grants-pass .gp-photo img{aspect-ratio:4/3;object-fit:cover}
 .page-web-design-grants-pass .gp-meade{padding-bottom:48px}
 .page-web-design-grants-pass .gp-meade-story{margin-top:26px}
 .page-web-design-grants-pass .gp-approach{padding-block:44px}
 .page-web-design-grants-pass .gp-principles{grid-template-columns:1fr;gap:24px;margin-top:28px;padding-top:26px}
 .page-web-design-grants-pass .gp-offer-process{padding-block:46px;gap:42px}
 .page-web-design-grants-pass .gp-enquiry{padding-block:44px}
 .page-web-design-grants-pass .gp-enquiry .form-panel{padding:22px 18px;min-width:0}
 .page-web-design-grants-pass .gp-enquiry .field-row{grid-template-columns:1fr}
 .page-web-design-grants-pass .gp-faq{padding-block:44px 32px;gap:30px}
 .page-web-design-grants-pass .gp-region{padding-top:25px;margin-top:5px!important}
}
@media(prefers-reduced-motion:reduce){.page-web-design-grants-pass{scroll-behavior:auto}}

.page-web-design-grants-pass .gp-blackbird .gp-photo img{aspect-ratio:auto;object-fit:contain}

.page-web-design-grants-pass .gp-plain-link{display:inline-block}

/* Reusable contact/action components, confined to the Grants Pass page. */
.page-web-design-grants-pass .gp-cta{border-radius:6px;padding:12px 20px;font-size:17px;line-height:1.2;font-weight:600;gap:10px;min-height:44px;text-decoration:none}
.page-web-design-grants-pass .gp-cta:hover{background:#b63c23;color:#fff;text-decoration:none}
.page-web-design-grants-pass .gp-cta:focus-visible{outline:3px solid #051424;outline-offset:4px}
.page-web-design-grants-pass .gp-actions,.page-web-design-grants-pass .gp-contact-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}
.page-web-design-grants-pass .gp-contact-actions{margin-top:28px}
.page-web-design-grants-pass .gp-call-choice{position:relative;flex-shrink:0}
.page-web-design-grants-pass .gp-call-choice summary{list-style:none;cursor:pointer}
.page-web-design-grants-pass .gp-call-choice summary::-webkit-details-marker{display:none}
.page-web-design-grants-pass .gp-call-options{position:absolute;left:0;top:calc(100% + 8px);z-index:30;min-width:250px;max-width:calc(100vw - 40px);background:#fff;border:1px solid #dce2e7;border-radius:6px;padding:10px;box-shadow:0 12px 30px #05142426}
.page-web-design-grants-pass .gp-call-options .gp-cta{display:flex;width:100%;font-size:16px;white-space:normal}
.page-web-design-grants-pass .gp-call-options .gp-cta+.gp-cta{margin-top:8px}
.page-web-design-grants-pass .gp-call-choice:not([open])>.gp-call-options{display:none}
.page-web-design-grants-pass .gp-project-button{margin-top:24px;max-width:100%}
.page-web-design-grants-pass .gp-header-mobile{display:none}
.page-web-design-grants-pass .gp-header-desktop .gp-cta{white-space:nowrap}
.page-web-design-grants-pass .gp-header-desktop .gp-call-options{left:auto;right:0}
@media(max-width:760px){
 .page-web-design-grants-pass .gp-header-desktop{display:none}
 .page-web-design-grants-pass .gp-header-mobile{display:block}
 .page-web-design-grants-pass .gp-header-mobile>summary{display:flex;width:100%;border-radius:0;padding:11px 16px}
 .page-web-design-grants-pass .gp-header-mobile .gp-call-options{left:20px;right:20px;max-width:none}
 
 .page-web-design-grants-pass .gp-actions .gp-cta{font-size:17px}
}



.page-web-design-grants-pass .gp-call-choice>summary{white-space:normal}
.page-web-design-grants-pass .gp-call-choice>summary>span:last-child{white-space:nowrap}
@media(max-width:360px){.page-web-design-grants-pass .gp-actions .gp-cta,.page-web-design-grants-pass .gp-contact-actions .gp-cta{padding-inline:16px;font-size:16px}.page-web-design-grants-pass .gp-call-options{min-width:230px}}

/* Natural editorial wrapping. No forced breaks or nonbreaking paragraphs. */
.page-web-design-grants-pass .gp-magazine h1,
.page-web-design-grants-pass .gp-magazine h2,
.page-web-design-grants-pass .gp-magazine h3{ text-wrap:balance; }
.page-web-design-grants-pass .gp-magazine p,
.page-web-design-grants-pass .gp-magazine figcaption,
.page-web-design-grants-pass .gp-magazine li{ text-wrap:pretty; }

.page-web-design-grants-pass .gp-faq summary,
.page-web-design-grants-pass .gp-project-copy p,
.page-web-design-grants-pass .gp-blackbird .gp-reading p{ text-wrap:balance; }
@media(min-width:761px) and (max-width:900px){
 .page-web-design-grants-pass .gp-project-spread{grid-template-columns:1fr;gap:26px}
 .page-web-design-grants-pass .gp-project-copy{max-width:65ch}
}

/* Keep the existing 300px minimum human-check widget fully visible on narrow phones. */
@media(max-width:360px){
 .page-web-design-grants-pass .gp-enquiry .form-panel{width:calc(100% + 40px);margin-inline:-20px;padding-inline:9px}
}

/* Buyer questions: visible offer, image-led examples and compact supporting answers. */
.page-web-design-grants-pass .gp-examples>h2{margin-bottom:36px}
.page-web-design-grants-pass .gp-examples .gp-project-copy h3{margin-bottom:8px}
.page-web-design-grants-pass .gp-examples .gp-blackbird{margin-top:60px;padding-bottom:0}
.page-web-design-grants-pass .gp-meade-heading h3{margin-bottom:8px}
.page-web-design-grants-pass .gp-meade-story .gp-reading h3{margin-top:24px;margin-bottom:10px}
.page-web-design-grants-pass .gp-price{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-block:60px;border-block:1px solid var(--line)}
.page-web-design-grants-pass .gp-inclusions h3{margin-bottom:15px}
.page-web-design-grants-pass .gp-inclusions ul{margin:0 0 22px;padding-left:20px}
.page-web-design-grants-pass .gp-inclusions li{font-size:16px;line-height:1.65;color:#43505a;margin-bottom:8px}
.page-web-design-grants-pass .gp-buyer-answers .gp-enquiry-copy h2{margin-bottom:22px}
.page-web-design-grants-pass .gp-faq-list details>a{display:inline-block;font-size:15px;margin-top:14px}
@media(max-width:1050px){.page-web-design-grants-pass .gp-price{gap:40px}}
@media(max-width:760px){
 .page-web-design-grants-pass .gp-price{grid-template-columns:1fr;gap:35px;padding-block:44px}
 .page-web-design-grants-pass .gp-examples .gp-blackbird{margin-top:44px}
 .page-web-design-grants-pass .gp-examples>h2{margin-bottom:28px}
}

/* A compact, keyboard-browsable portfolio rather than nine more full-page spreads. */
.page-web-design-grants-pass .gp-nearby-work{margin-top:55px}
.page-web-design-grants-pass .gp-gallery-instruction{font-size:14px;margin-top:12px;margin-bottom:22px}
.page-web-design-grants-pass .gp-project-rail{display:grid;grid-auto-flow:column;grid-auto-columns:360px;gap:30px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:4px 4px 18px;max-width:100%;scrollbar-color:#c94427 #e7ebee;scrollbar-width:auto}
.page-web-design-grants-pass .gp-project-rail:focus-visible{outline:3px solid #051424;outline-offset:4px}
.page-web-design-grants-pass .gp-gallery-item{display:flex;flex-direction:column;align-items:flex-start;min-width:0;scroll-snap-align:start}
.page-web-design-grants-pass .gp-gallery-item>a:first-child{width:100%;display:block}
.page-web-design-grants-pass .gp-gallery-item img{width:100%;height:240px;object-fit:contain;object-position:top;background:#f6f8f9}
.page-web-design-grants-pass .gp-gallery-item h3{margin-top:18px;margin-bottom:8px}
.page-web-design-grants-pass .gp-gallery-item p{font-size:15px}
.page-web-design-grants-pass .gp-gallery-item .gp-gallery-location{font-size:13px;margin-bottom:12px;color:#5e6871}
.page-web-design-grants-pass .gp-gallery-item .gp-gallery-status{font-size:12px;margin-top:14px;margin-bottom:18px;color:#5e6871}
.page-web-design-grants-pass .gp-gallery-item .gp-cta{font-size:16px;margin-top:auto}
@media(max-width:760px){
 .page-web-design-grants-pass .gp-project-rail{grid-auto-columns:min(300px,calc(100vw - 54px));gap:22px}
 .page-web-design-grants-pass .gp-gallery-item img{height:205px}
 .page-web-design-grants-pass .gp-nearby-work{margin-top:40px}
}

.page-web-design-grants-pass .gp-magazine .gp-cta{max-width:100%;text-wrap:balance}
@media(max-width:360px){.page-web-design-grants-pass .gp-gallery-item h3{font-size:20px}}