/* MEERA public design system. Private studio controls use their own stylesheet. */
body { max-width:none; }
.header, #main, .footer { --muted:#666258; --gutter:max(4%,calc((100% - 1600px)/2)); }
#main { font-size:15px; line-height:1.8; }
#main h1, #main h2, #main h3 { font-weight:400; letter-spacing:-.025em; text-wrap:balance; }
#main h2 { font-size:clamp(34px,3.5vw,50px); line-height:1.13; }
#main p { text-wrap:pretty; }
#main .eyebrow { font-size:10px; line-height:1.75; letter-spacing:.16em; }
.header { height:96px; padding-inline:var(--gutter); }
.header .logo { width:158px; height:48px; }
.nav { gap:clamp(18px,2vw,30px); font-size:11px; letter-spacing:.035em; }
.nav a { min-height:44px; display:inline-flex; align-items:center; }
.nav a:not(.nav-cta) { position:relative; border-bottom:0; }
.nav a:not(.nav-cta)::after { content:''; position:absolute; left:0; bottom:5px; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.nav a[aria-current=page]::after, .nav a:hover::after { transform:scaleX(1); }
.nav .nav-cta { margin-left:8px; padding:11px 17px; gap:20px; }
.nav-cta:hover { background:var(--ink); color:var(--paper); }
.menu-toggle { min-width:76px; min-height:44px; padding:10px 14px; font-size:12px; border-color:#b9b09f; }

/* A single strong opening image; text and action stay over the photograph. */
.hero { margin:0; height:calc(100svh - 96px); min-height:580px; max-height:860px; background:var(--ink); }
.hero > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero::after { background:linear-gradient(90deg,rgba(25,26,20,.17),transparent 80%),linear-gradient(0deg,rgba(21,23,17,.72),rgba(21,23,17,.04) 85%); }
.hero-copy { left:var(--gutter); right:var(--gutter); top:auto; bottom:22%; max-width:740px; }
.hero-copy h1 { font-size:clamp(58px,6.2vw,88px); line-height:1.02; letter-spacing:-.035em; }
#main .hero-copy .eyebrow { max-width:460px; margin-bottom:24px; color:#fffaf0; }
.hero-copy .hero-small { font-size:12px; margin-top:24px; color:#fffaf0; }
.hero-foot { left:var(--gutter); right:var(--gutter); bottom:28px; align-items:center; gap:24px; font-size:10px; letter-spacing:.12em; line-height:1.6; }
.hero-foot a { display:inline-flex; align-items:center; justify-content:space-between; gap:36px; min-height:46px; padding:10px 0; }
.hero-note { margin:0; padding-inline:var(--gutter); }
#main .image-note { padding-block:12px; font-size:11px; line-height:1.6; }

/* One content grid and a restrained type scale throughout the page. */
.section { padding:88px var(--gutter); }
.section-head { align-items:end; gap:40px; margin-bottom:36px; }
.section-head h2 { max-width:700px; }
.section-head .eyebrow { margin-bottom:14px; }
.text-link { display:inline-flex; align-items:center; justify-content:space-between; min-height:44px; gap:28px; font-size:11px; line-height:1.6; letter-spacing:.06em; }
.text-link .diagonal-arrow, .nav-cta .diagonal-arrow { transition:transform .2s ease; }
.text-link:hover .diagonal-arrow, .nav-cta:hover .diagonal-arrow { transform:translate(2px,-2px); }
#main .section:has(.project-card-featured) { padding-top:64px; padding-bottom:0; }
#main .section:has(.project-card-featured) > .section-head { padding-top:0; border-top:0; margin-bottom:30px; }
#main .section:has(.project-card-featured) .section-head h2 { font-size:clamp(28px,2.4vw,38px); }
#main .project-card-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; align-items:stretch; background:#e8e0d3; }
#main .project-card-panel:not(:has(.image-wrap)) { display:block; }
#main .project-card-panel .image-wrap { display:flex; align-items:center; padding:0; border:0; background:var(--paper); }
#main .project-card-panel img { width:100%; max-width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
#main .project-card-panel .project-meta { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:28px; padding:clamp(28px,3vw,56px); border:0; min-width:0; }
#main .project-card-panel .project-meta > div { display:flex; flex-direction:column; align-items:center; }
#main .project-card-panel .project-meta h3 { font-family:var(--sans); text-transform:uppercase; font-size:clamp(23px,1.8vw,30px); font-weight:400; letter-spacing:.07em; line-height:1.3; }
#main .project-card-panel .project-meta .eyebrow { order:-1; margin:0 0 18px; font-size:9px; letter-spacing:.13em; }
#main .project-card-panel .project-summary { margin-top:22px; max-width:420px; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.project-readmore { display:inline-flex; align-items:center; justify-content:center; gap:25px; min-height:44px; padding:11px 24px; border:1px solid var(--ink); font-size:10px; letter-spacing:.1em; text-transform:uppercase; transition:background .2s,color .2s; }
.project-card-panel:hover .project-readmore { background:var(--ink); color:var(--paper); }
.project-card .image-wrap { background:#e7dfd2; }
.portfolio-list { display:grid; gap:48px; }
#main .project-card img, #main .case-hero img, #main .studio-image, #main .journal-card img { width:auto; height:auto; max-width:100%; max-height:1000px; aspect-ratio:auto; object-fit:contain; margin-inline:auto; }
#main .project-card-panel img { width:100%; max-height:800px; }
#main .project-card:hover img, #main .project-card:focus-visible img { transform:none; }
.project-meta { padding:22px 0; gap:24px; }
.project-meta h3 { font-size:36px; }
.project-meta .eyebrow { font-size:10px; }
.project-meta .arrow { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border:1px solid var(--line); border-radius:50%; }
.project-card:hover .arrow { background:var(--ink); color:var(--paper); }

.intro { display:flex; flex-direction:column; align-items:center; text-align:center; padding-block:96px; border-top:0; gap:22px; }
.intro > .eyebrow { padding:0; margin:0; }
.intro > div { max-width:780px; }
#main .intro h2 { max-width:780px; font-size:clamp(30px,2.6vw,40px); line-height:1.25; }
.intro p:not(.eyebrow) { max-width:640px; margin:24px auto 28px; font-size:14px; line-height:1.95; }
.intro .text-link { border:1px solid var(--ink); padding:11px 24px; font-size:10px; text-transform:uppercase; }
.services-section { padding-top:0; }
.service-row { grid-template-columns:40px 1.2fr 1fr 20px; gap:28px; align-items:baseline; padding:28px 0; }
.service-row h3 { font-size:clamp(25px,2.4vw,34px); }
.service-row p { max-width:420px; font-size:13px; line-height:1.85; }
.service-row .number { font-size:10px; }
.approach { background:#e6dfd2; }
.approach-top { grid-template-columns:1.2fr 1fr; gap:12%; align-items:end; }
.approach-top h2 { max-width:560px; }
.approach-top .eyebrow { margin-bottom:14px; }
.approach-top p:not(.eyebrow) { max-width:440px; padding:0; font-size:14px; line-height:1.85; }
.steps { gap:34px; margin-top:48px; }
.step { padding-top:20px; }
.step h3 { font-size:29px; margin:18px 0 14px; }
.step p { max-width:250px; font-size:13px; line-height:1.85; }
.cta { padding:80px var(--gutter); gap:48px; }
.cta .eyebrow { font-size:10px; margin-bottom:18px; }
#main .cta h2 { max-width:720px; font-size:clamp(38px,4vw,58px); line-height:1.12; }
.cta .text-link { padding:14px 0; gap:40px; }

/* Compact footer, with visible social marks and a quieter legal row. */
.footer { display:grid; grid-template-columns:1fr auto; gap:20px; padding:44px var(--gutter) 24px; }
.footer-top { grid-column:1/-1; gap:32px; margin:0; }
.footer .logo { width:158px; height:48px; }
.footer-nav { gap:26px; font-size:11px; }
.footer-nav a { display:flex; align-items:center; min-height:44px; }
.footer-social { display:flex; gap:8px; margin:0; grid-column:1/-1; }
.footer-social .social-profile { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--ink); line-height:1; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.footer-social a.social-profile { cursor:pointer; }
.footer-social a.social-profile:hover { background:transparent; text-decoration:none; }
.footer-social a.social-profile:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.footer-social a.social-profile:active .social-icon { opacity:.7; }
.footer-social .social-profile-unlinked { opacity:1; }
.social-icon { display:block; width:28px; height:28px; flex:none; pointer-events:none; transition:opacity .15s ease; }
@media(hover:hover) { .footer-social a.social-profile:hover .social-icon { opacity:.85; } }
.footer-bottom { grid-column:1/-1; align-items:center; flex-wrap:wrap; gap:12px 24px; padding-top:20px; font-size:10px; line-height:1.7; }
.footer-legal { display:flex; flex-wrap:wrap; gap:8px 24px; }
.footer-legal a { display:inline-flex; align-items:center; min-height:32px; }
.footer-cookie-note { grid-column:1/-1; margin-top:-8px; font-size:10px; line-height:1.7; }
.footer a:hover, .footer-cookie-note a, .legal-content a, .form-note a { text-decoration:underline; text-underline-offset:4px; }

/* Inner pages follow the same margins and type proportions. */
.page-title { padding:76px var(--gutter) 48px; }
.page-title h1 { font-size:clamp(52px,5.5vw,80px); }
.page-title p { font-size:15px; line-height:1.85; }
.page-title.split { grid-template-columns:1.3fr 1fr; gap:8%; }
.page-body { padding:0 var(--gutter) 80px; }
.project-filter { gap:10px; margin-bottom:32px; }
.project-filter button { min-height:44px; padding:9px 18px; font-size:11px; border-color:#b9b09f; }
.case-hero { margin:0 var(--gutter); }
/* Project case studies: complete photography, a quiet facts column and readable story. */
.project-detail .project-frame { width:calc(100% - var(--gutter) * 2); max-width:1400px; margin-inline:auto; }
.project-detail .project-heading { padding-block:36px 32px; }
.project-detail .project-back { display:inline-flex; align-items:center; gap:14px; min-height:44px; font-size:11px; letter-spacing:.04em; }
.project-detail .project-back .diagonal-arrow { transform:rotate(-135deg); }
.project-detail .project-back:hover { text-decoration:underline; text-underline-offset:5px; }
.project-detail .project-heading-row { display:flex; justify-content:space-between; align-items:baseline; gap:24px 64px; margin-top:22px; }
#main.project-detail h1 { font-size:clamp(46px,5.2vw,76px); line-height:1.08; max-width:1000px; overflow-wrap:anywhere; }
.project-detail .project-heading-row > .eyebrow { flex-shrink:0; color:var(--muted); }
.project-detail .project-visual { padding:0; margin-block:0; }
#main.project-detail .project-visual img { display:block; width:auto; height:auto; max-width:100%; max-height:1000px; object-fit:contain; aspect-ratio:auto; margin-inline:auto; }
.project-detail .project-story { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr); column-gap:clamp(40px,8vw,140px); padding-block:80px 64px; }
.project-detail .project-overview > .eyebrow { margin-bottom:22px; }
.project-detail .project-overview dl { margin:0; max-width:280px; }
.project-detail .project-overview dl > div { padding:18px 0; border-top:1px solid var(--line); }
.project-detail .project-overview dt { color:var(--muted); font-size:11px; margin-bottom:6px; }
.project-detail .project-overview dd { margin:0; color:var(--ink); font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
#main.project-detail #project-story-title { font-family:var(--sans); font-size:10px; line-height:1.75; letter-spacing:.16em; text-transform:uppercase; margin-bottom:22px; }
.project-detail .project-narrative { min-width:0; max-width:760px; }
.project-detail .project-introduction p { font-family:var(--serif); color:var(--ink); font-size:clamp(27px,2.4vw,34px); line-height:1.35; letter-spacing:-.015em; margin-bottom:16px; overflow-wrap:anywhere; }
.project-detail .project-introduction p:last-child { margin-bottom:0; }
.project-detail .article-body { max-width:none; margin:30px 0 0; }
.project-detail .article-body p { font-size:16px; line-height:1.95; margin-bottom:22px; overflow-wrap:anywhere; }
.project-detail .article-body p:last-child { margin-bottom:0; }
.project-detail .project-pagination { display:flex; justify-content:space-between; align-items:center; gap:28px; padding-block:28px 56px; border-top:1px solid var(--line); }
.project-detail .project-next { display:flex; align-items:center; justify-content:space-between; gap:32px; max-width:55%; min-height:44px; }
.project-detail .project-next .eyebrow { display:block; margin-bottom:6px; color:var(--muted); }
.project-detail .project-next-title { display:block; font-family:var(--serif); font-size:28px; line-height:1.2; overflow-wrap:anywhere; }
.project-detail .project-next > .diagonal-arrow { flex-shrink:0; }
.project-detail .project-next:hover .project-next-title { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.project-detail .project-enquiry { background:#303329; color:var(--paper); padding-block:64px; }
.project-detail .project-enquiry > div { display:flex; align-items:center; justify-content:space-between; gap:32px 64px; }
.project-detail .project-enquiry .eyebrow { color:#d2d2c5; margin-bottom:16px; }
#main.project-detail .project-enquiry h2 { font-size:clamp(34px,3.2vw,48px); max-width:700px; }
.project-detail .project-enquiry-button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; flex-shrink:0; min-height:48px; padding:13px 22px; border:1px solid #c7c8b9; font-size:11px; transition:background .2s,color .2s; }
.project-detail .project-enquiry-button:hover { color:#303329; background:var(--paper); }
.project-detail .project-enquiry-button:focus-visible { outline-color:var(--paper); }
@media(max-width:800px) {
  .project-detail .project-heading { padding-block:24px 28px; }
  .project-detail .project-heading-row { display:block; margin-top:16px; }
  .project-detail .project-heading-row > .eyebrow { margin-top:18px; }
  .project-detail .project-story { grid-template-columns:1fr; gap:36px; padding-block:36px 40px; }
  .project-detail .project-overview > .eyebrow { margin-bottom:12px; }
  .project-detail .project-overview dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:none; }
  .project-detail .project-overview dl > div { padding-block:14px 0; }
  .project-detail .project-narrative { max-width:none; }
  .project-detail .article-body { margin-top:24px; }
  .project-detail .project-pagination { padding-block:22px 40px; gap:20px; }
  .project-detail .project-next { gap:16px; }
  .project-detail .project-next-title { font-size:24px; }
  .project-detail .project-enquiry { padding-block:44px; }
  .project-detail .project-enquiry > div { display:block; }
  .project-detail .project-enquiry-button { margin-top:28px; }
}
.prose-grid { gap:8%; padding-block:64px; }
.principles { gap:28px 40px; }
.principles h3 { font-size:29px; }
.principles p { font-size:13px; line-height:1.8; }
.founder { margin-top:28px; }
.service-detail { padding-block:40px; scroll-margin-top:28px; }
#main .service-detail h2 { font-size:clamp(32px,3vw,44px); }
.service-detail p, .case-structure p { font-size:14px; }
.contact-grid { gap:9%; }
.contact-aside h3 { font-size:32px; }
.contact-aside p { font-size:13px; line-height:1.85; }
.notice { padding:22px; background:#e9e1d3; }
.form-grid { gap:26px; }
.field label { font-size:12px; }
.field input, .field select, .field textarea { min-height:48px; padding:12px 0; font-size:16px; }
.field input:focus, .field select:focus, .field textarea:focus { border-bottom-color:var(--ink); }
.submit { min-height:48px; padding:14px 28px; font-size:12px; }
.submit:hover { background:#4b503e; }
.form-note, .status { font-size:12px; }
.draft textarea { font-size:14px; }
.draft button { min-height:44px; }
.journal-card { padding-bottom:24px; border-bottom:1px solid var(--line); }
#main .journal-card h2 { font-size:36px; }
.journal-card p { font-size:14px; }
.article-body { max-width:740px; margin:56px auto; }
.article-body p { font-size:17px; }
.legal-content { max-width:860px; margin:auto; padding:0 24px 80px; }
.legal-content section { padding:28px 0; border-top:1px solid var(--line); }
#main .legal-content h2 { font-size:32px; margin-bottom:18px; }
.legal-content p { font-size:15px; overflow-wrap:anywhere; }
.legal-content p + p { margin-top:16px; }
.legal-table-wrap { overflow-x:auto; margin:18px 0; }
.legal-content table { border-collapse:collapse; width:100%; font-size:13px; text-align:left; }
.legal-content th, .legal-content td { padding:14px 10px; vertical-align:top; border-bottom:1px solid var(--line); }
.legal-content td:first-child { overflow-wrap:anywhere; }
.enquiry-fields { border:0; padding:0; margin:0; min-width:0; }
.enquiry-fields:disabled { opacity:.55; }
.enquiry-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.enquiry-status:empty { display:none; }
.enquiry-status { padding:16px; border-left:2px solid #687057; background:#f3eee4; }
.enquiry-status:focus { outline:2px solid #687057; outline-offset:4px; }

@media(min-width:901px) and (max-width:1100px) {
  .nav { gap:16px; font-size:10px; }
  .nav .nav-cta { margin-left:0; padding-inline:12px; gap:12px; }
}
@media(max-width:900px) {
  .header { height:88px; }
  .nav { top:87px; padding:20px 6% 28px; font-size:17px; gap:0; max-height:calc(100svh - 88px); overflow-y:auto; }
  .nav a:not(.nav-cta) { min-height:48px; padding:12px 0; border-bottom:1px solid var(--line); }
  .nav a:not(.nav-cta)::after { display:none; }
  .nav .nav-cta { margin:20px 0 0; padding:14px 18px; justify-content:space-between; font-size:12px; }
  .hero { height:calc(100svh - 88px); }
  .section { padding-block:68px; }
  .intro { grid-template-columns:1fr; gap:22px; }
  .intro > .eyebrow { padding:0; }
  .services-section { padding-top:0; }
  .service-row { gap:20px; }
}
@media(max-width:1024px) {
  #main .project-card-panel { grid-template-columns:minmax(0,1fr); gap:0; }
  #main .project-card-panel .project-meta { padding:36px 24px; gap:24px; }
  #main .project-card-panel .project-summary { max-width:460px; }
}
@media(max-width:640px) {
  #main { font-size:14px; }
  #main h2 { font-size:36px; }
  .header .logo { width:140px; height:42px; }
  .hero { height:calc(100svh - 88px); min-height:600px; max-height:850px; }
  .hero > img { object-position:55% center; }
  .hero::after { background:linear-gradient(0deg,rgba(21,23,17,.85),rgba(21,23,17,.08) 85%); }
  .hero-copy { left:6%; right:6%; bottom:152px; max-width:none; }
  .hero-copy h1 { font-size:clamp(42px,11.3vw,60px); line-height:1.04; }
  #main .hero-copy .eyebrow { font-size:9px; line-height:1.85; max-width:290px; margin-bottom:20px; }
  .hero-copy .hero-small { margin-top:20px; font-size:12px; }
  .hero-foot { left:6%; right:6%; bottom:22px; display:block; font-size:9px; }
  .hero-foot > span { display:block; margin-bottom:12px; }
  .hero-foot a { width:100%; min-height:44px; font-size:10px; }
  .section { padding-block:52px; }
  .section-head { display:block; margin-bottom:28px; }
  .section-head .eyebrow { margin-bottom:12px; }
  .section-head .text-link { margin-top:18px; }
  #main .section:has(.project-card-featured) .section-head h2 { font-size:34px; }
  #main .project-card-panel .project-meta h3 { font-size:24px; }
  #main .project-card-panel .project-summary { font-size:14px; }
  .project-meta h3 { font-size:32px; }
  .project-meta .eyebrow { font-size:9px; }
  #main .project-card img, #main .case-hero img, #main .studio-image, #main .journal-card img { max-height:850px; }
  #main .project-card-panel img { max-height:600px; }
  #main .intro h2 { font-size:30px; }
  .intro p:not(.eyebrow) { margin:22px auto; }
  .services-section { padding-top:0; }
  .service-row { grid-template-columns:22px minmax(0,1fr) 18px; gap:10px; padding:24px 0; }
  .service-row h3 { font-size:27px; }
  .service-row p { font-size:13px; }
  .approach-top { grid-template-columns:1fr; gap:22px; }
  .steps { grid-template-columns:1fr 1fr; gap:28px 22px; margin-top:34px; }
  .step h3 { font-size:28px; }
  .cta { display:block; padding-block:56px; }
  #main .cta h2 { font-size:38px; }
  .cta .text-link { margin-top:22px; }
  .footer { padding-block:32px 22px; gap:18px; }
  .footer-top { display:block; }
  .footer .logo { width:140px; height:42px; }
  .footer-nav { display:grid; grid-template-columns:1fr 1fr; margin-top:20px; gap:0 24px; font-size:12px; }
  .footer-bottom { display:block; font-size:10px; }
  .footer-bottom > span { display:block; margin-bottom:8px; }
  .footer-legal { gap:0 20px; }
  .footer-cookie-note { margin-top:0; }
  .page-title { padding-top:52px; padding-bottom:36px; }
  .page-title.split { display:block; }
  .page-title h1 { font-size:clamp(46px,12vw,62px); }
  .page-title p { font-size:14px; }
  .page-body { padding-bottom:56px; }
  .project-filter { gap:8px; }
  .project-filter button { padding-inline:14px; }
  .prose-grid, .founder { grid-template-columns:1fr; gap:24px; padding-block:44px; }
  .principles { gap:22px; }
  .principles h3 { font-size:27px; }
  .service-detail { padding-block:32px; gap:14px; }
  #main .service-detail h2 { font-size:32px; }
  .contact-grid { grid-template-columns:1fr; gap:36px; }
  .contact-aside p { max-width:none; }
  .form-grid { gap:24px; }
  .article-body { margin-block:38px; }
  .article-body p { font-size:16px; }
  .legal-content { padding-inline:6%; }
  #main .legal-content h2 { font-size:28px; }
  .legal-content th, .legal-content td { padding:12px 8px; font-size:12px; }
}
@media(max-width:360px) {
  .steps, .principles { grid-template-columns:1fr; }
  .hero-copy h1 { font-size:40px; }
}
@media(prefers-reduced-motion:reduce) {
  .nav a::after, .text-link .diagonal-arrow, .nav-cta .diagonal-arrow { transition:none; }
}

/* Retained requested fixes: full mobile photograph and existing footer contact links. */
.footer-brand, .footer-connect { display:flex; flex-direction:column; gap:16px; }
.footer-connect { align-items:flex-end; }
.footer-email { display:inline-flex; align-items:center; min-height:44px; font-size:13px; overflow-wrap:anywhere; }
@media(max-width:640px) {
  /* The full image and its copy share a grid cell: no mobile cover crop. */
  .hero { display:grid; height:auto; min-height:0; max-height:none; margin:0; background:#303329; }
  .hero > img { grid-area:1/1; align-self:center; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; }
  .hero::after { background:linear-gradient(0deg,rgba(21,23,17,.76),rgba(21,23,17,.18)); }
  .hero-copy { position:relative; grid-area:1/1; align-self:center; left:auto; right:auto; bottom:auto; max-width:none; padding:18px 6% 78px; }
  .hero-copy h1 { font-size:clamp(27px,8.4vw,48px); line-height:1.05; }
  #main .hero-copy .eyebrow { font-size:8px; line-height:1.5; max-width:340px; margin-bottom:10px; }
  .hero-copy .hero-small { margin-top:10px; font-size:10px; }
  .hero-foot { position:relative; grid-area:1/1; align-self:end; left:auto; right:auto; bottom:auto; display:flex; gap:16px; padding:0 6% 14px; font-size:8px; }
  .hero-foot > span { max-width:120px; }
  .hero-foot a { min-height:44px; padding:8px 12px; border:1px solid #fffaf0b0; gap:18px; font-size:9px; white-space:nowrap; }
  .footer-connect { align-items:flex-start; margin-top:16px; }
  .footer-connect .footer-nav { margin-top:0; }
}
@media(max-width:360px) {
  .hero-foot { gap:10px; }
  .hero-foot a { gap:10px; padding-inline:10px; font-size:8px; }
}