.pink-layout{--pink-gap:clamp(28px,3.1068vw,59.65px);--pink-space:clamp(40px,6.214vw,119.301px);font-family:Geist,Arial,sans-serif;color:#000;font-size:clamp(18px,1.25vw,24px);line-height:1.2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px var(--pink-gap);padding:0;margin:0 0 80px;overflow-wrap:anywhere}
.pink-layout:last-child{margin-bottom:0}.pink-layout-content{display:contents}.pink-layout .wp-block-group__inner-container{display:contents}.pink-layout .pink-layout-title{font-size:clamp(32px,3.333vw,64px);font-weight:400;line-height:.95;letter-spacing:normal;margin:0;align-self:start}.pink-layout p{margin:0;max-width:none}.pink-layout h3.wp-block-heading{margin:0;font-size:inherit;font-weight:700;line-height:1.2;letter-spacing:normal}.pink-layout .wp-block-group{margin-block:0}.pink-layout .wp-block-group>*{max-width:none;margin-block:0}
.pink-layout-content>*{min-width:0;grid-column:1/-1}.pink-layout-content>:first-child{grid-column:2}.pink-stack{display:flex;flex-direction:column;gap:var(--pink-gap);align-items:stretch}.pink-stack>.pink-action-wrap{align-self:start}.pink-layout-samples .pink-layout-title{grid-column:1/-1}.pink-layout-samples .pink-layout-content>:first-child{grid-column:1/-1}.pink-layout-samples{row-gap:var(--pink-space)}
.pink-layout .pink-protected-asset{margin:0;min-width:0}.pink-layout .pink-protected-asset img,.pink-layout .pink-protected-asset video{width:100%;height:auto;max-width:100%;border-radius:0;display:block}.pink-layout .pink-protected-asset figcaption:empty{display:none}.pink-layout .pink-protected-asset figcaption{font-size:inherit;margin-top:18.641px}
.pink-layout-strategy .pink-protected-asset img,.pink-layout-strategy .pink-protected-asset video{aspect-ratio:860/888;object-fit:cover}.pink-layout-personality .pink-protected-asset img,.pink-layout-personality .pink-protected-asset video,.pink-layout-logo .pink-protected-asset img,.pink-layout-logo .pink-protected-asset video{aspect-ratio:966/500;object-fit:contain}.pink-layout-typography .pink-protected-asset img,.pink-layout-typography .pink-protected-asset video{aspect-ratio:467/300;object-fit:contain}
.pink-tone-list{display:flex;flex-direction:column;gap:clamp(32px,3.8835vw,74.563px)}.pink-copy-row{display:flex;flex-direction:column;gap:7.456px}.pink-samples-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pink-gap)}.pink-colors-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:var(--pink-gap)}.pink-colors-grid>.wp-block-group__inner-container{display:grid;grid-column:1/-1;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:inherit}.pink-samples-grid .pink-copy-row{gap:37.282px}.pink-logo-diagrams{display:flex;flex-direction:column;gap:var(--pink-space)}.pink-logo-diagrams .pink-diagram:first-child{padding-top:clamp(20px,3.8835vw,74.563px)}.pink-diagram{display:flex;flex-direction:column;gap:18.641px}.pink-incorrect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55.922px 29.825px}.pink-incorrect-item{display:flex;flex-direction:column;gap:18.641px}.pink-incorrect-item p{display:block;min-height:29.825px;padding-left:39.145px;background:url(assets/incorrect.svg) left top / 29.825px 29.825px no-repeat}
.pink-palette{display:flex;flex-direction:column;gap:clamp(32px,3.8835vw,74.563px);padding-top:clamp(20px,3.8835vw,74.563px)}.pink-layout .pink-palette h3{font-size:clamp(26px,2.1354vw,41px)}.pink-colors-grid{gap:clamp(20px,2.2357vw,42.925px)}.pink-color{min-width:0}.pink-color-swatch{aspect-ratio:427.806/320.087;border:1.864px solid #0000001a;border-radius:14.913px;margin-bottom:18.641px}.pink-color p{margin:0 0 7.456px}.pink-color-value{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;margin:7.456px 0 0;color:inherit;text-align:left;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.pink-color-value .pink-action-icon{opacity:0}.pink-color-value:hover,.pink-color-value:focus-visible{text-decoration:underline}.pink-color-value:hover .pink-action-icon,.pink-color-value:focus-visible .pink-action-icon{opacity:1}
.pink-action-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pink-block-action,.section-body .pink-block-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:28px 36px;border:0;border-radius:24px;background:#304ffe1a;color:#304ffe;font:inherit;line-height:1.2;text-decoration:none;cursor:pointer;max-width:100%;transition:background-color .2s}.pink-block-action:hover{background:#304ffe2b}.pink-block-action:focus-visible,.pink-color-value:focus-visible{outline:2px solid #304ffe;outline-offset:5px}.pink-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px}.pink-action-icon img{max-width:none;border-radius:0!important;display:block}.pink-copy-status{display:block;font-size:14px;color:#304ffe}.pink-copy-status:empty{display:none}
.pink-type-intro{display:flex;flex-direction:column;gap:clamp(32px,3.8835vw,74.563px);padding-bottom:clamp(20px,3.8835vw,74.563px);color:#575757}.pink-type-system{padding:0 var(--pink-gap);display:flex;flex-direction:column;gap:clamp(60px,9.70875vw,186.408px)}.pink-type-families{display:flex;flex-direction:column;gap:clamp(32px,3.8835vw,74.563px)}.pink-specimen{min-width:0}.pink-specimen .pink-type-label{font-weight:700;margin:0 0 37.282px}.pink-type-label:empty{display:none}.pink-specimen .pink-type-example{font-family:var(--pink-font,inherit);font-size:var(--pink-type-size,96px);line-height:var(--pink-type-leading,1.05);letter-spacing:var(--pink-type-tracking,0);font-weight:var(--pink-font-weight,400);font-style:var(--pink-font-style,normal);margin:0;white-space:pre-wrap}.pink-type-sizing .pink-specimen{padding:55.922px var(--pink-gap) 18.641px 0;border-bottom:1.864px solid #0000001a}.pink-type-sizing .pink-type-example{max-width:73%}.pink-type-details{display:flex;justify-content:space-between;gap:20px;margin-top:55.922px;color:#575757;font-size:clamp(14px,1.25vw,24px)}.pink-sizing-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--pink-space);padding:59.65px 0 120px;border-top:1.864px solid #0000001a}.pink-layout .pink-sizing-header h3{font-size:40px}.pink-sizing-header p{color:#575757}
.editor-styles-wrapper .pink-layout .wp-block-group__inner-container,.editor-styles-wrapper .pink-layout .wp-block-group .block-editor-inner-blocks,.editor-styles-wrapper .pink-layout .wp-block-group .block-editor-block-list__layout{display:contents}.editor-styles-wrapper .pink-layout .pink-incorrect-item>.wp-block-group__inner-container,.editor-styles-wrapper .pink-layout .pink-incorrect-item>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex;flex-direction:column;gap:18.641px}.editor-styles-wrapper .pink-layout .pink-colors-grid>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-column:1/-1;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:clamp(20px,2.2357vw,42.925px)}.editor-styles-wrapper .pink-layout .wp-block{max-width:none;margin-block:0}.pink-action-placeholder{margin:0;font:13px/1.4 Geist,Arial,sans-serif;color:#8a8fa3}
@media(max-width:1100px){.pink-samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pink-incorrect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pink-type-system{padding:0}.pink-specimen .pink-type-example{font-size:min(var(--pink-type-size),64px)}.pink-type-details{flex-wrap:wrap}.pink-sizing-header{padding-bottom:50px}}
@media(max-width:767px){.pink-layout{grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:48px}.pink-layout .pink-layout-content>*{grid-column:1}.pink-layout .pink-layout-title{font-size:34px}.pink-samples-grid,.pink-incorrect-grid{grid-template-columns:minmax(0,1fr);gap:32px}.pink-colors-grid,.pink-colors-grid>.wp-block-group__inner-container,.editor-styles-wrapper .pink-layout .pink-colors-grid>.block-editor-inner-blocks>.block-editor-block-list__layout{grid-template-columns:minmax(0,1fr);gap:32px}.pink-layout .pink-type-example{font-size:min(var(--pink-type-size),44px)}.pink-type-sizing .pink-type-example{max-width:100%}.pink-type-details{margin-top:28px;gap:12px;font-size:14px}.pink-sizing-header{grid-template-columns:1fr;gap:24px;padding:30px 0}.pink-type-sizing .pink-specimen{padding:30px 0 20px}.pink-block-action{padding:20px 26px;font-size:18px}.pink-color-value .pink-action-icon{opacity:1}.pink-type-intro{padding-bottom:0}.pink-layout .pink-protected-asset img{max-height:none}}