/* FOCAL ATL services index and service detail pages */
.f-svc-list{padding-top:var(--s-4)}
.f-svcs{display:grid;gap:clamp(4rem,9vw,8rem)}
.f-svc{display:grid;gap:var(--s-6)}
.f-svc__body{display:grid;gap:var(--s-4);align-content:center;justify-items:start}
.f-svc__num{color:var(--focal-bronze)}
.f-svc__name{max-width:12ch}
.f-svc__name a{transition:color var(--d-base) var(--ease-out)}
.f-svc__name a:hover{color:var(--focal-bronze-light)}
.f-svc__tagline{font-family:var(--font-display);font-size:var(--t-lede);letter-spacing:.04em;color:var(--text-primary)}
.f-svc__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.5rem;width:100%;max-width:32rem;padding-top:var(--s-4);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--text-tertiary)}
.f-svc__items li{padding-left:1rem;position:relative}
.f-svc__items li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:1px;background:var(--focal-bronze-dark)}
@media (min-width:1024px){
  .f-svc{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.5vw,2.5rem);align-items:center}
  .f-svc__media{grid-column:1/7}
  .f-svc__body{grid-column:8/13}
  .f-svc:nth-child(even) .f-svc__media{grid-column:7/13;grid-row:1}
  .f-svc:nth-child(even) .f-svc__body{grid-column:1/6;grid-row:1}
  .f-svc:nth-child(3n) .f-svc__media{grid-column:1/6}
  .f-svc:nth-child(3n) .f-svc__body{grid-column:7/13}
}

/* Cost table */
.f-cost__list{margin:0;border-top:1px solid var(--line)}
.f-cost__row{display:grid;gap:.75rem;padding:var(--s-5) 0;border-bottom:1px solid var(--line)}
.f-cost__row dt{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.25rem;align-items:baseline}
.f-cost__row dt .f-mono{color:var(--focal-bronze);grid-row:span 2}
.f-cost__row dt .f-small{grid-column:2}
.f-cost__row dd{margin:0;font-family:var(--font-display);font-weight:300;font-size:var(--t-2);letter-spacing:.04em;color:var(--text-primary)}
.f-cost__note{margin-top:var(--s-6);max-width:64ch}
@media (min-width:768px){.f-cost__row{grid-template-columns:1fr auto;align-items:center;column-gap:var(--s-7)}.f-cost__row dd{text-align:right}}

/* Glossary */
.f-glossary__grid{display:grid;gap:var(--s-6)}
.f-glossary__title{margin-top:var(--s-4);max-width:12ch}
@media (min-width:1024px){.f-glossary__grid{grid-template-columns:5fr 7fr;column-gap:var(--s-8);align-items:start}}

/* Service detail */
.f-svc-hero{padding-bottom:calc(var(--section-y) * .5)}
.f-svc-hero__grid{display:grid;gap:var(--s-7)}
.f-svc-hero__text{display:grid;gap:var(--s-5);align-content:center;justify-items:start}
.f-svc-hero__title{max-width:16ch}
.f-svc-hero__ctas{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-top:.5rem}
@media (min-width:1024px){
  .f-svc-hero__grid{grid-template-columns:7fr 5fr;column-gap:var(--s-8);align-items:center}
  .f-svc-hero__media{margin-top:2rem}
}
.f-svc-body{padding-top:calc(var(--section-y) * .5)}
.f-svc-body__grid{display:grid;gap:var(--s-7)}
.f-svc-body__side{display:grid;gap:var(--s-4);align-content:start}
.f-svc-body__items{display:grid;gap:.6rem}
.f-svc-body__items li{display:flex;gap:1rem;align-items:baseline;color:var(--text-secondary);font-size:var(--t-small);padding:.5rem 0;border-bottom:1px solid var(--line-soft)}
.f-svc-body__items .f-mono{color:var(--focal-bronze);font-size:var(--t-micro)}
.f-svc-body__main{display:grid;gap:var(--s-7)}
.f-svc-block{display:grid;gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--line)}
.f-svc-block .f-h3{letter-spacing:.12em;max-width:18ch}
@media (min-width:1024px){
  .f-svc-body__grid{grid-template-columns:4fr 7fr;column-gap:var(--s-9);align-items:start}
  .f-svc-body__side{position:sticky;top:7rem}
}
.f-faq__list{display:grid;margin:0;border-top:1px solid var(--line)}
.f-faq__item{display:grid;gap:.9rem;padding:var(--s-6) 0;border-bottom:1px solid var(--line)}
.f-faq__item dd{margin:0}
@media (min-width:1024px){.f-faq__item{grid-template-columns:5fr 7fr;column-gap:var(--s-8)}}
.f-related__list{display:grid;gap:var(--s-5);margin-top:var(--s-6)}
.f-related__card{display:grid;gap:.75rem;justify-items:start;padding:var(--s-6);border:1px solid var(--line);color:var(--text-primary);transition:border-color var(--d-base) var(--ease-out),background-color var(--d-base) var(--ease-out);height:100%}
.f-related__card .f-mono{color:var(--focal-bronze)}
.f-related__card .f-h3{letter-spacing:.12em}
.f-related__card:hover{border-color:var(--line-strong);background:var(--panel)}
.f-related__card:hover .f-link::after{transform:scaleX(1)}
@media (min-width:768px){.f-related__list{grid-template-columns:1fr 1fr}}

/* Ideas catalogue */
.f-ideas__grid{display:grid;gap:0;border-top:1px solid var(--line)}
.f-idea{display:grid;gap:.6rem;align-content:start;padding:var(--s-5) 0;border-bottom:1px solid var(--line)}
.f-idea .f-mono{color:var(--focal-bronze);font-size:var(--t-micro)}
.f-idea p{color:var(--text-secondary);font-size:var(--t-small);max-width:30ch}
@media (min-width:600px){.f-ideas__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-7)}}
@media (min-width:1024px){.f-ideas__grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s-6)}.f-ideas__grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.f-ideas__grid--compact .f-idea{padding:1.1rem 0}}

.f-idea__media{aspect-ratio:1/1;overflow:hidden;background:var(--panel-2);margin-bottom:.4rem}
.f-idea__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.f-idea:hover .f-idea__media img{transform:scale(1.04)}
.f-ideas__grid--compact .f-idea{padding:1.1rem 0 1.4rem}

.f-cost__ctas{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}

@media (max-width:430px){.f-svc__name{font-size:clamp(1.6rem,7.6vw,2.4rem);letter-spacing:.06em}.f-svc__name a{display:block}}

.f-svc-hero__grid>*,.f-svc-body__grid>*{min-width:0}
.f-svc-hero__title,.f-svc__name{overflow-wrap:anywhere}