@font-face{font-family:FoundationWanted;src:url('../../../research/brand/visual/adopted-direction/fonts/WantedSansVariable.woff2');font-weight:400 1000;font-style:normal;font-display:swap}@font-face{font-family:FoundationJP;src:url('../../../research/brand/visual/fonts/NotoSansCJKjp-Regular.otf')}@font-face{font-family:FoundationSerif;src:url('../../../research/brand/visual/fonts/NotoSerifCJKjp-Regular.otf')}
.foundation-demo{font-family:FoundationWanted,sans-serif;color:#171717;background:white;margin:1.25rem 0 1.75rem;padding:1.25rem;border:1px solid #d5dbe0;border-radius:0.5rem}
.foundation-demo section{scroll-margin-top:6.875rem}.foundation-demo .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.foundation-demo .two{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-demo .sample{padding:1.25rem;border:1px solid #c5c5c0;min-width:0}.foundation-demo .dark{background:#171717;color:white}.foundation-demo .dark .note{color:#ddd}.foundation-demo img{max-width:100%;height:auto}.foundation-demo .logo-frame{min-height:4.6875rem;display:flex;align-items:center}.foundation-demo .note{font-size:0.875rem;color:#555}.foundation-demo .measure{display:inline-block;border:1px dashed #999;padding:0.75rem}.foundation-demo .word{font-size:clamp(2rem,1.25rem + 2vw,3.5rem);font-weight:700;line-height:1.25;word-break:keep-all}.foundation-demo .body-text{font-size:1.125rem;line-height:1.7;max-width:36em}.foundation-demo .ja{font-family:FoundationJP,sans-serif;line-height:1.8}.foundation-demo .serif{font-family:FoundationSerif,serif}.foundation-demo .swatch{height:4rem;border:1px solid #c5c5c0}.foundation-demo .accent{background:#f96815;color:#171717;padding:0.75rem 1.25rem;display:inline-block}.foundation-demo .spacing{display:flex;gap:0.75rem;align-items:flex-end;flex-wrap:wrap}.foundation-demo .space-item span{display:block;width:2rem;background:#555;margin-bottom:0.5rem}.foundation-demo .table-scroll{overflow:auto}.foundation-demo h3{font-size:1.125rem}.foundation-demo p{overflow-wrap:anywhere}
@media(max-width:56.25rem){.foundation-demo .grid,.foundation-demo .two{grid-template-columns:1fr}.foundation-demo{padding:1rem}.foundation-demo .word{font-size:2rem}.foundation-demo .body-text{font-size:1.125rem}}

@font-face{font-family:EditorialMark;src:url('../../../research/design-system/foundations/bi-assets/editorial-wordmark.woff2') format('woff2');font-weight:400;font-style:normal}
.foundation-demo .bi-editorial{font-family:EditorialMark,cursive;font-weight:400;letter-spacing:-.02em;line-height:1.25;display:inline-block}
.foundation-demo .bi-stage{min-height:6.25rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}
.foundation-demo .bi-plate{display:inline-block;padding:1rem;background:white}
.foundation-demo .bi-clear{display:inline-block;padding:1rem;border:1px dashed #999;max-width:100%}
.foundation-demo .bi-stage img{display:block;max-width:100%;height:auto}