/* The centered introduction and project studies share the original brand palette. */
.hero{padding-top:35px;border-bottom:1px solid var(--line)}
.hero-intro{justify-content:center;text-align:center}
.hero-grid{grid-template-columns:minmax(0,1fr);padding:88px 0 92px;gap:0}
.hero-copy{width:100%;max-width:1020px;margin:auto;text-align:center}
.hero h1{font:400 clamp(48px,6.1vw,86px)/1.09 var(--display);letter-spacing:-.025em;color:var(--wine)}
.hero-copy p{margin:29px auto 27px;max-width:600px;font-size:18px;line-height:1.7}
.hero-copy>.button{margin:auto}
.work .section-heading{align-items:flex-start;margin-bottom:56px}
.work h2{font-size:clamp(42px,4.3vw,64px)}
.case-study{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding:0 0 65px}
.case-study+.case-study{border-top:1px solid var(--line);padding-top:65px;padding-bottom:0}
.case-visual{min-width:0;padding:27px;background:var(--blue)}
.website-visual a{display:block;overflow:hidden;outline-offset:7px}
.website-visual img{width:100%;height:auto;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.website-visual a:hover img{transform:scale(1.015)}
.case-caption{display:block;margin-top:20px;font-size:13px;letter-spacing:.03em}
.case-copy{min-width:0}
.case-copy h3{font:400 clamp(29px,3.1vw,43px)/1.16 var(--display);margin:20px 0 23px;color:var(--wine)}
.case-copy p{font-size:17px;line-height:1.75;max-width:47ch}
.case-sample{font:italic 22px var(--body);white-space:nowrap}
.case-disciplines{display:flex;gap:12px 22px;flex-wrap:wrap;margin:26px 0;font-size:13px;color:var(--wine)}
.case-disciplines span{border-bottom:1px solid var(--line);padding-bottom:4px}
.case-study-app .case-visual{order:2;background:var(--pink)}
.case-study-app .case-copy{order:1}
.sample-workspace{background:var(--paper);padding:25px;color:var(--ink);border:1px solid rgba(41,55,51,.16)}
.sample-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:17px}
.sample-label{padding:3px 9px;font-size:12px;letter-spacing:.06em;color:var(--wine);border:1px solid var(--pink)}
.sample-heading{padding:24px 0}
.sample-heading h4{margin:0;font:400 28px/1.2 var(--display)}
.sample-heading p{font-size:14px;margin-top:8px}
.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:24px}
.sample-metrics>div{border-left:1px solid var(--line);padding-left:12px}
.sample-metrics strong{font:400 29px var(--display);color:var(--wine);display:block}
.sample-metrics span{display:block;font-size:12px;line-height:1.5;margin-top:7px}
.sample-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}
.sample-table-head{font-size:12px;color:#52615a;padding:10px 0}
.sample-status{font-size:12px;background:#e3ebe6;padding:4px 9px;color:var(--ink)}
.sample-status.review{background:#f2dbe3;color:var(--wine)}
.sample-footnote{font-size:12px;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}
.case-workflow{border-top:1px solid var(--line);margin-top:15px}
.case-workflow summary{font-size:17px;padding:18px 0;gap:12px}
.case-workflow ol{margin:0;padding-left:23px}
.case-workflow li{padding:9px 0;font-size:16px;line-height:1.65}
.case-workflow li strong{font-weight:400;color:var(--wine)}
.case-workflow .extra-content p{font-size:13px;max-width:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-field{margin-bottom:22px}
.service-field>label{margin-bottom:5px}
.service-field>select[hidden]{display:none}
.select-control{position:relative;margin-top:5px}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:11px 0;background:transparent;border:0;border-bottom:1px solid rgba(41,55,51,.4);text-align:left;font-size:17px;line-height:1.5;color:var(--ink);transition:border-color .3s,color .3s}
.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:var(--wine);color:var(--wine)}
.select-chevron{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 5px 4px 0;flex:none;transition:transform .3s}
.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(225deg);margin-top:6px}
.select-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:100%;padding:7px;background:var(--paper);border:1px solid #7a0e353d;box-shadow:0 15px 35px #2937331a;max-height:270px;overflow-y:auto;overscroll-behavior:contain}
.select-menu[hidden]{display:none}
.select-control.opens-above .select-menu{top:auto;bottom:calc(100% + 8px)}
.select-option{font-size:16px;line-height:1.5;padding:12px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .18s,color .18s}
.select-option[aria-selected=true]{background:#e8b9c844;color:var(--wine)}
.select-option[data-active=true]{background:var(--wine);color:var(--paper)}
.option-mark{font-size:16px;opacity:0}
.select-option[aria-selected=true] .option-mark{opacity:1}
input,textarea{transition:border-color .3s,background .3s}
input:focus,textarea:focus{border-bottom-color:var(--wine)}
details.is-animating{overflow:hidden}
summary{transition:color .25s}
summary:hover{color:var(--wine)}
.footer-top p{display:block;font-size:18px;text-align:center}
.brief-result{scroll-margin-block:20px}
@media(max-width:1100px){.header nav{gap:22px}.case-study{gap:40px}.case-visual{padding:20px}.sample-workspace{padding:20px}}
@media(max-width:800px){.hero-grid{padding:74px 0 77px}.hero h1{font-size:clamp(46px,7.5vw,64px)}.case-study{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.case-study+.case-study{padding-top:45px}.case-study-app .case-visual,.case-study-app .case-copy{order:initial}.case-copy p{max-width:none}.case-copy h3{font-size:38px}.case-visual{padding:25px}.sample-workspace{padding:25px}.sample-metrics span{font-size:14px}.sample-footnote,.sample-label,.sample-status{font-size:13px}.sample-workspace{max-width:540px;margin:auto}.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%;text-align:left;margin-top:8px;font-size:17px}}
@media(max-width:560px){.hero{padding-top:30px}.hero-grid{padding:65px 0 65px}.hero h1{font-size:clamp(42px,10.9vw,59px);line-height:1.12}.hero-copy p{font-size:17px;margin:25px auto 27px}.hero-copy p br{display:none}.hero-copy .button{padding:15px 21px;font-size:15px}.work .section-heading{margin-bottom:35px}.case-visual{padding:17px}.case-copy h3{font-size:33px}.case-sample{font-size:20px}.case-copy p{font-size:17px}.case-caption{font-size:12px;margin-top:15px}.sample-workspace{padding:18px}.sample-top{font-size:15px}.sample-heading h4{font-size:26px}.sample-metrics{gap:9px}.sample-metrics span{font-size:12px}.case-disciplines{gap:9px 18px}.select-option{font-size:16px;padding:13px 12px}}
@media(prefers-reduced-motion:reduce){.website-visual a:hover img{transform:none}}