.club-landing{--club-gap:clamp(24px,4vw,64px)}.club-landing .accent{color:var(--color-lime)}.club-landing .breadcrumb{margin-bottom:0}
.club-hero{padding:64px 0 72px;background:linear-gradient(120deg,#101d32 50%,#192f48)}.club-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--club-gap);align-items:start}.club-hero-copy h1{font-size:clamp(44px,4.6vw,66px);margin:18px 0 22px}.club-hero-copy>.body-copy{max-width:43ch;color:#e1e8f0}
.club-hero-points{list-style:none;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}.club-hero-points li:before{content:'✓';color:var(--color-lime);margin-right:8px;font-weight:700}.club-hero-photo{margin:28px 0 0;position:relative;border-radius:6px;overflow:hidden}.club-hero-photo img{width:100%;height:225px;object-fit:cover;object-position:50% 42%;display:block}.club-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 18px 12px;background:linear-gradient(transparent,#101d32c9);color:white;font-size:12px}
.club-lead-card{background:white;color:var(--color-navy);padding:clamp(24px,3vw,40px);border-radius:12px;box-shadow:0 20px 50px #0002;scroll-margin-top:100px}.club-lead-card>.eyebrow{color:#536173}.club-lead-card h2{font-size:36px;margin:10px 0 16px;color:var(--color-navy)}.club-form-intro{font-size:15px;line-height:1.5;color:#536173;margin-bottom:22px}#club-lead-form{display:grid;gap:16px}#club-lead-form label{font-size:14px;display:block;margin-bottom:6px;font-weight:700;color:var(--color-navy)}#club-lead-form input,#club-lead-form textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #bfcbd8;border-radius:5px;color:var(--color-navy);background:#fff;font:inherit;font-size:16px}#club-lead-form input:focus,#club-lead-form textarea:focus{outline:2px solid #689a0a;outline-offset:2px}#club-lead-form textarea{resize:vertical;min-height:92px}.club-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}#club-lead-form .button{width:100%;white-space:normal;min-height:52px}#club-lead-form button:disabled{opacity:.65;cursor:wait}.club-form-privacy{font-size:12px;line-height:1.5;color:#536173}.club-lead-status:empty{display:none}.club-lead-status{font-size:15px;line-height:1.5;color:#235716;padding:12px;background:#f1f8e7;border-radius:5px}.club-lead-status.is-error{color:#842222;background:#fff1f1}.club-direct-contact{margin-top:24px;padding-top:18px;border-top:1px solid #d8dfe7;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:14px}.club-direct-contact a{color:var(--color-navy);font-weight:700;white-space:nowrap}
.club-section-heading{max-width:750px;margin-bottom:36px;display:grid;gap:16px}.club-landing .section h2{font-size:clamp(30px,3.3vw,46px)}.club-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.club-benefit-grid article{border-top:1px solid #c9d3df;padding-top:24px}.club-number{display:inline-grid;place-items:center;background:var(--color-navy);color:var(--color-lime);width:38px;height:38px;border-radius:50%;font-size:13px;font-weight:700}.club-benefit-grid h3{font-size:23px;margin:20px 0 12px}.club-benefit-grid p,.club-section-heading>p:not(.eyebrow),.club-process p,.club-faq p{font-size:16px;color:#536173}.club-proof{background:#f2f4f7}.club-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.club-project-grid figure{margin:0;background:#fff;border-radius:6px;overflow:hidden}.club-project-grid .gallery-open{display:block;position:relative;width:100%;padding:0;border:0;background:#dbe2e9;cursor:zoom-in;overflow:hidden}.club-project-grid img{display:block;width:100%;height:265px;object-fit:cover;transition:transform .4s}.club-project-grid .gallery-open:hover img{transform:scale(1.025)}.club-project-grid .gallery-open>span{position:absolute;right:16px;bottom:16px;border:1px solid #fff8;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;background:#101d32b3;color:#fff}.club-project-grid figcaption{padding:22px;font-size:18px;line-height:1.3}
.club-split{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--club-gap)}.club-process h2,.club-faq h2{margin:16px 0 26px}.club-process ol{list-style:none;counter-reset:club-step;padding:0;margin:0}.club-process li{position:relative;counter-increment:club-step;padding:0 0 26px 58px;margin:0 0 22px;border-bottom:1px solid #d8dfe7}.club-process li:before{content:counter(club-step);position:absolute;left:0;top:0;background:var(--color-lime);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700}.club-process li strong{font-size:21px;display:block;margin-bottom:8px}.club-faq{background:#f8f9fb}.club-faq details{border-bottom:1px solid #d8dfe7;padding:20px 0}.club-faq details:first-child{padding-top:0}.club-faq summary{cursor:pointer;font-size:18px;font-weight:700;line-height:1.4;padding-right:12px}.club-faq details p{padding-top:14px}.club-final{padding:64px 0}.club-final>.container{display:flex;align-items:center;justify-content:space-between;gap:32px}.club-final h2{font-size:clamp(30px,3.3vw,46px);margin-top:14px}.club-final-phone{display:block;text-align:center;font-size:16px;color:#fff;margin-top:16px}.club-mobile-cta{display:none}
@media(max-width:900px){.club-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.club-hero-copy h1{font-size:46px}.club-hero{padding:40px 0}.club-form-row{grid-template-columns:1fr}.club-project-grid{gap:16px}.club-project-grid img{height:210px}.club-lead-card{padding:24px}.club-lead-card h2{font-size:30px}}
@media(max-width:680px){.club-hero-grid,.club-benefit-grid,.club-split{grid-template-columns:1fr}.club-hero-copy h1{font-size:44px}.club-hero-copy>.body-copy{font-size:17px}.club-hero-photo{display:none}.club-hero-points{margin-bottom:0}.club-hero-grid{gap:30px}.club-form-row{grid-template-columns:1fr}.club-project-grid{grid-template-columns:1fr}.club-project-grid img{height:280px}.club-final>.container{display:block}.club-final .button{margin-top:30px;width:100%;font-size:15px}.club-landing .section{padding:48px 0}.club-mobile-cta.is-visible{display:block;position:fixed;bottom:0;left:0;right:0;z-index:800;background:#101d32;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.club-mobile-cta .button{width:100%;min-height:44px}.club-mobile-cta{font-size:15px}body:has(.club-landing){padding-bottom:80px}.club-faq summary{font-size:17px}}
@media(prefers-reduced-motion:reduce){.club-project-grid img{transition:none}}
/* Club media mosaic and documented client references. */
.club-client-section{padding:44px 0;border-bottom:1px solid #e1e6ed;background:#fff}
.club-client-heading{text-align:center;margin-bottom:28px}.club-client-heading h2{font-size:clamp(25px,2.4vw,32px);margin-top:10px}
.club-client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:start}.club-client-logos figure{margin:0;text-align:center;min-width:0}.club-client-logos img{display:block;object-fit:contain;width:100%;height:82px;padding:8px;max-width:170px;margin:0 auto}.club-client-logos figcaption{font-size:12px;line-height:1.4;color:#536173;margin-top:12px}
.club-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:205px;gap:16px;margin:36px 0}
.club-media-tile{position:relative;isolation:isolate;display:block;width:100%;min-width:0;padding:0;border:0;border-radius:8px;background:#15263b;overflow:hidden;cursor:pointer;color:#fff;text-align:left;font:inherit}
.club-media-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.club-media-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101d3233 0%,transparent 35%,#101d3211 55%,#101d32db 100%);z-index:0;pointer-events:none}
.club-media-tile:hover img{transform:scale(1.035)}.club-media-tile:focus-visible{outline:3px solid #9acb1f;outline-offset:4px}
.club-media-feature{grid-column:span 2;grid-row:span 2}.club-media-wide{grid-column:span 2}.club-media-tall{grid-row:span 2}
.club-media-tall img{object-position:57% center}
.club-media-kind{position:absolute;top:16px;left:16px;z-index:1;padding:5px 10px;border:1px solid #ffffff55;background:#101d3299;border-radius:20px;color:white;font-size:12px;line-height:1.4;backdrop-filter:blur(6px)}
.club-media-caption{position:absolute;bottom:20px;left:20px;right:20px;z-index:1;display:flex;flex-direction:column;gap:7px}.club-media-caption strong{font-size:clamp(16px,1.5vw,21px);line-height:1.25;color:#fff}.club-media-caption>span{font-size:13px;color:#e4efcd}.club-media-feature .club-media-caption strong{font-size:28px}
.club-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#bef531;color:#101d32;z-index:1;box-shadow:0 4px 24px #0003;transition:background .2s}.club-video-play svg{width:30px;height:30px;margin-left:3px}.club-media-tile:hover .club-video-play{background:#d2ff67}
.club-video-dialog{padding:24px;background:#101d32;color:#fff;border:1px solid #ffffff33;border-radius:12px;width:min(1060px,calc(100vw - 32px));max-width:1060px;max-height:calc(100dvh - 32px);overflow:auto}.club-video-dialog::backdrop{background:#050d19df;backdrop-filter:blur(4px)}.club-video-dialog h2{font-size:23px;line-height:1.3;color:white;margin:0 48px 20px 0}.club-video-dialog video{display:block;width:100%;max-height:calc(100dvh - 150px);background:#000}.club-video-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:1px solid #ffffff55;border-radius:50%;background:none;color:#fff;font-size:27px;line-height:1;cursor:pointer}.club-video-close:focus-visible{outline:3px solid #bef531;outline-offset:3px}.club-video-error{font-size:15px;padding-top:16px}
@media(max-width:900px){.club-client-logos{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.club-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:205px}.club-media-feature{grid-row:span 2}.club-media-tall{grid-row:span 1}.club-media-wide{grid-column:span 1}.club-media-detail{grid-column:span 2}.club-media-detail img{object-position:center 65%}}
@media(max-width:540px){.club-client-section{padding:32px 0}.club-client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.club-client-logos img{height:70px}.club-media-grid{gap:10px;grid-auto-rows:190px;margin:28px 0}.club-media-feature{grid-row:span 1;height:240px}.club-media-grid{grid-template-rows:240px}.club-media-kind{top:10px;left:10px;font-size:11px;padding:4px 8px}.club-media-caption{bottom:14px;left:12px;right:12px}.club-media-caption strong{font-size:15px}.club-media-feature .club-media-caption strong{font-size:22px}.club-video-play{width:48px;height:48px}.club-media-tall .club-media-caption>span{display:none}.club-media-tall .club-video-play{top:43%}.club-video-dialog{padding:16px}.club-video-dialog h2{font-size:18px;margin-bottom:16px}.club-video-close{right:12px;top:10px}.club-media-detail{height:210px}}
@media(prefers-reduced-motion:reduce){.club-media-tile img,.club-video-play{transition:none}}
/* Override the legacy circular enlargement badge on photo tiles. */
.club-media-grid .club-media-kind{width:auto;height:auto;right:auto;bottom:auto;display:block;border-radius:20px;font-size:12px;background:#101d3299}
.club-media-grid .club-media-caption{width:auto;height:auto;display:flex;align-items:flex-start;border-radius:0;background:transparent;font-size:inherit;bottom:20px;left:20px;right:20px}
@media(max-width:540px){.club-media-grid .club-media-kind{font-size:11px}.club-media-grid .club-media-caption{bottom:14px;left:12px;right:12px}}

/* Conversion content: budget and documented project examples. */
.club-hero-copy h1{font-size:clamp(37px,3.6vw,54px);line-height:1.08}
.club-form-reassurance{font-size:13px;line-height:1.5;color:#32511f;background:#f1f8e7;padding:12px 14px;border-radius:6px;margin:0}
.club-budget{background:#f8faf5}.club-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.club-budget-grid article{padding:30px;background:#fff;border:1px solid #d8e1cd;border-radius:10px}.club-budget-grid h3{font-size:27px}.club-budget-depth{color:#536173;font-size:15px;margin:8px 0 24px}.club-budget-price{font-size:42px;font-weight:700;line-height:1.2;color:#101d32;margin-bottom:8px}.club-budget-grid article>p:not(.club-budget-price){color:#536173;font-size:14px}.club-budget-grid .text-link{display:inline-block;margin-top:24px;font-size:15px}.club-budget-note{font-size:13px;line-height:1.6;color:#536173;margin-top:24px;max-width:95ch}
.club-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:32px}.club-case-grid article{border:1px solid #dce3eb;border-radius:10px;overflow:hidden}.club-case-grid img{display:block;width:100%;height:280px;object-fit:cover}.club-case-grid article>div{padding:28px}.club-case-grid h3{font-size:25px;margin-bottom:16px}.club-case-grid p{font-size:16px;color:#536173;line-height:1.6}.club-case-grid .club-case-takeaway{margin-top:20px;padding-top:18px;border-top:1px solid #dce3eb;color:#101d32}.club-faq details>.text-link{display:inline-block;font-size:14px;margin-top:12px}
@media(max-width:680px){.club-budget-grid,.club-case-grid{grid-template-columns:1fr}.club-hero-copy h1{font-size:38px}.club-case-grid img{height:230px}.club-budget-grid article{padding:24px}.club-budget-grid{gap:16px}}

.club-case-grid article:nth-child(2)>img{object-fit:contain;background:#f2f4f7}

/* Different rhythms for the project steps and the questions. */
.club-process-visual{background:#fff}.club-process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.club-process-heading h2{margin-bottom:0}.club-process-heading>.text-link{font-size:15px;padding-bottom:8px;white-space:nowrap}
.club-process-visual .club-step-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:none}
.club-process-visual .club-step-cards>li{padding:0;margin:0;border:1px solid #dce4ed;border-radius:12px;overflow:hidden;background:#fff;min-width:0;counter-increment:none}
.club-process-visual .club-step-cards>li:before{content:none}.club-step-art{position:relative;background:linear-gradient(140deg,#f6f8fb,#eef2f6);padding:22px 20px 10px}.club-step-art>svg{display:block;width:100%;height:190px;max-width:360px;margin:auto}.club-step-number{position:absolute;top:16px;left:16px;font-size:12px;line-height:32px;width:32px;text-align:center;font-weight:700;color:#101d32;border-radius:50%;background:#bef531;z-index:1}.club-step-copy{padding:28px}.club-process-visual .club-step-copy strong{font-size:22px;line-height:1.3;margin-bottom:14px}.club-process-visual .club-step-copy p{font-size:15px;line-height:1.65}
.club-faq-visual{background:#f5f7fa}.club-faq-visual>.club-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(30px,5vw,80px);align-items:start}.club-faq-visual .club-split>div:first-child{padding:36px;border-radius:14px;background:linear-gradient(145deg,#101d32,#1b344f);color:white;overflow:hidden}.club-faq-visual .eyebrow{color:#a4c3de}.club-faq-visual .club-split>div:first-child h2{color:#fff;margin-bottom:10px;font-size:clamp(30px,3vw,42px)}.club-thickness-visual{margin:4px 0 24px}.club-thickness-visual>svg{display:block;width:100%;height:auto;max-width:350px;margin:0 auto}.club-thickness-key{list-style:none;padding:0;margin:0;display:grid;gap:8px}.club-thickness-key li{display:flex;align-items:center;gap:16px;padding:9px 12px;border-radius:6px;font-size:13px;line-height:1.4;color:#dbe6f1}.club-thickness-key b{white-space:nowrap;color:white;font-size:16px}.club-thickness-key .is-emphasis{background:#bef531;color:#172d41}.club-thickness-key .is-emphasis b{color:#101d32}.club-faq-visual .club-faq-contact{border-top:1px solid #ffffff30;padding-top:22px}.club-faq-visual .club-faq-contact p{font-size:14px;color:#c4d5e5;margin:0 0 8px}.club-faq-contact a{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:23px;font-weight:700;color:#fff;text-decoration:none}.club-faq-contact a span{color:#bef531}
.club-faq-visual .club-faq-answers details{background:white;border:1px solid #dce4ed;border-radius:8px;padding:21px 24px;margin-bottom:10px;transition:border-color .2s}.club-faq-visual .club-faq-answers details[open]{border-color:#a8c581}.club-faq-visual summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:0;font-size:17px}.club-faq-visual summary::-webkit-details-marker{display:none}.club-faq-visual summary:after{content:'+';font-size:24px;font-weight:400;line-height:1;color:#60758e;flex:none}.club-faq-visual details[open]>summary:after{content:'−'}.club-faq-visual summary:focus-visible{outline:2px solid #5d821d;outline-offset:6px;border-radius:3px}.club-faq-visual .club-faq-answers p{font-size:15px;line-height:1.7}
@media(max-width:1000px){.club-step-copy{padding:22px}.club-process-visual .club-step-copy strong{font-size:20px}.club-step-art{padding:26px 10px 6px}.club-step-art>svg{height:160px}.club-faq-visual .club-split>div:first-child{padding:26px}.club-faq-visual>.club-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}}
@media(max-width:760px){.club-process-heading{display:block}.club-process-heading>.text-link{display:inline-block;margin-top:24px;white-space:normal}.club-process-visual .club-step-cards{grid-template-columns:1fr;gap:18px}.club-process-visual .club-step-cards>li{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;align-items:center}.club-step-art{height:100%;display:flex;align-items:center;padding:36px 8px 14px}.club-step-art>svg{height:auto}.club-step-copy{padding:22px}.club-faq-visual>.club-split{grid-template-columns:1fr;gap:28px}.club-faq-visual .club-split>div:first-child{padding:28px}.club-thickness-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.club-thickness-key li{padding:9px;gap:10px}.club-faq-visual .club-faq-answers details{padding:20px}.club-faq-visual summary{font-size:16px}}
@media(max-width:420px){.club-process-visual .club-step-cards>li{display:block}.club-step-art{height:168px;padding:12px 28px}.club-step-art>svg{height:155px;max-width:300px}.club-step-copy{padding:22px}.club-thickness-visual{display:block}.club-thickness-visual>svg{max-width:255px}.club-faq-visual .club-split>div:first-child{padding:24px}.club-faq-contact a{font-size:22px}}
@media(prefers-reduced-motion:reduce){.club-faq-visual .club-faq-answers details{transition:none}}