/* Kaydeross Advisory — Layout 3 + Layout 8 High-Fidelity Extensions
   Bootstrap 5.3.8 + Alpine.js + user utility layers */
@font-face{font-family:"EditorsNote";src:local("Editor's Note Regular"),local("Editors Note Regular");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SackersGothic";src:local("Sackers Gothic Medium AT");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"CaveatBrand";src:local("Caveat Bold");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"RobotoBrand";src:local("Roboto Regular"),local("Roboto");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RobotoBrand";src:local("Roboto Black"),local("Roboto");font-weight:900;font-style:normal;font-display:swap}
:root{--forest:#1e491c;--deep:#211f0f;--teal:#2cba8c;--blue:#355c9b;--gold:#fec872;--cream:#f6e2af;--sky:#c6e5fa;--ice:#e8f6f9;--ink:#17231a;--muted:#607066;--line:#d7e2dd;--paper:#fbfcf8;--display:"EditorsNote",Georgia,serif;--nav:"SackersGothic","Avenir Next",Arial,sans-serif;--script:"CaveatBrand","Comic Sans MS",cursive;--body:"RobotoBrand",Arial,sans-serif;--shadow:0 22px 55px rgba(30,73,28,.12);--shadow-sm:0 10px 26px rgba(30,73,28,.10)}
*{box-sizing:border-box}[x-cloak]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);line-height:1.62;text-rendering:optimizeLegibility}a{color:inherit}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-1000px;left:1rem;z-index:2000;background:#000;color:#fff;padding:.75rem 1rem}.skip-link:focus{top:0}
.ka-utility{background:var(--deep);color:#fff;font-family:var(--nav);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.ka-utility__in{min-height:2.25rem}.ka-pin{display:inline-block;width:.38rem;height:.38rem;border-radius:50%;background:var(--teal);margin-right:.45rem}.ka-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(29,77,34,.09);backdrop-filter:blur(12px)}.navbar{min-height:5.4rem}.navbar-brand img{width:clamp(11.25rem,16vw,14.25rem)}.navbar .nav-link{padding:.8rem .8rem!important;color:var(--ink);font-family:var(--nav);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--forest)}.navbar .dropdown-menu{padding:.55rem;border:1px solid var(--line);border-radius:.75rem;box-shadow:var(--shadow-sm)}.navbar .dropdown-item{padding:.68rem .78rem;border-radius:.42rem;font-size:.88rem}.navbar .dropdown-item:hover{background:rgba(198,229,250,.48)}.navbar-toggler{border-color:rgba(29,77,34,.22)}
.ka-kicker,.ka-eyebrow{display:inline-flex;align-items:center;gap:.62rem;color:var(--forest);font-family:var(--nav);font-size:.66rem;letter-spacing:.17em;line-height:1.2;text-transform:uppercase}.ka-kicker:after{content:"";width:2.2rem;height:2px;background:var(--teal)}.ka-display,.ka-h2,.ka-h3{margin:0;color:var(--forest);font-family:var(--display);font-weight:400;letter-spacing:-.026em}.ka-display{font-size:clamp(3.7rem,6vw,6.6rem);line-height:.91}.ka-h2{font-size:clamp(2.7rem,4.2vw,4.8rem);line-height:.96}.ka-h3{font-size:clamp(1.65rem,2.2vw,2.35rem);line-height:1.04}.ka-copy{color:var(--muted);font-size:1.03rem;line-height:1.76}.ka-script{display:inline-block;color:var(--forest);font-family:var(--script);font-size:clamp(1.85rem,3.2vw,3rem);font-weight:700;line-height:.95;transform:rotate(-3deg)}.ka-script--light{color:#fff}.ka-script-mark{position:relative;z-index:0}.ka-script-mark:after{content:"";position:absolute;left:-.05em;right:-.1em;bottom:-.12em;height:.28em;background:var(--gold);border-radius:50%;opacity:.68;z-index:-1;transform:rotate(-2deg)}
.ka-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.1rem;padding:.78rem 1.25rem;border:1px solid var(--forest);border-radius:.55rem;background:var(--forest);color:#fff;font-family:var(--nav);font-size:.65rem;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;transition:.18s ease}.ka-btn:hover,.ka-btn:focus-visible{background:var(--deep);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ka-btn--accent{border-color:var(--blue);background:var(--blue);color:#fff}.ka-btn--accent:hover,.ka-btn--accent:focus-visible{border-color:var(--forest);background:var(--forest);color:#fff}.ka-btn--outline{background:transparent;color:var(--forest)}.ka-link{font-family:var(--nav);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.ka-link:hover{text-decoration:underline;text-underline-offset:.28rem}.navbar-cta{margin-left:.6rem}
.ka-hero{position:relative;overflow:hidden}.ka-hero-visual{position:relative}.ka-hero-visual>img{display:block;width:100%;border-radius:1.35rem;box-shadow:var(--shadow)}.ka-note{position:absolute;right:3%;bottom:4%;padding:.78rem 1rem;background:rgba(255,255,255,.94);border:1px solid rgba(29,77,34,.08);border-radius:.7rem;box-shadow:var(--shadow-sm)}.ka-proof{display:flex;flex-wrap:wrap;gap:.65rem 1rem;color:var(--forest);font-family:var(--nav);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.ka-proof span:before{content:"•";color:var(--teal);margin-right:.4rem}
.ka-soft{background:linear-gradient(180deg,#f7fbf5,#eff7ed)}.ka-cream{background:#fcf7e9}.ka-ice{background:linear-gradient(180deg,#f2fbfb,#eaf6f4)}.ka-dark{background:var(--forest);color:#fff}.ka-dark .ka-h2,.ka-dark .ka-h3,.ka-dark .ka-copy,.ka-dark .ka-kicker{color:#fff}.ka-dark .ka-kicker:after{background:var(--gold)}
.ka-planner{overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:var(--shadow-sm)}.ka-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.ka-tab{padding:1rem .55rem;border:0;border-right:1px solid var(--line);background:#fff;color:var(--forest);font-family:var(--nav);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.ka-tab:last-child{border-right:0}.ka-tab strong{display:block;font-family:var(--body);font-size:1.04rem;font-weight:900;letter-spacing:0}.ka-tab[aria-selected=true]{background:var(--forest);color:#fff}.ka-panel{padding:1.55rem 1.65rem}.ka-quarter-card{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;align-items:center}.ka-quarter-art{min-height:120px;border-radius:.75rem;background:linear-gradient(135deg,var(--ice),var(--sky));display:grid;place-items:center;color:var(--forest);font-family:var(--display);font-size:3rem;overflow:hidden}.ka-quarter-art svg{width:100%;height:100%}
.ka-card{height:100%;overflow:hidden;border:1px solid var(--line);border-radius:.9rem;background:#fff;box-shadow:0 1px 0 rgba(29,77,34,.03)}.ka-card--lift{transition:.2s ease}.ka-card--lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.ka-card__body{padding:1.45rem}.ka-service-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ka-service-index{display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;margin-top:-1.3rem;position:relative;z-index:2;border-radius:50%;background:var(--cream);color:var(--forest);font-weight:900}.ka-number{color:var(--cream);font-family:var(--body);font-size:2.35rem;font-weight:900;line-height:1}.ka-process{height:100%;padding:1.5rem;border:1px solid rgba(255,255,255,.16);border-radius:.75rem;background:rgba(255,255,255,.08)}.ka-process p{color:rgba(255,255,255,.78)}.ka-audience{display:flex;gap:1rem;align-items:flex-start;height:100%;padding:1.18rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}.ka-icon{display:grid;place-items:center;flex:0 0 2.55rem;height:2.55rem;border-radius:.65rem;background:rgba(198,229,250,.48);color:var(--forest);font-weight:900}.ka-about-img{width:100%;border-radius:1rem;box-shadow:var(--shadow-sm)}.ka-cta{position:relative;overflow:hidden;text-align:center;background:linear-gradient(128deg,#fbf6e8,var(--ice))}.ka-cta:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-8rem;height:13rem;background:radial-gradient(ellipse at center,rgba(29,77,34,.11),transparent 68%)}.ka-footer{background:#123b19;color:#fff}.ka-footer a{color:#fff;text-decoration:none}.ka-footer .ka-eyebrow{color:var(--sky)}.ka-footer-logo{width:13rem;filter:brightness(0) invert(1)}
/* Shared close-to-Layout-3/8 variations */
.t09 .ka-hero{background:radial-gradient(circle at 5% 10%,rgba(198,229,250,.52),transparent 24rem),linear-gradient(90deg,#fcfdf9 0 58%,#f2f7f7 58%)}.t09 .ka-display{max-width:10.8ch}.t09 .ka-card{border-radius:.55rem}.t09 .ka-process{border-radius:.5rem}.t09 .ka-planner{border-radius:.55rem}.t09 .ka-note{border-radius:.45rem}
.t10{background:#fffdf8}.t10 .ka-header{background:rgba(255,253,248,.97)}.t10 .ka-hero{background:linear-gradient(180deg,#fbf5e6 0,#fffdf8 78%)}.t10 .ka-kicker:after{background:var(--gold)}.t10 .ka-script{color:var(--teal)}.t10 .ka-card,.t10 .ka-planner,.t10 .ka-audience{border-color:#e2d7bd}.t10 .ka-dark{background:#203f24}.t10 .ka-quarter-art{background:linear-gradient(135deg,var(--cream),var(--ice))}
.t11 .ka-hero{background:linear-gradient(90deg,#fff 0 52%,#eaf6f7 52%)}.t11 .ka-hero-visual>img{border-radius:.6rem;box-shadow:none;border:1px solid #cfe2e0}.t11 .ka-planner{border-radius:.6rem}.t11 .ka-card{border-radius:.6rem}.t11 .ka-service-index{border-radius:.45rem}.t11 .ka-dark{background:#173e31}.t11 .ka-quarter-art{background:linear-gradient(135deg,#d7f7ef,#dcecf9)}
.t12 .ka-hero{background:linear-gradient(180deg,#f7fbf4,#fff)}.t12 .ka-hero-visual>img{border-radius:2rem 2rem .7rem .7rem}.t12 .ka-card{border-radius:1.2rem}.t12 .ka-planner{border-radius:1.2rem}.t12 .ka-process{border-radius:1rem;background:rgba(255,255,255,.07)}.t12 .ka-quarter-art{background:linear-gradient(145deg,#dff6d8,#f8efd4)}.t12 .ka-script{font-size:clamp(2rem,3vw,2.75rem)}
.gallery{background:#f5f8f3}.gallery-hero{padding:5.5rem 0 3.5rem}.gallery-card{display:block;height:100%;padding:1.35rem;border:1px solid var(--line);border-radius:1rem;background:#fff;text-decoration:none;box-shadow:var(--shadow-sm);transition:.2s}.gallery-card:hover{transform:translateY(-4px)}.gallery-card .mini{height:8rem;border-radius:.65rem;margin-bottom:1rem;background:linear-gradient(135deg,#edf8ea,#fff)}.swatches{display:flex;height:.45rem;overflow:hidden;border-radius:99px}.swatches span{flex:1}
@media(max-width:991.98px){.navbar-cta{margin:.7rem 0 0}.ka-hero-visual{margin-top:1rem}.ka-tabs{grid-template-columns:repeat(2,1fr)}.ka-display{font-size:clamp(3.2rem,11vw,5rem)}.ka-quarter-card{grid-template-columns:1fr}.ka-note{right:1rem}}
@media(max-width:575.98px){.ka-tabs{grid-template-columns:1fr}.ka-utility{font-size:.56rem}.ka-display{font-size:3.08rem}.ka-h2{font-size:2.55rem}.ka-script{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ka-btn,.ka-card--lift{transition:none}}

/* =========================================================
   SYSTEM COLOR MODE — Bootstrap 5.3 native data-bs-theme
   The inline head script sets data-bs-theme from
   prefers-color-scheme and listens for live OS changes.
   ========================================================= */
:root{color-scheme:light}
[data-bs-theme="dark"]{
  color-scheme:dark;
  --ink:#e8f6f9;
  --muted:#c6d1cf;
  --line:#3f4a3b;
  --paper:#211f0f;
  --shadow:0 22px 55px rgba(0,0,0,.34);
  --shadow-sm:0 10px 28px rgba(0,0,0,.28);
  --bs-body-bg:#211f0f;
  --bs-body-color:#e8f6f9;
  --bs-secondary-color:#c6d1cf;
  --bs-border-color:#4d5145;
  --bs-tertiary-bg:#2a2a1d;
  --bs-emphasis-color:#fff;
  --bs-link-color:#c6e5fa;
  --bs-link-hover-color:#e8f6f9;
}
[data-bs-theme="dark"] body{background:#211f0f;color:var(--ink)}
[data-bs-theme="dark"] .skip-link{background:#fff;color:#111}
[data-bs-theme="dark"] .ka-utility{background:#15140b;color:#e8f6f9;border-bottom:1px solid rgba(198,229,250,.12)}
[data-bs-theme="dark"] .ka-header{background:rgba(33,31,15,.94);border-bottom-color:rgba(198,229,250,.13);box-shadow:0 8px 30px rgba(0,0,0,.16)}
[data-bs-theme="dark"] .navbar-brand{display:inline-flex;padding:.28rem .5rem;border-radius:.5rem;background:#f8fbf7;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
[data-bs-theme="dark"] .navbar .nav-link{color:#e8f6f9}
[data-bs-theme="dark"] .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar .nav-link:focus{color:var(--sky)}
[data-bs-theme="dark"] .navbar-toggler{border-color:rgba(238,246,237,.3)}
[data-bs-theme="dark"] .navbar-toggler-icon{filter:invert(1) grayscale(1) brightness(1.75)}
[data-bs-theme="dark"] .navbar .dropdown-menu{background:#2a2a1d;border-color:#51564a;box-shadow:var(--shadow-sm)}
[data-bs-theme="dark"] .navbar .dropdown-item{color:#e8f6f9}
[data-bs-theme="dark"] .navbar .dropdown-item:hover,
[data-bs-theme="dark"] .navbar .dropdown-item:focus{background:#303325;color:var(--sky)}
[data-bs-theme="dark"] .ka-kicker,
[data-bs-theme="dark"] .ka-eyebrow{color:var(--sky)}
[data-bs-theme="dark"] .ka-display,
[data-bs-theme="dark"] .ka-h2,
[data-bs-theme="dark"] .ka-h3{color:var(--ice)}
[data-bs-theme="dark"] .ka-copy{color:#c6d1cf}
[data-bs-theme="dark"] .ka-script{color:var(--cream)}
[data-bs-theme="dark"] .ka-script-mark:after{background:var(--teal);opacity:.48}
[data-bs-theme="dark"] .ka-proof{color:var(--ice)}
[data-bs-theme="dark"] .ka-link{color:var(--sky)}
[data-bs-theme="dark"] .ka-btn--outline{border-color:var(--sky);color:var(--ice)}
[data-bs-theme="dark"] .ka-btn--outline:hover,
[data-bs-theme="dark"] .ka-btn--outline:focus-visible{background:#203428;color:#fff}
[data-bs-theme="dark"] .ka-soft{background:linear-gradient(180deg,#262518,#2b2a1d)}
[data-bs-theme="dark"] .ka-cream{background:#2b2819}
[data-bs-theme="dark"] .ka-ice{background:linear-gradient(180deg,#202b29,#252a22)}
[data-bs-theme="dark"] .ka-dark{background:#1e491c}
[data-bs-theme="dark"] .ka-planner{background:#2a2a1d;border-color:#51564a;box-shadow:var(--shadow-sm)}
[data-bs-theme="dark"] .ka-tabs{border-color:#51564a}
[data-bs-theme="dark"] .ka-tab{background:#2a2a1d;border-color:#51564a;color:#e8f6f9}
[data-bs-theme="dark"] .ka-tab:hover{background:#333327}
[data-bs-theme="dark"] .ka-tab[aria-selected=true]{background:#1e491c;color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
[data-bs-theme="dark"] .ka-panel{background:#2a2a1d}
[data-bs-theme="dark"] .ka-quarter-art{background:linear-gradient(135deg,#293639,#2b2a1d);box-shadow:inset 0 0 0 1px rgba(198,229,250,.10)}
[data-bs-theme="dark"] .ka-quarter-art svg{filter:brightness(.78) saturate(.88) contrast(1.04)}
[data-bs-theme="dark"] .ka-card{background:#2a2a1d;border-color:#4d5145;box-shadow:0 1px 0 rgba(255,255,255,.02)}
[data-bs-theme="dark"] .ka-card--lift:hover{box-shadow:0 16px 38px rgba(0,0,0,.34)}
[data-bs-theme="dark"] .ka-service-card img,
[data-bs-theme="dark"] .ka-about-img{filter:brightness(.76) saturate(.92) contrast(1.02)}
[data-bs-theme="dark"] .ka-service-index{background:var(--cream);color:var(--forest);box-shadow:0 0 0 4px #2a2a1d}
[data-bs-theme="dark"] .ka-audience{background:#2a2a1d;border-color:#4d5145}
[data-bs-theme="dark"] .ka-icon{background:rgba(53,92,155,.24);color:var(--sky)}
[data-bs-theme="dark"] .ka-cta{background:linear-gradient(128deg,#2b2819,#232c2d)}
[data-bs-theme="dark"] .ka-cta:before{background:radial-gradient(ellipse at center,rgba(53,92,155,.18),transparent 68%)}
[data-bs-theme="dark"] .ka-footer{background:#15140b}
[data-bs-theme="dark"] .ka-note{background:rgba(42,42,29,.96);border-color:#51564a;box-shadow:var(--shadow-sm)}
[data-bs-theme="dark"] .ka-note .ka-script{color:var(--cream)}

/* Individual dark-mode personalities. Keep each concept distinct. */
[data-bs-theme="dark"] .t09 .ka-hero{background:radial-gradient(circle at 5% 10%,rgba(53,92,155,.20),transparent 24rem),linear-gradient(90deg,#211f0f 0 58%,#232c2d 58%)}
[data-bs-theme="dark"] .t10{background:#15130d}
[data-bs-theme="dark"] .t10 .ka-header{background:rgba(21,19,13,.95)}
[data-bs-theme="dark"] .t10 .ka-hero{background:linear-gradient(180deg,#211d13 0,#15130d 82%)}
[data-bs-theme="dark"] .t10 .ka-kicker:after{background:var(--gold)}
[data-bs-theme="dark"] .t10 .ka-script{color:var(--cream)}
[data-bs-theme="dark"] .t10 .ka-card,
[data-bs-theme="dark"] .t10 .ka-planner,
[data-bs-theme="dark"] .t10 .ka-audience{border-color:#524934;background:#1d1a12}
[data-bs-theme="dark"] .t10 .ka-tabs,
[data-bs-theme="dark"] .t10 .ka-tab{border-color:#524934}
[data-bs-theme="dark"] .t10 .ka-tab{background:#1d1a12}
[data-bs-theme="dark"] .t10 .ka-panel{background:#1d1a12}
[data-bs-theme="dark"] .t10 .ka-quarter-art{background:linear-gradient(135deg,#3b321c,#1d2b20)}
[data-bs-theme="dark"] .t10 .ka-dark{background:#102a15}
[data-bs-theme="dark"] .t11 .ka-hero{background:linear-gradient(90deg,#0c1510 0 52%,#102423 52%)}
[data-bs-theme="dark"] .t11 .ka-hero-visual>img{border-color:#31524f;filter:brightness(.87) saturate(.95)}
[data-bs-theme="dark"] .t11 .ka-card,
[data-bs-theme="dark"] .t11 .ka-planner,
[data-bs-theme="dark"] .t11 .ka-audience{border-color:#31524f;background:#11201c}
[data-bs-theme="dark"] .t11 .ka-quarter-art{background:linear-gradient(135deg,#14322b,#15263a)}
[data-bs-theme="dark"] .t11 .ka-dark{background:#09271f}
[data-bs-theme="dark"] .t12 .ka-hero{background:linear-gradient(180deg,#101d15,#0c1510)}
[data-bs-theme="dark"] .t12 .ka-card,
[data-bs-theme="dark"] .t12 .ka-planner,
[data-bs-theme="dark"] .t12 .ka-audience{background:#142219}
[data-bs-theme="dark"] .t12 .ka-quarter-art{background:linear-gradient(145deg,#1b3523,#302919)}

/* Gallery follows the exact same OS-controlled Bootstrap mode. */
[data-bs-theme="dark"] .gallery{background:#211f0f}
[data-bs-theme="dark"] .gallery-hero{background:radial-gradient(circle at 15% 20%,rgba(53,92,155,.18),transparent 25rem)}
[data-bs-theme="dark"] .gallery-hero>div>img{padding:.35rem .55rem;border-radius:.55rem;background:#f8fbf7}
[data-bs-theme="dark"] .gallery-card{background:#2a2a1d;border-color:#4d5145;box-shadow:var(--shadow-sm)}
[data-bs-theme="dark"] .gallery-card .mini{filter:brightness(.55) saturate(.88)}

/* Respect system contrast/motion settings alongside color mode. */
@media(prefers-contrast:more){
  [data-bs-theme="dark"] .ka-card,
  [data-bs-theme="dark"] .ka-planner,
  [data-bs-theme="dark"] .ka-audience{border-color:#6f9478}
  [data-bs-theme="dark"] .ka-copy{color:#d2ddd3}
}
