.showcase-hero{padding:70px 0 0;background:var(--cream);border-bottom:1px solid var(--line)}.showcase-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px;padding-bottom:48px}.showcase-heading h1{font-size:clamp(48px,5.4vw,74px);line-height:1.06;letter-spacing:-.055em}.showcase-heading h1 em{color:#627d5b}.showcase-heading p{font-size:14px;line-height:1.9}.concept-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #b9c7ae;border-radius:30px;padding:9px 13px;margin-top:21px;font-size:10px;line-height:1.5;color:var(--ink)}.concept-tag>span{font-size:20px;line-height:1}.collection-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd4c4}.collection-nav a{font-size:12px;display:flex;justify-content:space-between;gap:12px;padding:21px 23px;border-right:1px solid #cdd4c4;transition:background .2s}.collection-nav a:first-child{padding-left:0}.collection-nav a:last-child{border-right:0}.collection-nav a:hover{background:#e7eadc}.collection-nav span{font-size:9px;color:#667b5e}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.live-card{border:1px solid var(--line);min-width:0;background:var(--white)}.live-preview{display:block;border-bottom:1px solid var(--line);background:#e5eadd;overflow:hidden}.preview-chrome{padding:13px 18px;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#516355;letter-spacing:.04em;background:#edf0e5}.preview-chrome>span:first-child{letter-spacing:3px;font-size:6px}.cafe-card .preview-chrome{background:#f0dfcf;color:#744e39}.live-preview img{display:block;width:100%;height:335px;object-fit:cover;object-position:top;transition:transform .3s}.live-preview:hover img{transform:scale(1.025)}.live-card-body{padding:30px}.live-card-body .eyebrow{font-size:9px;margin-bottom:15px}.live-card h3{font-size:31px;line-height:1.15;letter-spacing:-.035em}.live-card-body>p:not(.eyebrow){font-size:13px;line-height:1.85;margin:16px 0;max-width:440px}.demo-highlights{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 26px}.demo-highlights span{padding:6px 9px;font-size:9px;color:#50634d;border:1px solid #d5ddcc;background:#f3f5ed}.live-card .text-link{font-size:12px}.feature-lab{background:#e9eddf}.feature-demo{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;padding:42px 0 49px;border-top:1px solid #becbb2}.feature-demo:last-child{padding-bottom:0}.feature-index{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #a6b89a;font:17px var(--serif);margin-bottom:21px}.feature-explainer h3{font-size:32px;line-height:1.15;letter-spacing:-.035em}.feature-explainer>p{font-size:13px;line-height:1.9;margin-top:19px}.feature-explainer .feature-caption{font-size:11px;border-top:1px solid #becbb2;padding-top:15px;margin-top:24px}.filter-controls{display:flex;gap:8px;flex-wrap:wrap}.filter-controls button{border:1px solid #b8c8a9;background:transparent;color:var(--ink);font-size:11px;padding:10px 15px}.filter-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.feature-status{font-size:10px;margin:17px 0 14px}.sample-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sample-projects article{background:var(--paper);border:1px solid #d1dac5}.sample-projects article[hidden],.sample-brief [hidden]{display:none!important}.sample-projects svg{display:block;width:100%;height:auto}.sample-projects article>div{padding:14px 13px 18px}.sample-projects span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#6b7d60}.sample-projects h4{font:20px/1.2 var(--serif);letter-spacing:-.025em;margin:9px 0 0;color:var(--ink)}.sample-brief{padding:30px;background:var(--paper);border:1px solid #d0d9c3}.sample-brief label{font-size:12px;display:block;color:var(--ink);margin-bottom:9px}.sample-brief select{background:#fffefa;border-color:#b9c7ad;color:var(--ink);font-size:13px}.sample-brief fieldset{border:0;margin:25px 0;padding:0}.sample-brief legend{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#687d5d;margin:0 0 16px;padding:0}.sample-brief .button{min-height:45px}.sample-brief .button:disabled{opacity:.5;cursor:not-allowed}.sample-note{font-size:10px;margin-top:17px;line-height:1.8}.sample-result{border-left:3px solid #58734e;padding:18px;background:#e9eddf;color:var(--ink);font-size:13px;line-height:1.9;margin-top:22px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:30px}.study-label{display:flex;gap:16px;align-items:center;margin-bottom:17px}.study-label>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);border:1px solid #bac8ac;padding:7px 11px}.study-label p{font-size:12px}.study-screen{min-height:420px;border:1px solid #d4d7cb;overflow:hidden;padding:26px;background:#f8f6ef;color:#263c32}.mock-address{display:block;font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#65705d;padding-bottom:17px;border-bottom:1px solid #d4d7cb}.old-wordmark{font:700 20px/1.3 Arial,sans-serif;color:#39483b;text-align:center;margin-top:23px}.old-nav{font-size:10px;text-align:center;border-top:1px solid #cbd1c4;border-bottom:1px solid #cbd1c4;padding:12px 3px;margin-top:17px;color:#53674c}.study-before h3{font:700 27px/1.3 Arial,sans-serif;text-align:center;margin:26px 0 17px;color:#344332}.study-before>p:not(.old-wordmark){font-size:12px;line-height:1.8;text-align:center}.old-badges{display:flex;gap:7px;justify-content:center;margin-top:24px;flex-wrap:wrap}.old-badges span{border:1px solid #c0c9b6;font-size:10px;padding:7px 9px}.study-before .old-contact{font-size:9px!important;margin-top:31px}.study-after{background:#e8eedb}.new-wordmark{font:29px/1 var(--serif);letter-spacing:-.05em;color:#234933;margin-top:20px}.new-wordmark span{font:8px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-left:10px}.mock-eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#57714a;margin-top:29px}.study-after h3{font:42px/1.03 var(--serif);letter-spacing:-.045em;margin:12px 0 15px;color:#234933}.study-after h3 em{color:#627d4f}.study-after>p:not([class]){font-size:12px;line-height:1.8;max-width:300px}.mock-cta{display:inline-flex;gap:24px;align-items:center;background:#234933;color:#fff9e8;padding:12px 15px;margin-top:19px;font-size:10px}.mock-services{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;margin-top:23px;color:#4b6242}.study-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.study-notes>div{border-top:1px solid var(--line);padding-top:23px}.study-notes>div>span{font-size:9px;color:#627d5b;letter-spacing:.1em}.study-notes h3{font-size:25px;letter-spacing:-.035em;margin:15px 0 12px}.study-notes p{font-size:12px;line-height:1.9}
@media(max-width:1000px){.showcase-heading{gap:35px;grid-template-columns:1.15fr .85fr}.live-preview img{height:290px}.feature-demo{gap:35px;grid-template-columns:.65fr 1.35fr}.sample-projects{gap:9px}.sample-projects article>div{padding:13px 10px}.sample-projects h4{font-size:18px}.study-screen{padding:22px}.study-after h3{font-size:37px}.old-nav{font-size:9px}.collection-nav a{padding:19px 13px}}
@media(max-width:700px){.showcase-hero{padding-top:43px}.showcase-heading{grid-template-columns:1fr;gap:24px;padding-bottom:30px}.showcase-heading h1{font-size:49px}.showcase-heading p{font-size:13px}.concept-tag{font-size:9px;margin-top:16px}.collection-nav{grid-template-columns:1fr 1fr}.collection-nav a{font-size:11px;border-bottom:1px solid #cdd4c4;padding:17px 12px}.collection-nav a:first-child{padding-left:12px}.collection-nav a:nth-child(even){border-right:0}.collection-nav a:nth-child(n+3){border-bottom:0}.live-grid{grid-template-columns:1fr;gap:27px}.live-preview img{height:245px}.live-card-body{padding:25px}.live-card h3{font-size:31px}.live-card-body>p:not(.eyebrow){font-size:12px}.demo-highlights{margin:18px 0 22px}.feature-demo{grid-template-columns:1fr;gap:27px;padding:29px 0 35px}.feature-explainer h3{font-size:31px}.feature-explainer h3 br{display:none}.feature-explainer>p{font-size:12px;margin-top:16px}.feature-explainer .feature-caption{margin-top:17px;padding-top:13px}.feature-index{margin-bottom:16px}.sample-projects{grid-template-columns:repeat(2,1fr);gap:13px}.sample-projects h4{font-size:20px}.sample-projects article>div{padding:13px}.filter-controls{gap:6px}.filter-controls button{font-size:10px;padding:9px 12px}.sample-brief{padding:23px}.before-after{grid-template-columns:1fr;gap:28px}.study-screen{min-height:0;padding:24px}.study-after h3{font-size:42px}.study-label p{font-size:11px}.old-nav{font-size:10px}.study-before .old-contact{margin-bottom:10px}.study-notes{grid-template-columns:1fr;gap:23px;margin-top:29px}.study-notes h3{font-size:27px}.study-notes p{font-size:12px}.study-notes>div{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.live-preview img,.collection-nav a{transition:none}}

.live-tier-links{display:flex;gap:8px;flex-wrap:wrap}.live-tier-links a{display:inline-flex;gap:15px;align-items:center;padding:9px 13px;font-size:11px;border:1px solid #b8c7ad;color:var(--ink)}.live-tier-links a:hover{background:#e9eddf}.live-tier-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tier-card .tier-view{display:inline-flex}.tier-card .work-window img{min-height:100%;object-fit:cover;object-position:top}