.service-showcase{margin-top:30px}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.showcase-selectors{display:flex;gap:8px;flex-wrap:wrap}.showcase-selectors button,.showcase-play,.showcase-arrows button{font:inherit;cursor:pointer;background:transparent;color:var(--ink);border:1px solid #cbd2cd}.showcase-selectors button{padding:12px 18px;border-radius:30px;font-size:14px}.showcase-selectors button span{opacity:.6;margin-right:7px;font-size:11px}.showcase-selectors button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.showcase-play{border:0;font-size:13px;padding:12px}.showcase-play span{margin-left:7px}.service-reel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:6px;background:#102823;overscroll-behavior-x:contain}.service-reel::-webkit-scrollbar{display:none}.service-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1.1fr;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.service-slide-copy{padding:52px 42px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.service-slide-copy .eyebrow{color:#a9c9bd;font-size:11px;letter-spacing:.09em}.service-slide-copy h3{font-size:clamp(32px,3.3vw,46px);line-height:1.08;letter-spacing:-.035em;max-width:460px;color:white;margin:14px 0 25px}.service-slide-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#d6e3dc;max-width:430px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:5px 0 30px}.service-tags li{font-size:11px;padding:6px 10px;border:1px solid #ffffff40;border-radius:20px;color:#e1eae4}.service-slide-copy .button{margin-top:auto;background:#fff;color:#122820;font-size:14px;padding:15px 18px}.service-slide-copy .button:hover{background:#d9e9e1}.service-slide-art{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;padding:42px 35px 24px;background:#d5d8c9;overflow:hidden;isolation:isolate}.service-slide-art:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff70;border-radius:50%;right:-110px;top:-120px;z-index:-1}.visual-browser{background:#f6f3e7;box-shadow:0 24px 45px #1d33272b;transform:perspective(1200px) rotateY(-5deg) rotateZ(-2deg);border-radius:7px;overflow:hidden}.browser-chrome{height:27px;background:#fff;display:flex;gap:4px;align-items:center;padding:0 12px}.browser-chrome i{width:5px;height:5px;background:#a1aaa3;border-radius:50%}.browser-chrome>span{font-size:8px;color:#70766e;margin:auto}.visual-site-nav{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.visual-site-nav b{font-size:22px;letter-spacing:-1px}.visual-site-nav b span,.visual-book b span,.visual-business-card b span{color:#8d9c54}.visual-site-nav>span{font-size:8px}.visual-site-main{display:grid;grid-template-columns:1fr 1fr;padding:16px 0 15px 20px;gap:8px}.visual-site-main strong{display:block;font-size:clamp(23px,3vw,42px);line-height:1.05;letter-spacing:-.04em;margin:16px 0}.visual-site-main em{font-family:Georgia,serif;font-weight:400}.visual-site-main img{width:100%;height:100%;object-fit:cover;border-radius:70px 0 0 0}.visual-small{font-size:7px;letter-spacing:.08em;display:block}.visual-fake-button{background:#243a2d;color:white;font-size:7px;display:inline-block;padding:9px 12px}.visual-site-foot{display:flex;justify-content:space-between;padding:16px 20px;font-size:8px;border-top:1px solid #d7d9cc}.visual-tag{position:relative;margin-top:32px;padding-top:14px;border-top:1px solid #233e342f;font-size:11px;color:#334339;display:flex;justify-content:space-between;gap:10px}.visual-tag>span{font-size:18px}.service-slide-1{background:#112c47}.service-slide-1 .service-slide-art{background:#c8dce4}.service-slide-1 .service-slide-copy .eyebrow{color:#a6ccec}.visual-post{background:#fff;border-radius:6px;padding:20px;box-shadow:0 24px 45px #173b5126;transform:rotate(2deg);max-width:430px;margin:auto}.visual-post-head{display:flex;align-items:center;gap:10px}.visual-post-head>b{display:grid;place-items:center;background:#e7e9d9;width:35px;height:35px;font-size:24px;letter-spacing:-.06em}.visual-post-head>b span{display:none}.visual-post-head>div strong{display:block;font-size:12px}.visual-post-head>div>span{font-size:8px;color:#6a726e}.visual-post>p{font-size:11px;line-height:1.6;margin:16px 0}.visual-post-image{position:relative;aspect-ratio:1.65;overflow:hidden;background:#283d31}.visual-post-image img{width:100%;height:100%;object-fit:cover;opacity:.42}.visual-post-image>div{position:absolute;inset:20px;color:#fff}.visual-post-image span{font-size:8px;letter-spacing:.1em}.visual-post-image strong{display:block;font-size:32px;line-height:1.07;margin-top:20px;letter-spacing:-.025em}.visual-post-bottom{display:flex;justify-content:space-between;padding-top:14px;font-size:8px}.service-slide-2{background:#352b40}.service-slide-2 .service-slide-art{background:#d9d2db}.service-slide-2 .service-slide-copy .eyebrow{color:#d7c1e5}.visual-brand{position:relative;height:340px;margin:0 5px}.visual-brand-swatches{display:flex;align-items:center;gap:6px;margin-bottom:18px}.visual-brand-swatches i{width:19px;height:19px;border-radius:50%;background:#283b2e}.visual-brand-swatches i:nth-child(2){background:#8d9c54}.visual-brand-swatches i:nth-child(3){background:#f5f3e5}.visual-brand-swatches span{font-size:9px;margin-left:auto}.visual-book{position:absolute;left:7%;top:45px;bottom:0;width:63%;background:#f4f1e4;box-shadow:7px 16px 26px #332a3d30;border-left:6px solid #dfdecd;transform:rotate(-9deg);padding:18px;overflow:hidden}.visual-book>b{display:block;font-size:24px;letter-spacing:-.04em;margin-bottom:9px}.visual-book>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.02;margin:20px 0 14px}.visual-book img{width:100%;height:63px;object-fit:cover}.visual-book-footer{font-size:7px;display:block;margin-top:8px}.visual-business-card{position:absolute;right:0;bottom:35px;width:44%;background:#273e30;color:#fff;padding:20px;transform:rotate(8deg);box-shadow:0 12px 20px #2b293d30}.visual-business-card>b{font-size:24px;display:block;letter-spacing:-.03em}.visual-business-card>span{display:block;font-size:8px;line-height:1.6}.visual-business-card i{display:block;width:32px;border-top:2px solid #aeb98a;margin:16px 0}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 0}.showcase-bottom>p{margin:0;font-size:11px;color:var(--muted);max-width:550px}.showcase-arrows{display:flex;gap:8px;align-items:center}.showcase-arrows>span{font-size:12px;white-space:nowrap;margin-right:12px;font-variant-numeric:tabular-nums}.showcase-arrows button{width:42px;height:42px;border-radius:50%;font-size:20px}.showcase-arrows button:hover{background:var(--ink);color:#fff}.service-showcase button:focus-visible,.service-reel:focus-visible{outline:3px solid #0873ee;outline-offset:3px}.showcase-play{display:none}.showcase-ready .showcase-play{display:block}
@media(max-width:760px){.showcase-toolbar{align-items:flex-start;gap:5px}.showcase-selectors{gap:6px}.showcase-selectors button{font-size:11px;padding:10px 11px}.showcase-selectors button span{display:none}.showcase-play{font-size:11px;padding:10px 0;white-space:nowrap}.showcase-play span{margin-left:2px}.service-slide{grid-template-columns:1fr;grid-template-rows:auto 290px}.service-slide-copy{padding:26px 24px 30px}.service-slide-copy .eyebrow{font-size:9px;margin-bottom:5px}.service-slide-copy h3{font-size:32px;margin:12px 0 18px;max-width:330px}.service-slide-copy>p:not(.eyebrow){font-size:15px;line-height:1.6}.service-tags{margin:0 0 21px;gap:5px}.service-tags li{font-size:9px;padding:5px 8px}.service-slide-copy .button{font-size:13px}.service-slide-art{padding:23px 25px 14px}.visual-browser{width:100%;max-width:360px;margin:auto}.visual-site-nav{padding:10px 14px}.visual-site-nav b{font-size:17px}.visual-site-main{padding:6px 0 8px 14px}.visual-site-main strong{font-size:26px;margin:8px 0}.browser-chrome{height:19px}.visual-site-foot{padding:10px 14px;font-size:7px}.visual-site-nav>span{font-size:6px}.visual-fake-button{padding:6px 8px;font-size:6px}.visual-small{font-size:6px}.visual-tag{margin-top:14px;padding-top:8px;font-size:9px}.visual-post{max-width:290px;width:100%;padding:12px}.visual-post>p{font-size:8px;margin:8px 0}.visual-post-head>b{height:25px;width:25px;font-size:20px}.visual-post-image{aspect-ratio:2.25}.visual-post-image>div{inset:12px}.visual-post-image strong{font-size:23px;margin-top:9px}.visual-post-image span{font-size:6px}.visual-post-bottom{font-size:6px;padding-top:9px}.visual-brand{height:230px;margin:0 12px}.visual-brand-swatches{margin-bottom:10px}.visual-brand-swatches i{height:14px;width:14px}.visual-book{top:29px;left:5%;padding:12px;width:60%}.visual-book>b{font-size:19px;margin-bottom:5px}.visual-book>strong{font-size:25px;margin:10px 0}.visual-book img{height:37px}.visual-book-footer{font-size:6px;margin-top:4px}.visual-business-card{padding:14px;bottom:25px}.visual-business-card>b{font-size:20px}.visual-business-card i{margin:10px 0}.showcase-bottom{align-items:flex-start;gap:12px}.showcase-bottom>p{font-size:10px;max-width:180px}.showcase-arrows{gap:5px}.showcase-arrows button{height:36px;width:36px}.showcase-arrows>span{font-size:10px;margin-right:4px}}
@media(max-width:370px){.showcase-selectors button{padding:9px 8px;font-size:10px}.service-slide-copy{padding:24px 20px}.service-slide-copy h3{font-size:29px}.showcase-play{font-size:10px}.service-slide-art{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.service-reel{scroll-behavior:auto!important}}
.service-showcase:not(.showcase-ready) .showcase-toolbar,.service-showcase:not(.showcase-ready) .showcase-arrows{display:none}.service-showcase:not(.showcase-ready) .service-reel{display:block}.service-showcase:not(.showcase-ready) .service-slide+.service-slide{margin-top:2px}
/* Keep slideshow controls together, away from service selection. */
.showcase-arrows .showcase-play{width:auto;height:42px;border-radius:24px;padding:0 14px;font-size:12px;white-space:nowrap;border:1px solid #cbd2cd}
@media(max-width:760px){.showcase-bottom{flex-direction:column;align-items:stretch}.showcase-arrows{order:-1;justify-content:flex-end;gap:8px}.showcase-arrows .showcase-play{margin-right:auto;height:38px;padding:0 12px;font-size:11px}.showcase-bottom>p{max-width:none}.showcase-selectors{width:100%;justify-content:space-between}.showcase-selectors button{flex:1;padding-inline:8px}}