:root{--brand-ink:#325643;--brand-deep:#325643;--brand-teal:#316578;--brand-mint:#61a6ad;--brand-coral:#ce6536;--brand-violet:#23436f;--brand-pink:#91243e;--brand-gold:#cf9c43;--brand-paper:#f4f4f4;--brand-ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}.brand-page{margin:0;color:var(--brand-ink);background:var(--brand-paper);font:16px/1.6 "Rubik",system-ui,sans-serif}.brand-page h1,.brand-page h2,.brand-page h3,.brand-page .experience-button{font-family:"Outfit",system-ui,sans-serif}.brand-page h1,.brand-page h2{line-height:.98;letter-spacing:-.045em}.brand-page h2{font-size:clamp(2.6rem,5.2vw,5.7rem)}
.brand-page-header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:15px 5%;border-bottom:1px solid #61a6ad;background:#f4f4f4e8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand-page-header .experience-button{--liquid-start:#ce6536;--liquid-middle:#5e8637;--liquid-end:#23436f;gap:12px}
.brand-hero{min-height:calc(100vh - 85px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:clamp(40px,7vw,110px);align-items:center;padding:clamp(56px,8vw,110px) 6%;overflow:hidden;background:radial-gradient(circle at 12% 18%,#fff 0,transparent 22%),linear-gradient(135deg,#f4f4f4 0%,#61a6ad42 62%,#cf9c4340 100%)}
.brand-eyebrow{margin-bottom:18px;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.brand-hero h1{margin:0 0 16px;font-size:clamp(5rem,10vw,11rem)}.brand-hero__tagline{max-width:22ch;margin-bottom:22px;font:700 clamp(1.5rem,2.4vw,2.6rem)/1.15 "Outfit",sans-serif}.brand-hero__intro{max-width:38ch;font-size:clamp(1.05rem,1.6vw,1.35rem)}.brand-hero__action{--liquid-start:#ce6536;--liquid-middle:#5e8637;--liquid-end:#23436f;margin-top:22px}
.brand-hero__visual{position:relative;isolation:isolate;min-height:min(72vh,780px);overflow:hidden;border-radius:48% 48% 24px 24px;background:var(--brand-mint);box-shadow:22px 25px 0 #cf9c43}.brand-hero__visual>img:first-child:not(.brand-hero__logo){position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}.brand-hero__visual::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(145deg,#32564317,#23436f40),url('/assets/admin-garden.jpeg') center/cover}.brand-hero__logo{position:absolute;z-index:2;right:24px;bottom:24px;width:clamp(230px,42%,390px);padding:10px;background:white;box-shadow:0 14px 35px #32564342}.brand-hero__visual--fallback .brand-hero__logo{inset:50% auto auto 50%;width:min(78%,560px);transform:translate(-50%,-50%)}
.brand-section{padding:clamp(72px,10vw,140px) 7%}.brand-section__heading{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px;align-items:end;margin-bottom:56px}.brand-section__heading .brand-eyebrow{grid-column:1/-1;margin-bottom:-10px}.brand-section__heading h2{margin:0}.brand-section__heading>p:last-child{margin:0;font-size:1.12rem}
.brand-essence{background:#cf9c4329}.brand-concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-concepts article{min-height:280px;display:flex;flex-direction:column;padding:24px;border:1px solid #32564352;border-radius:18px;background:#fff}.brand-concepts article:nth-child(2){background:#cf9c4342}.brand-concepts article:nth-child(3){background:#5e863733}.brand-concepts article:nth-child(4){background:#61a6ad38}.brand-concepts span{font-size:.8rem;font-weight:800}.brand-concepts h3{margin:auto 0 18px;font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.05}.brand-concepts p{margin:0;font-size:.92rem;line-height:1.45}
.brand-identity{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(45px,8vw,120px);align-items:center;background:#fff}.brand-identity__logo{text-align:center}.brand-identity__logo img{display:block;width:min(100%,640px);margin:auto}.brand-identity__logo p{font-weight:700}.brand-identity__copy>p:not(.brand-eyebrow){font-size:1.15rem}.brand-identity__copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:32px 0 0;padding:0;list-style:none}.brand-identity__copy li{padding:14px 16px;border-radius:10px;background:#61a6ad24;font-weight:700}
.brand-slogan{padding:clamp(90px,14vw,190px) 7%;text-align:center;background:var(--brand-deep);color:white}.brand-slogan h2{max-width:16ch;margin:0 auto 24px;font-size:clamp(3.5rem,8vw,8rem)}.brand-slogan__english{font:300 clamp(1.4rem,2.8vw,2.8rem)/1.2 "Outfit",sans-serif;color:#61a6ad}.brand-slogan>p:last-child{max-width:72ch;margin:32px auto 0}
.brand-type{background:#61a6ad4a}.brand-type__samples{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-type__samples article{min-height:340px;display:flex;flex-direction:column;padding:30px;border-radius:20px;background:white}.brand-type__samples p{font-size:.82rem;font-weight:800;text-transform:uppercase}.brand-type__samples strong{margin:auto 0;font-size:clamp(2.6rem,5vw,5.5rem);line-height:1}.brand-type__samples span,.brand-type__samples small{display:block}.brand-type__samples span{margin-top:30px;font-weight:700}.brand-type__outfit{font-family:"Outfit",sans-serif}.brand-type__rubik{font-family:"Rubik",sans-serif}.brand-type__rubik strong{font-size:clamp(2rem,3.7vw,4rem)}
.brand-palette{background:#fff}.brand-palette__group{margin-top:45px}.brand-palette__group>h3{margin-bottom:18px}.brand-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-swatches article{overflow:hidden;border:1px solid #d3dfd9;border-radius:15px;background:#fff}.brand-swatches article>span{display:block;height:145px;background:var(--swatch)}.brand-swatches strong,.brand-swatches code{display:block;margin:16px 18px 0}.brand-swatches code{margin-top:2px;margin-bottom:16px;color:#325643}
.brand-closing{padding:clamp(80px,12vw,160px) 7%;background:linear-gradient(135deg,#cf9c4342,#61a6ad4a)}.brand-closing h2{max-width:14ch}.brand-closing>p:not(.brand-eyebrow){max-width:58ch;font-size:1.15rem}.brand-closing>div{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}.brand-closing .experience-button{--liquid-start:#ce6536;--liquid-middle:#5e8637;--liquid-end:#23436f}.brand-closing>div>a:last-child{font-weight:800}.brand-closing small{display:block;margin-top:70px;font-style:italic}
@media(max-width:900px){.brand-hero{grid-template-columns:1fr}.brand-hero__visual{min-height:620px}.brand-section__heading,.brand-identity{grid-template-columns:1fr}.brand-concepts,.brand-swatches{grid-template-columns:1fr 1fr}.brand-identity__logo img{max-width:540px}.brand-type__samples{grid-template-columns:1fr}}
@media(max-width:600px){.brand-page-header{align-items:flex-start;padding:12px 18px}.brand-page-header .experience-brand{max-width:190px}.brand-page-header .experience-button{padding-left:13px;font-size:.82rem}.brand-hero{min-height:auto;padding:55px 24px 70px}.brand-hero h1{font-size:clamp(4.4rem,25vw,7rem)}.brand-hero__visual{min-height:480px;border-radius:46% 46% 18px 18px;box-shadow:11px 14px 0 #cf9c43}.brand-section,.brand-slogan,.brand-closing{padding-left:24px;padding-right:24px}.brand-concepts,.brand-identity__copy ul,.brand-swatches{grid-template-columns:1fr}.brand-concepts article{min-height:220px}.brand-type__samples article{min-height:290px;padding:22px}.brand-swatches article>span{height:110px}.brand-closing>div{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}