/* ToGo in Law — 23 October 2026 */
:root{--ink:#273240;--navy:#35404f;--gold:#c9aa6c;--paper:#faf9f6;--line:#d9d3c6}body{color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:#222;padding:12px;z-index:30}.skip-link:focus{top:10px}.split-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px;background:var(--navy);align-items:stretch}.hero-brand{position:relative;overflow:hidden;display:flex;align-items:center;min-width:0}.hero-emblem{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.19}.hero-copy{position:relative;z-index:1;padding:55px clamp(24px,4vw,80px);width:100%}.wordmark{font-family:Georgia,serif;font-size:clamp(32px,3.5vw,58px);line-height:1.2;margin:20px 0 24px}.split-hero h1{font-family:Arial,"DejaVu Sans",sans-serif;font-weight:600;letter-spacing:-1px;font-size:clamp(29px,3vw,48px);line-height:1.3;margin:0 0 22px}.hero-lead{font-size:17px;line-height:1.85;max-width:520px;color:#e8eaee}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.hero-actions .button{background:var(--gold);color:#1f2833;border-color:var(--gold);font-size:15px;gap:16px}.hero-actions>a:last-child{font-size:16px;text-decoration:none}.hero-copy .since{margin:30px 0 0;font-size:13px}.court-gallery{position:relative;min-height:620px;overflow:hidden;background:#272f39}.court-slide{margin:0;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 700ms ease}.court-slide.active{opacity:1;visibility:visible}.court-slide img{width:100%;height:100%;object-fit:cover}.court-slide:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#14202dd9)}.court-slide figcaption{position:absolute;bottom:86px;left:34px;right:25px;z-index:1;font-size:17px;line-height:1.6;color:white}.gallery-controls{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:center;gap:12px;z-index:2;color:white}.gallery-controls button{background:#24303dcc;border:1px solid #ffffff70;color:white;cursor:pointer;min-width:44px;min-height:44px;padding:7px 12px}.gallery-controls [data-pause]{margin-left:auto;font-size:12px}.gallery-controls [data-counter]{font-size:12px;font-variant-numeric:tabular-nums}.practice-section{padding:90px 0;background:#efede7}.section-lead{max-width:740px;color:#59606a}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:35px 0}.practice-card{background:var(--paper);border:1px solid var(--line);padding:30px 32px;display:flex;flex-direction:column;align-items:flex-start}.practice-card h3{margin:12px 0 15px;font-size:21px}.practice-card h3 a{text-decoration:none}.practice-card ul{padding-left:20px;font-size:15px;margin:0 0 22px;color:#59606a}.practice-card .text-link{margin-top:auto}.text-link{font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid #b49a67;padding-bottom:4px}.scope-note{font-size:14px;max-width:900px}.new-consultation{grid-template-columns:1.2fr 1fr;align-items:center}.consultation-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.consultation-actions .button{gap:10px;font-size:15px}.faq-section{padding:10px 0 85px;max-width:950px}.faq-section details p{padding:0 0 24px;color:#59606a}.faq-section summary{font-size:18px;gap:12px}.reviews-section{background:#efede7;padding:80px 0}.reviews-section .section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.rating{display:flex;align-items:center;flex-direction:column;white-space:nowrap;text-decoration:none}.rating strong{font-family:Georgia,serif;font-size:56px;line-height:1.1}.rating span,.review-stars{color:#96702c;letter-spacing:3px}.rating small{font-size:13px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.review-card{margin:0;padding:28px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}.review-card blockquote{margin:20px 0;font-size:17px}.review-card figcaption{font-size:12px;margin-top:auto}.review-note{font-size:12px;color:#606671;max-width:860px}.office-map-section{padding:75px 0;background:#f2f0ea}.office-map-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.map-container{height:380px;border:1px solid var(--line);background:repeating-linear-gradient(30deg,#e6e8e2 0,#e6e8e2 30px,#f3f4ed 30px,#f3f4ed 34px)}.map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#f7f7f1dd}.map-placeholder p{font-size:13px}.map-placeholder .button{background:var(--paper);font-size:14px}.map-pin{font-size:48px;color:#916b2e;line-height:1.2;margin-bottom:12px}.map-container iframe{width:100%;height:100%;border:0}.map-note{font-size:12px;margin-top:18px;color:#626b73}.service-detail{padding:65px 0 95px}.service-detail>.eyebrow{margin:35px 0 15px}.service-detail h1{font-family:Arial,sans-serif;font-size:clamp(30px,4.2vw,56px);letter-spacing:-1px;line-height:1.35;max-width:980px}.service-detail .lead{max-width:840px;font-size:20px;line-height:1.8}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;margin-top:50px}.detail-grid h2{font-size:27px;margin:20px 0}.detail-grid ul{padding-left:24px}.detail-contact{background:#eae8e2;padding:30px;align-self:start;position:sticky;top:120px;font-size:15px}.detail-contact .button{font-size:17px;gap:8px;margin:5px 0 22px}.photo-source{max-width:900px;padding:60px 0}.photo-source img{max-height:230px;object-fit:contain}.photo-source article{padding:25px 0;border-bottom:1px solid var(--line)}
@media(min-width:1500px){.split-hero,.court-gallery{min-height:720px}}@media(max-width:1050px){.hero-copy{padding:40px 25px}.split-hero,.court-gallery{min-height:630px}.split-hero h1{font-size:32px}.hero-lead{font-size:15px}.hero-actions .button{padding:13px 16px;font-size:13px}.review-grid{gap:12px}.review-card{padding:22px}.office-map-grid{grid-template-columns:1fr 1.3fr;gap:25px}}@media(max-width:760px){.split-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:45px 24px}.hero-brand{min-height:470px}.hero-emblem{object-fit:cover}.wordmark{font-size:43px}.split-hero h1{font-size:32px}.court-gallery{min-height:350px}.court-slide figcaption{font-size:15px;left:22px;bottom:80px}.gallery-controls{left:20px;right:20px;bottom:20px}.practice-grid,.review-grid,.new-consultation,.office-map-grid,.detail-grid{grid-template-columns:1fr}.practice-section,.reviews-section{padding:55px 0}.practice-card{padding:25px}.practice-card h3{font-size:20px}.review-card{padding:25px}.reviews-section .section-heading{align-items:flex-start}.reviews-section h2{font-size:27px}.rating strong{font-size:42px}.rating span{font-size:13px}.rating small{font-size:11px}.new-consultation{gap:25px}.consultation-actions .button{font-size:13px}.office-map-section{padding:50px 0}.map-container{height:340px}.detail-grid{gap:25px}.detail-contact{position:static}.service-detail header{gap:10px}.service-detail .lead{font-size:18px}.faq-section{padding-bottom:55px}.service-detail{padding:40px 0 60px}header>a:not(.brand){font-size:12px}footer{line-height:1.7}}@media(prefers-reduced-motion:reduce){.court-slide{transition:none}}

header{background-image:url("/assets/better-call-togo.png");background-repeat:no-repeat;background-size:auto 82px;background-position:27% center}header nav,header .languages{position:relative}header a{position:relative}.contact-channel{display:inline-block;margin:8px 18px 8px 0}.calendar-embed{width:100%;height:780px;border:0;background:white}@media(max-width:760px){header{background-size:auto 55px;background-position:center}.calendar-embed{height:850px}}

/* Formal brand image occupies its own space and never overlaps navigation. */
header{background-image:none}header .brand{margin-right:0}header::after{content:"";order:1;flex:1 1 180px;min-width:90px;max-width:350px;height:48px;background:url("/assets/better-call-togo-final.svg") left center/contain no-repeat;pointer-events:none}header nav{order:2;margin-left:auto}header .languages{order:3}header .menu{order:4}@media(max-width:1100px) and (min-width:761px){header{gap:12px;padding-left:3%;padding-right:3%}header::after{max-width:240px}header nav{gap:12px}}@media(max-width:760px){header::after{max-width:210px;min-width:60px;height:32px}header{gap:12px}header nav{margin-left:0}}
