.site-work{background:var(--cream);color:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 3vw;padding:0 4vw 10vw;display:grid}.site-card{color:var(--ink);display:block}.site-frame{background:#11120f;border-radius:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;overflow:hidden;box-shadow:0 30px 60px -30px #0007}.site-bar{background:#1c1d19;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.site-bar i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.site-bar small{color:#a7a49b;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-left:12px;font-size:11px;overflow:hidden}.site-frame img{aspect-ratio:1200/630;object-fit:cover;object-position:top center;width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block}.site-meta{border-bottom:1px solid #0a0a0926;grid-template-columns:44px 1fr auto;align-items:center;padding:22px 4px 18px;display:grid}.site-meta>span{color:#6d6a62;font-size:11px}.site-meta h3{letter-spacing:-.02em;margin:0;font-size:clamp(22px,2vw,30px)}.site-meta p{letter-spacing:.15em;text-transform:uppercase;color:#6d6a62;margin:4px 0 0;font-size:10px}.site-meta svg{transition:transform .3s}.site-card:hover .site-frame{transform:translateY(-6px);box-shadow:0 40px 70px -30px #0009}.site-card:hover .site-frame img{transform:scale(1.03)}.site-card:hover .site-meta svg{transform:translate(3px,-3px)}@media (max-width:800px){.site-work{grid-template-columns:1fr;gap:40px;padding:0 5vw 16vw}.site-bar{height:28px}}@media (max-width:600px){.hero-home .hero-display em{font-size:.86em}}.contact-copy .social+.social{margin-top:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-section{background:var(--ink);color:var(--cream);grid-template-columns:.85fr 1.15fr;align-items:start;gap:7vw;padding:11vw 4vw;display:grid}.cs-intro{position:sticky;top:140px}.contact-section .kicker{color:var(--acid);margin:0}.contact-section h2{letter-spacing:-.065em;max-width:none;margin:3vw 0 0;font-size:clamp(48px,6.4vw,104px);line-height:.92}.contact-section h2 em{color:var(--acid);font-family:Georgia,serif;font-weight:400}.cs-lead{max-width:440px;color:var(--muted);margin:36px 0 0;font-size:17px;line-height:1.65}.cs-details{max-width:480px;margin:56px 0 0}.cs-details div{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:16px;padding:18px 0;display:grid}.cs-details div:last-child{border-bottom:1px solid var(--line)}.cs-details dt{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-top:4px;font-size:10px}.cs-details dd{margin:0;font-size:16px;line-height:1.5}.cs-details a{align-items:center;gap:6px;transition:color .2s;display:inline-flex}.cs-details a:hover{color:var(--acid)}@media (max-width:900px){.contact-section{grid-template-columns:1fr;gap:64px;padding:20vw 5vw}.cs-intro{position:static}.contact-section h2{margin-top:24px}.cs-details div{grid-template-columns:90px 1fr}}.site-work-more{background:var(--ink);color:var(--acid);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;grid-column:1/-1;justify-self:center;align-items:center;gap:10px;padding:16px 26px;font-size:13px;font-weight:800;display:inline-flex}.site-work-more:hover{background:#000}.website-lead a{color:inherit;text-underline-offset:4px;text-decoration:underline}
