/* A short homepage, with relevant detail one click away. */
.desktop-nav{gap:32px}
.focus-heading{margin-bottom:32px}
.needs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.need-card{display:flex;flex-direction:column;min-height:214px;padding:25px 27px;background:var(--cream);border:1px solid #dfd0b8;border-radius:6px;box-shadow:0 2px 0 #a68a4210;transition:transform .2s,background .2s,border-color .2s}
.need-card:hover{transform:translateY(-4px);background:#fff6d8;border-color:#caaa54}
.need-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--blue);font-size:9px;letter-spacing:.1em;font-weight:600}
.need-top>span:last-child{font-size:24px;line-height:1;font-weight:400}
.need-card h3{font-size:27px;letter-spacing:-.045em;line-height:1.2;margin-top:29px;max-width:310px}
.need-card>p{font-size:11px;color:var(--muted);margin-top:auto;padding-top:19px;line-height:1.6}
.need-conversation{background:var(--butter);border-color:#e2c980}
.need-conversation:hover{background:#f5df88}
.need-conversation .need-top{color:#77603b}
.about-section .about-image,.about-section .about-image img{height:510px;min-height:510px}
.about-section .about-image img{object-position:center 40%}
.about-copy .background-text{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 17px}
.about-copy .about-facts{margin-top:23px}
.lab-preview{padding-block:30px}
.lab-disclosure{background:#fff8e8;border:1px solid #ddcba8;border-radius:6px}
.lab-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 28px;cursor:pointer;list-style:none}
.lab-disclosure>summary::-webkit-details-marker{display:none}
.lab-disclosure>summary .eyebrow{font-size:8px;color:var(--blue);display:block}
.lab-disclosure>summary strong{font-size:14px;font-weight:500;display:block;margin-top:5px}
.disclosure-plus{font-size:29px;color:var(--blue);font-weight:400;line-height:1}
.lab-disclosure[open] .disclosure-plus{transform:rotate(45deg)}
.lab-disclosure[open]>summary{border-bottom:1px solid #ddcba8}
.lab-disclosure .lab-section{width:100%;padding:36px 28px;gap:45px}
.lab-disclosure .lab-intro h2{font-size:37px}
.working-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.working-options span{display:inline-block;border:1px solid #c4a45c;border-radius:20px;padding:4px 10px;font-size:10px;color:#715a34}
.detail-page{padding-block:34px 75px;min-height:70vh}
.detail-back{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding-bottom:5px;border-bottom:1px solid #d0c0a8;margin-bottom:40px}
.detail-back:hover{color:var(--blue)}
.detail-intro{padding-bottom:35px;border-bottom:1px solid var(--line);max-width:950px}
.detail-intro .eyebrow{color:var(--blue);margin-bottom:17px}
.detail-intro h1{font-size:clamp(40px,4.6vw,64px);max-width:850px;letter-spacing:-.055em;line-height:1.12}
.detail-intro>p:last-child{font-size:17px;color:var(--muted);line-height:1.8;max-width:790px;margin-top:22px}
.detail-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:70px;align-items:start;margin-top:40px}
.detail-main h2,.detail-case h2{font-size:28px;letter-spacing:-.035em}
.detail-deliverables{list-style:none;margin:15px 0 0;padding:0}
.detail-deliverables li{position:relative;padding:15px 0 15px 27px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.detail-deliverables li:before{content:'↗';position:absolute;left:0;top:15px;color:var(--blue)}
.detail-experience{margin-top:35px}
.detail-experience>p{font-size:14px;color:var(--muted);line-height:1.85;margin-top:15px}
.detail-roles{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-roles summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:17px 0;cursor:pointer;font-size:12px;font-weight:550}
.detail-roles summary::-webkit-details-marker{display:none}
.detail-roles summary>span{font-size:22px;font-weight:400;color:var(--blue)}
.detail-roles[open] summary>span{transform:rotate(45deg)}
.detail-roles .role-tags{margin:0 0 20px}
.detail-case{padding:27px;background:#f5e3ae;border:1px solid #ddc58a;border-radius:6px}
.detail-case>.eyebrow{font-size:9px;color:#79633b}
.detail-case h2{font-size:28px;margin-top:18px;line-height:1.23}
.detail-case .detail-scope{font-size:11px;font-weight:600;color:#6b5838;background:#fff6d9;border:1px solid #dbc58c;border-radius:4px;padding:9px 11px;margin-top:20px}
.detail-case>p:not(.eyebrow):not(.detail-scope){font-size:12px;color:#7c6948;line-height:1.8;margin-top:16px}
.detail-case button{font-size:12px;margin-top:22px;background:transparent;color:var(--blue);text-align:left}
.detail-contact{margin-top:45px;padding:30px 33px;border:1px solid #dfc686;border-radius:6px;background:#f8e6a9;display:flex;justify-content:space-between;align-items:center;gap:30px}
.detail-contact h2{font-size:29px}
.detail-contact p{font-size:12px;color:#776446;margin-top:9px}
.detail-contact .hero-actions{margin-top:0;flex-wrap:wrap;justify-content:flex-end}
.detail-alternatives{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}
.detail-alternatives>p{font-size:9px;letter-spacing:.1em;color:var(--muted)}
.detail-alternatives nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.detail-alternatives a{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;color:var(--muted)}
.detail-alternatives a:hover{border-color:#bb9e59;background:#f8eabd;color:var(--ink)}
.detail-alternatives a[aria-current=page]{background:var(--butter);border-color:#d2b66d;color:var(--ink)}
.site-footer>a.footer-contact:last-child{font-size:11px;border:0;width:auto;height:auto;display:inline-block;border-radius:0;white-space:nowrap}
@media(max-width:1150px){.need-card{padding:23px;min-height:213px}.need-card h3{font-size:25px}.need-card>p{font-size:10px}.detail-grid{gap:40px}.detail-contact{flex-direction:column;align-items:flex-start}.detail-contact .hero-actions{justify-content:flex-start}}
@media(max-width:900px){.needs-grid{gap:13px}.need-card{padding:21px 18px;min-height:205px}.need-card h3{font-size:23px}.need-card>p{font-size:9px}.need-top{font-size:8px}.need-top>span:last-child{font-size:21px}.detail-grid{gap:30px;grid-template-columns:1.1fr .9fr}.detail-case{padding:22px}.detail-case h2{font-size:25px}.detail-deliverables li,.detail-experience>p{font-size:13px}.lab-disclosure .lab-section{gap:28px;padding:30px 24px}.lab-disclosure .lab-intro h2{font-size:32px}}
@media(max-width:700px){.needs-grid{grid-template-columns:1fr;gap:10px}.need-card{position:relative;min-height:0;padding:20px 23px;display:block}.need-top{font-size:8px}.need-top>span:last-child{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:23px}.need-card h3{font-size:23px;margin-top:9px;max-width:85%;line-height:1.2}.need-card h3 br{display:none}.need-card>p{font-size:10px;padding-top:0;margin-top:8px;max-width:87%}.need-card h3 em{font-size:25px}.focus-heading>p{max-width:320px}.focus-heading>p br{display:none}.about-section .about-image,.about-section .about-image img{height:440px;min-height:440px}.about-section .about-image img{object-position:center 37%}.lab-preview{padding-block:24px}.lab-disclosure>summary{padding:19px 20px;gap:17px}.lab-disclosure>summary strong{font-size:13px;line-height:1.6}.lab-disclosure>summary .eyebrow{font-size:7px}.lab-disclosure .lab-section{padding:26px 20px;gap:25px}.working-options{gap:7px;margin-top:22px}.working-options span{font-size:9px;padding:4px 9px}.detail-page{padding-block:25px 50px}.detail-back{margin-bottom:29px;font-size:11px}.detail-intro{padding-bottom:27px}.detail-intro h1{font-size:39px;line-height:1.15}.detail-intro .eyebrow{font-size:9px;line-height:1.8;margin-bottom:14px}.detail-intro>p:last-child{font-size:14px;margin-top:19px}.detail-grid{grid-template-columns:1fr;gap:30px;margin-top:29px}.detail-main h2{font-size:26px}.detail-deliverables li{font-size:13px;padding-block:12px}.detail-deliverables li:before{top:12px}.detail-experience{margin-top:29px}.detail-experience>p{font-size:13px}.detail-case{padding:24px}.detail-case h2{font-size:28px}.detail-contact{margin-top:29px;padding:24px;gap:21px}.detail-contact h2{font-size:27px}.detail-contact .hero-actions{width:100%;display:flex;flex-direction:row}.detail-contact .hero-actions .button{font-size:11px;min-height:46px}.detail-contact .hero-actions .secondary{grid-column:auto;grid-row:auto}.detail-contact .hero-actions .personal{grid-column:auto;grid-row:auto}.detail-alternatives a{font-size:9px}.detail-alternatives nav{gap:7px}.detail-page~.site-footer{grid-template-columns:1fr auto}.detail-page~.site-footer .footer-contact{grid-column:2;grid-row:1/3;font-size:10px}}