:root{
--ink:#171814;
--ink-2:#23251f;
--cream:#f6efe2;
--paper:#fffaf1;
--orange:#ff5b25;
--lime:#d2ee35;
--yellow:#f3ca30;
--muted:#74756d;
--line:rgba(23,24,20,.16);
--serif:'Fraunces',Georgia,serif;
--sans:'DM Sans',Arial,sans-serif;
--mono:'DM Mono',monospace;
--radius:1.35rem
}
*{
box-sizing:border-box
}
html{
scroll-behavior:smooth
}
body{
margin:0;
background:var(--paper);
color:var(--ink);
font-family:var(--sans);
font-size:16px;
line-height:1.5
}
img,video{
display:block;
max-width:100%
}
img{
object-fit:cover
}
a{
color:inherit;
text-decoration:none
}
button,input,textarea,select{
font:inherit
}
.skip-link{
position:absolute;
z-index:10;
left:1rem;
top:-4rem;
background:var(--lime);
padding:.75rem 1rem
}
.skip-link:focus{
top:1rem
}
.section-wrap{
width:min(1240px,calc(100% - 3rem));
margin-inline:auto
}
.section-space{
padding-top:9.5rem;
padding-bottom:9.5rem
}
.site-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:2rem;
position:relative;
width:min(1240px,calc(100% - 3rem));
margin:0 auto;
padding:1.5rem 0;
z-index:5
}
.wordmark{
font-weight:700;
letter-spacing:-.1em;
font-size:1.05rem;
line-height:.78
}
.dot{
color:var(--orange)
}
.site-nav{
display:flex;
align-items:center;
gap:1.7rem;
font-size:.88rem
}
.site-nav>a:not(.nav-cta){
padding:.35rem 0;
border-bottom:1px solid transparent
}
.site-nav>a.active:not(.nav-cta),.site-nav>a:not(.nav-cta):hover{
border-color:var(--ink)
}
.nav-cta{
border:1px solid var(--ink);
border-radius:999px;
padding:.65rem 1rem;
font-weight:600
}
.nav-cta:hover{
background:var(--ink);
color:var(--paper)
}
.menu-toggle{
display:none;
background:none;
border:0;
cursor:pointer
}
.eyebrow{
font:500 .67rem/1.3 var(--mono);
letter-spacing:.075em;
text-transform:uppercase;
margin:0 0 1rem;
color:var(--muted)
}
.status-dot{
display:inline-block;
width:.55rem;
height:.55rem;
background:#69d431;
border-radius:50%;
margin-right:.4rem
}
.hero{
display:grid;
grid-template-columns:1fr 1.05fr;
gap:4rem;
align-items:end;
padding-top:5.2rem;
padding-bottom:5rem
}
.hero h1,.work-hero h1,.testimonial-hero h1{
font:700 clamp(4.5rem,9.4vw,9.2rem)/.84 var(--serif);
letter-spacing:-.08em;
margin:.5rem 0 2rem
}
.hero h1 em,.work-hero h1 em,.testimonial-hero h1 em,h2 em{
font-weight:600
}
.hero-intro{
font-size:1.2rem;
line-height:1.45;
max-width:31rem;
margin:0 0 2.1rem
}
.hero-actions{
display:flex;
align-items:center;
gap:1.5rem
}
.button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.75rem;
border:1px solid transparent;
border-radius:999px;
padding:.9rem 1.25rem;
font-weight:600;
cursor:pointer;
transition:transform .2s,background .2s
}
.button:hover{
transform:translateY(-3px)
}
.button-orange{
background:var(--orange);
color:#fff
}
.button-lime{
background:var(--lime)
}
.button-outline{
border-color:var(--ink)
}
.button-outline:hover{
background:var(--ink);
color:var(--paper)
}
.button-dark{
background:var(--ink);
color:var(--paper);
width:100%
}
.text-link{
font-weight:600;
border-bottom:1px solid currentColor;
padding-bottom:.25rem
}
.text-link span{
display:inline-block;
margin-left:.3rem
}
.hero-visual{
position:relative;
margin:0;
overflow:hidden;
border-radius:var(--radius);
background:#ebaf16;
transform:rotate(1.3deg);
box-shadow:18px 20px 0 var(--lime)
}
.hero-visual img{
width:100%;
aspect-ratio:1.18;
object-fit:cover
}
.hero-visual figcaption{
position:absolute;
bottom:0;
left:0;
right:0;
display:flex;
justify-content:space-between;
gap:1rem;
padding:.9rem 1rem;
background:rgba(23,24,20,.88);
color:var(--paper);
font:.62rem var(--mono);
text-transform:uppercase;
letter-spacing:.06em
}
.stats{
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr)) 2.1fr;
gap:1.5rem;
padding:1.6rem 0
}
.stats div{
display:flex;
flex-direction:column;
gap:.15rem
}
.stats strong{
font:700 clamp(2.2rem,4vw,4rem)/.9 var(--serif);
letter-spacing:-.06em
}
.stats span{
font-size:.78rem
}
.stats p{
margin:0;
font-size:.95rem;
max-width:24rem
}
.section-heading h2,.about-copy h2,.process-note h2,.testimonial-copy h2,.contact-panel h2,.work-hero h1,.testimonial-hero h1{
letter-spacing:-.065em
}
.section-heading h2,.about-copy h2,.process-note h2,.testimonial-copy h2,.contact-panel h2{
font:600 clamp(2.6rem,5vw,5.3rem)/.94 var(--serif);
margin:0
}
.split-heading{
display:flex;
align-items:end;
justify-content:space-between;
gap:2rem;
margin-bottom:3rem
}
.feature-grid{
display:grid;
grid-template-columns:1.3fr .7fr;
gap:1.3rem
}
.project-tile{
min-height:24rem;
position:relative;
overflow:hidden;
border-radius:var(--radius);
background:var(--ink);
color:var(--paper)
}
.project-tile-wide{
grid-row:span 2;
min-height:45rem
}
.project-tile img{
width:100%;
height:100%;
position:absolute;
inset:0;
opacity:.94;
transition:transform .6s
}
.project-tile:hover img{
transform:scale(1.035)
}
.project-tile:after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.85))
}
.project-tile-copy{
position:absolute;
z-index:1;
left:1.5rem;
right:1.5rem;
bottom:1.5rem
}
.project-tile-copy p{
font:.63rem var(--mono);
text-transform:uppercase;
letter-spacing:.06em;
margin:0 0 .5rem;
}
.project-tile-copy h3{
font:600 clamp(1.65rem,3vw,3rem)/1 var(--serif);
margin:0 0 1rem;
letter-spacing:-.05em
}
.project-tile-copy a{
font-size:.85rem;
border-bottom:1px solid
}
.about-panel{
background:var(--lime);
margin-top:7rem
}
.about-layout{
display:grid;
grid-template-columns:.7fr 1.3fr;
gap:4rem
}
.big-number{
font:700 clamp(8rem,19vw,18rem)/.7 var(--serif);
letter-spacing:-.13em
}
.about-copy{
max-width:45rem
}
.about-copy h2{
margin-bottom:2rem
}
.about-copy p{
font-size:1.1rem;
max-width:42rem
}
.about-copy .button{
margin-top:1.2rem
}
.service-list{
margin-top:4rem;
border-top:1px solid var(--line)
}
.service-list article{
display:grid;
grid-template-columns:5rem 1fr auto;
gap:1rem;
padding:1.8rem 0;
border-bottom:1px solid var(--line);
align-items:start
}
.service-number{
font:.7rem var(--mono);
padding-top:.4rem
}
.service-list h3{
font:600 clamp(1.7rem,3.5vw,3rem)/1 var(--serif);
letter-spacing:-.05em;
margin:0
}
.service-list p{
max-width:39rem;
margin:.8rem 0 0;
font-size:1rem
}
.service-icon{
font-size:2rem;
line-height:1
}
.testimonial-preview{
background:var(--ink);
color:var(--paper)
}
.testimonial-layout{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:5rem;
align-items:center
}
.video-frame{
border-radius:1rem;
overflow:hidden;
background:#0a0a08;
box-shadow:16px 18px 0 var(--orange)
}
.video-frame video{
width:100%;
aspect-ratio:16/9;
background:#0a0a08
}
.testimonial-copy .eyebrow{
color:#d7d6ce
}
.testimonial-copy h2{
margin-bottom:1.5rem
}
.testimonial-copy p:not(.eyebrow){
font-size:1.1rem
}
.testimonial-copy .button{
margin-top:1.2rem
}
.testimonial-copy .button-lime{
color:#000
}
.tiny-note{
font-size:.75rem!important;
color:#c5c6bc;
margin-top:1.5rem!important
}
.process-note{
display:grid;
grid-template-columns:1fr 1fr;
gap:5rem
}
.process-note>div:nth-child(2){
padding-top:3.4rem;
font-size:1.1rem;
max-width:38rem
}
.contact-panel{
background:var(--orange);
padding:8rem 0;
color:#14140f
}
.contact-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:5rem
}
.contact-panel h2{
margin:.5rem 0 1.75rem
}
.contact-panel>p{
max-width:34rem
}
.email-link{
display:inline-block;
font-weight:700;
border-bottom:1px solid;
padding-bottom:.2rem;
margin-top:1.4rem
}
.inquiry-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem
}
.inquiry-form label{
font-size:.73rem;
font-weight:600;
display:grid;
gap:.35rem
}
.inquiry-form label:nth-of-type(3),.inquiry-form label:nth-of-type(4),.inquiry-form button,.form-note{
grid-column:1/-1
}
.inquiry-form input,.inquiry-form textarea,.inquiry-form select{
width:100%;
border:1px solid rgba(20,20,15,.5);
background:#fff8ed;
border-radius:.4rem;
padding:.85rem;
outline-offset:2px
}
.inquiry-form textarea{
resize:vertical
}
.form-note{
font-size:.72rem;
margin:0
}
.site-footer{
display:flex;
justify-content:space-between;
align-items:end;
padding:2.2rem 0;
font-size:.75rem
}
.site-footer p{
margin:0
}
.work-page,.testimonials-page{
background:var(--cream)
}
.work-hero,.testimonial-hero{
padding-top:8rem;
padding-bottom:4.5rem;
max-width:1000px;
margin-left:max(1.5rem,calc((100% - 1240px)/2))
}
.work-hero h1,.testimonial-hero h1{
font-size:clamp(4rem,9vw,8rem);
margin-bottom:1.5rem
}
.work-hero>p:last-child,.testimonial-hero>p:last-child{
font-size:1.2rem;
max-width:34rem
}
.filter-bar{
display:flex;
flex-wrap:wrap;
gap:.5rem;
padding:1.5rem 0;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
align-items:center
}
.filter-bar>span{
font:.65rem var(--mono);
text-transform:uppercase;
letter-spacing:.06em;
margin-right:.4rem
}
.filter-button{
border:1px solid var(--line);
background:transparent;
border-radius:999px;
padding:.5rem .8rem;
font-size:.77rem;
cursor:pointer
}
.filter-button.is-active,.filter-button:hover{
background:var(--ink);
color:var(--paper);
border-color:var(--ink)
}
.portfolio-stack{
padding:4.5rem 0
}
.case-study{
display:grid;
grid-template-columns:1fr 1fr;
gap:4.5rem;
align-items:center;
padding:5.5rem 0;
border-bottom:1px solid var(--line)
}
.case-study.reverse .case-image{
order:2
}
.case-image{
border-radius:1rem;
overflow:hidden;
background:#ddd
}
.case-image img{
width:100%;
aspect-ratio:4/3
}
.cream-image{
background:#f5eee0
}
.case-copy h2{
font:600 clamp(2.4rem,4.4vw,4.5rem)/.95 var(--serif);
letter-spacing:-.07em;
margin:.2rem 0 1.5rem
}
.case-copy>p:not(.eyebrow){
font-size:1.05rem
}
.role-line{
border-top:1px solid var(--line);
margin-top:1.5rem;
padding-top:1rem;
font-size:.89rem!important
}
.case-copy details{
margin-top:1.5rem;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line)
}
.case-copy summary{
list-style:none;
cursor:pointer;
padding:1rem 0;
font-weight:600;
display:flex;
justify-content:space-between
}
.case-copy summary::-webkit-details-marker{
display:none
}
.case-copy details[open] summary span{
transform:rotate(45deg)
}
.output-grid{
display:grid;
gap:.75rem;
padding:0 0 1.25rem
}
.output-grid img{
width:100%;
border-radius:.4rem;
background:#ddd
}
.portrait-grid{
grid-template-columns:repeat(4,1fr)
}
.guideline-grid{
grid-template-columns:repeat(3,1fr)
}
.square-grid{
grid-template-columns:repeat(3,1fr)
}
.video-library{
background:var(--ink);
color:var(--paper)
}
.video-library .eyebrow{
color:#c7c8bf
}
.section-sidecopy{
max-width:17rem;
margin:0;
font-size:.92rem
}
.video-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.2rem
}
.video-grid article{
background:#292b24;
border-radius:.75rem;
overflow:hidden
}
.video-grid video{
width:100%;
aspect-ratio:9/16;
background:#000
}
.video-grid p{
font-size:.78rem;
margin:.8rem
}
.archive-note{
padding:8rem 0;
max-width:48rem
}
.archive-note h2{
font:600 clamp(3rem,5vw,5rem)/.9 var(--serif);
letter-spacing:-.07em;
margin:.5rem 0 1.5rem
}
.archive-note p:not(.eyebrow){
font-size:1.1rem;
max-width:37rem
}
.testimonial-hero{
padding-bottom:5rem
}
.testimonial-showcase{
padding-bottom:9rem
}
.main-testimonial{
display:grid;
grid-template-columns:1.3fr .7fr;
align-items:center;
gap:5rem
}
.main-testimonial-copy h2,.testimonial-coming h2{
font:600 clamp(2.5rem,4.5vw,4.6rem)/.94 var(--serif);
letter-spacing:-.065em;
margin:.3rem 0 1.5rem
}
.main-testimonial-copy>p:not(.eyebrow),.testimonial-coming p:not(.eyebrow){
font-size:1.05rem
}
.testimonial-divider{
border-bottom:1px solid var(--line);
padding:6rem 0 1.2rem;
margin-bottom:3rem;
font:.67rem var(--mono);
text-transform:uppercase;
letter-spacing:.06em
}
.testimonial-coming{
display:grid;
grid-template-columns:.55fr 1fr;
gap:3rem;
align-items:center;
max-width:950px
}
.testimonial-coming img{
width:100%;
border-radius:1rem;
box-shadow:12px 12px 0 var(--lime)
}
.testimonial-cta{
background:var(--ink);
color:var(--paper);
padding:8rem 0
}
.testimonial-cta h2{
font:600 clamp(2.7rem,5.2vw,5.3rem)/.94 var(--serif);
letter-spacing:-.07em;
margin:.5rem 0 2rem
}
.testimonial-cta .eyebrow{
color:#d8d9d0
}
.testimonial-cta .button-lime{
color:#000
}
@media(max-width:850px){
.site-header{
align-items:center
}
.menu-toggle{
display:block;
font-size:.78rem
}
.site-nav{
display:none;
position:absolute;
right:0;
top:4.5rem;
padding:1rem;
background:var(--paper);
border:1px solid var(--line);
border-radius:.6rem;
align-items:stretch;
flex-direction:column;
min-width:13rem;
box-shadow:0 8px 30px rgba(0,0,0,.12)
}
.site-nav.is-open{
display:flex
}
.hero,.testimonial-layout,.contact-layout,.main-testimonial{
grid-template-columns:1fr;
gap:3rem
}
.hero{
padding-top:3.5rem
}
.hero-visual{
max-width:650px
}
.stats{
grid-template-columns:repeat(3,1fr)
}
.stats p{
grid-column:1/-1
}
.feature-grid{
grid-template-columns:1fr
}
.project-tile-wide{
min-height:27rem
}
.project-tile{
min-height:22rem
}
.about-layout,.process-note{
grid-template-columns:1fr;
gap:2rem
}
.process-note>div:nth-child(2){
padding-top:0
}
.case-study,.case-study.reverse{
grid-template-columns:1fr;
gap:2rem;
padding:4rem 0
}
.case-study.reverse .case-image{
order:0
}
.video-grid{
grid-template-columns:repeat(2,1fr)
}
.testimonial-coming{
grid-template-columns:1fr
}
.site-footer{
align-items:flex-start;
gap:1rem;
flex-direction:column
}
}
@media(max-width:560px){
.section-wrap,.site-header{
width:min(100% - 2rem,1240px)
}
.section-space{
padding-top:5.5rem;
padding-bottom:5.5rem
}
.hero h1,.work-hero h1,.testimonial-hero h1{
font-size:4.2rem
}
.hero-actions{
align-items:flex-start;
flex-direction:column
}
.stats{
grid-template-columns:1fr 1fr
}
.stats div:last-of-type{
grid-column:1/-1
}
.split-heading{
align-items:flex-start;
flex-direction:column
}
.service-list article{
grid-template-columns:2.5rem 1fr
}
.service-icon{
display:none
}
.portrait-grid{
grid-template-columns:repeat(2,1fr)
}
.guideline-grid,.square-grid{
grid-template-columns:repeat(2,1fr)
}
.video-grid{
grid-template-columns:1fr
}
.inquiry-form{
grid-template-columns:1fr
}
.inquiry-form label{
grid-column:1/-1
}
.contact-panel{
padding:5.5rem 0
}
.work-hero,.testimonial-hero{
padding-top:4rem
}
.filter-bar{
padding:1rem 0
}
.case-copy h2{
font-size:2.75rem
}
}

.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-top:4.5rem}.proof-card{background:var(--paper);color:var(--ink);border-radius:1rem;overflow:hidden;padding-bottom:1.25rem}.proof-video{background:#0a0a08}.proof-video video{display:block;width:100%;aspect-ratio:16/10;background:#0a0a08}.proof-card .eyebrow,.proof-card h2,.proof-card>p:not(.eyebrow){margin-left:1.25rem;margin-right:1.25rem}.proof-card .eyebrow{margin-top:1.25rem;margin-bottom:.55rem}.proof-card h2{font:600 clamp(1.8rem,3vw,3rem)/.95 var(--serif);letter-spacing:-.06em;margin-top:0;margin-bottom:.65rem}.proof-card>p:not(.eyebrow){font-size:.92rem;margin-top:0}.testimonial-note{display:block;margin-top:2rem;max-width:42rem}@media(max-width:850px){.testimonial-grid{grid-template-columns:1fr}}

.about-portrait{margin:.8rem 0 0;border:1px solid var(--ink);border-radius:1rem;overflow:hidden;background:var(--paper);transform:rotate(-2deg);box-shadow:12px 12px 0 var(--orange)}.about-portrait img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.about-portrait figcaption{padding:.65rem .8rem;font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.about-portrait + .about-copy{padding-top:.5rem}@media(max-width:850px){.about-portrait{max-width:560px}.about-portrait + .about-copy{padding-top:1rem}}

/* Home v2: text-first, Wix-inspired portfolio story */
.home-v2{background:var(--paper)}
.home-v2-hero{padding-top:6.5rem;padding-bottom:5.5rem}
.home-v2-hero-top{display:flex;justify-content:space-between;gap:2rem;align-items:center}
.home-v2-hero-top .eyebrow{margin:0}
.hero-index{font:.67rem var(--mono);letter-spacing:.075em;text-transform:uppercase;color:var(--muted);margin:0}
.home-v2-hero h1{font:700 clamp(4.7rem,12vw,11.5rem)/.78 var(--serif);letter-spacing:-.095em;margin:3.5rem 0 3rem;max-width:1000px}
.home-v2-hero h1 em{font-weight:600}
.home-v2-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;border-top:1px solid var(--line);padding-top:1.5rem}
.home-v2-hero-intro{font-size:1.25rem;line-height:1.4;max-width:34rem;margin:0}
.home-v2-client-strip{background:var(--ink);color:var(--paper);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.home-v2-client-label{width:min(1240px,calc(100% - 3rem));margin:0 auto;padding:1rem 0 .65rem;font:.63rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#c7c8bf}
.home-v2-marquee{overflow:hidden;padding:0 0 1.15rem}
.home-v2-marquee-track{display:flex;width:max-content;align-items:center;gap:1.4rem;white-space:nowrap;animation:home-v2-marquee 34s linear infinite;font:600 clamp(1.15rem,2.2vw,2rem) var(--serif);letter-spacing:-.04em}
.home-v2-marquee-track i{font:normal 1rem var(--sans);color:var(--orange)}
@keyframes home-v2-marquee{to{transform:translateX(-50%)}}
.home-v2-about{background:var(--lime);margin-top:0}
.home-v2-about-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:4rem}
.home-v2-about-aside{min-width:0}
.home-v2-about-copy{max-width:46rem;padding-top:3.5rem}
.home-v2-about-copy h2{font:600 clamp(2.7rem,5vw,5.7rem)/.92 var(--serif);letter-spacing:-.075em;margin:0 0 2rem}
.home-v2-about-copy p{font-size:1.1rem;max-width:42rem}
.home-v2-about-copy .button{margin-top:1.25rem}
.home-v2-about-photo{margin:.8rem 0 0;border:1px solid var(--ink);border-radius:1rem;overflow:hidden;background:var(--paper);transform:rotate(-2deg);box-shadow:12px 12px 0 var(--orange)}
.home-v2-about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.home-v2-about-photo figcaption{padding:.65rem .8rem;font:500 .62rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.home-v2-portfolio{padding-bottom:8rem}
.home-v2-portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(18rem,1fr));gap:1.25rem}
.home-v2-project{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:22rem;border-radius:var(--radius);overflow:hidden;background:var(--ink);color:var(--paper);padding:1.5rem;isolation:isolate}
.home-v2-project-large{grid-row:span 2;min-height:45rem}
.home-v2-project img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s}
.home-v2-project:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.88))}
.home-v2-project:hover img{transform:scale(1.045)}
.home-v2-project-meta{font:.63rem var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem}
.home-v2-project strong{font:600 clamp(1.65rem,3.3vw,3.2rem)/.95 var(--serif);letter-spacing:-.06em}
.home-v2-case-studies{background:var(--cream)}
.home-v2-case-studies .section-sidecopy{max-width:24rem;margin:0;font-size:1rem}
.home-v2-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.home-v2-review-card{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:1.6rem;min-height:23rem;display:flex;flex-direction:column;align-items:flex-start}
.home-v2-review-card .review-number{font:500 .68rem var(--mono);color:var(--muted);margin-bottom:3.2rem}
.home-v2-review-card h3{font:600 clamp(1.75rem,3vw,3rem)/.95 var(--serif);letter-spacing:-.065em;margin:.2rem 0 1rem;max-width:24rem}
.home-v2-review-card>p:not(.eyebrow){font-size:.98rem;max-width:28rem;margin:0 0 1.3rem}
.home-v2-review-card .text-link{margin-top:auto;font-size:.85rem}
.home-v2-review-card .eyebrow{margin-bottom:.2rem}
.review-card-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.review-card-dark .eyebrow,.review-card-dark .review-number{color:#c7c8bf}
.review-card-orange{background:var(--orange);border-color:var(--orange);color:#14140f}
.home-v2-testimonial-preview{background:var(--ink);color:var(--paper)}
.home-v2-testimonial-preview .section-heading{align-items:center}
.home-v2-testimonial-preview .section-heading h2{font:600 clamp(2.7rem,5vw,5.7rem)/.92 var(--serif);letter-spacing:-.075em;margin:0}
.home-v2-testimonial-preview .eyebrow{color:#d7d6ce}
.home-v2-testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.home-v2-testimonial-video{background:#0a0a08;border-radius:1rem;overflow:hidden;box-shadow:12px 12px 0 var(--orange)}
.home-v2-testimonial-video video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0a0a08}
.home-v2-testimonial-preview .button-lime{color:#000}
.home-v2-light-note{color:#c5c6bc;margin-top:2rem!important}
.home-v2-services{padding-bottom:8rem}
.home-v2-services .section-heading{max-width:72rem}
.home-v2-services .section-heading h2{font:600 clamp(2.7rem,5vw,5.7rem)/.92 var(--serif);letter-spacing:-.075em;margin:0}
.home-v2-service-list{border-top:1px solid var(--line);margin-top:4rem}
.home-v2-service-list article{display:grid;grid-template-columns:4rem 1fr auto;gap:1rem;padding:1.8rem 0;border-bottom:1px solid var(--line);align-items:start}
.home-v2-service-list article>span{font:.7rem var(--mono);padding-top:.45rem}
.home-v2-service-list h3{font:600 clamp(1.75rem,3.5vw,3rem)/1 var(--serif);letter-spacing:-.05em;margin:0}
.home-v2-service-list p{max-width:39rem;margin:.8rem 0 0;font-size:1rem}
.home-v2-service-list b{font-size:2rem;line-height:1;font-weight:400}
.home-v2-contact{margin-top:0}
@media(prefers-reduced-motion:reduce){.home-v2-marquee-track{animation:none}}
@media(max-width:850px){
 .home-v2-hero{padding-top:3.5rem}
 .home-v2-hero h1{margin:2.5rem 0 2rem}
 .home-v2-hero-bottom{align-items:flex-start;flex-direction:column;gap:1.7rem}
 .home-v2-about-layout{grid-template-columns:1fr;gap:2rem}
 .home-v2-about-copy{padding-top:0}
 .home-v2-about-photo{max-width:560px}
 .home-v2-portfolio-grid{grid-template-columns:1fr;grid-template-rows:auto}
 .home-v2-project-large{grid-row:auto;min-height:28rem}
 .home-v2-project{min-height:23rem}
 .home-v2-review-grid{grid-template-columns:1fr}
 .home-v2-testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .home-v2-hero-top{align-items:flex-start;flex-direction:column;gap:.5rem}
 .home-v2-hero h1{font-size:4.2rem}
 .home-v2-hero-intro{font-size:1.1rem}
 .home-v2-client-label{width:min(100% - 2rem,1240px)}
 .home-v2-about-copy h2,.home-v2-testimonial-preview .section-heading h2,.home-v2-services .section-heading h2{font-size:3.2rem}
 .home-v2-review-card{min-height:20rem}
 .home-v2-service-list article{grid-template-columns:2.5rem 1fr}
 .home-v2-service-list b{display:none}
}
.testimonials-page .testimonial-hero h1{max-width:11ch}
@media(max-width:560px){.testimonials-page .testimonial-hero h1{font-size:3.55rem;line-height:.88}}
.mac-video-grid{grid-template-columns:repeat(3,1fr)}
.mac-video-card{background:#292b24;border-radius:.75rem;overflow:hidden}
.mac-video-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
@media(max-width:850px){.mac-video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mac-video-grid{grid-template-columns:1fr}}
.testimonial-grid-four{grid-template-columns:repeat(3,1fr);margin-top:0}
@media(max-width:850px){.testimonial-grid-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.testimonial-grid-four{grid-template-columns:1fr}}
.home-v2-testimonial-grid-single{grid-template-columns:minmax(0,760px)}
.home-v2-testimonial-grid-single .home-v2-testimonial-video{box-shadow:12px 12px 0 var(--lime)}
.home-v2-testimonial-person{padding:1.1rem 1.25rem 1.35rem;background:var(--paper);color:var(--ink)}
.home-v2-testimonial-person h3{font:600 clamp(1.7rem,3vw,2.7rem)/.95 var(--serif);letter-spacing:-.06em;margin:.15rem 0 .45rem}
.home-v2-testimonial-person>p:not(.eyebrow){margin:0;font-size:.95rem}
.proof-role{font-size:.98rem;margin:0 1.25rem 1.25rem}