.cf-case{--cf-red:#ca3726;--cf-gold:#e8a227;--cf-ink:#2e2621;--cf-cream:#f7f1e6;--cf-line:#2e26212e;background:#fff;color:var(--cf-ink);font:16px/1.65 Arial,Helvetica,sans-serif;isolation:isolate;overflow-wrap:break-word}.cf-case *{box-sizing:border-box}.cf-case :where(h2,h3,h4,h5,p,figure){margin:0}.cf-case :where(a,button){font:inherit;color:inherit}.cf-case :where(a,button,[tabindex]):focus-visible{outline:3px solid #985c00;outline-offset:4px}.cf-case .cf-red :where(a,button,[tabindex]):focus-visible,.cf-case .cf-ink-section :where(a,button,[tabindex]):focus-visible{outline-color:#ffd36e}.cf-case a{text-underline-offset:5px}.cf-case button{cursor:pointer}.cf-case svg{display:block;max-width:100%;height:auto}.cf-case .cf-logo{width:100%;flex:none}.cf-case .cf-section{padding:88px max(24px,6vw);scroll-margin-top:100px}.cf-case .cf-cream{background:var(--cf-cream)}.cf-case .cf-red{background:var(--cf-red);color:#fff8e8}.cf-case .cf-ink-section{background:var(--cf-ink);color:var(--cf-cream)}.cf-case .cf-kicker{display:flex;gap:16px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cf-case .cf-heading{display:grid;grid-template-columns:1fr 2.25fr;gap:48px;margin-bottom:54px}.cf-case h2{font:700 clamp(42px,5.8vw,88px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.05em}.cf-case .cf-heading>div>p{max-width:740px;font-size:18px;line-height:1.65;margin-top:28px}.cf-case .cf-heading>.cf-kicker{padding-top:8px}.cf-case .cf-note{font-size:13px;line-height:1.7;margin-top:30px;max-width:1050px}.cf-case .cf-caption{font-size:13px;line-height:1.7;margin-top:25px}.cf-case .cf-chapters{padding:35px max(24px,6vw);border-top:1px solid var(--cf-line)}.cf-case .cf-chapters>.cf-kicker{margin-bottom:22px}.cf-case .cf-chapters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px}.cf-case .cf-chapters a{display:flex;gap:12px;font-size:14px;text-decoration:none;line-height:1.5}.cf-case .cf-chapters a:hover{text-decoration:underline}.cf-case .cf-chapters a>span{font-size:12px;color:#875b45;min-width:18px;padding-top:1px}.cf-case .cf-opening{display:grid;grid-template-columns:1.25fr 1fr;gap:0}.cf-case .cf-art-stage{background:#fff;padding:10%;color:var(--cf-ink)}.cf-case figcaption{font-size:12px;line-height:1.65;margin-top:24px}.cf-case .cf-opening-note{padding:5% 0 0 12%;display:flex;flex-direction:column;justify-content:space-between;gap:26px}.cf-case .cf-huge-number{font:700 clamp(100px,14vw,220px)/.8 Georgia,serif;letter-spacing:-.08em;color:var(--cf-gold)}.cf-case .cf-editorial{font:700 clamp(28px,3.4vw,50px)/1.08 Georgia,serif;letter-spacing:-.035em}.cf-case .cf-opening-note>p:not(.cf-editorial){max-width:300px}.cf-case .cf-composition-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:start}.cf-case .cf-parts{display:grid;gap:28px}.cf-case .cf-parts article{border-top:1px solid var(--cf-line);padding-top:22px}.cf-case .cf-parts article>span,.cf-case .cf-consistency-grid article>span{font-size:12px;font-weight:700;letter-spacing:.05em}.cf-case h3{font:700 30px/1.15 Georgia,serif;letter-spacing:-.03em}.cf-case .cf-parts h3{margin:16px 0 12px}.cf-case .cf-parts p{max-width:470px}.cf-case .cf-composition-art{background:var(--cf-cream);padding:24px}.cf-case .cf-safe{background:#fff;padding:8.333333%}.cf-case .cf-rule-line{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;margin-top:48px;padding-top:30px;border-top:1px solid var(--cf-line)}.cf-case .cf-rule-line b{font:700 32px/1.12 Georgia,serif;letter-spacing:-.03em}.cf-case .cf-rule-line p{max-width:650px}.cf-case .cf-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cf-case .cf-version-grid figure{min-width:0}.cf-case .cf-version-grid .cf-safe{padding:10%}.cf-case .cf-version-grid figcaption{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.cf-case .cf-version-grid figcaption b{font-size:13px}.cf-case .cf-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cf-case .cf-swatch{padding:30px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.cf-case .cf-swatch>span{font-size:12px;font-weight:700;letter-spacing:.05em}.cf-case .cf-swatch b{font-size:clamp(25px,3vw,42px);letter-spacing:-.045em;margin-top:55px}.cf-case .cf-swatch p{font-size:13px;line-height:1.8}.cf-case .cf-swatch-red{background:var(--cf-red);color:#fff8e8}.cf-case .cf-swatch-gold{background:var(--cf-gold);color:var(--cf-ink)}.cf-case .cf-swatch-ink{background:var(--cf-ink);color:#fff8e8}.cf-case .cf-colour-guidance{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;margin-top:42px}.cf-case .cf-colour-guidance strong{font:700 38px/1.05 Georgia,serif;letter-spacing:-.035em}.cf-case .cf-colour-guidance p+p{margin-top:20px}.cf-case .cf-type-poster{padding:50px 0;border-block:1px solid #fff4d74f}.cf-case .cf-type-poster p{font:700 clamp(66px,10vw,150px)/.95 Georgia,serif;letter-spacing:-.065em;color:var(--cf-gold)}.cf-case .cf-type-poster>span{display:block;margin-top:28px;font-size:13px}.cf-case .cf-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:44px}.cf-case .cf-type-grid article>.cf-kicker{margin-bottom:22px;color:#f6c86a}.cf-case .cf-type-grid h3,.cf-case .cf-type-body,.cf-case .cf-type-ui{margin-bottom:22px}.cf-case .cf-type-body{font-size:19px}.cf-case .cf-type-ui{font-size:18px;font-weight:700;line-height:2}.cf-case .cf-type-grid article>p:last-child{font-size:14px}.cf-case .cf-space-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.cf-case .cf-space-figure{min-width:0}.cf-case .cf-space-figure>svg{width:100%}.cf-case .cf-space-figure svg svg{width:1072px;height:1101px;max-width:none}.cf-case .cf-space-math>.cf-kicker{margin-bottom:24px}.cf-case .cf-math{font:700 clamp(30px,3.4vw,50px)/1.1 Georgia,serif;letter-spacing:-.04em}.cf-case .cf-space-math>p+p{margin-top:24px}.cf-case .cf-scale-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;align-items:start}.cf-case .cf-scale-intro{position:sticky;top:110px;max-width:340px}.cf-case .cf-scale-number{font:700 112px/1 Georgia,serif;letter-spacing:-.07em;color:var(--cf-red)}.cf-case .cf-scale-intro>.cf-kicker{margin:14px 0 26px}.cf-case .cf-scale-intro p+p{margin-top:20px}.cf-case .cf-specimens{min-width:0}.cf-case .cf-specimens>figure+figure{margin-top:30px}.cf-case .cf-size-scroll{width:100%;overflow-x:auto;border:1px solid var(--cf-line);background:var(--cf-cream);overscroll-behavior-x:contain}.cf-case .cf-size-safe{background:#fff;max-width:none;flex:none}.cf-case .cf-specimens figcaption{display:flex;gap:24px;justify-content:space-between;margin-top:12px;font-size:12px}.cf-case .cf-specimens figcaption b{flex:none}.cf-case .cf-specimens figcaption span{text-align:right}.cf-case .cf-browser{border:1px solid var(--cf-line);background:#fff}.cf-case .cf-browser-bar{display:flex;justify-content:space-between;gap:20px;padding:15px 28px;border-bottom:1px solid var(--cf-line);font-size:12px;letter-spacing:.06em}.cf-case .cf-app-intro{display:grid;grid-template-columns:216px 1fr;gap:7%;align-items:center;padding:38px}.cf-case .cf-app-brand{width:216px;padding:18px;background:#fff;flex:none}.cf-case .cf-app-brand>.cf-logo{width:180px;max-width:none}.cf-case .cf-app-intro h3{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:22px 0}.cf-case .cf-app-intro>div>p{max-width:490px}.cf-case .cf-category-layout{display:grid;grid-template-columns:1fr 1.8fr;border-top:1px solid var(--cf-line)}.cf-case .cf-category-controls{background:var(--cf-red);padding:24px;display:flex;flex-direction:column;gap:8px}.cf-case .cf-category-controls button{display:grid;grid-template-columns:24px 1fr 20px;gap:10px;align-items:center;text-align:left;color:#fff8e8;border:1px solid #fff8e855;background:transparent;padding:19px 15px;font-size:18px;line-height:1.3}.cf-case .cf-category-controls button>span:first-child{font-size:12px}.cf-case .cf-category-controls button[aria-pressed=true]{background:var(--cf-gold);border-color:var(--cf-gold);color:var(--cf-ink)}.cf-case .cf-category-controls button:focus-visible{outline:3px solid #ffdb94;outline-offset:2px}.cf-case .cf-category-result{padding:32px;min-width:0}.cf-case .cf-result-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.cf-case .cf-category-count{font:700 42px/1 Georgia,serif;color:var(--cf-red)}.cf-case .cf-category-result h4{font:700 58px/1.1 Georgia,serif;letter-spacing:-.05em;margin:16px 0}.cf-case .cf-category-result>p:not(.cf-inline-note){max-width:610px}.cf-case .cf-content-slots{margin-top:28px}.cf-case .cf-content-slots>div{border-top:1px solid var(--cf-line);padding:16px 0;display:flex;flex-direction:column;gap:5px}.cf-case .cf-content-slots b{font-size:18px}.cf-case .cf-content-slots span{font-size:14px}.cf-case .cf-inline-note{font-size:13px;line-height:1.65;border-top:1px solid var(--cf-line);padding-top:18px;margin-top:12px}.cf-case .cf-demo-note{padding:22px 28px;border-top:1px solid var(--cf-line);font-size:12px;line-height:1.7;background:var(--cf-cream)}.cf-case .cf-builder{display:grid;grid-template-columns:1fr 1.65fr;background:var(--cf-cream);color:var(--cf-ink)}.cf-case .cf-builder-sidebar{padding:36px;background:var(--cf-gold)}.cf-case .cf-builder-sidebar h3{font-size:45px;line-height:1.02;margin:30px 0 24px}.cf-case .cf-builder-sidebar>p{font-size:15px}.cf-case .cf-builder fieldset{margin:30px 0 0;padding:0;border:0;min-width:0}.cf-case .cf-builder legend{font-size:13px;font-weight:700;margin-bottom:12px;padding:0}.cf-case .cf-segment{display:flex;border:1px solid var(--cf-ink);padding:4px;gap:4px}.cf-case .cf-segment button{flex:1;border:0;padding:11px 8px;background:transparent;font-size:13px;line-height:1.4;font-weight:700;min-width:0}.cf-case .cf-segment button[aria-pressed=true]{background:var(--cf-ink);color:#fff8e8}.cf-case .cf-builder .cf-builder-tip{margin-top:25px;font-size:13px;min-height:68px}.cf-case .cf-builder button:focus-visible{outline:3px solid #2e2621;outline-offset:3px}.cf-case .cf-reset{background:none;border:0;border-bottom:1px solid var(--cf-ink);padding:10px 0;font-size:13px;margin-top:20px}.cf-case .cf-reset>span{padding-left:12px}.cf-case .cf-menu-preview{padding:28px 34px 32px;min-width:0}.cf-case .cf-menu-preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--cf-line);padding-bottom:24px;flex-wrap:wrap}.cf-case .cf-menu-preview-top>.cf-kicker{font-size:12px;max-width:145px}.cf-case .cf-menu-title{padding:30px 0}.cf-case .cf-menu-title h4{font:700 clamp(35px,4.4vw,60px)/1.05 Georgia,serif;letter-spacing:-.05em;margin:15px 0}.cf-case .cf-menu-intro{font-size:14px}.cf-case .cf-menu-items{display:grid;grid-template-columns:minmax(0,1fr);gap:0 24px}.cf-case .cf-menu-items[data-layout=paired]{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-case .cf-menu-items article{display:flex;gap:16px;padding:22px 0;border-top:1px solid var(--cf-line);min-width:0}.cf-case .cf-item-number{font-size:12px;line-height:2;color:#875b45;flex:none}.cf-case .cf-menu-items h5{font-size:19px;line-height:1.4;margin-bottom:9px}.cf-case .cf-item-description{font-size:14px;line-height:1.6;margin-bottom:12px}.cf-case .cf-item-note{font-size:12px}.cf-case .cf-menu-items[data-density=concise] .cf-item-description,.cf-case .cf-menu-items[data-density=concise] .cf-item-note{display:none}.cf-case .cf-menu-items[data-density=concise] h5{margin-bottom:0}.cf-case .cf-menu-key{display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid var(--cf-line);padding-top:22px;font-size:12px;line-height:1.5;margin-top:10px}.cf-case .cf-consistency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 8%}.cf-case .cf-consistency-grid article{padding-top:22px;border-top:1px solid var(--cf-line)}.cf-case .cf-consistency-grid h3{margin:20px 0 15px}.cf-case .cf-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.cf-case .cf-source-grid article{border-top:1px solid var(--cf-line);padding-top:24px}.cf-case .cf-source-grid h3{margin:24px 0 18px}.cf-case .cf-source-grid p+p{margin-top:20px}.cf-case .cf-source-grid a{display:block;width:fit-content;margin-top:20px;font-size:15px}.cf-case .cf-source-grid a>span{margin-left:20px}.cf-case .cf-footer{padding:45px max(24px,6vw);background:var(--cf-gold);color:var(--cf-ink);display:flex;justify-content:space-between;gap:30px;align-items:center}.cf-case .cf-footer>span{font-size:13px;line-height:1.8}.cf-case .cf-footer button{background:none;border:0;border-bottom:1px solid var(--cf-ink);padding:8px 0;font:700 26px/1.3 Georgia,serif;letter-spacing:-.03em}.cf-case .cf-footer button>span{margin-left:25px}
@media(min-width:1500px){.cf-case .cf-section{padding-inline:8%}.cf-case .cf-chapters,.cf-case .cf-footer{padding-inline:8%}}
@media(max-width:1000px){.cf-case .cf-heading{grid-template-columns:1fr;gap:23px}.cf-case .cf-chapters>div{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-case .cf-opening-note{padding-left:9%}.cf-case .cf-composition-grid{gap:6%}.cf-case .cf-type-grid{gap:28px}.cf-case .cf-space-grid{gap:5%}.cf-case .cf-builder{grid-template-columns:1fr}.cf-case .cf-builder-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.cf-case .cf-builder-sidebar>.cf-kicker,.cf-case .cf-builder-sidebar>h3,.cf-case .cf-builder-sidebar>p,.cf-case .cf-builder-sidebar>.cf-reset{grid-column:1}.cf-case .cf-builder-sidebar fieldset{grid-column:2;grid-row:2;margin-top:25px;align-self:start}.cf-case .cf-builder-sidebar fieldset+fieldset{grid-row:3}.cf-case .cf-builder .cf-builder-tip{grid-column:2;grid-row:4;margin-top:20px;min-height:0}.cf-case .cf-builder-sidebar>.cf-reset{width:fit-content;align-self:end;justify-self:start}.cf-case .cf-menu-preview-top{flex-wrap:nowrap}.cf-case .cf-category-layout{grid-template-columns:1fr 1.4fr}.cf-case .cf-category-controls{padding:18px}.cf-case .cf-category-controls button{padding:18px 12px;font-size:16px}.cf-case .cf-category-result{padding:27px}.cf-case .cf-category-result h4{font-size:50px}}
@media(max-width:700px){.cf-case .cf-section{padding:58px 20px}.cf-case .cf-chapters{padding:28px 20px}.cf-case .cf-chapters>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.cf-case .cf-chapters a{font-size:13px;gap:8px}.cf-case .cf-chapters a>span{font-size:12px;min-width:17px}.cf-case .cf-kicker{font-size:12px;letter-spacing:.045em;gap:12px}.cf-case .cf-heading{gap:20px;margin-bottom:35px}.cf-case h2{font-size:44px;letter-spacing:-.055em}.cf-case .cf-heading>div>p{font-size:16px;margin-top:24px}.cf-case .cf-heading>.cf-kicker{padding-top:0}.cf-case .cf-opening{grid-template-columns:1fr}.cf-case .cf-art-stage{padding:10%}.cf-case .cf-opening-note{padding:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;align-items:start}.cf-case .cf-huge-number{font-size:100px}.cf-case .cf-editorial{font-size:29px;align-self:center}.cf-case .cf-opening-note>p:not(.cf-editorial){grid-column:span 2;font-size:16px;max-width:100%}.cf-case .cf-opening-note>.cf-kicker{grid-column:span 2}.cf-case .cf-composition-grid{grid-template-columns:1fr;gap:32px}.cf-case .cf-composition-art{padding:18px}.cf-case .cf-safe{padding:8.333333%}.cf-case .cf-rule-line{grid-template-columns:1fr;gap:22px;margin-top:34px}.cf-case .cf-rule-line b{font-size:30px}.cf-case .cf-version-grid{grid-template-columns:1fr;gap:30px}.cf-case .cf-version-grid figcaption{grid-template-columns:1fr;gap:7px;margin-top:18px}.cf-case .cf-swatches{grid-template-columns:1fr}.cf-case .cf-swatch{padding:25px;min-height:245px;gap:20px}.cf-case .cf-swatch b{font-size:39px;margin-top:22px}.cf-case .cf-colour-guidance{grid-template-columns:1fr;gap:25px;margin-top:32px}.cf-case .cf-colour-guidance strong{font-size:34px}.cf-case .cf-type-poster{padding:35px 0}.cf-case .cf-type-poster p{font-size:64px;letter-spacing:-.06em}.cf-case .cf-type-poster>span{font-size:12px}.cf-case .cf-type-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.cf-case .cf-type-grid article>.cf-kicker{margin-bottom:15px}.cf-case .cf-type-grid h3,.cf-case .cf-type-body,.cf-case .cf-type-ui{margin-bottom:14px}.cf-case .cf-space-grid{grid-template-columns:1fr;gap:32px}.cf-case .cf-space-figure figcaption{margin-top:15px}.cf-case .cf-math{font-size:37px}.cf-case .cf-space-math>.cf-kicker{margin-bottom:17px}.cf-case .cf-scale-layout{grid-template-columns:1fr;gap:30px}.cf-case .cf-scale-intro{position:static;max-width:100%}.cf-case .cf-scale-number{font-size:90px}.cf-case .cf-scale-intro>.cf-kicker{margin:10px 0 20px}.cf-case .cf-specimens figcaption{gap:12px}.cf-case .cf-browser-bar{padding:15px 18px;font-size:12px;flex-direction:column;gap:3px}.cf-case .cf-app-intro{grid-template-columns:1fr;padding:20px;gap:25px}.cf-case .cf-app-intro h3{font-size:44px;margin:20px 0}.cf-case .cf-app-intro>div>p{font-size:15px}.cf-case .cf-category-layout{grid-template-columns:1fr}.cf-case .cf-category-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.cf-case .cf-category-controls button{padding:14px 11px;grid-template-columns:1fr 15px;gap:8px;font-size:15px}.cf-case .cf-category-controls button>span:first-child{grid-column:span 2;font-size:12px}.cf-case .cf-category-result{padding:25px 20px}.cf-case .cf-category-result h4{font-size:44px;margin:15px 0}.cf-case .cf-category-result>p:not(.cf-inline-note){font-size:15px}.cf-case .cf-category-count{font-size:38px}.cf-case .cf-result-heading>.cf-kicker{font-size:12px;max-width:160px}.cf-case .cf-demo-note{padding:20px}.cf-case .cf-builder-sidebar{display:block;padding:25px 20px}.cf-case .cf-builder-sidebar h3{font-size:42px;margin:25px 0 20px}.cf-case .cf-builder fieldset{margin-top:25px}.cf-case .cf-builder .cf-builder-tip{margin-top:24px;min-height:0}.cf-case .cf-reset{margin-top:15px}.cf-case .cf-menu-preview{padding:20px}.cf-case .cf-menu-preview-top{align-items:start;flex-direction:column;gap:17px;padding-bottom:25px}.cf-case .cf-menu-preview-top>.cf-kicker{max-width:none}.cf-case .cf-menu-title{padding:25px 0}.cf-case .cf-menu-title h4{font-size:39px}.cf-case .cf-menu-items[data-layout=paired]{grid-template-columns:minmax(0,1fr)}.cf-case .cf-menu-items article{gap:13px}.cf-case .cf-menu-items h5{font-size:18px}.cf-case .cf-menu-key{flex-direction:column;gap:7px}.cf-case .cf-consistency-grid{grid-template-columns:1fr;gap:30px}.cf-case .cf-consistency-grid h3{margin:17px 0 14px}.cf-case .cf-source-grid{grid-template-columns:1fr;gap:35px}.cf-case .cf-source-grid h3{margin:20px 0 16px}.cf-case .cf-source-grid p{font-size:15px}.cf-case .cf-footer{padding:32px 20px;flex-direction:column;align-items:start;gap:25px}.cf-case .cf-footer button{font-size:25px}.cf-case .cf-footer button>span{margin-left:16px}}
@media(max-width:700px){.cf-case .cf-type-poster p{font-size:clamp(48px,13.8vw,64px)}}
@media(prefers-reduced-motion:reduce){.cf-case *{scroll-behavior:auto}}