/* Photographic direction replaces the decorative, code-native sculptures. */
.hero{padding-bottom:30px;background:#f5f5f7}
.hero-editorial{width:min(1080px,100%);margin:38px auto 20px;border-radius:22px;overflow:hidden;background:#e9e5df;position:relative}
.hero-editorial>img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;object-position:center 54%}
.hero-editorial>figcaption{display:flex;justify-content:space-between;gap:20px;text-align:left;font-size:10px;color:#615b56;padding:14px 20px;background:#eeebe6}
.hero-editorial>figcaption>span{color:#76706b;font-size:9px;white-space:nowrap}
.tile-grid{max-width:1440px;margin:auto;gap:18px;padding:0 18px}
.tile{padding:43px 0 0;min-height:0;border-radius:22px;isolation:isolate}
.tile>div:first-child{padding:0 25px}
.service-photo{position:relative;margin:25px 0 0;width:100%;overflow:hidden;background:#dfdcd4}
.service-photo>img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.tile:hover .service-photo>img{transform:scale(1.035)}
.service-photo>figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 24px 18px;font-size:11px;font-weight:500;color:#fff;background:linear-gradient(transparent,#171712a6);text-align:left}
.brand-tile{background:#f6f0ed}.team-tile{background:#eff3f1}.grow-tile{background:#17252e}
.method-photo{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;min-width:0}
.method-photo>img{width:100%;height:100%;object-fit:cover}
.method-photo>#method-letter{position:absolute;left:20px;top:20px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:25px;font-weight:800;line-height:1;letter-spacing:0;background:#ffffffef;color:#9d1f60;box-shadow:0 4px 20px #0001;padding:0}
.method-photo-note{position:absolute;left:0;bottom:0;width:100%;text-align:left;padding:35px 20px 18px;background:linear-gradient(transparent,#171712a6);color:white;font-size:12px}
.software-preview{transform:none;border-radius:20px;background:#182730;box-shadow:0 30px 65px #0003}
.preview-chart{display:none}
.preview-device{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:18px 0 0}
.preview-body{padding:24px}.preview-brand{font-size:27px}
.preview-footnote{font-size:9px}
.visual-disclosure{color:#73737a;font-size:9px;margin-top:15px;max-width:800px}
@media(max-width:900px){.tile-grid{gap:14px;padding:0 14px}.hero-editorial{margin-top:30px}.method-showcase{gap:32px}.service-photo>figcaption{font-size:10px;padding:30px 18px 15px}}
@media(max-width:650px){.hero{padding-left:0;padding-right:0;padding-bottom:24px;min-height:0}.hero-heading{padding:0 20px}.hero-caption{padding:0 18px;max-width:340px}.hero-editorial{width:calc(100% - 28px);margin:28px auto 17px;border-radius:16px}.hero-editorial>img{aspect-ratio:4/3;object-position:53% center}.hero-editorial>figcaption{display:block;padding:11px 14px;font-size:9px;line-height:1.6}.hero-editorial>figcaption>span{display:block;margin-top:3px;font-size:8px}.tile-grid{padding:0 14px;gap:18px}.tile{border-radius:18px;padding-top:35px;min-height:0}.tile>div:first-child{padding:0 17px}.tile h3{font-size:36px}.tile>div>p:not(.eyebrow){font-size:14px}.service-photo{margin-top:20px}.service-photo>img{aspect-ratio:4/3}.service-photo>figcaption{font-size:10px;padding:30px 18px 15px}.method-photo{width:100%;max-height:300px;margin:20px 0 22px;aspect-ratio:4/3}.method-showcase{gap:10px}.method-photo>#method-letter{width:44px;height:44px;font-size:22px;top:15px;left:15px}.method-photo-note{font-size:11px;padding-left:18px}.preview-body{padding:20px}.preview-device{aspect-ratio:4/3}.visual-disclosure{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tile:hover .service-photo>img{transform:none}}