@font-face{font-family:Saans;src:url('assets/fonts/Saans-Medium.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Saans;src:url('assets/fonts/Saans-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:Eurostile;src:url('assets/fonts/Eurostile-Bol.otf') format('opentype');font-weight:700;font-display:swap}
:root{--rail:376px;--gutter:48px;--side:212px;--gap:40px;--ink:#000;--paper:#fff;--muted:#666;--field:#eee;--rule:#ddd;font-family:Saans,Arial,sans-serif;font-weight:500;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.08px;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #5562f2;outline-offset:5px}
button{border:0;background:none;text-align:left}
button:disabled{opacity:.45;cursor:default}
[hidden]{display:none!important}
::selection{background:#ffdc42;color:#000}
.shell{min-height:100vh}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:30;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:30px 20px;display:flex;flex-direction:column;border-right:1px solid transparent;scrollbar-width:thin;scrollbar-color:#ccc transparent}
.rail-head{padding:0 0 30px;border-bottom:1px solid var(--ink);margin-bottom:30px}
.rail-title{padding:0;font-size:54px;line-height:1.1;letter-spacing:-1.08px;font-weight:500}
.rail-sub{font-size:20px;line-height:1.2;margin:20px 0 0;max-width:300px}
.toc,.toc ul{list-style:none;padding:0;margin:0}
.toc-part{margin:0 0 12px;padding:0}
.toc-part:not(:first-child){margin-top:28px}
.toc-part span,.toc-part{font-size:11px;line-height:1.1;letter-spacing:.33px;text-transform:uppercase}
.toc-part{display:table;width:auto;max-width:100%;padding:10px!important;background:var(--ink);color:var(--paper);border-radius:8px}
.rail-title-line{display:block}
.toc-part span{display:inline-block;padding:10px;background:var(--ink);color:var(--paper);border-radius:8px}
.toc-link{position:relative;display:flex;align-items:flex-start;width:100%;gap:8px;padding:8px 10px;font-size:14px;line-height:1.2;letter-spacing:-.014px;font-weight:500;border-radius:3px}
.toc-link:hover{background:var(--field)}
.toc-link .n{flex:0 0 24px;font-size:11px;line-height:1.5;letter-spacing:.33px;font-weight:600}
.toc-link[aria-current=page]{font-weight:600;padding-bottom:24px}
.chapter-progress{display:none;position:absolute;left:42px;right:10px;bottom:10px;height:1px;background:var(--rule)}
.chapter-progress-fill{display:block;height:2px;background:var(--ink);max-width:100%;transform:translateY(-1px)}
.is-active-chapter>.toc-link .chapter-progress{display:block}
.chapter-progress-text{display:none}
.chapter-toc{display:none;margin:0 10px 12px 42px!important;padding:4px 0 0!important;border-left:1px solid var(--rule)}
.is-active-chapter .chapter-toc{display:block}
.chapter-toc-link{display:block;padding:5px 0 5px 12px;font-size:11px;line-height:1.2;letter-spacing:0;text-decoration:none;color:var(--muted)}
.chapter-toc-link.is-subheading{padding-left:22px}
.chapter-toc-link:hover,.chapter-toc-link.is-current{color:var(--ink)}
.chapter-toc-link.is-current{font-weight:600;box-shadow:-1px 0 var(--ink)}
.toc-cta{margin-top:24px}
.toc-cta .toc-link{justify-content:space-between;padding:12px 10px;background:var(--field)}
.cta-arr{margin-left:auto}
.rail-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--ink);padding-top:30px;margin-top:30px;font-size:11px;line-height:1.25;letter-spacing:.33px;text-transform:uppercase}
.imprint{display:flex;align-items:center;gap:14px}
.imprint img,.rail-mark{display:block;width:31px;height:32.271px;object-fit:contain}
.iconbtn{padding:8px;width:32px;height:32px;border:1px solid var(--rule);border-radius:50%}
.iconbtn svg{display:block;width:14px;height:14px}
.topbar{display:none}
#main{margin-left:var(--rail);min-height:100vh;outline:0}
.view{max-width:1600px;margin:0 auto;padding:0 var(--gutter)}
.opener{padding:43px 0 62px;display:flex;align-items:flex-start;flex-direction:column;gap:24px}
.opener p{margin:0}
.kicker{display:inline-block;font-size:11px;line-height:1.1;letter-spacing:.33px;text-transform:uppercase;padding:4px;background:#d8d8d8;border-radius:4px}
.opener h1{font-size:62px;line-height:1.1;letter-spacing:-.62px;font-weight:600;max-width:920px;margin:0}
.opener-rule{display:none}
.reading-body{padding-top:72px;line-height:1.45}
.reading-body>p,.reading-body>ul,.reading-body>ol,.reading-body>h3,.reading-body>.lead,.reading-body>.brandset,.reading-body>.bswrap{margin-left:calc(var(--side) + var(--gap));max-width:600px}
p{margin:0 0 40px}
p:last-child{margin-bottom:0}
.lead{font-size:22px;line-height:1.2;letter-spacing:-.066px}
strong,b{font-weight:600}
em{font-style:italic}
h2,h3,h4{font-weight:500}
h2{font-size:22px;line-height:1.2;letter-spacing:-.066px;margin:0}
h3{font-size:22px;line-height:1.2;letter-spacing:-.066px;margin:48px 0 24px}
h4{font-size:18px;margin:32px 0 20px}
ul,ol{padding-left:22px;margin:0 0 40px}
li{padding-left:4px;margin-bottom:12px}
.toc li{padding-left:0;margin-bottom:0}
.reader-section{display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:var(--gap);padding-bottom:104px}
.reader-section:first-child{padding-top:0}
.reading-body>p:last-of-type+.reader-section,.reading-body>.reader-section:first-of-type{margin-top:64px}
.reading-body>.reader-section:first-child{margin-top:48px}
.section-side{min-width:0}
.section-side h2{scroll-margin-top:36px}
.section-content{min-width:0}
.section-content>p,.section-content>ul,.section-content>ol,.section-content>blockquote:not(.principle),.section-content>.prompt{max-width:600px}
.section-content>h3,.section-content>h4{max-width:600px;scroll-margin-top:32px}
.section-content>h3:first-child{margin-top:0}
.statement{font-size:34px;line-height:1.1;letter-spacing:-.34px}
.inline-artwork{display:block;width:100%;height:auto;margin:0 0 40px;object-fit:contain}
.inline-artwork-crop{width:100%;overflow:hidden;margin-bottom:40px}
.inline-artwork-crop>.inline-artwork{margin:0}
.role-prompt{max-width:600px;margin:40px 0 24px;padding-top:24px;border-top:1px solid var(--rule)}
.role-prompt p{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.066px}
.book-share-note{max-width:600px;margin-top:64px;padding-top:32px;border-top:1px solid var(--rule)}
.book-share-note p{margin-bottom:24px}
.book-share-note p:last-child{margin-bottom:0}
.share-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:40px;align-items:start;margin-bottom:64px;padding-bottom:40px;border-bottom:1px solid var(--rule)}
.share-panel h2{margin-bottom:24px}
.share-panel p{margin-bottom:24px;max-width:600px}
.share-panel p:last-child{margin-bottom:0}
.share-tile-preview{display:block;width:100%;height:auto;border:1px solid var(--rule)}
.share-download{max-width:100%;white-space:normal;text-align:center}
.share-instruction{font-size:14px;color:var(--muted)}
.feedback-form-heading{margin-bottom:32px}
@media(max-width:800px){.share-panel{grid-template-columns:1fr}.share-tile-preview{max-width:320px}}
@media print{.share-panel{display:block}.share-tile-preview{max-width:60mm;margin-top:18pt}.book-share-note{margin-top:24pt;padding-top:12pt}}
.reading-body p[data-reference-size="16"]{font-size:16px;line-height:1.45;letter-spacing:-.08px}
.reading-body p[data-reference-size="20"]{font-size:20px;line-height:1.2}
.reading-body p[data-reference-size="22"]{font-size:22px;line-height:1.2;letter-spacing:-.066px}
.reading-body p[data-reference-size="34"]{font-size:34px;line-height:1.1;letter-spacing:-.34px}
.reading-body p[data-reference-size="42"]{font-size:42px;line-height:1.1;letter-spacing:-.21px}
.figure-artwork{grid-column:2;min-width:0;width:100%;overflow:hidden;position:relative}
.figure-artwork img{grid-column:auto;background:transparent}
.extraordinary-shapes img{object-fit:fill;background:transparent!important}
.chapter-artwork{position:relative;width:100%;aspect-ratio:968/545;overflow:hidden;margin-bottom:72px}
.chapter-artwork>img{display:block;width:100%;height:100%;object-fit:cover}
.chapter-figure{margin:0 0 64px}
.chapter-figure .chapter-artwork{margin-bottom:16px}
.chapter-figure figcaption{max-width:600px;font-size:14px;line-height:1.35;letter-spacing:-.04px}
#v-ch6 .reading-body>p:not(.lead),#v-ch6 .section-content>p{line-height:1.45;margin-bottom:24px}
#v-ch6 .section-content>p:last-child{margin-bottom:0}
.chapter-artwork-ch7>img{position:absolute;left:-2.52%;top:-11.22%;width:105.05%;height:122.81%}
.drumbeat-hero-line{position:absolute;top:37.8%;left:50%;transform:translateX(-50%);width:91.1%;text-align:center;font-family:Eurostile,Saans,sans-serif;font-size:clamp(30px,6.3vw,105px);line-height:.8;font-weight:700;letter-spacing:1.815px;text-transform:uppercase;color:#efe8e3}
.drumbeat-hero-line::before{content:'Turn your story\a into growth';white-space:pre-line}
.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:600px;margin-bottom:40px}
.editorial-columns p{margin:0}
.principles-group{border-top:1px solid var(--ink);padding-top:40px}
.principles-opener{display:block;padding-bottom:64px}
.principles-opener .section-side{margin-bottom:28px}
.principles-opener .section-side h2{max-width:780px;font-size:40px;line-height:1.1;letter-spacing:-.4px}
.principles-opener .section-content{margin-left:calc(var(--side) + var(--gap))}
.principle-section .section-side h3{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.066px;scroll-margin-top:36px}
.reflection-section.reflect{display:block;margin-top:0}
.reflection-section>.section-side{margin-bottom:32px}
.reflection-section .section-side h2{max-width:780px;margin:0;font-size:40px;line-height:1.1;letter-spacing:-.4px}
.reflection-section>.section-content{margin-left:calc(var(--side) + var(--gap))}
.naming-checklist{list-style:none;padding-left:0}
.naming-checklist li{padding-left:0}
@media(max-width:800px){.principles-group{padding-top:32px}.principles-opener .section-side h2,.reflection-section .section-side h2{font-size:32px;letter-spacing:-.32px}.principle-section .section-side h3{font-size:24px;scroll-margin-top:84px}}
@media print{.principles-group{padding-top:18pt}.principles-opener{padding-bottom:24pt}.principles-opener .section-content,.reflection-section>.section-content{margin-left:0}.principles-opener .section-side h2,.reflection-section .section-side h2{font-size:24pt}.principle-section .section-side h3{font-size:17pt}}
.principle{margin:48px 0 64px calc(-1 * (var(--side) + var(--gap)));width:calc(100% + var(--side) + var(--gap));padding:40px;background:#000;color:#fff;display:grid;grid-template-columns:172px minmax(0,1fr);gap:40px;border:0}
.principle .tag{font-size:11px;line-height:1.2;letter-spacing:.33px;text-transform:uppercase}
.principle p{font-size:34px;line-height:1.1;letter-spacing:-.34px;margin:0}
.principle p+p{margin-top:24px;font-size:20px;line-height:1.2;letter-spacing:-.06px}
.principle strong{font-weight:500}
.reading-body>.principle{margin-left:0;width:100%}
.shot{margin:64px 0 64px calc(-1 * (var(--side) + var(--gap)));width:calc(100% + var(--side) + var(--gap));display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:var(--gap);align-items:start}
.shot img{display:block;grid-column:2;width:100%;height:auto;object-fit:contain;background:var(--field)}
.shot figcaption{grid-column:1;grid-row:1;font-size:14px;line-height:1.2;letter-spacing:-.04px}
.shot.pair{grid-template-columns:var(--side) minmax(0,1fr);gap:var(--gap)}
.shot figcaption .src{display:block;font-size:11px;color:var(--muted);margin-top:12px}
.reading-body>.shot{width:100%;margin-left:0}
.shot.hero-image{display:block;width:100%;margin-left:0}
.shot.hero-image figcaption{font-size:12px;max-width:600px;margin-top:16px}
.figma-svg-series{display:flex;gap:16px;align-items:stretch;overflow-x:auto;margin-bottom:40px;scroll-snap-type:x mandatory}
.figma-svg-series img{display:block;min-width:0;max-width:100%;object-fit:contain;scroll-snap-align:start}
.brandset{margin:40px 0 64px;display:block;border-top:1px solid var(--ink)}
.brandset .row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--rule);padding:24px 0}
.brandset dt,.brandset dd{margin:0}
.brandset [data-part] dt{width:fit-content;max-width:100%;background:var(--part-color,#000);color:#000;padding:10px;font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:.33px}
.brandset [data-part=strategy]{--part-color:#5562f2}.brandset [data-part=customer]{--part-color:#f48014}.brandset [data-part=problem]{--part-color:#f2694e}.brandset [data-part=uvp]{--part-color:#12b23f}.brandset [data-part=associations]{--part-color:#8857d9}.brandset [data-part=idea]{--part-color:#ffdc42}
.brandset dt{align-self:start;line-height:1.2}
.brandset dt span,.brandset .part-label{display:inline-block;background:var(--ink);color:var(--paper);font-size:11px;line-height:1.1;letter-spacing:.33px;text-transform:uppercase;padding:10px;max-width:100%}
.brandset [data-part=strategy] dt span,.brandset [data-part=strategy] .part-label{background:#5562f2;color:#000}
.brandset [data-part=customer] dt span,.brandset [data-part=customer] .part-label{background:#f48014;color:#000}
.brandset [data-part=problem] dt span,.brandset [data-part=problem] .part-label{background:#f2694e;color:#000}
.brandset [data-part=uvp] dt span,.brandset [data-part=uvp] .part-label{background:#12b23f;color:#000}
.brandset [data-part=associations] dt span,.brandset [data-part=associations] .part-label{background:#8857d9;color:#000}
.brandset [data-part=idea] dt span,.brandset [data-part=idea] .part-label{background:#ffdc42;color:#000}
.brandset dd{font-size:16px;line-height:1.25}
.brandset .hdr{font-size:11px;text-transform:uppercase;letter-spacing:.33px;padding:12px 0}
.brandset .hdr dt,.brandset .hdr dd{font-size:11px}
.bswrap{margin:40px 0 64px}
.bswrap .brandset{margin:0}
.bsin{width:100%;border:0;border-bottom:1px solid var(--ink);background:var(--field);resize:vertical;padding:16px;min-height:76px;line-height:1.3;border-radius:0}
.bsin::placeholder,input::placeholder,textarea::placeholder{color:#777;opacity:1}
.field{margin:0 0 40px;max-width:100%}
.field textarea{display:block;width:100%;min-height:110px;resize:vertical;background:var(--field);border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:18px 20px;line-height:1.4;outline-offset:2px}
.field input{width:100%}
.prompt,.q{font-weight:600}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pair p{margin-bottom:20px}
.wbtools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 40px}
.btn,.startbtn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;background:var(--field);border:0;border-radius:4px;text-transform:uppercase;font-size:11px;line-height:1.2;letter-spacing:.33px;font-weight:600;text-decoration:none}
.btn:hover{background:#ddd}
.btn-go{background:var(--ink);color:var(--paper)}
.btn-go:hover{opacity:.8;background:var(--ink)}
.savenote,.reflect-note{font-size:12px;color:var(--muted);line-height:1.4}
.tablewrap{overflow-x:auto;margin:40px 0;max-width:100%;scrollbar-width:thin}
.plan{border-collapse:collapse;table-layout:fixed;min-width:650px;width:100%;font-size:13px;line-height:1.2}
.plan th{font-weight:500;text-align:left;padding:12px 10px;border-bottom:1px solid var(--ink);vertical-align:bottom}
.plan th:first-child{width:34px}
.plan td{padding:0;border-bottom:1px solid var(--ink);border-right:1px solid var(--paper);background:var(--field);vertical-align:top}
.plan td.rownum{padding:12px 8px;background:var(--paper);font-size:11px}
.plan input,.plan textarea{width:100%;min-width:0;padding:12px 10px;min-height:76px;border:0;resize:vertical;background:transparent;font-size:13px;line-height:1.3;border-radius:0}
.reflect{margin-top:72px;border-top:1px solid var(--ink);padding-top:40px}
.reflect h2{margin-bottom:32px}
.reflect .field{max-width:600px}
.reflect .wbtools{margin-top:24px}
.offer{border-top:1px solid var(--ink);padding-top:24px;margin:40px 0}
.offer .tag{font-size:11px;text-transform:uppercase}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:29px 0 48px;border-top:1px solid var(--ink);margin-top:40px}
.pager button{padding:0;display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.pager .next{align-items:flex-end;text-align:right;grid-column:2}
.pager .dir{padding:10px;background:var(--field);font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:.33px;border-radius:4px;display:flex;gap:16px;align-items:center}
.pager .dir::before,.pager .next .dir::after{content:'';display:inline-block;width:11px;height:10px;background:url('assets/figma/arrow-next.svg') center/contain no-repeat}
.pager .dir::before{transform:rotate(180deg)}
.pager .next .dir::before{display:none}
.pager .lbl{font-size:22px;line-height:1.2;max-width:360px;letter-spacing:-.066px}
.pager button:hover .dir{background:#ddd}
#v-cover{background:#000;color:#fff;min-height:100vh;max-width:none}
.cover{position:relative;min-height:calc(100vh - 145px);padding:200px 0 40px;display:flex;flex-direction:column;align-items:flex-start}
.cover h1{font-size:clamp(80px,8.34vw,140px);line-height:.87;letter-spacing:-2.4px;font-weight:600;margin:0 0 80px;max-width:76%}
.cover h1 span{display:block}
.cover-sub{font-size:54px;line-height:1.1;letter-spacing:-1.08px;margin-bottom:40px;max-width:740px}
.cover-eyebrow{font-size:42px;line-height:1.1;letter-spacing:-.21px;max-width:690px;margin-bottom:80px}
.cover-meta{position:absolute;right:0;top:200px;font-size:11px;line-height:1.1;letter-spacing:.33px;text-transform:uppercase;max-width:150px;margin:0}
.cover-meta span{display:none}
.cover-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:auto}
.cover-actions img,.cover-mark{width:31px;height:32.271px;object-fit:contain}
.startbtn{background:#fff;color:#000}
.startbtn:hover{background:#ddd}
#v-cover .pager{border-color:#444;margin-top:0}
#v-cover .pager .dir{background:#333;color:#fff}
#v-cover .pager .next .dir::after{filter:invert(1)}
.tldr>.blead{font-size:22px;line-height:1.2;margin-top:64px;font-weight:600}
.tldr .section-side h2{font-size:22px}
.fbwrap{min-width:0}
.fbembed iframe{display:block;width:100%;height:1200px;border:0;background:#fff}
.fbfall{display:none;padding:20px;background:var(--field)}
.fblink{display:inline-block;margin-top:20px}
.fbwrap .body{max-width:600px}
.gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;padding:24px}
.gate-box{width:100%;max-width:420px}
.gate-mark{font-size:11px;letter-spacing:.33px;text-transform:uppercase;margin-bottom:56px}
.gate-title{font-size:54px;line-height:1.05;font-weight:600;letter-spacing:-1.08px;margin:0 0 24px}
.gate-copy{font-size:16px;line-height:1.35;color:#bbb;margin:0 0 32px}
.gate-sub{font-size:18px;line-height:1.3;color:#bbb;margin-bottom:32px}
.gate-lbl{display:block;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.33px;margin-bottom:12px}
.gate-note{font-size:12px;line-height:1.4;color:#aaa;margin-top:32px}
.gate-err{font-size:13px;line-height:1.4;color:#ffdc42;min-height:20px;margin:12px 0 0}
.gate input{display:block;width:100%;padding:16px;border:1px solid #555;background:#111;color:#fff;border-radius:0;margin-bottom:12px}
.gate button{display:block;width:100%;padding:16px;background:#fff;color:#000;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.33px;border-radius:4px}
.gate-error{font-size:13px;line-height:1.4;color:#ffdc42;min-height:20px;margin:12px 0 0}
.gated body{overflow:hidden}
.gated .shell{visibility:hidden}
.print-answer{display:none}
.markup-residue{display:none!important}
@media(max-width:800px){.rail{visibility:hidden}.rail.open{visibility:visible}.reading-body>.reader-section:first-child{margin-top:0}}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);padding:12px 20px;background:#ffdc42;color:#000;z-index:1001}
.skip-link:focus{transform:none}
.scrim{display:none}
html[data-theme=dark]{--paper:#111;--ink:#f5f5f5;--muted:#aaa;--field:#242424;--rule:#444;color-scheme:dark}
html[data-theme=dark] .rail-mark,html[data-theme=dark] .imprint img{filter:invert(1)}
html[data-theme=dark] .kicker{background:#333}
html[data-theme=dark] .pager .dir::before,html[data-theme=dark] .pager .dir::after{filter:invert(1)}
@media(min-width:1800px){:root{--rail:400px;--gutter:64px}.view{max-width:1500px}.cover h1{font-size:140px}.cover{padding-top:180px}.cover-meta{top:180px}}
@media(max-width:1250px){:root{--rail:300px;--gutter:36px;--side:170px;--gap:30px}.rail-title{font-size:46px}.rail-sub{font-size:18px}.cover h1{font-size:92px;max-width:75%}.cover-meta{max-width:118px}.cover-sub{font-size:44px}.cover-eyebrow{font-size:34px}.opener h1{font-size:52px}.principle{grid-template-columns:150px 1fr;gap:30px;padding:30px}.principle p{font-size:30px}}
@media(max-width:1000px){:root{--rail:250px;--gutter:28px;--side:138px;--gap:24px}.rail{padding:24px 16px}.rail-title{font-size:40px;letter-spacing:-.8px}.rail-sub{font-size:16px}.rail-head{padding-bottom:24px;margin-bottom:24px}.toc-link{font-size:12px;padding-left:4px;padding-right:4px}.toc-link .n{flex-basis:22px}.chapter-toc{margin-left:34px!important}.chapter-toc-link{font-size:10px}.cover{padding-top:150px}.cover-meta{top:150px;max-width:94px;font-size:9px}.cover h1{font-size:80px;letter-spacing:-1.6px}.cover-sub{font-size:36px}.cover-eyebrow{font-size:30px}.opener h1{font-size:44px}.reading-body{padding-top:40px}.reader-section{padding-bottom:72px}.principle{grid-template-columns:115px 1fr;gap:24px;padding:24px}.principle p{font-size:26px}.brandset .row{grid-template-columns:125px 1fr;gap:14px}.brandset dt span{font-size:10px}}
@media(max-width:800px){:root{--rail:0px;--gutter:24px;--side:0px;--gap:0px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:20;padding:14px 24px;min-height:58px;background:var(--paper);border-bottom:1px solid var(--rule)}.topbar .now{font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:.33px}.topbar button{padding:8px 0;font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:.33px}.topbar #progress{position:absolute;height:2px;background:var(--ink);left:0;bottom:-1px;width:0}.rail{width:min(376px,calc(100vw - 40px));transform:translateX(-100%);transition:transform .2s ease;padding:30px 20px;border-right:1px solid var(--rule)}.rail.open{transform:translateX(0)}.rail-title{font-size:48px}.rail-sub{font-size:18px}.toc-link{font-size:14px;padding:9px 10px}.chapter-toc-link{font-size:12px;padding-top:7px;padding-bottom:7px}.chapter-toc{margin-left:42px!important}.rail .toc-link .n{flex-basis:24px}.scrim.on{display:block;position:fixed;inset:0;background:#0008;z-index:25}.contents-open{overflow:hidden}.view{padding:0 24px}.opener{padding:40px 0 40px;gap:24px}.opener h1{font-size:46px;line-height:1.05;letter-spacing:-.46px}.reading-body{padding-top:24px}.reading-body>p,.reading-body>ul,.reading-body>ol,.reading-body>h3,.reading-body>.lead,.reading-body>.brandset,.reading-body>.bswrap{margin-left:0;max-width:100%}.reader-section{display:block;padding-bottom:64px}.section-side{margin-bottom:32px}.section-side h2{font-size:24px;scroll-margin-top:84px}.section-content>p,.section-content>ul,.section-content>ol{max-width:100%}.section-content>h3{scroll-margin-top:84px}.shot,.reading-body>.shot{display:flex;flex-direction:column;width:100%;margin:40px 0;gap:16px}.shot img{width:100%}.shot figcaption{font-size:13px;order:2;max-width:600px}.principle,.reading-body>.principle{display:block;width:calc(100% + 48px);margin:40px -24px;padding:32px 24px}.principle .tag{display:block;margin-bottom:32px}.principle p{font-size:32px}.principle p+p{font-size:18px;margin-top:24px}.cover{min-height:calc(100svh - 58px);padding:80px 0 32px}.cover h1{font-size:clamp(70px,14vw,120px);line-height:.9;letter-spacing:-1.4px;max-width:100%;margin-bottom:56px}.cover-meta{position:static;order:-1;max-width:none;font-size:10px;margin-bottom:40px}.cover-sub{font-size:36px;line-height:1.1;margin-bottom:32px}.cover-eyebrow{font-size:28px;line-height:1.15;max-width:540px;margin-bottom:56px}.cover-actions{margin-top:auto}.cover-actions img{width:31px;height:32.271px}.brandset .row{grid-template-columns:140px 1fr;gap:20px;padding:20px 0}.brandset dt span{font-size:11px}.pager{gap:24px;padding-bottom:40px;margin-top:24px}.pager .lbl{font-size:19px}.pager .dir{gap:12px}.editorial-columns{gap:24px}.tldr>.blead{margin-top:48px}.pair{gap:16px}.fbembed iframe{height:1100px}.gate-title{font-size:48px}}
@media(max-width:420px){.cover h1{font-size:70px}.opener h1{font-size:38px}.cover-sub{font-size:31px}.cover-eyebrow{font-size:26px}.lead{font-size:20px}.statement{font-size:28px}.brandset .row{grid-template-columns:110px 1fr;gap:16px}.brandset dt span{font-size:10px;padding:8px}.brandset dd{font-size:14px}.pair,.editorial-columns{display:block}.pair>div+div,.editorial-columns p+p{margin-top:24px}.pager .lbl{font-size:17px}.pager .dir{font-size:10px;padding:9px}.principle p{font-size:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{@page{size:A4;margin:18mm}*{color:#000!important;background:transparent!important;box-shadow:none!important}body{font-family:Saans,Arial,sans-serif;font-size:10pt;line-height:1.35}.rail,.topbar,.scrim,.pager,.wbtools,.gate,.startbtn,.iconbtn,.skip-link{display:none!important}#main{margin:0}.view{max-width:none;padding:0}.view[hidden]{display:none!important}.view.on{display:block!important}.opener{padding:0 0 20pt}.opener h1{font-size:30pt;line-height:1.1}.kicker{padding:0;font-size:8pt}.reading-body{padding:0}.reader-section{display:block;padding-bottom:24pt;break-inside:auto}.section-side{margin-bottom:12pt}.section-side h2{font-size:17pt}.reading-body>p,.reading-body>ul,.reading-body>ol,.reading-body>.brandset,.reading-body>.bswrap{margin-left:0;max-width:none}p{margin-bottom:13pt}.lead{font-size:13pt}.principle{margin:18pt 0;width:100%;padding:16pt 0;border-top:1pt solid #000;border-bottom:1pt solid #000;display:block}.principle .tag{display:block;margin-bottom:10pt}.principle p{font-size:18pt}.principle p+p{font-size:11pt}.shot{margin:18pt 0;width:100%;display:block;break-inside:avoid}.shot img{max-height:150mm;object-fit:contain}.shot figcaption{font-size:8pt;margin-top:8pt}.brandset,.bswrap{margin:16pt 0}.brandset .row{padding:10pt 0;break-inside:avoid}.brandset dt span{font-size:8pt;padding:0}.brandset dd{font-size:10pt}.field{margin-bottom:20pt}.print-answer{display:block;white-space:pre-wrap;border-bottom:.5pt solid #888;padding:8pt 0;min-height:24pt;font-size:10pt;line-height:1.4;overflow-wrap:anywhere}.field .print-answer{min-height:40pt}[data-k]{display:none!important}.tablewrap{overflow:visible;margin:12pt 0}.plan{min-width:0;font-size:8pt;table-layout:fixed}.plan th{padding:6pt 4pt}.plan td{border:1px solid #aaa}.plan .print-answer{min-height:32pt;font-size:8pt;border:0;padding:6pt 4pt}.fbembed{display:none}.fbfall{display:block}.cover{padding:50pt 0;min-height:230mm}.cover h1{font-size:72pt;max-width:100%}.cover-sub{font-size:30pt}.cover-eyebrow{font-size:24pt}.cover-meta{top:0;font-size:9pt}.cover-actions{display:none}.reflect{margin-top:24pt}.pair{gap:12pt}}