/* Clarity v55: a specific first engagement and large, qualified delivery proof. */
.site-nav{position:sticky;top:0;z-index:20;background:var(--paper);padding-block:12px;min-height:76px}
.stacked-logo{width:50px;height:50px}
.nav-links{gap:18px;align-items:center}
.nav-links a{font-size:13px}
.nav-links .nav-clarity{display:none}
.section,#vera,.case-card{scroll-margin-top:100px}
.hero{padding-block:44px 48px}
.hero-proof-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;min-height:44px;margin-top:20px;text-decoration:none}
.hero-proof-link:hover{text-decoration:underline}
.hero-proof-link svg{width:16px;height:16px}
.hero-argument{font-size:18px}
.experience-note{margin-top:18px}
.client-proof{border-top:1px solid var(--line);padding-block:28px 30px}
.client-proof>p{font-size:14px;color:var(--muted);max-width:none}
.proof-logos{margin-top:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-logos a{border:0;min-height:64px;padding:14px}
.proof-logos img{max-height:38px;max-width:94px;width:auto;height:auto}
.more-proof>summary{display:flex;align-items:center;gap:14px;min-height:44px;width:fit-content;cursor:pointer;list-style:none;font-size:14px;margin-top:10px;color:var(--muted)}
.more-proof>summary::-webkit-details-marker{display:none}
.more-proof>summary>svg{width:18px;height:18px;flex:none}
.more-proof[open]>summary>svg{transform:rotate(45deg)}
.more-proof .client-quote{margin-bottom:12px}
.first-engagement{border-top:1px solid var(--line)}
.start-heading{display:grid;gap:20px;margin-bottom:32px}
.start-heading h2{max-width:15ch}
.start-heading>p{font-size:17px;color:var(--muted);max-width:43ch}
.start-layout{display:grid;gap:32px}
.start-step{border-top:1px solid var(--line);padding-block:0 18px}
.start-step>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:64px;font-size:21px;line-height:1.3;letter-spacing:-.02em}
.start-step>summary::-webkit-details-marker{display:none}
.start-step>summary svg{width:18px;height:18px;flex:none;transition:transform .16s ease-out}
.start-step[open]>summary{color:var(--blue)}
.start-step[open]>summary svg{transform:rotate(90deg)}
.start-step>p{color:var(--muted);font-size:16px;max-width:38ch}
.start-output{border:1px solid var(--line);background:#f7f8f6;padding:26px;border-radius:4px;align-self:start}
.output-title{font-size:23px;line-height:1.3;letter-spacing:-.02em}
.start-output dl{margin:24px 0}
.output-field{border-top:1px solid #d5dcd9;padding-block:18px;transition:color .16s ease-out}
.output-field dt{font-size:14px;color:var(--muted)}
.output-field dd{margin:6px 0 0;font-size:17px;line-height:1.5;max-width:25ch}
.start-layout:has([data-start-step="0"][open]) [data-output="0"],.start-layout:has([data-start-step="1"][open]) [data-output="1"],.start-layout:has([data-start-step="2"][open]) [data-output="2"]{color:var(--blue)}
.output-note{font-size:13px;line-height:1.6;color:var(--muted);display:block;max-width:32ch}
.text-action{display:inline-flex;align-items:center;gap:18px;min-height:48px;font-size:16px;line-height:1.5;text-decoration:underline;text-decoration-color:#a5adb4;text-underline-offset:6px}
.text-action svg{width:20px;height:20px;flex:none}
.first-engagement>.text-action{margin-top:24px}
.delivery-heading{display:grid;gap:26px;margin-bottom:32px}
.delivery-heading h2{max-width:15ch}
.delivery-heading h3{font-size:21px}
.delivery-heading p{margin-top:12px;color:var(--muted);font-size:16px;max-width:43ch}
.delivery-heading .text-action{margin-top:12px}
.delivery-art{margin:0;min-width:0}
.delivery-art>img{width:100%;height:auto;border-radius:4px}
.delivery-art>figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:13px;color:var(--muted);line-height:1.5;margin-top:14px}
.delivery-facts{display:grid;margin-top:28px;gap:20px}
.delivery-facts p{border-top:1px solid var(--line);padding-top:18px;font-size:15px}
.delivery-facts strong{display:block;font-size:17px;font-weight:500;margin-bottom:7px}
.delivery-facts span{color:var(--muted)}
.projects-v54{padding-top:64px}
.projects-v54 .projects-heading{margin-bottom:32px}
.close .contact-copy>p{max-width:37ch;font-size:16px;margin-top:20px;color:var(--muted)}
.reveal.enter{animation:buyer-reveal .4s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0ms)}
.reveal.enter:focus-within{animation:none}
@keyframes buyer-reveal{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){
 .site-nav{min-height:84px}.stacked-logo{width:56px;height:56px}.nav-links{gap:28px}.nav-links a{font-size:14px}
 .hero{padding-block:64px 60px}.hero-proof-link{margin-top:24px}
 .client-proof{padding-block:28px 30px}.proof-logos{grid-template-columns:repeat(6,minmax(0,1fr))}.proof-logos a{min-height:76px;padding:20px}
 .start-heading,.delivery-heading{grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:44px}
 .start-heading>p{padding-top:4px}.start-layout{grid-template-columns:1fr 1fr;gap:50px;align-items:start}
 .start-step>summary{font-size:23px;min-height:72px}.start-output{padding:32px}.output-title{font-size:27px}
 .delivery-heading h3{font-size:24px}.delivery-art{width:100%;max-width:1000px;margin-inline:auto}
 .delivery-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:34px}
 .service-row:nth-child(2){--reveal-delay:70ms}.service-row:nth-child(3){--reveal-delay:140ms}.service-row:nth-child(4){--reveal-delay:210ms}
 .case-card:nth-child(even){--reveal-delay:70ms}
}
@media(min-width:1100px){
 .nav-links .nav-clarity{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--ink);border-radius:2px;font-weight:500;text-decoration:none}
 .nav-clarity:hover{background:var(--ink);color:#fff}
 .hero{padding-block:64px 64px}.hero-main{gap:0 80px}.hero-title{font-size:84px}.hero-argument{font-size:19px}
 .start-heading,.delivery-heading{gap:90px}.start-layout{gap:90px;grid-template-columns:1fr 1fr}.start-output{padding:40px}.output-field dd{font-size:20px}
 .delivery-art{max-width:1000px}.projects-v54{padding-top:88px}
}
@media(max-width:350px){.nav-links{gap:14px}.nav-links a{font-size:12px}.stacked-logo{width:46px;height:46px}.start-output{padding:22px}.hero-argument{font-size:17px}}
@media(max-width:699px){.hero-heading{order:0}.hero-copy{order:1}.portrait{order:2}}
@media(prefers-reduced-motion:reduce){.reveal.enter{animation:none!important}.start-step>summary svg,.output-field{transition:none}}
html[data-motion=off] .reveal.enter{animation:none!important}
html[data-motion=off] .start-step>summary svg,html[data-motion=off] .output-field{transition:none}