:root{--ink:#192f2c;--paper:#f8f7f2;--orange:#bd4929;--line:#d8dcd4;--muted:#5c6861}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:11px;letter-spacing:2px;line-height:1.4}.brand b{font-size:15px;letter-spacing:3px}.brand-symbol{border:1px solid var(--orange);color:var(--orange);font:32px Georgia;padding:2px 9px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{text-decoration:none}.nav-cta{border-bottom:1px solid var(--orange);padding:8px 0}.hero{padding:70px 5.5% 60px;display:grid;grid-template-columns:1.35fr 1fr;gap:6%;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.5;color:var(--orange);text-transform:uppercase;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font:clamp(44px,5.4vw,83px)/1.05 Georgia,serif;letter-spacing:-3px;margin-bottom:28px}h1 em{font-weight:400;color:var(--orange)}h2{font:clamp(34px,3.6vw,53px)/1.12 Georgia,serif;letter-spacing:-1.5px}h3{font:27px/1.2 Georgia,serif}.hero-copy>p:not(.eyebrow){max-width:510px;color:var(--muted)}.hero-copy .intro{font-size:21px;color:var(--ink)!important;margin-bottom:12px}.actions{display:flex;align-items:center;gap:26px;margin:30px 0 38px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:16px 23px;background:var(--orange);color:white;text-decoration:none;border:0;font:600 13px/1.4 Arial;cursor:pointer;transition:background .2s}.button:hover{background:#96391f}.text-link{font-size:13px;text-underline-offset:6px}.byline{display:flex;gap:14px;align-items:center;font-size:11px;line-height:1.6}.byline b{font-size:13px}.monogram{display:grid;place-items:center;border:1px solid #b7c3b8;border-radius:50%;width:45px;height:45px;font:18px Georgia}.journey-art{background:#e8ede4;border-radius:160px 160px 0 0;position:relative;display:flex;flex-direction:column;justify-content:center;padding:35px 15px 25px;max-height:650px;border:1px solid #d9e0d2}.art-top{text-align:center;font-size:9px;letter-spacing:2px;margin:20px 0 0}.journey-art svg{width:100%;height:auto;max-height:470px;overflow:visible}.journey-art .route-shadow{fill:none;stroke:#d5ddce;stroke-width:42}.journey-art .route{fill:none;stroke:#98aa94;stroke-width:1;stroke-dasharray:4 5}.journey-art circle{fill:var(--orange);stroke:#e8ede4;stroke-width:3}.journey-art text{font:9px Arial;letter-spacing:1.4px;fill:var(--ink)}.journey-art>p{text-align:center;font:16px/1.5 Georgia;margin:0}.section{padding:80px 8%;scroll-margin-top:0}.principle{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.principle>.eyebrow{grid-column:1/-1;color:#f0aa85}.principle p:not(.eyebrow){color:#c4d0ca}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-heading>p{font-size:14px;max-width:330px;color:var(--muted)}.section-heading h2{margin:0}.question{border-top:1px solid var(--line)}.question:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer}.question>summary{display:grid;grid-template-columns:65px 1fr 30px;gap:12px;align-items:center;padding:27px 0;list-style:none}.question>summary::-webkit-details-marker{display:none}.q-number{color:var(--orange);font:24px Georgia;align-self:start;padding-top:8px}.question summary .eyebrow{display:block;margin:0 0 7px}.q-title{display:block;font:clamp(21px,2vw,29px)/1.25 Georgia;max-width:800px}.toggle{font:30px Georgia;font-weight:normal}.question[open] .toggle{transform:rotate(45deg)}.question-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:7%;padding:10px 0 40px 77px}.question-body article{font-size:15px;color:#3d4d45}.q-subtitle{font:23px/1.4 Georgia;color:var(--ink)}.source-table{border-left:2px solid #c6d0bd;margin:24px 0;background:#edf0e8;padding:18px;font-size:13px}.source-row{display:flex;gap:14px}.source-row+ .source-row{border-top:1px solid #d8dfd2;margin-top:12px;padding-top:12px}.source-row>div{flex:1;white-space:pre-line}.source-row>div:empty{display:none}.podcast{background:#e9ede5;padding:25px;height:fit-content;position:sticky;top:25px;font-size:13px}.podcast .eyebrow{font-size:9px}.audio-icon{color:var(--orange);font-size:26px;margin:25px 0}.audio-icon span{letter-spacing:3px;font-size:30px}.podcast h3{font-size:25px}.pill{font-size:10px;letter-spacing:.5px;border:1px solid #b8c6b4;border-radius:20px;padding:8px 12px;display:inline-block}.podcast audio{width:100%}.conclusion{margin:55px 0 30px;padding:38px;border:1px solid var(--line);max-width:850px}.conclusion h3{font-size:32px}.conclusion p:last-child{margin:0;color:var(--muted)}.sources{font-size:12px;color:var(--muted)}.sources summary{padding:12px 0}.sources a{text-underline-offset:3px}.engagement{background:#e9ede5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:50px 0 20px}.steps>div{border-top:1px solid #b9c6b2;padding:20px 0;display:flex;flex-direction:column}.steps span{font-size:10px;color:var(--orange);letter-spacing:2px}.steps h3{font-size:25px;margin:20px 0 15px}.steps p{font-size:14px;flex:1}.steps b{font-size:11px;font-weight:600}.small{font-size:11px;line-height:1.6;color:var(--muted)}.deliverable{background:var(--ink);color:white;padding:45px;display:grid;grid-template-columns:1.5fr 1fr;gap:12%;margin:45px 0 18px}.deliverable .eyebrow{color:#edb08b}.deliverable h3{font-size:37px}.deliverable p,.deliverable li{font-size:14px;color:#d0d9d1}.deliverable ul{padding-left:18px}.price{border-left:1px solid #4c6054;padding-left:40px}.price>p:first-child{font-size:10px;letter-spacing:1.6px}.price strong{font:54px Georgia;display:block}.price strong span{font-size:25px}.price hr{border:0;border-top:1px solid #4c6054;margin:25px 0}.author{display:grid;grid-template-columns:1fr 2fr;gap:9%;align-items:center}.author-mark{background:#ded7c8;aspect-ratio:1;max-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:85px Georgia}.author-mark span{font:9px/1.8 Arial;letter-spacing:2px;text-align:center;margin-top:25px}.author p:not(.eyebrow){color:var(--muted);font-size:15px}.discussion{background:#f0eee7;display:grid;grid-template-columns:1fr 1.15fr;gap:10%;border-top:1px solid var(--line)}.discussion>div>p:not(.eyebrow){max-width:400px}.contact{display:inline-block;font-size:15px;text-underline-offset:5px;margin:12px 0 25px}form label{display:block;font-size:12px;margin-bottom:18px}input,select,textarea{display:block;width:100%;border:1px solid #b8c0b4;border-radius:0;background:#fafaf6;font:15px Arial;color:var(--ink);padding:13px;margin-top:6px}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}textarea{resize:vertical}#form-status{font-size:13px;margin-top:15px}footer{padding:30px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}footer p{margin:0}.skip{position:absolute;left:15px;top:-80px;background:white;padding:12px;z-index:3}.skip:focus{top:10px}@media(min-width:1600px){.section{padding-left:calc((100vw - 1344px)/2);padding-right:calc((100vw - 1344px)/2)}}@media(max-width:900px){.hero{grid-template-columns:1fr 0.8fr;gap:4%;padding-top:45px}h1{font-size:50px}.section{padding:60px 6%}.question-body{padding-left:0;gap:25px;grid-template-columns:minmax(0,1fr) 220px}.steps{grid-template-columns:1fr 1fr}.deliverable{gap:30px;padding:30px}.price{padding-left:25px}nav{gap:16px}.author{gap:30px}.discussion{gap:35px}footer{flex-wrap:wrap}}@media(max-width:640px){header{height:80px;padding:0 6%}nav>a:not(.nav-cta){display:none}.hero{display:flex;flex-direction:column;padding:40px 6%;gap:40px}h1{font-size:48px;letter-spacing:-2px}.hero-copy .intro{font-size:19px}.hero-copy>p{font-size:14px}.journey-art{border-radius:120px 120px 0 0;max-width:400px;width:100%;align-self:center;padding-top:15px}.journey-art svg{max-height:390px}.principle{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:25px}.question>summary{grid-template-columns:32px 1fr 20px;gap:12px;padding:24px 0}.q-number{font-size:19px}.question-body{display:block}.podcast{position:static;margin-top:25px}.audio-icon{margin:10px 0}.podcast h3 br{display:none}.q-title{font-size:23px}.source-row{flex-direction:column}.conclusion{padding:25px}.conclusion h3{font-size:27px}.steps{gap:24px 20px}.steps h3{font-size:22px}.steps p{font-size:13px}.deliverable{grid-template-columns:1fr;padding:28px}.deliverable h3{font-size:32px}.price{border-left:0;border-top:1px solid #4c6054;padding:25px 0 0}.author,.discussion{grid-template-columns:1fr}.author-mark{max-width:180px;font-size:60px}.author-mark span{font-size:8px;margin-top:10px}.form-row{grid-template-columns:1fr;gap:0}.contact{font-size:14px}footer{display:block}footer>*{margin-bottom:12px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,nav,.journey-art,.podcast,.discussion,footer,.actions{display:none}.section,.hero{padding:20px}.question-body{display:block}.question{break-inside:avoid}.principle,.engagement,.deliverable{background:white;color:black}.principle p,.deliverable p,.deliverable li{color:black}}

/* Kyndryl identity and commissioner case study */
:root{--orange:#c43f25}.kyndryl-wordmark{font-family:Arial,sans-serif;font-size:36px;font-weight:600;letter-spacing:-2px;color:#e63e25;line-height:1}.brand-divider{width:1px;height:35px;background:var(--line);margin:0 7px}.author{grid-template-columns:1fr 1.65fr;align-items:start;gap:8%}.author-heading{position:sticky;top:35px}.author-heading h2{font-size:clamp(32px,3.1vw,46px)}.author .author-name{font-size:20px;color:var(--ink);margin:30px 0 3px;font-weight:600}.author .author-tenure{font-size:12px;margin:0 0 25px}.author-story>h3{font-size:31px}.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 0;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-results strong{display:block;color:var(--orange);font:34px Georgia;margin-bottom:10px}.case-results span{display:block;font-size:10px;color:var(--muted);line-height:1.6}.author .case-recognition{font:20px/1.5 Georgia;color:var(--ink)}.author .small{font-size:11px}.kyndryl-role{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.kyndryl-role h3{font-size:29px}.kyndryl-role .eyebrow{color:var(--orange);font-size:10px}footer .kyndryl-wordmark{font-size:26px}footer .brand{gap:20px}@media(max-width:640px){.brand .kyndryl-wordmark{font-size:30px}.brand-divider{height:28px;margin:0}.brand{gap:10px;font-size:8px}.brand b{font-size:10px;letter-spacing:2px}header nav{font-size:12px}.author{grid-template-columns:1fr;gap:30px}.author-heading{position:static}.case-results{gap:12px}.case-results strong{font-size:29px}.case-results span{font-size:9px}footer .brand{font-size:9px}}

/* Visual system adapted from Kyndryl.com, November 2026.
   Official logo: Kyndryl clientlib-site/resources/images/logo-kyndryl-red.svg.
   Uses system sans-serif rather than redistributing proprietary TWK Everett. */
:root{--ink:#3d3c3c;--paper:#fff;--orange:#d93620;--line:#dcdad8;--muted:#565049;--green:#4cdd84}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.65}
header{height:88px;background:#f2f1ee;margin:16px 16px 0;padding:0 32px;border:0;border-radius:12px;position:relative;z-index:2}
.kyndryl-logo{display:block;width:124px;height:40px;object-fit:contain;flex-shrink:0}
.brand{gap:22px;font-size:10px;letter-spacing:1px}.brand b{font-size:13px;letter-spacing:1.5px}.brand-divider{background:#c9c7c4;height:32px}
nav{font-size:14px;gap:32px}.nav-cta{background:var(--green);border:0;border-radius:30px;padding:12px 24px;color:#042315;font-weight:600}.nav-cta:hover{background:#70e59d}
.hero{padding:72px 5.5% 80px;gap:7%;grid-template-columns:1.25fr 1fr;background:white}
.eyebrow{color:var(--muted);font-size:11px;letter-spacing:1px;font-weight:600;line-height:1.65}
h1{font:300 clamp(43px,4.8vw,72px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-2.4px}
h1 em{font-style:normal;color:#d93620;font-weight:300}
h2{font:300 clamp(33px,3.4vw,51px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-1.5px}
h3{font:400 27px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.6px}
.hero-copy .intro{font-size:21px}.hero-copy>p:not(.eyebrow){color:var(--muted)}
.button{background:var(--green);color:#042315;border-radius:4px;font-weight:600;padding:16px 22px;font-size:14px}.button:hover{background:#70e59d}
.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid #898888;padding-bottom:4px}
.journey-art{border-radius:8px;background:#f2f1ee;border:0;padding:20px 16px 28px}
.journey-art .route-shadow{stroke:#dedbd7;stroke-width:34}.journey-art .route{stroke:#898888}.journey-art circle{fill:#ff462d;stroke:#f2f1ee}
.journey-art>p{font:400 15px/1.6 Arial,Helvetica,sans-serif;color:#565049}.journey-art text{fill:#3d3c3c;font-size:10px;letter-spacing:.5px}.art-top{font-size:10px;letter-spacing:1px}
.principle{background:#3d3c3c}.principle>.eyebrow{color:#4cdd84}.principle p:not(.eyebrow){color:#f2f1ee}
.q-number{font:300 26px Arial;color:#d93620}.q-title{font:400 clamp(21px,2vw,29px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.5px}
.toggle{font-family:Arial;font-weight:300}.q-subtitle{font:400 22px/1.4 Arial,Helvetica,sans-serif}
.question-body article{color:#565049;font-size:16px}.source-table{border-color:#ff462d;background:#f2f1ee}.source-row+.source-row{border-color:#dcdad8}
.podcast{background:#f2f1ee;border-radius:4px}.podcast h3{font-size:25px}.pill{border-color:#b9b5b0;color:#565049}.audio-icon{color:#d93620}
.conclusion{background:#f2f1ee;border:0;border-radius:4px;padding:40px}.conclusion h3{font-size:32px}
.engagement{background:#f2f1ee}.steps>div{border-color:#bcb9b5}.steps span{color:#d93620}.steps h3{font-size:26px}
.deliverable{background:#3d3c3c;border-radius:8px;padding:48px}.deliverable .eyebrow{color:#4cdd84}.deliverable h3{font-size:36px}.deliverable p,.deliverable li{color:#f2f1ee}
.price{border-color:#777370}.price strong{font:300 56px Arial,Helvetica,sans-serif}.price hr{border-color:#777370}
.author-heading h2{font-size:clamp(32px,3.1vw,46px)}.author-story>h3{font-size:30px}.author .case-recognition{font:400 19px/1.5 Arial,Helvetica,sans-serif;color:#3d3c3c}
.case-results strong{font:300 36px Arial,Helvetica,sans-serif;color:#d93620}.case-results span{font-size:11px}.kyndryl-role .eyebrow{color:#565049}
.discussion{background:#f2f1ee}.contact{font-size:15px}input,select,textarea{background:#fff;border-color:#a6a09b;border-radius:4px;padding:14px}form label{font-size:13px}
footer{background:#3d3c3c;color:#fff;padding-top:40px;padding-bottom:40px}footer .kyndryl-logo{width:110px;height:auto}footer .brand{font-size:9px}
@media(max-width:900px){header{padding:0 24px}nav{gap:20px}.hero{gap:5%}.deliverable{padding:32px}.question-body article{font-size:15px}}
@media(max-width:640px){header{margin:10px 10px 0;height:76px;padding:0 18px;border-radius:8px}.kyndryl-logo{width:96px;height:32px}.brand{gap:12px}.brand-divider{display:none}header .brand>span:last-child{display:none}.nav-cta{padding:10px 16px;font-size:12px}.hero{padding:44px 6% 50px}h1{font-size:46px;letter-spacing:-1.8px}.hero-copy .eyebrow{font-size:10px}.journey-art{border-radius:6px;max-width:100%;padding-top:16px}.journey-art svg{max-height:420px}.q-title{font-size:23px}.steps h3{font-size:23px}.deliverable h3{font-size:31px}.price{border-color:#777370}.case-results strong{font-size:28px}.case-results span{font-size:10px}.conclusion{padding:28px}footer .brand{gap:18px}}

/* Responsive, locally hosted photography */
.innovation{border-bottom:1px solid var(--line)}.innovation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.innovation figure{margin:0;min-width:0;background:#f2f1ee;border-radius:6px;overflow:hidden}.innovation figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}.innovation figure:first-child img{object-position:43% center}.innovation figcaption{padding:25px}.innovation figcaption .eyebrow{font-size:10px;margin-bottom:16px}.innovation h3{font-size:26px;line-height:1.2}.innovation figcaption>p:not(.eyebrow){font-size:14px;color:var(--muted)}.photo-context{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:22px}.innovation-bridge{font-size:19px;max-width:830px;margin:35px 0 15px}.photo-credits{margin-top:15px}.photo-credits li{margin-bottom:12px}@media(max-width:900px){.innovation-grid{gap:16px}.innovation figcaption{padding:20px}.innovation h3{font-size:23px}}@media(max-width:640px){.innovation-grid{grid-template-columns:1fr;gap:25px}.innovation figure img{aspect-ratio:3/2}.innovation h3{font-size:27px}.innovation-bridge{font-size:17px}}

/* Four technology stories; preserve readable cards on tablets and phones. */
.innovation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.innovation figure img{aspect-ratio:16/9}.innovation figure:nth-child(2) img{object-position:center}.innovation figcaption{padding:28px}.innovation h3{font-size:28px}@media(max-width:640px){.innovation-grid{grid-template-columns:1fr;gap:25px}.innovation figcaption{padding:24px}.innovation h3{font-size:26px}}


/* Fairway follows the same compact format as the other technology examples. */
.innovation .fairway-card>img{object-fit:cover;object-position:center 54%;background:#17242c}.innovation .fairway-card h3{max-width:420px}@media(min-width:641px){.innovation-grid>figure:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.innovation-grid>figure:last-child>img{height:100%;min-height:300px;aspect-ratio:auto}.innovation-grid>figure:last-child>figcaption{align-self:center}}
