main{max-width:1800px;margin:auto}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}.kicker{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#888;margin-bottom:24px}.intro{padding:148px 48px 96px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.intro h1{font-size:clamp(50px,4.7vw,82px);line-height:1.06;letter-spacing:-.025em;margin-bottom:34px}.intro h1 em{color:#ccc}.lead{font-size:20px;margin-bottom:16px}.body-copy{max-width:600px;font-size:16px;color:#aaa;line-height:1.85}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}.sample-button{display:inline-flex;justify-content:center;align-items:center;background:#f5f5f5;color:#0a0a0a;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:20px 27px;text-decoration:none;border:1px solid #f5f5f5}.sample-button:hover{background:transparent;color:#f5f5f5}.text-link{font-size:13px;text-underline-offset:7px}.hero-image{margin:0}.hero-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.hero-image figcaption{text-align:center;font-size:12px;letter-spacing:.06em;color:#888;padding-top:16px}.sample-section{padding:90px 48px;border-top:1px solid #222}.sample-section h2{font-size:clamp(42px,4.7vw,72px);line-height:1.08;letter-spacing:-.025em}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:52px}.section-top>p,.section-top>div>p:not(.kicker){font-size:16px;color:#aaa;line-height:1.85;max-width:570px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.art{display:flex;background:#f5f5f5;aspect-ratio:4/3;align-items:center;justify-content:center;overflow:hidden}.art img{width:72%;height:66%;object-fit:contain;filter:brightness(0);transition:transform .35s}.art:hover img{transform:scale(1.04)}.info{padding-top:25px}.info .kicker{margin-bottom:8px;font-size:10px}.info h3{font-size:34px;line-height:1.15;margin-bottom:16px}.info h3 a{text-decoration:none}.info>p:not(.kicker){font-size:15px;color:#aaa;line-height:1.8;min-height:108px;margin-bottom:18px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach .body-copy{margin-top:28px}.principles article{display:flex;gap:24px;border-top:1px solid #222;padding:28px 0}.principles article:first-child{border-top:0;padding-top:0}.principles span{font-size:12px;color:#888;padding-top:9px}.principles h3{font-size:32px;line-height:1.2;margin-bottom:12px}.principles p{font-size:15px;line-height:1.8;color:#aaa}.process .section-top{margin-bottom:0;align-items:start}.process p+p{margin-top:16px}.process .text-link{display:inline-block;margin-top:25px}.closing{text-align:center;padding-top:100px;padding-bottom:110px}.closing h2{max-width:900px;margin:0 auto 28px}.closing>p:not(.kicker){max-width:580px;margin:0 auto 32px;color:#aaa;line-height:1.85}.site-logo-icon{object-fit:contain}@media(max-width:1000px){.intro{gap:36px}.section-top,.approach{gap:40px}.info h3{font-size:29px}}@media(max-width:768px){.intro{padding:112px 24px 55px;grid-template-columns:1fr;gap:42px}.intro h1{font-size:clamp(45px,8vw,62px)}.hero-image img{aspect-ratio:4/3}.sample-section{padding:56px 24px}.section-top,.approach{grid-template-columns:1fr;gap:28px}.section-top{margin-bottom:34px}.projects{grid-template-columns:1fr;gap:40px}.info>p:not(.kicker){min-height:0}.info h3{font-size:36px}.actions{gap:24px}.sample-button{min-height:52px}.principles{margin-top:8px}.closing{padding-top:65px;padding-bottom:72px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.more-projects[hidden]{display:none}.more-projects{margin-top:40px;row-gap:44px}.show-more-wrap{text-align:center;margin-top:42px}.show-more-wrap button{cursor:pointer;font-family:inherit;min-width:180px}.project-count{color:#888;font-size:12px;margin-top:14px}

/* Match visible artwork, accounting for transparent padding in the PNG lockups. */
.art img{width:62%;height:60%;object-fit:contain}
.art img[src*="project-lockups/halong/"]{width:50%;height:auto}
.art img[src*="project-lockups/allo-coffee/"]{width:32%;height:auto}
.art img[src*="project-lockups/itmiro/"]{width:52%;height:auto}
.art img[src*="shawarma-shack-4.svg"],.art img[src*="omberry-5.svg"]{filter:grayscale(1)}

.art img.invert-art,.art img.black-art{filter:brightness(0)}
.art img.optical-wide{width:67%;height:64%}

.review-hero{padding-top:155px}.review-hero h1{font-size:clamp(56px,6vw,96px);line-height:1.1}.review-hero>p:last-child{color:#aaa;margin-top:18px}.review-list{padding-top:0}.review-item{display:grid;grid-template-columns:140px 1fr 1fr;align-items:center;gap:25px;border-bottom:1px solid #333;padding:29px 0;text-decoration:none}.review-item:first-child{border-top:1px solid #333}.review-item .kicker{margin:0}.review-item strong{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(30px,3vw,45px);font-weight:400}.review-item>span:last-child{color:#aaa;display:flex;justify-content:space-between;gap:15px;align-items:center}.review-item b{color:#fff;font-size:22px;font-weight:400}.review-item:hover strong{text-decoration:underline;text-underline-offset:6px}@media(max-width:768px){.review-hero{padding-top:116px}.review-item{grid-template-columns:1fr;gap:4px;padding:20px 0}.review-item strong{font-size:36px}.review-item>span:last-child{font-size:14px}}

/* Keep the complete mockup visible and comfortably sized in the right column. */
.dropdown-menu a.industry-current,.mobile-sub a.industry-current{color:#fff;background:#242424;border-left:2px solid #fff;padding-left:18px}
.hero-image{width:90%;justify-self:end}
.hero-image picture{display:block}
.hero-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none}
.hero-image img.hero-entertainment-lifestyle{aspect-ratio:16/10;object-fit:cover;object-position:center 26%}
@media(max-width:768px){
 .hero-image{width:100%;justify-self:stretch}
}
