/* A coherent Pinecap front door, with real work as the visual evidence. */
.hero{grid-template-columns:1.05fr 1fr;gap:6%;padding-block:85px 78px}
.hero h1{font-size:clamp(58px,5.65vw,86px);line-height:1.035;letter-spacing:-.04em;max-width:10.5ch;margin:25px 0 29px;text-wrap:initial}
.hero h1 em{margin-top:12px;max-width:10.5ch}
.hero-lead{max-width:46ch;font-size:17px;line-height:1.8}
.hero-work{min-width:0;position:relative;height:510px;isolation:isolate}
.hero-work-ground{position:absolute;inset:22px 0 32px 20px;background:#e7e7dd;border-radius:50% 50% 4px 4px;z-index:-1}
.hero-web{position:absolute;top:55px;right:0;width:92%;height:320px;background:#fff;box-shadow:0 26px 50px #22302320;border:1px solid #c6c9bd;border-radius:8px;overflow:hidden;transform:rotate(2deg);transition:transform .35s}
.hero-web:hover{transform:rotate(0)}
.browser-chrome{display:flex;align-items:center;gap:4px;height:25px;background:#f7f6f2;padding-inline:12px;border-bottom:1px solid #dadbd3}
.browser-chrome>i{width:4px;height:4px;background:#c4c5bc;border-radius:50%}
.browser-chrome>span{font:8px var(--sans);color:#696f63;margin:auto}
.hero-web>img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}
.hero-report{position:absolute;top:183px;left:-2%;width:38%;transform:rotate(-7deg);box-shadow:0 22px 35px #182e2940;transition:transform .35s;border:1px solid #c7cdbe;background:#fff}
.hero-report:hover{transform:rotate(-3deg) translateY(-4px)}
.hero-report img{width:100%;height:auto}
.hero-work-caption{position:absolute;bottom:0;left:43%;right:0;display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.5}
.hero-work-caption>span{color:var(--mid)}
.hero-work-caption>a{text-decoration:none;color:var(--ink);width:fit-content;border-bottom:1px solid var(--line);padding-bottom:5px}
.case-copy>p:not(.eyebrow):not(.sample-caption){max-width:48ch}
.client-voices{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-block:66px 76px;border-bottom:1px solid var(--line)}
.client-voice{display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:start;min-width:0}
.client-voice>img{width:112px;height:150px;object-fit:cover;object-position:center 30%;border-radius:2px}
.client-voice blockquote{font:26px/1.32 var(--serif);letter-spacing:-.015em;text-wrap:pretty}
.client-voice figcaption{margin-top:20px;font-size:11px;line-height:1.6}
.client-voice figcaption strong{display:block;font-size:12px;font-weight:500}
.client-voice figcaption span{color:var(--mid);display:block;margin-top:3px}
.contact h2{font-size:clamp(46px,5.1vw,75px)}
.method-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:32px 8%;counter-reset:method;margin-top:36px}
.method-steps li{counter-increment:method;border-top:1px solid var(--line);padding-top:23px;position:relative;padding-left:40px}
.method-steps li:before{content:'0' counter(method);position:absolute;left:0;top:27px;color:var(--copper);font-size:11px}
.method-steps strong{font:30px var(--serif);font-weight:400}
.method-steps p{margin-top:14px;color:var(--mid);font-size:16px;line-height:1.8}
.support h1{font-size:clamp(45px,6vw,78px);max-width:21ch}
@media(max-width:1100px){.hero h1{font-size:clamp(54px,6vw,72px)}.hero-work{height:440px}.hero-web{height:270px;top:38px}.hero-report{top:150px;width:40%}.hero-work-caption{left:46%}.client-voice{grid-template-columns:90px 1fr;gap:20px}.client-voice>img{width:90px;height:125px}.client-voice blockquote{font-size:24px}}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:42px;padding-block:48px}.hero h1{font-size:clamp(52px,10.6vw,76px);max-width:12ch;margin-top:23px}.hero h1 em{max-width:12ch}.hero-lead{font-size:16px;max-width:49ch}.hero-work{height:385px;max-width:490px;width:100%;margin-inline:auto}.hero-web{height:258px;top:24px;width:90%}.hero-report{width:36%;top:139px;left:0}.hero-work-caption{left:43%;bottom:8px}.hero-work-ground{inset:0 0 22px 20px}.client-voices{grid-template-columns:1fr;gap:34px;padding-block:38px 46px}.client-voice{grid-template-columns:100px 1fr;gap:22px}.client-voice+ .client-voice{padding-top:34px;border-top:1px solid var(--line)}.client-voice>img{width:100px;height:133px}.client-voice blockquote{font-size:25px}.client-voice figcaption{margin-top:15px}.method-steps{grid-template-columns:1fr;gap:25px}.contact h2{font-size:49px}.service-grid h3{min-height:0}}
@media(max-width:420px){.hero-work{height:320px}.hero-web{height:214px;top:18px}.hero-report{top:121px;width:38%}.hero-work-caption{left:46%;font-size:10px}.hero h1{font-size:52px;letter-spacing:-.045em}.client-voice{grid-template-columns:84px 1fr;gap:19px}.client-voice>img{width:84px;height:116px}.client-voice blockquote{font-size:23px}.client-voice figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-web,.hero-report{transition:none}.reveal{transition:none}}