:root{--navy:#061e2a;--navy2:#0b3342;--cream:#f6f1e7;--paper:#fbf8f1;--gold:#c99b57;--ink:#09202c;--muted:#59636a;--line:#d9cfbd;--shell:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{width:min(calc(100% - 96px),var(--shell));margin:auto}
.site-header{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper)}.brand img,.footer-brand img{width:170px;display:block}.site-header nav,footer nav{display:flex;gap:54px}.site-header a,footer a{text-decoration:none;color:var(--ink)}.site-header .button{justify-self:end}
.button{display:inline-flex;align-items:center;gap:28px;background:#dfbc78;color:#081d28;text-decoration:none;padding:18px 27px;font-weight:700}.button.small{padding:15px 25px}.eyebrow{font-size:14px;letter-spacing:.22em;font-weight:700;color:#a8793d}.framework-hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;padding-block:65px}.hero-copy h1,.break-pattern h2,.system h2,.result h2{font-family:"Libre Caslon Display",serif;font-weight:400}.hero-copy h1{font-size:clamp(48px,4.6vw,76px);line-height:.98;margin:20px 0}.hero-copy h1 em{color:#b18249;font-style:normal}.hero-sub{font-family:"Libre Caslon Display",serif;font-size:31px;margin:0 0 25px}.lede{max-width:620px;font-size:18px;line-height:1.65;color:#394850}.rule-caption{display:flex;align-items:center;gap:20px;margin-top:30px;font-size:12px;letter-spacing:.25em}.rule-caption i,.system-label i{width:54px;height:2px;background:var(--gold);display:block}
.ido-diagram{position:relative;width:600px;height:470px;max-width:100%;margin:auto}.circle{position:absolute;width:300px;height:300px;border:2px solid var(--gold);border-radius:50%;display:flex;justify-content:center;text-align:center}.circle>div{padding-top:67px}.circle strong{font-family:"Libre Caslon Display",serif;font-size:26px;display:block}.circle span{display:block;margin-top:13px;line-height:1.45}.information{left:150px;top:0}.decisions{left:20px;top:170px}.ownership{right:20px;top:170px}.execution{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);font-size:15px;font-weight:700;letter-spacing:.09em;color:#b6813f;background:rgba(246,241,231,.92);padding:7px 10px;z-index:3}.diagram-result{grid-column:2;max-width:580px;margin:-55px auto 0;text-align:center;font-size:14px;line-height:1.55;color:#667078}
.break-pattern{background:linear-gradient(rgba(4,28,39,.96),rgba(4,28,39,.96)),radial-gradient(circle at 50% 120%,#345363,transparent 55%);color:white;padding:62px 0}.pattern-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.break-pattern h2{font-size:52px;line-height:1;margin:14px 0}.break-pattern p{line-height:1.55;max-width:470px}.gold{color:#e2b66f}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:16px;text-align:center}.flow-item .icon{width:62px;height:62px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font-size:25px}.flow-item strong{font-family:"Libre Caslon Display",serif;font-size:21px}.flow-item p{margin:4px auto;font-size:14px}.flow>b{padding-top:25px;font-size:25px}.flow-caption{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;font-size:11px;letter-spacing:.22em}.flow-caption i{height:1px;background:var(--gold);width:100px}
.system{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:76px;border-bottom:1px solid #e5ddcf}.system-copy{padding-top:10px}.system-label{display:flex;align-items:flex-start;gap:18px}.system-label b{font-family:"Libre Caslon Display",serif;font-size:38px;color:#b9874a;font-weight:400}.system-label i{margin-top:20px}.system-label span{font-size:14px;font-weight:700;letter-spacing:.2em}.system-label small{display:block;font-size:10px;margin-top:7px;letter-spacing:.18em}.system h2{font-size:38px;line-height:1.05;margin:26px 0 15px}.system p{font-size:16px;line-height:1.6;color:#48555c}.system ul{line-height:1.55;padding-left:22px}.system li::marker{color:#b9874a}.visual-card{background:#eee5d7;border:1px solid #e2d7c6;align-self:center}.object-scene,.chess-scene,.sign-scene{height:300px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,#c6a16e,#372c24 42%,#0c2028 100%)}.notebook{position:absolute;background:#eee7d8;color:#3e3a32;width:260px;height:150px;left:18%;top:36%;padding:35px 30px;transform:rotate(-4deg);font-family:"Libre Caslon Display",serif;font-size:22px;line-height:1.25;box-shadow:0 10px 30px #0005}.mini-mug{position:absolute;right:14%;top:18%;width:95px;height:95px;border-radius:7px 7px 25px 25px;background:#091b23;color:#d7aa64;display:grid;place-items:center;font-family:"Libre Caslon Display",serif;font-size:48px}.chess-scene{display:flex;align-items:end;justify-content:center;gap:24px;padding-bottom:35px;background:linear-gradient(#1d2529,#b89568)}.chess-scene span,.chess-scene strong{font-size:78px;color:#211b17;text-shadow:0 8px 18px #0006}.chess-scene strong{font-size:125px}.sign-scene{background:linear-gradient(#d5b17d,#617363 45%,#263c36);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sign-scene span{background:#71512f;color:#f5e8ce;padding:8px 25px;font-weight:700;box-shadow:0 5px 10px #0004;transform:rotate(-2deg)}.sign-scene span:nth-child(2){transform:rotate(2deg)}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;padding:25px 28px;background:#f5efe5;align-items:center;font-size:14px;line-height:1.45}.before-after small{display:block;letter-spacing:.18em;font-weight:700;margin-bottom:7px}.result{background:linear-gradient(120deg,#062431,#0b2e3b);color:white;padding:70px 0}.result-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.result h2{font-size:58px;line-height:1;margin:14px 0}.result p{max-width:680px;line-height:1.6}.actions{display:flex;gap:30px;align-items:center;margin-top:30px}.text-link{color:white;text-decoration:none}.result blockquote{font-family:"Libre Caslon Display",serif;font-size:29px;line-height:1.25;border-left:1px solid var(--gold);padding-left:55px;margin:0;font-style:italic}.result blockquote small{display:block;font-family:"DM Sans";font-size:11px;letter-spacing:.25em;margin-top:35px;font-style:normal}
footer{min-height:150px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px 5%;background:var(--paper)}footer nav{align-self:center}.copyright{text-align:right;font-size:13px}.copyright em{display:block;font-family:"Libre Caslon Display",serif;color:#a67840;margin-top:8px}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.framework-hero,.pattern-grid,.system,.result-grid{grid-template-columns:1fr}.diagram-result{grid-column:1;margin:0 auto}.system.reverse .visual-card{order:2}.system.reverse .system-copy{order:1}.flow{overflow-x:auto}.result-grid{gap:50px}footer{grid-template-columns:1fr 1fr}footer nav{display:none}}
@media(max-width:680px){.shell{width:min(calc(100% - 36px),var(--shell))}.site-header{height:78px;padding:0 18px}.brand img{width:130px}.site-header .button{font-size:13px;padding:12px 14px}.framework-hero{padding-block:45px;gap:25px}.hero-copy h1{font-size:45px}.hero-sub{font-size:25px}.ido-diagram{width:340px;height:290px}.circle{width:175px;height:175px}.circle>div{padding-top:38px}.circle strong{font-size:18px}.circle span{font-size:11px}.information{left:82px}.decisions{left:0;top:105px}.ownership{right:0;top:105px}.execution{top:57%;font-size:10px;padding:4px 6px}.pattern-grid{gap:40px}.flow{grid-template-columns:1fr 1fr}.flow>b{display:none}.flow-caption{grid-column:1/-1}.system{gap:35px;padding-block:55px}.system h2{font-size:32px}.object-scene,.chess-scene,.sign-scene{height:230px}.before-after{padding:18px 16px}.result h2{font-size:46px}.actions{align-items:flex-start;flex-direction:column}.result blockquote{padding-left:25px;font-size:24px}footer{padding:25px 18px}.footer-brand img{width:125px}.copyright{font-size:11px}}


/* ===== V1.1 refinement pass =====
   Uses the same typography and shared logo assets as the Kyridian homepage. */

.site-header .brand img{
  width:170px;
  height:auto;
  object-fit:contain;
}
.footer-brand img{
  width:170px;
  height:auto;
  object-fit:contain;
}

/* Homepage typography: Libre Caslon Display + DM Sans */
body{font-family:"DM Sans",sans-serif;font-weight:400}
h1,h2,h3,.circle strong,.flow-item strong,.hero-sub,
.result blockquote{font-family:"Libre Caslon Display",serif}
.eyebrow,.system-label,.button,nav,.flow-caption,.before-after small{
  font-family:"DM Sans",sans-serif;
}

/* Tighten the opening composition so the navy section arrives sooner. */
.framework-hero{
  min-height:0;
  padding-top:64px;
  padding-bottom:54px;
  row-gap:18px;
}
.diagram-result{
  margin:-34px auto 0;
  max-width:590px;
}
.rule-caption{margin-top:26px}

/* Execution is the outcome of the overlap, not a fourth pillar. */
.execution{
  width:112px;
  height:42px;
  left:50%;
  top:57%;
  padding:0;
  background:transparent;
  display:grid;
  place-items:center;
  z-index:4;
}
.execution span{
  display:inline-block;
  padding:7px 10px 6px;
  background:var(--cream);
  color:#b6813f;
  font-family:"DM Sans",sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.12em;
}

/* Purpose-built line icons replacing Unicode glyphs. */
.flow-item .icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border:2px solid var(--gold);
  border-radius:50%;
  margin:0 auto 17px;
}
.flow-item .icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:#fff;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.flow-item strong{
  font-size:20px;
  font-weight:400;
}

/* More restrained visual cards so they read as editorial supporting graphics. */
.visual-card{
  box-shadow:0 12px 35px rgba(8,30,40,.06);
}
.object-scene,.chess-scene,.sign-scene{
  min-height:300px;
}
.information-card .object-scene{
  background:
    radial-gradient(circle at 78% 20%,rgba(211,169,105,.68),transparent 33%),
    linear-gradient(135deg,#102831 0%,#1a2728 42%,#4d3a2e 100%);
}
.decision-card .chess-scene{
  background:
    radial-gradient(circle at 52% 74%,#c39b65 0%,#7b684f 31%,transparent 52%),
    linear-gradient(#1a272b,#3d3b35 54%,#ad895d);
}
.ownership-card .sign-scene{
  background:
    linear-gradient(rgba(13,39,42,.08),rgba(13,39,42,.18)),
    linear-gradient(#c8aa78 0%,#718070 44%,#29433d 100%);
}

@media(max-width:680px){
  .framework-hero{padding-top:42px;padding-bottom:42px}
  .diagram-result{margin:0 auto}
  .execution{width:82px;height:34px}
  .execution span{font-size:9px;padding:5px 6px}
}