/* Project stories: problem, contribution, solution, benefit. */
.reference-home-context{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #e2e2e4;padding-top:17px;margin-top:-10px;margin-bottom:30px;font-size:11px;color:#86868c}.reference-home-context>span:first-child{color:#9c7a3b}.reference-hero{padding-top:35px}.reference-context{display:flex;gap:12px;color:#7f7f86;font-size:11px;margin-bottom:55px}.reference-context a{color:#b6a37d}.reference-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:75px;align-items:center}.reference-hero h1{font-size:clamp(42px,5.1vw,72px)}.reference-hero .lead{font-size:17px;max-width:650px;margin-bottom:28px}.reference-diagram{border:1px solid #ffffff20;border-radius:6px;padding:28px;text-align:center;background:linear-gradient(150deg,#ffffff05,#ffffff00)}.reference-diagram>small{font-size:8px;color:#a99770;letter-spacing:.13em}.reference-diagram>strong{font-size:18px;display:block;margin-top:29px;font-weight:500}.reference-diagram-line{display:block;height:28px;width:1px;background:#b89a6055;margin:auto}.reference-diagram-core{border:1px solid #b69a5f66;background:#d5ad5b0d;padding:16px 9px;border-radius:4px;font-size:13px;color:#d6bb87}.reference-diagram-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.reference-diagram-tags>span{border:1px solid #ffffff20;padding:6px 9px;font-size:9px;color:#a9a9af;border-radius:3px}.reference-diagram>p{font-size:8px;color:#74747c;margin:25px 0 0}.reference-opening{padding-bottom:65px}.reference-opening .section-intro{gap:80px}.reference-opening .section-intro>div>p,.reference-transfer .section-intro>div>p{font-size:15px;color:#6c6c73;line-height:1.85}.reference-opening .section-intro>div>p:first-child,.reference-transfer .section-intro>div>p:first-child{margin-top:0}.reference-jumpnav{display:flex;flex-wrap:wrap;gap:8px}.reference-jumpnav>a{display:flex;gap:12px;padding:12px 14px;background:#faf9f7;border:1px solid #e6e2d9;border-radius:4px;font-size:8px;letter-spacing:.04em;align-items:center;min-height:44px}.reference-jumpnav>a>span:first-child{color:#b2965d}.reference-jumpnav>a>span:last-child{margin-left:5px;color:#ac8e50;font-size:14px}.reference-project{padding:75px 0;border-top:1px solid #e6e6e9;scroll-margin-top:0}.reference-project:nth-child(even){background:#f8f8f8}.reference-project-heading{display:grid;grid-template-columns:100px 1fr;gap:25px;align-items:start;margin-bottom:40px}.reference-number{font-size:55px;font-weight:350;letter-spacing:-.06em;color:#b2965d;line-height:1}.reference-project-heading .eyebrow{margin-bottom:15px}.reference-project-heading h2{font-size:clamp(30px,3.1vw,43px);line-height:1.15;max-width:760px;margin:0}.reference-project-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-left:125px}.reference-project-grid small{font-size:9px;color:#a08450;letter-spacing:.12em;font-weight:600}.reference-project-grid p{font-size:14px;color:#6a6a73;line-height:1.9;margin-top:12px}.reference-role{border-top:1px solid #e0e0e4;padding-top:23px;margin-top:26px}.reference-role p{font-size:12px}.reference-problem>.service-tags{margin-top:22px}.reference-solution>ul{padding:0;list-style:none;font-size:12px;color:#515158;line-height:1.85;margin:25px 0}.reference-solution>ul>li{border-bottom:1px solid #e6e6ea;padding:9px 0 9px 21px;position:relative}.reference-solution>ul>li:before{content:"↗";position:absolute;left:0;color:#b2965d}.reference-benefit{background:#101012;padding:28px 28px 23px;border-radius:5px;margin-top:30px}.reference-benefit>small{color:#cbb17e}.reference-benefit h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.025em;color:#f4f4f5;margin:13px 0}.reference-benefit p{color:#aaaab1;font-size:12px;margin-bottom:0;line-height:1.9}.reference-transfer .section-intro{margin-bottom:0}.reference-highlight-section{padding-bottom:0}.reference-highlight{padding:40px;border:1px solid #ddcfb2;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(110deg,#faf8f3,#fff)}.reference-highlight .eyebrow{margin-bottom:18px}.reference-highlight h2{font-size:34px;line-height:1.15;margin:0 0 15px;letter-spacing:-.04em}.reference-highlight p{max-width:580px;color:#74747a;font-size:13px;margin:0}.reference-highlight .btn{white-space:nowrap;flex:none}.motion-ready .reference-project-heading[data-reveal],.motion-ready .reference-benefit[data-reveal]{transition-duration:600ms}
@media(hover:hover) and (pointer:fine){.reference-jumpnav>a{transition:background-color 180ms ease,border-color 180ms ease}.reference-jumpnav>a:hover{background:#f3efe6;border-color:#c3a971}}
@media(max-width:980px){.reference-hero-grid{gap:40px;grid-template-columns:1.2fr .8fr}.reference-hero h1{font-size:47px}.reference-project-grid{gap:45px;margin-left:0}.reference-project-heading{grid-template-columns:65px 1fr;gap:20px}.reference-number{font-size:45px}.reference-opening .section-intro{gap:45px}.reference-home-context{font-size:10px}.reference-highlight{padding:30px;flex-direction:column;align-items:start;gap:25px}.reference-highlight h2{font-size:31px}}
@media(max-width:680px){.reference-home-context{flex-direction:column;gap:7px;font-size:10px;margin-top:-6px}.reference-hero{padding-top:25px}.reference-context{margin-bottom:35px;font-size:10px}.reference-hero-grid{grid-template-columns:1fr;gap:35px}.reference-hero h1{font-size:41px}.reference-hero .lead{font-size:15px}.reference-diagram{padding:24px;max-width:450px}.reference-opening{padding-bottom:45px}.reference-opening .section-intro{gap:23px}.reference-opening h2,.reference-transfer h2{font-size:35px}.reference-opening .section-intro>div>p,.reference-transfer .section-intro>div>p{font-size:14px}.reference-jumpnav{gap:6px}.reference-jumpnav>a{font-size:7px;padding:10px;gap:8px}.reference-project{padding:48px 0}.reference-project-heading{grid-template-columns:45px 1fr;gap:15px;margin-bottom:27px}.reference-number{font-size:35px}.reference-project-heading h2{font-size:28px}.reference-project-heading .eyebrow{font-size:7px;margin-bottom:12px}.reference-project-grid{grid-template-columns:1fr;gap:25px}.reference-project-grid p{font-size:14px}.reference-role p{font-size:12px}.reference-benefit{padding:24px 22px}.reference-benefit p{font-size:12px}.reference-highlight{padding:25px}.reference-highlight h2{font-size:29px}.reference-highlight .btn{font-size:12px;white-space:normal;text-align:center}.reference-solution>ul{font-size:12px}}
