.globe-motion{border-top:1px solid;margin:3rem 0}.globe-motion .section-row h2{margin-top:.75rem}.globe-motion-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,1fr);border:1px solid}.globe-motion-preview{background:repeating-conic-gradient(#c9c9c9,#c9c9c9 25%,#f6f6f6 0%,#f6f6f6 50%) 0/1rem 1rem;display:flex;flex-direction:column;min-width:0}.globe-motion-preview canvas{display:block;width:min(100%,42rem);height:auto;aspect-ratio:1;object-fit:contain;align-self:center}.globe-motion-transport{display:flex;gap:1rem;align-items:center;padding:1rem;border-top:1px solid;background:var(--ds-paper);margin-top:auto}.globe-motion-transport input{flex:1;min-width:0;accent-color:var(--ds-ink)}.globe-motion-controls{border-left:1px solid;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.motion-preset{text-align:left;border:1px solid;padding:1rem;display:grid;gap:.5rem}.motion-preset[aria-pressed=true]{background:var(--ds-lime)}.motion-preset b{font-size:1.125rem;font-weight:500}.motion-preset span{font-size:.8125rem;line-height:1.35}.motion-settings{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.motion-settings label{font-size:.8125rem;display:grid;gap:.5rem}.motion-settings select{padding:.5rem;border:1px solid;background:transparent;min-width:0}.globe-motion-controls .small-note{font-size:.75rem;line-height:1.4}.globe-motion-controls .checkbox-label{display:flex;gap:.5rem;font-size:.8125rem}.globe-motion-controls .studio-status{overflow-wrap:anywhere}@media(max-width:700px){.globe-motion-grid{grid-template-columns:1fr}.globe-motion-controls{border-left:0;border-top:1px solid;padding:1rem}.globe-motion .section-row{align-items:flex-start;gap:1rem}.globe-motion .section-row>span{max-width:7rem;text-align:right}.globe-motion-transport{gap:.5rem}}.material-presets{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) 0;margin-top:-1rem}.material-presets>div{display:flex;gap:var(--ds-space-2);align-items:center;flex-wrap:wrap}.material-presets .ds-technical{margin-right:var(--ds-space-2)}.material-workspace{display:grid;grid-template-columns:minmax(0,1fr) 17.5rem;border:1px solid;border-radius:var(--ds-radius-window);overflow:hidden}.material-stage{display:flex;flex-direction:column;min-width:0;background:var(--ds-silver);align-self:stretch}.material-chrome{min-height:2.75rem;background:var(--ds-ink);color:var(--ds-paper);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1rem}.material-chrome .ds-pill{font-size:.75rem;min-height:1.5rem;flex-shrink:0}.material-chrome .ds-pill:hover,.material-chrome .ds-pill[aria-pressed=true]{color:var(--ds-ink);background:var(--ds-paper)}.material-artboard{display:flex;flex:1;min-height:29rem;position:relative;align-items:center;justify-content:center;padding:2rem;gap:1rem;background:var(--ds-ink)}.material-artboard figure{margin:0;min-width:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:stretch}.material-artboard canvas{display:block;width:100%;height:auto;max-height:36rem;object-fit:contain;image-rendering:pixelated;flex:1;min-height:0}.material-artboard figcaption{color:var(--ds-paper);padding-top:.75rem;text-align:left;width:100%;font-size:.5625rem;flex-shrink:0}.material-artboard.aspect-column canvas{max-height:36rem;width:auto;max-width:100%}.material-artboard.aspect-square canvas{max-width:36rem}.material-artboard.is-comparing{gap:1.5rem;padding:1.5rem}.material-source{max-width:36%}.material-source img{width:100%;max-height:36rem;object-fit:contain;flex:1;min-height:0;image-rendering:pixelated}.material-playback{display:flex;align-items:center;gap:1rem;padding:1rem;border-top:1px solid;background:var(--ds-paper)}.material-playback>input{flex:1;min-width:0;accent-color:var(--ds-ink)}.material-playback .ds-technical{white-space:nowrap}.material-motion-note{padding:0 1rem 1rem;background:var(--ds-paper);line-height:1.5}.material-controls{padding:1.25rem;border-left:1px solid;background:var(--ds-paper)}.material-controls fieldset{margin:0;padding:0 0 1.25rem;border:0;border-bottom:1px solid #25252540;min-width:0}.material-controls fieldset+fieldset{margin-top:1.25rem}.material-controls fieldset:last-child{border-bottom:0;padding-bottom:0}.material-controls legend{margin-bottom:1rem;float:left;width:100%;font-size:.625rem}.material-slider{display:block;clear:both;margin:.875rem 0 0;font-size:.8125rem}.material-slider>span{display:flex;justify-content:space-between;gap:1rem;align-items:center}.material-slider output{font-family:var(--ds-font-technical);font-size:.625rem}.material-slider input{display:block;margin:.375rem 0 0;width:100%;height:.875rem;accent-color:var(--ds-ink);cursor:pointer}.material-seed{display:block;clear:both;font-size:.8125rem}.material-seed>div{display:flex;gap:.5rem;margin-top:.375rem}.material-seed input{width:100%;min-width:0;border:1px solid;border-radius:.25rem;padding:.375rem .5rem;background:transparent;font-family:var(--ds-font-technical);font-size:.75rem}.material-seed .ds-pill{padding:.375rem}.material-colors{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.material-colors label{display:grid;grid-template-columns:1fr;font-size:.8125rem;gap:.375rem;flex:1}.material-colors input{border:1px solid;border-radius:0;width:100%;height:1.75rem;padding:0;background:none;cursor:pointer}.material-colors .ds-technical{font-size:.5625rem}.material-colors .ds-pill{padding:.375rem}.material-select{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8125rem;margin-top:1rem}.material-select select{background:transparent;border:1px solid;border-radius:999px;padding:.375rem .5rem;font-size:.75rem;max-width:100%;min-width:0}.material-characters{display:block;font-size:.8125rem;margin-top:1rem}.material-characters input{display:block;width:100%;margin:.5rem 0;background:transparent;border:1px solid;padding:.5rem;font-family:var(--ds-font-technical);font-size:.75rem}.material-characters small{font-size:.625rem}.material-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.material-mode{border:1px solid;padding:0;text-align:left;overflow:hidden;border-radius:.375rem;background:var(--ds-paper)}.material-mode canvas{display:block;width:100%;height:auto;image-rendering:pixelated;aspect-ratio:16/9}.material-mode>span{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-top:1px solid;font-size:.875rem}.material-mode[aria-pressed=true]>span{background:var(--ds-violet)}.material-mode:hover,.material-mode[aria-pressed=true]{outline:1px solid}.material-export{border-top:1px solid;margin-top:3rem;padding-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.material-export h2{font-size:2.5rem;line-height:1;letter-spacing:-.04em;margin:.875rem 0 1rem}.material-export p{max-width:30rem;font-size:.9375rem;line-height:1.3}.material-export-options{align-self:center;max-width:34rem;width:100%;justify-self:end}.material-export-options .material-select{margin:0}.material-export-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.material-export-buttons .ds-pill{padding:.625rem .875rem;font-size:.875rem}.material-export-buttons .ds-pill:first-child{background:var(--ds-lime);color:var(--ds-ink)}.material-import{margin-bottom:1rem}.material-export .small-note{font-size:.75rem;line-height:1.4}.material-status{margin-top:1rem;font-size:.875rem;line-height:1.3}.material-status>a{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem;border:1px solid;margin-top:1rem;background:var(--ds-lime);text-decoration:none;overflow-wrap:anywhere}.material-status>a .ds-technical{flex-basis:100%;line-height:1.5}.material-progress{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid;margin-top:1rem}.material-progress progress{accent-color:var(--ds-violet);flex:1;min-width:0}.material-progress>span{font-size:.875rem}.material-footnotes{border-top:1px solid;margin-top:3rem;padding-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.material-footnotes p{font-size:.8125rem;line-height:1.4;max-width:32rem;margin:.75rem 0}.material-footnotes a{font-size:.8125rem}.rem-note{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem 0;border-top:1px solid;margin-top:1.5rem}.rem-note pre{margin:0;font-family:var(--ds-font-technical);font-size:.75rem;line-height:1.6;white-space:pre-wrap}.rem-note p{font-size:.875rem;line-height:1.4}.spacing-scale>div>span{white-space:nowrap}.spacing-scale small{display:block;margin-top:.375rem;font-size:.625rem}@media(max-width:1100px){.site-header{gap:1.5rem}.site-header nav{gap:.125rem}.site-header nav button{padding:.375rem .5rem}.material-workspace{grid-template-columns:minmax(0,1fr) 16rem}.material-artboard{padding:1rem}.material-artboard.is-comparing{gap:.75rem;padding:.75rem}.material-chrome{align-items:flex-start;flex-direction:column;gap:.5rem}}@media(max-width:760px){.material-workspace{grid-template-columns:1fr}.material-controls{border-left:0;border-top:1px solid;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.material-controls fieldset+fieldset{margin-top:0}.material-controls fieldset:last-child{grid-column:1/-1}.material-artboard{min-height:20rem}.material-modes{gap:.5rem}.material-mode>span{padding:.5rem;font-size:.75rem}.material-mode>span>.ds-technical{display:none}.material-export,.material-footnotes{gap:2rem}.material-chrome{flex-direction:row;align-items:center}.material-presets{align-items:flex-start}.material-presets .ds-technical{flex-basis:100%;margin:0}.rem-note{grid-template-columns:1fr}}@media(max-width:480px){.material-presets>.text-action{margin-top:.25rem}.material-controls{padding:1rem;gap:1.25rem}.material-artboard{min-height:17rem;padding:.75rem}.material-artboard.aspect-square{min-height:22rem}.material-artboard.aspect-column{min-height:30rem}.material-chrome{padding:.75rem;gap:.5rem}.material-chrome>.ds-technical{font-size:.5rem}.material-chrome .ds-pill{font-size:.625rem;padding:.25rem .375rem}.material-playback{padding:.75rem;gap:.5rem}.material-playback .ds-technical{font-size:.5rem}.material-artboard figcaption{font-size:.4375rem;line-height:1.4}.material-source{max-width:40%}.material-modes{grid-template-columns:repeat(3,1fr)}.material-export,.material-footnotes{grid-template-columns:1fr}.material-export-options{justify-self:start}.material-export{gap:1.5rem;margin-top:2rem}.material-export h2{font-size:2rem}.material-colors{gap:.375rem}.material-select{align-items:flex-start;flex-direction:column;gap:.375rem}.material-export-options .material-select{flex-direction:row;align-items:center}.material-progress{flex-wrap:wrap}.material-progress>span{flex-basis:100%}.spacing-scale{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem .5rem!important}}html{font-size:100%}.bemate-logo{display:block;width:100%;height:auto;object-fit:contain;flex-shrink:0}.bemate-header{gap:2rem}.bemate-home{width:8.5rem;flex-shrink:0;padding:0}.bemate-header nav{gap:.125rem}.bemate-header nav button{padding:.375rem .625rem;font-size:.8125rem}.site-footer>.bemate-logo{width:8rem}.skip-link{position:fixed;top:-6rem;left:1rem;z-index:100}.skip-link:focus{top:1rem}.gradient-spectrum,.ds-spectrum{background:linear-gradient(180deg,var(--ds-violet) 0%,var(--ds-orchid) 20%,var(--ds-orange) 40%,var(--ds-lime) 60%,var(--ds-silver) 80%,var(--ds-violet) 100%)}.gradient-spatial,.ds-spectrum--spatial{background:linear-gradient(27deg,var(--ds-lime),var(--ds-silver) 25%,var(--ds-violet) 50%,var(--ds-silver) 75%,var(--ds-lime))}.gradient-violet{background:radial-gradient(ellipse at 50% 50%,var(--ds-silver),var(--ds-orchid) 33%,var(--ds-violet) 65%,var(--ds-silver))}.gradient-lime{background:radial-gradient(ellipse at center,var(--ds-lime),var(--ds-silver) 50%,var(--ds-lime))}.ds-marble{background-image:url(/assets/materials/marble.svg);background-size:cover;background-position:center;image-rendering:pixelated}.bemate-cover{display:grid;grid-template-columns:25.6% 25.6% 48.8%;min-height:45rem;overflow:hidden;border:1px solid}.bemate-cover-spectrum{padding:1.625rem;display:flex;flex-direction:column;justify-content:space-between}.bemate-cover-paper{padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;text-align:center}.bemate-cover-paper>.bemate-logo{width:11.5rem}.bemate-cover-paper h1{font-size:clamp(2.5rem,4.25vw,4.1rem);line-height:1;letter-spacing:-.045em}.bemate-cover-paper h1 .ds-display{font-size:.88em}.bemate-cover-paper>div>p{font-size:1.125rem;line-height:1.2;margin-top:1.5rem}.cover-brand-tags{display:flex;gap:.5rem;justify-content:center}.cover-bottom{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;font-size:.8125rem;line-height:1.25}.cover-bottom p{margin-top:.75rem}.bemate-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;margin:4rem 0}.bemate-intro h2{font-size:2.75rem;line-height:1.04;letter-spacing:-.04em}.bemate-intro h2 .ds-display{font-size:.88em}.bemate-intro p{font-size:1.125rem;line-height:1.35;max-width:34rem;margin-bottom:1.5rem}.bemate-principles{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:4rem}.bemate-principles article{min-height:22rem;padding:1.25rem;position:relative;overflow:hidden}.bemate-principles article:after{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:url(/assets/materials/marble.svg) center/cover;z-index:0}.bemate-principles article>div{position:relative;z-index:1}.bemate-principles article>div:nth-child(2){display:flex;align-items:flex-end;gap:.5rem;margin-top:1.25rem}.bemate-principles article>div>.ds-display{font-size:7.5rem;line-height:.85}.bemate-principles h3{font-size:1.25rem;line-height:1.05;letter-spacing:-.035em;white-space:pre-line}.principle-window{width:72%;margin-top:1rem;margin-left:auto;background:var(--ds-silver);border:1px solid;border-radius:.375rem;overflow:hidden}.principle-window>div{height:1rem;background:var(--ds-ink);color:var(--ds-paper);display:flex;justify-content:flex-end;gap:.25rem;align-items:center;padding-right:.25rem}.principle-window p{padding:.75rem;font-size:.875rem;line-height:1.15;min-height:4.75rem}.overview-social{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.overview-social>button{padding:0;text-align:left;border:1px solid;overflow:hidden}.overview-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid;margin-top:3rem}.overview-links>button{text-align:left;padding:2rem 0}.overview-links>button+button{padding-left:2rem;border-left:1px solid}.overview-links h2{font-size:1.75rem;letter-spacing:-.03em;display:flex;align-items:center;gap:1rem;margin:.75rem 0}.overview-links p{font-size:.9375rem}.identity-toolbar,.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.25rem}.filter-list{display:flex;gap:.5rem;flex-wrap:wrap}.identity-stage{height:29rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;border:1px solid;border-radius:var(--ds-radius-window)}.identity-stage>div{width:75%;max-width:58rem;padding:2.5rem 3.5rem;outline:1px solid transparent;position:relative}.identity-stage.with-guides>div{outline:1px solid var(--ds-violet)}.identity-stage.with-guides>div:before,.identity-stage.with-guides>div:after{content:"";position:absolute;top:0;bottom:0;left:3.5rem;border-left:1px dashed var(--ds-violet)}.identity-stage.with-guides>div:after{left:auto;right:3.5rem}.identity-downloads{display:flex;gap:2rem;padding:1.5rem 0;flex-wrap:wrap}.identity-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid;padding-top:3rem;margin-top:2rem}.symbol-specimen{min-height:35rem;background:var(--ds-lime);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;padding:2rem}.symbol-specimen>img{width:min(60%,24rem);height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}.symbol-specimen>.ds-technical{text-align:center;line-height:1.5}.identity-split h2{font-size:2.75rem;line-height:1;letter-spacing:-.04em;margin:1rem 0 2rem}.identity-split dl{margin:0}.identity-split dl>div{border-top:1px solid;padding:1.1rem 0;display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;font-size:.9375rem;line-height:1.3}.identity-split dd{margin:0}.identity-split dt{font-family:var(--ds-font-technical);font-size:.6875rem;text-transform:uppercase}.brand-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding-top:2rem;margin-top:3rem;border-top:1px solid}.brand-notes h3{font-size:1.375rem;letter-spacing:-.035em;margin:1rem 0 .75rem}.brand-notes p{font-size:.9375rem;line-height:1.35;max-width:27rem}.gradient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gradient-swatch{height:21rem;padding:1rem;border:1px solid;border-radius:.375rem}.component-pair{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.component-pair .ds-window__body{padding:1.5rem}.component-pair p{margin-bottom:1.5rem}.template-art{width:100%;line-height:0;overflow:hidden}.template-art>svg{display:block;width:100%;height:auto}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem}.social-card{padding:0;display:block;text-align:left;min-width:0}.social-card>.template-art{border:1px solid var(--ds-ink)}.social-card>div:last-child{padding:1rem 0;border-bottom:1px solid}.social-card h2{font-size:1.25rem;letter-spacing:-.025em;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.social-card:hover>.template-art{outline:2px solid var(--ds-violet);outline-offset:3px}.loading-note{padding:3rem;text-align:center;font-family:var(--ds-font-technical);font-size:.875rem}.social-editor-anchor{scroll-margin-top:2rem}.social-editor{margin-top:4rem;border:1px solid;border-radius:var(--ds-radius-window);overflow:hidden}.editor-heading{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid;background:var(--ds-lime)}.editor-heading h2{font-size:1.75rem;margin-top:.5rem;letter-spacing:-.035em}.editor-body{display:grid;grid-template-columns:1.15fr 1fr}.social-editor-preview{padding:2rem;background:var(--ds-silver);position:relative;align-self:start}.social-editor-art{position:relative;border:1px solid}.safe-overlay{position:absolute;top:4.74074074%;right:5.92592593%;bottom:4.74074074%;left:5.92592593%;border:1px dashed #ff2458;pointer-events:none}.editor-fields{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.editor-fields>label{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}.editor-fields input:not([type=checkbox]),.editor-fields textarea{width:100%;border:1px solid;border-radius:.25rem;background:transparent;padding:.625rem .75rem;font-size:.9375rem;resize:vertical;line-height:1.25;min-width:0}.editor-fields .small-note{font-size:.75rem;line-height:1.4}.editor-fields label.checkbox-label{flex-direction:row;align-items:center}.checkbox-label input{accent-color:var(--ds-ink)}.editor-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.editor-actions>.ds-pill{padding:.5rem .75rem}.editor-actions>.text-action{font-size:.75rem;margin-top:.5rem}.studio-status{font-size:.8125rem;line-height:1.4;overflow-wrap:anywhere}.studio-status a{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;text-decoration:underline}.document-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.document-studio{display:grid;grid-template-columns:20rem minmax(0,1fr);border:1px solid}.document-control{padding:1.5rem}.document-preview{padding:2rem;background:var(--ds-silver);border-left:1px solid;display:flex;align-items:flex-start;justify-content:center}.document-preview>.template-art{max-width:47rem;border:1px solid}.document-page-tabs{display:flex;flex-direction:column;margin-top:1.5rem}.document-page-tabs>button{display:flex;gap:1rem;align-items:center;text-align:left;padding:1rem 0;border-top:1px solid;font-size:.875rem}.document-page-tabs .ds-display{font-size:1.5rem}.document-page-tabs>button>svg{margin-left:auto}.document-page-tabs>button[aria-current]{color:var(--ds-violet)}.document-control .editor-fields{padding:1.5rem 0}.document-control>.small-note{font-size:.75rem;line-height:1.4;margin:1rem 0}.export-hero>.bemate-logo,.export-hero>div>.bemate-logo{max-width:14rem;margin-bottom:2.5rem}.export-hero h2{margin:0}.section-title .ds-display{font-size:.86em}.bemate-header .edition{font-size:.5rem}.material-chrome{flex-wrap:wrap}.material-artboard{min-height:30rem}.material-controls .material-select{font-size:.75rem;gap:.375rem}.material-controls .material-select select{max-width:9.5rem}.material-controls{padding:1rem}.material-controls legend{margin-bottom:.75rem}.material-slider{margin-top:.75rem}@media(max-width:1200px){.bemate-header{gap:1rem}.bemate-home{width:7rem}.bemate-header nav button{font-size:.75rem;padding:.375rem .4rem}.bemate-principles article>div>.ds-display{font-size:6rem}.bemate-principles h3{font-size:1.1rem}.bemate-principles article{padding:1rem}.document-studio{grid-template-columns:18rem minmax(0,1fr)}}@media(max-width:900px){.bemate-header{height:auto;min-height:6rem;flex-wrap:wrap;padding-top:1rem;padding-bottom:.75rem;justify-content:space-between}.bemate-header nav{order:3;flex-basis:100%;overflow-x:auto;justify-content:flex-start;padding-top:.5rem}.bemate-header nav button{font-size:.8125rem;padding:.375rem .5rem}.bemate-header .edition{display:block}.bemate-cover{min-height:35rem}.bemate-cover-paper{padding:1.5rem 1rem}.bemate-cover-paper h1{font-size:2.5rem}.bemate-cover-paper>div>p{font-size:.9375rem}.cover-bottom{gap:1rem;font-size:.6875rem}.bemate-intro{gap:2rem}.bemate-intro h2{font-size:2.2rem}.bemate-principles{grid-template-columns:repeat(2,1fr)}.bemate-principles article{min-height:23rem}.bemate-principles article>div>.ds-display{font-size:9rem}.bemate-principles h3{font-size:1.5rem}.brand-notes{gap:1.5rem}.identity-split{gap:2rem}.identity-split dl>div{grid-template-columns:1fr;gap:.5rem}.social-grid{gap:1.5rem 1rem}.social-card h2{font-size:1rem}.document-studio{grid-template-columns:16rem minmax(0,1fr)}.document-control,.document-preview{padding:1rem}.gradient-swatch{height:16rem}.social-editor-preview{padding:1rem}}@media(max-width:700px){.bemate-cover{grid-template-columns:1fr 1fr;min-height:0}.bemate-cover-spectrum,.bemate-cover-marble{min-height:16rem}.bemate-cover-paper{grid-column:1/-1;min-height:35rem;padding:2rem 1.5rem}.bemate-cover-paper h1{font-size:3rem}.bemate-cover-paper>div>p{font-size:1.125rem}.cover-bottom{font-size:.8125rem}.bemate-intro{grid-template-columns:1fr;gap:1.5rem;margin:3rem 0}.overview-social{grid-template-columns:repeat(2,1fr)}.overview-links{grid-template-columns:1fr}.overview-links>button+button{border-left:0;border-top:1px solid;padding-left:0}.overview-links h2{font-size:1.5rem}.identity-stage{height:20rem}.identity-stage>div{width:95%;padding:1.5rem 2rem}.identity-stage.with-guides>div:before{left:2rem}.identity-stage.with-guides>div:after{right:2rem}.identity-split{grid-template-columns:1fr}.symbol-specimen{min-height:26rem}.symbol-specimen>img{max-width:14rem}.brand-notes{grid-template-columns:1fr;gap:2rem}.gradient-grid{grid-template-columns:repeat(2,1fr)}.component-pair{grid-template-columns:1fr}.studio-toolbar{align-items:flex-start;flex-direction:column}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-body{grid-template-columns:1fr}.social-editor-art{max-width:30rem;margin:auto}.social-editor-preview{padding:1.5rem}.document-studio{display:flex;flex-direction:column-reverse}.document-preview{border-left:0;border-bottom:1px solid;padding:1rem}.document-control{padding:1.5rem}.document-page-tabs{flex-direction:row;gap:1rem}.document-page-tabs>button{flex:1;gap:.5rem;align-items:center;flex-wrap:wrap}.document-page-tabs>button>svg{display:none}.document-control .editor-fields{display:grid;grid-template-columns:1fr 1fr}.document-control .editor-fields>label:first-child{grid-column:1/-1}.material-artboard{min-height:20rem}.material-controls .material-select select{max-width:100%}.section-title .ds-display{font-size:.9em}}@media(max-width:420px){.bemate-principles article{min-height:19rem;padding:.75rem}.bemate-principles article>div:nth-child(2){display:block}.bemate-principles article>div>.ds-display{font-size:6.3rem}.bemate-principles h3{font-size:1.125rem;margin-top:.5rem}.principle-window{width:94%;margin-top:.5rem}.principle-window p{font-size:.6875rem;min-height:3.75rem;padding:.5rem}.bemate-principles article:after{height:38%}.social-grid{gap:1.25rem .75rem}.social-card h2{font-size:.875rem}.social-card .ds-technical{font-size:.5rem}.social-card h2 svg{display:none}.identity-downloads{gap:1rem}.identity-downloads .text-action{font-size:.75rem}.gradient-swatch{height:13rem}.document-control .editor-fields{display:flex}.document-page-tabs>button{font-size:.75rem}.editor-heading{padding:1rem}.editor-heading h2{font-size:1.375rem}.section-title h1{overflow-wrap:anywhere}.material-presets>div{gap:.375rem}.material-presets .ds-pill{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important}}.material-controls .material-select{clear:both}.skip-link:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;top:0;left:0}.logo-studies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.logo-study{display:flex;flex-direction:column;text-align:left;border:1px solid;padding:1rem;gap:1rem;min-width:0;background:var(--ds-paper);border-radius:.375rem}.logo-study>img{display:block;width:100%;height:7rem;object-fit:contain}.logo-study>span:not(.ds-technical){font-size:.75rem;line-height:1.3;min-height:2rem}.logo-study>b{font-weight:500;font-size:.6875rem;padding:.5rem;background:var(--ds-silver);margin-top:auto}.logo-study[aria-pressed=true]{outline:1px solid}.logo-study[aria-pressed=true]>b{background:var(--ds-lime)}.logo-study:hover{border-color:var(--ds-violet)}.logo-study-note{font-size:.8125rem;line-height:1.4;max-width:48rem;margin:1rem 0 2rem}.identity-toolbar{margin-top:1.5rem}@media(max-width:900px){.logo-studies{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.logo-studies{gap:.75rem}.logo-study{padding:.75rem;gap:.75rem}.logo-study>img{height:5rem}.logo-study>.ds-technical{font-size:.5rem}.logo-study>span:not(.ds-technical){font-size:.6875rem;min-height:2.75rem}.logo-study>b{font-size:.625rem}}.globe-refinement{margin-top:3rem;border-top:1px solid}.globe-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.globe-option{border:1px solid;text-align:left;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;align-items:center;background:var(--ds-silver)}.globe-option>.ds-technical{align-self:flex-start}.globe-option>img{width:68%;max-width:18rem;aspect-ratio:1;object-fit:contain}.globe-option>span:last-child{font-size:.8125rem;padding:.5rem 1rem;border:1px solid;border-radius:999px}.globe-option[aria-pressed=true]{background:var(--ds-lime)}.globe-details{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2rem 0}.globe-details p{font-size:.9375rem;line-height:1.4;margin:1rem 0;max-width:34rem}.globe-sizes{display:flex;align-items:center;justify-content:space-evenly;gap:1rem}.globe-sizes>div{display:flex;flex-direction:column;align-items:center;gap:1rem}.globe-sizes img{object-fit:contain}.globe-sizes .ds-technical{font-size:.625rem}@media(max-width:700px){.globe-details{grid-template-columns:1fr;gap:2rem}.globe-option{padding:1rem;gap:1rem}.globe-option>img{width:85%}.globe-option>span:last-child{font-size:.6875rem;padding:.375rem .5rem}.globe-options{grid-template-columns:1fr;gap:1rem}.globe-option>img{width:60%;max-width:13rem}.globe-sizes{gap:.5rem}}.globe-downloads{display:flex;gap:1rem 1.5rem;flex-wrap:wrap}.template-search{display:flex;align-items:center;gap:1rem;margin:0 0 2rem;font-size:.8125rem}.template-search input{border:1px solid;background:transparent;padding:.75rem 1rem;width:min(100%,28rem);border-radius:.25rem}.photo-controls{border:1px solid;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.photo-controls legend{font-size:.8125rem;padding:0 .5rem}.photo-controls label{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}.photo-controls select{background:var(--ds-paper);border:1px solid;padding:.5rem;max-width:100%}.photo-controls input[type=range]{width:100%;accent-color:var(--ds-ink)}.photo-controls output{font-family:var(--ds-font-technical);font-size:.75rem}.photo-controls input[type=file]{font-size:.75rem;max-width:100%}.studio-toolbar{align-items:flex-start}.studio-toolbar>.filter-list{max-width:75%}@media(max-width:700px){.studio-toolbar>.filter-list{max-width:100%}.template-search{flex-direction:column;align-items:stretch}}.principle-templates{gap:0}.principle-templates>button{padding:0;border:0;min-width:0;text-align:left;aspect-ratio:1}.principle-templates>button:focus-visible{outline:3px solid var(--ds-ink);outline-offset:-3px}.principle-templates>button:hover{outline:2px solid var(--ds-ink);outline-offset:-2px}.template-tools{display:flex;align-items:end;gap:1rem;margin-bottom:2rem}.template-tools .template-search{margin:0;flex:1}.template-usecase{display:grid;gap:.5rem;font-size:.8125rem;min-width:12rem}.template-usecase select{border:1px solid;padding:.65rem;background:transparent;font:inherit}.social-grid{align-items:start}.photo-controls select{width:100%;min-width:0}.photo-controls{min-width:0}@media(max-width:600px){.template-tools{align-items:stretch;flex-direction:column}.template-usecase{min-width:0}.principle-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}.publication-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0}.publication-intro{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin:2rem 0 3rem;padding-top:2rem;border-top:1px solid var(--ds-ink)}.publication-intro h2{font-size:2.3rem;letter-spacing:-.035em;margin:.75rem 0}.publication-intro p{max-width:42rem;line-height:1.3}.publication-intro>a{white-space:nowrap}.publication-grid{display:grid;gap:3rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.publication-page{border:0;background:none;padding:0;text-align:left;color:var(--ds-ink);cursor:pointer;min-width:0}.publication-page img{display:block;width:100%;height:auto;background:var(--ds-silver);outline:1px solid #25252522}.slide-grid img{aspect-ratio:16/9}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-grid img{aspect-ratio:1080/1528}.publication-page>div{display:flex;align-items:center;gap:1rem;padding:.8rem 0}.publication-page h3{flex:1;font-weight:500;font-size:1rem;margin:0}.publication-page:hover h3{text-decoration:underline}.publication-page:focus-visible{outline:2px solid var(--ds-violet);outline-offset:6px}.manual-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:3rem 0;border-top:1px solid var(--ds-ink);margin-top:4rem}.manual-downloads>div{flex:1 1 25rem}.manual-downloads h2{font-size:2rem;margin:1rem 0}.manual-downloads p{max-width:36rem}.publication-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#161616ed;z-index:150;display:flex;align-items:center;justify-content:center;padding:3.8rem 5.5rem}.publication-lightbox>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 0 0 1px #ffffff18}.publication-lightbox .ds-pill{background:var(--ds-paper);position:absolute}.lightbox-close{right:1.2rem;top:1.2rem}.lightbox-prev{left:1rem;top:50%}.lightbox-next{right:1rem;top:50%}.lightbox-count{position:absolute;bottom:1.2rem;color:var(--ds-paper)}@media(max-width:1100px){.bemate-header nav{gap:.3rem}.bemate-header nav button{font-size:.75rem}.publication-intro{align-items:flex-start}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.publication-intro{flex-direction:column}.publication-grid{grid-template-columns:1fr;gap:2rem}.publication-lightbox{padding:4rem 2.5rem}.lightbox-prev{left:.2rem}.lightbox-next{right:.2rem}.publication-lightbox .ds-pill{padding:.5rem}.publication-tabs{gap:.4rem}}.publication-tabs.edition-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;margin:0 0 3rem}.publication-edition{display:block;background:none;border:0;padding:0;cursor:pointer;text-align:left;color:var(--ds-ink);min-width:0}.publication-edition img{width:100%;display:block;aspect-ratio:1080/1528;outline:1px solid #25252522;transition:outline-color .15s}.publication-edition span{display:block;font:inherit;font-size:.9rem;line-height:1.2;margin-top:.8rem}.publication-edition[aria-pressed=true] img{outline:2px solid var(--ds-violet);outline-offset:4px}.publication-edition:hover img{outline-color:var(--ds-violet)}.publication-edition:focus-visible{outline:2px solid var(--ds-violet);outline-offset:7px}@media(max-width:800px){.publication-tabs.edition-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1rem}}@media(max-width:480px){.publication-tabs.edition-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@font-face{font-family:Neue Montreal;src:url(/assets/NeueMontreal-Medium-BnH0vvJJ.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Geist Pixel Square;src:url(/assets/GeistPixel-Square-B0mEoKr8.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Regular-Du0PCiXT.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--ds-paper: #F6F6F6;--ds-ink: #252525;--ds-silver: #C9C9C9;--ds-violet: #8454F7;--ds-orange: #F79400;--ds-lime: #C3F602;--ds-orchid: #BF67F8;--ds-violet-screen: #7C57F3;--ds-gray-quote: #CBCBCB;--ds-gray-window: #DBDBDB;--ds-font-main: "Neue Montreal",Arial,sans-serif;--ds-font-display: "Geist Pixel Square",monospace;--ds-font-technical: "IBM Plex Mono",monospace;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.5rem;--ds-space-6: 2rem;--ds-space-7: 3rem;--ds-space-8: 4rem;--ds-hairline: 1px;--ds-radius-tile: 0;--ds-radius-small: .375rem;--ds-radius-window: 1.25rem;--ds-radius-pill: 999px;--ds-shadow: none;--ds-label-size: .625rem;--ds-meta-size: .875rem;--ds-body-size: 1rem;--ds-title-size: 2.5rem;--ds-display-size: 4rem;--ds-numeral-size: 9rem;--ds-leading-body: 1.15;--ds-leading-display: 1;--ds-tracking: -.035em;--ds-page-margin: 1.625rem;--ds-spread-ratio: 16/9;--ds-grid-columns: 12;--ds-spectrum-vertical: linear-gradient(180deg,var(--ds-violet),var(--ds-orchid) 20%,var(--ds-orange) 40%,var(--ds-lime) 60%,var(--ds-silver) 80%,var(--ds-violet));--ds-spectrum-spatial: linear-gradient(27deg,var(--ds-lime),var(--ds-silver) 25%,var(--ds-violet) 50%,var(--ds-silver) 75%,var(--ds-lime));--ds-texture-marble: url(/assets/marble-B1bI04TG.svg);--ds-texture-horizontal: url(/assets/marble-B1bI04TG.svg);--ds-panel-padding: var(--ds-space-5);--ds-grid-gap: var(--ds-space-5);--ds-section-gap: var(--ds-space-8);--ds-control-gap: var(--ds-space-2);--ds-window-bar-height: 2.625rem;--ds-micro-bar-height: .875rem}.ds-surface{color:var(--ds-ink);background:var(--ds-paper);font-family:var(--ds-font-main);font-weight:500;font-synthesis:none}.ds-surface--dark{color:var(--ds-paper);background:var(--ds-ink)}.ds-display{font-family:var(--ds-font-display);font-weight:400;line-height:1;letter-spacing:-.055em}.ds-technical{font-family:var(--ds-font-technical);font-weight:400;font-size:var(--ds-label-size);line-height:1.2;letter-spacing:0;text-transform:uppercase}.ds-folio{display:grid;grid-template-columns:1fr 2fr 1fr auto;align-items:start;gap:var(--ds-grid-gap);font-size:.875rem;line-height:1.1}.ds-folio>:nth-last-child(2){text-align:right}.ds-folio>:last-child{min-width:2.375rem;text-align:right}.ds-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;max-width:100%;min-height:1.5rem;padding:.125rem .5625rem;border:1px solid currentColor;border-radius:var(--ds-radius-pill);font:inherit;font-size:.875rem;line-height:1;background:transparent;color:inherit;text-decoration:none;white-space:nowrap}button.ds-pill,a.ds-pill{cursor:pointer}button.ds-pill:hover,a.ds-pill:hover,.ds-pill[aria-pressed=true]{background:var(--ds-ink);color:var(--ds-paper);border-color:var(--ds-ink)}.ds-pill:disabled{opacity:.4;cursor:not-allowed}.ds-window{border:1px solid currentColor;border-radius:var(--ds-radius-window);overflow:hidden;background:transparent;box-shadow:none}.ds-window__bar{min-height:2.625rem;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.375rem;border-bottom:1px solid currentColor;gap:.75rem}.ds-window__title{margin:0;font-family:var(--ds-font-display);font-size:1.25rem;font-weight:400;letter-spacing:-.045em;line-height:1.1}.ds-window__body{padding:var(--ds-space-4) var(--ds-panel-padding) 1.75rem;font-size:.875rem;line-height:1.15}.ds-window--compact{border-radius:.375rem;background:var(--ds-silver)}.ds-window--compact>.ds-window__bar{min-height:.875rem;height:.875rem;padding:0 .1875rem;background:var(--ds-ink);color:var(--ds-silver);border:0}.ds-window--compact>.ds-window__body{padding:.5rem;font-size:.625rem;line-height:1.05}.ds-window--browser{background:var(--ds-gray-window)}.ds-window--browser>.ds-window__bar{background:var(--ds-ink);color:var(--ds-paper);min-height:1.875rem;padding:.25rem 1rem}.ds-spectrum{background-image:var(--ds-spectrum-vertical);background-size:100% 100%;background-repeat:no-repeat}.ds-spectrum--spatial{background-image:var(--ds-spectrum-spatial);background-size:100% 100%;background-repeat:no-repeat}.ds-marble{background-image:var(--ds-texture-marble);background-size:cover;background-position:center;image-rendering:auto}.ds-quote{margin:0;padding:2rem 1.625rem;display:flex;flex-direction:column;justify-content:center;gap:1.25rem;border-radius:.375rem;font-size:1.25rem;line-height:1.12;letter-spacing:-.02em;text-align:center}.ds-quote cite{font-family:var(--ds-font-technical);font-size:.625rem;line-height:1.25;font-style:normal;letter-spacing:0}.ds-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.15}.ds-table th,.ds-table td{border-block:1px solid var(--ds-ink);padding:.375rem .5rem;text-align:left;font-weight:500}.ds-table thead{font-family:var(--ds-font-technical);font-size:.625rem;text-transform:uppercase}.ds-table tr:nth-child(2n){background:var(--ds-silver)}.ds-rule{height:1px;border:0;margin:0;background:currentColor}.ds-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-grid-gap)}.ds-copy{font-size:1rem;line-height:1.15;letter-spacing:-.01em}.ds-copy p{margin:0 0 1em}:where(button,a,input,select,textarea):focus-visible{outline:.125rem solid var(--ds-ink);outline-offset:.25rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:720px){.ds-folio{grid-template-columns:1fr auto;gap:.75rem}.ds-folio>:nth-child(2){grid-row:2;grid-column:1/-1}.ds-folio>:nth-last-child(2){display:none}.ds-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@supports (color: color(display-p3 1 1 1)){:root{--ds-paper: color(display-p3 .964706 .964706 .964706);--ds-ink: color(display-p3 .145098 .145098 .145098);--ds-silver: color(display-p3 .788235 .788235 .788235);--ds-violet: color(display-p3 .490196 .341176 .937255);--ds-orange: color(display-p3 .913725 .596078 .2);--ds-lime: color(display-p3 .803922 .956863 .294118);--ds-orchid: color(display-p3 .705882 .419608 .941176);--ds-violet-screen: color(display-p3 .466667 .345098 .921569)}}.ds-gradient-violet{background:radial-gradient(ellipse at center,var(--ds-silver),var(--ds-orchid) 33%,var(--ds-violet) 65%,var(--ds-silver))}.ds-gradient-lime{background:radial-gradient(ellipse at center,var(--ds-lime),var(--ds-silver) 50%,var(--ds-lime))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ds-paper);color:var(--ds-ink);font-family:var(--ds-font-main);font-weight:500;font-synthesis:none;-webkit-font-smoothing:antialiased;min-width:20rem}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button,a{touch-action:manipulation}button svg,a svg{flex-shrink:0}img{display:block;max-width:100%}::selection{background:var(--ds-lime);color:var(--ds-ink)}.site-header{height:4.5rem;display:flex;align-items:center;border-bottom:1px solid;padding:0 1.75rem;gap:2.5rem}.wordmark{display:flex;align-items:baseline;position:relative;padding:0;font-size:2rem;letter-spacing:-.1875rem}.wordmark .ds-display{font-size:1.9375rem}.wordmark-dot{font-size:.5625rem;letter-spacing:0;position:absolute;right:-.625rem;top:.25rem}.site-header nav{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.site-header nav button{border:1px solid transparent;border-radius:6.1875rem;padding:.375rem .75rem;font-size:.875rem;display:flex;gap:.3125rem;align-items:center;white-space:nowrap}.site-header nav button:hover{border-color:var(--ds-ink)}.site-header nav button[aria-current]{background:var(--ds-ink);color:var(--ds-paper)}.nav-number{font-size:.5rem}.edition{text-align:right;font-size:.5625rem}.page{max-width:91rem;margin:auto;padding:1.625rem 1.75rem 4rem;outline:0}.overview-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 1.625rem}.text-action{display:inline-flex;gap:.5rem;align-items:center;text-decoration:underline;text-underline-offset:.1875rem;padding:0;font-size:.875rem}.text-action:hover{opacity:.7}.cover{display:grid;grid-template-columns:25.6% 25.6% 48.8%;aspect-ratio:1323/750;overflow:hidden}.cover-spectrum{padding:1.625rem;color:var(--ds-paper)}.cover-spectrum .ds-technical{font-size:.6875rem}.cover-marble{background-size:100% 100%}.cover-paper{display:flex;flex-direction:column;text-align:center;padding:7% 6% 5%;min-width:0}.cover-title h2{font-size:clamp(1.5625rem,3.9vw,3.5rem);letter-spacing:-.055em;line-height:1}.cover-title .ds-display{display:block;font-size:clamp(1.25rem,3vw,2.75rem);letter-spacing:-.065em;white-space:nowrap;margin-top:.25rem}.cover-title p{font-size:clamp(.75rem,1.45vw,1.3125rem);line-height:1.14;letter-spacing:-.02em;margin-top:1.5rem}.cover-authors{display:flex;justify-content:center;gap:1.375rem;margin-top:3.625rem;text-align:left}.cover-authors>div{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem}.cover-authors .ds-technical{font-size:.5rem}.cover-author-pills{display:flex;gap:.875rem;flex-wrap:wrap}.cover-authors .ds-pill{font-size:.6875rem;min-height:1.5rem;padding:.125rem .5625rem}.cover-credits{display:grid;grid-template-columns:1fr 1fr;gap:1.875rem;margin-top:auto;font-size:.6875rem;line-height:1.12}.cover-credits .ds-technical{font-size:.625rem;white-space:pre-line}.cover-credits p{margin:.625rem 0 .875rem}.underlined{text-decoration:underline;text-underline-offset:.125rem}.caption{display:flex;justify-content:space-between;gap:1.25rem;margin-top:.75rem;font-size:.5625rem;line-height:1.4}.overview-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5.375rem 0 4rem}.overview-intro h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.02;letter-spacing:-.045em}.overview-intro h2 .ds-display{display:block;margin-top:.5rem;font-size:.9em}.overview-intro>div{max-width:31.875rem;padding-right:1.875rem}.overview-intro p{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:1.25rem}.overview-intro p+p{font-size:.9375rem;line-height:1.25;letter-spacing:0}.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));container-type:inline-size}.principle{aspect-ratio:1;position:relative;background:var(--tile-color);overflow:hidden}.principle-head{position:absolute;top:4.5%;left:7.3%;right:7.3%;display:flex;justify-content:space-between;font-size:.56cqw;line-height:1}.principle-number{position:absolute;top:12.5%;left:5%;font-size:10.2cqw;letter-spacing:-.08em;z-index:1;line-height:1}.principle h3{position:absolute;left:51.8%;top:25%;right:5%;font-size:1.38cqw;line-height:1.02;letter-spacing:-.035em;white-space:pre-line;z-index:1}.principle-texture{position:absolute;top:50%;bottom:0;left:0;right:0;background-image:var(--ds-texture-horizontal);background-size:auto 100%;background-position:center}.principle:nth-child(2) .principle-texture{background-position:25% center}.principle:nth-child(3) .principle-texture{background-position:75% center}.principle:nth-child(4) .principle-texture{background-position:100% center}.principle-note{position:absolute;z-index:2;left:52%;right:7.8%;top:40%;min-height:21%;border:0}.principle-note .ds-window__bar{height:1cqw;min-height:0}.principle-note .ds-window__body{font-size:.69cqw;line-height:1.04;padding:.58cqw}.principle-note .ds-window__body>svg{display:inline;vertical-align:-1px;margin-right:.125rem;width:.7cqw;height:.7cqw}.mini-icons{display:flex;gap:1px}.mini-icons svg{width:.65cqw;height:.65cqw;border:1px solid currentColor;border-radius:50%}.section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin:4rem 0 1.75rem}.section-row h2{font-size:2.25rem;line-height:1.03;letter-spacing:-.04em}.folio-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:1.625rem;background:#000;padding:1.625rem}.folio-wall button{padding:0}.folio-wall img{width:100%;transition:opacity .15s}.folio-wall button:hover img{opacity:.8}.note-row{display:flex;align-items:flex-start;gap:.75rem;max-width:56.25rem;margin-top:1.75rem}.note-row svg{flex-shrink:0}.note-row p{font-size:.8125rem;line-height:1.3}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:3.75rem;margin:1.875rem 0 3.125rem;padding-bottom:1.75rem;border-bottom:1px solid}.section-title h1{font-size:clamp(2.5rem,4.6vw,4.125rem);line-height:1.01;letter-spacing:-.055em;margin-top:1.25rem;max-width:49.375rem}.section-title>p{max-width:22.5rem;font-size:1rem;line-height:1.2;padding-bottom:.1875rem}.color-grid{display:grid;grid-template-columns:repeat(7,1fr)}.color-swatch{padding:1.25rem 1rem 1.125rem;height:17.1875rem;display:flex;flex-direction:column;text-align:left;justify-content:space-between;gap:1.25rem}.color-swatch:hover .color-value svg{transform:translateY(-.1875rem)}.color-value{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:clamp(1rem,1.7vw,1.5rem);letter-spacing:-.04em}.color-swatch .ds-technical{font-size:.5625rem;line-height:1.5}.spec-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin:4rem 0;align-items:start}.spec-split>div>h2{font-size:2.375rem;letter-spacing:-.045em;line-height:1.05;margin-bottom:1.125rem}.spec-split>div>p{font-size:1.0625rem;line-height:1.25;max-width:27.5rem}.spec-split .ds-table{margin-top:.3125rem}.materials{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:1.5rem}.materials>div{height:23.75rem;padding:1.375rem}.material-vertical{color:var(--ds-paper)}.material-marble{padding:0!important;display:flex;align-items:flex-end}.material-label{background:var(--ds-silver);padding:.75rem 1rem;margin:1.25rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.125rem}.metrics>div{display:flex;flex-direction:column;align-items:flex-start;gap:.9375rem}.metrics .ds-technical{font-size:.5625rem;min-height:1.375rem}.metrics b{font-size:1.625rem;font-weight:500;letter-spacing:-.04em}.sample-rule{width:5.625rem;height:1px;background:var(--ds-ink);margin-top:.9375rem}.sample-window{border:1px solid;width:5.625rem;height:4.375rem;border-radius:1.25rem}.sample-small{border:1px solid;width:4.375rem;height:4.375rem;border-radius:.375rem}.metrics .ds-pill{font-size:.6875rem}.spacing-section{border-top:1px solid;margin-top:4.375rem}.spacing-scale{display:grid;grid-template-columns:repeat(8,1fr);gap:1.25rem}.spacing-scale>div{height:7.8125rem;display:flex;flex-direction:column;gap:.625rem}.spacing-scale>div>div{background:var(--ds-violet)}.spacing-scale code{font-family:var(--ds-font-technical);font-size:.625rem;margin-top:auto}.small-note{font-size:.75rem;line-height:1.35;margin-top:1.25rem;max-width:50rem}.spacing-section+.text-action{margin-top:2.5rem}.type-family-list{border-top:1px solid}.type-family{display:grid;grid-template-columns:11.875rem 1fr 11.25rem;align-items:center;gap:2.1875rem;padding:2.25rem 0;border-bottom:1px solid}.type-family>.ds-technical{line-height:1.4}.type-family h2{font-size:clamp(1.875rem,4vw,3.5rem);letter-spacing:-.04em;line-height:1.08}.type-family p{font-size:.875rem;margin-top:.875rem}.type-aa{font-size:5.125rem;text-align:right;letter-spacing:-.05em}.type-tester{border:1px solid;border-radius:1.25rem;margin:4rem 0 2.5rem;overflow:hidden;background:var(--ds-silver)}.tester-toolbar{display:flex;align-items:center;gap:2.5rem;border-bottom:1px solid;padding:1rem 1.5rem}.tester-toolbar label{font-family:var(--ds-font-technical);font-size:.625rem;text-transform:uppercase;display:flex;align-items:center;gap:.75rem}.tester-toolbar select{font-family:var(--ds-font-main);font-size:.875rem;border:1px solid;border-radius:6.1875rem;background:transparent;padding:.3125rem 1.625rem .3125rem .625rem;max-width:14.375rem;text-transform:none}.size-control{flex:1}.size-control input{accent-color:var(--ds-ink);width:100%;max-width:15.625rem}.size-control output{white-space:nowrap;min-width:2.8125rem}.type-tester textarea{display:block;resize:vertical;border:0;background:transparent;width:100%;min-height:15rem;padding:2.375rem 1.5rem 1.5rem;line-height:1.08;letter-spacing:-.04em;outline-offset:-.3125rem}.type-tester .caption{padding:0 1.5rem 1.125rem}.type-scale-row{display:grid;grid-template-columns:15.625rem minmax(0,1fr);gap:1.875rem;border-bottom:1px solid;padding:1.75rem 0;align-items:center}.type-scale-row .ds-technical{line-height:1.5}.type-scale-row>div:last-child{letter-spacing:-.03em;overflow-wrap:anywhere}.type-rules,.layout-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:3.125rem;margin-top:3.375rem}.type-rules h3,.layout-notes h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.1;margin:1.125rem 0 .75rem}.type-rules p,.layout-notes p{font-size:.9375rem;line-height:1.25}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.component-box{border:1px solid;padding:1.5rem;min-width:0}.component-box>.caption{margin-top:0;margin-bottom:2.125rem}.component-wide{grid-column:1/-1}.tag-playground{display:flex;gap:.75rem;flex-wrap:wrap;align-content:flex-start;min-height:6.25rem;padding:.625rem 0}.component-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:1.375rem;gap:1.25rem}.component-bottom .ds-technical{font-size:.5625rem}.spectral-panel{background-image:var(--ds-spectrum-spatial);background-size:100% 100%}.window-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;max-width:56.25rem;margin:2.5rem auto}.window-controls{display:flex;align-items:center;gap:.3125rem}.icon-button{display:flex;align-items:center;justify-content:center;padding:0;width:1.125rem;height:1.125rem;border:1px solid currentColor;border-radius:50%;color:inherit}.icon-button svg{width:.75rem;height:.75rem}.icon-button:hover{opacity:.65}.ds-window__body p{margin-bottom:1.25rem}.ds-window__body p:last-child{margin-bottom:0}.window-pair .ds-window__body{min-height:11rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.window-pair .ds-pill{font-size:.875rem}.ds-window--compact .ds-window__title{font-family:var(--ds-font-technical);font-size:.5rem;letter-spacing:0}.ds-window--compact .icon-button{width:.625rem;height:.625rem}.ds-window--compact .icon-button svg{width:.5rem;height:.5rem}.micro-example{width:13.75rem;margin:2.5rem auto}.micro-example .ds-window__body{min-height:5.9375rem;font-size:.875rem;line-height:1.1;padding:.75rem}.folio-specimen{padding:1.25rem 0 2.1875rem}.folio-specimen .ds-folio{grid-template-columns:1.4fr 2fr 1fr auto;font-size:.75rem}.folio-specimen .ds-pill{font-size:.75rem}.quote-demo{width:15rem;min-height:21.875rem;margin:0 auto}.quote-demo p{font-size:1.1875rem}.browser-mini{padding:0 1.125rem}.ds-window--browser .ds-window__title{font-family:var(--ds-font-main);font-size:1rem;letter-spacing:-.02em}.ds-window--browser .ds-window__body{padding:0}.browser-content{height:21.875rem;overflow:hidden}.browser-content img{width:100%;margin-top:-4.5%}.layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.tab-group{display:flex;gap:.375rem;flex-wrap:wrap}.tab-group button{font-size:.9375rem;padding:.4375rem .875rem;border-radius:6.1875rem;border:1px solid}.tab-group button[aria-selected=true]{background:var(--ds-ink);color:var(--ds-paper)}.layout-actions{display:flex;gap:.625rem}.layout-canvas{position:relative;border:1px solid}.original-layout{width:100%}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;padding:0 1.625rem;pointer-events:none}.grid-overlay>span{border-inline:1px solid #e62965;background:#e629651c}.layout-notes+.text-action{margin-top:2.5rem}.contributors{container-type:inline-size}.contributors-heading{height:13.1cqw;background:var(--ds-violet-screen);display:flex;align-items:flex-start;justify-content:space-between;padding:2cqw}.contributors-heading .ds-pill,.contributors-heading>span{font-size:1cqw;min-height:1.7cqw}.contributors-heading h2{font-size:3.4cqw;letter-spacing:-.06em;margin-top:.2cqw}.contributors-grid{display:grid;grid-template-columns:repeat(6,1fr)}.contributors-grid article{background:var(--ds-silver);min-height:21.55cqw;padding:1.8cqw 1.6cqw;color:var(--ds-ink)}.contributors-grid article:nth-child(12n+1),.contributors-grid article:nth-child(12n+3),.contributors-grid article:nth-child(12n+5),.contributors-grid article:nth-child(12n+8),.contributors-grid article:nth-child(12n+10),.contributors-grid article:nth-child(12n+12){background:var(--ds-ink);color:var(--ds-silver)}.bio-heading{display:flex;gap:1.4cqw;font-size:.85cqw;line-height:1.05;min-height:6.8cqw}.bio-portrait{width:4cqw;height:4cqw;flex-shrink:0;border-radius:.375rem;object-fit:cover}.bio-heading .ds-technical{display:block;margin-top:1.7cqw;font-size:.38cqw;line-height:1.1}.contributors-grid article p{font-size:.78cqw;line-height:1.13}.editorial{padding:1.8%;container-type:inline-size}.editorial .ds-folio{font-size:.9cqw}.editorial .ds-pill{font-size:.7cqw;min-height:1.3cqw;padding:.1cqw .5cqw}.editorial-body{display:grid;grid-template-columns:23% 48% 25%;gap:2%;padding-top:3%;padding-bottom:1%}.editorial .ds-quote{padding:2cqw;font-size:2cqw;min-height:34cqw}.editorial .ds-quote cite{font-size:.7cqw}.editorial-body>article>span{display:block;text-align:center;font-size:.6cqw}.editorial h2{text-align:center;font-size:2.7cqw;line-height:1.02;letter-spacing:-.035em;margin:1cqw 0 2.5cqw}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw}.editorial-columns p{font-size:.95cqw;line-height:1.16;margin-bottom:1.2cqw}.editorial-columns h3{font-size:1.3cqw;line-height:1;margin-bottom:1cqw}.editorial-side{padding-top:4cqw}.editorial-side .ds-technical{font-size:.7cqw}.editorial-side .ds-table{font-size:.9cqw;margin-top:1cqw}.editorial-side td{padding:.6cqw .2cqw}.editorial-callout{background:var(--ds-ink);color:var(--ds-paper);border-radius:.375rem;margin-top:3cqw}.editorial-callout .ds-window__body{font-size:1.1cqw;padding:1.8cqw}.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 1.625rem}.reference-card{padding:0;text-align:left}.reference-card>img{aspect-ratio:1.66;object-fit:contain;background:#000;width:100%}.reference-card>div{padding-top:1.25rem}.reference-card h2{display:flex;align-items:center;justify-content:space-between;font-size:1.75rem;letter-spacing:-.03em;margin-top:.5rem}.reference-card p{font-size:.875rem;line-height:1.25;margin-top:.5rem}.reference-card:hover h2{text-decoration:underline;text-underline-offset:.25rem}.provenance{display:grid;grid-template-columns:1fr 1fr;gap:4.375rem;border-top:1px solid;margin-top:4rem;padding-top:2.125rem}.provenance h2{font-size:2.5rem;letter-spacing:-.04em;line-height:1.05}.provenance p{font-size:.9375rem;line-height:1.3;margin-bottom:1.25rem}.provenance b{font-weight:500;text-decoration:underline}.export-hero{padding:2.375rem;display:flex;justify-content:space-between;align-items:flex-end;min-height:22.5rem}.export-hero h2{font-size:4rem;letter-spacing:-.055em;line-height:.98;margin-top:1.875rem}.export-hero .ds-pill{background:var(--ds-paper);padding:.625rem 1rem;min-height:2.5rem;text-decoration:none}.export-hero a:hover{background:var(--ds-ink);color:var(--ds-paper)}.download-list{margin:2.375rem 0}.download-list>a{display:grid;grid-template-columns:6.875rem 1fr 2.5rem;gap:2.5rem;align-items:center;text-decoration:none;padding:1.875rem 0;border-bottom:1px solid}.download-list>a>.ds-display{font-size:4rem;letter-spacing:-.06em}.download-list h2{font-size:1.75rem;letter-spacing:-.035em}.download-list p{font-size:.875rem;margin-top:.375rem;line-height:1.3}.download-list a:hover h2{text-decoration:underline;text-underline-offset:.25rem}.code-example{background:var(--ds-silver);border:1px solid;border-radius:.375rem;padding:1.625rem}.code-example .caption{margin:0}.code-example pre{font-family:var(--ds-font-technical);font-size:.8125rem;line-height:1.55;overflow-x:auto;padding:1.5rem 0;margin:0}.site-footer{border-top:1px solid;padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.site-footer>span:first-child{font-size:1.25rem;letter-spacing:-.03em}.site-footer>span:first-child .ds-display{margin-left:.375rem}.site-footer>.ds-technical{font-size:.5625rem}.toast{position:fixed;left:50%;bottom:1.875rem;transform:translate(-50%);background:var(--ds-ink);color:var(--ds-paper);border:1px solid var(--ds-paper);border-radius:6.1875rem;padding:.8125rem 1.375rem;z-index:100;display:flex;gap:.625rem;align-items:center;font-size:.875rem;max-width:calc(100vw - 1.875rem);white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#000c;display:flex;padding:1.875rem;align-items:center;justify-content:center}.image-dialog{background:var(--ds-ink);color:var(--ds-paper);border:1px solid var(--ds-silver);border-radius:.75rem;max-width:92.5rem;width:100%;max-height:calc(100dvh - 3.75rem);overflow:hidden;outline:0}.image-dialog-bar{padding:.75rem 1.125rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.image-dialog-bar>div{display:flex;gap:1.125rem;align-items:center}.image-dialog-bar .ds-pill{font-size:.75rem}.image-dialog-bar .icon-button{width:1.5rem;height:1.5rem}.image-dialog-body{overflow:auto;max-height:calc(100dvh - 7.5rem);background:#000;display:flex;justify-content:center}.image-dialog-body img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 7.5rem);object-fit:contain}.image-dialog-body.actual-pixels{display:block}.image-dialog-body.actual-pixels img{max-width:none;max-height:none}.skip-link{position:fixed;top:-3.75rem;left:1.25rem;background:var(--ds-lime);padding:.625rem;z-index:200}.skip-link:focus{top:.625rem}@media(max-width:1100px){.site-header{gap:1.375rem;padding:0 1.25rem}.site-header nav{gap:0}.site-header nav button{padding:.375rem .5625rem;font-size:.75rem}.nav-number,.edition{display:none}.page{padding-inline:1.25rem}.cover-authors{gap:.75rem;margin-top:2.1875rem}.cover-author-pills{gap:.375rem}.cover-authors .ds-pill{font-size:.5625rem;min-height:1.25rem}.cover-credits{gap:1.125rem;font-size:.5625rem}.cover-credits .ds-technical{font-size:.5rem}.color-grid{grid-template-columns:repeat(4,1fr)}.color-swatch{height:13.75rem}.spec-split{gap:2.5rem}.materials{gap:1rem}.materials>div{height:18.75rem}.type-family{grid-template-columns:8.75rem 1fr 6.875rem;gap:1.375rem}.type-family h2{font-size:2.375rem}.type-aa{font-size:4rem}.type-family .ds-technical{font-size:.5625rem}.type-scale-row{grid-template-columns:11.875rem 1fr}.type-rules,.layout-notes{gap:1.5625rem}.folio-specimen .ds-folio{font-size:.625rem}.folio-specimen .ds-pill{font-size:.5625rem}.window-pair .ds-window__title{font-size:1.0625rem}.component-bottom{align-items:flex-start;flex-direction:column}.section-title{gap:2.1875rem}.section-title>p{max-width:17.5rem}.cover-spectrum{padding:1.25rem}.overview-intro{gap:2.8125rem}.overview-intro p{font-size:1.125rem}}@media(max-width:720px){.site-header{height:auto;min-height:4rem;display:block;padding:1rem 1rem 0;position:relative}.wordmark{font-size:1.75rem}.wordmark .ds-display{font-size:1.6875rem}.site-header nav{justify-content:flex-start;overflow-x:auto;padding:.875rem 0 .75rem;gap:.1875rem}.site-header nav button{padding:.375rem .625rem;font-size:.75rem}.page{padding:1.25rem 1rem 2.625rem}.overview-heading{gap:.75rem;margin-bottom:1.125rem}.overview-heading>.ds-technical{display:none}.overview-heading .ds-pill{font-size:.6875rem}.overview-heading .text-action{font-size:.75rem}.cover{aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:10.625rem auto}.cover-spectrum{padding:1.125rem}.cover-spectrum .ds-technical{font-size:.5625rem}.cover-marble{background-size:100% auto;background-position:center 30%}.cover-paper{grid-column:1/-1;min-height:28.125rem;padding:2.1875rem 1.25rem 1.25rem}.cover-title h2{font-size:2.375rem}.cover-title .ds-display{font-size:1.8125rem}.cover-title p{font-size:1.0625rem;margin-top:1.25rem}.cover-authors{margin-top:2rem;justify-content:center;gap:1.25rem}.cover-authors .ds-pill{font-size:.625rem}.cover-credits{font-size:.5625rem;gap:1.125rem;margin-top:3.375rem}.caption{font-size:.5rem;gap:1rem}.caption>span:last-child{text-align:right}.overview-intro{grid-template-columns:1fr;padding:3rem 0 2.375rem;gap:1.75rem}.overview-intro h2{font-size:2.375rem}.overview-intro>div{padding:0;max-width:none}.overview-intro p{font-size:1.125rem}.principles{grid-template-columns:1fr 1fr}.principle-head{font-size:1.14cqw}.principle-number{font-size:20.4cqw}.principle h3{font-size:2.76cqw}.principle-note .ds-window__bar{height:2cqw}.principle-note .ds-window__body{font-size:1.38cqw;padding:1.16cqw}.principle-note .ds-window__body>svg{width:1.4cqw;height:1.4cqw}.mini-icons svg{width:1.3cqw;height:1.3cqw}.section-row{margin-top:2.625rem;gap:1.25rem}.section-row h2{font-size:1.75rem}.section-row .text-action{font-size:.75rem}.folio-wall{grid-template-columns:1fr 1fr;padding:.75rem;gap:.75rem}.section-title{display:block;margin:1.125rem 0 1.875rem;padding-bottom:1.5rem}.section-title h1{font-size:2.75rem;letter-spacing:-.05em;margin-top:1rem}.section-title>p{max-width:100%;margin-top:1.5rem;font-size:.9375rem}.color-grid{grid-template-columns:repeat(2,1fr)}.color-swatch{height:12.5rem;padding:1.125rem}.color-value{font-size:1.4375rem}.color-swatch:last-child{grid-column:1/-1;height:10rem}.spec-split{grid-template-columns:1fr;gap:1.75rem;margin:2.625rem 0}.spec-split>div>h2{font-size:2rem}.spec-split>div>p{font-size:1rem}.materials{grid-template-columns:1fr 1fr;gap:.75rem}.materials>div{height:16.25rem;padding:.9375rem}.materials .material-spatial{grid-column:1/-1;grid-row:2;height:11.875rem}.materials .material-marble{grid-column:2;grid-row:1}.metrics{gap:.75rem}.metrics b{font-size:1.5rem}.sample-window{width:4.25rem}.sample-rule{width:4.0625rem}.spacing-scale{grid-template-columns:repeat(4,1fr);gap:1.25rem}.spacing-section{margin-top:2.5rem}.type-family{grid-template-columns:1fr auto;gap:1.125rem;padding:1.5rem 0}.type-family>.ds-technical{grid-column:1/-1}.type-family h2{font-size:1.8125rem}.type-aa{font-size:2.875rem}.type-family p{font-size:.75rem}.type-tester{margin:2.375rem 0}.tester-toolbar{padding:.9375rem;gap:1.125rem;flex-wrap:wrap}.tester-toolbar label:first-child{flex:1}.tester-toolbar select{max-width:12.5rem;font-size:.75rem}.tester-toolbar .size-control{order:3;flex-basis:100%}.tester-toolbar .ds-pill{font-size:.6875rem}.type-tester textarea{padding:1.75rem 1rem;min-height:15.625rem}.type-tester .caption{padding:0 1rem 1rem}.type-scale-row{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem 0}.type-rules,.layout-notes{grid-template-columns:1fr;gap:1.875rem;margin-top:2.375rem}.type-rules h3,.layout-notes h3{margin-top:.75rem}.component-grid{grid-template-columns:1fr;gap:1.125rem}.component-box{padding:1.125rem}.component-box>.caption{margin-bottom:1.375rem}.component-wide{grid-column:auto}.component-bottom{gap:1.125rem}.window-pair{grid-template-columns:1fr;gap:1.375rem;margin:1.75rem 0}.window-pair .ds-window__title{font-size:1.25rem}.spectral-panel>.ds-technical{font-size:.5625rem}.folio-specimen .ds-folio{grid-template-columns:1fr auto;font-size:.75rem}.folio-specimen .ds-pill{font-size:.625rem}.browser-mini{padding:0}.layout-toolbar{align-items:flex-start;flex-direction:column}.tab-group button{font-size:.8125rem;padding:.375rem .6875rem}.layout-actions{width:100%;justify-content:flex-end}.layout-actions .ds-pill{font-size:.75rem}.grid-overlay{gap:.5rem;padding:0 .75rem}.contributors-heading{height:6.875rem;padding:1rem .75rem;flex-wrap:wrap;gap:.5rem}.contributors-heading .ds-pill,.contributors-heading>span{font-size:.625rem;min-height:1.25rem}.contributors-heading h2{order:3;font-size:1.4375rem;width:100%;margin:0}.contributors-grid{grid-template-columns:repeat(2,1fr)}.contributors-grid article{min-height:18.75rem;padding:1.125rem .875rem;background:var(--ds-silver)!important;color:var(--ds-ink)!important}.contributors-grid article:nth-child(4n+1),.contributors-grid article:nth-child(4n+4){background:var(--ds-ink)!important;color:var(--ds-silver)!important}.bio-heading{font-size:.8125rem;line-height:1.1;min-height:8.125rem;flex-direction:column;gap:.75rem}.bio-portrait{width:2.75rem;height:2.75rem}.bio-heading .ds-technical{font-size:.4375rem;margin-top:.75rem}.contributors-grid article p{font-size:.6875rem;line-height:1.2}.editorial{padding:1rem;container-type:normal}.editorial .ds-folio{font-size:.625rem}.editorial .ds-pill{font-size:.5625rem;min-height:1.25rem;padding:.125rem .375rem}.editorial-body{display:flex;flex-direction:column;padding-top:1.625rem;gap:1.625rem}.editorial .ds-quote{padding:2.5rem 1.5rem;font-size:1.5rem;min-height:15.625rem}.editorial .ds-quote cite{font-size:.5625rem}.editorial-body>article>span{font-size:.5625rem}.editorial h2{font-size:1.6875rem;margin:.75rem 0 1.375rem}.editorial-columns{gap:.875rem}.editorial-columns p{font-size:.75rem;line-height:1.2;margin-bottom:.75rem}.editorial-columns h3{font-size:.9375rem;margin-bottom:.75rem}.editorial-side{padding-top:0}.editorial-side .ds-technical{font-size:.5625rem}.editorial-side .ds-table{font-size:.75rem;margin-top:.75rem}.editorial-side td{padding:.5rem .125rem}.editorial-callout{margin-top:1.25rem}.editorial-callout .ds-window__body{font-size:1rem;padding:1.25rem}.reference-grid{grid-template-columns:1fr;gap:2.125rem}.reference-card h2{font-size:1.5625rem}.provenance{grid-template-columns:1fr;gap:1.75rem;margin-top:2.625rem}.provenance h2{font-size:2.125rem}.export-hero{padding:1.5rem;min-height:22.5rem;display:block}.export-hero h2{font-size:3.625rem}.export-hero .ds-pill{margin-top:2.1875rem}.download-list>a{grid-template-columns:3.125rem 1fr 1.5rem;gap:.9375rem;padding:1.5rem 0}.download-list>a>.ds-display{font-size:2.375rem}.download-list h2{font-size:1.4375rem}.download-list p{font-size:.75rem}.code-example{padding:1.125rem}.code-example pre{font-size:.6875rem}.site-footer{padding:1.5rem 1rem;flex-wrap:wrap}.site-footer>.ds-technical{order:3;flex-basis:100%;font-size:.5rem}.site-footer .text-action{font-size:.75rem}.modal-backdrop{padding:.75rem}.image-dialog{max-height:calc(100dvh - 1.5rem)}.image-dialog-bar{padding:.75rem;align-items:flex-start}.image-dialog-bar .ds-technical{font-size:.5rem;max-width:55%;line-height:1.4}.image-dialog-bar>div{gap:.625rem}.image-dialog-bar .ds-pill{font-size:.625rem}.image-dialog-body,.image-dialog-body img{max-height:calc(100dvh - 6.25rem)}}.principle-texture{background-image:url(/assets/materials/marble.svg);background-size:400% 200%;background-position:0 100%}.principle:nth-child(2) .principle-texture{background-position:33.333333% 100%}.principle:nth-child(3) .principle-texture{background-position:66.666667% 100%}.principle:nth-child(4) .principle-texture{background-position:100% 100%}.principle:nth-child(3) h3{font-size:1.24cqw;left:51.8%;right:3%}@media(max-width:720px){.principle:nth-child(3) h3{font-size:2.48cqw}}.principle-number{top:10.5%}.principle:nth-child(2) h3{top:31%}.browser-content img{width:100%;height:100%;object-fit:cover;object-position:top;margin:0}@media(min-width:721px){.cover-title .ds-display{font-size:clamp(1.875rem,4.142857vw,3.75rem)}.cover-title p{margin-top:.875rem}}.reference-source{display:block;font-family:var(--font-mono,monospace);font-size:10px;font-weight:400;opacity:.55;margin-top:6px;line-height:1.4}.reference-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-card-grid .publication-page img{aspect-ratio:1}.reference-card-grid a{color:inherit;text-decoration:none}@media(max-width:800px){.reference-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}