.wd-case{--wd-bg:#f4f3ee;--wd-ink:#182b2b;--wd-accent:#214947;--wd-line:#182b2b24;background:var(--wd-bg);color:var(--wd-ink)}.wd-case :is(figure,dl,dd){margin:0}.wd-case :is(h1,h2,h3){text-wrap:balance}.wd-case :is(section,main){scroll-margin-top:24px}.wd-case a{transition:opacity .2s}.wd-case a:hover{opacity:.7}.wd-case-toolbar{border-bottom:1px solid var(--wd-line);justify-content:space-between;align-items:center;gap:24px;min-height:88px;margin:0 5%;font-size:.8rem;display:flex}.wd-case-toolbar a{align-items:center;gap:30px;min-height:44px;display:inline-flex}.wd-case-toolbar strong{letter-spacing:-.09em;font-size:1.8rem}.wd-case-toolbar strong span{color:#478b76}.wd-case-toolbar>div{align-items:center;gap:32px;display:flex}.wd-case-label{font:.66rem/1.6 var(--font-ibm-plex-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.wd-case-intro{max-width:1600px;margin:auto;padding:85px 7% 55px}.wd-case-title-row{justify-content:space-between;align-items:baseline;gap:20px;margin:24px 0 42px;display:flex}.wd-case-title-row h1{letter-spacing:-.08em;font-size:clamp(5rem,13vw,12rem);font-weight:450;line-height:.95}.wd-case-title-row h1>span{vertical-align:top;margin:.35em 0 0 .5em;font-size:.27em;font-weight:300;display:inline-block}.wd-case-title-row h1.wd-case-name-long{font-size:clamp(4rem,9.5vw,9rem)}.wd-case-index{font:.75rem var(--font-ibm-plex-mono), monospace;white-space:nowrap}.wd-case-summary{grid-template-columns:1.15fr 1fr;align-items:start;gap:10%;display:grid}.wd-case-summary h2{letter-spacing:-.04em;max-width:620px;font-size:clamp(1.8rem,3.1vw,3.1rem);line-height:1.13}.wd-case-summary>p{color:#546260;max-width:500px;font-size:1.04rem;line-height:1.7}.wd-case-facts{border-top:1px solid var(--wd-line);grid-template-columns:1fr 1fr 1.2fr;gap:25px;padding-top:24px;display:grid;margin-top:50px!important}.wd-case-facts dt{font:.6rem var(--font-ibm-plex-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:#65716c;margin-bottom:10px}.wd-case-facts dd{font-size:.8rem}.wd-case-showcase{background:#dfe4dd;border-radius:8px;padding:22px;margin:0 3%!important}.wd-case-browser{font:.6rem var(--font-ibm-plex-mono), monospace;background:#fdfdf9;border-bottom:1px solid #122d2817;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.wd-case-browser>span:first-child{color:#a6b3a5;letter-spacing:.25em;font-size:.7rem}.wd-case-showcase>.wd-preview{box-shadow:0 18px 40px #1a302619}.wd-case-showcase>figcaption{color:#44544c;justify-content:space-between;gap:20px;padding:22px 0 0;font-size:.67rem;display:flex}.wd-case-showcase>figcaption>a{border-bottom:1px solid;align-items:center;min-height:44px;display:inline-flex}.wd-preview.wd-case-design-preview{aspect-ratio:16/9}.wd-case-design-preview img{object-fit:contain;width:100%;height:100%;display:block}.wd-case-chapters{border-bottom:1px solid var(--wd-line);flex-wrap:wrap;justify-content:space-between;gap:4px 30px;margin:0 7%;padding:26px 0;display:flex}.wd-case-chapters a{min-height:44px;font:.7rem var(--font-ibm-plex-mono), monospace;align-items:center;display:flex}.wd-case-section{grid-template-columns:1fr 1fr;gap:45px 10%;padding:105px 7%;display:grid}.wd-case-section-title h2{white-space:pre-line;letter-spacing:-.055em;margin-top:25px;font-size:clamp(2.1rem,4vw,4.3rem);font-weight:400;line-height:1.08}.wd-case-text-stack{gap:36px;display:grid}.wd-case h3{letter-spacing:-.025em;font-size:1.2rem;font-weight:450;line-height:1.3}.wd-case-text-stack article>p{color:#51615a;margin-top:12px;font-size:.96rem;line-height:1.8}.wd-case-text-stack article+article{border-top:1px solid var(--wd-line);padding-top:30px}.wd-case-homepage{border-top:1px solid var(--wd-line);background:#e8ebe3;grid-template-columns:1fr 1fr;gap:55px 10%;padding:70px 7% 90px;display:grid}.wd-case-homepage .wd-case-section-title>p:last-child{color:#51615a;max-width:420px;margin-top:25px;font-size:.92rem;line-height:1.8}.wd-case-homepage>ol{margin:0;padding:0;list-style:none}.wd-case-homepage li{grid-template-columns:35px 1fr;gap:22px;padding:0 0 34px;display:grid;position:relative}.wd-case-homepage li:last-child{padding-bottom:0}.wd-case-homepage li:not(:last-child):before{content:"";border-left:1px solid #425b4538;position:absolute;top:32px;bottom:7px;left:16px}.wd-case-homepage-number{width:33px;height:33px;font:.65rem var(--font-ibm-plex-mono), monospace;border:1px solid #425b4560;border-radius:50%;place-items:center;display:grid}.wd-case-homepage h3{padding-top:3px}.wd-case-homepage li p{color:#51615a;margin-top:12px;font-size:.92rem;line-height:1.8}.wd-case-detail-image{border-top:1px solid var(--wd-line);grid-column:1/-1;padding-top:35px;margin-top:30px!important}.wd-case-detail-image img{width:100%;height:auto;display:block}.wd-case-detail-image figcaption{justify-content:space-between;align-items:flex-start;gap:20px;padding-top:20px;font-size:.73rem;line-height:1.65;display:flex}.wd-case-detail-image figcaption>span{max-width:670px}.wd-case-detail-image strong{margin-bottom:7px;font-size:.8rem;font-weight:500;display:block}.wd-case-detail-image a{border-bottom:1px solid;flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.wd-case-subpage{background:#f4f3ee;grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);align-items:center;gap:5%;padding:85px 7% 95px;display:grid}.wd-case-subpage .wd-case-section-title{grid-area:1/2}.wd-case-subpage .wd-case-section-title>p:last-child{color:#51615a;max-width:480px;margin-top:24px;font-size:.96rem;line-height:1.8}.wd-case-subpage-preview{--subpage-ink:#17363e;--subpage-wash:#f3f7f1;background:#fff;grid-area:1/1;min-width:0;box-shadow:0 20px 55px #16282617}.wd-case-subpage-sitehead{min-height:54px;font:.63rem var(--font-ibm-plex-mono), monospace;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:20px;padding:12px 4%;display:flex}.wd-case-subpage-sitehead strong{font:600 1.1rem var(--font-outfit), Arial, sans-serif;letter-spacing:-.04em}.wd-case-subpage-sitehead>span{color:#586661}.wd-case-subpage-hero{position:relative}.wd-case-subpage-hero>img{width:100%;height:auto;display:block}.wd-case-subpage-hero-copy{width:53%;color:var(--subpage-ink);background:linear-gradient(90deg, var(--subpage-wash), transparent);flex-direction:column;justify-content:center;padding:4% 8%;display:flex;position:absolute;inset:0 auto 0 0}.wd-case-subpage-hero-copy h3{margin:17px 0;font-size:clamp(1.5rem,2.5vw,3.2rem);line-height:1.04}.wd-case-subpage-hero-copy>p:last-child{max-width:280px;font-size:clamp(.72rem,.9vw,.95rem);line-height:1.55}.wd-case-subpage-preview-dark{--subpage-ink:#fff2df;--subpage-wash:#2b111ce8}.wd-case-subpage-preview figcaption{justify-content:space-between;gap:20px;padding:18px 4% 22px;font-size:.73rem;line-height:1.65;display:flex}.wd-case-subpage-preview figcaption>span{max-width:520px}.wd-case-subpage-preview figcaption strong{margin-bottom:5px;font-size:.8rem;font-weight:500;display:block}.wd-case-subpage-preview figcaption a{border-bottom:1px solid;flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.wd-case-design{color:#f1f3e9;background:#172d2b;padding:90px 7%}.wd-case-design>.wd-case-section-title{grid-template-columns:1fr 1fr;column-gap:10%;display:grid}.wd-case-design>.wd-case-section-title>.wd-case-label{grid-column:1/-1}.wd-case-design>.wd-case-section-title>p:last-child{color:#c2d0c5;align-self:end;margin-top:30px;font-size:.96rem;line-height:1.8}.wd-case-design-grid{border-top:1px solid #edf3d82e;grid-template-columns:1fr 1fr;gap:6%;margin-top:65px;padding-top:38px;display:grid}.wd-case-type-sample{letter-spacing:-.08em;font-size:clamp(6rem,14vw,13rem);line-height:1;margin:30px 0 40px!important}.wd-case-type-sample>span{color:#aac4a1;vertical-align:middle;margin-left:.35em;font-size:.6em;font-weight:300}.wd-case-type-serif{font-family:Georgia,serif}.wd-case-design-grid h3{margin:20px 0 14px;font-size:1.35rem}.wd-case-design-grid p:not(.wd-case-type-sample){color:#c2d0c5;font-size:.9rem;line-height:1.8}.wd-case-design .wd-case-detail-image{border-color:#edf3d82e;margin-top:60px!important}.wd-case-design .wd-case-detail-image figcaption{color:#c2d0c5}.wd-case-palette-panel{border-left:1px solid #edf3d82e;padding-left:12%}.wd-case-swatches{grid-template-columns:repeat(4,1fr);gap:7px;margin:30px 0 45px;display:grid}.wd-case-swatches>div>span{aspect-ratio:.7;border:1px solid #e3edd52b;display:block}.wd-case-swatches code{font-family:var(--font-ibm-plex-mono), monospace;color:#c8d4c9;padding-top:12px;font-size:.62rem;display:block}.wd-case-status{color:#fff;font:.57rem/1.5 var(--font-ibm-plex-mono), monospace;text-transform:uppercase;letter-spacing:.04em;background:#365747;border:1px solid #365747;align-items:center;margin-bottom:15px;padding:4px 9px;display:inline-flex}.wd-case-status-outline{color:#365747;background:0 0}.wd-case-tradeoff{background:#e5e8df;grid-column:1/-1;grid-template-columns:1fr 2fr;gap:40px;margin-top:15px;padding:35px 40px;display:grid}.wd-case-tradeoff>span{font-size:4rem;font-weight:300;line-height:1}.wd-case-tradeoff p{color:#51615a;margin-top:12px;font-size:.92rem;line-height:1.75}.wd-case-process{margin:0 7%;padding:15px 0 100px}.wd-case-process>ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:55px 0 0;padding:0;list-style:none;display:grid}.wd-case-process li{background:#e8ebe3;border-top:3px solid #365747;flex-direction:column;min-width:0;padding:12px 12px 18px;display:flex}.wd-case-phase-art{--phase-art-bg:#d7e5dc;position:relative}.wd-case-process li:nth-child(2) .wd-case-phase-art{--phase-art-bg:#d9e4e2}.wd-case-process li:nth-child(3) .wd-case-phase-art{--phase-art-bg:#e4e0d4}.wd-case-process li:nth-child(4) .wd-case-phase-art{--phase-art-bg:#dce1e9}.wd-case-process li:nth-child(5) .wd-case-phase-art{--phase-art-bg:#d9e7d7}.wd-case-phase-visual{color:#294c46;background:var(--phase-art-bg);width:100%;height:130px;padding:8px;display:block}.wd-case-phase-marker{z-index:1;width:29px;height:29px;font:.6rem var(--font-ibm-plex-mono), monospace;background:#f8f8f4;border:1px solid #365747;border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;left:7px}.wd-case-process h3{margin:22px 8px 8px}.wd-case-process li p{color:#51615a;font-size:.84rem;line-height:1.7}.wd-case-process li .wd-case-phase-outcome{color:#284938;margin:0 8px;font-size:.76rem}.wd-case-process details{margin:auto 8px 0;padding-top:24px}.wd-case-process summary{border-top:1px solid var(--wd-line);min-height:44px;font:.68rem var(--font-ibm-plex-mono), monospace;cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.wd-case-process summary::-webkit-details-marker{display:none}.wd-case-process summary:before{content:"+";font-size:1rem}.wd-case-process details[open] summary:before{content:"−"}.wd-case-process details>p{padding-top:8px}.wd-case-contact{text-align:center;background:#dfebcf;padding:90px 7%}.wd-case-contact h2{white-space:pre-line;letter-spacing:-.06em;margin:26px auto;font-size:clamp(2.7rem,6vw,6rem);line-height:1.03}.wd-case-contact>p:not(.wd-case-label){color:#4e614f;max-width:530px;margin:0 auto;line-height:1.75}.wd-case-contact>a{color:#f1f3e9;background:#172d2b;justify-content:space-between;align-items:center;gap:55px;min-height:54px;margin-top:32px;padding:16px 24px;font-size:.9rem;display:inline-flex}.wd-case-footer{justify-content:space-between;align-items:center;gap:20px;padding:35px 7%;font-size:.73rem;display:flex}.wd-case-footer>div{flex-wrap:wrap;gap:8px 26px;display:flex}.wd-case-footer a{align-items:center;min-height:44px;display:inline-flex}.wd-case-footer p span{color:#65716c}@media (max-width:1200px){.wd-case-process>ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.wd-case-toolbar{gap:12px;min-height:76px;font-size:.66rem}.wd-case-toolbar a{gap:14px}.wd-case-toolbar>div{gap:17px}.wd-case-toolbar>a>span{display:none}.wd-case-intro{padding:50px 6% 35px}.wd-case-title-row{gap:6px;margin:25px 0 30px}.wd-case-title-row h1{font-size:clamp(3.65rem,16vw,7rem)}.wd-case-title-row h1>span{margin-left:.3em}.wd-case-title-row h1.wd-case-name-long{font-size:clamp(2.2rem,10.8vw,5.1rem)}.wd-case-index{font-size:.55rem}.wd-case-summary{grid-template-columns:1fr;gap:25px}.wd-case-summary>p{font-size:.95rem}.wd-case-facts{grid-template-columns:1fr;gap:20px;margin-top:30px!important}.wd-case-facts>div{grid-template-columns:75px 1fr;align-items:baseline;gap:16px;display:grid}.wd-case-facts dt{margin-bottom:0}.wd-case-facts dd{font-size:.72rem}.wd-case-showcase{border-radius:3px;padding:8px;margin:0 3%!important}.wd-case-browser{padding:10px;font-size:.45rem}.wd-case-browser>span:first-child{font-size:.47rem}.wd-case-showcase>figcaption{flex-direction:column;gap:6px;padding:15px 4px 8px;font-size:.6rem}.wd-case-chapters{grid-template-columns:1fr 1fr;gap:0 12px;margin:0 6%;padding:20px 0;display:grid}.wd-case-chapters a{font-size:.6rem}.wd-case-section{grid-template-columns:1fr;gap:35px;padding:60px 6%}.wd-case-homepage{grid-template-columns:1fr;gap:35px;padding:50px 6% 60px}.wd-case-homepage li{grid-template-columns:33px 1fr;gap:17px}.wd-case-detail-image{padding-top:25px;margin-top:5px!important}.wd-case-detail-image figcaption{flex-direction:column;gap:16px}.wd-case-subpage{grid-template-columns:1fr;gap:30px;padding:60px 6%}.wd-case-subpage .wd-case-section-title{grid-area:1/1}.wd-case-subpage-preview{grid-area:2/1}.wd-case-subpage-sitehead{min-height:46px}.wd-case-subpage-sitehead>span{text-align:right;font-size:.54rem}.wd-case-subpage-hero-copy{background:var(--subpage-wash);width:100%;padding:23px 6% 28px;position:static}.wd-case-subpage-hero-copy h3{margin:12px 0}.wd-case-subpage-hero-copy>p:last-child{font-size:.82rem}.wd-case-subpage-preview figcaption{flex-direction:column;gap:8px}.wd-case-section-title h2{font-size:clamp(2rem,7.8vw,3rem)}.wd-case-design{padding:60px 6%}.wd-case-design>.wd-case-section-title{grid-template-columns:1fr}.wd-case-design-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.wd-case-type-sample{font-size:7rem;margin:25px 0 30px!important}.wd-case-palette-panel{border-top:1px solid #edf3d82e;border-left:0;padding:30px 0 0}.wd-case-swatches{gap:5px;margin:25px 0 30px}.wd-case-swatches code{font-size:.55rem}.wd-case-tradeoff{grid-template-columns:1fr;gap:18px;padding:25px}.wd-case-tradeoff>span{font-size:2.8rem}.wd-case-process{margin:0 6%;padding-bottom:60px}.wd-case-process>ol{grid-template-columns:1fr;gap:12px;margin-top:35px}.wd-case-process li{grid-template-columns:110px minmax(0,1fr);gap:0 14px;padding:12px;display:grid}.wd-case-phase-art{grid-area:1/1/3}.wd-case-phase-visual{height:110px;padding:5px}.wd-case-process h3{grid-area:1/2;margin:20px 0 7px}.wd-case-process li .wd-case-phase-outcome{grid-area:2/2;margin:0}.wd-case-process details{grid-column:1/-1;margin:10px 0 0;padding-top:0}.wd-case-contact{padding:60px 6%}.wd-case-contact>a{text-align:left;gap:24px;width:100%;max-width:365px;padding:16px 18px;font-size:.8rem}.wd-case-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:28px 6%}}@media (prefers-reduced-motion:reduce){.wd-case a{transition:none}}