/* src/styles/tokens.css */
:root {
  /* Brand */
  --wt-navy-50:#EAF0F7;
  --wt-navy-100:#D6E1EF;
  --wt-navy-200:#AEC3DE;
  --wt-navy-300:#819FC7;
  --wt-navy-400:#5579AC;
  --wt-navy-500:#315A91;
  --wt-navy-600:#234678;
  --wt-navy-700:#14305F;
  --wt-navy-800:#10264B;
  --wt-navy-900:#0B1B38;
  --wt-navy-950:#071127;

  --wt-teal-50:#E9F8F7;
  --wt-teal-100:#CFF0ED;
  --wt-teal-200:#9DDED8;
  --wt-teal-300:#66C9C0;
  --wt-teal-400:#37B2AA;
  --wt-teal-500:#0E8889;
  --wt-teal-600:#0B7678;
  --wt-teal-700:#096B70;
  --wt-teal-800:#07565B;
  --wt-teal-900:#064448;

  /* Cool neutrals */
  --wt-neutral-0:#FFFFFF;
  --wt-neutral-25:#FBFCFD;
  --wt-neutral-50:#F5F8FA;
  --wt-neutral-100:#EEF3F6;
  --wt-neutral-200:#D8E1EA;
  --wt-neutral-300:#C3CFDB;
  --wt-neutral-400:#92A3B9;
  --wt-neutral-500:#657386;
  --wt-neutral-600:#46566F;
  --wt-neutral-700:#33455E;
  --wt-neutral-800:#243650;
  --wt-neutral-900:#0B1730;

  /* Feedback */
  --wt-success-50:#ECF8F2;
  --wt-success-700:#1F6E54;
  --wt-warning-50:#FFF8E7;
  --wt-warning-700:#8A5B00;
  --wt-danger-50:#FFF1F0;
  --wt-danger-700:#A3312B;

  /* Typography */
  --font-ar:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;
  --font-en:"IBM Plex Sans",system-ui,sans-serif;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;

  --font-size-xs:clamp(.76rem,.73rem + .1vw,.82rem);
  --font-size-sm:clamp(.875rem,.84rem + .14vw,.95rem);
  --font-size-base:clamp(.96rem,.92rem + .15vw,1.03rem);
  --font-size-md:clamp(1rem,.94rem + .25vw,1.125rem);
  --font-size-lg:clamp(1.125rem,1.04rem + .32vw,1.3rem);
  --font-size-xl:clamp(1.375rem,1.1rem + 1vw,1.75rem);
  --font-size-2xl:clamp(1.75rem,1.25rem + 1.7vw,2.5rem);
  --font-size-3xl:clamp(2.15rem,1.45rem + 2.7vw,3.5rem);
  --font-size-hero:clamp(2.5rem,1.6rem + 4vw,5rem);

  --line-tight:1.12;
  --line-heading:1.24;
  --line-body:1.72;
  --line-loose:1.9;
  --tracking-tight:-.025em;
  --tracking-heading:-.015em;

  /* Measures */
  --container:76.25rem;
  --container-wide:86rem;
  --container-narrow:53.75rem;
  --text-measure:68ch;
  --text-measure-narrow:52ch;

  /* Spacing — 4px base with deliberate larger jumps */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-7:1.75rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-14:3.5rem;
  --space-16:4rem;
  --space-20:5rem;
  --space-24:6rem;
  --space-28:7rem;
  --space-32:8rem;

  /* Responsive section rhythm */
  --section-space:clamp(3rem,5vw,5rem);
  --section-space-compact:clamp(2.25rem,4vw,4rem);
  --page-gutter:clamp(.75rem,2vw,1.5rem);

  /* Geometry */
  --radius-xs:.25rem;
  --radius-sm:.5rem;
  --radius-control:.625rem;
  --radius-md:.75rem;
  --radius-card:.875rem;
  --radius-lg:1rem;
  --radius-panel:1.25rem;
  --radius-xl:1.5rem;
  --radius-full:999px;

  /* Borders */
  --border-thin:1px;

  /* Shadows — restrained */
  --shadow-xs:0 1px 2px rgb(11 23 48 / 5%);
  --shadow-sm:0 7px 20px rgb(11 23 48 / 7%);
  --shadow-md:0 18px 44px rgb(11 23 48 / 10%);

  /* Controls */
  --control-height-sm:2.5rem;
  --control-height:2.875rem;
  --control-height-lg:3.125rem;
  --control-pad-inline:1rem;

  /* Motion */
  --ease-standard:cubic-bezier(.2,.7,.2,1);
  --ease-enter:cubic-bezier(.16,1,.3,1);
  --motion-fast:140ms;
  --motion-base:220ms;
  --motion-slow:360ms;

  /* Layering */
  --z-header:50;
  --z-overlay:80;
  --z-toast:100;

  /* Compatibility aliases */
  --color-navy:var(--wt-navy-700);
  --color-navy-deep:var(--wt-navy-950);
  --color-teal:var(--wt-teal-500);
  --color-teal-dark:var(--wt-teal-700);
  --color-text:var(--wt-neutral-900);
  --color-muted:var(--wt-neutral-500);
  --color-line:var(--wt-neutral-200);
  --color-soft:var(--wt-neutral-50);
  --color-white:var(--wt-neutral-0);
  --shadow-soft:var(--shadow-sm);
  --ease:var(--ease-standard);
}

/* src/styles/brand.css */
:root {
  color-scheme:light;

  --color-brand-primary:var(--wt-navy-700);
  --color-brand-primary-hover:var(--wt-navy-800);
  --color-brand-primary-soft:var(--wt-navy-50);
  --color-brand-accent:var(--wt-teal-500);
  --color-brand-accent-hover:var(--wt-teal-700);
  --color-brand-accent-soft:var(--wt-teal-50);
  --color-action-primary:var(--wt-teal-600);
  --color-action-primary-hover:var(--wt-teal-700);

  --color-bg-canvas:var(--wt-neutral-0);
  --color-bg-subtle:var(--wt-neutral-25);
  --color-bg-soft:var(--wt-neutral-50);
  --color-bg-raised:var(--wt-neutral-0);
  --color-bg-emphasis:var(--wt-navy-950);

  --color-text-primary:var(--wt-neutral-900);
  --color-text-secondary:var(--wt-neutral-600);
  --color-text-muted:var(--wt-neutral-500);
  --color-text-brand:var(--wt-navy-700);
  --color-text-accent:var(--wt-teal-700);
  --color-text-inverse:var(--wt-neutral-0);

  --color-border-default:var(--wt-neutral-200);
  --color-border-subtle:var(--wt-neutral-100);
  --color-border-strong:var(--wt-navy-200);
  --color-border-accent:var(--wt-teal-200);

  --color-control-bg:var(--wt-neutral-0);
  --color-control-bg-hover:var(--wt-neutral-25);
  --color-control-border:var(--wt-neutral-300);
  --color-control-placeholder:var(--wt-neutral-400);

  --color-focus:var(--wt-teal-600);
  --color-selection-bg:var(--wt-teal-100);
  --color-selection-text:var(--wt-navy-950);

  --color-success:var(--wt-success-700);
  --color-success-soft:var(--wt-success-50);
  --color-warning:var(--wt-warning-700);
  --color-warning-soft:var(--wt-warning-50);
  --color-danger:var(--wt-danger-700);
  --color-danger-soft:var(--wt-danger-50);
}

::selection {
  background:var(--color-selection-bg);
  color:var(--color-selection-text);
}

/* Capability only. No public theme toggle is exposed in Phase 3. */
html[data-theme="dark"] {
  color-scheme:dark;
  --color-bg-canvas:var(--wt-navy-950);
  --color-bg-subtle:var(--wt-navy-900);
  --color-bg-soft:var(--wt-navy-900);
  --color-bg-raised:var(--wt-navy-900);
  --color-bg-emphasis:#050C1B;
  --color-text-primary:var(--wt-neutral-50);
  --color-text-secondary:#B7C4D3;
  --color-text-muted:var(--wt-neutral-400);
  --color-text-brand:var(--wt-neutral-0);
  --color-text-accent:var(--wt-teal-300);
  --color-border-default:rgb(255 255 255 / 16%);
  --color-border-subtle:rgb(255 255 255 / 10%);
  --color-border-strong:rgb(255 255 255 / 25%);
  --color-control-bg:var(--wt-navy-900);
  --color-control-bg-hover:var(--wt-navy-800);
  --color-control-border:rgb(255 255 255 / 22%);
  --color-control-placeholder:var(--wt-neutral-400);
}

/* src/styles/typography.css */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select {
  font-family:var(--font-ar);
}

html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] select {
  font-family:var(--font-en);
}

body {
  font-size:var(--font-size-base);
  line-height:var(--line-body);
  font-weight:var(--font-weight-regular);
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6 {
  margin-block:0;
  color:var(--color-text-brand);
  font-weight:var(--font-weight-bold);
  line-height:var(--line-heading);
  text-wrap:balance;
}

h1 {
  font-size:var(--font-size-3xl);
  letter-spacing:var(--tracking-tight);
}

h2 {
  font-size:var(--font-size-2xl);
  letter-spacing:var(--tracking-heading);
}

h3 {
  font-size:var(--font-size-xl);
}

h4 {
  font-size:var(--font-size-lg);
}

p,li {
  text-wrap:pretty;
}

p {
  margin-block:0;
}

.lead {
  max-width:var(--text-measure-narrow);
  color:var(--color-text-secondary);
  font-size:var(--font-size-lg);
  line-height:1.7;
}

.eyebrow {
  color:var(--color-text-accent);
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-bold);
  letter-spacing:.02em;
}

html[lang="en"] .eyebrow {
  letter-spacing:.08em;
  text-transform:uppercase;
}

.meta,
small {
  color:var(--color-text-muted);
  font-size:var(--font-size-sm);
}

.prose {
  max-width:var(--text-measure);
}

.prose > * + * {
  margin-top:var(--space-4);
}

.prose h2,
.prose h3 {
  margin-top:var(--space-8);
}

/* src/styles/base.css */
*,*::before,*::after{box-sizing:border-box}
html{min-width:20rem;background:var(--color-bg-canvas)}
body{min-width:20rem;margin:0;background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-ar);line-height:var(--line-body);-webkit-font-smoothing:antialiased}
body,button,input,textarea,select{font:inherit}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{color:inherit}
button{cursor:pointer}
button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}
ul,ol{margin:0;padding:0;list-style:none}
address{font-style:normal}
hr{border:0;border-top:var(--border-thin) solid var(--color-border-default)}
::placeholder{color:var(--color-control-placeholder);opacity:1}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
:target{scroll-margin-top:6rem}
.skip-link{position:absolute;inset-inline-start:var(--space-4);top:-6rem;z-index:var(--z-toast);padding:.7rem 1rem;background:var(--color-brand-primary);color:var(--color-text-inverse);border-radius:var(--radius-control);box-shadow:var(--shadow-sm)}
.skip-link:focus{top:var(--space-4)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}

/* src/styles/layout.css */
.container{width:min(var(--container),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}
.container--wide{width:min(var(--container-wide),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}
.container--narrow{width:min(var(--container-narrow),calc(100% - (var(--page-gutter) * 2)));margin-inline:auto}
.section{padding-block:var(--section-space)}
.section--compact{padding-block:var(--section-space-compact)}
.section--subtle{background:var(--color-bg-subtle)}
.stack{--stack-gap:var(--space-6);display:flex;flex-direction:column;gap:var(--stack-gap)}
.cluster{--cluster-gap:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap)}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-6),5vw,var(--space-16));align-items:center}
.grid{--grid-gap:var(--space-5);display:grid;gap:var(--grid-gap)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.flow{--flow-space:var(--space-4)}
.flow>*+*{margin-top:var(--flow-space)}
.full-bleed{width:100%}
.center{text-align:center}
.center>*{margin-inline:auto}

.site-header{position:sticky;top:0;z-index:var(--z-header);background:rgb(255 255 255 / 96%);border-bottom:var(--border-thin) solid var(--color-border-subtle);backdrop-filter:saturate(140%) blur(10px)}
.header-shell{min-height:4.5rem;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-4)}
.brand-link img{width:9.875rem;height:auto}
.primary-nav{justify-self:center}
.primary-nav ul{display:flex;align-items:center;gap:var(--space-5)}
.menu-toggle{display:none}
.language-switch{min-height:var(--control-height-sm);display:inline-flex;align-items:center;padding-inline:.75rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-control)}
.language-switch:hover{background:var(--color-bg-soft);color:var(--color-text-brand)}

.site-footer{background:var(--color-bg-emphasis);color:var(--color-text-inverse)}
.footer-grid{display:grid;grid-template-columns:minmax(16rem,1.45fr) minmax(7rem,.62fr) minmax(7rem,.62fr) minmax(15rem,1.18fr);gap:clamp(var(--space-6),4vw,var(--space-14));padding-block:var(--space-16) var(--space-10)}
.footer-brand img{width:10.5rem;height:auto;margin-bottom:var(--space-4)}
.footer-brand__description{max-width:31rem;margin:0;color:var(--wt-neutral-300);font-size:var(--font-size-sm);line-height:1.9}
.footer-social{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:var(--space-5)}
.footer-social__link{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:var(--border-thin) solid rgb(255 255 255 / 14%);border-radius:var(--radius-full);background:rgb(255 255 255 / 5%);color:var(--wt-neutral-200);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.footer-social__link:hover{transform:translateY(-1px);border-color:rgb(255 255 255 / 28%);background:rgb(255 255 255 / 10%);color:var(--wt-neutral-0)}
.footer-social__icon{width:1.05rem;height:1.05rem}
.site-footer h2{margin-bottom:var(--space-4);color:var(--color-text-inverse);font-size:var(--font-size-base)}
.footer-links{display:grid;gap:var(--space-2);color:var(--wt-neutral-300);font-size:var(--font-size-sm)}
.footer-links a:hover{color:var(--wt-neutral-0)}
.footer-contact address{font-style:normal}
.footer-contact__links{display:grid;gap:.15rem}
.footer-contact__link{display:grid;grid-template-columns:minmax(5.5rem,.62fr) minmax(0,1.38fr);gap:.75rem;align-items:baseline;min-width:0;padding:.32rem 0;color:var(--wt-neutral-300);border-bottom:var(--border-thin) solid rgb(255 255 255 / 8%);transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}
.footer-contact__link:hover{color:var(--wt-neutral-0);border-color:rgb(255 255 255 / 20%)}
.footer-contact__name{color:var(--wt-neutral-400);font-size:.72rem;line-height:1.45}
.footer-contact__value{min-width:0;color:var(--wt-neutral-100);font-size:.78rem;line-height:1.5;overflow-wrap:anywhere}
.footer-contact__link:hover .footer-contact__value{color:var(--wt-neutral-0)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5);border-top:var(--border-thin) solid rgb(255 255 255 / 10%);color:var(--wt-neutral-400);font-size:var(--font-size-xs)}
.footer-bottom p{margin:0}
.footer-bottom a{color:var(--wt-neutral-300)}
.footer-bottom a:hover{color:var(--wt-neutral-0)}

@media(max-width:64rem){
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:53.75rem){
  .site-header{background:rgb(255 255 255 / 99%);backdrop-filter:none}
  .header-shell{grid-template-columns:1fr auto auto;gap:var(--space-2)}
  .language-switch{min-height:var(--control-height)}
  .menu-toggle{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;border:var(--border-thin) solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-control-bg);color:var(--color-text-brand)}
  .menu-icon{width:1.15rem;display:grid;gap:.22rem}
  .menu-icon span{display:block;width:100%;height:2px;background:currentColor;border-radius:var(--radius-full);transition:transform var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}
  [data-menu-toggle][aria-expanded="true"] .menu-icon span:nth-child(1){transform:translateY(.28rem) rotate(45deg)}
  [data-menu-toggle][aria-expanded="true"] .menu-icon span:nth-child(2){opacity:0}
  [data-menu-toggle][aria-expanded="true"] .menu-icon span:nth-child(3){transform:translateY(-.28rem) rotate(-45deg)}
  .primary-nav{display:none;position:absolute;z-index:1;top:4.5rem;inset-inline:var(--page-gutter);justify-self:stretch;width:auto;max-height:calc(100dvh - 5.5rem);overflow:auto;padding:var(--space-2);background:var(--color-bg-raised);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-md)}
  .primary-nav[data-open]{display:block}
  .primary-nav ul{align-items:stretch;flex-direction:column;gap:0}
  .nav-link{display:flex;min-height:2.875rem;align-items:center;padding:.65rem .75rem;border-radius:var(--radius-sm)}
  .nav-link.is-active{background:var(--color-brand-accent-soft)}
  .nav-link.is-active::after{display:none}
  .header-shell .header-cta{display:none}
  .split{grid-template-columns:1fr}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

@media(max-width:40rem){
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7) var(--space-5);padding-block:var(--space-8) var(--space-7)}
  .footer-brand{grid-column:1/-1}
  .footer-brand img{width:8.75rem;margin-bottom:var(--space-3)}
  .footer-brand__description{max-width:100%;font-size:.78rem;line-height:1.75}
  .footer-social{margin-top:var(--space-4)}
  .footer-social__link{width:2.25rem;height:2.25rem}
  .site-footer h2{margin-bottom:var(--space-3);font-size:.875rem}
  .footer-links{gap:.35rem;font-size:.75rem}
  .footer-contact{grid-column:1/-1}
  .footer-contact>h2{margin-bottom:var(--space-3)}
  .footer-contact__links{grid-template-columns:1fr;gap:0}
  .footer-contact__link{grid-template-columns:minmax(4.75rem,.55fr) minmax(0,1.45fr);gap:.6rem;padding:.3rem 0;background:transparent}
  .footer-contact__name{font-size:.66rem}
  .footer-contact__value{font-size:.72rem;white-space:normal}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:.35rem;padding-block:var(--space-4);font-size:.6875rem}
}

/* src/styles/components.css */
.button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding-inline:var(--control-pad-inline);border:var(--border-thin) solid transparent;border-radius:var(--radius-control);font-weight:var(--font-weight-bold);line-height:1.2;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button--primary{background:var(--color-action-primary);color:var(--color-text-inverse)}
.button--primary:hover{background:var(--color-action-primary-hover)}
.button--secondary{background:var(--color-brand-primary);color:var(--color-text-inverse)}
.button--secondary:hover{background:var(--color-brand-primary-hover)}
.button--ghost{background:var(--color-control-bg);border-color:var(--color-border-default);color:var(--color-text-brand)}
.button--ghost:hover{background:var(--color-control-bg-hover);border-color:var(--color-border-strong)}
.button--light{background:var(--wt-neutral-0);color:var(--wt-navy-700)}
.button--sm{min-height:var(--control-height-sm);font-size:var(--font-size-sm)}
.button--lg{min-height:var(--control-height-lg);padding-inline:1.25rem}

.text-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-accent);font-weight:var(--font-weight-semibold)}
.text-link:hover{text-decoration:underline;text-underline-offset:.18em}

.nav-link{position:relative;color:var(--color-text-brand);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.nav-link:hover{color:var(--color-text-accent)}
.nav-link.is-active{color:var(--color-text-accent)}
.nav-link.is-active::after{content:"";position:absolute;inset-inline:0;bottom:-.55rem;height:2px;background:var(--color-brand-accent);border-radius:var(--radius-full)}

.eyebrow{margin-bottom:var(--space-2)}
.section-header{max-width:47.5rem;margin-bottom:clamp(var(--space-8),4vw,var(--space-12))}
.section-header h2{margin-bottom:var(--space-3);font-size:clamp(1.55rem,1.28rem + 1vw,2.2rem);line-height:1.3}
.section-header p{max-width:43rem;color:var(--color-text-secondary);font-size:clamp(.92rem,.88rem + .12vw,1rem);line-height:1.75}

.surface{background:var(--color-bg-raised);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-card)}
.surface--soft{background:var(--color-bg-soft);border-color:var(--color-border-subtle)}
.surface--accent{background:var(--color-brand-accent-soft);border-color:var(--color-border-accent)}
.card{display:flex;min-width:0;flex-direction:column;gap:var(--space-4);padding:clamp(var(--space-4),2.5vw,var(--space-6));background:var(--color-bg-raised);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-card)}
.card__title{font-size:var(--font-size-lg)}
.card__body{color:var(--color-text-secondary)}
.card__footer{margin-top:auto;padding-top:var(--space-2)}
.card--interactive{transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.card--interactive:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}

.form-field{display:grid;gap:var(--space-2)}
.form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.form-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}
.input,.select,.textarea{width:100%;padding:.68rem .8rem;line-height:1.4;background:var(--color-control-bg);border:var(--border-thin) solid var(--color-control-border);border-radius:var(--radius-control);color:var(--color-text-primary);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}
.input,.select{height:var(--control-height)}
.textarea{min-height:7.5rem;resize:vertical}
.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}
.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:0;border-color:var(--color-brand-accent);box-shadow:0 0 0 3px var(--color-brand-accent-soft)}
.field-error{color:var(--color-danger);font-size:var(--font-size-sm)}
[aria-invalid="true"]{border-color:var(--color-danger)}

.badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:.25rem .6rem;border-radius:var(--radius-full);background:var(--color-bg-soft);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.badge--accent{background:var(--color-brand-accent-soft);color:var(--color-text-accent)}

.media-card{min-width:0;background:transparent}
.media-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--color-bg-soft);border-radius:var(--radius-card)}
.media-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-standard)}
.media-card:hover .media-card__media img{transform:scale(1.015)}
.media-card__copy{min-width:0;padding:var(--space-4) .1rem .1rem}
.media-card .eyebrow{margin-bottom:.35rem;font-size:var(--font-size-xs)}
.media-card__title{margin:0 0 .4rem;font-size:clamp(1rem,.94rem + .18vw,1.14rem);line-height:1.42}
.media-card__title a:hover{color:var(--color-text-accent)}
.media-card__body{display:-webkit-box;margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:clamp(.84rem,.81rem + .1vw,.92rem);line-height:1.68;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.media-card__action{font-size:var(--font-size-sm)}
.media-card--featured{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:stretch}
.media-card--featured .media-card__media{height:100%;aspect-ratio:auto}
.media-card--featured .media-card__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--space-5),3vw,var(--space-8))}
.media-card--featured .media-card__title{font-size:clamp(1.22rem,1.08rem + .42vw,1.55rem)}
.media-card--featured .media-card__body{-webkit-line-clamp:4}

@media(max-width:53.75rem){
  .media-card--featured{grid-column:1/-1;display:block}
  .media-card--featured .media-card__media{height:auto;aspect-ratio:16/10}
  .media-card--featured .media-card__copy{display:block;padding:var(--space-4) .1rem .1rem}
}
@media(max-width:43.75rem){
  .media-card__copy{padding:.7rem .05rem .1rem}
  .media-card__title{font-size:clamp(.94rem,4vw,1.04rem)}
  .media-card__body{font-size:.875rem;line-height:1.62;-webkit-line-clamp:2}
  .media-card__action{font-size:.86rem}
  .media-card--compact .media-card__body{display:none}
}

.site-cta{padding-block:clamp(var(--space-6),3vw,var(--space-8));background:var(--color-bg-canvas)}
.site-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(var(--space-5),3vw,var(--space-8));align-items:center;padding:clamp(1.25rem,2.4vw,2rem);background:var(--wt-teal-700);border-radius:var(--radius-panel)}
.site-cta__copy{min-width:0;max-width:58rem}
.site-cta .eyebrow{margin-bottom:.4rem;color:var(--wt-teal-100);font-size:clamp(.72rem,.69rem + .08vw,.78rem)}
.site-cta h2{max-width:none;margin:0;color:var(--color-text-inverse);font-size:clamp(1.28rem,1.12rem + .48vw,1.68rem);font-weight:var(--font-weight-bold);line-height:1.35;letter-spacing:0}
.site-cta__description{max-width:52rem;margin-top:.45rem;color:var(--wt-teal-50);font-size:clamp(.86rem,.82rem + .12vw,.94rem);line-height:1.65}
.site-cta__actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:flex-end}
.site-cta__actions .button{min-height:2.75rem;padding-inline:1rem;font-size:clamp(.84rem,.81rem + .1vw,.9rem)}
.site-cta__secondary{color:var(--wt-neutral-100);font-size:clamp(.82rem,.79rem + .08vw,.88rem);font-weight:var(--font-weight-semibold)}
.site-cta__secondary:hover{color:var(--wt-neutral-0);text-decoration:underline;text-underline-offset:.18em}

@media(max-width:43.75rem){
  .site-cta{padding-block:var(--space-6)}
  .site-cta__inner{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5)}
  .site-cta h2{font-size:clamp(1.2rem,5vw,1.45rem);line-height:1.4}
  .site-cta__description{font-size:.875rem;line-height:1.65}
  .site-cta__actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .site-cta__actions .button{width:100%}
  .site-cta__secondary{justify-self:center}
}

@media(prefers-reduced-motion:reduce){
  .button:hover,.card--interactive:hover{transform:none}
  .media-card:hover .media-card__media img{transform:none}
}

/* src/styles/media.css */
.media-frame{position:relative;overflow:hidden;background:var(--color-bg-soft);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-card)}
.media-frame>img,.media-frame>video{width:100%;height:100%;object-fit:cover}
.media-frame--landscape{aspect-ratio:16/10}
.media-frame--wide{aspect-ratio:16/9}
.media-frame--square{aspect-ratio:1}
.media-frame--portrait{aspect-ratio:4/5}
.media-frame--contain>img{object-fit:contain;padding:var(--space-4)}
.avatar{width:3rem;height:3rem;overflow:hidden;border-radius:var(--radius-full);background:var(--color-bg-soft)}
.avatar img{width:100%;height:100%;object-fit:cover}

.editorial-hero-media{min-width:0;aspect-ratio:16/10;overflow:hidden;background:var(--color-bg-soft);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-panel)}
.editorial-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.editorial-hero-media[data-hero-status="temporary"]{position:relative}
@media(max-width:48rem){
  .editorial-hero-media{aspect-ratio:16/10;border-radius:var(--radius-card)}
}

/* src/styles/home.css */
.home-hero{padding-block:clamp(var(--space-8),5vw,var(--space-16))}
.home-hero__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(22rem,1.05fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.home-hero__copy{max-width:46rem}
.home-hero h1{max-width:15ch;margin:0;font-size:clamp(2.35rem,1.95rem + 2.25vw,3.7rem);line-height:1.12;letter-spacing:var(--tracking-tight)}
.home-hero__support{max-width:38rem;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.8}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}
.home-hero__media{min-width:0;aspect-ratio:4/3;overflow:hidden;background:var(--color-bg-canvas);border-radius:var(--radius-panel)}
.home-hero__media img{width:100%;height:100%;object-fit:contain;object-position:center}
.home-hero__signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--border-thin) solid var(--color-border-default)}
.home-hero__signal{display:flex;gap:var(--space-3);align-items:flex-start}
.wt-icon{display:block;width:1.15rem;height:1.15rem;flex:0 0 auto}
.home-hero__signal-icon{margin-top:.12rem;color:var(--color-text-accent)}
.home-hero__signal-dot{flex:0 0 auto;width:.55rem;height:.55rem;margin-top:.45rem;background:var(--color-brand-accent);border-radius:50%}
.home-hero__signal strong{display:block;margin-bottom:.2rem;color:var(--color-text-brand);font-size:var(--font-size-sm)}
.home-hero__signal small{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.55}

.home-services,.home-work,.home-about,.home-why,.home-process,.home-faq{padding-block:clamp(var(--space-8),4vw,var(--space-12))}
.home-services .section-header,
.home-why .section-header,
.home-process .section-header{max-width:44rem;margin-inline:auto;text-align:center}
.home-services .section-header,
.home-why .section-header,
.home-process .section-header,
.home-faq .section-header{margin-bottom:var(--space-7)}
.home-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.home-section-action{display:flex;justify-content:flex-end;margin-top:var(--space-6)}

.home-section-heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8);align-items:end}
.home-section-heading-row .section-header{margin-bottom:0}
.home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}

.home-about__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(var(--space-8),6vw,var(--space-20));align-items:center}
.home-about__media{position:relative;min-width:0;aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-soft);border-radius:var(--radius-panel)}
.home-about__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.home-about__copy h2{max-width:24ch;margin-bottom:var(--space-4);font-size:clamp(1.6rem,1.35rem + .9vw,2.25rem);line-height:1.3}
.home-about__copy>p:not(.eyebrow){max-width:38rem;color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.8}
.home-about__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-block:var(--space-6)}
.home-about__value{padding-inline-start:var(--space-4);border-inline-start:2px solid var(--color-border-accent)}
.home-about__value strong{display:block;margin-bottom:.3rem;color:var(--color-text-brand);font-size:var(--font-size-sm)}
.home-about__value span{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.55}

.home-why__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-4)}
.home-why__item{padding:var(--space-5) 0;border-top:2px solid var(--color-border-accent)}
.home-why__item h3{margin-bottom:.45rem;font-size:clamp(1.02rem,.94rem + .22vw,1.2rem);line-height:1.4}
.home-why__item p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.78}

.home-process__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:var(--border-thin) solid var(--color-border-default)}
.home-process__step{min-width:0;padding:var(--space-5);border-inline-end:var(--border-thin) solid var(--color-border-default)}
.home-process__step:last-child{border-inline-end:0}
.home-process__step-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}
.home-process__icon{width:1.2rem;height:1.2rem;color:var(--color-text-accent)}
.home-process__step-head span{display:block;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}
.home-process__step h3{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}
.home-process__step p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}

.home-faq__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(var(--space-8),6vw,var(--space-20));align-items:start}
.home-faq__intro .section-header{margin-bottom:var(--space-5)}
.home-faq__list{border-top:var(--border-thin) solid var(--color-border-default)}
.home-faq__item{border-bottom:var(--border-thin) solid var(--color-border-default)}
.home-faq__item summary{position:relative;padding:var(--space-5) 2.5rem var(--space-5) 0;cursor:pointer;color:var(--color-text-brand);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);list-style:none}
[dir="rtl"] .home-faq__item summary{padding:var(--space-5) 0 var(--space-5) 2.5rem}
.home-faq__item summary::-webkit-details-marker{display:none}
.home-faq__item summary::after{content:"+";position:absolute;inset-inline-end:.25rem;top:50%;translate:0 -50%;color:var(--color-text-accent);font-size:1.4rem;font-weight:var(--font-weight-regular)}
.home-faq__item[open] summary::after{content:"−"}
.home-faq__item p{max-width:48rem;padding:0 0 var(--space-5);color:var(--color-text-secondary);line-height:1.75}


@media(max-width:64rem){
  .home-hero__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}
  .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-about__grid{gap:var(--space-10)}
  .home-about__values{grid-template-columns:1fr}
  .home-why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-process__step:nth-child(2){border-inline-end:0}
  .home-process__step:nth-child(-n+2){border-bottom:var(--border-thin) solid var(--color-border-default)}
}

@media(max-width:48rem){
  .home-hero{padding-block:var(--space-6) var(--space-8)}
  .home-hero__grid{grid-template-columns:1fr;gap:var(--space-6)}
  .home-hero__copy{order:1}
  .home-hero__media{order:2;aspect-ratio:4/3}
  .home-hero h1{max-width:16ch;font-size:clamp(2rem,8.4vw,2.65rem);line-height:1.14}
  .home-hero__support{margin-top:var(--space-4);font-size:.9375rem;line-height:1.72}
  .home-hero__actions{margin-top:var(--space-5)}
  .home-hero__signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--space-6);padding-top:var(--space-4)}
  .home-hero__signal{display:grid;min-width:0;justify-items:center;gap:.35rem;padding-inline:var(--space-2);text-align:center}
  .home-hero__signal-icon{margin:0;color:var(--color-text-accent)}
  .home-hero__signal+ .home-hero__signal{border-inline-start:var(--border-thin) solid var(--color-border-default)}
  .home-hero__signal strong{font-size:.75rem;line-height:1.35}
  .home-hero__signal small{font-size:.6875rem;line-height:1.4}
  .home-services,.home-work,.home-about,.home-why,.home-process,.home-faq{padding-block:var(--space-8)}
  .home-services .section-header,
  .home-why .section-header,
  .home-process .section-header{margin-inline:0;text-align:start}
  .home-section-heading-row{grid-template-columns:1fr;gap:var(--space-3)}
  .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
  .home-project-grid{grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-5)}
  .home-about__grid{grid-template-columns:1fr;gap:var(--space-6)}
  .home-about__media{aspect-ratio:16/9}
  .home-about__copy h2{font-size:1.7rem}
  .home-about__copy>p:not(.eyebrow){font-size:.9375rem;line-height:1.7}
  .home-about__values{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-block:var(--space-5)}
  .home-about__value{padding-inline:var(--space-2);text-align:center;border-inline-start:0}
  .home-about__value+ .home-about__value{border-inline-start:2px solid var(--color-border-accent)}
  .home-about__value strong{font-size:.8rem;line-height:1.35}
  .home-about__value span{display:none}
  .home-why__grid{grid-template-columns:1fr;gap:0}
  .home-why__item{padding:var(--space-4) 0}
  .home-why__item h3{font-size:1rem}
  .home-why__item p{font-size:.9rem;line-height:1.68}
  .home-process__steps{grid-template-columns:1fr;border-bottom:0}
  .home-process__step{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0;text-align:start;border-inline-end:0;border-bottom:var(--border-thin) solid var(--color-border-default)}
  .home-process__step:last-child{border-inline-end:0}
  .home-process__step-head{grid-column:1;display:grid;justify-items:center;gap:.35rem;margin:0}
  .home-process__icon{width:1rem;height:1rem}
  .home-process__step-head span{font-size:.7rem}
  .home-process__step h3{grid-column:2;margin:0;font-size:1rem;line-height:1.4}
  .home-process__step p{grid-column:2;color:var(--color-text-secondary);font-size:.88rem;line-height:1.65}
  .home-faq__grid{grid-template-columns:1fr;gap:var(--space-6)}
  .home-faq__item summary{padding-block:var(--space-4);font-size:.9375rem}
}

@media(max-width:40rem){
  .home-hero__actions{display:grid;grid-template-columns:1fr}
  .home-hero__actions .button{width:100%}
  .home-section-action{margin-top:var(--space-4)}
  .home-section-action .text-link,.home-section-heading-row>.text-link{font-size:.8125rem}
}

@media(prefers-reduced-motion:reduce){
}

@media(max-width:23.75rem){
  .home-service-grid,.home-why__grid,.home-project-grid{gap:var(--space-2)}
  .home-hero__signal small{display:none}
}

/* src/styles/services.css */
.services-hero{padding-block:clamp(var(--space-7),4vw,var(--space-12))}
.services-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.services-hero__copy{max-width:52rem}
.services-hero h1{margin:0;font-size:clamp(2.15rem,1.75rem + 1.5vw,2.9rem);line-height:1.16;letter-spacing:var(--tracking-tight)}
.services-hero__copy>p:not(.eyebrow){max-width:48rem;margin-top:var(--space-4);color:var(--color-text-secondary);font-size:clamp(.92rem,.88rem + .12vw,1rem);line-height:1.75}
.services-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.service-family{padding-block:clamp(var(--space-8),5vw,var(--section-space));border-top:var(--border-thin) solid var(--color-border-subtle)}
.service-family:nth-child(even){background:var(--color-bg-subtle)}
.service-family__header .section-header{margin-bottom:var(--space-7)}
.service-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.service-directory-row{min-width:0;overflow:hidden;background:var(--color-bg-canvas);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-card)}
.service-directory-row__media{display:block;aspect-ratio:16/8.8;overflow:hidden;background:var(--color-bg-soft)}
.service-directory-row__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-standard)}
.service-directory-row:hover .service-directory-row__media img{transform:scale(1.015)}
.service-directory-row__copy{padding:var(--space-5)}
.service-directory-row__subtitle{margin-bottom:.4rem;color:var(--color-text-accent);font-size:clamp(.82rem,.79rem + .08vw,.88rem);font-weight:var(--font-weight-semibold);line-height:1.55}
.service-directory-row__copy h3{margin-bottom:.65rem;font-size:clamp(1.18rem,1.08rem + .3vw,1.42rem);line-height:1.4}
.service-directory-row__summary{color:var(--color-text-secondary);font-size:clamp(.9rem,.86rem + .1vw,.96rem);line-height:1.72}
.service-directory-row__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem var(--space-4);margin:var(--space-4) 0;padding:var(--space-4) 0;border-block:var(--border-thin) solid var(--color-border-subtle);list-style:none}
.service-directory-row__features li{position:relative;padding-inline-start:1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.55}
.service-directory-row__features li::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:.35rem;height:.35rem;background:var(--color-brand-accent);border-radius:50%}
.service-directory-row .text-link{font-size:var(--font-size-sm)}
@media(max-width:64rem){.service-directory-row__features{grid-template-columns:1fr}}
@media(max-width:48rem){
 .service-directory-list{grid-template-columns:1fr;gap:var(--space-4)}
 .service-directory-row__copy{padding:var(--space-4)}
 .service-directory-row__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem var(--space-3)}
 .service-family{padding-block:var(--space-8)}
 .service-family__header .section-header{margin-bottom:var(--space-5)}
}
@media(max-width:25rem){.service-directory-row__features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.service-directory-row:hover .service-directory-row__media img{transform:none}}

/* src/styles/service-detail.css */
.service-breadcrumb{padding-top:var(--space-5)}
.service-breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}
.service-breadcrumb li+li::before{content:"/";margin-inline-end:var(--space-2);color:var(--color-border-strong)}
.service-breadcrumb a:hover{color:var(--color-text-accent)}

.service-detail-hero{padding-block:clamp(var(--space-8),4.5vw,var(--space-14))}
.service-detail-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.service-detail-hero__copy{max-width:54rem}
.service-detail-hero h1{max-width:15ch;margin:0;font-size:clamp(2.4rem,1.85rem + 3vw,4.4rem);line-height:1.08;letter-spacing:var(--tracking-tight)}
.service-detail-hero__subtitle{max-width:42rem;margin-top:var(--space-4);color:var(--color-text-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.45}
.service-detail-hero__description{max-width:43rem;margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-md)}
.service-detail-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}

.service-decision-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-6);background:var(--color-bg-soft);border-top:2px solid var(--color-brand-accent);border-bottom:var(--border-thin) solid var(--color-border-default)}
.service-decision-panel>div{padding:var(--space-6)}
.service-decision-panel>div+div{border-inline-start:var(--border-thin) solid var(--color-border-default)}
.service-decision-panel span{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.service-decision-panel p{color:var(--color-text-primary);font-size:var(--font-size-sm)}

.service-signals{padding-block:var(--space-8);border-block:var(--border-thin) solid var(--color-border-subtle)}
.service-signals__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.service-signal{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-5)}
.service-signal+ .service-signal{border-inline-start:var(--border-thin) solid var(--color-border-default)}
.service-signal>span{color:var(--color-text-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.service-signal h2{margin-bottom:var(--space-2);font-size:clamp(1.08rem,1rem + .2vw,1.25rem)}
.service-signal p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.72}

.service-audience__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.service-audience h2{max-width:16ch;font-size:var(--font-size-2xl)}
.service-audience__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.service-audience__list li{padding:.55rem .8rem;background:var(--color-bg-soft);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}

.service-subservices__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--border-thin) solid var(--color-border-default)}
.service-subservice{padding:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border-default)}
.service-subservice:nth-child(odd){border-inline-end:var(--border-thin) solid var(--color-border-default)}
.service-subservice h3{margin-bottom:var(--space-2);font-size:clamp(1.05rem,.98rem + .22vw,1.25rem)}
.service-subservice p{max-width:44rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.72}

.service-deliverables__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--border-thin) solid var(--color-border-default)}
.service-deliverable{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border-default)}
.service-deliverable:nth-child(odd){border-inline-end:var(--border-thin) solid var(--color-border-default)}
.service-deliverable>span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}
.service-deliverable h3{margin-bottom:var(--space-2);font-size:clamp(1.05rem,.98rem + .2vw,1.22rem)}
.service-deliverable p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.72}

.service-proof__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.service-proof__more{display:flex;justify-content:flex-end;margin-top:var(--space-6)}

.service-process__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--border-thin) solid var(--color-border-default);border-bottom:var(--border-thin) solid var(--color-border-default)}
.service-process__step{padding:var(--space-5);border-inline-end:var(--border-thin) solid var(--color-border-default)}
.service-process__step:last-child{border-inline-end:0}
.service-process__step>span{display:block;margin-bottom:var(--space-4);color:var(--color-text-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}
.service-process__step h3{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}
.service-process__step p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}

.service-detail-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.service-detail-faq__grid>div:first-child h2{max-width:15ch;font-size:var(--font-size-2xl)}
.service-detail-faq__list{border-top:var(--border-thin) solid var(--color-border-default)}
.service-detail-faq details{border-bottom:var(--border-thin) solid var(--color-border-default)}
.service-detail-faq summary{position:relative;padding:var(--space-5) 2.5rem var(--space-5) 0;cursor:pointer;color:var(--color-text-brand);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);list-style:none}
[dir="rtl"] .service-detail-faq summary{padding:var(--space-5) 0 var(--space-5) 2.5rem}
.service-detail-faq summary::-webkit-details-marker{display:none}
.service-detail-faq summary::after{content:"+";position:absolute;inset-inline-end:.25rem;top:50%;translate:0 -50%;color:var(--color-text-accent);font-size:1.5rem}
.service-detail-faq details[open] summary::after{content:"−"}
.service-detail-faq details p{padding-bottom:var(--space-5);color:var(--color-text-secondary)}

.service-constraints{padding-block:var(--section-space-compact);background:var(--color-bg-soft);border-block:var(--border-thin) solid var(--color-border-subtle)}
.service-constraints__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(var(--space-8),7vw,var(--space-20))}
.service-constraints h2{max-width:18ch;font-size:var(--font-size-xl)}
.service-constraints ul{display:grid;gap:var(--space-3)}
.service-constraints li{position:relative;padding-inline-start:1.1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm)}
.service-constraints li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:.35rem;height:.35rem;border-radius:var(--radius-full);background:var(--color-brand-accent)}


@media(max-width:64rem){
  .service-proof__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-process__step:nth-child(2){border-inline-end:0}
  .service-process__step:nth-child(-n+2){border-bottom:var(--border-thin) solid var(--color-border-default)}
}

@media(max-width:53.75rem){
  .service-detail-hero__grid,.service-audience__grid,.service-detail-faq__grid,.service-constraints__inner{grid-template-columns:1fr}
  .service-detail-hero h1{max-width:16ch}
}

@media(max-width:43.75rem){
  .service-detail-hero h1{font-size:clamp(2.2rem,10vw,3.25rem)}
  .service-detail-hero__actions{display:grid;grid-template-columns:1fr}
  .service-detail-hero__actions .button{width:100%}
  .service-decision-panel>div{padding:var(--space-4)}
  .service-decision-panel p{font-size:.88rem;line-height:1.62}
  .service-signals__grid,.service-subservices__grid,.service-deliverables__list,.service-proof__grid{grid-template-columns:1fr}
  .service-subservice{padding:var(--space-4) 0}
  .service-subservice:nth-child(odd){border-inline-end:0}
  .service-subservice h3{font-size:1rem}
  .service-subservice p{font-size:.88rem;line-height:1.65}
  .service-signal{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0}
  .service-signal+ .service-signal{border-inline-start:0;border-top:var(--border-thin) solid var(--color-border-default)}
  .service-signal h2{font-size:1.02rem}
  .service-signal p{font-size:.88rem;line-height:1.65}
  .service-deliverable{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0}
  .service-deliverable:nth-child(odd){border-inline-end:0}
  .service-deliverable h3{font-size:1rem}
  .service-deliverable p{font-size:.88rem;line-height:1.65}
  .service-proof__grid{gap:var(--space-4)}


  .service-process__steps{grid-template-columns:1fr}
  .service-process__step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0;text-align:start;border-inline-end:0;border-bottom:var(--border-thin) solid var(--color-border-default)}
  .service-process__step:last-child{border-inline-end:0}
  .service-process__step>span{margin:0;font-size:.78rem}
  .service-process__step h3{margin:0;font-size:1rem;line-height:1.4}
  .service-process__step p{grid-column:2;font-size:.88rem;line-height:1.65}
}

@media(prefers-reduced-motion:reduce){
}

/* src/styles/portfolio.css */
.portfolio-hero{padding-block:clamp(var(--space-8),4.5vw,var(--space-14))}
.portfolio-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.portfolio-hero h1{max-width:16ch;margin:0;font-size:clamp(2.15rem,1.75rem + 1.5vw,2.9rem);line-height:1.16;letter-spacing:var(--tracking-tight)}
.portfolio-hero__grid>div:first-child>p:not(.eyebrow){max-width:43rem;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md)}

.portfolio-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}
.portfolio-filters button{min-height:var(--control-height);padding:.45rem .8rem;background:var(--color-bg-canvas);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.portfolio-filters button:hover{border-color:var(--color-border-accent);color:var(--color-text-accent)}
.portfolio-filters button[aria-pressed="true"]{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-inverse)}

.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--space-5),2.4vw,var(--space-8))}


@media(max-width:64rem){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:53.75rem){
  .portfolio-hero__grid{grid-template-columns:1fr}
}
@media(max-width:43.75rem){
  .portfolio-hero h1{font-size:clamp(1.85rem,8vw,2.35rem)}
  .portfolio-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .portfolio-filters{gap:var(--space-2);margin-bottom:var(--space-5)}
  .portfolio-filters button{flex:1 1 calc(33.333% - var(--space-2));min-height:var(--control-height);padding:.35rem .55rem;font-size:.78rem}
}

/* src/styles/project-detail.css */
.project-breadcrumb{padding-top:var(--space-5)}
.project-breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}
.project-breadcrumb li+li::before{content:"/";margin-inline-end:var(--space-2);color:var(--color-border-strong)}
.project-breadcrumb a:hover{color:var(--color-text-accent)}

.project-detail-hero{padding-block:clamp(var(--space-8),4.5vw,var(--space-14))}
.project-detail-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.project-detail-hero h1{max-width:15ch;margin:0;font-size:clamp(2.5rem,1.9rem + 3vw,4.5rem);line-height:1.08;letter-spacing:var(--tracking-tight)}
.project-detail-hero__summary{max-width:42rem;margin-top:var(--space-5);padding-top:var(--space-4);border-top:2px solid var(--color-brand-accent)}
.project-detail-hero__summary p{margin-bottom:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md)}

.project-story__grid{border-top:var(--border-thin) solid var(--color-border-default)}
.project-story__item{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-5);padding-block:clamp(var(--space-6),4vw,var(--space-10));border-bottom:var(--border-thin) solid var(--color-border-default)}
.project-story__item>span{color:var(--color-text-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.project-story__item h2{max-width:52rem;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.6}

.project-scope__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-8),7vw,var(--space-20))}
.project-scope h2{max-width:18ch;margin-bottom:var(--space-6);font-size:var(--font-size-2xl)}
.project-scope ul{display:grid;border-top:var(--border-thin) solid var(--color-border-default)}
.project-scope li{padding:var(--space-4) 0;border-bottom:var(--border-thin) solid var(--color-border-default);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}

.project-services__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.project-services h2{max-width:18ch;font-size:var(--font-size-2xl)}
.project-services__links{display:grid;border-top:var(--border-thin) solid var(--color-border-default)}
.project-services__links a{display:grid;gap:var(--space-1);padding:var(--space-5) 0;border-bottom:var(--border-thin) solid var(--color-border-default)}
.project-services__links a:hover span{color:var(--color-text-accent)}
.project-services__links span{color:var(--color-text-brand);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}
.project-services__links small{color:var(--color-text-secondary)}

.project-related__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}
.project-related__header h2{font-size:var(--font-size-2xl)}
.project-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}


@media(max-width:53.75rem){
  .project-detail-hero__grid,.project-services__grid{grid-template-columns:1fr}
  .project-scope__grid{grid-template-columns:1fr}
}
@media(max-width:43.75rem){
  .project-detail-hero h1{font-size:clamp(2.25rem,10vw,3.25rem)}
  .project-detail-hero__summary{padding-top:var(--space-3)}
  .project-story__item{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-5)}
  .project-story__item h2{font-size:1.05rem;line-height:1.6}
  .project-scope__grid{grid-template-columns:1fr;gap:var(--space-6)}
  .project-scope h2{margin-bottom:var(--space-4);font-size:1.2rem}
  .project-scope li{padding:var(--space-3) 0;font-size:.92rem;line-height:1.65}
  .project-services__links a{padding:var(--space-4) 0}
  .project-services__links span{font-size:1rem}
  .project-services__links small{font-size:.84rem;line-height:1.55}
  .project-related__header{align-items:start;gap:var(--space-3);margin-bottom:var(--space-5)}
  .project-related__grid{grid-template-columns:1fr;gap:var(--space-5)}
}

/* src/styles/about-process.css */
.process-hero h1{max-width:16ch;font-size:clamp(2.15rem,1.75rem + 1.5vw,2.9rem);line-height:1.16}

.process-hero__support{max-width:42rem;margin-top:var(--space-5);padding-top:var(--space-4);border-top:2px solid var(--color-brand-accent)}
.process-hero__support>p{max-width:40rem;color:var(--color-text-secondary);font-size:var(--font-size-md)}
.process-phases__list{border-top:var(--border-thin) solid var(--color-border-default)}
.process-phase{display:grid;grid-template-columns:4rem minmax(0,1.1fr) minmax(16rem,.9fr);gap:clamp(var(--space-4),4vw,var(--space-10));align-items:start;padding-block:clamp(var(--space-7),4vw,var(--space-10));border-bottom:var(--border-thin) solid var(--color-border-default)}
.process-phase__number{color:var(--color-text-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.process-phase__main h2{margin-bottom:var(--space-3);font-size:var(--font-size-xl)}
.process-phase__main>p:last-child{max-width:44rem;color:var(--color-text-secondary)}
.process-phase__outcome{padding:var(--space-4);background:var(--color-bg-soft);border-inline-start:2px solid var(--color-brand-accent)}
.process-phase__outcome span{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.process-phase__outcome p{color:var(--color-text-primary);font-size:var(--font-size-sm)}

.process-principle{padding-block:var(--space-8);background:var(--color-bg-canvas)}
.process-principle__inner{max-width:60rem;padding:clamp(var(--space-6),4vw,var(--space-10));background:var(--color-bg-emphasis);border-radius:var(--radius-panel)}
.process-principle .eyebrow{color:var(--wt-teal-300)}
.process-principle h2{max-width:28ch;margin-bottom:var(--space-4);color:var(--color-text-inverse);font-size:clamp(1.45rem,1.25rem + .7vw,2rem);line-height:1.35}
.process-principle p:not(.eyebrow){max-width:48rem;color:var(--wt-neutral-300);font-size:var(--font-size-md)}

@media(max-width:53.75rem){
  .process-phase{grid-template-columns:3rem minmax(0,1fr)}
  .process-phase__outcome{grid-column:2}
}
@media(max-width:43.75rem){
  .process-phases__list{display:grid;grid-template-columns:1fr;gap:0;border-top:var(--border-thin) solid var(--color-border-default)}
  .process-phase{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-5) 0;background:transparent;border:0;border-bottom:var(--border-thin) solid var(--color-border-default);border-radius:0}
  .process-phase__main h2{font-size:1.08rem;line-height:1.4}
  .process-phase__main>p:last-child{font-size:.9rem;line-height:1.68}
  .process-phase__outcome{grid-column:2;margin-top:.25rem;padding:var(--space-3) 0 0;border-inline-start:0;border-top:2px solid var(--color-brand-accent)}
  .process-phase__outcome span{font-size:.76rem}
  .process-phase__outcome p{font-size:.88rem;line-height:1.62}
}

/* src/styles/about-page.css */
.about-hero h1{max-width:16ch;font-size:clamp(2.15rem,1.75rem + 1.5vw,2.9rem);line-height:1.16}
.about-story__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.about-story__heading h2{font-size:clamp(1.7rem,1.4rem + 1vw,2.35rem);line-height:1.3}
.about-story__copy{display:grid;gap:var(--space-4);color:var(--color-text-secondary)}
.about-story__lead{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.85}
.about-story__copy p:not(.about-story__lead){font-size:var(--font-size-sm);line-height:1.8}
.about-direction__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:var(--border-thin) solid var(--color-border-default)}
.about-direction__item{min-width:0;padding:clamp(var(--space-6),4vw,var(--space-10))}
.about-direction__item+ .about-direction__item{border-inline-start:var(--border-thin) solid var(--color-border-default)}
.about-direction__item h2{margin-bottom:var(--space-4);font-size:clamp(1.55rem,1.32rem + .7vw,2rem);line-height:1.3}
.about-direction__item>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.8}
.about-values__header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3) clamp(var(--space-8),7vw,var(--space-20));margin-bottom:var(--space-10)}
.about-values__header .eyebrow{grid-column:1/-1}
.about-values__header h2{font-size:clamp(1.7rem,1.42rem + .9vw,2.3rem);line-height:1.3}
.about-values__header>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.8}
.about-values__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--border-thin) solid var(--color-border-default)}
.about-values__list article{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border-default)}
.about-values__list article:nth-child(odd){border-inline-end:var(--border-thin) solid var(--color-border-default)}
.about-values__list span{color:var(--color-text-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}
.about-values__list h3{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}
.about-values__list p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.72}
.about-build__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.about-build__intro h2{margin-bottom:var(--space-4);font-size:clamp(1.7rem,1.42rem + .9vw,2.3rem);line-height:1.3}
.about-build__intro>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.8}
.about-build__paths{border-top:var(--border-thin) solid var(--color-border-default)}
.about-build__paths a{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-4);align-items:center;padding-block:var(--space-5);border-bottom:var(--border-thin) solid var(--color-border-default)}
.about-build__paths a:hover strong{color:var(--color-text-accent)}
.about-build__paths span{color:var(--color-text-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}
.about-build__paths strong{color:var(--color-text-brand);font-size:var(--font-size-lg);line-height:1.4;transition:color var(--motion-fast) var(--ease-standard)}
@media(max-width:53.75rem){
  .about-story__grid,.about-build__grid{grid-template-columns:1fr;gap:var(--space-6)}
  .about-values__header{grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-6)}
  .about-values__header .eyebrow{grid-column:auto}
}
@media(max-width:43.75rem){
  .about-direction__grid{grid-template-columns:1fr}
  .about-direction__item{padding:var(--space-6) 0}
  .about-direction__item+ .about-direction__item{border-inline-start:0;border-top:var(--border-thin) solid var(--color-border-default)}
  .about-direction__item h2{font-size:clamp(1.45rem,6.5vw,1.8rem)}
  .about-values__list{grid-template-columns:1fr}
  .about-values__list article{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-5) 0;border-inline-end:0}
  .about-values__list article:nth-child(odd){border-inline-end:0}
  .about-values__list h3{font-size:1.08rem}
  .about-values__list p{font-size:.9rem;line-height:1.7}
  .about-build__paths a{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3)}
  .about-build__paths strong{font-size:1.08rem}
}

/* src/styles/contact-planner.css */
.contact-hero,.planner-hero{padding-block:clamp(var(--space-8),4.5vw,var(--space-14))}
.contact-hero__grid,.planner-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.contact-hero h1,.planner-hero h1{max-width:16ch;margin:0;font-size:clamp(2.15rem,1.75rem + 1.5vw,2.9rem);line-height:1.16;letter-spacing:var(--tracking-tight)}
.contact-hero__copy>p:not(.eyebrow),.planner-hero__copy>p:not(.eyebrow){max-width:43rem;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.75}
.contact-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}

.contact-direct__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.contact-direct h2{max-width:24ch;margin-bottom:var(--space-3);font-size:clamp(1.55rem,1.3rem + .7vw,2.05rem);line-height:1.35}
.contact-direct__grid>div:first-child>p:last-child{max-width:36rem;color:var(--color-text-secondary)}
.contact-channels{display:grid;border-top:var(--border-thin) solid var(--color-border-default)}
.contact-channel{display:grid;grid-template-columns:2rem 7rem minmax(0,1fr);gap:var(--space-3);align-items:center;padding-block:var(--space-4);border-bottom:var(--border-thin) solid var(--color-border-default)}
.contact-channel__icon{width:1.15rem;height:1.15rem;color:var(--color-text-accent)}
.contact-channel span{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.contact-channel strong{color:var(--color-text-brand);font-size:var(--font-size-md);overflow-wrap:anywhere}
.contact-channel:hover strong{color:var(--color-text-accent)}

.contact-paths__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.contact-paths article{padding:var(--space-5) 0;border-top:2px solid var(--color-border-accent)}
.contact-paths h2{margin-bottom:var(--space-3);font-size:clamp(1.15rem,1rem + .35vw,1.4rem)}
.contact-paths article>p:not(.eyebrow){margin-bottom:var(--space-5);color:var(--color-text-secondary)}


.planner-hero__copy .text-link{margin-top:var(--space-5)}

.planner-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:clamp(var(--space-8),6vw,var(--space-16));align-items:start}
.planner-form{border-top:var(--border-thin) solid var(--color-border-default)}
.planner-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(16rem,1.2fr);gap:clamp(var(--space-6),5vw,var(--space-12));padding-block:clamp(var(--space-6),4vw,var(--space-10));border-bottom:var(--border-thin) solid var(--color-border-default)}
.planner-step__head h2{margin-bottom:var(--space-2);font-size:var(--font-size-xl)}
.planner-step__head>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-sm)}
.planner-field{display:grid;gap:var(--space-2)}
.planner-field>span{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.planner-field small{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}
.planner-field input,.planner-field select,.planner-field textarea{width:100%;min-height:var(--control-height);padding:.7rem .8rem;background:var(--color-control-bg);border:var(--border-thin) solid var(--color-control-border);border-radius:var(--radius-control);color:var(--color-text-primary)}
.planner-field textarea{min-height:8rem;resize:vertical}
.planner-field input:hover,.planner-field select:hover,.planner-field textarea:hover{border-color:var(--color-border-strong)}
.planner-field input:focus-visible,.planner-field select:focus-visible,.planner-field textarea:focus-visible{outline:0;border-color:var(--color-brand-accent);box-shadow:0 0 0 3px var(--color-brand-accent-soft)}
.planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.planner-field--wide{grid-column:1/-1}
.planner-step--submit{align-items:center}
.planner-form__status{min-height:1.5em;margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}

.planner-review{position:sticky;top:6.5rem;padding:var(--space-6);background:var(--color-bg-emphasis);color:var(--color-text-inverse);border-radius:var(--radius-panel)}
.planner-review[hidden]{display:none}
.planner-review h2{margin-bottom:var(--space-3);color:var(--color-text-inverse);font-size:var(--font-size-xl)}
.planner-review .eyebrow{color:var(--wt-teal-300)}
.planner-review__note{margin-bottom:var(--space-6);color:var(--wt-neutral-300);font-size:var(--font-size-sm)}
.planner-review dl{display:grid;border-top:var(--border-thin) solid rgb(255 255 255 / 16%)}
.planner-review dl>div{padding-block:var(--space-3);border-bottom:var(--border-thin) solid rgb(255 255 255 / 16%)}
.planner-review dt{margin-bottom:var(--space-1);color:var(--wt-neutral-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.planner-review dd{margin:0;color:var(--wt-neutral-0);font-size:var(--font-size-sm);overflow-wrap:anywhere}
.planner-review__actions{display:grid;gap:var(--space-3);margin-top:var(--space-6)}
.planner-review__actions .button{width:100%}

@media(max-width:53.75rem){
  .contact-hero__grid,.planner-hero__grid,.contact-direct__grid,.planner-layout{grid-template-columns:1fr}
  .planner-review{position:static}
}
@media(max-width:43.75rem){
  .contact-hero h1,.planner-hero h1{font-size:clamp(1.85rem,8vw,2.35rem)}
  .contact-hero__actions{display:grid;grid-template-columns:1fr}
  .contact-hero__actions .button{width:100%}
  .contact-channels{display:grid;grid-template-columns:1fr;gap:0;border-top:var(--border-thin) solid var(--color-border-default)}
  .contact-channel{display:grid;grid-template-columns:1.75rem minmax(4.5rem,.5fr) minmax(0,1.5fr);gap:var(--space-3);align-items:center;min-height:0;padding:var(--space-4) 0;background:transparent;border:0;border-bottom:var(--border-thin) solid var(--color-border-default);border-radius:0;text-align:start}
  .contact-channel__icon{width:1.15rem;height:1.15rem}
  .contact-channel span{font-size:.82rem}
  .contact-channel strong{max-width:100%;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
  .contact-paths__grid{grid-template-columns:1fr;gap:0}
  .contact-paths article{padding:var(--space-5) 0}
  .contact-paths h2{font-size:1.15rem}
  .contact-paths article>p:not(.eyebrow){font-size:.9rem;line-height:1.7}
  .contact-paths .text-link{font-size:.9rem}
  .planner-step{grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-5)}
  .planner-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
  .planner-field--wide{grid-column:1/-1}
  .planner-step--submit .button{width:100%}
}

@media(max-width:23.75rem){
  .planner-fields{grid-template-columns:1fr}
  .planner-field--wide{grid-column:auto}
}

/* src/styles/secondary.css */
.secondary-hero{padding-block:clamp(var(--space-8),4.5vw,var(--space-14))}
.secondary-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.secondary-hero h1{max-width:16ch;margin:0;font-size:clamp(2.15rem,1.75rem + 1.5vw,2.9rem);line-height:1.16;letter-spacing:var(--tracking-tight)}
.secondary-hero__copy>p:not(.eyebrow){max-width:43rem;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.75}
.secondary-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}
.secondary-hero--legal{padding-bottom:clamp(var(--space-10),5vw,var(--space-16))}

.faq-directory>.container{display:grid;gap:var(--section-space-compact)}
.faq-group{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);gap:clamp(var(--space-7),6vw,var(--space-16));align-items:start}
.faq-group__header{position:sticky;top:7rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);align-items:start}
.faq-group__header>span{color:var(--color-text-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.faq-group__header h2{font-size:var(--font-size-xl)}
.faq-group__items{border-top:var(--border-thin) solid var(--color-border-default)}
.faq-item{border-bottom:var(--border-thin) solid var(--color-border-default)}
.faq-item summary{position:relative;padding:var(--space-5) 2.5rem var(--space-5) 0;cursor:pointer;color:var(--color-text-brand);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);list-style:none}
[dir="rtl"] .faq-item summary{padding:var(--space-5) 0 var(--space-5) 2.5rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;inset-inline-end:.25rem;top:50%;translate:0 -50%;color:var(--color-text-accent);font-size:1.5rem}
.faq-item[open] summary::after{content:"−"}
.faq-item p{max-width:50rem;padding-bottom:var(--space-5);color:var(--color-text-secondary)}

.empty-surface__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-6),5vw,var(--space-12))}
.empty-surface__state,.empty-surface__why{min-height:17rem;padding:clamp(var(--space-5),3vw,var(--space-8));border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-panel)}
.empty-surface__state{background:var(--color-bg-emphasis);color:var(--color-text-inverse)}
.empty-surface__state>span{display:block;margin-bottom:var(--space-7);color:var(--wt-teal-300);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-weight-bold);line-height:1}
.empty-surface__state .eyebrow{color:var(--wt-teal-300)}
.empty-surface__state h2{max-width:16ch;margin-bottom:var(--space-4);color:var(--color-text-inverse);font-size:var(--font-size-2xl)}
.empty-surface__state>p:last-child{max-width:34rem;color:var(--wt-neutral-300)}
.empty-surface__why{display:flex;flex-direction:column;justify-content:flex-end;background:var(--color-bg-soft)}
.empty-surface__why h2{max-width:18ch;margin-bottom:var(--space-4);font-size:var(--font-size-2xl)}
.empty-surface__why>p:last-child{max-width:36rem;color:var(--color-text-secondary)}

.legal-content__list{max-width:62rem;margin-inline:auto;border-top:var(--border-thin) solid var(--color-border-default)}
.legal-content__item{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-5);padding-block:clamp(var(--space-7),4vw,var(--space-10));border-bottom:var(--border-thin) solid var(--color-border-default)}
.legal-content__item>span{color:var(--color-text-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.legal-content__item h2{max-width:36ch;margin-bottom:var(--space-3);font-size:var(--font-size-xl)}
.legal-content__item div>p:last-child{max-width:52rem;color:var(--color-text-secondary);line-height:1.85}

@media(max-width:53.75rem){
  .secondary-hero__grid,.faq-group{grid-template-columns:1fr}
  .faq-group__header{position:static}
  .empty-surface__grid{grid-template-columns:1fr}
  .empty-surface__state,.empty-surface__why{min-height:auto}
}
@media(max-width:43.75rem){
  .secondary-hero h1{font-size:clamp(1.85rem,8vw,2.35rem)}
  .secondary-hero__actions{display:grid;grid-template-columns:1fr}
  .secondary-hero__actions .button{width:100%}
  .faq-directory>.container{gap:var(--space-8)}
  .faq-group{gap:var(--space-4)}
  .faq-group__header{grid-template-columns:2rem minmax(0,1fr)}
  .faq-group__header h2{font-size:1.1rem}
  .faq-item summary{padding-block:var(--space-4);font-size:1rem;line-height:1.6}
  .empty-surface__grid{grid-template-columns:1fr;gap:0}
  .empty-surface__state,.empty-surface__why{min-height:0;padding:var(--space-6) 0;border:0;border-top:2px solid var(--color-border-accent);border-radius:0}
  .empty-surface__state>span{margin-bottom:var(--space-4);font-size:2.4rem}
  .empty-surface__state h2,.empty-surface__why h2{font-size:1.2rem}
  .empty-surface__state>p:last-child,.empty-surface__why>p:last-child{font-size:.9rem;line-height:1.7}
  .legal-content__item{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-5)}
  .legal-content__item h2{font-size:1.08rem}
  .legal-content__item div>p:last-child{font-size:.9rem;line-height:1.78}
}

/* src/styles/insights-careers.css */
.insights-hero,.article-hero,.job-hero{padding-block:clamp(var(--space-8),4.5vw,var(--space-14))}
.insights-hero__grid,.article-hero__grid,.job-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.insights-hero h1,.article-hero h1,.job-hero h1{max-width:15ch;margin:0;font-size:clamp(2.45rem,1.85rem + 3vw,4.4rem);line-height:1.08;letter-spacing:var(--tracking-tight)}
.insights-hero__copy>p:not(.eyebrow),.job-hero__copy>p:not(.eyebrow){max-width:43rem;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.75}
.insights-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}

.insights-directory .section-header{margin-bottom:var(--space-7)}
.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--space-5),2.4vw,var(--space-8))}


.article-breadcrumb,.job-breadcrumb{padding-top:var(--space-5)}
.article-breadcrumb ol,.job-breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}
.article-breadcrumb li+li::before,.job-breadcrumb li+li::before{content:"/";margin-inline-end:var(--space-2);color:var(--color-border-strong)}
.article-breadcrumb a:hover,.job-breadcrumb a:hover{color:var(--color-text-accent)}

.article-hero__summary{max-width:48rem;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.75}
.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-thin) solid var(--color-border-default);color:var(--color-text-muted);font-size:var(--font-size-sm)}
.article-meta span+time::before{content:"·";margin-inline-end:var(--space-3)}

.article-content__layout{display:grid;grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr);gap:clamp(var(--space-8),7vw,var(--space-20));align-items:start}
.article-content__lead{position:sticky;top:7rem;padding-inline-start:var(--space-4);border-inline-start:2px solid var(--color-brand-accent)}
.article-content__lead p{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.85}
.article-body{max-width:52rem}
.article-body__section+ .article-body__section{margin-top:var(--space-10)}
.article-body__section h2{margin-bottom:var(--space-4);font-size:var(--font-size-xl);line-height:1.45}
.article-body__section p{color:var(--color-text-secondary);line-height:1.9}
.article-body__section p+p{margin-top:var(--space-3)}
.article-body__section ul{display:grid;gap:var(--space-2);margin-top:var(--space-4)}
.article-body__section li{position:relative;padding-inline-start:1.1rem;color:var(--color-text-secondary);line-height:1.75}
.article-body__section li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:.35rem;height:.35rem;background:var(--color-brand-accent);border-radius:var(--radius-full)}

.article-related{background:var(--color-bg-subtle)}
.article-related__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(var(--space-8),6vw,var(--space-16));align-items:start}
.article-related h2{max-width:19ch;font-size:var(--font-size-2xl)}
.article-related__links{display:grid;border-top:var(--border-thin) solid var(--color-border-default)}
.article-related__links a{display:grid;gap:var(--space-1);padding:var(--space-4) 0;border-bottom:var(--border-thin) solid var(--color-border-default)}
.article-related__links strong{color:var(--color-text-brand);font-size:var(--font-size-md)}
.article-related__links span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}
.article-related__links a:hover strong{color:var(--color-text-accent)}

.careers-empty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.careers-empty>div{min-height:15rem;padding:clamp(var(--space-5),3vw,var(--space-8));border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-panel)}
.careers-empty>div:first-child{background:var(--color-bg-soft)}
.careers-empty>div:last-child{background:var(--color-bg-canvas)}
.careers-empty h2{max-width:19ch;margin-bottom:var(--space-3);font-size:var(--font-size-xl)}
.careers-empty p:last-child{max-width:38rem;color:var(--color-text-secondary)}
.careers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.career-card{padding:var(--space-5);background:var(--color-bg-canvas);border:var(--border-thin) solid var(--color-border-default);border-radius:var(--radius-card)}
.career-card h2{margin-bottom:var(--space-3);font-size:var(--font-size-xl)}
.career-card>p:not(.eyebrow){margin-bottom:var(--space-4);color:var(--color-text-secondary)}

.job-hero__copy>p.job-hero__location{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.job-content__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-8),6vw,var(--space-16))}
.job-content h2{margin-bottom:var(--space-5);font-size:var(--font-size-2xl)}
.job-content ul{display:grid;border-top:var(--border-thin) solid var(--color-border-default)}
.job-content li{padding:var(--space-4) 0;border-bottom:var(--border-thin) solid var(--color-border-default);color:var(--color-text-secondary);line-height:1.7}

@media(max-width:53.75rem){
  .insights-hero__grid,.article-hero__grid,.job-hero__grid,.article-content__layout,.article-related__grid{grid-template-columns:1fr}
  .article-content__lead{position:static;max-width:48rem}
}

@media(max-width:43.75rem){
  .insights-hero h1,.article-hero h1,.job-hero h1{font-size:clamp(2.2rem,10vw,3.2rem)}
  .insights-hero__actions{display:grid;grid-template-columns:1fr}
  .insights-hero__actions .button{width:100%}
  .insights-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .article-content__lead{padding-inline-start:var(--space-3)}
  .article-content__lead p{font-size:1rem;line-height:1.78}
  .article-body__section+ .article-body__section{margin-top:var(--space-8)}
  .article-body__section h2{font-size:1.2rem}
  .article-body__section p,.article-body__section li{font-size:.9375rem;line-height:1.85}
  .article-related h2{font-size:1.2rem}
  .careers-empty{grid-template-columns:1fr;gap:0}
  .careers-empty>div{min-height:0;padding:var(--space-5) 0;border:0;border-top:2px solid var(--color-border-accent);border-radius:0}
  .careers-empty h2{font-size:1.15rem}
  .careers-empty p:last-child{font-size:.9rem;line-height:1.7}
  .careers-grid{grid-template-columns:1fr;gap:0}
  .career-card{padding:var(--space-5) 0;background:transparent;border:0;border-top:2px solid var(--color-border-accent);border-radius:0}
  .career-card h2{font-size:1.15rem}
  .career-card>p:not(.eyebrow){font-size:.9rem;line-height:1.7}
  .job-content__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
  .job-content h2{font-size:1.05rem}
  .job-content li{font-size:.8125rem}
}

@media(max-width:23.75rem){.job-content__grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
}

/* src/styles/hero-home.css */
/* Unified mobile-first hero system.
   Layout behavior follows the proven Update Card hero pattern while preserving Wasl Tech identity. */

.home-hero{
  padding-block:.625rem .875rem;
  overflow:clip;
}
.home-hero__grid{
  display:grid;
  gap:.875rem;
  padding:1.125rem 1rem .875rem;
  background:var(--color-bg-raised);
  border:var(--border-thin) solid var(--color-border-default);
  border-radius:1.125rem;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.home-hero__copy{
  order:1;
  max-width:none;
  text-align:center;
}
.home-hero .eyebrow{
  margin-bottom:.5rem;
}
.home-hero h1{
  max-width:none;
  margin:0 auto .625rem;
  font-size:clamp(2rem,9.6vw,2.8rem);
  line-height:1.12;
  letter-spacing:var(--tracking-tight);
}
.home-hero__support{
  max-width:100%;
  margin:0 auto;
  color:var(--color-text-secondary);
  font-size:.86rem;
  line-height:1.75;
}
.home-hero__media{
  order:2;
  min-width:0;
  margin-inline:-.25rem;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--color-bg-canvas);
  border-radius:1rem;
}
.home-hero__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.home-hero__actions{
  order:3;
  display:grid;
  grid-template-columns:1fr;
  gap:.5rem;
  margin:0;
}
.home-hero__actions .button{
  width:100%;
  min-height:3rem;
}
.home-hero__signals{
  order:4;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:.75rem .35rem .125rem;
  border-top:var(--border-thin) solid var(--color-border-default);
}
.home-hero__signal{
  display:grid;
  min-width:0;
  justify-items:center;
  gap:.35rem;
  padding-inline:.35rem;
  text-align:center;
}
.home-hero__signal + .home-hero__signal{
  border-inline-start:var(--border-thin) solid var(--color-border-default);
}
.home-hero__signal-icon{
  margin:0;
  color:var(--color-text-accent);
}
.home-hero__signal strong{
  display:block;
  margin:0;
  color:var(--color-text-brand);
  font-size:.72rem;
  line-height:1.35;
}
.home-hero__signal small{
  display:block;
  color:var(--color-text-secondary);
  font-size:.66rem;
  line-height:1.4;
}

/* src/styles/hero-pages.css */
/* Inner pages: compact text first, edge-to-edge visual on mobile. */
:is(
  .services-hero,
  .service-detail-hero,
  .portfolio-hero,
  .project-detail-hero,
  .contact-hero,
  .planner-hero,
  .secondary-hero,
  .about-hero,
  .process-hero,
  .insights-hero,
  .article-hero,
  .job-hero
){
  padding-block:.375rem .625rem;
  overflow:clip;
}
:is(
  .services-hero__grid,
  .service-detail-hero__grid,
  .portfolio-hero__grid,
  .project-detail-hero__grid,
  .contact-hero__grid,
  .planner-hero__grid,
  .secondary-hero__grid,
  .about-hero__grid,
  .process-hero__grid,
  .insights-hero__grid,
  .article-hero__grid,
  .job-hero__grid
){
  display:grid;
  grid-template-columns:1fr;
  gap:.75rem;
  align-items:stretch;
  padding:.875rem 0 0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
:is(
  .services-hero__copy,
  .service-detail-hero__copy,
  .project-detail-hero__copy,
  .contact-hero__copy,
  .planner-hero__copy,
  .secondary-hero__copy,
  .process-hero__copy,
  .insights-hero__copy,
  .article-hero__copy,
  .job-hero__copy,
  .portfolio-hero__grid>div:first-child,
  .about-hero__grid>div:first-child
){
  max-width:none;
  padding-inline:.125rem;
  text-align:start;
}
:is(
  .services-hero,
  .service-detail-hero,
  .portfolio-hero,
  .project-detail-hero,
  .contact-hero,
  .planner-hero,
  .secondary-hero,
  .about-hero,
  .process-hero,
  .insights-hero,
  .article-hero,
  .job-hero
) .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:1.6rem;
  margin:0 0 .45rem;
  padding:.25rem .55rem;
  background:var(--color-bg-soft);
  color:var(--color-text-accent);
  border-radius:999px;
  font-size:.68rem;
  font-weight:var(--font-weight-bold);
}
:is(
  .services-hero,
  .service-detail-hero,
  .portfolio-hero,
  .project-detail-hero,
  .contact-hero,
  .planner-hero,
  .secondary-hero,
  .about-hero,
  .process-hero,
  .insights-hero,
  .article-hero,
  .job-hero
) h1{
  max-width:none;
  margin:0 0 .45rem;
  font-size:clamp(1.75rem,7.6vw,2.25rem);
  line-height:1.17;
  letter-spacing:var(--tracking-tight);
}
.inner-hero__subtitle{
  max-width:38rem;
  margin:.2rem 0 .55rem;
  color:var(--color-text-brand);
  font-size:clamp(1.12rem,1rem + .55vw,1.6rem);
  font-weight:var(--font-weight-semibold);
  line-height:1.42;
  letter-spacing:0;
}
.services-hero__copy>p:not(.eyebrow),
.contact-hero__copy>p:not(.eyebrow),
.planner-hero__copy>p:not(.eyebrow),
.secondary-hero__copy>p:not(.eyebrow),
.insights-hero__copy>p:not(.eyebrow),
.job-hero__copy>p:not(.eyebrow),
.portfolio-hero__grid>div:first-child>p:not(.eyebrow),
.about-hero__support,
.process-hero__support>p,
.article-hero__summary,
.project-detail-hero__summary p{
  max-width:36rem;
  margin:0;
  color:var(--color-text-secondary);
  font-size:.9rem;
  line-height:1.72;
}
.service-detail-hero__subtitle{
  max-width:38rem;
  margin:.2rem 0 .55rem;
  color:var(--color-text-brand);
  font-size:clamp(1.12rem,1rem + .55vw,1.55rem);
  font-weight:var(--font-weight-semibold);
  line-height:1.42;
}
.service-detail-hero__description{
  display:-webkit-box;
  max-width:36rem;
  margin:.35rem 0 0;
  color:var(--color-text-secondary);
  font-size:.88rem;
  line-height:1.68;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.process-hero__support,
.project-detail-hero__summary{
  max-width:36rem;
  margin:0;
  padding:0;
  border:0;
}
:is(
  .services-hero__actions,
  .service-detail-hero__actions,
  .contact-hero__actions,
  .secondary-hero__actions,
  .about-hero__actions,
  .process-hero__actions,
  .insights-hero__actions
){
  display:grid;
  grid-template-columns:1fr;
  gap:.5rem;
  margin-top:.7rem;
}
:is(
  .services-hero__actions,
  .service-detail-hero__actions,
  .contact-hero__actions,
  .secondary-hero__actions,
  .about-hero__actions,
  .process-hero__actions,
  .insights-hero__actions
) .button{
  width:100%;
  min-height:2.75rem;
}
:is(
  .services-hero__media,
  .service-detail-hero__media,
  .portfolio-hero__media,
  .project-detail-hero__media,
  .contact-hero__media,
  .planner-hero__media,
  .secondary-hero__media,
  .about-hero__media,
  .process-hero__media,
  .insights-hero__media,
  .article-hero__media,
  .job-hero__media
){
  width:auto;
  margin-inline:calc(var(--page-gutter) * -1);
  aspect-ratio:16/8.6;
  background:var(--color-bg-soft);
  border:0;
  border-radius:0;
}
:is(
  .services-hero__media,
  .service-detail-hero__media,
  .portfolio-hero__media,
  .project-detail-hero__media,
  .contact-hero__media,
  .planner-hero__media,
  .secondary-hero__media,
  .about-hero__media,
  .process-hero__media,
  .insights-hero__media,
  .article-hero__media,
  .job-hero__media
) img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.about-hero__visual{
  display:grid;
  gap:.75rem;
}
.about-hero__statement{
  margin:0;
  padding:.8rem;
  background:var(--color-bg-soft);
  border:var(--border-thin) solid var(--color-border-default);
  border-radius:.75rem;
}
.about-hero__statement>span{
  margin-bottom:.35rem;
  font-size:.66rem;
}
.about-hero__statement>strong{
  margin-bottom:.3rem;
  font-size:.9rem;
}
.about-hero__statement p{
  font-size:.72rem;
  line-height:1.55;
}
.service-decision-panel{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:.75rem;
  overflow:hidden;
  background:var(--color-bg-soft);
  border:var(--border-thin) solid var(--color-border-default);
  border-radius:.75rem;
}
.service-decision-panel>div{
  padding:.75rem;
}
.service-decision-panel span{
  margin-bottom:.3rem;
  font-size:.65rem;
}
.service-decision-panel p{
  font-size:.7rem;
  line-height:1.5;
}
.article-meta{
  margin-top:.65rem;
}

.planner-hero__copy>.text-link{display:none}

@media(max-width:43.75rem){.inner-hero__subtitle,.service-detail-hero__subtitle{font-size:clamp(1.05rem,4.8vw,1.32rem);line-height:1.45}}

/* src/styles/hero-responsive.css */
@media(min-width:42.5625rem){
  .home-hero{
    padding-block:.875rem .625rem;
  }
  .home-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:.75rem 1.875rem;
    align-items:center;
    min-height:25rem;
    padding:1.625rem;
  }
  .home-hero__media{
    grid-column:1;
    grid-row:1/4;
    align-self:stretch;
    display:flex;
    align-items:center;
    margin:0;
    border-radius:1.125rem;
  }
  .home-hero__copy{
    grid-column:2;
    grid-row:1;
    align-self:end;
    text-align:start;
  }
  .home-hero .eyebrow{
    margin-bottom:.7rem;
  }
  .home-hero h1{
    max-width:12ch;
    margin:0 0 .75rem;
    font-size:clamp(2.45rem,3.7vw,3.45rem);
  }
  .home-hero__support{
    margin-inline:0;
    font-size:.95rem;
  }
  .home-hero__actions{
    grid-column:2;
    grid-row:2;
    display:flex;
    align-self:center;
  }
  .home-hero__actions .button{
    width:auto;
  }
  .home-hero__signals{
    grid-column:2;
    grid-row:3;
    align-self:start;
  }
  .home-hero__signal strong{
    font-size:.76rem;
  }
  .home-hero__signal small{
    font-size:.69rem;
  }

  :is(
    .services-hero,
    .service-detail-hero,
    .portfolio-hero,
    .project-detail-hero,
    .contact-hero,
    .planner-hero,
    .secondary-hero,
    .about-hero,
    .process-hero,
    .insights-hero,
    .article-hero,
    .job-hero
  ){
    padding-block:1.125rem;
  }
  :is(
    .services-hero__grid,
    .service-detail-hero__grid,
    .portfolio-hero__grid,
    .project-detail-hero__grid,
    .contact-hero__grid,
    .planner-hero__grid,
    .secondary-hero__grid,
    .about-hero__grid,
    .process-hero__grid,
    .insights-hero__grid,
    .article-hero__grid,
    .job-hero__grid
  ){
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:1.75rem;
    padding:1.5rem;
    background:var(--color-bg-raised);
    border:var(--border-thin) solid var(--color-border-default);
    border-radius:1.125rem;
    box-shadow:var(--shadow-sm);
    overflow:hidden;
  }
  :is(
    .services-hero,
    .service-detail-hero,
    .portfolio-hero,
    .project-detail-hero,
    .contact-hero,
    .planner-hero,
    .secondary-hero,
    .about-hero,
    .process-hero,
    .insights-hero,
    .article-hero,
    .job-hero
  ) h1{
    max-width:15ch;
    font-size:clamp(2.15rem,3.5vw,3rem);
  }
  .services-hero__copy>p:not(.eyebrow),
  .contact-hero__copy>p:not(.eyebrow),
  .planner-hero__copy>p:not(.eyebrow),
  .secondary-hero__copy>p:not(.eyebrow),
  .insights-hero__copy>p:not(.eyebrow),
  .job-hero__copy>p:not(.eyebrow),
  .portfolio-hero__grid>div:first-child>p:not(.eyebrow),
  .about-hero__support,
  .process-hero__support>p,
  .article-hero__summary,
  .project-detail-hero__summary p{
    font-size:.95rem;
  }
  .service-detail-hero__subtitle{
    font-size:1rem;
  }
  .service-detail-hero__description{
    display:block;
    font-size:.92rem;
    overflow:visible;
  }
  :is(
    .services-hero__actions,
    .service-detail-hero__actions,
    .contact-hero__actions,
    .secondary-hero__actions,
    .about-hero__actions,
    .process-hero__actions,
    .insights-hero__actions
  ){
    display:flex;
    flex-wrap:wrap;
  }
  :is(
    .services-hero__actions,
    .service-detail-hero__actions,
    .contact-hero__actions,
    .secondary-hero__actions,
    .about-hero__actions,
    .process-hero__actions,
    .insights-hero__actions
  ) .button{
    width:auto;
  }
  :is(
    .services-hero__media,
    .service-detail-hero__media,
    .portfolio-hero__media,
    .project-detail-hero__media,
    .contact-hero__media,
    .planner-hero__media,
    .secondary-hero__media,
    .about-hero__media,
    .process-hero__media,
    .insights-hero__media,
    .article-hero__media,
    .job-hero__media
  ){
    width:100%;
    margin:0;
    aspect-ratio:16/9;
    border-radius:.875rem;
  }
  .about-hero__statement{
    padding:1rem;
  }
  .service-decision-panel{
    margin-top:1rem;
    border-radius:.875rem;
  }
}

@media(min-width:62.5625rem){
  .home-hero{
    padding-block:1.125rem .75rem;
  }
  .home-hero__grid{
    gap:1rem 2.625rem;
    min-height:26.875rem;
    padding:2rem 2.125rem;
  }
  .home-hero h1{
    font-size:clamp(2.65rem,3.6vw,3.65rem);
  }
  .home-hero__support{
    max-width:37rem;
    font-size:1rem;
  }
  :is(
    .services-hero__grid,
    .service-detail-hero__grid,
    .portfolio-hero__grid,
    .project-detail-hero__grid,
    .contact-hero__grid,
    .planner-hero__grid,
    .secondary-hero__grid,
    .about-hero__grid,
    .process-hero__grid,
    .insights-hero__grid,
    .article-hero__grid,
    .job-hero__grid
  ){
    gap:2.75rem;
    min-height:22.5rem;
    padding:2.125rem;
  }
  :is(
    .services-hero,
    .service-detail-hero,
    .portfolio-hero,
    .project-detail-hero,
    .contact-hero,
    .planner-hero,
    .secondary-hero,
    .about-hero,
    .process-hero,
    .insights-hero,
    .article-hero,
    .job-hero
  ) h1{
    font-size:clamp(2.35rem,3.2vw,3.2rem);
  }
}

@media(max-width:22.5rem){
  .home-hero__grid{
    padding:.95rem .75rem .75rem;
  }
  .home-hero h1{
    font-size:1.9rem;
  }
  .home-hero__support{
    font-size:.8rem;
  }
  .home-hero__signal small{
    display:none;
  }
  :is(
    .services-hero,
    .service-detail-hero,
    .portfolio-hero,
    .project-detail-hero,
    .contact-hero,
    .planner-hero,
    .secondary-hero,
    .about-hero,
    .process-hero,
    .insights-hero,
    .article-hero,
    .job-hero
  ) h1{
    font-size:1.82rem;
  }
}

/* Inner-page heroes never carry action buttons. */
.services-hero__actions,.service-detail-hero__actions,.contact-hero__actions,.secondary-hero__actions,.about-hero__actions,.process-hero__actions,.insights-hero__actions{display:none}

/* src/styles/text-flow.css */
/* Site-wide responsive text flow.
   Available layout width drives wrapping instead of narrow fixed measures. */
main{font-size:clamp(.9375rem,.9rem + .14vw,1.025rem)}
main :is(h1,h2,h3){text-wrap:pretty;overflow-wrap:normal;word-break:normal;hyphens:none}
main p,main li{text-wrap:pretty;overflow-wrap:break-word;word-break:normal}
main :is(section,article) [class] > :is(h1,h2),
main :is(section,article) [class] [class] > :is(h1,h2),
main :is([class$="__copy"],[class$="__content"],[class$="__intro"],[class$="__header"],[class$="__main"],[class$="__summary"]) :is(h1,h2,h3),
main .section-header :is(h1,h2,h3){max-width:none}
main :is([class$="__copy"],[class$="__content"],[class$="__intro"],[class$="__header"]) > p:not(.eyebrow),
main .section-header > p:not(.eyebrow){width:auto;max-width:min(100%,64rem);font-size:clamp(.9rem,.84rem + .22vw,1.0625rem);line-height:1.75}
.section-header{width:100%;max-width:min(100%,64rem)}
.section-header p{max-width:min(100%,60rem)}
:is(.home-hero__copy,.services-hero__copy,.service-detail-hero__copy,.project-detail-hero__copy,.contact-hero__copy,.planner-hero__copy,.secondary-hero__copy,.process-hero__copy,.insights-hero__copy,.article-hero__copy,.job-hero__copy){min-width:0}
@media(min-width:64.0625rem){
  main :is([class$="__copy"],[class$="__content"],[class$="__intro"],[class$="__header"]) > p:not(.eyebrow),
  main .section-header > p:not(.eyebrow){max-width:min(100%,68rem)}
}
@media(max-width:48rem){
  main{font-size:.9375rem}
  .section-header,.section-header p,.lead,.prose{max-width:100%}
  main :is(h1,h2,h3){text-wrap:pretty}
  main :is([class$="__copy"],[class$="__content"],[class$="__intro"],[class$="__header"]) > p:not(.eyebrow),
  main .section-header > p:not(.eyebrow){max-width:100%;line-height:1.7}
}

/* src/styles/motion.css */
@media(prefers-reduced-motion:no-preference){
  .motion-enabled [class*="-hero__copy"]{animation:wt-hero-copy-in 460ms var(--ease-enter) both}
  .motion-enabled .editorial-hero-media{animation:wt-hero-media-in 560ms var(--ease-enter) 40ms both}

  .motion-enabled .motion-reveal{
    opacity:.88;
    transform:translate3d(0,.5rem,0);
    transition:
      opacity 420ms var(--ease-enter),
      transform 500ms var(--ease-enter);
  }
  .motion-enabled .motion-reveal[data-motion-order="1"]{transition-delay:45ms}
  .motion-enabled .motion-reveal[data-motion-order="2"]{transition-delay:90ms}
  .motion-enabled .motion-reveal[data-motion-order="3"]{transition-delay:135ms}
  .motion-enabled .motion-reveal.motion-reveal--visible{opacity:1;transform:translate3d(0,0,0)}

  @keyframes wt-hero-copy-in{
    from{opacity:.92;transform:translate3d(0,.5rem,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
  @keyframes wt-hero-media-in{
    from{opacity:.94;transform:translate3d(0,.4rem,0) scale(.995)}
    to{opacity:1;transform:translate3d(0,0,0) scale(1)}
  }
}

@media(max-width:53.75rem) and (prefers-reduced-motion:no-preference){
  .motion-enabled .motion-reveal{opacity:.92;transform:translate3d(0,.35rem,0);transition-duration:360ms,420ms}
  .motion-enabled .motion-reveal.motion-reveal--visible{transform:translate3d(0,0,0)}
}