/* Shared "Let's work together" footer — same rules as css/projects.css. */
.baccarat-footer{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--pad:clamp(20px,3.2vw,52px);--gap:clamp(16px,1.65vw,28px);display:block;justify-content:normal;text-transform:none;letter-spacing:normal}
.baccarat-footer{background:#080808;color:#f3f0e8;padding:clamp(64px,7vw,110px) var(--pad) 28px}
.baccarat-footer-main{display:grid;grid-template-columns:42fr 58fr;gap:var(--gap);align-items:start}
.baccarat-footer-invite h2{margin:0 0 28px;font-size:clamp(38px,4.6vw,78px);line-height:.9;letter-spacing:-.055em;font-weight:600;text-transform:uppercase}
.baccarat-footer-invite>a{font-size:clamp(14px,1.2vw,18px);letter-spacing:.01em}
.baccarat-footer-info{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:var(--gap);padding-top:4px}
.baccarat-footer-col{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:clamp(11px,.95vw,14px);line-height:1.5}
.baccarat-footer-col h3{margin:0 0 14px;color:#999;font-size:9px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.baccarat-footer-col a{overflow-wrap:anywhere}
.baccarat-footer-bottom{margin-top:clamp(72px,8vw,130px);display:flex;justify-content:space-between;gap:24px;color:#888;font-size:9px;letter-spacing:.06em;line-height:1.6}
.baccarat-footer-bottom nav,.baccarat-footer-bottom>div{display:flex;gap:24px;flex-wrap:wrap}
.baccarat-footer a:hover{color:#fff}
@media(max-width:900px){.baccarat-footer-main{grid-template-columns:1fr;gap:52px}.baccarat-footer-invite h2{font-size:clamp(40px,8vw,64px)}.baccarat-footer-info{grid-template-columns:1fr 1.3fr 1fr}}
@media(max-width:540px){.baccarat-footer-info{grid-template-columns:1fr;gap:32px}.baccarat-footer-col{font-size:13px}.baccarat-footer-col h3{margin-bottom:6px}.baccarat-footer-bottom{flex-direction:column;gap:20px}.baccarat-footer-bottom>div{flex-direction:column;gap:4px}}
/* Logo to the left of the two-line title. The title box is trimmed to cap-top of line 1 → baseline of line 2
   (height = .9em line step + 1 cap height); the logo gets that same height, so both edges align exactly. */
.baccarat-footer-title{--tfs:clamp(38px,4.6vw,78px);display:flex;align-items:flex-start;gap:clamp(16px,1.7vw,28px);margin:0 0 28px}
.baccarat-footer-title h2{margin:0;font-size:var(--tfs);text-box:trim-both cap alphabetic}
.baccarat-footer-logo{flex:none;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;font-size:var(--tfs);height:calc(.9em + 1cap);width:auto;aspect-ratio:159/160;filter:brightness(0) invert(.95)}
@media(max-width:900px){.baccarat-footer-title{--tfs:clamp(40px,8vw,64px)}}
@supports not (text-box:trim-both cap alphabetic){.baccarat-footer-title h2{margin-block:-.0805em -.1035em}}
@supports not (height:1cap){.baccarat-footer-logo{height:1.616em}}
/* Desktop grid: [logo + title] | Location | Contact | Practice | right edge.
   The four blocks plus a zero-width end marker are spread with space-between, so the four gaps are identical:
   title → Location, Location → Contact, Contact → Practice, Practice → right edge.
   Tablet/mobile keep their stacked rules. */
@media(min-width:901px){
.baccarat-footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:0;margin-right:calc(-1 * var(--pad))}
.baccarat-footer-main::after{content:"";flex:none;width:0;height:0}
/* +.061em: the title's negative letter-spacing makes its ink end .061em past its box, so gaps are measured from the visible letters. */
.baccarat-footer-invite{flex:none;margin-right:calc(.061 * clamp(38px,4.6vw,78px))}
.baccarat-footer-info{display:contents}
.baccarat-footer-col{flex:none;padding-top:4px}
}