/* Ben's supplied reference: two-line type, aligned glass stack, quiet client benefits. */
.reference-icon{display:block;width:24px;height:24px;flex:none}
.action-direction{display:inline-flex;align-items:center}.action-direction .reference-icon{width:17px;height:17px}
.card-heading{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:center;gap:20px;border:0;padding:0;text-transform:none}
.card-symbol{display:grid;place-items:center;align-self:start;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#f4f5f6,#e5e8eb80);color:#31363a;box-shadow:inset 0 1px 0 #ffffffc0}
.card-symbol .reference-icon{width:32px;height:32px}
.card-heading-copy>span{display:block;font-size:17px;font-weight:650;letter-spacing:.10em;text-transform:uppercase}
.card-heading-copy p{font-size:16px;line-height:1.45;letter-spacing:0;text-transform:none;color:#72787d;margin:10px 0 0;max-width:none}
.card-direction{letter-spacing:0;color:#303438}.card-direction .reference-icon{width:25px;height:25px}
.morph-ready .morph-cover{padding:34px;border:1px solid #ffffffda;background:linear-gradient(135deg,#fffffffa 0%,#f8f9faf0 46%,#e8ebeee8 80%,#fffffffa);box-shadow:inset 1px 2px 0 #fff,inset -1px -1px 0 #ffffffc0}
.morph-ready .morph-cover::before,.hero-static-card::before{content:"";position:absolute;pointer-events:none;width:86%;height:67%;right:-26%;bottom:-26%;border:1px solid #ffffffea;border-radius:50%;transform:rotate(-35deg);background:linear-gradient(110deg,transparent 15%,#ffffff70 47%,#c5cbd027 65%,transparent 80%);box-shadow:0 0 0 36px #ffffff12,0 0 0 37px #ffffff90,0 0 0 79px #ffffff10,0 0 0 80px #ffffff65}
.morph-ready .morph-cover::after{opacity:.45}
.morph-cover strong{font-size:54px;font-weight:530;letter-spacing:-.055em;line-height:1.08;position:relative;z-index:1}
.morph-cover strong>span,.hero-static-card strong>span{font-size:inherit;color:#686d72;font-weight:470;letter-spacing:-.05em;text-transform:none}
.morph-cover .card-notes{font-size:16px;line-height:1.5;color:#70767b;letter-spacing:0;position:relative;z-index:1}
.client-benefits{position:relative;z-index:11;list-style:none;padding:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #17171714;margin-top:36px;margin-bottom:0}
.client-benefits li{display:flex;align-items:start;gap:16px;min-width:0}.client-benefits li+li{border-left:1px solid #17171714;padding-left:24px}
.benefit-symbol{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;background:linear-gradient(135deg,#ffffffb0,#edf0f3a0);box-shadow:inset 0 1px 0 #ffffffc0;color:#262d32}.benefit-symbol .reference-icon{width:25px;height:25px}
.client-benefits h2{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:-.015em;margin:1px 0 6px;color:#303438}.hero .client-benefits p{font-size:13px;line-height:1.5;color:#72767a;margin:0;max-width:290px;letter-spacing:0}
@media(min-width:761px){
  .hero{display:block;min-height:0;padding:128px 0 26px;background:radial-gradient(ellipse at 82% 45%,#e1e4e7 0,transparent 44%),linear-gradient(125deg,#fafbfc,#f5f6f7 52%,#eef0f2)}
  .hero-grid{grid-template-columns:52% 48%;min-height:clamp(500px,38vw,640px);align-items:center}
  .hero-copy{padding-top:0;padding-bottom:0}.hero-label{margin-bottom:28px}.hero h1{font-size:clamp(46px,5.7vw,96px);letter-spacing:-.067em;line-height:1.02;font-weight:680;max-width:none}.hero-line{display:block;white-space:nowrap}.hero h1 .soft{font-weight:650;color:#686a6b}
  .hero-copy>p{font-size:17px;line-height:1.72;max-width:520px;margin:27px 0 29px}.hero-actions .btn-primary{gap:14px}.hero-meta{margin-top:32px;gap:14px}.meta-item{font-size:12px}
  .hero-visual{height:clamp(500px,38vw,640px);overflow:visible}.hero-visual::before,.hero-visual::after{content:"";position:absolute;pointer-events:none;border:1px solid #ffffffbd;border-radius:50%;width:120%;height:112%;left:-9%;top:-6%;transform:rotate(-24deg);box-shadow:inset 1px 0 0 #ffffff50}
  .hero-visual::after{width:104%;height:92%;left:4%;top:6%;border-color:#ffffff70}.halo{filter:none;opacity:.14}.scene-ground{filter:blur(14px);opacity:.45;bottom:0}
  .hero-static-card{left:3%;top:38%;width:80%;height:64%;padding:27px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff,#f1f3f5 65%,#fff);box-shadow:inset 1px 2px 0 white,12px 22px 48px #28303b1a;transform:translate(calc(var(--card)*25px),calc(var(--card)*-64px)) rotate(9deg)}
  .hero-static-card .card-heading{grid-template-columns:45px minmax(0,1fr) 20px;gap:12px}.hero-static-card .card-symbol{width:45px;height:45px;border-radius:13px}.hero-static-card .card-symbol .reference-icon{width:24px;height:24px}.hero-static-card .card-heading-copy>span{font-size:11px}.hero-static-card .card-heading-copy p{font-size:12px;line-height:1.35;margin:6px 0 0}.hero-static-card .card-direction .reference-icon{width:18px;height:18px}
  .hero-static-card strong{font-size:38px;line-height:1.08;font-weight:530;margin-top:42px;letter-spacing:-.05em;position:relative;z-index:1}.hero-static-card .card-notes{display:block;margin-top:20px;font-size:12px;line-height:1.5;color:#70767b;position:relative;z-index:1}
  .hero-development{display:none}.scroll-label{display:none}
}
@media(min-width:761px) and (max-width:1000px){
  .hero{padding-top:116px}.hero-grid{grid-template-columns:54% 46%;min-height:480px}.hero-visual{height:480px}.hero h1{font-size:clamp(40px,5.4vw,54px)}.hero-copy>p{font-size:15px;max-width:340px}.hero-meta{gap:10px;font-size:11px}.hero-meta .meta-item:last-child,.hero-meta .meta-sep{display:none}
  .client-benefits{gap:14px}.client-benefits li{gap:10px}.client-benefits li+li{padding-left:14px}.benefit-symbol{width:36px;height:36px;border-radius:10px}.benefit-symbol .reference-icon{width:21px;height:21px}.client-benefits h2{font-size:13px}.hero .client-benefits p{font-size:12px}
  .card-heading{grid-template-columns:52px minmax(0,1fr) 22px;gap:14px}.card-symbol{width:52px;height:52px}.card-heading-copy>span{font-size:15px}.card-heading-copy p{font-size:14px}.morph-cover strong{font-size:46px}
}
@media(max-width:760px){
  .hero-line{display:block}.client-benefits{grid-template-columns:1fr;gap:13px;margin-top:28px;padding-top:20px}.client-benefits li{align-items:center;gap:12px}.client-benefits li+li{border:0;padding:0}.benefit-symbol{width:30px;height:30px;border-radius:9px}.benefit-symbol .reference-icon{width:18px;height:18px}.client-benefits h2{font-size:13px;line-height:1.3;font-weight:600;margin:0}.hero .client-benefits p{display:none}.hero-actions .action-direction{display:none}
}

/* Keep lettering round while a wide presentation panel changes to its project shape. */
.morph-cover>.card-heading,.morph-cover>strong,.morph-cover>.card-notes{transform:scaleY(var(--card-face-ratio,1))}.morph-cover>.card-heading{transform-origin:left top}.morph-cover>strong{transform-origin:left center}.morph-cover>.card-notes{transform-origin:left bottom}

/* Only the leading panel exposes its body while the other headers are stacked. */
.project-tile:not(:first-child) .morph-cover>strong,.project-tile:not(:first-child) .morph-cover>.card-notes{opacity:var(--secondary-card-ink,0)}
.hero-static-card:not(:first-child)>strong,.hero-static-card:not(:first-child)>.card-notes{visibility:hidden}
@media(min-width:761px) and (max-width:1000px){.card-heading{grid-template-columns:42px minmax(0,1fr) 18px;gap:10px}.card-symbol{width:42px;height:42px;border-radius:12px}.card-symbol .reference-icon{width:25px;height:25px}.card-heading-copy>span{font-size:13px;letter-spacing:.08em}.card-heading-copy p{display:none}}