.breakdance .bde-section-1121-100 .section-container{--bde-grid-gap:var(--bde-column-gap);display:grid;grid-template-columns:repeat(var(--bde-grid-items-per-row,4),minmax(0,1fr));gap:var(--bde-grid-gap);align-items:var(--bde-grid-align-items,stretch);justify-items:var(--bde-grid-justify-items,stretch)}.breakdance .bde-section-1121-100 .section-container>*{width:auto!important;height:auto!important}.breakdance .bde-section-1121-100 .section-container{--bde-grid-items-per-row:1}.breakdance .bde-section-1121-100 .section-container{--bde-section-width:100%}.breakdance .bde-section-1121-100 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}#custom-page{--dark:#1F1C1D;--light:#F0F0EB;--mid:#8A8787;--mist:#D8D8D2;--line:rgba(31,28,29,.15);--line-dark:rgba(240,240,235,.18);--display:'Roboto Condensed',sans-serif;--body:'Inter',sans-serif}#custom-page *{box-sizing:border-box}#custom-page{scroll-behavior:smooth}#custom-page{margin:0;color:var(--dark);background:var(--light);font-family:var(--body);font-size:15px;line-height:1.6;overflow-x:hidden;max-width:100%}#custom-page a{color:inherit}#custom-page svg{display:block}#custom-page img{display:block;max-width:100%}#custom-page .shell{width:min(1480px,calc(100% - 40px));margin:0 auto}#custom-page .svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}#custom-page .topbar{position:sticky;top:0;z-index:20;background:rgba(240,240,235,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}#custom-page .topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}#custom-page .mini-brand{display:flex;align-items:center;gap:12px;text-decoration:none}#custom-page .mini-brand svg,#custom-page .mini-brand img{width:38px;height:38px;display:block}#custom-page .mini-brand span{font-family:var(--display);font-size:21px;letter-spacing:.06em}#custom-page nav{display:flex;gap:24px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#custom-page nav a{text-decoration:none;opacity:.62}#custom-page nav a:hover{opacity:1}#custom-page .nav-toggle{display:none}#custom-page .hero{min-height:740px;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line)}#custom-page .hero-copy{padding:104px 7vw 76px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}#custom-page .eyebrow{margin-bottom:18px;color:var(--mid);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}#custom-page h1,#custom-page h2,#custom-page h3,#custom-page p{margin-top:0}#custom-page h1{max-width:760px;margin-bottom:28px;font-family:var(--display);font-size:clamp(80px,10vw,160px);line-height:.76;letter-spacing:.01em;text-transform:uppercase;color:#1F1C1D;overflow-wrap:break-word}#custom-page .lead{max-width:590px;margin-bottom:0;color:rgba(31,28,29,.7);font-size:18px}#custom-page .hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}#custom-page .meta{padding-top:13px;border-top:1px solid var(--line)}#custom-page .meta strong{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}#custom-page .meta span{color:var(--mid);font-size:13px}#custom-page .hero-mark{position:relative;display:grid;place-items:center;min-height:620px;padding:50px;color:var(--light);background:var(--dark);overflow:hidden}#custom-page .hero-mark:after{content:'';position:absolute;inset:0;opacity:.08;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(240,240,235,.5) 0px,rgba(240,240,235,.5) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(240,240,235,.5) 0px,rgba(240,240,235,.5) 1px,transparent 1px,transparent 3px)}#custom-page .hero-mark svg{position:relative;z-index:2;width:min(620px,100%);height:auto}#custom-page section{padding:100px 0;border-bottom:1px solid var(--line)}#custom-page .section-head{display:grid;grid-template-columns:.36fr .64fr;gap:60px;margin-bottom:50px}#custom-page .section-number{color:var(--mid);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}#custom-page h2{margin-bottom:18px;font-family:var(--display);font-size:clamp(54px,6.5vw,100px);line-height:.8;text-transform:uppercase;color:#1F1C1D;overflow-wrap:break-word}#custom-page .section-copy{max-width:680px;margin-bottom:0;color:rgba(31,28,29,.68);font-size:16px}#custom-page .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}#custom-page .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#custom-page .panel{position:relative;min-height:360px;display:grid;place-items:center;padding:55px 34px 34px;border:1px solid var(--line);background:rgba(255,255,255,.2);overflow:hidden}#custom-page .panel.dark{color:var(--light);background:var(--dark);border-color:var(--dark)}#custom-page .panel-label{position:absolute;top:17px;left:19px;color:inherit;opacity:.56;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}#custom-page .panel .primary-logo{width:min(560px,92%)}#custom-page .panel .wordmark-logo{width:min(500px,86%)}#custom-page .panel .monogram-logo{width:190px;height:190px}#custom-page .rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}#custom-page .rule{min-height:240px;padding:27px;border:1px solid var(--line)}#custom-page .rule b{display:grid;place-items:center;width:34px;height:34px;margin-bottom:42px;border:1px solid currentColor;border-radius:50%;font-size:11px}#custom-page .rule h3{margin-bottom:9px;font-family:var(--display);font-size:30px;line-height:1;text-transform:uppercase;color:#1F1C1D}#custom-page .rule p{margin-bottom:0;color:var(--mid);font-size:13px}#custom-page .clearspace{min-height:460px;display:grid;place-items:center;padding:70px;border:1px solid var(--line);background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px}#custom-page .safe{position:relative;padding:56px;border:1px dashed rgba(31,28,29,.48)}#custom-page .safe:before{content:'Clear space equals one corner length';position:absolute;top:-28px;left:0;color:var(--mid);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}#custom-page .safe svg{width:min(560px,74vw)}#custom-page .color-grid{display:grid;grid-template-columns:1.25fr 1.25fr .75fr .75fr;gap:16px}#custom-page .swatch{min-height:390px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid var(--line)}#custom-page .swatch.dark{color:var(--light);background:var(--dark);border-color:var(--dark)}#custom-page .swatch.light{background:var(--light)}#custom-page .swatch.mid{color:#fff;background:var(--mid)}#custom-page .swatch.mist{background:var(--mist)}#custom-page .swatch-role{opacity:.6;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}#custom-page .swatch h3{margin-bottom:13px;font-family:var(--display);font-size:44px;line-height:.88;text-transform:uppercase}#custom-page .swatch.dark h3{color:#F0F0EB}#custom-page .swatch.light h3{color:#1F1C1D}#custom-page .swatch.mid h3{color:#F0F0EB}#custom-page .swatch.mist h3{color:#1F1C1D}#custom-page .swatch p{margin-bottom:0;font-size:12px;opacity:.76}#custom-page .ratio{display:grid;grid-template-columns:70% 30%;min-height:108px;margin-top:18px;border:1px solid var(--line)}#custom-page .ratio div{display:flex;align-items:center;padding:22px;font-weight:700}#custom-page .ratio .dark{color:var(--light);background:var(--dark)}#custom-page .ratio .light{background:var(--light)}#custom-page .type-card{min-height:420px;padding:36px;border:1px solid var(--line);background:rgba(255,255,255,.18)}#custom-page .type-meta{display:flex;justify-content:space-between;gap:18px;margin-bottom:62px;color:var(--mid);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}#custom-page .display-sample{font-family:var(--display);font-size:clamp(72px,8vw,126px);line-height:.74;text-transform:uppercase;overflow-wrap:break-word}#custom-page .body-sample{max-width:580px;font-size:22px;line-height:1.55;letter-spacing:-.02em}#custom-page .type-scale{margin-top:18px;border:1px solid var(--line)}#custom-page .scale-row{display:grid;grid-template-columns:150px 1fr 110px;align-items:center;gap:24px;min-height:78px;padding:14px 20px;border-bottom:1px solid var(--line)}#custom-page .scale-row:last-child{border-bottom:0}#custom-page .scale-role,#custom-page .scale-size{color:var(--mid);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#custom-page .scale-sample{margin:0}#custom-page .scale-sample-hero{font-family:var(--display);font-size:50px;line-height:.8;text-transform:uppercase}#custom-page .scale-sample-section{font-family:var(--display);font-size:38px;line-height:.85;text-transform:uppercase}#custom-page .scale-sample-sub{font-size:18px}#custom-page .scale-sample-label{font-size:10px;letter-spacing:.17em;text-transform:uppercase}#custom-page .icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}#custom-page .icon-card{min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.17)}#custom-page .icon-card svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:square;stroke-linejoin:miter}#custom-page .icon-card span{color:var(--mid);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}#custom-page .icon-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--mid);font-size:12px}#custom-page .favicon-board{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}#custom-page .favicon-stage{min-height:470px;display:flex;align-items:center;justify-content:center;gap:34px;padding:42px;background:var(--dark)}#custom-page .app-icon{width:218px;aspect-ratio:1;display:grid;place-items:center;border-radius:46px;color:var(--dark);background:var(--light);box-shadow:0 24px 56px rgba(0,0,0,.26)}#custom-page .app-icon.inverse{color:var(--light);background:var(--dark);border:1px solid var(--line-dark)}#custom-page .app-icon svg{width:76%;height:76%}#custom-page .favicon-info{min-height:470px;display:flex;flex-direction:column;justify-content:center;padding:36px;border:1px solid var(--line)}#custom-page .browser-tab{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid var(--line);background:#fff}#custom-page .sizes{display:flex;align-items:flex-end;gap:25px;margin-top:38px}#custom-page .size-item{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--mid);font-size:10px}#custom-page .favicon-box{display:grid;place-items:center;color:var(--light);background:var(--dark);border-radius:18%;overflow:hidden}#custom-page .favicon-box svg{width:100%;height:100%}#custom-page .favicon-box-16{width:16px;height:16px}#custom-page .favicon-box-24{width:24px;height:24px}#custom-page .favicon-box-32{width:32px;height:32px}#custom-page .favicon-box-48{width:48px;height:48px}#custom-page .favicon-box-92{width:92px;height:92px}#custom-page .motion-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}#custom-page .motion-card{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--dark);color:var(--light)}#custom-page .motion-label{position:absolute;top:18px;left:20px;z-index:4;opacity:.55;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}#custom-page .motion-logo{position:absolute;inset:10%;width:80%;height:80%;overflow:visible}#custom-page .motion-corner{fill:none;stroke:currentColor;stroke-width:9;stroke-dasharray:150;stroke-dashoffset:150;animation:cornerDraw 5.4s cubic-bezier(.7,0,.25,1) infinite}#custom-page .motion-word{clip-path:inset(0 100% 0 0);opacity:0;animation:wordReveal 5.4s cubic-bezier(.7,0,.25,1) infinite}#custom-page .motion-desc{opacity:0;transform:translateY(12px);transform-origin:center;animation:descReveal 5.4s ease infinite}@keyframes cornerDraw{0%,9%{stroke-dashoffset:150;opacity:0}12%{opacity:1}30%,82%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:0;opacity:0}}@keyframes wordReveal{0%,23%{clip-path:inset(0 100% 0 0);opacity:0}27%{opacity:1}45%,82%{clip-path:inset(0 0 0 0);opacity:1}94%,100%{clip-path:inset(0 0 0 0);opacity:0}}@keyframes descReveal{0%,40%{opacity:0;transform:translateY(12px)}50%,82%{opacity:1;transform:translateY(0)}94%,100%{opacity:0;transform:translateY(0)}}#custom-page .footage{background:linear-gradient(110deg,rgba(0,0,0,.12),rgba(0,0,0,.62)),radial-gradient(circle at 68% 24%,#757170 0 8%,transparent 9%),linear-gradient(145deg,#8b8785,#1f1c1d 68%)}#custom-page .footage:before{content:'';position:absolute;inset:-6%;background:radial-gradient(circle at 64% 25%,rgba(240,240,235,.2) 0 7%,transparent 8%),linear-gradient(130deg,transparent 35%,rgba(240,240,235,.08),transparent 70%);animation:cameraMove 7s ease-in-out infinite alternate}@keyframes cameraMove{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-1.5%,1%)}}#custom-page .video-watermark{position:absolute;top:22px;right:24px;width:145px;color:var(--light);opacity:.78;animation:watermarkFade 6s ease infinite}@keyframes watermarkFade{0%,10%{opacity:0}22%,85%{opacity:.78}100%{opacity:0}}#custom-page .lower-third{position:absolute;left:34px;bottom:34px;display:flex;gap:15px;align-items:stretch;opacity:0;transform:translateX(-42px);animation:lowerThird 6s cubic-bezier(.7,0,.25,1) infinite}#custom-page .lower-third:before{content:'';width:5px;background:var(--light)}#custom-page .lower-third strong{display:block;font-family:var(--display);font-size:36px;line-height:.86;letter-spacing:.02em;text-transform:uppercase}#custom-page .lower-third span{display:block;margin-top:8px;opacity:.74;font-size:9px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}@keyframes lowerThird{0%,22%{opacity:0;transform:translateX(-42px)}34%,75%{opacity:1;transform:translateX(0)}88%,100%{opacity:0;transform:translateX(0)}}#custom-page .motion-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}#custom-page .motion-rule{min-height:165px;padding:23px;border:1px solid var(--line)}#custom-page .motion-rule b{display:block;margin-bottom:24px;font-family:var(--display);font-size:42px;line-height:1}#custom-page .motion-rule strong{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}#custom-page .motion-rule p{margin-bottom:0;color:var(--mid);font-size:12px}#custom-page .application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#custom-page .application{position:relative;aspect-ratio:1;padding:30px;overflow:hidden;border:1px solid var(--line)}#custom-page .application.dark{color:var(--light);background:var(--dark);border-color:var(--dark)}#custom-page .application.image{color:var(--light);background:linear-gradient(155deg,rgba(31,28,29,.06),rgba(31,28,29,.87)),radial-gradient(circle at 69% 25%,#8b8785 0 9%,transparent 10%),linear-gradient(140deg,#d8d5d1,#716d6d)}#custom-page .application .small-wordmark{width:128px}#custom-page .application-centered-logo{position:absolute;left:50%;top:50%;width:72%;transform:translate(-50%,-50%)}#custom-page .application h3{position:absolute;left:29px;bottom:26px;max-width:290px;margin:0;font-family:var(--display);font-size:55px;line-height:.8;text-transform:uppercase;color:#1F1C1D}#custom-page .application.image h3{color:#F0F0EB}#custom-page .pattern{position:absolute;inset:-10%;display:grid;align-content:center;gap:5px;transform:rotate(-15deg);opacity:.1}#custom-page .pattern svg{width:115%}#custom-page .usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#custom-page .usage{min-height:360px;padding:26px;border:1px solid var(--line)}#custom-page .usage-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:38px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#custom-page .status{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff}#custom-page .status.good{background:#32674e}#custom-page .status.bad{background:#833b3b}#custom-page .usage-demo{min-height:170px;display:grid;place-items:center;margin-bottom:22px;color:var(--light);background:var(--dark);overflow:hidden}#custom-page .usage-demo svg{width:min(420px,82%)}#custom-page .wrong-stretch svg{transform:scaleX(1.5)}#custom-page .wrong-color .usage-demo{color:#ffe14f;background:#435fd2}#custom-page .wrong-effect svg{filter:drop-shadow(8px 8px 0 #9954b6) drop-shadow(0 0 10px #64e8ff)}#custom-page .usage p{margin-bottom:0;color:var(--mid);font-size:13px}#custom-page .outro{padding:42px 0;color:var(--light);background:var(--dark)}#custom-page .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}#custom-page .footer-inner span{font-size:11px;letter-spacing:.13em;text-transform:uppercase}#custom-page .footer-inner a{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}@media (max-width:1100px){#custom-page .nav-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line)}#custom-page .nav-toggle .bars{display:grid;gap:4px}#custom-page .nav-toggle .bars span{display:block;width:16px;height:2px;background:var(--dark);transition:transform .2s ease,opacity .2s ease}#custom-page .nav-toggle[aria-expanded="true"] .bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}#custom-page .nav-toggle[aria-expanded="true"] .bars span:nth-child(2){opacity:0}#custom-page .nav-toggle[aria-expanded="true"] .bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}#custom-page nav{position:fixed;top:72px;left:0;right:0;z-index:19;flex-direction:column;align-items:stretch;gap:0;background:var(--light);border-bottom:1px solid var(--line);display:none}#custom-page nav.open{display:flex}#custom-page nav a{padding:16px 20px;border-top:1px solid var(--line);opacity:1}#custom-page .hero{grid-template-columns:1fr}#custom-page .hero-copy{border-right:0;border-bottom:1px solid var(--line);padding-right:0}#custom-page .section-head{grid-template-columns:1fr;gap:14px}#custom-page .color-grid{grid-template-columns:1fr 1fr}#custom-page .icon-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:760px){#custom-page .shell{width:calc(100% - 24px)}#custom-page .hero-copy{padding:72px 0 58px}#custom-page .hero-meta,#custom-page .grid2,#custom-page .grid3,#custom-page .rule-grid,#custom-page .color-grid,#custom-page .favicon-board,#custom-page .motion-grid,#custom-page .application-grid,#custom-page .usage-grid{grid-template-columns:1fr}#custom-page .hero-mark{min-height:430px;padding:24px}#custom-page section{padding:72px 0}#custom-page .icon-grid{grid-template-columns:repeat(2,1fr)}#custom-page .favicon-stage{flex-direction:column}#custom-page .app-icon{width:180px}#custom-page .motion-rules{grid-template-columns:1fr}#custom-page .scale-row{grid-template-columns:1fr;gap:5px}#custom-page .footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:520px){#custom-page .shell{width:calc(100% - 20px)}#custom-page .topbar-inner{min-height:62px}#custom-page .mini-brand{gap:9px}#custom-page .mini-brand svg,#custom-page .mini-brand img{width:32px;height:32px}#custom-page .mini-brand span{font-size:18px}#custom-page .hero-copy{padding:58px 0 48px}#custom-page h1{font-size:clamp(54px,18vw,76px);line-height:.78}#custom-page h2{font-size:clamp(46px,14vw,66px);line-height:.82}#custom-page .lead{font-size:16px}#custom-page .hero-mark{min-height:330px;padding:18px}#custom-page .panel{min-height:270px;padding:46px 18px 24px}#custom-page .panel .primary-logo{width:100%}#custom-page .panel .wordmark-logo{width:94%}#custom-page .panel .monogram-logo{width:150px;height:150px}#custom-page .clearspace{min-height:320px;padding:38px 20px}#custom-page .safe{padding:30px 16px}#custom-page .safe:before{top:-38px;max-width:220px;line-height:1.35}#custom-page .type-card{min-height:330px;padding:24px}#custom-page .type-meta{flex-direction:column;gap:5px;margin-bottom:42px}#custom-page .display-sample{font-size:clamp(32px,9vw,44px)}#custom-page .body-sample{font-size:18px}#custom-page .icon-grid{grid-template-columns:1fr 1fr;gap:9px}#custom-page .icon-card{min-height:150px;padding:14px 8px}#custom-page .icon-card svg{width:46px;height:46px}#custom-page .favicon-stage{min-height:390px;padding:30px 20px;gap:24px}#custom-page .app-icon{width:min(158px,62vw);border-radius:34px}#custom-page .favicon-info{min-height:auto;padding:24px 16px}#custom-page .browser-tab{font-size:12px}#custom-page .sizes{justify-content:space-between;gap:10px}#custom-page .motion-card{min-height:245px;aspect-ratio:auto}#custom-page .motion-logo{inset:5%;width:90%;height:90%}#custom-page .video-watermark{width:105px;top:18px;right:18px}#custom-page .lower-third{left:18px;right:18px;bottom:22px;gap:11px}#custom-page .lower-third strong{font-size:28px}#custom-page .lower-third span{font-size:8px;letter-spacing:.14em}#custom-page .application h3{font-size:46px}#custom-page .usage{padding:20px}#custom-page .usage-demo{min-height:145px}#custom-page .outro{padding:32px 0}}@media (prefers-reduced-motion:reduce){#custom-page *,#custom-page *:before,#custom-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{#custom-page .topbar{display:none}#custom-page{background:#fff}#custom-page .shell{width:100%}#custom-page section{padding:48px 0}#custom-page .panel,#custom-page .rule,#custom-page .type-card,#custom-page .icon-card,#custom-page .usage{break-inside:avoid}}