/* A simple homepage journey, led by the work and the people behind it. */
.showcase-home{background:#fff;color:#1d1d1f}
.showcase-home *{box-sizing:border-box}
.showcase-home :is(h1,h2,h3,p,figure){margin:0}
.showcase-main{padding-top:64px}
.showcase-main>section{margin-bottom:12px}
.home-introduction{background:#f5f5f7;text-align:center;padding-top:58px}
.home-introduction>.design-eyebrow{margin-bottom:15px}
.showcase-home h1{font-size:clamp(46px,5.4vw,78px);line-height:1.02;font-weight:600;letter-spacing:-.055em}
.home-introduction-deck{font-size:clamp(20px,2.2vw,28px);line-height:1.3;margin:20px 0 0!important;color:#515154;letter-spacing:-.025em}
.home-introduction .design-actions{margin-bottom:40px}
.home-campaign{position:relative;height:420px;overflow:hidden}
.home-campaign>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.home-campaign:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#00000099);pointer-events:none}
.home-campaign figcaption{position:absolute;z-index:1;bottom:23px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:12px;text-align:left}
.home-campaign figcaption a{color:#fff;text-decoration:none}.home-campaign figcaption a:hover{text-decoration:underline}
.home-relationships{text-align:center;padding:38px 24px 45px;background:#fff}
.home-relationships>p{font-size:16px;font-weight:500;color:#6e6e73}
.home-relationships>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px 65px;max-width:1000px;margin:30px auto}
.home-relationships img{width:145px;height:45px;object-fit:contain;filter:grayscale(1);opacity:.8}
.home-relationships>span{color:#6e6e73;font-size:12px}
.home-services{padding:75px 12px 0;background:#fff}
.showcase-heading{text-align:center;max-width:900px;margin:0 auto 48px;padding:0 24px}
.showcase-heading .design-eyebrow{margin-bottom:13px}
.showcase-home h2{font-size:clamp(34px,4.2vw,58px);line-height:1.07;font-weight:600;letter-spacing:-.045em}
.showcase-heading>p:not(.design-eyebrow){font-size:19px;line-height:1.5;max-width:750px;margin:22px auto 0;color:#6e6e73;letter-spacing:-.015em}
.showcase-heading>.design-link{margin-top:15px}
.showcase-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.showcase-service{background:#f5f5f7;text-align:center;min-width:0;padding:50px 38px 0;display:flex;flex-direction:column;overflow:hidden}
.showcase-service>div{max-width:500px;margin:0 auto}
.showcase-service .design-eyebrow{margin-bottom:15px}
.showcase-service h3{font-size:clamp(32px,3.2vw,47px);font-weight:600;line-height:1.06;letter-spacing:-.04em}
.showcase-service p:not(.design-eyebrow){font-size:16px;line-height:1.5;color:#6e6e73;max-width:420px;margin:20px auto 5px}
.showcase-service .design-link{font-size:15px}
.showcase-service figure{margin:30px auto 0;width:100%;height:310px;max-width:600px;overflow:hidden}
.showcase-service img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border:0}
.service-search img{border-radius:14px 14px 0 0;box-shadow:0 0 25px #00000010}
.service-content{background:#151516;color:#f5f5f7}
.service-content :is(.design-eyebrow,p:not(.design-eyebrow)){color:#a1a1a6}
.service-content .design-link{color:#2997ff}
.service-content figure{width:calc(100% + 76px);max-width:none;margin-left:-38px}
.service-content img{object-position:center}
.service-training{background:#f5f5f7}
.service-training img{object-fit:contain;object-position:bottom}
.service-lab{background:#f5f5f7}
.service-lab img{object-position:top;border-radius:16px 16px 0 0}
.home-industries{background:#f5f5f7;padding:90px 24px}
.showcase-industry-links{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:auto;gap:16px 32px}
.showcase-industry-links a{font-size:17px;line-height:1.5;font-weight:500;color:#1d1d1f;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #d2d2d7}
.showcase-industry-links a span{color:#6e6e73;font-size:24px;font-weight:400}.showcase-industry-links a:hover{color:#0066cc}
.home-selected-work{padding:85px 28px 60px;background:#151516;color:#f5f5f7}
.home-selected-work .design-eyebrow,.home-selected-work .showcase-heading>p:not(.design-eyebrow){color:#a1a1a6}
.home-selected-work .design-link{color:#2997ff}
.showcase-work-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;max-width:1380px;margin:auto}
.showcase-work-grid>a{min-width:0;text-decoration:none;color:#f5f5f7;overflow:hidden}
.showcase-work-grid img{width:100%;height:360px;object-fit:cover;display:block;background:#232325;border-radius:18px}
.showcase-work-grid>a:first-child img{object-position:63% center}
.showcase-work-grid>a:last-child img{object-fit:contain;object-position:bottom}
.showcase-work-grid>a>div{padding:20px 2px}
.showcase-work-grid div>span{font-size:12px;color:#a1a1a6}
.showcase-work-grid h3{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:22px;line-height:1.3;font-weight:600;margin-top:8px;letter-spacing:-.025em}
.showcase-work-grid h3 span{font-weight:400;color:#a1a1a6}
.showcase-work-grid a:hover h3{color:#2997ff}
.home-approach{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:95px max(5vw,24px);max-width:1500px;margin-inline:auto}
.home-approach p:not(.design-eyebrow){font-size:18px;line-height:1.6;color:#6e6e73;margin-top:23px;max-width:540px}
.home-approach .design-link{margin-top:24px;font-size:16px}
.home-approach figure{height:510px}.home-approach img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block}
.showcase-home .pricing{background:#f5f5f7;padding:85px 5vw}
.showcase-home .pricing-head{text-align:center;max-width:950px;margin:0 auto 42px}
.showcase-home .eyebrow{font-size:13px;font-weight:500;color:#6e6e73;margin-bottom:16px;letter-spacing:0;text-transform:none}
.showcase-home .pricing-intro{margin:22px auto 0;color:#6e6e73;font-size:17px}
.showcase-home .pricing-intro .button{display:inline-block;color:#0066cc;font-size:16px;text-decoration:none;margin-top:15px}
.showcase-home .pricing-intro .button:hover{text-decoration:underline}
.showcase-home .home-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:auto}
.showcase-home .home-offer-grid>a{position:relative;display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#1d1d1f;background:#fff;border-radius:22px;padding:35px 28px;min-height:280px}
.showcase-home .home-offer-grid>a>span{font-size:12px;color:#6e6e73;text-transform:none;letter-spacing:0}
.showcase-home .home-offer-grid h3{font-size:27px;line-height:1.12;font-weight:600;margin:18px 0 24px}
.showcase-home .home-offer-grid strong{font-size:20px;letter-spacing:-.025em;font-weight:500}
.showcase-home .home-offer-grid p{font-size:13px;color:#6e6e73;line-height:1.7;margin-top:14px}
.showcase-home .home-offer-grid i{font:400 22px/1 var(--design-font);position:absolute;right:25px;bottom:25px;color:#0066cc}
.showcase-home .press-archive{padding:85px 5vw;background:#fff}
.showcase-home .press-archive-head{display:flex;justify-content:space-between;align-items:end;gap:35px;max-width:1200px;margin:0 auto 40px}
.showcase-home .press-archive-head>p{color:#6e6e73;max-width:380px;font-size:16px;line-height:1.6}
.showcase-home .press-archive-head>div>span{display:block;color:#6e6e73;margin-top:18px;font-size:13px}
.showcase-home .press-featured{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.showcase-home .press-feature{display:grid;grid-template-columns:26px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #d2d2d7;text-decoration:none;color:#1d1d1f}
.showcase-home .press-index{font-size:12px;color:#6e6e73}
.showcase-home .press-outlet{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#6e6e73;margin-bottom:12px}
.showcase-home .press-feature h3{font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.showcase-home .press-feature-copy p{font-size:14px;color:#6e6e73;line-height:1.6;margin-top:12px}
.showcase-home .press-feature-link{display:block;margin-top:15px;color:#0066cc;font-size:13px}
.showcase-home .press-recognition{max-width:1200px;margin:50px auto 0;border-top:1px solid #d2d2d7;padding-top:35px;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}
.showcase-home .press-recognition h3{font-size:27px;font-weight:600}.showcase-home .press-recognition-intro>p:last-child{color:#6e6e73;font-size:15px;line-height:1.6;margin-top:15px}
.showcase-home .press-recognition-list a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #d2d2d7;text-decoration:none;color:#1d1d1f;padding:15px 0;font-size:16px}
.showcase-home .press-recognition-list a>span{color:#6e6e73;font-size:12px}.showcase-home .press-recognition-list small{display:block;color:#6e6e73;font-size:12px;margin-top:4px}
.showcase-home .press-recognition-list i{margin-left:auto;font-style:normal;color:#0066cc}
.showcase-home .social-latest{padding:75px 5vw;background:#f5f5f7;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:6vw;align-items:start}
.showcase-home .social-latest h2{font-size:clamp(34px,3.5vw,48px)}
.showcase-home .social-latest-copy>p:not(.eyebrow){color:#6e6e73;font-size:16px;line-height:1.6;margin-top:20px;max-width:420px}
.showcase-home .social-latest-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px}
.showcase-home .social-latest a{color:#0066cc;font-size:14px;text-underline-offset:4px}
.showcase-home .social-feed-slider{min-width:0}.showcase-home .social-feed-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:12px;color:#6e6e73}
.showcase-home .social-feed-controls[hidden]{display:none}.showcase-home .social-feed-controls>div{display:flex;gap:8px}.showcase-home .social-feed-controls button{width:40px;height:40px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;font-size:20px;cursor:pointer}.showcase-home .social-feed-controls button:disabled{opacity:.35;cursor:default}
.showcase-home .social-feed-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px}
.showcase-home .social-feed-card{flex:0 0 94%;min-width:0;scroll-snap-align:start;background:#fff;padding:24px;border-radius:20px}
.showcase-home .social-feed-card-heading>span{font-size:11px;color:#6e6e73}.showcase-home .social-feed-card-heading h3{font-size:23px;font-weight:600;line-height:1.3;margin:10px 0 20px}
.showcase-home .social-feed-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#f5f5f7}.showcase-home .social-feed-instagram iframe{height:480px;aspect-ratio:auto}
.showcase-home :is(.social-feed-card>p,.social-feed-note){color:#6e6e73;font-size:12px;line-height:1.6;margin:14px 0}
.showcase-home .faq{padding:85px 5vw;max-width:1200px;margin:auto}
.showcase-home .faq-title{text-align:center;margin-bottom:45px}.showcase-home .faq-list{max-width:850px;margin:auto;border-top:1px solid #d2d2d7}
.showcase-home .faq details{border-bottom:1px solid #d2d2d7}
.showcase-home .faq summary{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:16px;padding:25px 0;font-size:18px;line-height:1.4;font-weight:500;list-style:none;cursor:pointer}
.showcase-home .faq summary::-webkit-details-marker{display:none}.showcase-home .faq summary>span{color:#6e6e73;font-size:11px;font-weight:400}.showcase-home .faq summary i{font-style:normal;color:#6e6e73;font-size:22px;font-weight:400}.showcase-home .faq details[open] summary i{transform:rotate(45deg)}
.showcase-home .faq details>p{font-size:16px;line-height:1.7;color:#6e6e73;padding:0 35px 25px 40px}.showcase-home .faq details a{color:#0066cc}
@media(max-width:1000px){.showcase-main{padding-top:60px}.showcase-service{padding-inline:25px}.service-content figure{width:calc(100% + 50px);margin-left:-25px}.showcase-work-grid{gap:18px}.showcase-work-grid img{height:280px}.showcase-work-grid h3{font-size:19px}.home-approach{gap:35px}.home-approach figure{height:430px}.showcase-home .home-offer-grid{gap:15px}.showcase-home .home-offer-grid>a{padding:28px 20px}}
@media(max-width:760px){
 .home-introduction{padding-top:40px}.showcase-home h1{font-size:clamp(42px,9.5vw,62px);padding-inline:18px;line-height:1.05}.home-introduction-deck{font-size:22px}.home-introduction .design-actions{margin-bottom:30px}.home-campaign{height:320px}.home-campaign>img{object-position:63% center}.home-campaign figcaption{left:22px;right:22px;bottom:18px;font-size:10px}.home-campaign figcaption>span{max-width:180px}.home-campaign figcaption>a{align-self:end;white-space:nowrap}
 .home-relationships{padding:30px 22px}.home-relationships>div{gap:25px 35px;max-width:380px;margin:25px auto}.home-relationships img{width:120px;height:35px}.home-relationships>span{font-size:11px}
 .home-services{padding:50px 0 0}.showcase-heading{margin-bottom:32px;padding:0 22px}.showcase-home h2{font-size:clamp(32px,7.7vw,44px)}.showcase-heading>p:not(.design-eyebrow){font-size:17px;line-height:1.5;margin-top:18px}.desktop-break{display:none}
 .showcase-service-grid{grid-template-columns:1fr}.showcase-service{padding:38px 24px 0}.showcase-service h3{font-size:38px}.showcase-service p:not(.design-eyebrow){font-size:16px;max-width:400px;margin-top:16px}.showcase-service figure{height:270px;max-width:500px;margin-top:25px}.service-content figure{width:calc(100% + 48px);max-width:none;margin-left:-24px}
 .home-industries{padding:55px 22px}.showcase-industry-links{grid-template-columns:1fr 1fr;gap:0 22px}.showcase-industry-links a{font-size:15px;padding:18px 0;gap:8px}.showcase-industry-links a span{font-size:21px}
 .home-selected-work{padding:55px 22px 35px}.showcase-work-grid{grid-template-columns:1fr;gap:18px;max-width:500px}.showcase-work-grid img{height:300px}.showcase-work-grid>a:last-child img{height:340px}.showcase-work-grid h3{font-size:23px}.showcase-work-grid>a>div{padding:17px 0}
 .home-approach{grid-template-columns:1fr;padding:55px 22px;gap:30px}.home-approach p:not(.design-eyebrow){font-size:17px}.home-approach figure{height:330px}
 .showcase-home .pricing{padding:55px 22px}.showcase-home .home-offer-grid{grid-template-columns:1fr;max-width:500px;gap:16px}.showcase-home .home-offer-grid>a{padding:28px;min-height:230px}.showcase-home .home-offer-grid h3{font-size:29px;margin-bottom:20px}.showcase-home .pricing-intro{font-size:16px}
 .showcase-home .press-archive{padding:55px 22px}.showcase-home .press-archive-head{display:block}.showcase-home .press-archive-head>p{margin-top:20px}.showcase-home .press-featured{grid-template-columns:1fr}.showcase-home .press-recognition{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-top:25px}
 .showcase-home .social-latest{grid-template-columns:1fr;padding:55px 22px;gap:30px}.showcase-home .social-feed-card{padding:18px;flex-basis:96%}.showcase-home .social-feed-card-heading h3{font-size:21px}
 .showcase-home .faq{padding:55px 22px}.showcase-home .faq summary{font-size:16px;grid-template-columns:18px 1fr 20px;gap:10px;padding-block:22px}.showcase-home .faq details>p{font-size:15px;padding-left:28px;padding-right:5px}
}
/* Press articles use one readable text column within each item. */
.showcase-home .press-feature{grid-template-columns:26px minmax(0,1fr) 20px;align-content:start;gap:14px 15px}
.showcase-home .press-feature>.press-index{grid-column:1;grid-row:1}
.showcase-home .press-feature>.press-outlet{grid-column:2;grid-row:1;margin:0}
.showcase-home .press-feature>.press-feature-copy{grid-column:2;grid-row:2;min-width:0}
.showcase-home .press-feature>i{grid-column:3;grid-row:1;font-size:18px;font-style:normal;color:#0066cc}
.showcase-home .press-feature-copy small{display:block;font-size:11px;color:#6e6e73;margin-bottom:10px}
.showcase-home .press-feature h3{font-size:23px;line-height:1.25}
/* Client work moves as an image-led gallery, with native touch scrolling. */
.project-carousel{position:relative;text-align:left;background:#f5f5f7;padding-bottom:16px}
.project-track{--project-width:min(72vw,960px);display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 calc((100% - var(--project-width))/2);scroll-padding-inline:calc((100% - var(--project-width))/2)}
.project-track::-webkit-scrollbar{display:none}
.project-slide{position:relative;flex:0 0 var(--project-width);min-width:0;height:auto;aspect-ratio:16/10;scroll-snap-align:center;border-radius:18px;overflow:hidden;background:#e8e8ed}
.project-slide>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.project-slide:first-child>img{object-position:center 62%}
.project-slide:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111114e8);pointer-events:none}
.project-slide figcaption{position:absolute;z-index:1;inset:auto 32px 28px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#fff}
.project-slide figcaption>div{display:grid;gap:8px}.project-slide figcaption strong{font-size:clamp(23px,2.6vw,36px);line-height:1.1;font-weight:600;letter-spacing:-.035em}
.project-slide figcaption span{font-size:13px}.project-slide figcaption a{font-size:14px;color:#fff;white-space:nowrap;text-decoration:none}.project-slide figcaption a:hover{text-decoration:underline}
.project-controls{display:flex;align-items:center;gap:22px;max-width:960px;margin-inline:auto;padding:18px 24px 0}.project-controls[hidden]{display:none}
.project-pagination{display:flex;align-items:center;gap:2px}.project-pagination button{border:0;background:none;padding:12px 7px;cursor:pointer}.project-pagination span{display:block;width:7px;height:7px;border-radius:10px;background:#b6b6bc;transition:transform .3s,background .3s}.project-pagination button[aria-current=true] span{background:#1d1d1f;transform:scale(1.3)}
.project-count{font-size:12px;color:#515154;font-variant-numeric:tabular-nums}.project-buttons{display:flex;gap:9px;margin-left:auto}.project-buttons button{width:40px;height:40px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;font-size:25px;cursor:pointer}.project-buttons [data-play]{font-size:15px}.project-buttons button:hover{background:#d2d2d7}
.project-carousel :focus-visible{outline:3px solid #0066cc;outline-offset:3px}.project-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* The original 02 and 05 illustrations, rebuilt in graphite and silver. */
.restored-visual{position:relative;width:100%;height:320px;max-width:none!important;margin-top:30px!important;overflow:hidden}
.ai-demo{position:relative;height:100%;display:grid;place-items:center}
.ai-core{position:relative;z-index:2;display:grid;place-content:center;gap:7px;width:155px;height:155px;border-radius:30px;background:#1d1d1f;color:#fff;box-shadow:0 20px 40px #1d1d1f22}
.ai-core span,.ai-core small{font-size:9px;letter-spacing:.12em}.ai-core strong{font-size:56px;font-weight:500;line-height:1.1}
.ai-orbit{position:absolute;width:270px;height:190px;border:1px solid #c7c7cd;border-radius:50%;transform:rotate(-25deg)}.ai-orbit.orbit-two{width:370px;height:270px;transform:rotate(25deg)}
.ai-orbit i{position:absolute;background:#f5f5f7;padding:6px 10px;border:1px solid #d2d2d7;border-radius:20px;font-size:9px;font-style:normal;letter-spacing:.05em;transform:rotate(25deg)}.orbit-two i{transform:rotate(-25deg)}.ai-orbit i:nth-child(1){top:3%;left:8%}.ai-orbit i:nth-child(2){bottom:5%;left:10%}.ai-orbit i:nth-child(3){right:-5%;top:44%}.secure-badge{position:absolute;bottom:7px;color:#6e6e73;font-size:9px;letter-spacing:.08em}
.service-social{background:#e8e8ed}.phone-scene{position:relative;height:100%;max-width:430px;margin:auto}.phone{position:absolute;width:170px;height:300px;border:6px solid #29292c;border-radius:27px;background:#fff;padding:13px 9px;box-shadow:0 20px 35px #1d1d1f25;text-align:left}.phone-back{left:12%;top:22px;transform:rotate(-12deg)}.phone-front{right:9%;top:8px;transform:rotate(10deg)}.phone-ui>span{display:block;font-size:8px;margin-bottom:12px}.phone-ui>b{font-size:9px}.reel-screen{height:180px;background:#333438;color:#fff;margin:12px -3px 8px;padding:18px 10px;display:flex;flex-direction:column;justify-content:space-between}.phone-front .reel-screen{background:#d7e5f0;color:#1d1d1f}.reel-screen small{font-size:8px;line-height:1.5}.reel-screen strong{font-size:22px;letter-spacing:-.05em}.reel-screen i{font-size:9px;font-style:normal}.phone-ui p{font-size:8px;line-height:1.4}.social-numbers{display:none}.showcase-service.service-lab{grid-column:1/-1}.showcase-service.service-lab figure{max-width:800px}
@media(max-width:760px){.project-slide{height:350px;aspect-ratio:auto;border-radius:13px}.project-track{--project-width:84vw;gap:14px}.project-slide figcaption{inset:auto 20px 22px;display:block}.project-slide figcaption a{display:inline-block;margin-top:14px;font-size:12px}.project-slide figcaption span{font-size:11px}.project-controls{gap:8px}.project-pagination button{padding-inline:6px}.project-buttons{gap:5px}.project-buttons button{width:36px;height:36px}.project-count{font-size:10px}.restored-visual{height:300px}.ai-orbit.orbit-two{width:310px;height:250px}.phone{width:150px}.phone-back{left:7%}.phone-front{right:7%}.showcase-service.service-lab{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.project-pagination span{transition:none}}
/* Keep all eleven project selectors accessible without crowding phone controls. */
@media(max-width:760px){.project-controls{flex-wrap:wrap;justify-content:space-between;gap:10px 8px}.project-pagination{flex-basis:100%;justify-content:center;order:2}.project-count{font-size:12px}.project-pagination button{padding:12px 8px}.project-buttons{margin-left:auto}}
.project-external-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Six equally sized service tiles, arranged as three complete pairs. */
.showcase-service-grid{max-width:1440px;margin-inline:auto}
.showcase-service-grid .showcase-service{grid-column:auto;aspect-ratio:1;min-height:0;padding:clamp(28px,3vw,44px) 30px 0}
.showcase-service-grid .showcase-service h3{font-size:clamp(30px,3vw,44px)}
.showcase-service-grid .showcase-service>figure,.showcase-service-grid .restored-visual{flex:1;min-height:0;height:auto;margin-top:24px!important}
.showcase-service-grid .service-content figure{width:calc(100% + 60px);margin-left:-30px}
.showcase-service-grid .service-lab figure{max-width:600px}
.service-websites{background:#eaf0f5}
.service-websites img{border-radius:12px 12px 0 0;object-position:top;box-shadow:0 10px 30px #1d1d1f12}
/* An Apple Store-inspired shelf: generous cards, real work, one industry at a time. */
.showcase-home .home-work-gallery{background:#f5f5f7;color:#1d1d1f;padding:85px 0 45px;overflow:hidden}
.home-work-heading{max-width:1320px;margin:0 auto 32px;padding:0 40px;display:flex;justify-content:space-between;align-items:end;gap:35px}
.home-work-heading .design-eyebrow{color:#6e6e73;margin-bottom:14px}
.showcase-home .home-work-heading h2{font-size:clamp(34px,3.5vw,50px);line-height:1.08;letter-spacing:-.04em}
.home-work-heading h2 span{color:#6e6e73}
.home-work-heading .design-link{color:#0066cc;font-size:15px;white-space:nowrap;margin-bottom:5px}
.home-work-filters{max-width:1320px;margin:0 auto 12px;padding:4px 40px 16px;display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin}
.home-work-filters[hidden],.home-work-arrows[hidden]{display:none}
.home-work-filters button{white-space:nowrap;border:1px solid #d2d2d7;border-radius:22px;background:transparent;color:#515154;font:500 13px/1.3 var(--design-font);padding:11px 17px;cursor:pointer;transition:background .2s,color .2s}
.home-work-filters button[aria-pressed=true]{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
.home-work-filters button:hover{border-color:#1d1d1f}
.home-work-track{display:flex;gap:22px;padding:12px max(40px,calc((100vw - 1240px)/2)) 25px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(40px,calc((100vw - 1240px)/2));scrollbar-width:none;overscroll-behavior-x:contain}
.home-work-track::-webkit-scrollbar{display:none}
.home-case-card{position:relative;display:flex;flex-direction:column;flex:0 0 350px;min-width:0;height:490px;border-radius:24px;background:#fff;color:#1d1d1f;text-decoration:none;overflow:hidden;scroll-snap-align:start;box-shadow:2px 4px 12px #1d1d1f0a;transition:transform .3s,box-shadow .3s}
.home-case-card[hidden]{display:none}
.home-case-card:hover{transform:translateY(-5px);box-shadow:2px 12px 25px #1d1d1f14}
.home-case-copy{padding:30px 30px 20px;min-height:250px}
.home-case-industry{display:block;color:#6e6e73;font-size:12px;font-weight:500;margin-bottom:14px}
.showcase-home .home-case-card h3{color:#1d1d1f;font-size:27px;line-height:1.1;letter-spacing:-.035em;font-weight:600;margin:0;overflow-wrap:anywhere}
.showcase-home .home-case-card.case-blue h3{color:#0066cc}
.showcase-home .home-case-card.case-warm h3{color:#a44922}
.showcase-home .home-case-card p{font-size:13px;line-height:1.5;color:#6e6e73;margin:14px 0 0}
.home-case-card figure{margin:auto 16px 16px;height:220px;flex:1;min-height:100px;overflow:hidden;border-radius:12px;background:#f5f5f7}
.home-case-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.home-case-open{position:absolute;bottom:27px;right:27px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1d1d1f;color:#fff;font-size:18px}
.home-work-bottom{max-width:1320px;padding:0 40px;margin:2px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-work-count{font-size:13px;color:#6e6e73}
.home-work-arrows{display:flex;gap:10px}
.home-work-arrows button{width:42px;height:42px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;font-size:26px;cursor:pointer}
.home-work-arrows button:hover{background:#d2d2d7}
.home-work-arrows button:disabled{opacity:.35;cursor:default}
.home-work-gallery :focus-visible{outline:3px solid #0071e3;outline-offset:3px}
@media(min-width:1001px) and (max-width:1200px){.showcase-service-grid .showcase-service{padding:28px 24px 0}.showcase-service-grid .showcase-service p:not(.design-eyebrow){font-size:14px;margin-top:14px}.showcase-service-grid .showcase-service .design-eyebrow{font-size:11px}.showcase-service-grid .showcase-service h3{font-size:34px}.showcase-service-grid .service-content figure{width:calc(100% + 48px);margin-left:-24px}.restored-visual .ai-demo{transform:scale(.75);transform-origin:center}.restored-visual .phone-scene{transform:scale(.75);transform-origin:center top}}
@media(max-width:1000px){.showcase-service-grid{grid-template-columns:1fr;max-width:620px}.showcase-service-grid .showcase-service{padding-top:35px}.showcase-service-grid .showcase-service h3{font-size:38px}.home-work-heading{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:600px){.showcase-service-grid .showcase-service{aspect-ratio:auto;height:500px;padding:30px 24px 0}.showcase-service-grid .showcase-service h3{font-size:34px}.showcase-service-grid .showcase-service p:not(.design-eyebrow){font-size:14px;margin-top:14px}.showcase-service-grid .showcase-service .design-link{font-size:14px}.showcase-service-grid .service-content figure{width:calc(100% + 48px);margin-left:-24px}.showcase-service-grid .restored-visual{overflow:visible}.restored-visual .ai-demo{transform:scale(.8);transform-origin:center top}.restored-visual .phone-scene{transform:scale(.8);transform-origin:center top}.showcase-home .home-work-gallery{padding:55px 0 30px}.home-work-heading{padding:0 22px;margin-bottom:24px}.showcase-home .home-work-heading h2{font-size:34px}.home-work-filters{padding-inline:22px}.home-work-track{padding-inline:22px;scroll-padding-inline:22px;gap:16px}.home-case-card{flex-basis:calc(100vw - 64px);max-width:350px;height:490px}.home-case-copy{padding:26px 24px 18px}.showcase-home .home-case-card h3{font-size:26px}.home-work-bottom{padding-inline:22px}.home-work-count{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-case-card,.home-work-filters button{transition:none}.home-case-card:hover{transform:none}}
.showcase-service-grid .showcase-service .phone-ui p{font-size:8px;line-height:1.4;margin:0;color:#515154}
/* A short bolt-to-wordmark sequence opens onto the live homepage. */
.home-opening{display:none}
html.has-home-opening{overflow:hidden}
.has-home-opening .home-opening{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;isolation:isolate;color:#f5f5f7;animation:opening-safety 0s 3.2s forwards}
.opening-panel{position:absolute;inset-block:0;width:50.1%;background:#151516;z-index:-1;will-change:transform}
.opening-panel-left{left:0;animation:opening-left .8s 1.45s cubic-bezier(.76,0,.24,1) both}
.opening-panel-right{right:0;animation:opening-right .8s 1.45s cubic-bezier(.76,0,.24,1) both}
.opening-identity{position:relative;display:grid;place-items:center;width:min(90vw,700px);height:160px}
.opening-bolt{position:absolute;width:58px;height:87px;animation:opening-bolt .85s cubic-bezier(.2,.8,.2,1) both}
.opening-wordmark{font-size:clamp(23px,5.1vw,58px);font-weight:750;letter-spacing:-.045em;white-space:nowrap;animation:opening-logo 1.5s .5s cubic-bezier(.2,.8,.2,1) both}
.opening-wordmark sup{font-size:.22em;vertical-align:top;position:relative;top:.5em;margin-left:.25em;letter-spacing:0}
.opening-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:max(24px,5vw);border:1px solid #6e6e73;border-radius:24px;padding:12px 18px;background:#151516;color:#f5f5f7;font-size:12px;cursor:pointer;animation:opening-skip 2.25s linear both}
.opening-skip span{margin-left:14px}.opening-skip:hover{background:#333336}.opening-skip:focus-visible{outline:3px solid #2997ff;outline-offset:5px}
@keyframes opening-bolt{0%{opacity:0;transform:translateY(14px) scale(.8) rotate(-8deg)}30%,65%{opacity:1;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-16px) scale(1.2)}}
@keyframes opening-logo{0%{opacity:0;transform:translateY(16px) scale(.96)}25%,60%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1.025)}}
@keyframes opening-left{to{transform:translateX(-100%)}}
@keyframes opening-right{to{transform:translateX(100%)}}
@keyframes opening-skip{0%,75%{opacity:1}100%{opacity:0}}
@keyframes opening-safety{to{visibility:hidden;pointer-events:none}}
.home-approach img[src="/images/michael-cunniff-portrait.jpg"]{object-position:center 30%}
@media(prefers-reduced-motion:reduce){.has-home-opening .home-opening{display:none}.home-opening *{animation:none!important}html.has-home-opening{overflow:visible}}
/* Each service settles into a deck as the next one arrives. Native sticky positioning
   keeps scrolling and all links usable without a script or pinned scroll region. */
.home-services{isolation:isolate}
.showcase-service-grid{display:flex;flex-direction:column;align-items:center;gap:80px;max-width:1440px;padding:0 12px 80px}
.showcase-service-grid .showcase-service{--stack-step:12px;position:sticky;top:calc(84px + var(--stack-index)*var(--stack-step));z-index:var(--stack-index);align-self:center;flex:none;width:min(100%,680px,calc(100svh - 180px));height:auto;aspect-ratio:1;min-height:0;border-radius:24px;box-shadow:0 -6px 24px #1d1d1f0a,0 16px 40px #1d1d1f0c;scroll-margin-top:calc(100px + var(--stack-index)*var(--stack-step))}
.showcase-service-pair{display:contents}
.showcase-service-pair:nth-child(1){--pair-index:0}
.showcase-service-pair:nth-child(2){--pair-index:1}
.showcase-service-pair:nth-child(3){--pair-index:2}
.showcase-service-pair>.showcase-service:nth-child(1){--stack-index:calc(var(--pair-index)*2)}
.showcase-service-pair>.showcase-service:nth-child(2){--stack-index:calc(var(--pair-index)*2 + 1)}
@media(max-width:760px){.showcase-service-grid{gap:50px;padding-inline:16px;padding-bottom:50px;max-width:none}.showcase-service-grid .showcase-service{--stack-step:9px;top:calc(76px + var(--stack-index)*var(--stack-step));width:min(100%,540px);aspect-ratio:auto;height:500px;border-radius:20px}}
@media(max-height:650px),(prefers-reduced-motion:reduce){.showcase-service-grid .showcase-service{position:relative;top:auto;width:min(100%,680px);min-height:500px;scroll-margin-top:90px}}
.showcase-service-grid .showcase-service:focus-within{z-index:10}
.showcase-service-grid::after{content:"";display:block;flex:none;width:1px;height:min(30svh,300px)}
@media(max-height:650px),(prefers-reduced-motion:reduce){.showcase-service-grid::after{display:none}}

/* Desktop cards travel together in three sticky pairs. */
@media(min-width:1001px){
 .showcase-service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(100%,1380px,calc((100svh - 180px)*2 + 20px));position:sticky;top:calc(84px + var(--pair-index)*12px);z-index:var(--pair-index)}
 .showcase-service-pair .showcase-service{position:relative;top:auto;width:100%;align-self:stretch}
 .showcase-service-pair:focus-within{z-index:10}
}
@media(min-width:1001px) and (max-height:650px),(min-width:1001px) and (prefers-reduced-motion:reduce){
 .showcase-service-pair{position:relative;top:auto;width:100%}
}

/* Two identical groups keep the client ribbon continuous as it moves right. */
.home-relationships{overflow:hidden}
.home-relationships>.company-logo-window{display:block;max-width:1440px;overflow:hidden;margin:30px auto}
.company-logo-track{display:flex;width:max-content;animation:company-logos-right 65s linear infinite}
.company-logo-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex-shrink:0}
.company-logo-group a{display:flex;align-items:center;justify-content:center;flex:0 0 145px;width:145px;min-height:65px;border-radius:4px}
.home-relationships .company-logo-group img{width:145px;height:45px;filter:none;opacity:1}
.company-logo-group a:focus-visible{outline:2px solid #515154;outline-offset:4px}
.company-logo-window:hover .company-logo-track,.company-logo-window:focus-within .company-logo-track,.home-relationships.is-paused .company-logo-track{animation-play-state:paused}
.home-relationships .company-logo-toggle{display:block;margin:0 auto 20px;padding:8px 14px;border:1px solid #d2d2d7;border-radius:20px;background:transparent;color:#515154;font:inherit;font-size:12px;cursor:pointer}
.home-relationships .company-logo-toggle[hidden]{display:none}
.company-logo-toggle:focus-visible{outline:2px solid #515154;outline-offset:4px}
@keyframes company-logos-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:600px){
 .company-logo-group{gap:36px;padding-right:36px}
 .company-logo-group a{flex-basis:120px;width:120px}
 .home-relationships .company-logo-group img{width:120px;height:35px}
}
@media(prefers-reduced-motion:reduce){
 .company-logo-track{animation:none;width:100%}
 .company-logo-group{width:100%;flex-wrap:wrap;justify-content:center;gap:24px 36px;padding:0}
 .company-logo-group[aria-hidden="true"],.home-relationships .company-logo-toggle{display:none}
}