/* Opt-in website case study only; existing Showcase/template styles are untouched. */
.pcs-website-project{--pcs-section-heading:var(--pcs-blue,#333741);--pcs-section-body:#666;--pcs-section-leading:1.65;--pcs-section-heading-gap:16px;--pcs-section-paragraph-gap:18px;width:100%;margin:0}
.pcs-website-project *{box-sizing:border-box}
.pcs-website-project .pcs-website-container{width:100%;max-width:1170px;margin-inline:auto;padding-inline:24px}
.pcs-website-opening{background:#f7f7f7;padding:32px 0 24px}
.pcs-website-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:40px;align-items:center}
.pcs-website-project h1{font-size:clamp(36px,4.6vw,60px);line-height:1.12;letter-spacing:-.035em;margin:12px 0}
.pcs-website-project h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.025em}
.pcs-website-project .pcs-website-lead{font-size:clamp(18px,2vw,23px);line-height:1.4;margin:0}
.pcs-website-project .pcs-website-back{font-size:13px;margin-bottom:14px}
.pcs-website-project .pcs-website-back a{color:var(--pcs-blue,#333741);text-decoration:none;display:inline-block;padding-block:6px}
.pcs-website-project .pcs-website-categories{font-family:var(--wp--preset--font-family--display,"Open Sans",sans-serif);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pcs-blue,#333741);margin:0}
.pcs-website-logo{border-left:1px solid #ddd;padding:16px 24px;min-width:0}
.pcs-website-logo .pcs-website-client-logo{margin:0;display:flex;align-items:center;justify-content:center;min-height:150px}
.pcs-website-logo .pcs-website-client-logo img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:160px;object-fit:contain}
.pcs-website-project .pcs-website-preview{padding:0;background:#fff;color:var(--pcs-section-body,#666)}
.pcs-website-project .pcs-website-preview .pcs-showcase-layout{display:block;max-width:1170px;margin-inline:auto;padding-inline:24px}
.pcs-website-project .pcs-website-preview.is-ready .pcs-showcase-gallery{display:none}
.pcs-website-project .pcs-website-preview:not(.is-ready) .pcs-showcase-gallery{display:block}
.pcs-website-project .pcs-website-preview .pcs-showcase-browser{margin-inline:32px;border-radius:8px 8px 0 0}
.pcs-website-project .pcs-website-preview .pcs-showcase-project-frame{aspect-ratio:2.2}
.pcs-website-project .pcs-website-preview .pcs-showcase-project-copy{padding:0;background:none;color:inherit;--pcs-section-heading:var(--pcs-blue,#333741)}
.pcs-website-project .pcs-showcase-project-copy::before{display:none}
.pcs-website-project .pcs-website-preview-label{display:none}
.pcs-website-project .pcs-showcase-project-copy{display:flex;flex-direction:column}
.pcs-website-project .pcs-showcase-motion{order:-1;align-self:flex-end;margin:8px 32px 0;padding:10px 0;min-height:44px;font-size:12px;color:var(--pcs-blue,#333741)}
.pcs-website-project .pcs-website-story{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;padding:34px 0}
.pcs-website-project .pcs-website-story h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 14px}
.pcs-website-project .pcs-website-story p{font-size:16px;line-height:1.65;margin:0 0 18px}
.pcs-website-project .pcs-website-story .pcs-primary-link{margin:20px 0 0}
.pcs-website-project .pcs-website-services{border-left:1px solid #ddd;padding-left:36px}
.pcs-website-project .pcs-website-services .pcs-website-kicker{font-size:12px;letter-spacing:.14em;margin-bottom:20px}
.pcs-website-project .pcs-website-service{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;margin-bottom:22px}
.pcs-website-project .pcs-website-service-icon{margin:0}
.pcs-website-project .pcs-website-service-icon img{width:36px;height:36px}
.pcs-website-project .pcs-website-preview .pcs-website-service-copy h3{font-size:16px;line-height:1.3;letter-spacing:0;margin:0 0 5px;color:var(--pcs-blue,#333741)}
.pcs-website-project .pcs-website-service-copy p{font-size:14px;line-height:1.5;margin:0}
.pcs-website-story:not(:has(>.pcs-website-services)){grid-template-columns:minmax(0,1fr)}
.pcs-website-closer{padding:30px 0;background:#f7f7f7}
.pcs-website-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(140px,.55fr);gap:24px;align-items:start}
.pcs-website-gallery .pcs-website-detail-image{margin:0;border:1px solid #ddd;border-radius:4px;overflow:hidden;max-height:330px}
.pcs-website-gallery .pcs-website-detail-image img{width:100%;height:auto;display:block}
.pcs-website-gallery .pcs-website-mobile-image{max-width:190px;justify-self:center}
.pcs-website-gallery:not(:has(.pcs-website-mobile-image)){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.pcs-website-navigation{display:flex;justify-content:space-between;gap:24px;padding-block:18px}
.pcs-website-navigation p{margin:0;font-size:14px;line-height:1.5;flex:1}
.pcs-website-navigation p:last-child{text-align:right;border-left:1px solid #ddd}
.pcs-website-navigation a{color:var(--pcs-blue,#333741);text-decoration:none;display:inline-block;padding:6px}
.pcs-website-project a:focus-visible{outline:3px solid #b84b43;outline-offset:4px}
.pcs-website-project .pcs-website-gallery a{display:block}
.pcs-website-gallery .pcs-website-detail-image:focus-within{outline:3px solid #b84b43;outline-offset:4px}
.editor-styles-wrapper .pcs-website-preview .pcs-showcase-gallery{display:block}
.editor-styles-wrapper .pcs-website-project .pcs-website-preview-label{display:block;font-size:16px}
.editor-styles-wrapper .pcs-website-project .pcs-showcase-project-frame{aspect-ratio:auto}
@media(max-width:980px){.pcs-website-project .pcs-website-preview .pcs-showcase-browser{margin-inline:0}.pcs-website-project .pcs-showcase-motion{margin-right:0}.pcs-website-intro{gap:24px}.pcs-website-project .pcs-website-story{gap:24px}.pcs-website-project .pcs-website-services{padding-left:24px}.pcs-website-gallery{gap:16px}.pcs-website-logo{padding-inline:16px}}
@media(max-width:640px){.pcs-website-project .pcs-website-container,.pcs-website-project .pcs-website-preview .pcs-showcase-layout{padding-inline:20px}.pcs-website-intro{grid-template-columns:1fr}.pcs-website-logo{border:0;padding:0;justify-self:center}.pcs-website-logo .pcs-website-client-logo{min-height:0;max-width:220px}.pcs-website-logo .pcs-website-client-logo img{max-height:100px}.pcs-website-project .pcs-website-story{grid-template-columns:1fr}.pcs-website-project .pcs-website-services{border-left:0;border-top:1px solid #ddd;padding:24px 0 0}.pcs-website-gallery{grid-template-columns:1fr}.pcs-website-gallery .pcs-website-mobile-image{max-width:220px;max-height:420px}.pcs-website-project .pcs-website-preview .pcs-showcase-project-frame{aspect-ratio:1.4}}
/* Option A is an explicit saved-block variant; v0.6.1 instances keep their layout. */
.pcs-website-option-a .pcs-website-story .pcs-primary-link a{padding:11px 22px;font-size:15px;line-height:22px}
.pcs-website-option-a .pcs-website-option-a-hero{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:36px;align-items:center}
.pcs-website-option-a .pcs-website-option-a-info{min-width:0}
.pcs-website-option-a .pcs-website-option-a-info h1{font-size:clamp(36px,3.6vw,50px)}
.pcs-website-option-a .pcs-website-option-a-info .pcs-website-lead{font-size:clamp(18px,1.6vw,21px)}
.pcs-website-option-a .pcs-website-logo{border:0;padding:0;margin-top:24px;max-width:260px}
.pcs-website-option-a .pcs-website-client-logo{min-height:0;justify-content:flex-start}
.pcs-website-option-a .pcs-website-client-logo img{max-height:120px}
.pcs-website-option-a .pcs-website-story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:20px}
.pcs-website-option-a .pcs-website-story-actions .pcs-primary-link{display:flex;align-items:center;flex:0 0 auto;margin:0;max-width:100%}
.pcs-website-option-a .pcs-website-story-actions .pcs-website-logo{flex:0 1 auto;margin:0 0 0 auto;padding:0;max-width:200px;border:0}
.pcs-website-option-a .pcs-website-story-actions .pcs-website-client-logo{min-height:0;max-width:100%;justify-content:flex-end}
.pcs-website-option-a .pcs-website-story-actions .pcs-website-client-logo img{width:auto!important;height:auto!important;max-width:100%;max-height:86px;object-fit:contain}
@media(max-width:420px){.pcs-website-option-a .pcs-website-story-actions .pcs-website-logo{flex-basis:100%;max-width:100%;margin:0}.pcs-website-option-a .pcs-website-story-actions .pcs-website-client-logo{justify-content:center}.pcs-website-option-a .pcs-website-story-actions .pcs-website-client-logo img{max-width:200px}}
.pcs-website-option-a .pcs-website-static-browser{min-width:0;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}
.pcs-website-option-a .pcs-website-static-address{display:flex;align-items:center;gap:12px;margin:0;padding:7px 10px;border-bottom:1px solid #ddd;background:#f5f6f6;color:#666;font:400 11px/16px var(--wp--preset--font-family--sans,"Varela Round",sans-serif);overflow-wrap:anywhere}
.pcs-website-option-a .pcs-website-static-address span{flex:none;color:#aaa;letter-spacing:2px}
.pcs-website-option-a .pcs-website-static-image{display:block;position:relative;margin:0;aspect-ratio:1.6;overflow:clip}
.pcs-website-option-a .pcs-website-static-image img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:100%;margin:0;object-fit:contain}
@media(max-width:980px){.pcs-website-option-a .pcs-website-option-a-hero{grid-template-columns:minmax(0,1fr);gap:28px}.pcs-website-option-a .pcs-website-logo{margin-inline:auto}.pcs-website-option-a .pcs-website-client-logo{justify-content:center}.pcs-website-option-a .pcs-website-lead{max-width:680px}.pcs-website-option-a .pcs-website-static-image{aspect-ratio:1.6}}

@media(min-width:981px){.pcs-website-option-a .pcs-website-option-a-info h1{font-size:clamp(48px,4.2vw,60px);max-width:10ch}.pcs-website-option-a .pcs-website-opening{padding-block:48px 32px}}