/* Shared geometry. Artwork is an individual complete asset, never a crop. */
[data-stage-card-section] .is-grid.stc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin:40px 0 0;padding:0}
[data-stage-card-section] .is-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:24px 24px 12px;border:0;border-radius:22px;background:#f5f5f5;overflow:visible;color:#171717}
[data-stage-card-section] .is-number{display:block;margin:0 0 14px;font-family:inherit;font-size:clamp(46px,4.2vw,68px);font-weight:400;line-height:1;letter-spacing:-.055em;color:#77858b}
[data-stage-card-section] .is-card h3{margin:0 0 16px;min-height:3.3em;max-width:none;font-family:inherit;font-size:clamp(23px,2.1vw,34px);line-height:1.1;letter-spacing:-.04em;font-weight:500!important;text-wrap:balance;color:#171717}
[data-stage-card-section] .is-art{margin-top:auto;width:100%;aspect-ratio:3/2;flex-shrink:0;overflow:visible}
[data-stage-card-section] .is-art img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border:0;border-radius:0}
@media(min-width:901px){[data-stage-card-section] .is-grid:has(>.is-card:nth-child(4)):not(:has(>.is-card:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}[data-stage-card-section] .is-grid:has(>.is-card:nth-child(7))>.is-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:80px 1fr 1.4fr;gap:24px;align-items:center}[data-stage-card-section] .is-grid:has(>.is-card:nth-child(7))>.is-card:last-child h3{min-height:0;margin:0}[data-stage-card-section] .is-grid:has(>.is-card:nth-child(7))>.is-card:last-child .is-art{max-height:240px;margin:0;aspect-ratio:3/2}}
@media(min-width:651px) and (max-width:900px){[data-stage-card-section] .is-grid.stc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}[data-stage-card-section] .is-card{padding:22px 20px 10px}[data-stage-card-section] .is-card h3{font-size:26px}}
@media(max-width:650px){[data-stage-card-section] .is-grid.stc-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}[data-stage-card-section] .is-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 12px;padding:18px 16px 12px;border-radius:16px}[data-stage-card-section] .is-number{font-size:36px;line-height:1;margin:0;align-self:start}[data-stage-card-section] .is-card h3{min-height:0;margin:0;font-size:23px;line-height:1.12;letter-spacing:-.035em;text-wrap:pretty;align-self:center}[data-stage-card-section] .is-art{grid-column:1/-1;width:100%;height:auto;max-height:190px;aspect-ratio:3/2;margin:0}[data-stage-card-section] .is-art img{height:100%;max-height:190px}}

#process:has([data-individual-stage-art]) .wcb-heading h2{font-weight:600!important;max-width:none;font-size:clamp(36px,4.4vw,64px);line-height:1.07;letter-spacing:-.045em}

/* Native editorial notes stay sharp at every screen size. */
[data-stage-card-section] .is-art{position:relative;container-type:inline-size}
[data-stage-card-section] .is-detail{position:absolute;line-height:1.15;font-size:3.5cqw;font-style:italic;pointer-events:none;text-align:center;color:#171717;transform:rotate(-5deg)}
[data-stage-cards="web-development/promo"] .is-detail-people{left:11%;top:12%;width:21%}
[data-stage-cards="web-development/promo"] .is-detail-product{right:8%;top:12%;width:22%}
[data-stage-cards="web-development/promo"] .is-detail-insight{left:6%;top:36%;width:19%}
[data-stage-cards="web-development/promo"] .is-detail-context{left:7%;top:63%;width:18%}
[data-stage-cards="web-development/promo"] .is-detail-idea{right:8%;top:64%;width:18%}
[data-stage-cards="web-development/promo"] .is-detail-note{left:43%;top:60%;width:20%;font-size:5.3cqw;transform:rotate(-10deg)}
[data-stage-cards="web-development/promo"] .is-detail-frame-a,[data-stage-cards="web-development/promo"] .is-detail-frame-b,[data-stage-cards="web-development/promo"] .is-detail-frame-c{top:15%;width:27%;color:#fff;font-style:normal;font-size:3.2cqw;text-align:left;transform:none}
[data-stage-cards="web-development/promo"] .is-detail-frame-a{left:7%}[data-stage-cards="web-development/promo"] .is-detail-frame-b{left:37%}[data-stage-cards="web-development/promo"] .is-detail-frame-c{left:70%}
[data-stage-cards="web-development/promo"] .is-detail-state-a{left:19%;top:19%;font-size:3.2cqw;transform:none}[data-stage-cards="web-development/promo"] .is-detail-state-b{left:53%;top:19%;color:white;font-size:3.2cqw;transform:none}
[data-stage-cards="web-development/promo"] .is-detail-character{left:9%;top:61%;width:23%;font-size:4cqw;color:#ff5a2b}
[data-stage-cards="web-development/promo"] .is-detail-screen{left:25%;top:34%;width:28%;text-align:left;color:white;font-style:normal;font-size:4.5cqw;transform:none;background:#292420;padding:1% 0}
[data-stage-cards="web-development/promo"] .is-detail-message{left:29%;top:27%;width:30%;font-style:normal;font-size:5cqw;transform:rotate(-3deg);color:white;background:#3e1722;padding:2%}
[data-stage-cards="web-development/promo"] .is-detail-check-a,[data-stage-cards="web-development/promo"] .is-detail-check-b,[data-stage-cards="web-development/promo"] .is-detail-check-c{left:59%;width:20%;text-align:left;background:#f5f3ef;transform:rotate(-5deg);font-style:normal;font-size:3cqw;padding:1%}
[data-stage-cards="web-development/promo"] .is-detail-check-a{top:51%}[data-stage-cards="web-development/promo"] .is-detail-check-b{top:61%}[data-stage-cards="web-development/promo"] .is-detail-check-c{top:73%}

@font-face{font-family:ImpactStageOnest;src:url('/assets/onest-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
[data-stage-card-section] .is-grid{font-family:ImpactStageOnest,Onest,sans-serif}
[data-stage-card-section] .is-card h3{font-family:ImpactStageOnest,Onest,sans-serif;font-weight:500!important;min-height:2.2em;margin-bottom:12px}
#process:has([data-individual-stage-art]) .wcb-heading{display:block}
#process:has([data-individual-stage-art]) .wcb-heading h2{font-family:ImpactStageOnest,Onest,sans-serif;font-weight:650!important;width:100%;max-width:none}
@media(max-width:650px){[data-stage-card-section] .is-card h3{min-height:0}}

[data-stage-card-section] .is-editorial-note{position:absolute;z-index:1;font-size:3.4cqw;font-weight:500;font-style:italic;line-height:1.2;max-width:70%;pointer-events:none;color:#ff5a2b;background:rgba(245,245,245,.94);padding:1% 2%;border-radius:2px;transform:rotate(-4deg)}
[data-stage-card-section] .is-editorial-note-0{left:3%;top:1%;border-bottom:1px solid #ff5a2b}
[data-stage-card-section] .is-editorial-note-1{right:2%;bottom:1%;font-size:2.8cqw;color:#32131d;transform:rotate(2deg)}

.is-spec-form{position:absolute;left:10%;top:13%;width:43%;height:75%;box-sizing:border-box;padding:3%;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:2%;font-size:2.8cqw;color:#171717;pointer-events:none}
.is-spec-form strong{font-size:4.5cqw;line-height:1.1;margin-bottom:2%;font-weight:650}.is-spec-form>span{font-size:2.5cqw}.is-spec-field{border:1px solid #ddd;border-radius:3px;padding:4% 5%;background:#fff}.is-spec-field.is-error{border-color:#ff5a2b}.is-spec-form small{color:#ff5a2b;font-size:2.3cqw}.is-spec-form b{margin-top:auto;border-radius:4px;padding:5%;color:#fff;background:#32131d;text-align:center;font-weight:500;font-size:2.8cqw}
.is-spec-success{position:absolute;left:60%;top:51%;width:29%;height:30%;box-sizing:border-box;background:#42131e;border-radius:6px;color:white;text-align:center;padding:2% 1%;overflow:hidden;pointer-events:none}.is-spec-success strong{display:block;font-size:3.4cqw;line-height:1.15;font-weight:600}.is-spec-success span{display:block;font-size:2.5cqw;line-height:1.25;margin-top:5%}
.is-journey-label{position:absolute;color:#171717;background:white;box-sizing:border-box;width:17%;font-size:2.7cqw;line-height:1.12;font-weight:600;padding:1% 0;transform:rotate(-5deg);transform-origin:left top;pointer-events:none}.is-journey-label-0{left:7%;top:22%;width:20%;height:8%;font-size:2.4cqw}.is-journey-label-1{left:30.5%;top:25%;width:18%;height:11%}.is-journey-label-2{left:54%;top:29%;width:20%;height:11%;font-size:2.4cqw}.is-journey-label-3{left:76.5%;top:32%;width:17%;height:7%;font-size:2.15cqw}

[data-stage-cards="web-development/promo"] .is-detail-character{left:4%;top:2%;width:55%;font-size:3.6cqw;text-align:left;background:none}
[data-stage-cards="web-development/promo"] .is-detail-message{left:29%;top:27%;width:39%;font-size:4.6cqw;background:none;padding:0}
[data-stage-cards="web-development/promo"] .is-detail-screen{background:none}
[data-stage-cards="web-development/promo"] .is-detail-check-a,[data-stage-cards="web-development/promo"] .is-detail-check-b,[data-stage-cards="web-development/promo"] .is-detail-check-c{background:none;width:28%;font-size:2.9cqw}

[data-stage-cards="web-development/promo"] .is-detail-message{left:37%;top:31%;width:35%;font-size:5.2cqw}
[data-stage-cards="web-development/promo"] .is-detail-check-a{top:55%}[data-stage-cards="web-development/promo"] .is-detail-check-b{top:65%}[data-stage-cards="web-development/promo"] .is-detail-check-c{top:76%}

.is-spec-form{gap:1%;height:75%}.is-spec-form strong{font-size:3.7cqw}.is-spec-field{padding:3% 5%}
[data-stage-cards="web-development/promo"] .is-detail-check-a{top:51%}[data-stage-cards="web-development/promo"] .is-detail-check-b{top:60%}[data-stage-cards="web-development/promo"] .is-detail-check-c{top:69%;font-size:2.7cqw;width:31%}

/* Keep the annotation plane exactly aligned to its uncropped 3:2 image. */
@media(max-width:650px){
 [data-stage-card-section] .is-art{max-width:285px;max-height:none;height:auto;justify-self:center}
 [data-stage-card-section] .is-art img{max-height:none}
}
@media(min-width:901px){
 [data-stage-card-section] .is-grid:has(>.is-card:nth-child(7))>.is-card:last-child .is-art{width:100%;max-width:360px;max-height:none;justify-self:center}
}

/* Fit long promo annotations to their physical note and screen surfaces. */
[data-stage-cards="web-development/promo"] .is-detail-note{left:49.5%;top:64%;width:24%;font-size:4.6cqw;transform:translate(-50%,-50%) rotate(-10deg);padding:0}
[data-stage-cards="web-development/promo"] .is-detail-screen{width:31%;font-size:3.8cqw}
[data-stage-card-section] .is-detail{padding-bottom:.5%}

/* Keep rotated editorial captions inside their shared illustration plane. */
[data-stage-card-section] .is-editorial-note-0{top:4%;transform:rotate(-2deg)}
[data-stage-card-section] .is-editorial-note-1{bottom:4%}
[data-stage-cards="web-development/promo"] .is-detail-character{top:5%;transform:rotate(-2deg)}

/* Official CMS mark remains vector; only the obsolete raster logo was removed. */
[data-stage-cards="web-development"] .is-scene-04 img.is-cms-mark{position:absolute;left:16.3%;top:73.2%;width:10.4%;height:15.6%;max-height:none;object-fit:contain;transform:rotate(-5deg)}