@import url('https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

/* The case studies share the homepage's typography, with compositions suited to the work. */
.editorial-story{--display:'Cormorant Garamond',Georgia,serif;--hand:'Allura',cursive}
.editorial-story .full-story{max-width:1280px;padding-top:30px;font-size:20px}
.editorial-story .full-story h1,.editorial-story .full-story h2{font-family:var(--display);font-weight:600}
.editorial-story .full-story h1{font-size:clamp(45px,5.8vw,78px);line-height:1.02;letter-spacing:-1.3px;max-width:none;text-wrap:balance;margin:20px 0 28px}
.editorial-story .full-story h1 em{font-weight:500;color:var(--ruby)}
.editorial-story .full-story h2{font-size:clamp(31px,3.1vw,43px);line-height:1.08;letter-spacing:-.5px}
.editorial-story .full-story h3{font:600 25px/1.2 var(--display)}
.editorial-story .full-story p{line-height:1.5;margin-top:0}
.editorial-story .full-story .lead{font-size:24px;line-height:1.4}
.editorial-story .back{display:inline-block;margin-bottom:25px}
.case-cover{padding:35px 0 30px;border-top:3px solid var(--ruby)}
.case-context,.margin-label,.cover-note,.story-contents,.story-end{font-family:'DM Sans',Arial,sans-serif}
.case-context,.margin-label{font-size:13px;line-height:1.5;color:var(--teal);margin:0 0 14px}
.editorial-story .full-story .eyebrow{font:13px/1.5 'DM Sans',Arial,sans-serif;color:var(--teal)}
.cover-deck{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:8%;align-items:start}
.cover-deck .lead{margin-bottom:0}
.cover-note{font-size:13px;line-height:1.5;border-left:1px solid var(--line);padding-left:24px}
.cover-note strong{display:block;font:500 21px/1.35 'Newsreader',Georgia,serif;margin-top:8px}
.story-contents{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;line-height:1.5;padding:20px 0;border-top:1px solid var(--line)}
.editorial-story .full-story>section{padding:40px 0}
.story-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:8%;align-items:start}
.story-spread p:last-child{margin-bottom:0}
.story-spread h2{margin-bottom:0}
.model-comparison{margin:5px 0 40px;padding:26px 34px 18px;background:var(--garnet);color:var(--ivory)}
.model-comparison figcaption{font:500 15px/1.4 'DM Sans',Arial,sans-serif;color:var(--champagne)}
.model-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:24px 0 16px}
.model-columns>div{display:flex;flex-direction:column;align-items:center;gap:20px;font:500 24px/1.2 var(--display)}
.model-columns small{font:12px/1.45 'DM Sans',Arial,sans-serif;text-align:center;color:var(--champagne)}
.model-columns .proposed-model{border-bottom:2px solid var(--champagne);padding-bottom:14px}
.model-mark{display:block;position:relative;width:110px;height:110px;border:1px solid var(--champagne);border-radius:50%}
.model-mark:after{content:'';position:absolute;inset:22px;border:1px solid var(--champagne);border-radius:50%}
.automated:after{border-radius:0;transform:rotate(45deg);background:#8c2443}
.human:after{background:#e5d4b9;border:7px double var(--garnet)}
.hybrid{background:var(--teal);border-color:var(--ivory)}
.hybrid:after{border-radius:0;transform:rotate(45deg);background:#e5d4b9}
.model-comparison>p{font:12px/1.5 'DM Sans',Arial,sans-serif;max-width:none;opacity:.9}
.editorial-story .full-story>.result-feature{background:#eee6d9;padding:36px 40px;margin:10px 0 38px;border-top:3px solid var(--ruby)}
.result-feature h2{max-width:26ch}
.result-feature p{max-width:70ch}
.result-feature>p:last-child{margin-bottom:0}
.result-feature>a{font:14px/1.5 'DM Sans',Arial,sans-serif}
.story-end{display:flex;flex-wrap:wrap;gap:15px 30px;border-top:1px solid var(--line);padding:25px 0 0;font-size:14px}
.learning-method{margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:26px 7%}
.learning-method>div{border-top:1px solid var(--line);padding-top:16px}
.learning-method dt{font:600 29px/1.1 var(--display);color:var(--teal);margin-bottom:10px}
.learning-method dd{margin:0;font-size:19px}
.adoption-story .case-cover h1 em{font-family:var(--hand);font-size:1.2em;font-style:normal;font-weight:400}
.knowledge-story .full-story>.knowledge-spread{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#eee6d9;padding:32px 36px;margin:0 0 16px;border:0}
.knowledge-spread>div+div{border-left:1px solid #cbbca7;padding-left:30px}
.knowledge-spread h2{color:var(--ruby)}
.knowledge-spread p:last-child{margin-bottom:0}
.audit-story .cover-note strong.large-stat{font:600 88px/1 var(--display);color:var(--ruby);margin:0 0 8px}
.audit-story .full-story>.result-feature{background:var(--teal);color:var(--ivory);border-color:var(--teal)}
.audit-story .result-feature .margin-label{color:var(--champagne)}
.capacity-story .full-story header .hero-grid,.community-story .full-story header .hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center}
.capacity-story .full-story header h1,.community-story .full-story header h1{font-size:clamp(43px,4.7vw,63px)}
.editorial-story .full-story .platform-frame,.editorial-story .full-story .browser-frame{margin:0;background:var(--champagne);border:1px solid #cfbd9e}
.integration-figure{margin:0;padding:25px;background:var(--champagne);border-top:3px solid var(--ruby)}
.integration-figure img{display:block;width:100%;height:auto}
.integration-figure figcaption{font:12px/1.5 'DM Sans',Arial,sans-serif;color:var(--teal);margin-top:15px}
.editorial-story .full-story .platform-visual,.editorial-story .full-story .site-visual{padding:25px}
.editorial-story .full-story .platform-header strong,.editorial-story .full-story .site-visual-header strong{font:600 34px/1.05 var(--display)}
.editorial-story .full-story .capacity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.editorial-story .full-story .capacity-cell{font:11px/1.3 'DM Sans',Arial,sans-serif;padding:12px 3px}
.editorial-story .full-story .platform-bar,.editorial-story .full-story .browser-bar{font:11px/1.5 'DM Sans',Arial,sans-serif;padding:10px 20px}
.editorial-story .full-story .site-visual-grid{grid-template-columns:1fr 1fr;gap:0}
.editorial-story .full-story .site-tile{text-align:left;background:none;border-bottom:1px solid #c4b291;font-size:16px;padding:18px 10px 18px 0}
.editorial-story .full-story .proof-strip{margin:26px 0 0;padding:22px 0;gap:18px}
.editorial-story .full-story .proof-item{font:600 38px/1.05 var(--display)}
.editorial-story .full-story .proof-item span{font-size:12px;line-height:1.4}
.capacity-story .full-story #challenge .grid-2,.capacity-story .full-story #features .grid-2,.community-story .full-story #challenge .grid-2,.community-story .full-story #deliverables .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:25px 7%;margin-top:25px}
.editorial-story .full-story .grid-2 .card{margin:0}
.editorial-story .full-story .grid-3{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:5%;border-top:1px solid var(--line)}
.editorial-story .full-story .grid-3 .card{margin:20px 0 0}
.editorial-story .full-story .grid-3 p{font-size:18px}
.editorial-story .full-story .timeline{border-left:1px solid var(--line);padding-left:22px;margin-left:12px}
.editorial-story .full-story .timeline-item{grid-template-columns:24px 1fr;gap:20px;margin:24px 0}
.editorial-story .full-story .timeline-number{font:italic 28px/1 var(--display)}
.editorial-story .full-story .timeline-content p{max-width:66ch}
@media(max-width:900px){
 .capacity-story .full-story header .hero-grid,.community-story .full-story header .hero-grid{grid-template-columns:1fr;gap:28px}
 .editorial-story .full-story .platform-frame,.editorial-story .full-story .browser-frame{max-width:620px}
 .editorial-story .full-story .grid-3{grid-template-columns:1fr}
}
@media(max-width:650px){
 .editorial-story .full-story{padding-top:22px;font-size:19px}
 .editorial-story .full-story h1{font-size:45px;letter-spacing:-.7px}
 .editorial-story .full-story .lead{font-size:22px}
 .case-cover{padding:25px 0}
 .cover-deck,.story-spread{grid-template-columns:1fr;gap:22px}
 .cover-note{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin:0}
 .cover-note strong{font-size:20px}
 .story-contents{gap:12px 22px;font-size:13px}
 .editorial-story .full-story>section{padding:30px 0}
 .model-comparison{padding:22px 18px 14px;margin-bottom:24px}
 .model-columns{gap:12px}
 .model-columns>div{font-size:20px;text-align:center;gap:15px}
 .model-mark{width:70px;height:70px}
 .model-mark:after{inset:15px}
 .human:after{border-width:5px}
 .editorial-story .full-story>.result-feature{padding:28px 24px}
 .learning-method{grid-template-columns:1fr;gap:19px}
 .knowledge-story .full-story>.knowledge-spread{grid-template-columns:1fr;gap:24px;padding:28px 24px}
 .knowledge-spread>div+div{border-left:0;border-top:1px solid #cbbca7;padding:24px 0 0}
 .capacity-story .full-story #challenge .grid-2,.capacity-story .full-story #features .grid-2,.community-story .full-story #challenge .grid-2,.community-story .full-story #deliverables .grid-2{grid-template-columns:1fr;gap:22px}
 .editorial-story .full-story .proof-strip{grid-template-columns:1fr 1fr;gap:22px}
 .editorial-story .full-story .platform-header strong,.editorial-story .full-story .site-visual-header strong{font-size:29px}
}