/* Photographs, typography and whitespace carry the identity. */
.offer-direction .exp-button{justify-content:center;gap:0;transition:background .2s,border-color .2s,color .2s}
.offer-direction .exp-button:hover{transform:none}
.offer-direction .exp-button:focus-visible,.offer-direction .text-link:focus-visible,.offer-direction .offer-link:focus-visible,.offer-direction .intelligence-link:focus-visible,.offer-direction .expertise-links>a:focus-visible,.offer-direction .process-tabs button:focus-visible{outline:2px solid #5263e8;outline-offset:5px}
.offer-direction .text-link,.offer-direction .offer-link,.offer-direction .intelligence-link{ text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s }
.offer-direction .text-link:hover,.offer-direction .text-link:focus-visible,.offer-direction .offer-link:hover,.offer-direction .offer-link:focus-visible,.offer-direction .intelligence-link:hover,.offer-direction .intelligence-link:focus-visible{text-decoration:underline}
/* A quiet continuous connection has meaning only in the process navigation. */
.offer-direction .process-tabs{position:relative;padding-left:24px;isolation:isolate}
.offer-direction .process-tabs:before{content:'';position:absolute;left:5px;top:42px;bottom:42px;width:1px;background:#dedde8;z-index:-1}
.offer-direction .process-tabs button{position:relative;overflow:visible;grid-template-columns:minmax(0,1fr)}
.offer-direction .process-node{position:absolute;left:-23px;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid #b9b7c9;transform:translateY(-50%);box-shadow:0 0 0 5px #fff;transition:background .2s,border-color .2s}
.offer-direction .process-tabs button[aria-selected=true]>.process-node{background:#5263e8;border-color:#5263e8}
@media(max-width:650px){.offer-direction .process-tabs{padding-left:22px}.offer-direction .process-tabs button>.process-node{left:-21px}}
@media(prefers-reduced-motion:reduce){.offer-direction .exp-button,.offer-direction .text-link,.offer-direction .offer-link,.offer-direction .intelligence-link,.offer-direction .process-node{transition:none!important}}

/* Six disciplines, one photographic/editorial family. No separate icon language. */
.offer-direction .expertise-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px;margin-top:40px}
.offer-direction .expertise-links>a.discipline-card{display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #e4e4ea;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .2s}
.offer-direction .expertise-links>a.discipline-card:hover{border-color:#a6ace4}
.discipline-visual{height:280px;position:relative;overflow:hidden;background:#eeedf6;isolation:isolate}
.discipline-visual>img,.discipline-design>img{width:100%;height:100%;object-fit:cover;display:block}
.discipline-copy{padding:28px 30px 30px;display:flex;flex:1;flex-direction:column}
.offer-direction .expertise-links .discipline-copy h3{font-size:26px;line-height:1.25;letter-spacing:-.035em;color:#17171c;margin:0 0 15px}
.offer-direction .expertise-links .discipline-copy p{font-size:14px;line-height:1.9;margin:0 0 24px;max-width:none}
.discipline-more{display:block;margin-top:auto;color:#5263e8;font-size:12px;font-weight:650;text-underline-offset:5px}
.discipline-card:hover .discipline-more,.discipline-card:focus-visible .discipline-more{text-decoration:underline}
.discipline-design{height:100%;position:relative}.discipline-design:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17171c9c,transparent 85%)}
.discipline-design-note{position:absolute;left:28px;top:28px;z-index:1;color:#fff}.discipline-design-note small{font-size:9px;letter-spacing:.1em;color:#e4e2f2}.discipline-design-note strong{display:block;font-size:24px;letter-spacing:-.03em;line-height:1.45;margin-top:18px}
.discipline-api{height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px;background:radial-gradient(ellipse at 80% 0%,#454467,transparent 70%),#22222e;color:white}
.discipline-caption{font-size:9px;letter-spacing:.12em;color:#c9c6df;margin-bottom:32px}.discipline-systems{display:flex;align-items:center}.discipline-systems>span{flex:1;padding:18px 8px;border:1px solid #77758b;border-radius:8px;background:#ffffff08;font-size:12px;font-weight:650;text-align:center}.discipline-systems small{display:block;font-size:9px;font-weight:400;line-height:1.6;color:#cecbdd;margin-top:9px}.discipline-systems>i{width:20px;height:1px;background:#a09cc2}.discipline-api>p{font-size:10px;color:#c9c6df;line-height:1.7;margin-top:26px}
.discipline-ai{height:100%;position:relative;background:radial-gradient(ellipse at 20% 0%,#d5d6ee,transparent 70%),#eeecf6;padding:32px 28px;display:flex;align-items:center;gap:20px}.discipline-document{width:42%;padding:20px;background:#ffffffc4;border:1px solid #fff;border-radius:9px}.discipline-document small,.discipline-answer small{display:block;font-size:8px;letter-spacing:.09em;color:#646078}.discipline-document strong{display:block;font-size:15px;margin:13px 0 7px;letter-spacing:-.03em}.discipline-document>span{font-size:9px;color:#6f6c7d}.discipline-document i{display:block;height:2px;margin-top:13px;background:#d4d1e1}.discipline-document i:last-child{width:65%}.discipline-answer{flex:1;padding:23px 20px;background:#fff;border-radius:9px;box-shadow:0 15px 35px #30294e14}.discipline-answer strong{display:block;font-size:23px;letter-spacing:-.035em;line-height:1.3;margin:17px 0 22px}.discipline-answer>span{display:block;font-size:9px;border-top:1px solid #e4e4ea;padding-top:9px;margin-top:9px;color:#676276}
@media(max-width:1000px){.discipline-visual{height:240px}.discipline-copy{padding:25px}.discipline-ai{padding:20px;gap:12px}.discipline-document{padding:13px}.discipline-answer{padding:17px}.discipline-answer strong{font-size:20px}.discipline-api{padding:22px}.discipline-systems>span{font-size:10px}.discipline-systems>i{width:12px}}
@media(max-width:700px){.offer-direction .expertise-links{grid-template-columns:1fr;gap:28px}.discipline-visual{height:260px}.offer-direction .expertise-links .discipline-copy h3{font-size:25px}.discipline-copy{padding:25px}.discipline-ai{padding:24px;gap:14px}.discipline-answer strong{font-size:22px}.discipline-design-note strong{font-size:24px}}
@media(max-width:360px){.discipline-visual{height:230px}.discipline-ai{padding:17px;gap:10px}.discipline-answer{padding:15px}.discipline-answer strong{font-size:19px}.discipline-document strong{font-size:13px}.discipline-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){.offer-direction .expertise-links>a.discipline-card{transition:none}}
.offer-direction .expertise-links>a.discipline-card{align-items:stretch}.discipline-visual,.discipline-copy{width:100%;box-sizing:border-box}
/* Shared art direction: graphite/lilac studio, consistent inset and window treatment. */
.offer-direction .discipline-visual.expertise-family{height:auto;aspect-ratio:3/2;padding:28px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 12% 8%,#66607866,transparent 65%),linear-gradient(135deg,#292830,#1b1b22);color:#202027}
.expertise-window{width:100%;overflow:hidden;border:1px solid #ffffff45;border-radius:9px;background:#f8f8fb;box-shadow:0 18px 35px #0004;min-width:0}
.expertise-window-bar{height:28px;display:flex;align-items:center;gap:4px;padding:0 11px;background:#eeedf3;border-bottom:1px solid #dedde7;position:relative}.expertise-window-bar>span{width:4px;height:4px;border-radius:50%;background:#aaa6bc}.expertise-window-bar>b{font-size:7px;letter-spacing:.08em;font-weight:600;text-align:center;flex:1;color:#6b667b;margin-right:23px}
.expertise-site-shot{aspect-ratio:1.66;overflow:hidden;background:white}.expertise-site-shot>img{width:100%;height:auto;display:block;max-width:none}
.offer-direction .expertise-family:has(.expertise-device-scene){padding:0}.expertise-family>.expertise-device-scene{width:100%;height:100%;object-fit:cover;object-position:center}
.expertise-flow{padding:15px 22px;display:flex;flex-direction:column;align-items:stretch}.expertise-flow-row{padding:10px 13px;border:1px solid #dcdbe6;background:#fff;border-radius:6px}.expertise-flow small,.expertise-source small,.expertise-insight small,.expertise-release small{display:block;font-size:7px;letter-spacing:.08em;color:#6d6680}.expertise-flow strong{font-size:12px;letter-spacing:-.02em;display:block;margin:5px 0 4px}.expertise-flow-row>span{font-size:8px;color:#757080;display:block}.expertise-flow-check{background:#eeedf9;border-color:#bcb9df}.expertise-flow-connector{width:1px;height:10px;background:#aaa4cc;margin:auto}
.expertise-knowledge{padding:22px;display:grid;grid-template-columns:1fr 1.12fr;gap:15px;align-items:stretch}.expertise-source,.expertise-insight{padding:17px;border:1px solid #e0dce9;border-radius:6px;background:#fff;min-width:0}.expertise-insight{background:#f1effa;border-color:#c6c1e3}.expertise-knowledge strong{display:block;font-size:16px;line-height:1.35;letter-spacing:-.035em;margin:14px 0}.expertise-knowledge p{font-size:10px!important;line-height:1.8!important;color:#6b6576!important;margin:0 0 15px!important}.expertise-knowledge span{display:block;font-size:8px;color:#777083}.expertise-insight>span{color:#5263b8;border-top:1px solid #dcd6ec;padding-top:10px}.expertise-insight footer{font-size:8px;color:#696176;margin-top:16px}
.expertise-design-canvas{padding:20px;background:linear-gradient(135deg,#f3f2f8,#e9e7f1)}.expertise-design-route{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.expertise-design-route>span{padding:7px 10px;border:1px solid #d1cce0;border-radius:4px;font-size:9px;background:#fff}.expertise-design-route>i{width:20px;height:1px;background:#aaa3bd}.expertise-wireframes{display:flex;gap:20px;justify-content:center}.expertise-wireframe{width:46%;background:#fff;border:1px solid #cbc6d9;border-radius:4px;padding:12px;min-width:0}.expertise-wireframe header{display:flex;justify-content:space-between;border-bottom:1px solid #e4e0ec;padding-bottom:8px;margin-bottom:12px}.expertise-wireframe header b{width:30px;height:5px;background:#a7a1b9}.expertise-wireframe header i{width:12px;height:4px;background:#ddd8e6}.expertise-wireframe strong{font-size:10px;display:block;margin-bottom:12px;letter-spacing:-.02em}.expertise-wireframe>span{font-size:7px;color:#878092;display:block}.wire-input{height:25px;border:1px solid #ded9e7;border-radius:2px;margin:5px 0 8px;background:#faf9fc}.wire-short{width:65%;height:18px}.expertise-wireframe em{font-style:normal;display:inline-block;background:#625a80;color:white;border-radius:3px;padding:5px 10px;font-size:7px;margin-top:7px}.wire-summary{height:78px;background:#f6f4f9;padding:10px}.wire-summary i{display:block;height:4px;background:#d5cfdf;margin:6px 0}.wire-summary i:last-child{width:60%}.expertise-design-footer{font-size:8px;color:#82798f;text-align:center;margin-top:13px}
.expertise-maintenance-photo{height:200px;overflow:hidden}.expertise-maintenance-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 60%}.expertise-release{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f5f3fa;gap:8px}.expertise-release>div{min-width:0}.expertise-release strong{display:block;font-size:10px;letter-spacing:-.02em;margin-top:6px}.expertise-release>i{width:15px;height:1px;background:#c8c2d8}
@media(min-width:701px) and (max-width:1000px){.offer-direction .discipline-visual.expertise-family{padding:16px;aspect-ratio:auto;height:300px}.expertise-knowledge{padding:12px;gap:8px}.expertise-source,.expertise-insight{padding:10px}.expertise-knowledge strong{font-size:13px}.expertise-knowledge p{font-size:9px!important}.expertise-flow{padding:12px}.expertise-maintenance-photo{height:170px}.expertise-release{padding:10px;gap:5px}.expertise-release strong{font-size:8px}.expertise-design-canvas{padding:12px}.expertise-wireframes{gap:10px}}
@media(max-width:700px){.offer-direction .discipline-visual.expertise-family{padding:20px;aspect-ratio:3/2}.expertise-window-bar>b{font-size:6px}.expertise-flow{padding:10px 15px}.expertise-flow-row{padding:8px 10px}.expertise-flow strong{font-size:10px}.expertise-flow small{font-size:6px}.expertise-flow-row>span{font-size:7px}.expertise-flow-connector{height:7px}.expertise-knowledge{padding:12px;gap:10px}.expertise-source,.expertise-insight{padding:11px}.expertise-knowledge strong{font-size:12px;margin:10px 0}.expertise-knowledge p{font-size:8px!important;line-height:1.65!important}.expertise-knowledge span,.expertise-insight footer{font-size:7px}.expertise-insight footer{margin-top:10px}.expertise-maintenance-photo{height:145px}.expertise-release{padding:11px;gap:5px}.expertise-release strong{font-size:8px}.expertise-release small{font-size:6px}.expertise-design-canvas{padding:12px}.expertise-design-route{gap:7px;margin-bottom:12px}.expertise-design-route>span{font-size:7px;padding:5px 7px}.expertise-design-route>i{width:12px}.expertise-wireframes{gap:12px}.expertise-wireframe{padding:9px}.expertise-wireframe strong{font-size:8px}.expertise-wireframe header{margin-bottom:9px}.wire-input{height:18px}.wire-summary{height:64px}.expertise-design-footer{margin-top:9px;font-size:7px}}
@media(max-width:360px){.offer-direction .discipline-visual.expertise-family{padding:13px;aspect-ratio:auto;height:240px}.expertise-flow{padding:9px}.expertise-knowledge{padding:9px;gap:7px}.expertise-source,.expertise-insight{padding:8px}.expertise-knowledge strong{font-size:11px}.expertise-release strong{font-size:7px}}
.offer-direction .discipline-visual.expertise-family{padding:22px}.expertise-design-canvas{padding:15px}.expertise-design-route{margin-bottom:15px}
@media(max-width:700px){.offer-direction .discipline-visual.expertise-family{padding:16px;min-height:260px}.expertise-knowledge p{font-size:8px!important}.expertise-family:has(.expertise-device-scene){min-height:0}}
@media(max-width:360px){.offer-direction .discipline-visual.expertise-family{padding:13px;min-height:250px}.expertise-family:has(.expertise-device-scene){height:auto;min-height:0;aspect-ratio:3/2}}
/* Scale the illustrative windows as compositions, without clipping their contents. */
@media(min-width:701px) and (max-width:1100px){.offer-direction .discipline-visual.expertise-family{height:320px;min-height:320px}.expertise-family .expertise-window{zoom:.82;width:121.951%;flex:0 0 121.951%}}
@media(max-width:700px){.offer-direction .discipline-visual.expertise-family{height:290px;min-height:290px;aspect-ratio:auto}.expertise-family .expertise-window{zoom:.75;width:133.333%;flex:0 0 133.333%}.expertise-family>.expertise-device-scene{object-fit:contain}}
@media(min-width:701px) and (max-width:1100px){.offer-direction .discipline-visual.expertise-family{height:350px;min-height:350px}}
@media(max-width:1100px){.expertise-family .expertise-window{width:100%;flex:1 1 100%;min-width:0}}
/* Real screens, unified by framing; never recolor or recreate the interface. */
.offer-direction .discipline-visual.real-expertise{height:auto;min-height:0;aspect-ratio:3/2;padding:18px;display:flex;align-items:center;justify-content:center;background:#24242d}
.discipline-visual.real-expertise>img{display:block;width:100%;height:100%;min-width:0;object-fit:contain;object-position:center;border-radius:3px}
.real-expertise-credit{display:block;font-size:10px;line-height:1.6;color:#76717f;margin-bottom:14px;font-weight:500}
.expertise-image-sources{margin-top:35px;color:#6d6876;font-size:12px;line-height:1.9;border-top:1px solid #e4e4ea;padding-top:20px}.expertise-image-sources summary{cursor:pointer;font-weight:600;color:#45404d}.expertise-image-sources p{max-width:780px;margin-top:15px}.expertise-image-sources ul{padding-left:18px}.expertise-image-sources a{text-decoration:underline;text-underline-offset:3px}.expertise-image-sources a:focus-visible{outline:2px solid #5263e8;outline-offset:3px}
@media(max-width:700px){.offer-direction .discipline-visual.real-expertise{height:auto;min-height:0;aspect-ratio:3/2;padding:12px}.real-expertise-credit{font-size:9px}}