.brand-body{background:var(--cream)}.brand-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 45px;gap:20px}.brand-edition{font-size:9px;letter-spacing:.14em}.brand-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1500px;margin:auto}.brand-sidebar{padding:42px 22px 35px 30px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.brand-sidebar>.eyebrow{font-size:8px}.brand-sidebar nav{display:flex;flex-direction:column;gap:0;margin:25px 0 32px}.brand-sidebar nav a{font-size:11px;padding:10px 0;border-bottom:1px solid #dfd6e977}.brand-sidebar nav a:hover,.brand-sidebar nav a.active{color:var(--violet);font-weight:700}.brand-sidebar .button{font-size:10px;gap:5px;padding:13px 19px}.brand-sidebar>.text-button{margin-top:20px;font-size:10px;display:block}.sidebar-note{font-size:9px;color:#75687f;margin-top:26px}.brand-layout main{min-width:0}.brand-cover{background:var(--lavender);padding:65px 55px 30px;position:relative;min-height:480px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.brand-cover h1{font-size:clamp(56px,6vw,84px);margin:22px 0;color:var(--violet)}.brand-cover h1 em{position:relative;color:var(--ink)}.brand-cover>div>p:not(.eyebrow){font-size:14px;line-height:1.8}.cover-mark{position:absolute;right:25px;bottom:72px;transform:rotate(12deg);width:170px;text-align:center}.cover-mark img{width:120px;margin:auto}.cover-mark span{font-size:10px;letter-spacing:.06em;font-weight:700;display:block;margin-top:12px}.cover-bottom{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.05em;position:absolute;bottom:25px;left:55px;right:55px}.brand-section{padding:60px 55px;border-bottom:1px solid var(--line);scroll-margin-top:0}.brand-section>h2{font-size:48px;margin:18px 0 24px}.brand-lead{font-size:14px;line-height:1.85;max-width:660px;color:#655772}.strategy-grid,.guideline-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 35px;margin-top:30px}.strategy-grid{padding:28px;background:#f2ebfa;border-radius:20px}.strategy-grid h3,.guideline-grid h3{font-size:23px;letter-spacing:-.01em;margin-bottom:12px}.strategy-grid p,.guideline-grid p{font-size:12px;color:#655772;line-height:1.8}.brand-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.brand-values span{font-size:10px;background:var(--mint);padding:8px 12px;border-radius:20px}.brand-caption{font-size:10px;line-height:1.8;color:#75687f;margin-top:22px;max-width:700px}.logo-display{background:white;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:65px 20px 25px;margin-top:28px;gap:44px}.brand-logo{font-size:65px;gap:17px;letter-spacing:-3px}.brand-logo span{font-size:37px;margin-left:-13px}.logo-display>span{font-size:8px;letter-spacing:.12em}.logo-variants{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.logo-dark,.logo-pink{border-radius:18px;height:170px;display:grid;place-content:center;padding:30px}.logo-dark{background:var(--violet)}.logo-dark img{width:300px}.logo-pink{background:var(--pink)}.logo-pink img{width:85px}.asset-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:11px;text-decoration:underline;text-underline-offset:5px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.swatch{background:var(--swatch);color:var(--text);height:180px;border-radius:18px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #30215b15;transition:transform .2s}.swatch:hover{transform:translateY(-4px)}.swatch b{font-family:var(--heading);font-size:25px;font-weight:500;line-height:1.1}.swatch span{font-size:12px;margin-top:auto}.swatch small{font-size:7px;letter-spacing:.06em;margin-top:8px}.palette-strip{display:flex;height:25px;margin-top:30px;border-radius:30px;overflow:hidden}.palette-strip i{flex:1;background:var(--cream)}.palette-strip i:nth-child(1){flex:2;background:var(--violet)}.palette-strip i:nth-child(3){background:var(--pink)}.palette-strip i:nth-child(4){background:var(--butter)}.palette-strip i:nth-child(5){background:var(--mint)}.palette-strip i:nth-child(6){background:var(--lavender)}.type-specimen{padding:30px;background:var(--violet);color:var(--cream);border-radius:20px;margin-top:30px}.specimen-label{font-size:8px;font-weight:600;letter-spacing:.12em;display:block}.fredoka-specimen{font:500 68px/1 var(--heading);letter-spacing:-.03em;margin:30px 0}.alphabet{font-family:var(--heading);font-size:22px;letter-spacing:.02em;color:var(--pink)}.body-specimen{padding:30px 0}.body-specimen>p{font-size:22px;line-height:1.5;max-width:550px;margin:20px 0 10px}.body-specimen small{font-size:12px}.brand-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;margin-top:25px}.brand-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.brand-table td,.brand-table th{padding:14px 10px 14px 0;border-bottom:1px solid var(--line)}.brand-table td:nth-child(2){white-space:nowrap}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.voice-good,.voice-avoid{padding:27px;border-radius:18px;background:var(--mint)}.voice-avoid{background:#f5e7ed}.voice-grid p{font-size:14px;line-height:1.7;margin-top:20px}.voice-avoid p{color:#74677e}.copy-example{margin-top:30px;background:var(--butter);padding:28px;border-radius:18px}.copy-example h3{font-size:34px;margin:20px 0 10px}.copy-example p{font-size:14px;max-width:430px}.copy-example small{font-size:9px;display:block;margin-top:20px}.brand-hero-image{border-radius:20px;margin-top:25px;width:100%}.art-direction{display:flex;gap:20px;flex-wrap:wrap;border-block:1px solid var(--line);padding:17px 0;margin-top:28px;font-size:8px;letter-spacing:.06em}.component-demo{background:var(--lavender);border-radius:18px;padding:30px;display:flex;gap:13px;flex-wrap:wrap;align-items:center}.demo-chip{border:1px solid #bca8d0;padding:8px 14px;font-size:10px;border-radius:25px}.demo-chip.selected{background:var(--violet);color:white;border-color:var(--violet)}.demo-heart{background:white;border-radius:50%;width:35px;height:35px;display:grid;place-content:center;font-size:24px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.packaging-mock,.social-mock{padding:22px;border-radius:20px;background:#f0e5d0;min-height:330px;overflow:hidden}.social-mock{background:var(--lavender)}.parcel{background:#ddc7a4;box-shadow:12px 17px 0 #b5986b33;transform:rotate(-7deg);width:80%;height:220px;margin:30px auto 10px;padding:28px 22px;display:flex;flex-direction:column;position:relative;border:1px solid #b59c72}.parcel:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:25px;background:#f4ead63b;border-inline:1px solid #b59c7222}.parcel img{width:35px}.parcel strong{font:500 28px/1.1 var(--heading);color:var(--violet);margin:16px 0;z-index:1}.parcel span{font-size:10px;color:var(--violet);margin-top:auto}.social-tile{background:var(--pink);width:100%;aspect-ratio:1/1;padding:24px;max-height:280px;margin-top:22px;position:relative;overflow:hidden}.social-tile>span{font-family:var(--heading);font-size:17px;color:var(--violet)}.social-tile strong{font:500 40px/1 var(--heading);color:var(--violet);display:block;margin-top:32px;letter-spacing:-.03em;position:relative;z-index:1}.social-tile img{width:90px;position:absolute;right:-9px;bottom:-10px;transform:rotate(15deg)}.launch-list{list-style:none;counter-reset:launch;padding:0;margin:30px 0}.launch-list li{counter-increment:launch;padding:19px 0 19px 42px;position:relative;border-bottom:1px solid var(--line)}.launch-list li:before{content:'0' counter(launch);position:absolute;left:0;top:18px;font:500 24px var(--heading);color:var(--violet)}.launch-list strong{display:block;font-size:14px}.launch-list span{display:block;font-size:12px;color:#655772;line-height:1.8;margin-top:5px}.brand-downloads{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:30px}.print-secondary{border:1px solid var(--violet);color:var(--violet)}.brand-footer{padding:25px 55px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#75687f}.brand-section a:hover{text-decoration:underline}
@media(max-width:1100px){.brand-layout{grid-template-columns:205px minmax(0,1fr)}.brand-sidebar{padding:30px 17px}.brand-sidebar nav a{font-size:10px}.brand-section{padding:45px 35px}.brand-cover{padding:45px 35px;min-height:440px}.brand-cover h1{font-size:62px}.cover-mark{width:110px;right:15px}.cover-mark img{width:90px}.cover-bottom{left:35px;right:35px;font-size:7px}.brand-logo{font-size:50px;gap:12px}.brand-logo img{width:55px}.brand-logo span{font-size:30px}.swatch{padding:18px;height:165px}.swatch b{font-size:23px}.brand-edition{display:none}.social-tile strong{font-size:33px}.parcel{width:95%}}
@media(max-width:800px){.brand-header{padding:20px 25px;height:85px}.brand-layout{display:block}.brand-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:22px 25px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.brand-sidebar>.eyebrow,.brand-sidebar>.sidebar-note{display:none}.brand-sidebar nav{width:100%;display:flex;flex-direction:row;overflow:auto;gap:20px;margin:0;white-space:nowrap;padding-bottom:5px}.brand-sidebar nav a{font-size:10px;border:0;padding:3px 0}.brand-sidebar>.text-button{margin:0}.brand-section{scroll-margin-top:0}.brand-cover{min-height:420px}.brand-cover h1{font-size:70px}.cover-mark{width:130px;right:25px}.cover-mark img{width:100px}.brand-section>h2{font-size:43px}.brand-header>.text-button{font-size:10px}}
@media(max-width:560px){.brand-header{padding:17px 20px;height:75px;gap:10px}.brand-header .wordmark{font-size:27px!important}.brand-header .wordmark img{width:25px;height:25px}.brand-header>.text-button{font-size:9px}.brand-sidebar{padding:20px}.brand-cover{padding:35px 20px 110px;min-height:460px;justify-content:flex-start}.brand-cover h1{font-size:58px;margin-top:20px}.brand-cover>div>p:not(.eyebrow){font-size:12px;max-width:245px}.brand-cover .eyebrow{font-size:8px}.cover-mark{right:15px;bottom:52px;width:100px}.cover-mark img{width:70px}.cover-mark span{font-size:7px;margin-top:7px}.cover-bottom{left:20px;right:20px;bottom:20px;flex-direction:column;gap:5px;font-size:6px;max-width:240px}.brand-section{padding:40px 20px}.brand-section>h2{font-size:38px}.brand-lead{font-size:13px}.strategy-grid,.guideline-grid{grid-template-columns:1fr;gap:23px}.strategy-grid{padding:23px}.strategy-grid p,.guideline-grid p{font-size:12px}.brand-logo{font-size:40px!important;gap:10px}.brand-logo img{width:40px}.brand-logo span{font-size:24px;margin-left:-8px}.logo-display{padding-top:40px;gap:25px}.logo-variants{gap:12px}.logo-dark,.logo-pink{height:110px;padding:15px}.logo-pink img{width:65px}.swatches{grid-template-columns:1fr 1fr;gap:10px}.swatch{height:160px;padding:17px}.swatch b{font-size:25px}.swatch small{font-size:6px}.fredoka-specimen{font-size:55px}.alphabet{font-size:16px}.type-specimen{padding:25px}.body-specimen>p{font-size:19px}.brand-table{font-size:10px}.brand-table th{font-size:8px}.brand-table td,.brand-table th{padding-right:12px}.voice-grid{grid-template-columns:1fr;gap:12px}.voice-good,.voice-avoid{padding:23px}.voice-grid p{font-size:13px}.application-grid{grid-template-columns:1fr}.packaging-mock,.social-mock{min-height:300px}.parcel{width:75%;max-width:270px}.social-tile{max-width:280px;margin-inline:auto}.social-tile strong{font-size:43px}.component-demo{padding:23px}.brand-downloads{gap:15px}.brand-footer{padding:25px 20px;font-size:8px;flex-wrap:wrap}}
@media print{@page{size:A4;margin:15mm}.brand-header{height:auto;border:0;padding:0 0 15px}.brand-header>.text-button,.brand-sidebar,.skip-link,.brand-downloads,.asset-links,.toast{display:none!important}.brand-layout{display:block}.brand-cover{min-height:220px;padding:25px;border-radius:15px;break-after:page}.brand-cover h1{font-size:58px}.cover-mark{bottom:45px}.cover-bottom{font-size:6px;left:25px;right:25px;bottom:20px}.brand-section{padding:10px 0 20px;break-before:page;border:0}.brand-section>h2{font-size:36px}.brand-lead{font-size:11px}.guideline-grid p,.strategy-grid p{font-size:10px}.brand-caption{font-size:8px}.strategy-grid,.guideline-grid,.swatches,.logo-display,.logo-variants,.type-specimen,.voice-grid,.application-grid,.launch-list li{break-inside:avoid}.swatches{grid-template-columns:repeat(3,1fr)}.swatch{height:130px}.swatch b{font-size:22px}.brand-hero-image{max-height:300px;object-fit:cover}.fredoka-specimen{font-size:50px;margin:20px 0}.brand-table td,.brand-table th{padding:8px;font-size:9px}.brand-footer{padding:15px 0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.brand-body{overflow-x:clip}