.hc-portfolio-entry{display:inline-flex;gap:16px;align-items:center;margin-top:20px;font-weight:650;font-size:14px;text-decoration:underline;text-underline-offset:6px;color:#3c4855}
.hc-bodywork-hero-photo img{object-position:center 60%}
.hc-portfolio{background:#10161e;color:#f4f6f8;padding:76px 0;scroll-margin-top:20px}
.hc-portfolio-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:50px}.hc-portfolio-intro h2{margin:0;font-size:clamp(36px,4.5vw,58px);line-height:1.05}.hc-portfolio-intro>p{max-width:440px;margin:0;color:#bbc5cf;font-size:15px;line-height:1.8}
.hc-portfolio .eyebrow{color:#f4778a}.hc-portfolio-project{padding:32px 0 46px;border-top:1px solid #39424d}.hc-portfolio-project-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.hc-portfolio-number{font:600 12px Arial,sans-serif;letter-spacing:.14em;color:#ed6e81;margin-bottom:12px}.hc-portfolio h3{font-size:32px;line-height:1.1;letter-spacing:0;margin-bottom:12px}.hc-portfolio-project-head p:not(.hc-portfolio-number){font-size:14px;line-height:1.7;color:#bac5d0;margin-bottom:0}
.hc-portfolio-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hc-portfolio-card{margin:0;min-width:0;background:#19222d;border:1px solid #303b48}.hc-portfolio-card>a{display:block;position:relative;background:#0a0e14;overflow:hidden}.hc-portfolio-card img{display:block;width:100%;height:380px;object-fit:contain;transition:filter .2s}.hc-portfolio-card a:hover img{filter:brightness(1.06)}.hc-portfolio-card a:focus-visible{outline:3px solid #f4778a;outline-offset:3px}.hc-portfolio-zoom{position:absolute;right:12px;bottom:12px;padding:8px 11px;font-size:11px;background:rgba(9,14,20,.86);color:white;border:1px solid #718091;border-radius:2px}.hc-portfolio-card figcaption{padding:18px 20px 21px}.hc-portfolio-card figcaption>span{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#f68b9b;margin-bottom:8px}.hc-portfolio-card figcaption strong{display:block;font-size:14px;line-height:1.6;font-weight:500}
.hc-portfolio-scroll-controls[hidden]{display:none}.hc-portfolio-scroll-controls{display:none;align-items:center;gap:12px;flex-shrink:0}.hc-portfolio-scroll-controls button{width:44px;height:44px;border:1px solid #657487;background:transparent;color:white;font-size:21px;cursor:pointer;border-radius:3px}.hc-portfolio-scroll-controls button:disabled{opacity:.3;cursor:default}.hc-portfolio-scroll-controls span{font-size:11px;min-width:30px;text-align:center;color:#c2cbd5}
.hc-portfolio-elements{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:35px;border-top:1px solid #39424d}.hc-portfolio-elements>div>p:not(.hc-portfolio-number){color:#bac5d0;line-height:1.8;font-size:15px;max-width:390px}.hc-portfolio-elements .hc-portfolio-card img{height:430px}.hc-portfolio-elements .btn{margin-top:15px}.hc-portfolio-note{font-size:12px;color:#a7b4c2;line-height:1.7;margin:30px 0 0;max-width:750px}
.hc-portfolio-dialog{background:#111821;color:white;width:min(1100px,calc(100vw - 30px));max-height:calc(100dvh - 24px);padding:18px 22px;border:1px solid #566575;border-radius:6px;overscroll-behavior:contain}.hc-portfolio-dialog::backdrop{background:rgba(3,7,12,.94)}.hc-portfolio-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.hc-portfolio-dialog-head>span{font-size:12px;color:#c7d1dc}.hc-portfolio-dialog button{min-height:44px;padding:10px 17px;background:#1b2634;color:white;border:1px solid #69798b;border-radius:3px;font:inherit;font-size:13px;cursor:pointer}.hc-portfolio-dialog button:focus-visible{outline:2px solid #ff7d93;outline-offset:3px}.hc-portfolio-dialog figure{margin:0}.hc-portfolio-dialog figure>img{display:block;margin:0 auto;max-width:100%;width:auto;height:min(70dvh,760px);object-fit:contain}.hc-portfolio-dialog figcaption{padding:14px 0;color:#e0e7ee;font-size:14px;line-height:1.5}.hc-portfolio-dialog-controls{display:flex;justify-content:space-between;gap:15px}
@media(max-width:1000px){.hc-portfolio-card img{height:310px}.hc-portfolio-intro{gap:30px}.hc-portfolio-elements{gap:30px}}
@media(max-width:700px){.hc-portfolio{padding:45px 0}.hc-portfolio-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.hc-portfolio-intro h2{font-size:36px}.hc-portfolio-intro>p{font-size:14px}.hc-portfolio h3{font-size:28px}.hc-portfolio-project{padding:25px 0 30px}.hc-portfolio-project-head{display:block;margin-bottom:18px}.hc-portfolio-scroll-controls:not([hidden]){display:flex;margin-top:18px}.hc-portfolio-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8c9bac #263341;padding-bottom:12px;overscroll-behavior-x:contain}.hc-portfolio-track>.hc-portfolio-card{flex:0 0 88%;scroll-snap-align:start}.hc-portfolio-card img{height:340px}.hc-portfolio-card figcaption{padding:16px}.hc-portfolio-elements{grid-template-columns:1fr;gap:25px;padding-top:28px}.hc-portfolio-elements .hc-portfolio-card img{height:420px}.hc-portfolio-note{font-size:11px}.hc-portfolio-dialog{padding:12px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.hc-portfolio-dialog figure>img{height:63dvh}.hc-portfolio-dialog figcaption{font-size:13px}.hc-portfolio-dialog button{font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.hc-portfolio-card img{transition:none}}
