/* Selected work and case studies use the homepage type, surfaces and restrained accents. */
.work-index-hero{background:var(--ink-surface);color:#fff;padding:114px 0 126px}
.work-index-hero-inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.62fr);gap:clamp(50px,8vw,130px);align-items:end}
.work-kicker{font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;line-height:1.3}
.work-index-hero h1{font-size:clamp(66px,8vw,116px);line-height:.98;letter-spacing:-.065em;max-width:790px;margin-top:30px}
.work-index-hero p:last-child{font-size:clamp(19px,2vw,25px);line-height:1.4;letter-spacing:-.025em;color:#e1e4ed;max-width:425px;padding-bottom:7px}
.work-index-feature{padding:100px 0 108px;border-bottom:1px solid var(--line)}
.work-index-feature-link{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(45px,6vw,90px);align-items:center}
.work-index-feature-copy{display:flex;flex-direction:column;align-items:flex-start}
.work-index-feature-copy .work-kicker{color:var(--slate)}
.work-index-feature h2{font-size:clamp(45px,4.65vw,69px);line-height:1.07;letter-spacing:-.052em;max-width:650px;margin:24px 0}
.work-index-feature-copy>p:not(.work-kicker){font-size:19px;line-height:1.48;color:var(--slate);max-width:480px}
.work-arrow{margin-top:35px}
.work-index-feature-image{position:relative;overflow:hidden;aspect-ratio:1.18;border-radius:16px;background:var(--cool)}
.work-index-feature-image img,.work-index-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
a:hover .work-index-feature-image img,a:hover .work-index-card img{transform:scale(1.035)}
.work-index-list{padding:93px 0 122px}
.work-index-list h2{font-size:clamp(39px,4.2vw,58px);margin-bottom:45px}
.work-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.work-index-card{display:flex;flex-direction:column;min-width:0}
.work-index-card-image{display:block;aspect-ratio:1.54;overflow:hidden;background:var(--cool);border-radius:14px}
.work-index-card-copy{display:grid;grid-template-columns:1fr 30px;gap:10px 20px;padding:21px 0 13px}
.work-index-card-copy .work-kicker{grid-column:1/3;color:var(--slate)}
.work-index-card h3{font-size:clamp(27px,3vw,39px);line-height:1.13;letter-spacing:-.04em;max-width:500px}
.work-index-card .card-arrow{font-size:28px;line-height:1;justify-self:end;transition:transform .2s ease}
.work-index-card:hover .card-arrow{transform:translate(4px,-4px)}

.work-case-hero{padding:34px 0 86px}
.work-back{font-size:14px}
.work-case-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(48px,6vw,90px);align-items:center;margin-top:72px}
.work-case-title .work-kicker{color:var(--slate)}
.work-case-title h1{font-size:clamp(52px,5.55vw,82px);line-height:1.04;letter-spacing:-.055em;max-width:680px;margin-top:26px}
.work-case-title>p:last-child{font-size:clamp(19px,1.85vw,23px);line-height:1.43;letter-spacing:-.02em;max-width:600px;color:var(--slate);margin-top:30px}
.work-case-hero-visual{margin:0;position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:16px;background:var(--cool)}
.work-case-hero-visual img{width:100%;height:100%;object-fit:cover}
.work-case-facts{background:var(--cool);padding:47px 0 54px}
.work-case-facts .work-kicker{color:var(--slate);margin-bottom:24px}
.work-case-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.work-case-facts-grid>div{padding:0 35px;border-left:1px solid #cbd3d8}
.work-case-facts-grid>div:first-child{padding-left:0;border-left:0}
.work-case-facts-grid span{display:block;font-size:13px;color:var(--slate);margin-bottom:11px}
.work-case-facts-grid strong{display:block;font-size:clamp(20px,2.15vw,29px);font-weight:600;line-height:1.18;letter-spacing:-.035em;max-width:340px}
.work-case-story{padding:110px 0 100px}
.work-case-story-row{display:grid;grid-template-columns:minmax(210px,.45fr) minmax(0,1fr);gap:clamp(55px,9vw,150px);padding:42px 0 54px;border-top:1px solid var(--line)}
.work-case-story-row:last-child{border-bottom:1px solid var(--line)}
.work-case-story-row h2{font-size:clamp(27px,2.8vw,38px);letter-spacing:-.045em}
.work-case-story-row p{font-size:clamp(19px,1.85vw,23px);line-height:1.48;letter-spacing:-.018em;max-width:780px}
.work-case-story-row p+p{margin-top:20px}
.work-case-more{padding:0 0 116px}
.work-case-more-inner{border-top:1px solid var(--line);padding-top:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.work-case-more h2{font-size:clamp(30px,3vw,42px)}
.work-case-more .work-arrow{margin-top:3px}
/* An approved customer quotation can be inserted between facts and story. */
.work-case-quote{background:var(--ink-surface);color:#fff;padding:104px 0 113px}
.work-case-quote blockquote{font-size:clamp(37px,4.2vw,64px);line-height:1.15;letter-spacing:-.045em;max-width:1000px;margin:22px 0 35px}
.work-case-quote cite{font-style:normal;font-size:15px;color:#cbd1dc}
@media(max-width:900px){.work-index-hero-inner{grid-template-columns:1fr;gap:30px}.work-index-feature-link{gap:34px}.work-case-hero-grid{gap:36px}.work-case-facts-grid>div{padding:0 18px}}
@media(max-width:720px){.work-index-hero{padding:77px 0 84px}.work-index-hero h1{font-size:clamp(57px,12vw,80px);margin-top:22px}.work-index-hero p:last-child{font-size:19px}.work-index-feature{padding:70px 0 76px}.work-index-feature-link{display:flex;flex-direction:column-reverse;align-items:stretch}.work-index-feature-image{aspect-ratio:1.28}.work-index-feature h2{font-size:clamp(41px,9.5vw,56px);margin:20px 0}.work-index-feature-copy>p:not(.work-kicker){font-size:17px}.work-index-list{padding:73px 0 88px}.work-index-list h2{margin-bottom:28px}.work-index-grid{grid-template-columns:1fr;gap:35px}.work-index-card h3{font-size:30px}.work-case-hero{padding:28px 0 64px}.work-case-hero-grid{display:flex;flex-direction:column;align-items:stretch;margin-top:52px}.work-case-title h1{font-size:clamp(47px,10.8vw,65px)}.work-case-title>p:last-child{font-size:19px;margin-top:24px}.work-case-hero-visual{aspect-ratio:1.28}.work-case-facts{padding:36px 0 41px}.work-case-facts-grid{display:block}.work-case-facts-grid>div,.work-case-facts-grid>div:first-child{border-left:0;border-top:1px solid #cbd3d8;padding:17px 0 20px}.work-case-facts-grid strong{font-size:23px}.work-case-story{padding:78px 0 79px}.work-case-story-row{display:block;padding:32px 0 41px}.work-case-story-row h2{margin-bottom:19px}.work-case-story-row p{font-size:19px}.work-case-more{padding-bottom:80px}.work-case-more-inner{display:block}.work-case-more .work-arrow{margin-top:25px}.work-case-quote{padding:75px 0 82px}}
@media(prefers-reduced-motion:reduce){.work-arrow span,.work-index-feature-image img,.work-index-card img,.work-index-card .card-arrow{transition:none}}

/* Success Stories: editorial opening and equal, image-led story cards. */
.success-index-hero{background:var(--ink-surface);color:#fff;overflow:hidden}
.success-index-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(45px,6vw,95px);min-height:clamp(560px,75svh,720px);padding-top:95px;padding-bottom:100px}
.success-index-hero-copy .work-kicker{color:#c8d2df;margin-bottom:30px}
.success-index-hero h1{font-size:clamp(68px,7.4vw,112px);line-height:.97;letter-spacing:-.068em}
.success-index-hero h1 span{color:var(--mint)}
.success-index-hero-copy>p:last-child{max-width:510px;margin-top:36px;font-size:clamp(20px,1.9vw,25px);line-height:1.42;letter-spacing:-.025em;color:#e1e5eb}
.success-index-hero-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:clamp(310px,31vw,420px)}
.success-index-hero-images img{width:100%;height:100%;object-fit:cover;border-radius:11px}
.success-index-hero-images img:nth-child(1){object-position:57% center}
.success-index-hero-images img:nth-child(2){object-position:53% center}
.success-index-hero-images img:nth-child(3){object-position:center}
.success-index-stories{padding:103px 0 122px}
.success-index-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:48px;align-items:end;margin-bottom:42px}
.success-index-heading .work-kicker{color:var(--slate);margin-bottom:20px}
.success-index-heading h2{font-size:clamp(46px,4.8vw,68px)}
.success-index-heading>p{font-size:19px;line-height:1.44;color:var(--slate);max-width:470px}
.success-story-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.success-story-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--cool);transition:transform .28s ease,box-shadow .28s ease}
.success-story-card:hover,.success-story-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,21,37,.1)}
.success-story-image{position:relative;display:block;aspect-ratio:1.4;overflow:hidden;background:var(--cool)}
.success-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.success-story-card:hover .success-story-image img,.success-story-card:focus-visible .success-story-image img{transform:scale(1.035)}
.success-story-card--ventures .success-story-image img{object-position:60% center}
.success-story-card--investing .success-story-image img{object-position:center 40%}
.success-story-category{display:flex;align-items:center;gap:12px;min-height:34px;color:var(--slate);font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.25;text-transform:uppercase}
.success-story-icon{width:39px;height:39px}
.success-story-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-height:244px;padding:25px 26px 27px}
.success-story-card-body strong{margin-top:19px;font-size:clamp(26px,2.4vw,32px);font-weight:600;line-height:1.08;letter-spacing:-.045em}
.success-story-description{display:block;margin-top:12px;color:var(--slate);font-size:16px;line-height:1.45}
.success-story-card-go{display:grid;place-items:center;align-self:flex-end;width:34px;height:34px;margin-top:auto;border:1px solid #cbd3d8;border-radius:9px;background:#fff;font-size:21px;line-height:1;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.success-story-card:hover .success-story-card-go,.success-story-card:focus-visible .success-story-card-go{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateX(3px)}
@media(max-width:980px){.success-index-hero-inner{gap:36px}.success-index-hero-images{height:330px}.success-story-gallery{gap:13px}.success-story-card-body{padding:22px 20px 24px}.success-story-card-body strong{font-size:clamp(24px,2.9vw,30px)}}
@media(max-width:720px){.success-index-hero-inner{display:block;min-height:0;padding-top:80px;padding-bottom:80px}.success-index-hero h1{font-size:clamp(63px,13vw,88px)}.success-index-hero-copy>p:last-child{font-size:19px;margin-top:27px}.success-index-hero-images{height:220px;margin-top:49px;gap:8px}.success-index-stories{padding:77px 0 91px}.success-index-heading{display:block;margin-bottom:32px}.success-index-heading h2{font-size:clamp(43px,10vw,56px)}.success-index-heading>p{font-size:17px;margin-top:18px}.success-story-gallery{grid-template-columns:1fr;gap:19px}.success-story-image{aspect-ratio:1.42}.success-story-card-body{min-height:0;padding:23px 23px 25px}.success-story-card-body strong{font-size:30px}.success-story-card-go{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.success-story-card,.success-story-image img,.success-story-card-go{transition:none}}

/* Success Stories: Altture’s case page system. */
.success-case-hero{padding:32px 0 102px;background:#fff}
.success-case-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(44px,6vw,96px);align-items:center;margin-top:64px}
.success-case-opening{min-width:0}
.success-case-category{display:flex;align-items:center;gap:12px;color:var(--slate)}
.success-case-client-mark{display:flex;align-items:center;height:54px;margin-top:58px}
.success-case-client-mark img{display:block;max-width:min(265px,72%);max-height:54px;width:auto;height:auto;object-fit:contain;object-position:left center}
.success-case-client-mark img[src$="draftline-logo.png"]{width:230px;height:54px;max-width:none;max-height:none;object-fit:cover;object-position:center}
.success-case-opening h1{max-width:740px;margin-top:27px;font-size:clamp(49px,5.15vw,76px);font-weight:600;line-height:1.045;letter-spacing:-.057em;text-wrap:balance}
.success-case-opening>p:last-child{max-width:600px;margin-top:29px;color:var(--slate);font-size:clamp(18px,1.65vw,22px);line-height:1.45;letter-spacing:-.015em}
.success-case-visual{position:relative;overflow:hidden;aspect-ratio:1.12;margin:0;border-radius:16px;background:var(--cool)}
.success-case-visual img{display:block;width:100%;height:100%;object-fit:cover}
.success-case-results{padding:76px 0 86px;background:var(--ink-surface);color:#fff}
.success-case-results-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}
.success-case-results-heading .work-kicker{color:var(--mint)}
.success-case-results-heading h2{margin-top:13px;font-size:clamp(35px,3.3vw,49px);line-height:1.08;letter-spacing:-.045em}
.success-case-review-note{color:#c8d0db;font-size:12px;line-height:1.4}
.success-case-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:51px;border-top:1px solid #ffffff48}
.success-case-result{display:flex;flex-direction:column;min-height:167px;padding:26px 33px 0;border-left:1px solid #ffffff48}
.success-case-result:first-child{border-left:0;padding-left:0}
.success-case-result-value{color:#d7dce5;font-size:clamp(42px,4.5vw,64px);font-weight:500;letter-spacing:-.065em;line-height:1}
.success-case-result-label{margin-top:14px;font-size:17px;font-weight:600;line-height:1.3}
.success-case-result small{margin-top:5px;color:#b3bccb;font-size:12px;line-height:1.4}
.success-case-perspective{padding:117px 0 123px;background:#fff}
.success-case-perspective-grid{display:grid;grid-template-columns:minmax(0,1.27fr) minmax(290px,.73fr);gap:clamp(65px,9vw,145px);align-items:start}
.success-case-quote-area .work-kicker,.success-case-details .work-kicker{color:var(--slate)}
.success-case-quote-area h2{margin-top:18px;font-size:clamp(35px,3.4vw,49px)}
.success-case-quote-mark{display:block;height:80px;margin-top:37px;color:var(--cobalt);font-size:122px;font-weight:500;line-height:.85;letter-spacing:-.1em}
.success-case-quote-placeholder{max-width:700px;margin-top:5px;color:#566474;font-size:clamp(29px,3.1vw,43px);line-height:1.2;letter-spacing:-.04em}
.success-case-quote-area .success-case-review-note{margin-top:29px;color:var(--slate)}
.success-case-details{padding:33px 37px 36px;border-radius:14px;background:var(--cool)}
.success-case-details dl{margin:21px 0 0}
.success-case-details dl>div{display:grid;grid-template-columns:125px 1fr;gap:15px;padding:19px 0;border-top:1px solid #cbd3d8}
.success-case-details dt{color:var(--slate);font-size:13px;line-height:1.3}
.success-case-details dd{margin:0;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.success-case-story{padding:103px 0 119px;background:var(--cool)}
.success-case-story>.shell>.work-kicker{color:var(--slate)}
.success-case-story h2{max-width:850px;margin-top:18px;font-size:clamp(40px,4.2vw,61px);line-height:1.08;letter-spacing:-.05em}
.success-case-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,7vw,112px);margin-top:67px}
.success-case-story-grid>div{padding-top:24px;border-top:1px solid #cbd3d8}
.success-case-story-grid h3{font-size:clamp(27px,2.5vw,36px)}
.success-case-story-grid p{max-width:570px;margin-top:26px;color:#354152;font-size:clamp(18px,1.55vw,21px);line-height:1.5;letter-spacing:-.012em}
.success-case-outcome{padding:92px 0 105px;background:#fff}
.success-case-outcome .shell{border-top:1px solid var(--line);padding-top:30px}
.success-case-outcome h2{font-size:clamp(46px,5vw,72px);line-height:1.05;letter-spacing:-.055em}
.success-case-outcome-copy{max-width:1050px;margin-top:38px;color:var(--slate);font-size:clamp(27px,2.8vw,39px);line-height:1.22;letter-spacing:-.038em}
.success-case-outcome-note{margin-top:25px;color:var(--slate);font-size:12px;line-height:1.4}
.success-case-related{padding:97px 0 119px;background:var(--cool)}
.success-case-related-heading .work-kicker{color:var(--slate)}
.success-case-related-heading h2{margin-top:18px;font-size:clamp(42px,4.3vw,60px);line-height:1.08;letter-spacing:-.05em}
.success-case-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:43px}
.success-case-related-card,.success-case-related-reserved{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}
.success-case-related-card{transition:transform .25s ease,box-shadow .25s ease}
.success-case-related-card:hover,.success-case-related-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 32px rgba(17,21,37,.09)}
.success-case-related-image,.success-case-related-reserved-art{display:block;aspect-ratio:1.55;overflow:hidden;background:#e1e6e9}
.success-case-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.success-case-related-card:hover .success-case-related-image img,.success-case-related-card:focus-visible .success-case-related-image img{transform:scale(1.03)}
.success-case-related-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-height:232px;padding:24px 25px 25px}
.success-case-related-copy strong{margin-top:17px;font-size:clamp(26px,2.35vw,31px);font-weight:600;line-height:1.1;letter-spacing:-.04em}
.success-case-related-description{margin-top:10px;color:var(--slate);font-size:15px;line-height:1.42}
.success-case-related-go{display:grid;place-items:center;align-self:flex-end;width:34px;height:34px;margin-top:auto;border:1px solid var(--line);border-radius:9px;font-size:21px;line-height:1;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.success-case-related-card:hover .success-case-related-go,.success-case-related-card:focus-visible .success-case-related-go{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateX(3px)}
.success-case-related-reserved-art{display:flex;align-items:center;justify-content:center;gap:10px}
.success-case-related-reserved-art i{display:block;width:11px;height:11px;border-radius:50%;background:var(--mint)}
.success-case-related-reserved-art i:nth-child(2){background:var(--violet)}
.success-case-related-reserved-art i:nth-child(3){background:var(--cobalt)}
.success-case-related-reserved>div{min-height:232px;padding:27px 25px;color:var(--slate)}
.success-case-related-reserved p{max-width:250px;margin-top:22px;font-size:21px;line-height:1.3;letter-spacing:-.025em}
@media(max-width:980px){.success-case-hero-grid{gap:34px}.success-case-client-mark{margin-top:39px}.success-case-perspective-grid{gap:45px}.success-case-details{padding:29px}.success-case-details dl>div{grid-template-columns:1fr;gap:5px}}
@media(max-width:820px){.success-case-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.success-case-related-reserved{grid-column:1/-1}.success-case-related-reserved-art{aspect-ratio:auto;height:150px}}
@media(max-width:820px){.success-case-hero{padding-bottom:78px}.success-case-hero-grid{display:block;margin-top:47px}.success-case-opening h1{font-size:clamp(48px,8.5vw,71px)}.success-case-client-mark{margin-top:39px}.success-case-visual{max-width:740px;aspect-ratio:1.45;margin-top:46px}.success-case-perspective{padding:87px 0 94px}.success-case-perspective-grid{grid-template-columns:1fr;gap:57px}.success-case-details{max-width:680px}.success-case-details dl>div{grid-template-columns:125px 1fr}.success-case-story{padding:85px 0 95px}}
@media(max-width:600px){.success-case-outcome{padding:72px 0 80px}.success-case-outcome h2{font-size:48px}.success-case-outcome-copy{font-size:28px;margin-top:27px}.success-case-related{padding:75px 0 88px}.success-case-related-heading h2{font-size:42px}.success-case-related-grid{grid-template-columns:1fr;gap:17px;margin-top:31px}.success-case-related-reserved{grid-column:auto}.success-case-related-reserved-art{height:auto;aspect-ratio:1.55}.success-case-related-copy,.success-case-related-reserved>div{min-height:0}.success-case-related-go{margin-top:22px}}
@media(max-width:600px){.success-case-hero{padding-top:26px;padding-bottom:66px}.success-case-hero-grid{margin-top:39px}.success-case-client-mark{height:42px;margin-top:34px}.success-case-client-mark img{max-height:42px}.success-case-opening h1{font-size:clamp(42px,10.7vw,57px)}.success-case-opening>p:last-child{font-size:18px;margin-top:23px}.success-case-visual{aspect-ratio:1.3;margin-top:37px}.success-case-results{padding:65px 0 67px}.success-case-results-heading{display:block}.success-case-results-heading .success-case-review-note{margin-top:15px}.success-case-results-grid{display:block;margin-top:30px}.success-case-result,.success-case-result:first-child{min-height:0;padding:22px 0 23px;border-left:0;border-top:1px solid #ffffff48}.success-case-result:first-child{border-top:0}.success-case-result-label{margin-top:8px}.success-case-perspective{padding:73px 0 79px}.success-case-quote-mark{margin-top:29px;height:65px;font-size:100px}.success-case-quote-placeholder{font-size:30px}.success-case-details{padding:25px}.success-case-details dl>div{grid-template-columns:1fr;gap:5px}.success-case-story{padding:75px 0 81px}.success-case-story h2{font-size:clamp(37px,9.4vw,50px)}.success-case-story-grid{display:block;margin-top:45px}.success-case-story-grid>div+div{margin-top:38px}.success-case-story-grid p{font-size:18px;margin-top:19px}}
@media(max-width:600px){.success-case-client-mark img[src$="draftline-logo.png"]{width:185px;height:42px}}