/* Four service tabs, one expanded card, with the full explanation below. */
.services.section{padding-top:clamp(210px,16vw,250px);padding-bottom:clamp(120px,12vw,190px)}
.services>#services-title{max-width:1040px;font-size:48px;line-height:1.14;letter-spacing:-1.8px;text-wrap:balance}
.services>#services-title br{display:none}
.services .service-stories{border-bottom:0}
.studio-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:repeat(2,145px);gap:12px;margin:64px 0 72px;text-align:left;scroll-margin-top:40px}
.studio-fact{padding:18px;border-radius:22px;min-width:0}
.fact-blue{grid-column:1;grid-row:1 / 3;background:radial-gradient(ellipse at 100% 0,#69c6ed,transparent 75%),#0876b8;color:#fff;display:flex;flex-direction:column}
.fact-lime{grid-column:3;grid-row:1 / 3;background:#c6ff55;display:flex;flex-direction:column}
.fact-light{grid-column:2;grid-row:2;background:#f0f4ef}
.fact-dark{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(78px,.8fr);align-items:center;gap:12px;background:#19231f;color:#fff}
.fact-light{display:grid;grid-template-columns:minmax(90px,.72fr) minmax(0,1.28fr);grid-template-rows:auto auto 1fr;column-gap:14px;align-items:start}
.fact-light .fact-kicker{grid-column:1 / -1}
.fact-light .fact-number{grid-column:1;grid-row:2;margin:0}
.fact-light p{grid-column:2;grid-row:2}
.fact-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:1px;line-height:1.5;margin-bottom:12px}
.fact-number{font-size:46px;letter-spacing:-2.5px;line-height:1;font-variant-numeric:tabular-nums;margin:0 0 12px}
.fact-number small{font-size:14px;letter-spacing:0;margin-right:10px}
.fact-unit{display:block;font-size:13px;letter-spacing:0;margin-top:8px}
.studio-fact h3{font-size:19px;line-height:1.2;letter-spacing:-.5px;font-weight:500;margin:0 0 8px}
.studio-fact p{font-size:13px;line-height:1.5;margin:0;max-width:530px}
.fact-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:18px}
.fact-tags span{padding:6px 8px;border:1px solid #ffffff5e;border-radius:30px;font-size:11px}
.fact-dark .fact-kicker{color:#c6ff55;margin-bottom:12px}
.fact-dark .fact-number{margin:0;white-space:nowrap}
.facts-pending .studio-fact{opacity:0}
@media(max-width:760px){.studio-facts{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.studio-fact,.fact-blue,.fact-lime,.fact-light,.fact-dark{grid-column:auto;grid-row:auto}.fact-lime,.fact-light,.fact-dark{display:block}}
@media(max-width:600px){.studio-facts{grid-template-columns:1fr;gap:12px;margin:40px 0 56px}.studio-fact{padding:24px}.fact-number{font-size:48px}.services.section{padding-top:150px;padding-bottom:100px}}
@media(max-width:600px){.services>#services-title{font-size:34px;line-height:1.16;letter-spacing:-1.2px}}
@media(prefers-reduced-motion:reduce){.facts-pending .studio-fact{opacity:1}}
.service-deck{display:flex;gap:12px;margin:48px 0 18px;text-align:left}
.service-tile{position:relative;isolation:isolate;flex:1 1 0;min-width:0;height:330px;border:0;border-radius:22px;overflow:hidden;padding:24px;color:#19221e;font:inherit;text-align:left;cursor:pointer;transition:flex-grow .65s cubic-bezier(.22,1,.36,1),box-shadow .25s;background:#e4f2fc}
.service-tile[aria-selected="true"]{flex-grow:2.8}
.service-tile-1{background:radial-gradient(ellipse at 65% 30%,#bcecff,transparent 70%),#0878b7;color:#fff}
.service-tile-2{background:linear-gradient(150deg,#eef0ee,#dce6e8)}
.service-tile-3{background:radial-gradient(ellipse at 60% 35%,#3b494a,transparent 75%),#182220;color:#fff}
.service-tile-4{background:linear-gradient(145deg,#e9f0dd,#d1e1bd)}
.service-tile-number{position:absolute;top:23px;left:22px;font-size:12px;letter-spacing:1px}
.service-tile-arrow{position:absolute;right:16px;top:16px;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#ffffffb8;color:#182220;transition:background .3s,transform .4s}
.service-tile[aria-selected="true"] .service-tile-arrow{background:#c6ff55;transform:rotate(45deg)}
.service-tile-image{position:absolute;top:38px;left:50%;width:230px;max-width:none;height:230px;object-fit:contain;transform:translateX(-50%) scale(.8);filter:drop-shadow(0 18px 18px #162f4126);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.service-tile[aria-selected="true"] .service-tile-image{transform:translateX(-50%) scale(1.07)}
.service-tile-copy{position:absolute;left:22px;right:22px;bottom:24px}
.service-tile-title{display:block;font-size:22px;letter-spacing:-.7px;line-height:1.1;font-weight:500}
.service-tile-summary{display:block;max-width:270px;font-size:14px;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .5s,opacity .25s,transform .5s,margin .5s}
.service-tile[aria-selected="true"] .service-tile-summary{max-height:64px;opacity:1;transform:none;margin-top:10px;transition-delay:.12s}
.service-tile:focus-visible,.service-deck-controls button:focus-visible{outline:3px solid #0876b8;outline-offset:4px}
.service-deck-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#657064;font-size:13px;margin-bottom:30px;text-align:left}
.service-deck-controls>div{display:flex;gap:8px}
.service-deck-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce1db;background:white;border-radius:50%;font-size:22px;color:#19221e;cursor:pointer;transition:background .2s}
.service-deck-controls button:hover{background:#c6ff55}
.service-deck-ready .service-story[hidden]{display:none}
.service-deck-ready .service-story{display:block;min-height:290px;padding:30px 0 40px;border-top:1px solid #e4e8e0}
.service-deck-ready .service-story .service-visual,.service-deck-ready .service-copy>.eyebrow{display:none}
.service-deck-ready .service-story .service-copy{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:70px;row-gap:16px;max-width:none;width:100%;margin:0;translate:none;transform:none;opacity:1;filter:none}
.service-deck-ready .service-copy h3.service-direct-title{grid-column:1;grid-row:1;font-size:clamp(28px,3vw,38px);line-height:1.13;margin:0;letter-spacing:-1.2px}
.service-deck-ready .service-copy>p:not(.eyebrow):not(.story-price){grid-column:1;grid-row:2 / span 2;max-width:560px;font-size:16px;line-height:1.65;margin:0}
.service-deck-ready .service-copy .story-price{grid-column:2;grid-row:1;margin:0;font-size:15px!important;align-self:start}
.service-deck-ready .service-copy .website-package{grid-column:2;grid-row:2;margin:0;padding:0;max-width:none}
.service-deck-ready .service-copy .button{grid-column:2;justify-self:start;align-self:start;margin:0;font-size:14px;min-height:48px;letter-spacing:0}
@media(max-width:800px){
 .service-deck{gap:8px}.service-tile{height:300px;padding:16px}.service-tile-copy{left:16px;right:16px}.service-tile-title{font-size:18px}.service-tile-image{width:190px;height:190px}
 .service-deck-ready .service-story .service-copy{column-gap:28px}
}
@media(max-width:600px){
 .service-deck{gap:6px;margin-top:32px}.service-tile{flex:0 0 44px;height:290px;border-radius:14px;padding:0;transition:flex-grow .65s cubic-bezier(.22,1,.36,1),flex-basis .65s cubic-bezier(.22,1,.36,1)}
 .service-tile[aria-selected="true"]{flex:1 1 0}
 .service-tile-number{left:12px;top:16px;font-size:11px}.service-tile-arrow{display:none}
 .service-tile-copy{left:12px;right:12px;bottom:20px}.service-tile-title{font-size:21px}
 .service-tile:not([aria-selected="true"]) .service-tile-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px;letter-spacing:0;white-space:nowrap}
 .service-tile-image{top:35px;width:180px;height:180px;opacity:0;transition:opacity .3s,transform .65s}
 .service-tile[aria-selected="true"] .service-tile-image{opacity:1;transform:translateX(-50%) scale(1)}
 .service-tile-summary{font-size:14px}.service-tile[aria-selected="true"] .service-tile-summary{max-height:85px}
 .service-deck-controls{font-size:12px;margin-bottom:20px}
 .service-deck-ready .service-story{min-height:0;padding:24px 0 32px}
 .service-deck-ready .service-story .service-copy{display:flex;flex-direction:column;gap:18px}
 .service-deck-ready .service-copy h3.service-direct-title{font-size:28px}
 .service-deck-ready .service-copy .website-package{width:100%}
}
@media(prefers-reduced-motion:reduce){.service-tile,.service-tile *{transition:none!important}}

/* Service section heading and a quiet, inline selector. */
.service-deck-controls{margin:48px 0 18px;gap:20px}
.service-deck-controls h3{margin:0;font-size:26px;font-weight:500;letter-spacing:-1px;color:#19221e}
.service-deck-controls>div{align-items:center;gap:8px}
.service-deck-controls button{border:0;border-radius:0;background:transparent;width:40px;height:44px;font-size:23px}
.service-deck-controls button:hover{background:transparent;color:#0876b8;transform:translateY(-2px)}
.service-deck-controls [aria-live]{min-width:160px;text-align:center}
.service-deck{margin:0 0 44px}
/* The selected service becomes a complete editorial section. */
.service-deck-ready .service-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:44px 64px;padding:32px 0 56px;border-top:0}
.service-deck-ready .service-story .service-visual{display:flex;grid-column:1;grid-row:1;min-height:0;padding:0;opacity:1;transform:none;filter:none}
.service-deck-ready .service-story .service-product{width:100%;max-width:410px;margin:auto;translate:none;animation:none;transform:none}
.service-deck-ready .service-story .service-copy{display:block;grid-column:2;grid-row:1;max-width:520px;justify-self:end;text-align:left}
.service-deck-ready .service-copy h3.service-direct-title{font-size:clamp(28px,3vw,38px);margin:0 0 20px}
.service-deck-ready .service-copy>p:not(.eyebrow):not(.story-price){margin:0 0 16px;font-size:16px;line-height:1.7}
.service-deck-ready .service-copy .story-price{margin:24px 0 18px}
.service-deck-ready .service-copy .website-package{margin:0 0 20px}
.service-deck-ready .service-copy .button{margin-top:4px}
.service-benefits{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}
.service-benefits article{padding:26px;border-radius:20px;background:#f1f4ee}
.service-benefits article:nth-child(2){background:#eef6fb}
.benefit-number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#c6ff55;color:#233021;font-size:11px;margin-bottom:24px}
.service-benefits h4{font-size:20px;line-height:1.2;letter-spacing:-.5px;font-weight:500;margin:0 0 12px}
.service-benefits p{font-size:13px;line-height:1.65;color:#5c675b;margin:0}
@media(max-width:800px){
 .service-deck-ready .service-story{column-gap:28px}
 .service-benefits article{padding:20px}
}
@media(max-width:600px){
 .service-deck-controls{margin-top:32px;gap:6px;flex-wrap:wrap}
 .service-deck-controls h3{font-size:22px}
 .service-deck-controls>div{margin-left:auto;gap:0}
 .service-deck-controls [aria-live]{min-width:0;max-width:135px;font-size:12px}
 .service-deck-controls button{width:36px}
 .service-deck{margin:0 0 24px}
 .service-deck-ready .service-story{display:flex;flex-direction:column;gap:28px;padding:0 0 36px}
 .service-deck-ready .service-story .service-visual{width:100%;height:220px}
 .service-deck-ready .service-story .service-product{width:250px;height:250px;object-fit:contain}
 .service-deck-ready .service-story .service-copy{display:block;max-width:none}
 .service-benefits{grid-template-columns:1fr;width:100%;gap:12px}
 .service-benefits article{padding:22px}
 .benefit-number{margin-bottom:16px}
}