@font-face{font-family:Inter;src:url('assets/fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Newsreader;src:url('assets/fonts/Newsreader.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/fonts/ar/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/fonts/ar/IBMPlexSansArabic-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/fonts/ar/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:'Noto Naskh Arabic';src:url('assets/fonts/ar/NotoNaskhArabic-Variable.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--fw-deep-navy:#0F1F4D;--fw-navy:#1E40AF;--fw-action:#2563EB;--fw-gold:#B8860B;--fw-sage:#F0F4F3;--fw-ink:#111827;--fw-white:#FFFFFF;--fw-border:#E5E7EB;--fw-text-2:#6B7280;--fw-text-3:#9CA3AF;--fw-success:#16A34A;--fw-warning:#D97706;--fw-error:#DC2626;--fw-info:#0D9488;--ease:cubic-bezier(.2,0,0,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--fw-ink);font:400 16px/1.6 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:color 160ms,background 160ms,border-color 160ms}button{cursor:pointer}button:active,.button:active{transform:scale(.98);transition:transform 80ms}a{color:var(--fw-action);text-underline-offset:4px}button{background:transparent;color:inherit;border:1px solid var(--fw-border);padding:10px 16px;min-height:44px}button:hover{border-color:var(--fw-text-2)}button[aria-pressed=true]{background:var(--fw-deep-navy);color:white;border-color:var(--fw-deep-navy)}:focus-visible{outline:2px solid var(--fw-action);outline-offset:3px}.navy :focus-visible{outline-color:white}input,select,textarea{max-width:100%;min-height:44px;border:1px solid #6B7280;border-radius:0;padding:8px;background:white;color:var(--fw-ink)}input[type=checkbox]{min-height:24px;width:24px;accent-color:var(--fw-action);vertical-align:middle}input[type=range]{accent-color:var(--fw-action);padding:0;min-width:100px}input[type=color]{width:64px;padding:4px}textarea{display:block;width:100%;resize:vertical;margin:16px 0}h1,h2,.display,.part-title{font-family:Newsreader,Georgia,'Times New Roman',serif;font-weight:500;line-height:1.05;letter-spacing:-.01em}h1{font-size:72px;line-height:1.02;letter-spacing:-.015em;margin:0 0 32px}h2{font-size:56px;margin:16px 0 40px;max-width:850px;text-wrap:balance}h3{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 24px}h4{font-size:20px;line-height:1.35;margin:20px 0}p{margin:0 0 16px;max-width:75ch}ul,ol{padding-inline-start:24px;max-width:78ch;margin:16px 0}li{padding-inline-start:6px;margin-bottom:12px}strong{font-weight:600}code{font-family:Inter,system-ui,sans-serif;font-size:14px;overflow-wrap:anywhere}pre{white-space:pre-wrap;background:var(--fw-sage);border:1px solid var(--fw-border);padding:24px;margin:24px 0}hr{border:0;border-top:1px solid var(--fw-border);margin:32px 0}svg{max-width:100%;height:auto}.logo{display:block;width:240px;max-width:100%;height:auto;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.caption,figcaption{font-size:12px;line-height:1.4;color:var(--fw-text-2)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;margin-bottom:24px;color:var(--fw-navy)}.navy{color:white;background:var(--fw-deep-navy)}.navy a,.navy h2,.navy .eyebrow{color:white}.navy .caption,.navy figcaption{color:#c0c7d7}.navy pre{color:var(--fw-ink)}.sage{background:var(--fw-sage)}.sage .caption,.sage figcaption{color:#404754}[lang=ar]{font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;letter-spacing:0;line-height:1.8}[lang=ar].display,[lang=ar] .display{font-family:'Noto Naskh Arabic',Georgia,serif;line-height:1.3;letter-spacing:0}bdi{unicode-bidi:isolate}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.5;text-align:left}th{font-size:12px;font-weight:600;border-bottom:1px solid var(--fw-ink);padding:16px 12px;vertical-align:bottom}td{border-bottom:1px solid var(--fw-border);padding:20px 12px;vertical-align:top}th:first-child,td:first-child{padding-left:0}tbody tr:last-child td{border-bottom:0}.table-scroll{max-width:100%;overflow-x:auto;margin:24px 0}.table-scroll table{min-width:640px}.navy th{border-color:#8993ac}.navy td{border-color:#344169}.table-scroll:focus-visible{outline-offset:0}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--fw-action);width:0;z-index:100}.skip{position:fixed;left:16px;top:-80px;padding:12px 24px;background:white;z-index:101}.skip:focus{top:8px}#rail{position:fixed;inset:0 auto 0 0;width:240px;padding:36px 24px 24px;background:white;z-index:40;border-right:1px solid var(--fw-border);display:flex;flex-direction:column}.rail-logo .logo{width:152px;margin-left:-12px;margin-bottom:24px}nav{display:flex;flex-direction:column;gap:2px;overflow:auto}nav a{font-size:12px;line-height:1.35;color:#5a6270;text-decoration:none;display:flex;align-items:center;gap:12px;padding:7px 8px;min-height:29px;border-left:2px solid transparent}nav a span{font-variant-numeric:tabular-nums;color:#6B7280}nav a.active{border-left-color:var(--fw-deep-navy);color:var(--fw-deep-navy)}nav a:hover{background:var(--fw-sage)}.rail-bottom{margin-top:auto;padding-top:16px;font-size:12px}.rail-bottom button{padding:8px 0;border:0;font-size:12px}.mobile-bar{display:none}main,body>footer{margin-left:240px}.chapter,.cover{padding:120px clamp(32px,5vw,96px);position:relative}.chapter>*{max-width:1200px;margin-left:auto;margin-right:auto}.chapter-heading{position:relative;margin-bottom:64px;isolation:isolate}.chapter-number{position:absolute;top:-65px;left:-8px;font:200px/1 Newsreader,serif;opacity:.06;z-index:-1}.chapter-heading h2{color:var(--fw-deep-navy);margin-left:0}.navy .chapter-heading h2{color:white}.copy-block{margin-top:64px;margin-bottom:64px}.copy-block:last-child{margin-bottom:0}.copy-block>div>p{max-width:74ch}.copy-block h3{max-width:850px}.copy-block.statement>div>p{font:500 32px/1.25 Newsreader,Georgia,serif;max-width:32ch}.copy-block.statement{padding:32px 0}.statement h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.chapter>p{margin-left:0}.cover{min-height:100svh;padding-top:64px;padding-bottom:40px}.cover-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;margin-top:56px;align-items:center}.cover h1 em{color:var(--fw-gold);font-weight:400}.cover-intro{font-size:18px;line-height:1.6;color:#d5d9e3;max-width:52ch}.cover .eyebrow{color:#b7bfd1}.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #3b486e;margin-top:48px;padding-top:24px;font-size:12px;line-height:1.5}.fact-strip span{display:block;color:#b7bfd1;margin-bottom:8px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.controls label{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px}.controls a:not(.button){display:inline-flex;align-items:center;min-height:44px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;text-decoration:none;border:1px solid currentColor;font-size:14px;font-weight:500}.hero-actions{gap:24px}.navy .button.primary{background:white;color:var(--fw-deep-navy)}.cover-footer{border-top:1px solid #3b486e;padding-top:24px;margin-top:64px;display:flex;align-items:center;justify-content:space-between;gap:32px}.cover-footer .logo{width:240px}.cover-footer p{font:600 40px/1.3 'Noto Naskh Arabic',serif;margin:0}.cover>.caption{margin-top:24px}.ledger{isolation:isolate;position:relative}.ledger:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.06;background-image:url("assets/ledger.svg");background-size:100% 192px}.part{min-height:320px;padding:88px clamp(32px,5vw,96px);overflow:hidden}.part-title{font-size:64px;margin:0}.watermark{font:240px/1 Newsreader,serif;position:absolute;inset:16px 8% auto auto;opacity:.06;pointer-events:none}.part .eyebrow{margin-bottom:16px}.open-frame{position:relative;border:1px solid #a0a6b8;border-bottom:0}.open-frame:after{content:'';position:absolute;inset:auto -1px 0;height:1px;background:linear-gradient(to right,#a0a6b8 0 33.333%,transparent 33.333% 66.667%,#a0a6b8 66.667%);pointer-events:none}.motion-stage{position:relative;aspect-ratio:1.1;background:var(--fw-deep-navy);overflow:hidden}.receipt-field{position:absolute;inset:0;width:100%;height:100%}.slips{opacity:.08}.matches{opacity:.08}.ledger-ghost{opacity:.08}.motion-final{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;opacity:1}.motion-final .logo{width:100%}.motion-final p{font:400 26px/1.2 Newsreader,serif;color:white;text-align:center}.motion-component .controls{font-size:12px}.motion-component [data-replay]{border:0;padding-left:0}.motion-component[data-motion=demo] .motion-stage{aspect-ratio:16/8}.motion-component[data-motion=demo] .motion-final .logo{max-width:600px}.beats{position:absolute;inset:16px auto auto 16px;font-size:12px;background:#0F1F4D;padding:12px}.motion-still{padding:40px 0;border-bottom:1px solid #344169}.motion-still .logo{width:320px}.motion-still p{margin-top:20px}.reveal-previews>div{padding:16px 0;border-bottom:1px solid #344169;display:flex;align-items:center;justify-content:space-between}.idea-symbol{display:flex;align-items:center;gap:48px;padding-bottom:32px}.idea-symbol .logo{width:160px}.idea-symbol>div{font-size:12px;line-height:3;border-left:1px solid var(--fw-border);padding-left:24px}.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-block:1px solid #c9d0ce;padding:32px 0;margin-bottom:64px}.proof strong{font-size:56px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fw-deep-navy)}.proof p{font-size:14px;margin-top:16px}.tool{padding:32px;background:white;color:var(--fw-ink);border:1px solid var(--fw-border);margin:48px 0}.tool>h3{margin-bottom:24px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pair>div{min-width:0}.pairing>div{padding:32px;background:white}.pairing .display{font-size:48px}.phrase-checker mark{background:transparent;color:inherit;border-bottom:2px solid var(--fw-warning);padding:2px;cursor:help}.phrase-checker output{display:block;font-weight:600;margin-top:20px}.phrase-checker .caption{margin-top:16px}#phrase-result{white-space:pre-wrap;overflow-wrap:anywhere}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.asset-card{border-bottom:1px solid var(--fw-border);padding-bottom:24px;min-width:0}.asset-stage{height:220px;display:flex;align-items:center;justify-content:center;border:1px solid var(--fw-border);padding:24px}.asset-stage .logo{width:90%;max-height:160px}.asset-card h3{font-size:14px;margin:20px 0 0;text-transform:capitalize}.asset-card .controls{margin:12px 0}.formats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.formats a{padding:10px 0;min-height:44px}.construction-stage{position:relative;min-height:200px;margin-top:32px}.construction-stage>.logo{width:100%}.overlay{position:absolute;color:var(--fw-action);font-size:12px;pointer-events:none}.overlay span{pointer-events:auto}.overlay.grid{inset:0;background-size:16px 16px;background-image:linear-gradient(to right,#2563eb20 1px,transparent 1px),linear-gradient(to bottom,#2563eb20 1px,transparent 1px)}.overlay.proportions{left:0;right:45%;top:0;display:flex;justify-content:space-between;border-top:1px solid var(--fw-action)}.overlay.endorsement{bottom:0;left:30%;right:0;display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;border-bottom:1px solid var(--fw-action)}.clear-stage{padding:56px 16px;display:flex;justify-content:center;align-items:center;min-height:280px;overflow:auto}.clear-zone{position:relative;border:1px dashed var(--fw-action);padding:30px;flex-shrink:0;max-width:100%}.clear-zone>span{position:absolute;top:0;left:50%;color:var(--fw-action);font-size:12px}.clear-zone .logo{width:360px;max-width:100%}#clear-readout{display:block;margin:16px 0;font-size:14px}.below-minimum{color:#b91c1c}.below-endorsement{color:#925000}.misuse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:64px}.misuse-stage{height:140px;background:var(--fw-sage);display:flex;justify-content:center;align-items:center;padding:24px;position:relative;overflow:hidden}.cross{position:absolute;right:8px;top:4px;color:var(--fw-error);font-size:24px}.misuse .caption{margin-top:16px}.misuse-2,.mirrored{transform:scaleX(-1)}.misuse-3{filter:drop-shadow(3px 4px 3px #6B7280)}.wrong-wordmark{font:40px Newsreader,serif}.misuse-stage-5{background:linear-gradient(90deg,#2563EB,#F0F4F3)}.misuse-6{transform:scaleY(.5)}.misuse-8{width:70px}.misuse-stage-0:after{content:'';position:absolute;width:12px;height:3px;background:var(--fw-deep-navy);left:22%;top:59%}.misuse-stage-1:after{content:'';position:absolute;width:8px;height:8px;left:25%;top:38%;background:var(--fw-gold)}.misuse-stage-9:after{content:'Clear space';position:absolute;font-size:12px;left:12px;top:65%}.palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.colour-item{min-width:0}.colour-chip{background:var(--swatch);color:var(--swatch-text);width:100%;height:240px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px;border:1px solid #dadde2;font-size:14px}.colour-chip strong{font-size:20px}.chip-aa{font-size:12px}.values button{width:100%;font-size:12px;text-align:left;border-width:0 0 1px;padding:12px 0;display:flex;flex-direction:column}.values button span{color:#5a6270;font-size:12px}.colour-item>p{margin-top:16px}.proportion{display:flex;height:80px;margin:48px 0;border:1px solid var(--fw-border);font-size:12px}.proportion span{display:flex;align-items:center;justify-content:center}.proportion span:nth-child(1){width:60%;background:var(--fw-sage)}.proportion span:nth-child(2){width:30%;background:var(--fw-deep-navy);color:white}.proportion span:nth-child(3){width:8%;background:var(--fw-action);color:white}.proportion span:nth-child(4){width:2%;background:var(--fw-gold);color:var(--fw-ink)}#contrast-grid{min-width:720px}#contrast-grid td{padding:8px;border:1px solid var(--fw-border)}#contrast-grid button{width:100%;border:0;font-size:12px;padding:12px;display:block}#contrast-grid .contrast-example{display:block;font-size:20px;line-height:1.4}.contrast-ratio{display:block;background:white;color:var(--fw-ink);padding:8px;text-align:center;font-size:12px}.type-tester .controls label{flex-direction:column;align-items:flex-start}.type-tester .controls label:has([type=checkbox]){flex-direction:row;align-items:center}#type-sample{font:500 56px/1.05 Newsreader,Georgia,serif;border-block:1px solid var(--fw-border);padding:48px 0;min-height:160px;overflow-wrap:anywhere}#type-css{max-width:100%;font-size:12px}.type-scale{margin-top:48px}.scale-row{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:32px 0;border-top:1px solid #cdd4d2;align-items:baseline}.scale-row>p{margin:0}.scale-specimen{overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}.scale-row[data-style='Figure XL'] .scale-specimen{text-decoration:underline;text-decoration-color:var(--fw-gold);text-underline-offset:10px}.agent-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:32px 0}.agent-tiles>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.agent-tile{width:56px;height:56px;border:2px solid var(--fw-deep-navy);color:var(--fw-deep-navy);display:grid;place-items:center;position:relative;font-size:16px;font-weight:600}.agent-tile:after{content:'';position:absolute;width:6px;height:6px;left:4px;bottom:4px;background:var(--fw-gold)}.agent-tile.advisory:after{left:auto;bottom:auto;right:4px;top:4px}.icon-vocabulary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0}.icon-vocabulary>div{padding:24px 16px;border:1px solid var(--fw-border);margin:-1px 0 0 -1px;font-size:14px}.icon-vocabulary svg{width:24px;height:24px;display:block;margin-bottom:16px}.icon-vocabulary>div:hover svg{color:var(--fw-action)}.icon-vocabulary .caption{margin-top:8px}.grid-demo{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:32px;min-height:240px}.grid-demo span{background:#2563eb15;display:flex;align-items:center;justify-content:center;color:var(--fw-action);font-size:12px}.diagram{border:1px solid #a1a9b7;background:white;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;font-size:12px;text-align:center;max-width:100%}.diagram>div{border:1px solid #2563eb66;padding:24px 8px;color:var(--fw-action)}.diagram.a4{height:360px;aspect-ratio:210/297;margin:auto}.diagram.deck-grid{aspect-ratio:16/9;align-self:center}.charts{display:grid;grid-template-columns:1fr;gap:48px;margin-top:64px}.charts figure{margin:0;max-width:800px}.charts h3{font-size:20px}.chart{display:block;width:100%;font:12px Inter,sans-serif}.chart text{fill:var(--fw-text-2)}.chart-bar{transform-origin:bottom;transform-box:fill-box}.charts .caption{margin-top:8px}.mockup{margin:0 0 48px;min-width:0}.mock-surface{background:var(--fw-sage);padding:24px;border:1px solid var(--fw-border);color:var(--fw-ink)}.mockup figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.mockup figcaption span{opacity:0}.mockup:hover figcaption span,.mockup:focus-within figcaption span{opacity:1}.mockup p,.mockup li,.mockup td{font-size:14px}.mockup .caption,.mockup figcaption,.mockup th{font-size:12px}.mockup .display{font-size:36px;line-height:1.1}.mockup h4{font-size:20px}.mockup .logo{max-width:240px}.mockup .mini-nav .logo{width:150px}.mockup .mini-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid var(--fw-border);padding-bottom:16px}.mock-button{display:inline-block;background:var(--fw-action);color:white;padding:12px 16px;font-size:12px}.mini-navy{background:var(--fw-deep-navy);color:white;margin:24px -24px -24px;padding:32px 24px;font:32px Newsreader,serif}.variant-switch{margin-bottom:20px;font-size:12px}.js [data-variant='1']{display:none}.js .variant.is-alt [data-variant='0']{display:none}.js .variant.is-alt [data-variant='1']{display:block}.product-header{padding:8px 16px;background:var(--fw-deep-navy);color:white;display:flex;align-items:center;gap:24px;font-size:14px}.product-header .logo{width:100px}.dashboard{padding:24px;background:white}.dashboard .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stats>div{border-bottom:1px solid var(--fw-border);padding-bottom:12px}.stats span{font-size:12px;display:block}.stats strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.stats>div:first-child{border-bottom:3px solid var(--fw-gold)}.slide{padding:32px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;position:relative}.slide .display{font-size:36px;max-width:20ch;margin:32px 0}.slide .logo{width:300px;max-width:75%}.slide .caption{margin-top:16px}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.module-grid strong{font-size:14px}.module-grid p{font-size:12px;margin:8px 0 0}.report{aspect-ratio:210/297;background:white;max-width:520px;margin:0 auto}.report-top{padding:32px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.report-top .display{font-size:40px}.report-bottom{padding:32px}.report-bottom p{margin-top:20px}.report-inside{padding:32px;border:1px solid var(--fw-border);display:flex;flex-direction:column;gap:24px}.report-inside td{font-size:12px;padding:12px 4px}.report-inside .caption{margin-top:auto}.signature{background:white;padding:32px;max-width:600px}.signature .logo{width:220px}.signature [dir=rtl] .logo{margin-left:auto}.business-pair{display:grid;gap:24px}.business-pair>div{aspect-ratio:85/55;background:white;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.business-pair>.navy{background:var(--fw-deep-navy)}.business-pair .logo{width:180px;margin-bottom:24px}.business-pair [dir=rtl] .logo{margin-left:auto}.business-pair p{margin-bottom:8px;font-size:12px}.social{padding:40px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between}.social .display{font-size:clamp(40px,4vw,64px);max-width:8ch;margin:24px 0}.social .logo{width:180px}.social[dir=rtl] .logo{margin-left:auto}.figure-social{aspect-ratio:4/5;background:white}.figure-social strong{font-size:56px;line-height:1.05;color:var(--fw-deep-navy);font-variant-numeric:tabular-nums}.figure-social strong span{border-bottom:3px solid var(--fw-gold)}.figure-social>p{margin-top:32px}.icon-sizes{display:flex;flex-wrap:wrap;gap:24px;align-items:end}.icon-sizes>div{display:flex;flex-direction:column;gap:12px}.icon-sizes .logo{width:var(--size,60px)}.icon-sizes .size-512{width:160px}.icon-sizes .size-180{width:100px}.icon-sizes .size-29{width:29px}.icon-sizes .size-32{width:32px}.icon-sizes .size-16{width:16px}.home-row{display:flex;gap:16px;background:white;padding:24px;margin-top:32px;justify-content:center}.home-row>*{width:48px;height:48px;border-radius:12px;background:#e5e7eb}.door{aspect-ratio:16/10;background:#c8ced1;position:relative;display:grid;place-items:center;border:1px solid #919ba4}.door:before{content:'';position:absolute;inset:0 50%;width:1px;background:white}.door-band{position:relative;background:#69757e;padding:24px;width:100%;color:white;text-align:center}.door-band .logo{margin:auto}.door-band p{font-size:12px;margin:16px 0 0}.reception{padding:64px 24px;aspect-ratio:16/9;display:grid;place-items:center}.reception .logo{width:100%;max-width:360px}.reception p{margin-top:32px}.phone{max-width:360px;background:white;border:1px solid #9ca3af;border-radius:32px;padding:32px 20px;min-height:640px;margin:auto}.phone>.logo{width:48px;margin-bottom:32px}.bubble{padding:20px;background:var(--fw-sage);margin:20px 0}.bubble p{font-size:16px}.application-row{display:grid;grid-template-columns:5fr 7fr;gap:48px;margin:96px 0;align-items:start}.application-row:nth-of-type(even)>div:first-child{order:2}.application-row>div{min-width:0}.application-row>div:first-child{position:sticky;top:48px}.application-row li{font-size:14px}.bilingual-demo>div{padding:32px;background:white}.bilingual-demo .logo{margin-bottom:24px}.bilingual-demo [dir=rtl] .logo{margin-left:auto}.wrong-mirror{width:220px;position:relative;padding:24px;margin-top:32px;border:1px solid var(--fw-border)}.contact-block{padding:48px 32px;margin:48px 0}.contact-block a{font-size:32px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.contact-block p{margin:24px 0;color:#c0c7d7}#contact{min-height:100svh;padding-top:160px;padding-bottom:160px}#contact>.logo{width:320px;margin-left:0;margin-top:64px}#download-list{margin:64px 0}.download-row{border-top:1px solid #cbd3d0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:14px}.download-row span{min-width:0;overflow-wrap:anywhere}.download-row small{display:block;font-size:12px;color:#404754}.download-row a{min-height:44px;display:flex;align-items:center;flex-shrink:0}.download-group h3{margin-top:48px}.boilerplate{background:white;padding:32px}.boilerplate .controls{margin-bottom:0}.word-count{color:#5a6270}.language{margin-bottom:48px}.js [hidden]{display:none!important}.js [data-language-panel].is-hidden,.js [data-boiler].is-hidden,.js [data-scale-panel].is-hidden{display:none}.hierarchy ol{max-width:none;padding:0;list-style-position:inside;counter-reset:hierarchy}.hierarchy li{padding:24px;background:white;margin-bottom:12px;width:calc(100% - var(--i,0)*4%)}.hierarchy li:first-child{font:40px/1.1 Newsreader,serif}.hierarchy li:nth-child(2){--i:1}.hierarchy li:nth-child(3){--i:2}.hierarchy li:nth-child(4){--i:3}.hierarchy li:nth-child(5){--i:4}.hierarchy li:nth-child(6){--i:5}.hierarchy li:nth-child(7){--i:6}.hierarchy li:nth-child(8){--i:7}.voice-ledger td:nth-child(2){background:var(--fw-sage)}.voice-ledger td:nth-child(3){font-size:12px;color:#5a6270}.voice-ledger td:first-child{font-weight:500}.voice-ledger th:first-child:before{content:'● ';color:#167a3c}.voice-ledger th:nth-child(2):before{content:'● ';color:#6b7280}footer{padding:48px clamp(32px,5vw,96px);border-top:1px solid #3b486e}footer p{max-width:none}footer>a{display:inline-flex;min-height:44px;align-items:center;margin-top:24px;font-size:14px}.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}#page-grid{position:fixed;inset:0 32px 0 272px;pointer-events:none;z-index:90;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;border-inline:1px solid #2563eb4d}#page-grid i{background:#2563eb14}.no-js{position:fixed;bottom:0;left:240px;right:0;background:white;border:1px solid var(--fw-border);padding:12px 24px;font-size:12px;z-index:100}.js .no-js{display:none}
@media(min-width:1600px){.chapter,.cover{padding-left:max(96px,calc((100vw - 1440px)/2));padding-right:max(96px,calc((100vw - 1440px)/2))}.cover-grid{gap:64px}.palette{grid-template-columns:1.3fr repeat(5,1fr) 1.3fr}.colour-chip{padding:16px;font-size:12px}.colour-chip strong{font-size:16px}}
@media(max-width:1279px){main,body>footer{margin-left:0}.mobile-bar{position:sticky;top:0;height:56px;z-index:60;background:white;border-bottom:1px solid var(--fw-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.mobile-bar .logo{width:132px}.mobile-bar button{border:0;font-size:14px}#rail{display:none;top:56px;width:100%;padding:24px 20px}#rail.open{display:flex}.rail-logo{display:none}nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}nav a{font-size:14px;min-height:44px}.rail-bottom{margin-top:16px}.chapter,.cover{padding-left:40px;padding-right:40px}.chapter{scroll-margin-top:56px}.cover{min-height:calc(100svh - 56px)}#page-grid{left:32px}.application-row{gap:32px}.application-row>div:first-child{top:88px}.no-js{left:0}html{scroll-padding-top:56px}.no-js~#rail{display:block}}
@media(max-width:767px){body{font-size:16px}.chapter,.cover{padding:72px 20px}.cover{padding-top:40px;padding-bottom:32px}.cover-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}h1{font-size:48px;line-height:1.05}h2{font-size:40px;line-height:1.08;margin-bottom:32px}h3{font-size:24px}.cover-intro{font-size:16px}.cover .motion-stage{aspect-ratio:1.6}.cover .motion-final .logo{max-width:300px}.cover .motion-final p{font-size:24px}.cover .eyebrow{font-size:12px}.fact-strip{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.hero-actions{gap:12px}.hero-actions .button{flex:1;white-space:nowrap;padding:12px}.hero-actions>a:last-child{width:100%}.cover-footer{margin-top:32px;flex-direction:column-reverse;align-items:flex-start;gap:24px}.cover-footer p{align-self:flex-end;font-size:36px}.cover-footer .logo{width:220px}.chapter-heading{margin-bottom:48px}.chapter-number{font-size:140px;top:-40px;left:0}.part{min-height:280px;padding:80px 20px}.part-title{font-size:56px}.part .watermark{font-size:200px;right:8%}.copy-block{margin:48px 0}.copy-block.statement>div>p{font-size:28px}.copy-block.statement{padding:0}.pair{grid-template-columns:1fr;gap:24px}.pairing>div{padding:24px}.pairing .display{font-size:40px}.proof{grid-template-columns:1fr 1fr;gap:32px}.proof strong{font-size:48px}.tool{padding:20px;margin:32px 0}.asset-grid{gap:32px 16px;grid-template-columns:1fr}.asset-stage{height:210px}.asset-card .controls{gap:16px}.clear-stage{padding:32px 0;min-height:200px}.clear-zone{padding:16px}.misuse-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.misuse-stage{height:110px;padding:12px}.misuse .caption{font-size:12px}.wrong-wordmark{font-size:28px}.palette{grid-template-columns:1fr 1fr;gap:24px 16px}.colour-chip{padding:16px;height:200px;font-size:14px}.colour-chip strong{font-size:16px}.proportion span:nth-child(4){min-width:16px}.construction-stage{min-height:150px;padding:24px 0}.overlay.endorsement{left:0;font-size:12px;gap:4px}.overlay.proportions{right:0}.controls{gap:12px}.controls label{max-width:100%;flex-wrap:wrap}.type-tester .controls{gap:16px}.type-tester .controls label{flex:1;min-width:100px}#type-sample{padding:32px 0}.scale-row{grid-template-columns:1fr;gap:20px}.scale-row .caption{display:flex;gap:12px}.scale-specimen{max-width:100%}.agent-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.icon-vocabulary{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-vocabulary>div{padding:20px 12px}.grid-demo{gap:4px;min-height:180px}.grid-demo span{font-size:12px}.diagram.deck-grid{min-height:240px}.application-row{grid-template-columns:1fr;margin:64px 0;gap:24px}.application-row>div:first-child{position:static;order:0!important}.mock-surface{padding:16px}.mockup .display{font-size:32px}.mockup .mini-nav{flex-wrap:wrap;gap:8px}.mockup .mini-nav .logo{width:132px}.mockup .mini-navy{margin:24px -16px -16px;padding:24px 16px;font-size:28px}.mockup figcaption span{display:none}.dashboard{padding:12px}.dashboard .stats{grid-template-columns:1fr 1fr}.stats strong{font-size:24px}.product-header{padding:8px;font-size:12px;gap:8px}.dashboard td{font-size:12px;padding:12px 4px}.dashboard th{font-size:12px;padding:12px 4px}.slide{padding:24px 16px;min-height:340px;aspect-ratio:auto}.slide .display{font-size:32px}.module-grid{grid-template-columns:1fr}.report-top{padding:24px;min-height:340px}.report-top .display{font-size:36px}.report-bottom,.report-inside{padding:20px}.report-inside table{table-layout:fixed}.report-inside th,.report-inside td{overflow-wrap:anywhere}.signature{padding:20px}.social{padding:24px;min-height:340px}.social .display{font-size:48px}.figure-social strong{font-size:48px}.business-pair>div{padding:24px}.icon-sizes{gap:16px}.icon-sizes .size-512{width:120px}.icon-sizes .size-180{width:80px}.phone{padding:24px 16px}.bubble{padding:16px}.mockup .agent-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-block{padding:32px 16px}.contact-block a{font-size:24px}#contact{padding:96px 20px}.download-row{gap:16px;font-size:12px}.download-row a{font-size:12px}.boilerplate{padding:24px}.hierarchy li{width:100%;padding:20px}.hierarchy li:first-child{font-size:32px}footer{padding:40px 20px}.idea-symbol{gap:24px}.idea-symbol .logo{width:120px}.motion-component[data-motion=demo] .motion-stage{aspect-ratio:1.2}.motion-component .controls label{width:100%}.bilingual-demo>div{padding:24px}.caption{overflow-wrap:anywhere}#page-grid{inset:0 20px;gap:8px}.reveal-previews>div{gap:12px;font-size:14px}nav{grid-template-columns:1fr}.rail-bottom{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{@page{size:A4;margin:16mm 14mm 20mm;@bottom-center{content:'Fourwall Brand Guidelines · v1.0 · brand.fourwall.app';font:8pt sans-serif}}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}html{scroll-behavior:auto}body{font-size:11pt}#rail,.mobile-bar,.reading-progress,.controls,.skip,button,input,select,textarea,#page-grid,.no-js{display:none!important}main,body>footer{margin:0}.chapter,.cover{padding:14mm 8mm;break-before:page;min-height:0!important}.chapter-heading{margin-bottom:10mm}.chapter-number{display:none}h1{font-size:48pt}h2{font-size:32pt}h3{font-size:16pt;break-after:avoid}.part{break-before:page;min-height:90mm;padding:30mm 12mm}.copy-block{margin:10mm 0;break-inside:auto}.table-scroll{overflow:visible;margin:6mm 0}.table-scroll table{min-width:0;font-size:8pt;table-layout:fixed;overflow-wrap:anywhere}th,td{padding:8px 4px!important;font-size:9pt!important}tr{break-inside:avoid}thead{display:table-header-group}.cover-grid{grid-template-columns:1fr 1fr;gap:20px}.cover-intro{font-size:11pt}.cover .motion-stage{aspect-ratio:1}.cover h1{font-size:42pt}.fact-strip{font-size:9pt}.cover-footer{margin-top:10mm}.chapter-heading h2{max-width:100%}.tool,.mockup,.asset-card,.palette,.scale-row{break-inside:avoid}.palette{grid-template-columns:repeat(4,1fr)}.colour-chip{display:flex!important;height:140px;font-size:9pt}.values button{display:flex!important;min-height:0;font-size:8pt;padding:4px}.colour-chip strong{font-size:10pt}.application-row{display:block;margin:12mm 0}.application-row>div:first-child{position:static}.application-row li{font-size:10pt}.mockup{max-width:150mm;margin:10mm auto}.mock-surface{padding:16px}.agent-tiles{grid-template-columns:repeat(5,1fr)}.motion-final{opacity:1!important;transform:none!important}.slips,.matches{opacity:.08!important}.motion-component{break-inside:avoid}.motion-component[data-motion=demo] .motion-stage{aspect-ratio:16/8}.js [data-language-panel].is-hidden,.js [data-boiler].is-hidden,.js [data-scale-panel].is-hidden,.js [data-variant='1']{display:block!important}.variant-switch{display:none}.contact-block a{font-size:24pt}.chapter .logo{max-width:80mm}.reveal-previews{display:none}.boilerplate{break-inside:avoid}.download-row{break-inside:avoid}a[download]:after{content:' (' attr(href) ')';font-size:8pt;overflow-wrap:anywhere}footer{break-before:page;padding:16mm 8mm}.scale-specimen{font-size:24pt!important}.caption,figcaption{font-size:9pt}.chapter .controls{display:none!important}.wrong-mirror,.misuse-stage{break-inside:avoid}}
/* Review corrections: intrinsic SVG widths must not set grid track minima. */
[hidden]{display:none!important}.misuse,.business-pair,.business-pair>div{min-width:0}.misuse-stage .logo{width:100%;min-width:0;flex-shrink:1}.misuse-stage .misuse-8{width:70px}.mock-surface .caption,.bubble .caption{color:#404754}.mock-surface .navy .caption{color:#c0c7d7}.chapter-number{width:260px;height:220px;fill:currentColor}.chapter-number text{font:200px Newsreader,serif}.watermark{width:200px;height:240px;fill:currentColor}.watermark text{font:240px Newsreader,serif}.contrast-example{width:100%;height:auto}.chapter>div:not(.chapter-heading){min-width:0}.business-pair{grid-template-columns:minmax(0,1fr)}
@media(max-width:767px){.chapter-number{width:182px;height:154px}.misuse-grid{width:100%}.business-pair .logo{flex-shrink:1}.mock-surface{overflow-wrap:anywhere}}
@media(max-width:1279px){html:not(.js) #rail{display:block;position:relative;top:0;width:100%;height:auto}html:not(.js) #rail nav{max-height:none}html:not(.js) .mobile-bar button{display:none}}
@media print{.chapter-number{display:none!important}}
nav a{min-height:44px}.door-band{min-width:0}.door-band .logo{width:100%;max-width:240px}.social{min-width:0;width:100%}
@media(max-width:767px){.social{aspect-ratio:auto}.door{min-width:0;width:100%}.door-band{width:100%;padding:20px 12px}.reception .logo{flex-shrink:1}}
#contact>.logo{max-width:100%}
.colour-versions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:48px 0}.colour-versions>div{padding:20px 12px;border:1px solid var(--fw-border);min-width:0}.colour-versions .logo{width:100%}.colour-versions p{margin-top:16px}
@media(max-width:767px){.receipt:nth-child(n+9){display:none}.colour-versions{grid-template-columns:repeat(2,minmax(0,1fr))}}