:root{--forest:#183d35;--paper:#f4f1e8;--amber:#e8b45f;--muted:#58665b;--line:#cdcfc1;--sage:#d5dcc7;--white:#fffdf6;--danger:#853d2b;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--forest);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img,svg{max-width:100%;height:auto}em{font-family:var(--serif);font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--danger);outline-offset:4px}::selection{background:var(--amber);color:var(--forest)}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.skip{position:fixed;z-index:20;top:12px;left:16px;background:var(--forest);color:var(--paper);padding:12px 20px;transform:translateY(-180%)}.skip:focus{transform:none}#main:focus{outline:none}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.12em}.caption,.note{font-size:12px;line-height:1.8;color:var(--muted)}.note a{text-decoration:underline;text-underline-offset:4px}.note{margin-top:22px}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;align-items:center;gap:20px;flex-shrink:0}.brand>span{font-size:48px;line-height:1;font-weight:800;letter-spacing:-5px}.brand .dot{color:#9a5b1b;margin-left:4px}.brand small{font-size:9px;line-height:1.6;letter-spacing:.1em;font-weight:700}.header nav{display:flex;gap:32px;align-items:center;font-size:13px}.header nav>a{padding-block:10px}.header nav>a:hover{text-decoration:underline;text-underline-offset:5px}.header .header-download{border:1px solid var(--forest);padding:12px 18px;display:flex;gap:32px}.cover{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:52px 48px;align-items:center}.cover-copy{padding-block:22px}.cover h1{font-size:clamp(68px,6.4vw,104px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin-top:29px}.cover h1 em{letter-spacing:-.065em}.cover-lead{font-size:17px;line-height:1.8;margin-top:29px}.cover .button{margin-top:29px}.cover .caption{margin-top:27px;font-size:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;gap:32px;padding:13px 20px;border:1px solid var(--forest);border-radius:2px;font-size:13px;font-weight:600;line-height:1.5;background:transparent;transition:background .18s ease-in-out,color .18s ease-in-out,transform .18s ease-in-out}.button span{font-size:20px}.button.primary{background:var(--forest);color:var(--paper)}.button.primary:hover{background:#2e5546}.button.secondary:hover{background:var(--sage)}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;background:#e3e4d9;color:var(--muted);border-color:var(--line);transform:none}.cover-art{min-height:650px;align-self:stretch;background:var(--forest);position:relative;isolation:isolate;overflow:hidden;color:var(--paper)}.art-edge{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;z-index:2}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#f4f1e811 1px,transparent 1px),linear-gradient(90deg,#f4f1e811 1px,transparent 1px);background-size:48px 48px}.art-arch{position:absolute;border:1px solid #aebd9c80;border-radius:240px 240px 0 0;bottom:0;left:50%;transform:translateX(-50%)}.arch-one{width:80%;height:81%}.arch-two{width:60%;height:71%;background:#31564b}.arch-three{width:40%;height:61%;background:var(--amber);border-color:var(--amber)}.art-sign{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%) rotate(-8deg);width:190px;box-shadow:10px 13px 0 #102a23}.art-sign img{display:block;width:100%}.art-orbit{position:absolute;top:25%;left:-10%;width:120%;height:42%;border:1px solid #f4f1e866;transform:rotate(-27deg);border-radius:50%;z-index:-1}.art-star{position:absolute;right:11%;top:62%;font-size:73px;line-height:1;color:var(--paper)}.art-ticket{position:absolute;bottom:18%;left:8%;padding:17px 21px;background:var(--paper);color:var(--forest);transform:rotate(4deg);box-shadow:0 7px 0 #183d3533}.art-ticket>span{font-size:8px;letter-spacing:.12em;display:block}.art-ticket>strong{font-family:var(--serif);font-size:23px;font-style:italic;font-weight:400}.art-bottom{position:absolute;bottom:22px;left:26px;right:26px;font-size:8px;letter-spacing:.14em}.edition{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:18px;font-size:10px;letter-spacing:.08em}.book{display:grid;grid-template-columns:185px minmax(0,1fr);gap:66px;align-items:start;padding-block:75px 0}.contents{position:sticky;top:28px;padding-top:6px}.contents>.eyebrow{font-size:9px;color:var(--muted)}.contents nav{margin-top:22px;border-top:1px solid var(--line)}.contents nav a{display:flex;align-items:center;gap:14px;font-size:12px;min-height:45px;border-bottom:1px solid var(--line)}.contents nav a>span:first-child{font-size:9px;color:var(--muted)}.contents nav a>span:last-child{margin-left:auto}.contents nav a:hover{background:#e6e9db}.contents-file{font-size:11px;display:flex;justify-content:space-between;gap:16px;min-height:48px;align-items:center;margin-top:18px;font-weight:700}.chapters{min-width:0}.chapter{padding:0 0 95px;scroll-margin-top:30px}.chapter+.chapter{border-top:1px solid var(--line);padding-top:75px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.section-top>span{font-size:10px;color:var(--muted)}h2{font-size:clamp(40px,4.2vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.045em}h3{font-size:23px;font-weight:400;letter-spacing:-.025em;line-height:1.25}.lead{font-size:17px;line-height:1.85;max-width:66ch;margin-top:28px}.body-copy{font-size:15px;line-height:1.85;margin-top:28px;max-width:66ch}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-block:40px}.principle-grid article{border-top:1px solid var(--line);padding-top:17px}.principle-grid article>span{font:italic 20px var(--serif);color:#8b672d}.principle-grid h3{margin-top:17px}.principle-grid p{font-size:13px;line-height:1.8;margin-top:12px;color:var(--muted)}.product-family{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.family-card{padding:24px 20px;display:flex;flex-direction:column;min-width:0;transition:transform .18s ease-in-out}.family-card:hover{transform:translateY(-4px)}.family-learn{background:var(--forest);color:var(--paper)}.family-dom{background:var(--amber)}.family-connect{background:var(--sage)}.family-card .eyebrow{font-size:8px;letter-spacing:.08em}.family-symbol{font-size:65px;line-height:1.3;margin-block:17px 13px;font-family:var(--serif)}.family-card h3{font-size:25px}.family-card p{font-size:12px;line-height:1.8;margin-block:15px 30px}.family-link{font-size:11px;border-top:1px solid currentColor;padding-top:14px;margin-top:auto}.mark-spec{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:36px}.mark-stage{background:#e7e8dd;min-height:300px;padding:42px 20px 24px;text-align:center}.clearspace{width:240px;padding:40px;max-width:100%;border:1px dashed #8b9982;margin:auto;position:relative}.clearspace img{display:block}.space-label{position:absolute;top:9px;left:17px;font-size:11px}.mark-stage>p{font-size:10px;margin-top:22px}.mark-rules>.eyebrow{font-size:9px;color:var(--muted)}.mark-rules h3{margin-top:16px}.mark-rules ul{padding-left:17px;margin-block:18px;font-size:13px;line-height:1.8}.mark-rules li+li{margin-top:7px}.mark-min{display:flex;align-items:center;gap:16px;font-size:10px;color:var(--muted);margin-top:22px}.mark-min img{width:24px;flex-shrink:0}.sign-downloads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.sign-downloads>a{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line)}.sign-downloads>a:hover{background:#e9ecdf}.sign-downloads img{width:52px;flex-shrink:0}.sign-downloads strong,.sign-downloads small{display:block}.sign-downloads strong{font-weight:400;font-size:16px}.sign-downloads small{font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px}.sign-downloads b{margin-left:auto;font-weight:400}.palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}.swatch{padding:25px 23px;min-height:265px;border:1px solid var(--line);display:flex;flex-direction:column}.swatch.forest{background:var(--forest);color:var(--paper);border-color:var(--forest)}.swatch.paper{background:var(--paper)}.swatch.amber{background:var(--amber);border-color:var(--amber)}.swatch>span{font-size:8px;letter-spacing:.1em}.swatch h3{font:italic 34px var(--serif);margin-top:45px}.swatch code{font:12px var(--sans);margin-top:10px}.swatch p{font-size:11px;line-height:1.8;margin-top:auto;padding-top:23px}.contrast-panel{display:grid;grid-template-columns:.9fr 1fr;gap:40px;margin-top:36px;padding:28px;border:1px solid var(--line)}.contrast-panel h3{margin-top:15px}.contrast-panel p:not(.eyebrow){font-size:12px;line-height:1.8;margin-top:17px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:12px;align-self:start}caption{text-align:left;font-size:10px;color:var(--muted);margin-bottom:13px}th,td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line)}thead th{font-size:9px;font-weight:700;letter-spacing:.07em}tbody th{font-weight:400}td{text-align:right;font-variant-numeric:tabular-nums}.type-specimen{display:grid;grid-template-columns:1fr 1fr;margin-top:42px;gap:36px}.type-display{padding:30px;background:var(--forest);color:var(--paper)}.type-large{font-size:76px;letter-spacing:-.06em;line-height:1.05;margin-top:25px}.type-display>p:last-child{font-size:13px;line-height:1.8;margin-top:30px;color:var(--sage)}.type-rules{padding-block:10px}.type-rules>p:not(.note){font-size:13px;line-height:1.8;margin-top:19px}.type-rules dl{margin:23px 0 0}.type-rules dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:10px;font-size:11px}.type-rules dd{margin:0;text-align:right;color:var(--muted)}.type-rules .note{font-size:11px}.spacing{margin-top:38px;padding-block:24px;border-block:1px solid var(--line)}.spacing>div{display:flex;gap:12px;align-items:flex-end;margin-block:22px}.spacing span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--sage);font-size:11px}.spacing span:nth-child(2){width:48px;height:40px}.spacing span:nth-child(3){width:64px;height:48px}.spacing span:nth-child(4){width:80px;height:56px}.spacing span:nth-child(5){width:96px;height:64px}.spacing span:nth-child(6){width:112px;height:72px}.spacing>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);max-width:66ch}.component-board{border:1px solid var(--line);margin-top:35px;padding:30px}.component-row+.component-row{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.actions .button{font-size:12px;padding-inline:17px;gap:20px}.component-row>.note{margin-top:18px}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.status{padding:7px 12px;font-size:11px;line-height:1.5;border:1px solid var(--line);background:var(--white)}.status-ok{background:var(--sage);border-color:var(--sage)}.status-warn{background:var(--amber);border-color:var(--amber)}.status-unknown{color:var(--muted)}.demo{display:grid;grid-template-columns:1fr 1fr;gap:35px}.demo h3{margin-top:17px}.demo>div>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px}.demo #demo-form label{display:block;font-size:12px;margin-bottom:8px;font-weight:600}.demo input{display:block;width:100%;min-height:48px;border:1px solid #87947f;border-radius:2px;background:var(--white);padding:12px;color:var(--forest);font-size:13px}.demo input::placeholder{color:var(--muted);opacity:1}.demo input[aria-invalid=true]{border:2px solid var(--danger)}.demo #demo-form .note{font-size:10px;margin-top:8px}.demo #demo-form button{margin-top:16px}.demo-status{font-size:12px;line-height:1.7;margin-top:16px;padding:12px;border-left:2px solid var(--line);color:var(--muted)}.demo-status[data-state=error]{color:var(--danger);border-color:var(--danger)}.demo-status[data-state=success]{color:var(--forest);background:var(--sage);border-color:var(--forest)}.js-only{display:none}.js-ready .js-only{display:inline-flex}.disclosure{border-block:1px solid var(--line);margin-top:28px}.disclosure summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;padding-block:18px}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary>span{font-size:24px;line-height:1}.disclosure[open] summary>span{transform:rotate(45deg)}.disclosure>p{font-size:13px;line-height:1.8;padding-bottom:22px;color:var(--muted)}.motion-demo{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;margin-top:35px;padding:35px;background:var(--forest);color:var(--paper);overflow:hidden}.motion-orbit{width:260px;height:260px;max-width:100%;position:relative;margin:auto;display:flex;align-items:center;justify-content:center}.motion-orbit:before,.motion-orbit:after{content:'';position:absolute;inset:12px;border:1px solid #9eb19780;border-radius:50%}.motion-orbit:after{inset:40px;border-color:#9eb19755}.motion-orbit img{width:88px;position:relative;z-index:1}.motion-track{position:absolute;inset:10px;animation:orbit 16s ease-in-out infinite;animation-play-state:paused}.motion-track:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:var(--amber);top:18px;left:31px}.motion-dot{position:absolute;width:6px;height:6px;right:28px;bottom:29px;border-radius:50%;background:var(--paper)}[data-motion=running] .motion-track{animation-play-state:running}.motion-demo .eyebrow{font-size:9px;color:var(--sage)}.motion-demo h3{font-size:29px;margin-top:17px}.motion-demo>div>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:19px;max-width:38ch}.motion-demo .note{color:var(--sage)}.motion-button{color:var(--paper);border-color:var(--sage);margin-top:21px;font-size:11px}.motion-button:hover{background:#31564b}.motion-button:focus-visible{outline-color:var(--amber)}.motion-button:disabled{background:transparent;color:var(--sage);border-color:#9eb19780}.rule-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.rule-pair article{border-top:1px solid var(--line);padding-top:21px}.rule-pair h3{margin-top:16px}.rule-pair p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px}.copy-examples{margin-top:35px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.copy-examples article{padding:23px;background:#e8eadd;border-top:3px solid var(--forest)}.copy-examples article:nth-child(2){background:#eee1c5;border-top-color:#987037}.copy-examples article:nth-child(3){background:var(--sage);border-top-color:#6a8061}.copy-label{font-size:8px;font-weight:700;letter-spacing:.08em;line-height:1.6;display:block}.copy-examples h3{font-size:23px;margin-top:26px;line-height:1.2}.copy-examples p{font-size:12px;line-height:1.8;margin-top:19px}.copy-examples .copy-foot{font-size:10px;margin-top:25px;padding-top:15px;border-top:1px solid #183d3540}.voice-note{display:flex;gap:22px;align-items:flex-start;padding-top:25px;margin-top:10px}.voice-note>span{font:40px var(--serif);line-height:1}.voice-note p{font-size:12px;line-height:1.85;color:var(--muted)}.voice-note strong{font-weight:600;color:var(--forest)}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:36px}.application-grid article{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column}.application-grid article>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.application-grid h3{font-size:22px;margin-top:23px}.application-grid p{font-size:13px;line-height:1.8;color:var(--muted);margin-block:17px 22px}.inline-link{font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;margin-top:auto;align-self:flex-start}.family-boundary{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:30px 33px;background:#ede8d9;margin-top:35px;border:1px solid var(--line)}.family-boundary .eyebrow{font-size:8px;letter-spacing:.08em}.family-boundary h3{font:italic 30px var(--serif);margin-top:18px}.family-boundary p:not(.eyebrow){font-size:13px;line-height:1.8;margin-top:16px;max-width:56ch;color:var(--muted)}.family-boundary .inline-link{margin-top:12px}.family-boundary>span{font:110px var(--serif);color:#9e7c3f;line-height:1}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}.icon-grid figure{min-width:0}.icon-grid img{width:100%;border-radius:20%;display:block}.icon-grid figcaption{padding-top:18px}.icon-grid strong{display:block;font-size:14px;font-weight:500;line-height:1.4}.icon-grid figcaption>span{font-size:10px;line-height:1.7;color:var(--muted);margin-top:6px;display:block;min-height:34px}.icon-grid p{display:flex;gap:19px;margin-top:9px}.icon-grid a{font-size:11px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.archive-links{display:flex;flex-wrap:wrap;gap:12px 26px;padding-bottom:15px}.archive-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.resource-list{margin-top:35px;border-top:1px solid var(--line)}.resource-list>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:24px;border-bottom:1px solid var(--line)}.resource-list>a:hover{background:#e9ecdf}.resource-list strong{display:block;font-size:19px;font-weight:400;letter-spacing:-.02em}.resource-list small{display:block;font-size:12px;line-height:1.7;margin-top:6px;color:var(--muted)}.resource-list>a>span:last-child{font-size:24px}.implementation-note{padding:28px 30px;background:#e6e9dc;margin-block:30px}.implementation-note ol{font-size:13px;line-height:1.8;padding-left:17px;margin-block:18px}.implementation-note li+li{margin-top:7px}.implementation-note>p:last-child{font-size:12px;line-height:1.8;color:var(--muted)}.footer{background:var(--forest);color:var(--paper);padding-block:42px}.footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:11px;line-height:1.8;color:var(--sage)}.footer .dot{color:var(--amber)}.footer>.wrap>a:last-child{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.footer a:focus-visible{outline-color:var(--amber)}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){.cover h1{font-size:112px}.cover-art{min-height:700px}.book{gap:85px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.book{grid-template-columns:145px minmax(0,1fr);gap:36px}.cover{gap:32px}.cover-art{min-height:600px}.cover h1{font-size:7.6vw}.contents nav a{font-size:11px;gap:9px}.contents>.eyebrow{font-size:8px}.section-top>span{font-size:9px}.family-card{padding:23px 17px}.family-card h3{font-size:21px}.family-card .eyebrow{font-size:7px}.family-card p{font-size:11px}.mark-spec{gap:25px}.mark-stage{padding-inline:15px;min-height:280px}.clearspace{padding:33px}.mark-rules h3{font-size:21px}.mark-rules ul{font-size:12px}.sign-downloads>a{padding:17px;gap:12px}.sign-downloads img{width:43px}.sign-downloads small{font-size:9px}.swatch{padding:22px 18px;min-height:250px}.swatch h3{font-size:30px}.contrast-panel{gap:25px;padding:23px}.contrast-panel h3{font-size:22px}.type-specimen{gap:25px}.type-display{padding:24px}.type-large{font-size:65px}.type-rules dl>div{flex-direction:column;gap:4px}.type-rules dd{text-align:left}.component-board{padding:25px}.demo{gap:25px}.motion-demo{padding:28px;gap:28px}.motion-orbit{width:210px;height:210px}.motion-demo h3{font-size:25px}.copy-examples{grid-template-columns:1fr}.copy-examples article{padding:26px}.copy-examples h3{font-size:29px;margin-top:20px}.copy-examples p{max-width:62ch;font-size:13px}.copy-examples .copy-foot{font-size:11px}.copy-label{font-size:10px}.application-grid{gap:20px}.application-grid h3{font-size:20px}.icon-grid{gap:14px}.icon-grid strong{font-size:12px}.icon-grid a{font-size:10px}.icon-grid p{gap:13px}}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.header{min-height:94px}.brand>span{font-size:44px}.brand small{font-size:8px}.header nav{gap:23px;font-size:12px}.cover{gap:27px;padding-top:37px}.cover-art{min-height:565px}.cover h1{font-size:8.2vw}.cover .eyebrow{font-size:8px}.cover-lead{font-size:14px}.art-sign{width:145px}.art-ticket{padding:15px;left:5%;bottom:21%}.art-ticket>strong{font-size:19px}.art-edge{left:17px;right:17px;font-size:7px}.art-bottom{font-size:7px;left:18px;right:18px}.art-star{font-size:60px}.book{grid-template-columns:1fr;gap:40px;padding-top:38px}.contents{position:static;padding:0}.contents nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px;margin-top:17px}.contents nav a{font-size:12px;min-height:45px}.contents-file{margin-top:9px;max-width:190px}.contents>.eyebrow{font-size:9px}.chapter{padding-bottom:65px}.chapter+.chapter{padding-top:55px}.section-top>span{font-size:10px}h2{font-size:48px}.lead{font-size:16px}.family-card{padding:25px}.family-card h3{font-size:26px}.family-card p{font-size:12px}.family-card .eyebrow{font-size:8px}.mark-stage{min-height:310px}.clearspace{padding:40px}.mark-rules ul{font-size:13px}.sign-downloads small{font-size:11px}.sign-downloads img{width:52px}.sign-downloads>a{padding:20px}.type-rules dl>div{flex-direction:row;gap:15px}.type-rules dd{text-align:right}.copy-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.copy-examples article{padding:23px 19px}.copy-examples h3{font-size:23px}.copy-examples p{font-size:12px}.copy-examples .copy-foot{font-size:10px}.copy-label{font-size:8px}.icon-grid strong{font-size:14px}.icon-grid a{font-size:11px}.footer .brand small{font-size:7px}.footer .brand{gap:15px}}
@media(max-width:700px){.header nav>a:not(.header-download){display:none}.cover{grid-template-columns:1fr;gap:30px}.cover-copy{padding-block:3px}.cover h1{font-size:clamp(66px,13vw,90px);line-height:.99}.cover-lead{font-size:16px}.cover .caption{font-size:11px}.cover-art{min-height:490px}.art-sign{width:155px}.art-ticket{left:9%;bottom:20%}.art-ticket>strong{font-size:24px}.art-star{right:13%;top:61%;font-size:70px}.art-edge{font-size:8px;left:23px;right:23px}.art-bottom{font-size:8px;left:23px}.edition{font-size:8px;letter-spacing:.05em}.principle-grid{gap:20px}.principle-grid h3{font-size:21px}.principle-grid p{font-size:12px}.family-card{padding:21px 17px}.family-card h3{font-size:22px}.family-card p{font-size:11px}.family-card .eyebrow{font-size:7px}.family-symbol{font-size:58px}.mark-spec{grid-template-columns:1fr;gap:26px}.mark-stage{min-height:300px}.mark-rules>.eyebrow{font-size:10px}.mark-rules h3{font-size:24px}.mark-rules ul{font-size:14px}.mark-min{font-size:11px}.sign-downloads{gap:12px}.sign-downloads>a{padding:17px;gap:13px}.sign-downloads small{font-size:10px}.sign-downloads img{width:42px}.palette .swatch{padding:22px 17px}.contrast-panel{grid-template-columns:1fr}.contrast-panel h3 br{display:none}.contrast-panel p:not(.eyebrow){max-width:60ch}.contrast-panel table{font-size:13px}.type-specimen{grid-template-columns:1fr;gap:25px}.type-display{padding:30px}.type-large{font-size:80px}.type-rules dl>div{font-size:12px}.type-rules>p:not(.note){font-size:14px}.spacing>div{gap:8px}.spacing span{flex:1}.demo{grid-template-columns:1fr}.demo>div>p:last-child{font-size:13px}.demo #demo-form .note{font-size:11px}.demo #demo-form label,.demo input{font-size:14px}.demo-status{font-size:13px}.motion-demo{grid-template-columns:1fr;gap:21px;padding:28px}.motion-orbit{width:230px;height:230px}.motion-demo>div>p:not(.eyebrow){font-size:14px;max-width:100%}.motion-demo h3{font-size:28px}.motion-demo .eyebrow{font-size:9px}.copy-examples{grid-template-columns:1fr}.copy-examples article{padding:27px}.copy-examples h3{font-size:31px}.copy-examples p{font-size:14px}.copy-label{font-size:10px}.copy-examples .copy-foot{font-size:12px}.application-grid{grid-template-columns:1fr;gap:27px}.application-grid h3{font-size:26px;margin-top:15px}.application-grid p{font-size:14px;margin-block:14px 12px}.application-grid article>span{font-size:10px}.inline-link{font-size:13px}.family-boundary{padding:27px;gap:20px}.family-boundary>span{font-size:80px}.family-boundary p:not(.eyebrow){font-size:13px}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.icon-grid img{width:100%;max-width:200px}.icon-grid figcaption>span{min-height:0;font-size:11px}.icon-grid strong{font-size:16px}.icon-grid p{gap:24px}.footer>.wrap{flex-wrap:wrap;align-items:flex-start}.footer .brand{width:100%}.footer .brand small{font-size:9px}.footer p{font-size:11px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;gap:17px}.brand{gap:13px}.brand>span{font-size:41px}.brand small{font-size:7px}.header .header-download{gap:17px;padding:11px 13px;font-size:11px}.cover{padding-top:29px;padding-bottom:29px}.cover h1{font-size:clamp(57px,14.1vw,72px);margin-top:24px}.cover h1 br:nth-of-type(2){display:block}.cover .eyebrow{font-size:8px;letter-spacing:.08em}.cover-lead{font-size:14px;margin-top:23px}.cover .button{font-size:12px;margin-top:24px}.cover .caption{margin-top:21px;font-size:10px}.cover-art{min-height:415px}.art-sign{width:125px;top:37%}.art-ticket{left:7%;padding:14px 17px;bottom:18%}.art-ticket>strong{font-size:22px}.art-ticket>span{font-size:7px}.art-star{font-size:59px;top:60%;right:11%}.art-edge{left:18px;right:18px;font-size:6px;top:20px}.art-bottom{left:18px;font-size:6px;bottom:18px}.edition{display:block;font-size:8px;padding-block:15px}.edition>span:last-child{display:block;font-size:10px;margin-top:7px;letter-spacing:0;color:var(--muted)}.book{padding-top:29px;gap:33px}.contents nav{gap:0 19px;grid-template-columns:1fr 1fr}.contents nav a{font-size:11px;gap:10px}.contents nav a>span:first-child{font-size:8px}.contents>.eyebrow{font-size:8px}.contents-file{font-size:11px;margin-top:12px}.chapter{padding-bottom:49px}.chapter+.chapter{padding-top:43px}.section-top{display:block;margin-bottom:22px}.section-top .eyebrow{font-size:9px}.section-top>span{display:block;font-size:10px;margin-top:9px}h2{font-size:39px;line-height:1.09}.lead{font-size:14px;line-height:1.85;margin-top:22px}.principle-grid{grid-template-columns:1fr;gap:22px;margin-block:28px}.principle-grid article{display:grid;grid-template-columns:32px 1fr;gap:6px 14px;padding-top:18px}.principle-grid article>span{grid-row:1/3;font-size:19px}.principle-grid h3{font-size:22px;margin-top:0}.principle-grid p{font-size:13px;margin-top:4px}.product-family{grid-template-columns:1fr;gap:13px}.family-card{padding:26px}.family-card .eyebrow{font-size:9px}.family-symbol{font-size:68px;margin-block:15px 10px}.family-card h3{font-size:30px}.family-card p{font-size:14px;margin-block:14px 24px}.family-link{font-size:12px;padding-top:15px}.note{font-size:12px;line-height:1.85;margin-top:20px}.mark-spec{margin-top:27px;gap:24px}.mark-stage{min-height:282px;padding-top:28px}.clearspace{width:220px;padding:34px}.mark-stage>p{font-size:10px;margin-top:17px}.mark-rules>.eyebrow{font-size:9px}.mark-rules ul{font-size:13px}.sign-downloads{grid-template-columns:1fr}.sign-downloads>a{padding:20px}.sign-downloads img{width:48px}.sign-downloads small{font-size:11px}.palette{grid-template-columns:1fr;margin-top:27px}.swatch{min-height:210px;padding:24px!important}.swatch>span{font-size:9px}.swatch h3{font-size:38px;margin-top:22px}.swatch code{font-size:13px;margin-top:7px}.swatch p{font-size:13px;margin-top:0;padding-top:20px}.swatch p br{display:none}.body-copy{font-size:14px;margin-top:22px}.contrast-panel{padding:23px;gap:25px;margin-top:26px}.contrast-panel .eyebrow{font-size:9px}.contrast-panel h3{font-size:25px}.contrast-panel p:not(.eyebrow){font-size:12px}.contrast-panel table{font-size:12px}caption{font-size:10px}.type-specimen{margin-top:27px}.type-display{padding:27px}.type-display .eyebrow{font-size:10px}.type-large{font-size:72px}.type-rules h3{font-size:25px}.type-rules>p:not(.note){font-size:13px}.type-rules .note{font-size:12px}.type-rules dl>div{font-size:11px;gap:14px}.spacing{margin-top:26px}.spacing .eyebrow{font-size:9px}.spacing>div{gap:5px;margin-block:20px}.spacing span{font-size:9px;min-width:0}.spacing>p:last-child{font-size:12px}.component-board{padding:23px;margin-top:27px}.component-row>.eyebrow,.demo .eyebrow{font-size:9px}.actions{gap:11px}.actions .button{width:100%;font-size:11px;padding-inline:15px;gap:12px}.component-row>.note{font-size:11px}.status-row{gap:9px}.status{font-size:11px}.demo{gap:25px}.demo h3{font-size:24px}.demo>div>p:last-child{font-size:12px}.demo #demo-form label{font-size:13px}.demo input{font-size:12px}.demo #demo-form .note{font-size:11px}.demo #demo-form button{font-size:11px;gap:20px}.demo-status{font-size:12px}.disclosure summary{font-size:12px}.disclosure>p{font-size:12px}.motion-demo{margin-top:27px;padding:24px;gap:18px}.motion-orbit{width:220px;height:220px}.motion-demo h3{font-size:26px}.motion-demo>div>p:not(.eyebrow){font-size:13px}.motion-demo .eyebrow{font-size:8px}.motion-button{font-size:10px;gap:20px;padding-inline:15px}.rule-pair{grid-template-columns:1fr;gap:23px;margin-top:25px}.rule-pair .eyebrow{font-size:9px}.rule-pair h3{font-size:24px;margin-top:14px}.rule-pair p:last-child{font-size:13px}.copy-examples{margin-top:27px}.copy-examples article{padding:25px}.copy-examples h3{font-size:28px}.copy-label{font-size:9px}.copy-examples p{font-size:13px}.copy-examples .copy-foot{font-size:11px}.voice-note{gap:15px;padding-top:24px}.voice-note>span{font-size:31px}.voice-note p{font-size:12px}.application-grid{margin-top:27px}.application-grid p{font-size:13px}.family-boundary{padding:25px;gap:10px;margin-top:27px}.family-boundary>span{display:none}.family-boundary .eyebrow{font-size:8px}.family-boundary h3{font-size:29px}.family-boundary p:not(.eyebrow){font-size:13px}.family-boundary .inline-link{font-size:12px}.icon-grid{gap:20px 17px;margin-top:27px}.icon-grid strong{font-size:14px}.icon-grid figcaption>span{font-size:10px}.icon-grid p{gap:15px}.icon-grid a{font-size:11px}.archive-links{gap:7px 20px}.archive-links a{font-size:11px}.resource-list{margin-top:27px}.resource-list>a{padding-block:22px;gap:17px}.resource-list strong{font-size:20px}.resource-list small{font-size:11px}.implementation-note{padding:24px;margin-block:26px}.implementation-note .eyebrow{font-size:9px}.implementation-note ol{font-size:12px;line-height:1.85}.implementation-note>p:last-child{font-size:12px}.footer{padding-block:32px}.footer>.wrap{gap:25px}.footer .brand small{font-size:8px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{gap:10px}.brand>span{font-size:36px}.brand small{font-size:6px}.header .header-download{font-size:10px;gap:12px;padding:10px}.cover h1{font-size:16.5vw}.cover-art{min-height:370px}.art-sign{width:112px}.art-ticket{padding:12px 14px}.art-ticket>strong{font-size:19px}.art-star{font-size:49px}.cover-lead{font-size:13px}h2{font-size:35px}.contents nav{gap:0 16px}.contents nav a{font-size:10px}.component-board,.contrast-panel{padding:20px}.motion-demo{padding:21px}.motion-orbit{width:200px;height:200px}.type-rules dl>div{font-size:10px}.family-card{padding:24px}.copy-examples article{padding:23px}.copy-examples h3{font-size:26px}.icon-grid strong{font-size:13px}.icon-grid p{gap:11px}.icon-grid a{font-size:10px}.resource-list strong{font-size:18px}.footer>.wrap>a:last-child{font-size:11px}.footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.family-card:hover{transform:none}}
@media print{@page{margin:16mm}html{scroll-behavior:auto}body{background:#fff;color:#183d35;font-size:11pt}.wrap{width:100%;max-width:none}.header{min-height:60px}.header nav,.contents,.cover-art,.skip,.js-only,.footer>.wrap>a:last-child{display:none!important}.cover{display:block;padding:25px 0}.cover-copy{padding:0}.cover h1{font-size:48pt}.cover-lead{font-size:13pt}.cover .button{display:none}.cover .caption{margin-top:15px}.edition{font-size:9pt}.book{display:block;padding-top:25px}.chapter,.chapter+.chapter{padding:25px 0;break-before:auto}.chapter+.chapter{border-top:1px solid #999}.section-top{margin-bottom:16px}.section-top>span{font-size:9pt}h2{font-size:30pt}.lead{font-size:12pt}.product-family,.principle-grid,.palette,.copy-examples,.application-grid{grid-template-columns:repeat(3,1fr);gap:12px}.family-card,.swatch,.copy-examples article,.type-display,.motion-demo,.family-boundary,.implementation-note{background:#fff!important;color:#183d35!important;border:1px solid #aaa;box-shadow:none}.family-card{padding:15px}.family-card p{font-size:10pt}.family-card .eyebrow{font-size:7pt}.family-symbol{font-size:30pt;margin:7px 0}.family-card h3{font-size:17pt}.family-link{font-size:8pt}.principle-grid{margin-block:20px}.principle-grid p,.application-grid p{font-size:10pt}.mark-spec,.contrast-panel,.type-specimen,.demo,.motion-demo{grid-template-columns:1fr 1fr}.mark-stage{min-height:230px}.clearspace{width:170px;padding:25px}.mark-stage>p{font-size:8pt}.swatch{min-height:180px!important;padding:16px!important}.swatch h3{font-size:24pt;margin-top:20px}.swatch p{font-size:9pt}.contrast-panel{padding:15px;gap:20px}.type-large{font-size:48pt}.type-display>p:last-child{color:#183d35}.type-rules dl>div{font-size:8pt}.copy-examples article{padding:15px}.copy-examples h3{font-size:18pt}.copy-examples p{font-size:10pt}.copy-label,.copy-examples .copy-foot{font-size:8pt}.motion-orbit{display:none}.motion-demo{display:block;padding:20px}.motion-demo .eyebrow,.motion-demo .note{color:#183d35}.motion-demo>div>p:not(.eyebrow){max-width:100%;font-size:10pt}.family-boundary{padding:20px}.family-boundary>span{display:none}.icon-grid{grid-template-columns:repeat(4,1fr);gap:18px}.icon-grid img{width:90px}.icon-grid strong{font-size:10pt}.icon-grid a{font-size:9pt}.icon-grid figcaption>span{font-size:8pt}.resource-list strong{font-size:13pt}.resource-list small{font-size:9pt}.footer{background:#fff;color:#183d35;border-top:1px solid #999;padding:22px 0}.footer p{color:#183d35;font-size:9pt}.footer>.wrap{display:flex}.footer .brand{width:auto}.footer .dot{color:#183d35}.button{background:transparent!important;color:#183d35!important;border-color:#183d35!important}.demo-status{font-size:9pt}.lead,.body-copy,.note{max-width:100%}.chapter>h2,.section-top,h3{break-after:avoid}figure,.family-card,.swatch,.copy-examples article,.rule-pair article{break-inside:avoid}a[href^="https://"]:after{content:" (" attr(href) ")";font-size:8pt;overflow-wrap:anywhere}.family-card[href]:after{display:block;margin-top:12px}.family-card .family-link{display:none}.motion-track{animation:none!important}*{-webkit-print-color-adjust:economy;print-color-adjust:economy}}
/* Keep the serif specimen inside its reading column at the narrowest width. */
.type-display,.type-rules{min-width:0}
@media(max-width:360px){.type-large{font-size:64px}}
/* Keep the offscreen skip link unpainted in full-page captures until focused. */
.skip{opacity:0}.skip:focus{opacity:1}
/* Living brandbook: the runtime owns every animation and one global pause. */
.reading-progress{position:fixed;z-index:40;inset:0 0 auto;height:4px;background:transparent;pointer-events:none;contain:paint}.reading-progress span{display:block;width:100%;height:100%;background:var(--amber);transform:scaleX(0);transform-origin:left center}
.motion-console{position:fixed;z-index:30;bottom:20px;right:24px;align-items:center;gap:12px;padding:10px 12px 10px 16px;background:var(--forest);color:var(--paper);border:1px solid #9cb08e;box-shadow:0 5px 24px #102a2326;border-radius:3px;max-width:calc(100% - 32px)}.js-ready .motion-console{display:flex}.motion-indicator{height:7px;width:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.motion-console>span:not(.motion-indicator){font-size:10px;line-height:1.5;max-width:150px}.motion-console button{min-height:40px;border:1px solid #c5d1b9;background:transparent;color:var(--paper);padding:8px 12px;font-size:11px;line-height:1.4;white-space:nowrap}.motion-console button:hover{background:#31564b}.motion-console button:focus-visible{outline-color:var(--amber)}
.art-arch{transform-origin:bottom center}.motion-track{animation:none!important}.spacing span{transform-origin:bottom center}.clearspace img,.art-sign,.art-ticket,.art-star,.art-orbit{will-change:transform}
.contents nav a[aria-current=location]{background:var(--sage);padding-inline:8px}.contents nav a{transition:background .18s ease,color .18s ease}
.sign-controls{align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.js-ready .sign-controls{display:flex}.sign-controls>span{font-size:11px;color:var(--muted);margin-right:auto}.sign-controls button,.palette-controls button{background:transparent;border:1px solid var(--forest);color:var(--forest);padding:10px 14px;min-height:44px;font-size:12px;border-radius:2px;transition:background .18s ease,color .18s ease}.sign-controls button[aria-pressed=true],.palette-controls button[aria-pressed=true]{background:var(--forest);color:var(--paper)}.sign-controls button:hover,.palette-controls button:hover{box-shadow:inset 0 0 0 1px var(--forest)}
.palette-playground{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch;margin-top:28px;border:1px solid var(--line);padding:26px}.palette-playground .eyebrow{font-size:9px}.palette-playground h3{font-size:27px;margin-top:18px}.palette-playground .note{font-size:11px;margin-top:19px}.palette-controls{flex-wrap:wrap;gap:8px;margin-top:22px}.js-ready .palette-controls{display:flex}.palette-controls button{font-size:11px;padding-inline:12px}.palette-preview{padding:25px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;background:var(--forest);color:var(--paper);overflow:hidden}.palette-preview>p{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin-block:30px}.palette-preview-foot{font-size:10px}.palette-preview[data-palette=paper]{background:var(--paper);color:var(--forest);outline:1px solid var(--line);outline-offset:-1px}.palette-preview[data-palette=amber]{background:var(--amber);color:var(--forest)}
html[data-at-motion=paused]{scroll-behavior:auto}html[data-at-motion=paused] *,html[data-at-motion=paused] *:before,html[data-at-motion=paused] *:after{animation-play-state:paused!important;transition:none!important}html[data-at-motion=paused] .family-card:hover{transform:none}.footer{padding-bottom:105px}
@media(max-width:1100px){.motion-console>span:not(.motion-indicator){max-width:125px}.palette-playground{gap:23px;padding:23px}.palette-playground h3{font-size:24px}.palette-preview{padding:21px}.palette-preview>p{font-size:36px}}
@media(max-width:700px){.motion-console{bottom:12px;right:16px;gap:10px;padding:8px 10px 8px 12px}.motion-console>span:not(.motion-indicator){font-size:9px;max-width:100px}.motion-console button{font-size:10px;padding:9px 10px}.palette-playground{grid-template-columns:1fr;gap:23px}.palette-preview{min-height:245px;padding:25px}.palette-preview>p{font-size:44px}.palette-preview-foot{font-size:11px}.sign-controls>span{width:100%;margin-right:0}.footer{padding-bottom:105px}}
@media(max-width:360px){.motion-console{right:12px;max-width:calc(100% - 24px);gap:8px}.motion-console>span:not(.motion-indicator){font-size:8px;max-width:88px}.motion-console button{font-size:9px;padding-inline:9px}.palette-playground{padding:20px}.palette-preview{padding:22px}.palette-preview>p{font-size:39px}.sign-controls>span{font-size:10px}.palette-controls button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.clearspace img,.art-sign,.art-ticket,.art-star,.art-orbit{will-change:auto}}
@media print{.reading-progress,.motion-console,.sign-controls,.palette-controls{display:none!important}.palette-playground{grid-template-columns:1fr 1fr;padding:18px;gap:20px}.palette-preview{background:#fff!important;color:var(--forest)!important;border:1px solid var(--line)}.footer{padding-bottom:22px}.art-sign,.art-ticket,.art-star,.art-orbit,.art-arch,.family-symbol,.clearspace img,.spacing span,.motion-orbit img,.motion-track,.family-boundary>span{transform:none!important}}
html[data-at-motion=running] .resource-list>a:hover>span:last-child,html[data-at-motion=running] .resource-list>a:focus-visible>span:last-child{transform:translate(4px,-3px)}.resource-list>a>span:last-child{transition:transform .18s ease-in-out}
@media print{.chapter h2,.principle-grid article,.copy-examples article,.application-grid article,.icon-grid figure{transform:none!important;opacity:1!important}}
/* Reserve current-section inset before activation, keeping navigation labels still. */
.contents nav a{padding-inline:8px}

/* Intensity 3: graphic layers stay inside the cover; copy and controls keep their layout. */
.cover-art{isolation:isolate;overflow:hidden}.kinetic-ring,.kinetic-pulse,.kinetic-sweep{position:absolute;pointer-events:none;z-index:0}.kinetic-ring{width:82%;aspect-ratio:1;left:50%;top:48%;border:2px dashed #e8b45f80;border-radius:50%;transform:translate(-50%,-50%)}.kinetic-ring:before,.kinetic-ring:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--amber);top:12%;left:12%;box-shadow:0 0 28px #e8b45f70}.kinetic-ring:after{top:auto;left:auto;bottom:12%;right:12%;width:9px;height:9px;background:var(--paper)}.kinetic-pulse{width:67%;aspect-ratio:1;left:50%;top:48%;border:2px solid var(--amber);border-radius:50%;transform:translate(-50%,-50%);opacity:.12}.kinetic-sweep{inset:-20% -30%;background:linear-gradient(90deg,transparent 25%,#f4f1e81c 48%,transparent 66%);transform:translateX(-140%) skewX(-20deg)}
@media print{.kinetic-ring,.kinetic-pulse,.kinetic-sweep{display:none!important}}

/* A layered scene: pointer depth, drawn identity and a living constellation. */
.scene-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.scene-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;z-index:2}.scene-drawing{position:absolute;inset:0;width:100%;height:100%;background:var(--paper);color:var(--forest);border-radius:28%;opacity:0;pointer-events:none}.scene-drawing path{stroke-dasharray:1;stroke-dashoffset:1}.scene-replay{visibility:hidden;display:inline-flex;align-items:center;border:1px solid var(--forest);color:var(--forest);background:transparent;padding:12px 18px;min-height:46px;margin-top:22px;font:12px/1.4 var(--sans);cursor:pointer}.js-ready .scene-replay{visibility:visible}.scene-replay:disabled{opacity:.5;cursor:default}.scene-replay:hover:not(:disabled){background:var(--sage)}
.chapter{position:relative}.chapter:after{content:"";position:absolute;top:0;left:0;height:2px;width:100%;background:var(--forest);transform:scaleX(var(--chapter-progress,0));transform-origin:left center;pointer-events:none}.chapter:first-child:after{display:none}
@media(prefers-reduced-motion:reduce){.scene-world{will-change:auto}}
@media print{.scene-field,.scene-replay,.chapter:after{display:none!important}.scene-world{transform:none!important}.scene-drawing{display:none!important}}

/* Nine scene families: preserve the page geometry while changing the camera. */
.chapters{overflow:clip;overflow-clip-margin:10px}
.chapter-caption{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
.chapter-replay{visibility:hidden;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--forest);font-size:24px;line-height:1;transition:background .25s,color .25s}
.js-ready .chapter-replay{visibility:visible}.chapter-replay:hover{background:var(--forest);color:var(--paper)}.chapter-replay:focus-visible{outline-offset:-4px}.chapter-replay:disabled{opacity:.4;cursor:default}
.section-top{min-height:44px}.swatch{position:relative;isolation:isolate;overflow:hidden}.swatch-motion{position:absolute!important;z-index:-1;right:-25px;bottom:-25px;width:150px;height:150px;border:2px solid currentColor;border-radius:50%;opacity:.22;pointer-events:none}.swatch-motion:before,.swatch-motion:after{content:"";position:absolute;inset:15px;border:1px solid currentColor;border-radius:inherit}.swatch-motion:after{inset:32px}.swatch:nth-child(2) .swatch-motion{border-radius:14px}.swatch:nth-child(3) .swatch-motion{border-radius:50% 8% 50% 8%}
@media(max-width:480px){.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.chapter-caption>span{display:none}.section-top .eyebrow{max-width:calc(100% - 56px)}}
@media print{[data-enter]{transform:none!important;clip-path:none!important;opacity:1!important}.chapter-replay,.swatch-motion{display:none!important}.chapters{overflow:visible}.section-top{min-height:0}}