/* V19 — final desktop polish: stronger hierarchy, tighter optical system, restrained accent. */
:root{--accent:#FF6E18;--ink:#000;--muted:#707070;--soft:#A0A0A0;--paper:#fff;}

/* Hero: slightly stronger left hierarchy without making the page louder. */
.hero h1{font-size:clamp(61px,5.75vw,88px);line-height:.97;letter-spacing:-.068em;font-weight:700;}
.hero-lead{font-size:17px;line-height:1.68;max-width:575px;color:#5f5f5f;}
.hero-kicker{letter-spacing:.145em;color:#777;}

/* Oversized wordmark acts as an editorial signature, not a second hero. */
.brand-statement.wrap{width:min(1025px,calc(100% - 128px));margin-top:70px;padding-bottom:34px;}
.brand-statement-top{margin-bottom:15px;color:#929292;}

/* Experience: visually link the metric and the narrative with one quiet connector. */
.trust-grid{position:relative;}
.trust-grid:before{content:"";position:absolute;left:50%;top:52%;width:62px;height:1px;background:#d9d9d9;transform:translate(-50%,-50%);}
.trust-grid:after{content:"";position:absolute;left:calc(50% + 31px);top:52%;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);}
.trust-copy p{color:#5f5f5f;}

/* Projects: clearer pills + slightly more legible secondary copy. */
.filter{border-color:#c7c7c7;color:#444;background:#fff;}
.filter:hover,.filter.active{background:#000;color:#fff;border-color:#000;}
.card-tags span{border-color:#d8d8d8;background:rgba(255,255,255,.96);color:#111;}
.card-info small{color:#656565!important;}
.card-info strong{font-weight:700;}
.design-disclaimer{color:#8b8b8b;}

/* Bookmark ribbons stay tiny and meaningful. */
.bookmark-ribbons{right:16px;gap:4px;}
.bookmark-ribbon{width:31px;height:46px;box-shadow:none;}
.bookmark-ribbon.ribbon-orange{background:var(--accent);}
.bookmark-ribbon.ribbon-black{background:#000;}

/* Client wall: strict 4×2 optical grid. */
.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 34px;align-items:center;}
.logo-tile{height:94px;min-height:94px;justify-content:center;opacity:.92;transform-origin:center;}
.logo-tile:hover{opacity:.58;transform:translateY(-2px);}
.logo-disclaimer{margin-top:60px;}

/* Services: slightly more breathing room and stronger supporting copy. */
.service-rows>div{min-height:154px;}
.service-rows>div>span:nth-of-type(2){color:#b5b5b5!important;font-size:14px;}
.service-heading p{color:#b0b0b0;}
.service-rows b{color:#f4f4f4;}

/* Contact: poster-like two-line ending. */
.contact h2{line-height:.91;}
.contact-grid p:not(.eyebrow){color:#666;}

/* Micro-accent only. */
.hero-link-subtle:hover,.contact-email:hover,.card-arrow:hover{color:var(--accent);}

@media(max-width:1320px){
  .brand-statement.wrap{width:min(980px,calc(100% - 100px));}
  .trust-grid:before,.trust-grid:after{display:none;}
}