@font-face{font-family:MasonEditorial;src:url('/assets/octolane-editorial.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:MasonMarist;src:url('/assets/lassie-marist.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:MasonDM;src:url('/assets/lassie-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f9f8f5;--ink:#28241d;--body:#70685c;--line:#ddd9cb}*{box-sizing:border-box}html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 MasonDM,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit}a:focus-visible{outline:2px solid #657d89;outline-offset:6px}::selection{background:#dbe9f0}.index-skip{position:fixed;left:15px;top:-100px;z-index:150;background:white;padding:12px}.index-skip:focus{top:15px}
.index-cover{position:relative;isolation:isolate;overflow:hidden;min-height:580px;height:min(760px,88svh);margin:16px;border-radius:25px;background:#e6eff4 url('/assets/case-cover-folds.png') center/cover;display:flex;flex-direction:column}.index-light{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.index-cover-copy{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 28px 40px}.index-eyebrow{font:400 10px/1.6 MasonDM;letter-spacing:.13em;color:#64716f}.index-cover h1{font:400 clamp(48px,5.35vw,78px)/1.08 MasonEditorial,Arial,sans-serif;letter-spacing:-.025em;margin:27px 0 25px;max-width:23ch;text-wrap:balance}.index-cover-copy>p:not(.index-eyebrow){font:400 17px/1.65 MasonDM;color:#67706c}.index-explore{display:inline-flex;align-items:center;gap:35px;font-size:13px;background:#28241d;color:#fffdf7;text-decoration:none;border-radius:99px;padding:12px 21px;margin-top:30px}.index-explore:hover{background:#45423b}.index-cover-foot{display:flex;justify-content:space-between;gap:25px;padding:24px 34px;font-size:10px;color:#64716f}.index-cover-foot>span:first-child{font-size:9px;letter-spacing:.08em}
.index-stories{max-width:1344px;margin:auto;padding:85px 52px 70px}.index-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:34px}.index-section-heading h2{font:400 34px/1.2 MasonMarist,Georgia,serif;letter-spacing:-.025em}.index-section-heading p{font-size:13px;color:var(--body)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.case-card>a{display:block;text-decoration:none}.case-card-visual{height:300px;position:relative;overflow:hidden;isolation:isolate;border:1px solid #dbe2e3;border-radius:20px;background:linear-gradient(135deg,#eaf1f6,#f6faf9 60%,#fff7df);display:grid;place-items:center;transition:box-shadow .35s}.case-card>a:hover .case-card-visual{box-shadow:0 12px 40px -25px #4e6d7b66}.case-card-copy{padding:24px 3px 0}.case-card-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#747b76;letter-spacing:.02em}.case-card-meta>span:last-child{color:#a4a7a0}.case-card-copy h2{font:400 clamp(29px,2.55vw,39px)/1.15 MasonMarist,Georgia,serif;letter-spacing:-.025em;margin-top:16px;max-width:23ch}.case-card-copy>p{font-size:15px;line-height:1.65;color:var(--body);max-width:49ch;margin-top:17px}.case-read{display:flex;align-items:center;gap:30px;font-size:12px;margin-top:23px}.case-read i{font-style:normal;transition:transform .25s}.case-card>a:hover .case-read i{transform:translate(2px,-2px)}.case-featured{grid-column:1/-1;padding-bottom:35px;border-bottom:1px solid var(--line)}.case-featured>a{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.case-featured .case-card-copy{padding:0}.case-featured .case-card-copy h2{font-size:43px;max-width:18ch}.case-featured .case-card-visual{height:360px}.case-featured .case-read{margin-top:30px}
.index-close{max-width:1240px;margin:20px auto 0;padding:75px 36px 80px;text-align:center;border:1px solid #dbe2e3;border-radius:22px;background:radial-gradient(ellipse at 80% 0,#fff0ce,transparent 65%),linear-gradient(135deg,#eaf2f7,#f7faf8 70%)}.index-close h2{font:400 clamp(40px,4.5vw,60px)/1.1 MasonMarist;letter-spacing:-.03em;margin-top:23px}.index-close>p:not(.index-eyebrow){font-size:16px;color:var(--body);margin-top:25px}.index-close>a{display:inline-flex;gap:42px;background:#28241d;border-radius:99px;color:#fffdf7;text-decoration:none;font-size:13px;padding:13px 21px;margin-top:27px}
@media(max-width:1100px){.index-stories{padding-inline:36px}.case-featured>a{gap:35px}.case-featured .case-card-copy h2{font-size:36px}.case-featured .case-card-visual{height:340px}.preview-retention{padding:30px 20px}.preview-paper{padding:24px}.preview-paper h3{font-size:30px}.index-close{margin-inline:36px}.preview-energy{width:85%}.preview-energy-inputs span{padding-inline:15px}}
@media(max-width:760px){.index-cover{min-height:560px;height:80svh;margin:10px;border-radius:19px}.index-cover-copy{padding:105px 22px 40px}.index-cover h1{font-size:clamp(40px,7vw,55px);max-width:19ch;margin:24px 0}.index-cover h1 br{display:none}.index-cover-copy>p:not(.index-eyebrow){font-size:15px;max-width:32ch}.index-cover-copy>p:not(.index-eyebrow) br{display:none}.index-cover-foot{padding:20px 22px}.index-cover-foot>span:last-child{display:none}.index-cover-foot>span:first-child{font-size:8px}.index-stories{padding:53px 24px 40px}.index-section-heading{display:block;margin-bottom:28px}.index-section-heading h2{font-size:31px}.index-section-heading p{font-size:12px;margin-top:11px}.case-grid{grid-template-columns:1fr;gap:42px}.case-featured>a{display:block}.case-featured{padding-bottom:0;border:0}.case-card-copy,.case-featured .case-card-copy{padding:20px 0 0}.case-card-copy h2,.case-featured .case-card-copy h2{font-size:33px;max-width:22ch}.case-card-copy>p{font-size:15px;max-width:46ch}.case-card-visual,.case-featured .case-card-visual{height:300px;border-radius:15px}.case-card-meta{font-size:9px}.case-read,.case-featured .case-read{margin-top:20px}.index-close{padding:48px 22px 50px;margin:20px 24px 0;border-radius:16px}.index-close h2{font-size:40px}.index-close>p:not(.index-eyebrow){font-size:15px}.preview-network-nodes{gap:8px}.preview-network-nodes>span{font-size:10px;padding-inline:8px}.preview-network-title{font-size:29px}.preview-paper{max-width:300px}.preview-rail{font-size:7px}.preview-energy-core>strong{font-size:27px}.preview-books{width:84%}}
@media(max-width:360px){.index-cover h1{font-size:38px}.index-stories{padding-inline:20px}.case-card-visual,.case-featured .case-card-visual{height:275px}.preview-energy-inputs span{padding-inline:12px}.preview-orbit{transform:scale(.9);transform-origin:center}.preview-rail{left:18px;right:18px}.preview-ledger strong{font-size:17px}.case-card-copy h2,.case-featured .case-card-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Still frames from Mason's homepage motion, with the client description on the cover. */
.case-card-visual,.case-featured .case-card-visual{height:auto;aspect-ratio:1;display:block;background:#e6eff4}
.case-static-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.case-cover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;padding:30px 32px;color:#282d2b}
.case-cover-overlay>.case-industry-pill{font-size:10px;padding:7px 12px;background:#fffdf7a8;border-color:#fffdf7b3;max-width:100%;text-align:left}
.case-cover-name{font:400 clamp(34px,3vw,45px)/1.13 MasonMarist,Georgia,serif;letter-spacing:-.03em;max-width:17ch;margin:auto 0;text-wrap:balance}
.case-cover-signature{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;font:400 10px/1.5 MasonDM;color:#576965}
.case-cover-signature>span:first-child{font:400 25px/1 MasonEditorial,Georgia,serif;letter-spacing:-.035em;color:#536663}
.case-cover-signature i{font:400 16px/1 MasonDM;font-style:normal;margin-left:20px}
.case-featured .case-cover-name{font-size:clamp(35px,3.5vw,51px)}
@media(max-width:1100px){.case-cover-overlay{padding:25px}.case-cover-name,.case-featured .case-cover-name{font-size:36px}.case-cover-overlay>.case-industry-pill{font-size:9px}}
@media(max-width:760px){.case-cover-overlay{padding:22px}.case-cover-name,.case-featured .case-cover-name{font-size:clamp(29px,8.5vw,43px);max-width:17ch}.case-cover-overlay>.case-industry-pill{font-size:9px;padding:6px 10px}.case-cover-signature>span:first-child{font-size:22px}}
@media(max-width:360px){.case-cover-overlay{padding:20px}.case-cover-name,.case-featured .case-cover-name{font-size:29px}.case-cover-overlay>.case-industry-pill{font-size:8px;padding:6px 9px}.case-cover-signature>span:first-child{font-size:20px}}