@charset "utf-8";

.page-book-commandments {
  --cmd-page:#f5f5f7; --cmd-surface:#fff; --cmd-ink:#1d1d1f;
  --cmd-muted:#626267; --cmd-line:rgba(29,29,31,.14);
  --cmd-section:clamp(5.5rem,8vw,8rem); --cmd-ease:cubic-bezier(.23,1,.32,1);
  color:var(--cmd-ink); background:var(--cmd-page);
}
.page-book-commandments main { overflow:clip; }
.page-book-commandments :where(h1,h2,h3) { overflow-wrap:normal; word-break:normal; text-wrap:balance; }
.page-book-commandments .site-cta { scroll-margin-top:var(--header-h); }

.commandments-hero { padding:calc(var(--header-h,64px) + clamp(1.5rem,3vw,2.75rem)) 0 clamp(4.5rem,7vw,7rem); background:var(--cmd-page); }
.commandments-hero__surface { display:grid; min-height:min(720px,calc(100svh - var(--header-h,64px) - 4rem)); grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:clamp(3rem,7vw,7rem); align-items:center; }
.commandments-hero__copy { min-width:0; align-self:stretch; display:flex; flex-direction:column; }
.commandments-hero .breadcrumbs { flex-wrap:wrap; row-gap:.3rem; color:var(--cmd-muted); }
.commandments-hero .breadcrumbs a { color:var(--cmd-muted); }
.commandments-hero .breadcrumbs li::after { color:rgba(29,29,31,.26); }
.commandments-hero__content { max-width:820px; margin-block:auto; padding:clamp(3.5rem,8vh,6.5rem) 0 2rem; }
.commandments-hero .eyebrow { margin-bottom:1.25rem; color:var(--brand-red); }
.commandments-hero h1 { max-width:800px; margin:0; font-size:clamp(3.4rem,5.5vw,5.15rem); font-weight:500; line-height:.96; letter-spacing:-.052em; }
.commandments-hero__lead { max-width:650px; margin:1.65rem 0 0; color:var(--cmd-muted); font-size:clamp(1.05rem,1.3vw,1.2rem); line-height:1.58; text-wrap:pretty; }
.commandments-hero__actions { display:flex; margin-top:2rem; flex-wrap:wrap; align-items:center; gap:.75rem 1.5rem; }
.commandments-hero__actions .link-arrow { min-height:48px; display:inline-flex; align-items:center; gap:.5rem; color:var(--cmd-ink); font-weight:500; }
.commandments-hero__actions .link-arrow span { color:var(--brand-red); transition:transform 180ms var(--cmd-ease); }
.commandments-hero__note { max-width:520px; margin:.9rem 0 0; color:var(--cmd-muted); font-size:.88rem; line-height:1.45; }
.commandments-book-stage { width:min(100%,390px); justify-self:end; }
.commandments-book { position:relative; display:flex; min-height:clamp(430px,36vw,535px); padding:clamp(2rem,3.2vw,3rem); flex-direction:column; justify-content:center; border:1px solid rgba(29,29,31,.08); border-radius:16px; background:var(--cmd-surface); box-shadow:0 18px 48px rgba(29,29,31,.09); }
.commandments-book::before { content:''; position:absolute; top:0; right:2.75rem; width:3px; height:22%; background:var(--brand-red); }
.commandments-book>strong { color:var(--brand-red); font-size:clamp(6.5rem,10vw,8.5rem); font-weight:500; line-height:.72; letter-spacing:-.09em; }
.commandments-book>p { margin:1.6rem 0 0; font-size:clamp(2rem,3vw,2.65rem); font-weight:500; line-height:.94; letter-spacing:-.045em; text-transform:uppercase; }
.commandments-book>span { max-width:270px; margin-top:.55rem; font-size:clamp(1.2rem,1.8vw,1.5rem); font-weight:500; line-height:1.08; letter-spacing:-.03em; }
.commandments-book footer { display:grid; margin-top:auto; gap:.2rem; color:var(--cmd-muted); font-size:.75rem; line-height:1.35; letter-spacing:.05em; text-transform:uppercase; }
.commandments-book footer b { color:var(--cmd-ink); font-weight:600; }
.commandments-book footer small { font:inherit; }

.commandments-intro,.commandments-context { padding:var(--cmd-section) 0; background:var(--cmd-surface); }
.commandments-intro__grid { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr); gap:clamp(3rem,8vw,8rem); align-items:start; }
.commandments-intro h2,.commandments-principles h2,.commandments-context h2 { margin:1rem 0 0; font-size:clamp(2.45rem,4vw,3.75rem); font-weight:500; line-height:1; letter-spacing:-.048em; }
.commandments-intro__text { max-width:680px; padding-left:clamp(1.5rem,3vw,2.5rem); border-left:1px solid var(--cmd-line); }
.commandments-intro__text>p { color:var(--cmd-muted); font-size:clamp(1.04rem,1.3vw,1.18rem); line-height:1.65; }
.commandments-intro__text>p+p { margin-top:1.15rem; }
.commandments-intro__countries { display:grid; margin-top:2.5rem; padding-top:1.25rem; grid-template-columns:90px minmax(0,1fr); gap:1rem; border-top:1px solid var(--cmd-line); }
.commandments-intro__countries>span { color:var(--cmd-muted); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
.commandments-intro__countries ul { display:flex; padding:0; margin:0; flex-wrap:wrap; gap:.6rem 1.1rem; list-style:none; font-size:.94rem; }

.commandments-principles { padding:var(--cmd-section) 0 0; scroll-margin-top:var(--header-h); background:var(--cmd-page); }
.commandments-principles h2 { scroll-margin-top:calc(var(--header-h,64px) + 2rem); }
.commandments-principles__story { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:clamp(3rem,8vw,8rem); align-items:start; }
.commandments-principles__heading { position:sticky; top:calc(var(--header-h,64px) + 2.5rem); }
.commandments-principles__heading>p:last-child { max-width:410px; margin-top:1.35rem; color:var(--cmd-muted); font-size:1rem; line-height:1.58; }
.commandments-principles__chapters { padding:0; margin:0; border-top:1px solid var(--cmd-line); list-style:none; }
.commandments-principle { display:grid; padding:clamp(2.5rem,4.5vw,4rem) 0; grid-template-columns:3.25rem minmax(0,1fr); column-gap:clamp(1rem,2.5vw,2.25rem); border-bottom:1px solid var(--cmd-line); }
.commandments-principle__number { grid-row:1/span 2; padding-top:.35rem; color:var(--brand-red); font-size:.78rem; font-weight:600; letter-spacing:.08em; }
.commandments-principle h3 { max-width:720px; margin:0; font-size:clamp(1.75rem,2.7vw,2.65rem); font-weight:500; line-height:1.06; letter-spacing:-.04em; }
.commandments-principle p { max-width:650px; margin-top:1rem; color:var(--cmd-muted); font-size:clamp(1rem,1.15vw,1.1rem); line-height:1.62; }
.commandments-pause { padding:clamp(4.5rem,7vw,7rem) 0 var(--cmd-section); background:var(--cmd-page); }
.commandments-statement { max-width:980px; padding:clamp(2rem,4vw,3.25rem) 0 0 clamp(1.5rem,3vw,2.5rem); margin:0; border-top:1px solid var(--cmd-line); border-left:3px solid var(--brand-red); }
.commandments-statement p { max-width:900px; margin:0; font-size:clamp(2rem,3.6vw,3.45rem); font-weight:500; line-height:1.06; letter-spacing:-.045em; text-wrap:balance; }

.commandments-context__heading { display:grid; grid-template-columns:minmax(160px,.45fr) minmax(260px,.7fr) minmax(300px,1fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.commandments-context__heading h2 { margin:0; }
.commandments-context__heading>p:last-child { max-width:620px; color:var(--cmd-muted); font-size:1.04rem; line-height:1.62; }
.commandments-context__links { margin-top:clamp(3rem,5vw,4.5rem); border-top:1px solid var(--cmd-line); }
.commandments-context__links a { display:grid; min-height:112px; padding:1.5rem 0; grid-template-columns:3.25rem minmax(190px,.65fr) minmax(280px,1fr) 1.5rem; gap:clamp(1rem,2.5vw,2.25rem); align-items:center; color:var(--cmd-ink); border-bottom:1px solid var(--cmd-line); text-decoration:none; transition:color 180ms ease,background-color 180ms ease; }
.commandments-context__links a>span { color:var(--brand-red); font-size:.78rem; font-weight:600; letter-spacing:.08em; }
.commandments-context__links h3 { margin:0; font-size:clamp(1.45rem,2vw,2rem); font-weight:500; line-height:1.08; letter-spacing:-.035em; }
.commandments-context__links p { max-width:560px; margin:0; color:var(--cmd-muted); font-size:.96rem; line-height:1.55; }
.commandments-context__links i { color:var(--brand-red); font-size:1.2rem; font-style:normal; transition:transform 180ms var(--cmd-ease); }
.commandments-hero__actions a:focus-visible,.commandments-context__links a:focus-visible { outline:3px solid var(--brand-red); outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .commandments-hero__actions .link-arrow:hover { color:var(--brand-red); }
  .commandments-hero__actions .link-arrow:hover span { transform:translateY(3px); }
  .commandments-context__links a:hover { color:var(--brand-red); background:#fff; }
  .commandments-context__links a:hover i { transform:translateX(4px); }
}
@media (max-width:980px) {
  .commandments-hero__surface { min-height:0; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr); gap:3rem; }
  .commandments-hero h1 { font-size:clamp(3rem,6.2vw,4rem); }
  .commandments-book { min-height:430px; padding:2rem; }
  .commandments-principles__story { grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr); gap:3.5rem; }
  .commandments-context__heading { grid-template-columns:.5fr 1fr; }
  .commandments-context__heading>p:last-child { grid-column:2; }
}
@media (max-width:760px) {
  .page-book-commandments { --cmd-section:clamp(4.5rem,14vw,6rem); }
  .commandments-hero { padding-top:calc(var(--header-h,64px) + 1.25rem); }
  .commandments-hero__surface,.commandments-intro__grid,.commandments-principles__story,.commandments-context__heading { grid-template-columns:1fr; }
  .commandments-hero__content { padding:3.25rem 0 1.5rem; }
  .commandments-hero h1 { max-width:680px; font-size:clamp(2.75rem,10.8vw,4rem); }
  .commandments-book-stage { width:min(82vw,380px); margin:2rem auto 0; justify-self:center; }
  .commandments-book { min-height:min(108vw,500px); }
  .commandments-intro__grid { gap:2.5rem; }
  .commandments-intro__text { padding-left:1.25rem; }
  .commandments-principles__story { gap:2.75rem; }
  .commandments-principles__heading { position:static; }
  .commandments-principle { padding:2.75rem 0; }
  .commandments-context__heading { gap:1rem; }
  .commandments-context__heading>p:last-child { grid-column:auto; margin-top:.5rem; }
  .commandments-context__links { margin-top:2.75rem; }
  .commandments-context__links a { grid-template-columns:2.75rem minmax(0,1fr) 1.25rem; }
  .commandments-context__links p { grid-column:2; margin-top:-.25rem; }
  .commandments-context__links i { grid-column:3; grid-row:1/span 2; }
}
@media (max-width:520px) {
  .commandments-hero .breadcrumbs li:last-child { display:none; }
  .commandments-hero h1 { font-size:clamp(2rem,9.8vw,3.2rem); }
  .commandments-hero__actions { align-items:stretch; flex-direction:column; }
  .commandments-hero__actions .btn { width:100%; }
  .commandments-hero__actions .link-arrow { width:fit-content; }
  .commandments-book-stage { width:min(88vw,345px); }
  .commandments-book { min-height:min(122vw,455px); padding:1.6rem; }
  .commandments-book::before { right:2rem; }
  .commandments-intro h2,.commandments-principles h2,.commandments-context h2 { font-size:clamp(2.2rem,9.5vw,2.85rem); }
  .commandments-intro__countries { grid-template-columns:1fr; }
  .commandments-principle { grid-template-columns:2.25rem minmax(0,1fr); column-gap:.75rem; }
  .commandments-principle h3 { font-size:clamp(1.65rem,7.4vw,2.15rem); }
  .commandments-statement { padding:1.5rem 0 0 1.25rem; }
  .commandments-statement p { font-size:clamp(1.8rem,8vw,2.4rem); }
  .commandments-context__links a { grid-template-columns:2.25rem minmax(0,1fr) 1.25rem; gap:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .page-book-commandments .commandments-hero__actions .link-arrow span,
  .page-book-commandments .commandments-context__links a,
  .page-book-commandments .commandments-context__links i { transform:none; transition:none; }
}
/* Book craft pass: open editorial groups, optional topic depth, shared content axes. */
.page-book-commandments { --cmd-section:clamp(64px,7vw,96px); }
.page-book-commandments main [data-reveal] { opacity:1!important; transform:none!important; clip-path:none!important; animation:none!important; transition:none!important; }
.commandments-hero { padding-bottom:64px; }
.commandments-hero__surface { min-height:620px; gap:64px; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); }
.commandments-hero__content { padding:48px 0 24px; }
.page-book-commandments h1 { font-size:clamp(38px,5vw,72px); line-height:1.04; letter-spacing:-.045em; }
.commandments-book { min-height:440px; border:0; box-shadow:0 16px 40px rgba(29,29,31,.06); }
.commandments-book::before { display:none; }
.commandments-intro__grid { grid-template-columns:1fr 1fr; gap:64px; }
.page-book-commandments .commandments-intro h2 { font-size:clamp(32px,3.2vw,46px); line-height:1.12; }
.commandments-intro__text { padding:0; border:0; }
.commandments-intro__countries { border:0; padding:0; margin-top:32px; }
.commandments-principles__story { grid-template-columns:1fr; gap:40px; }
.commandments-principles__heading { position:static; display:grid; grid-template-columns:1.1fr 1fr; gap:16px 64px; }
.commandments-principles__heading .eyebrow { grid-column:1/-1; }
.page-book-commandments .commandments-principles h2 { margin:0; font-size:clamp(32px,3.5vw,48px); line-height:1.12; overflow:visible; }
.commandments-principles__heading>p:last-child { margin:0; max-width:520px; }
.commandments-principles__chapters { border:0; }
.commandments-principle { grid-template-columns:40px minmax(0,1fr); gap:0 24px; padding:24px 0; border:0; scroll-margin-top:calc(var(--header-h) + 32px); }
.commandments-principle__number { padding-top:10px; font-size:13px; }
.page-book-commandments .commandments-principle h3 { max-width:none; font-size:clamp(23px,2.1vw,30px); line-height:1.22; }
.commandments-topic-toggle { display:flex; gap:24px; justify-content:space-between; width:100%; min-height:48px; padding:0; border:0; border-radius:8px; background:none; color:inherit; font:inherit; letter-spacing:inherit; text-align:left; cursor:pointer; }
.commandments-topic-toggle:disabled { opacity:1; cursor:default; }
.commandments-topic-toggle>span { flex:0 0 24px; color:var(--brand-red); text-align:center; }
.commandments-topic-toggle:disabled>span { visibility:hidden; }
.commandments-topic-toggle:focus-visible { outline:3px solid var(--brand-red); outline-offset:6px; }
.commandments-topic-toggle:hover:not(:disabled) { color:var(--brand-red); }
.commandments-topic-panel { grid-column:2; }
.commandments-topic-panel[hidden] { display:none; }
.commandments-principle p { max-width:760px; margin:12px 0 0; font-size:17px; line-height:1.65; }
.commandments-pause { padding:64px 0 96px; }
.commandments-statement { padding:0; border:0; max-width:1040px; }
.commandments-statement p { max-width:1040px; line-height:1.14; }
.commandments-context__heading { grid-template-columns:1fr 1fr; gap:16px 64px; }
.commandments-context__heading>.eyebrow { grid-column:1; }
.commandments-context__heading>h2 { grid-column:1; }
.commandments-context__heading>p:last-child { grid-column:2; grid-row:1/3; }
.commandments-context__links { border:0; margin-top:40px; }
.commandments-context__links a { border:0; min-height:104px; }
.page-book-commandments .site-cta { padding:var(--cmd-section) 0; }
.page-book-commandments .site-cta>.container { width:100%; max-width:var(--container); padding-inline:var(--gutter); }
.page-book-commandments .site-cta__inner { padding:0; gap:32px 64px; background:transparent; }
.page-book-commandments .site-cta__form-card { padding:0; border:0; background:transparent; box-shadow:none; }
.page-book-commandments .site-cta__copy { align-self:start; }
.page-book-commandments .site-cta__inner { grid-template-rows:min-content 1fr; }
@media(max-width:980px) {
  .commandments-hero__surface { min-height:0; gap:32px; }
  .commandments-intro__grid { gap:32px; }
  .commandments-principles__heading { grid-template-columns:1fr; gap:16px; }
  .commandments-principles__heading>p:last-child { max-width:640px; }
}
@media(max-width:760px) {
  .commandments-hero__surface { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
  .commandments-hero__copy,.commandments-hero__content { display:contents; }
  .commandments-hero__copy nav { grid-row:1; }
  .commandments-hero .eyebrow { grid-row:2; margin:8px 0 0; }
  .commandments-hero h1 { grid-row:3; }
  .commandments-book-stage { grid-row:4; width:180px; margin:0; justify-self:center; }
  .commandments-book { min-height:228px; padding:20px; border-radius:16px; }
  .commandments-book>strong { font-size:64px; }
  .commandments-book>p { font-size:21px; margin-top:16px; }
  .commandments-book>span { font-size:14px; }
  .commandments-book footer { margin-top:24px; font-size:9px; letter-spacing:0; }
  .commandments-hero__lead,.commandments-hero__actions,.commandments-hero__note { margin:0; }
  .commandments-hero__actions { gap:12px; }
  .commandments-intro__grid,.commandments-context__heading { grid-template-columns:1fr; gap:24px; }
  .commandments-context__heading>p:last-child { grid-column:1; grid-row:auto; }
  .commandments-principles__story { gap:24px; }
  .commandments-principle { grid-template-columns:1fr; padding:20px 0; gap:8px; }
  .commandments-principle__number { grid-row:auto; padding:0; }
  .commandments-topic-panel { grid-column:1; }
  .commandments-topic-toggle { gap:12px; }
  .commandments-pause { padding:48px 0 64px; }
  .commandments-context__links a { grid-template-columns:28px minmax(0,1fr) 20px; gap:12px; }
  .page-book-commandments .site-cta__inner { grid-template-rows:auto; gap:32px; }
}
@media(max-width:520px) {
  .page-book-commandments h1 { font-size:clamp(31px,9.7vw,38px); overflow-wrap:anywhere; }
  .commandments-hero__surface>* { min-width:0; }
  .commandments-hero .breadcrumbs li:nth-last-child(2)::after { display:none; }
  .page-book-commandments .commandments-principle h3 { font-size:24px; }
  .page-book-commandments .commandments-context__links h3 { font-size:24px; }
  .page-book-commandments .contact-actions { grid-template-columns:1fr; }
}
@media print {
  .commandments-topic-panel[hidden] { display:block; }
  .commandments-topic-toggle>span { display:none; }
}
