/* Concrete work, service pages and the client journey. */
.reference-feature{display:grid;gap:1.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line)}
.reference-image{display:block;position:relative;overflow:clip;background:#030405;min-width:0}
.reference-image img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s var(--ease)}
.reference-play{position:absolute;right:1rem;bottom:1rem;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--accent);color:var(--ink)}
.reference-copy .eyebrow{color:var(--accent);margin-bottom:1rem}
.reference-copy h3{font-size:clamp(2rem,5vw,4rem);line-height:1.04;letter-spacing:-.055em}
.reference-copy>p:not(.eyebrow){color:var(--muted);margin-top:1rem;max-width:42ch}
.reference-copy .text-link{margin-top:1rem}
.reference-copy .reference-source{font-size:.75rem}
.service-deliverables{display:grid;gap:1rem;margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.875rem}
.service-deliverables dt{color:var(--accent);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}
.service-deliverables dd{margin:0;color:var(--muted);overflow-wrap:anywhere}
.approach{background:#101411;overflow:clip}
.approach .eyebrow{color:var(--accent)}
.approach-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.approach-steps>li{position:relative;padding:1.75rem 0;border-top:1px solid var(--line);min-width:0}
.step-index{display:block;color:var(--accent);font-size:3.5rem;line-height:1;letter-spacing:-.08em;margin-bottom:1.5rem}
.approach-steps h3{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.1;letter-spacing:-.05em;margin-bottom:1rem}
.approach-steps p{font-size:.9375rem;color:var(--muted);max-width:34ch}
.step-output{display:block;padding-top:1.5rem;color:var(--paper);font-size:.75rem;letter-spacing:.015em}
.step-output::before{content:'↗';margin-right:.6rem;color:var(--accent)}
.approach-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.approach-end p{color:var(--muted);font-size:.9375rem}
.contact-next{display:grid;gap:.75rem;margin-top:2rem;max-width:44rem;font-size:.8125rem;color:#c3ccd6}
.contact-next p>span{display:inline-block;color:var(--paper);min-width:0}
.contact-next p{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem}
.contact-next a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:599px){.contact-next p{display:block}.contact-next p>span{display:block;margin-bottom:.25rem}.contact-actions .button{display:block;padding:1rem;line-height:1.35}.contact-actions .button>.icon{margin-left:.5rem}}
.world-navigation-hint{min-width:0}

/* Sector pages use normal document flow and native navigation. */
.sector-back{font-size:.875rem;min-height:44px;display:flex;align-items:center;text-align:right;margin-left:auto}
.sector-page .site-header{position:fixed;background:#090b0eef;border-bottom:1px solid var(--line)}
.sector-hero{padding-top:calc(var(--header-height) + 2.5rem)}
.sector-hero>.eyebrow{color:var(--accent);margin-bottom:1.5rem}
.sector-hero h1{font-size:clamp(2.5rem,10vw,8.5rem);line-height:.98;max-width:18ch}
.sector-intro{margin-top:1.75rem;max-width:47rem;font-size:clamp(1rem,2vw,1.35rem);color:var(--muted)}
.sector-hero figure{margin-top:2.5rem}
.sector-hero figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sector-hero figcaption{color:var(--muted);font-size:.75rem;margin-top:.65rem;overflow-wrap:anywhere}
.sector-offer{padding-block:3.5rem}
.sector-offer .eyebrow,.sector-start>.eyebrow,.concept-study .eyebrow{color:var(--accent)}
.sector-offer h2{font-size:clamp(2rem,5vw,4rem);margin-top:1rem}
.sector-offer-intro>p:last-child{color:var(--muted);margin-top:1.5rem;max-width:46ch}
.sector-deliverables{display:grid;margin-top:2.5rem;gap:1.75rem}
.sector-deliverables article{border-top:1px solid var(--line);padding-top:1.25rem;min-width:0}
.sector-deliverables h3{font-size:1.5rem;letter-spacing:-.04em;line-height:1.2;margin-block:.75rem}
.sector-deliverables p{color:var(--muted)}
.sector-reference{padding:1.25rem;border:1px solid var(--line);font-size:.875rem;color:var(--muted);margin-top:2rem}
.sector-reference a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.sector-start{padding:2rem 1.25rem;background:var(--accent);color:var(--ink)}
.sector-start>.eyebrow{color:var(--ink)}
.sector-start h2{margin-block:1.5rem;font-size:clamp(2rem,5.4vw,5rem)}
.sector-start>p{max-width:55rem}
.sector-start .sector-scope{margin-top:1.25rem;font-size:.875rem;color:#394017}
.sector-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem}
.sector-start .button{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sector-start :focus-visible{outline-color:var(--ink)}
.sector-footer{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem 2rem;justify-content:space-between;padding-block:2rem}
.sector-footer>a{max-width:100%;overflow-wrap:anywhere}
.sector-footer>a:not(.wordmark){font-size:.8125rem;min-height:44px;display:flex;align-items:center}
.concept-study{position:relative;border:1px solid var(--line);background:#121712;padding:1.75rem 1.25rem;margin-bottom:3.5rem}
.concept-study h2{font-size:clamp(2rem,5.5vw,5.5rem);line-height:1;margin-block:1.25rem}
.concept-label{display:inline-block;color:var(--accent);font-size:.625rem;letter-spacing:.075em;text-transform:uppercase;border:1px solid #d8ff3655;padding:.4rem .65rem;max-width:100%;overflow-wrap:anywhere}
.concept-study>p{color:var(--muted);max-width:62ch}
.concept-grid{display:grid;gap:1.5rem;margin-top:2rem}
.concept-grid>div{padding-top:1rem;border-top:1px solid var(--line);min-width:0}
.concept-grid h3{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.75rem}
.concept-grid p,.concept-grid li{font-size:.9375rem;color:var(--muted);overflow-wrap:anywhere}
.concept-grid ul{margin:0;padding-left:1.15rem}
.concept-study .concept-note{font-size:.75rem;margin-top:2rem;color:var(--muted)}
@media(min-width:600px){
  .reference-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem}
  .approach-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
  .sector-hero figure img{aspect-ratio:16/8}
  .sector-deliverables{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
  .sector-start,.concept-study{padding:2.5rem}
  .concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
  .concept-grid>div:last-child{grid-column:1/-1}
}
@media(min-width:1000px){
  .reference-feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);margin-top:3rem;padding-top:3rem}
  .approach-steps{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2rem}
  .approach-steps>li{display:flex;flex-direction:column}
  .approach-steps p{flex:1}
  .step-index{font-size:4.5rem}
  .sector-hero{padding-top:calc(var(--header-height) + 4rem)}
  .sector-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:4rem;padding-block:5rem}
  .sector-deliverables{grid-template-columns:1fr;margin:0}
  .sector-reference{grid-column:1/-1;margin:0}
  .concept-study{margin-bottom:5rem;padding:3.5rem}
  .concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .concept-grid>div:last-child{grid-column:auto}
}
@media(max-width:359px){.sector-page .wordmark{font-size:1.6rem}.sector-back{font-size:.75rem;max-width:8rem}.sector-start .button{padding:1rem;font-size:.875rem}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.reference-image:hover img{transform:scale(1.035)}}
@keyframes sector-entry{from{opacity:.15;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:no-preference){.sector-hero h1,.sector-intro{animation:sector-entry 1s var(--ease) backwards}.sector-intro{animation-delay:.1s}}
@media(prefers-reduced-motion:reduce){.reference-image img{transition:none}}
@media print{.reference-feature,.approach,.concept-study,.sector-start{color:#111;background:white}.reference-copy>p,.approach-steps p,.sector-page p,.sector-page li{color:#111}.sector-hero{padding-top:0}.sector-page .site-header{display:none}}