.case-strip .case-stage{background:#d4cbc0}.case-strip .case-fashion{object-position:center 45%}.case-strip .strip-hero-phone img{object-fit:cover}.case-strip .case-stage figcaption{font-size:9px}
.strip-intro,.strip-journey,.strip-campaign{padding:100px 0;border-bottom:1px solid #e7e8e2}.strip-kicker{margin:0 0 22px;color:#7d8274;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.strip-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.strip-intro h2,.strip-section-heading h2,.strip-makers h2{margin:0;font-size:clamp(36px,4.6vw,64px);line-height:1.07;letter-spacing:-.055em}.strip-intro-grid>div{max-width:520px;padding-top:5px}.strip-intro-grid p:not(.strip-kicker),.strip-maker-copy>p:not(.strip-kicker){margin:0 0 18px;color:#5f665e;font-size:17px;line-height:1.7}.strip-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.strip-section-heading h2{max-width:700px;font-size:clamp(34px,3.7vw,52px)}.strip-section-heading>p{max-width:330px;margin:0 0 4px;color:#687168;font-size:15px;line-height:1.6}.strip-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.strip-screen-card{min-width:0}.strip-screen-art{height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e6e2dc}.strip-screen-measure .strip-screen-art{background:#e8ece4}.strip-screen-order .strip-screen-art{background:#e9e5dd}.strip-screen-art a{display:block;height:88%;max-width:78%;border:6px solid #222;border-radius:31px;overflow:hidden;box-shadow:0 24px 45px #302b232e}.strip-screen-art img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}.strip-screen-copy{padding:22px 2px 0}.strip-screen-copy span{color:#858c80;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.strip-screen-copy h3{margin:10px 0;font-size:23px;letter-spacing:-.04em}.strip-screen-copy p{max-width:350px;margin:0;color:#667068;font-size:14px;line-height:1.65}.strip-evidence-note{margin:32px 0 0;color:#6e766e;font-size:12px;line-height:1.6}.strip-makers{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:80px 0 0;padding:72px;background:#303b2b;color:white}.strip-maker-copy>p:not(.strip-kicker){color:#e1e8dc}.strip-maker-copy h2{margin-bottom:25px}.strip-maker-copy .strip-kicker{color:#b6c5a9}.strip-maker-copy .strip-maker-note{font-size:12px!important;opacity:.75}.strip-maker-flow{display:flex;flex-direction:column;justify-content:center}.strip-maker-flow div:not(.strip-flow-line){display:grid;grid-template-columns:36px 1fr;gap:6px 15px;align-items:baseline;padding:18px 20px;border:1px solid #ffffff47;border-radius:8px}.strip-maker-flow span{grid-row:span 2;color:#b9c5b1;font-size:11px}.strip-maker-flow strong{font-size:18px}.strip-maker-flow small{color:#c8d0c3;font-size:12px}.strip-flow-line{height:20px;margin-left:38px;border-left:1px solid #ffffff70}.strip-campaign{border:0}.strip-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.strip-campaign figure{min-width:0;margin:0}.strip-campaign img{display:block;width:100%;height:440px;object-fit:cover}.strip-campaign figcaption{margin-top:10px;color:#758074;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:900px){.strip-screen-art{height:470px}.strip-makers{padding:48px;gap:6%}.strip-campaign img{height:330px}}
@media(max-width:650px){.strip-intro,.strip-journey,.strip-campaign{padding:60px 0}.strip-intro-grid{grid-template-columns:1fr;gap:24px}.strip-intro-grid p:not(.strip-kicker),.strip-maker-copy>p:not(.strip-kicker){font-size:15px}.strip-section-heading{display:block}.strip-section-heading>p{margin-top:18px}.strip-screens{grid-template-columns:1fr;gap:38px;margin-top:28px}.strip-screen-art{height:520px}.strip-screen-art a{height:90%}.strip-makers{grid-template-columns:1fr;gap:28px;padding:35px 24px;margin-top:50px}.strip-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.strip-campaign-grid figure:last-child{grid-column:1/-1}.strip-campaign img{height:240px}.strip-campaign-grid figure:last-child img{height:300px}.strip-campaign figcaption{font-size:9px}.case-strip .case-stage{width:calc(100% + 36px);margin-left:-18px}.case-strip .strip-hero-phone{width:140px;height:304px}}
@media(max-width:350px){.strip-screen-art{height:450px}}

/* Match the case hierarchy used across Studio: story, contribution, then product sections. */
.strip-intro h2,.strip-contribution h2,.strip-section-heading h2,.strip-makers h2{font-size:clamp(29px,4vw,41px);line-height:1.08;letter-spacing:-.056em}
.strip-story-copy{max-width:840px;margin-top:16px}.strip-story-copy p{margin:0 0 16px;color:#5f665e;font-size:15px;line-height:1.6}
.strip-contribution{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid #e7e8e2}.strip-contribution h2{margin:0}.strip-contribution ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;margin:0;padding:0 0 0 28px;border-left:1px solid #e7e8e2;font-size:14px;line-height:1.5}
@media(max-width:650px){.strip-contribution{display:block}.strip-contribution ul{grid-template-columns:1fr;margin-top:20px;padding-left:20px;border:0}}

.strip-post-carousel{margin-top:32px;padding:20px;background:#f2f1ec;border-radius:16px}.strip-post-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.strip-post-track:focus-visible{outline:2px solid #52664c;outline-offset:3px}.strip-post-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}.strip-post-placeholder{max-width:900px;margin-inline:auto;aspect-ratio:4/3;display:grid;place-items:center;border:1px dashed #b9c0b4;border-radius:10px;background:#e8ebe4;color:#697469;font-size:15px;font-weight:700}.strip-post-slide figcaption{display:grid;gap:8px;padding:20px 4px 8px}.strip-post-slide figcaption strong{font-size:20px;letter-spacing:-.03em}.strip-post-slide figcaption span{color:#667068;font-size:14px;line-height:1.6}.strip-post-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.strip-post-controls button:disabled{opacity:.38;cursor:default}.strip-post-dots{display:flex;align-items:center}.strip-post-dots button{width:32px;height:44px;border:0;background:none;cursor:pointer;display:grid;place-items:center}.strip-post-dots button:before{content:'';width:8px;height:8px;border-radius:50%;border:1px solid #869184}.strip-post-dots button[aria-current=true]:before{background:#596c51;border-color:#596c51}.strip-post-carousel[data-enhanced] .strip-post-track{scrollbar-width:none}.strip-customer-app{padding-top:60px}@media(max-width:650px){.strip-post-carousel{padding:12px;margin-top:24px}.strip-post-slide figcaption strong{font-size:17px}.strip-post-slide figcaption span{font-size:13px}.strip-customer-app{padding-top:45px}}

.strip-post-visual{aspect-ratio:4/3;max-width:900px;margin-inline:auto;display:flex;align-items:center;justify-content:center;padding:24px;background:#e8ebe4;border-radius:10px}.strip-post-visual a{display:block;height:100%;max-width:100%;min-width:0}.strip-post-visual img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;border-radius:14px;box-shadow:0 12px 32px #1d281d26}@media(max-width:650px){.strip-post-visual{padding:12px}.strip-post-visual img{border-radius:8px}}

@media(max-width:650px){.strip-post-visual{height:480px;aspect-ratio:auto}}

.strip-post-visual a{position:relative}.strip-post-app{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:#263426ed;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 10px #0003;pointer-events:none}

/* Preserve the full illustrated hero, including its phone and action, at every viewport. */
.case-strip .case-stage{height:auto}.case-strip .strip-hero-concept{display:block;width:100%;height:auto}

.strip-chat-pair{gap:clamp(10px,3vw,32px)}.strip-chat-pair a{flex:0 1 auto;max-width:calc((100% - 10px)/2);min-width:0}.strip-chat-pair img{max-width:100%;object-fit:contain}

/* Keep the measurements capture readable over the convention background. */
.strip-measurements-convention{position:relative;overflow:hidden;width:100%;max-width:none;height:min(675px,75vw);aspect-ratio:auto}.strip-measurements-convention img.strip-convention-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.strip-measurements-convention::before{content:"";position:absolute;inset:0;background:#19251938;z-index:1;pointer-events:none}.strip-measurements-convention a{z-index:2}

/* Keep carousel captures consistently scaled without decorative frames. */
.strip-post-visual:not(.strip-measurements-convention){background:transparent;border-radius:0}
.strip-post-visual img{border-radius:0;box-shadow:none}
.strip-post-visual img.strip-capture-unframed{clip-path:inset(1.5% 2% 1.5% 2% round 3%)}
@media(max-width:650px){.strip-post-visual img{border-radius:0}}

/* Let wide business screenshots fill their slide without an empty phone-sized stage. */
.strip-post-visual-wide{width:100%;max-width:none;height:auto;aspect-ratio:auto;padding:0}
.strip-post-visual-wide a{width:100%;height:auto}
.strip-post-visual-wide img{width:100%;height:auto;max-width:100%}
@media(max-width:650px){.strip-post-visual-wide{height:auto;aspect-ratio:auto;padding:0}}

/* Fill the fixed Features stage with the business screenshots. */
.strip-post-carousel[aria-label="Features"] .strip-post-visual-wide{width:100%;max-width:none;height:min(675px,75vw);aspect-ratio:auto;padding:0}
.strip-post-carousel[aria-label="Features"] .strip-post-visual-wide a{width:100%;height:100%;max-width:none}
.strip-post-carousel[aria-label="Features"] .strip-post-visual-wide img{width:100%;height:100%;max-width:none;object-fit:fill}
@media(max-width:650px){.strip-post-carousel[aria-label="Features"] .strip-post-visual-wide{height:480px;aspect-ratio:auto}}

@media(max-width:650px){.strip-measurements-convention{height:480px}}

/* Place app labels below the screenshots so they never cover faces. */
.strip-two-apps{padding-bottom:42px}
.strip-two-apps .strip-post-app{top:calc(100% + 6px)}

/* The handoff card makes the switch to the maker app explicit. */
.strip-post-visual.strip-handoff{background:#344132;color:#fff;padding:clamp(30px,6vw,72px);text-align:left}
.strip-handoff-content{width:min(100%,650px)}
.strip-handoff-kicker{display:block;color:#c4d2bc;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:24px}
.strip-handoff-content strong{display:block;font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-.045em}
.strip-handoff-content p{max-width:480px;color:#d8e0d3;font-size:clamp(15px,1.6vw,18px);line-height:1.6;margin:22px 0 0}
.strip-handoff-marker{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c4d2bc;border-radius:50%;font-size:25px;margin-top:32px}

/* Fit carousel navigation on narrow phones while keeping full-size arrow targets. */
@media(max-width:650px){
  .strip-post-controls:not([hidden]){gap:4px}
  .strip-post-controls>.arrow-control{flex:0 0 44px}
  .strip-post-dots{display:grid;grid-template-columns:repeat(4,40px);justify-content:center}
  .strip-post-dots button{width:40px;height:44px}
}

/* Reserve the same wide screenshot stage before and after deferred images load. */
.strip-post-carousel[aria-label="What we see"] .strip-post-visual-wide{aspect-ratio:2586/1418;height:auto}
.strip-post-carousel[aria-label="What we see"] .strip-post-visual-wide a{width:100%;height:100%}
.strip-post-carousel[aria-label="What we see"] .strip-post-visual-wide img{width:100%;height:100%;object-fit:contain}

/* Reflow concept illustrations for mobile without distorting their proportions. */
.strip-post-visual a.strip-concept-mobile{display:none}
@media(max-width:650px), (max-width:1100px) and (pointer:coarse){
  .strip-post-carousel[aria-label="Features"] .strip-post-visual-wide img{object-fit:contain}
  .strip-post-visual a.strip-concept-desktop{display:none}
  .strip-post-visual a.strip-concept-mobile{display:block}
}