/* ZHENEW · refined aesthetics, self-hosted and without third-party fonts. */
:root { --brand:#8B2942; --brand-press:#6D1E32; --brand-tint:#F6EAED; --brand-on-dark:#F4BBC9; --line:#E8E1DD; --text:#655F60; --text-strong:#2C252B; --bg-soft:#F7F3F0; --nav-h:82px; --w-page:1260px; --sec-y:100px; }
body { background:#FCFAF8; color:var(--text); }
h1,h2,h3,h4 { letter-spacing:normal; font-style:normal; }
.site-header { background:rgba(252,250,248,.96); border-bottom:1px solid var(--line); }
.brand-plate { background:transparent; padding:0; border-radius:0; box-shadow:none; }
.brand-lockup { height:37px; }
.nav-links a,.nav-service > summary { font-size:13px; }
.btn { border-radius:999px; padding:15px 25px; font-size:14px; font-weight:500; gap:20px; }
.btn--sm { padding:11px 20px; font-size:12px; }
.btn--primary { box-shadow:none; }
.service-menu { border-radius:14px; background:#fffdfa; }
.aesthetic-kicker { display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:10px; letter-spacing:.16em; color:#8B2942; line-height:1.8; }
.aesthetic-kicker > span { width:6px; height:6px; border-radius:50%; background:currentColor; }
.aesthetic-hero { overflow:hidden; border-bottom:1px solid var(--line); background:#F8F3EF; }
.aesthetic-hero-grid { display:grid; grid-template-columns:1.08fr 1fr; min-height:690px; align-items:center; }
.aesthetic-copy { position:relative; z-index:1; padding:70px 0; }
.aesthetic-copy h1 { margin:26px 0 23px; font-size:clamp(45px,4.7vw,70px); line-height:1.25; font-weight:500; color:#332A30; }
.aesthetic-copy h1 span { color:var(--brand); }
.aesthetic-subtitle { font-size:20px; color:#4C3E45; margin:0 0 18px; }
.aesthetic-description { font-size:14px; line-height:2; color:#78696B; }
.aesthetic-actions { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-top:32px; }
.aesthetic-link { display:inline-flex; gap:12px; align-items:center; font-size:13px; color:var(--brand); padding:10px 0; border-bottom:1px solid #B9959E; font-weight:500; }
.aesthetic-link:hover { border-color:var(--brand); }
.hero-caption { display:flex; align-items:center; gap:16px; margin-top:48px; font-size:12px; color:#5E4C53; line-height:1.9; }
.hero-caption small { font-size:10px; color:#85777A; }
.caption-rule { width:35px; height:1px; background:#AE8B96; }
.aesthetic-art { position:relative; height:100%; min-width:0; display:flex; align-items:center; background:radial-gradient(ellipse at 62% 48%,#F0E0D9,transparent 67%); }
.aesthetic-art img { width:115%; max-width:none; margin-left:-5%; height:auto; }
.art-label { position:absolute; top:48px; right:0; font-family:var(--mono); font-size:10px; letter-spacing:.13em; line-height:2; color:#785B68; text-align:right; }
.art-label small { font-size:8px; letter-spacing:.1em; }
.art-caption { position:absolute; bottom:40px; left:24px; right:0; display:flex; justify-content:space-between; gap:12px; border-top:1px solid #DCC8CD; padding-top:15px; color:#947982; font-size:10px; }
.art-caption span:last-child { font-family:var(--mono); font-size:9px; }
.aesthetic-facts { background:#FCFAF8; border-bottom:1px solid var(--line); }
.aesthetic-facts .container { display:grid; grid-template-columns:1.5fr repeat(3,1fr) 1fr; align-items:center; padding-top:32px; padding-bottom:32px; gap:25px; }
.aesthetic-facts p { font-size:12px; line-height:1.9; }
.aesthetic-facts b { font-size:14px; color:var(--text-strong); font-weight:500; }
.aesthetic-facts div > div { display:flex; align-items:center; gap:18px; border-left:1px solid var(--line); padding-left:30px; }
.aesthetic-facts strong { font-family:Georgia,serif; font-size:39px; font-weight:400; color:#75505B; }
.aesthetic-facts span { font-size:11px; }
.aesthetic-facts a { justify-self:end; font-size:12px; color:var(--brand); }
.aesthetic-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:42px; }
.aesthetic-section-head h2,.partnership-grid h2,.aesthetic-about h2 { font-size:clamp(30px,3vw,43px); line-height:1.45; font-weight:500; margin:14px 0 0; color:#382F35; }
.aesthetic-section-head > p,.aesthetic-section-head > div:last-child > p { font-size:13px; line-height:1.9; }
.aesthetic-section-head .aesthetic-link { margin-top:12px; }
.aesthetic-brands { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.brand-editorial { display:flex; flex-direction:column; min-height:426px; padding:26px; border:1px solid #E8DDDA; border-radius:4px; transition:transform .25s,border-color .25s; position:relative; overflow:hidden; }
.brand-editorial:hover { transform:translateY(-5px); border-color:#B899A2; }
.brand-editorial--rose { background:#F4E9E6; }
.brand-editorial--pearl { background:#F1EEEA; }
.brand-editorial--sage { background:#EDF0EA; }
.brand-topline { display:flex; justify-content:space-between; color:#826771; font:9px var(--mono); letter-spacing:.035em; }
.brand-topline span { font-size:18px; }
.brand-object { width:110px; height:130px; margin:28px auto 27px; background:linear-gradient(135deg,#fffaf4 5%,#E8C9BF 40%,#996774 100%); box-shadow:10px 17px 20px -10px #71404a26,inset 3px 2px 5px #ffffffaa; }
.brand-object--drop { border-radius:58% 42% 58% 42%; transform:rotate(25deg); }
.brand-object--ring { width:128px; height:128px; border-radius:50%; background:linear-gradient(135deg,#FCF8EF,#DFCEC4,#B6918C); position:relative; }
.brand-object--ring::after { content:''; position:absolute; inset:24px; border-radius:50%; background:#F1EEEA; box-shadow:inset 3px 4px 10px #81655c30; }
.brand-object--sphere { width:124px; height:124px; border-radius:50%; background:radial-gradient(circle at 28% 23%,#fffef4 0%,#DADAC4 45%,#929C85 90%); }
.brand-category { font-size:10px; color:#836D74; }
.brand-editorial h3 { font-size:29px; margin:9px 0 11px; font-weight:500; color:#483A40; }
.brand-editorial p { font-size:12px; line-height:1.8; max-width:25em; color:#7A6C70; }
.aesthetic-product-section { background:#F5F1ED; border-block:1px solid var(--line); }
.category-picker { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:25px; }
.category-picker button { border:1px solid #DDD1D0; border-radius:999px; font:inherit; font-size:12px; padding:10px 19px; color:#79666E; background:transparent; cursor:pointer; }
.category-picker button[aria-pressed=true] { background:#783148; border-color:#783148; color:#fff; }
.category-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.category-results a { background:#FFFDFB; border:1px solid #E4DAD6; padding:26px; min-height:185px; border-radius:3px; }
.category-results a[hidden] { display:none; }
.category-results a:hover { border-color:#AC8591; }
.category-results span { font:9px var(--mono); letter-spacing:.07em; color:#94747E; }
.category-results h3 { font-size:22px; font-weight:500; margin:20px 0 12px; }
.category-results p { font-size:12px; line-height:1.9; }
.category-results b { display:block; margin-top:20px; font-size:11px; font-weight:500; color:var(--brand); }
.aesthetic-partnership { background:#3A2631; color:#DCCED3; }
.partnership-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:95px; }
.partnership-grid h2 { color:#FFF8F3; }
.partnership-grid .aesthetic-kicker { color:#CBA4B2; }
.partnership-lead { margin:26px 0 30px; font-size:13px; line-height:2; color:#C7B5BE; }
.partnership-steps article { display:flex; gap:28px; padding:24px 0; border-bottom:1px solid #ffffff20; }
.partnership-steps article:first-child { padding-top:0; }
.partnership-steps article:last-child { border-bottom:0; padding-bottom:0; }
.partnership-steps article > span { font:22px Georgia,serif; color:#C89BAE; }
.partnership-steps h3 { font-size:18px; color:#F7EDF0; margin-bottom:9px; font-weight:500; }
.partnership-steps p { font-size:12px; line-height:1.8; color:#C7B5BE; }
.aesthetic-about-grid { display:grid; grid-template-columns:.8fr 1fr; gap:100px; align-items:center; }
.aesthetic-about figure { margin:0; background:#F0EBE7; padding:30px; border:1px solid var(--line); }
.aesthetic-about img { width:auto; max-width:100%; height:auto; max-height:460px; margin:auto; display:block; border-radius:2px; }
.aesthetic-about .lead { font-size:15px; line-height:2.1; margin:25px 0; }
.region-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:25px; }
.region-tags span { padding:7px 15px; border:1px solid #DED0D2; border-radius:999px; font-size:11px; }
.aesthetic-service { padding-top:0; }
.service-editorial { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); }
.service-editorial a { padding:35px 26px; border-right:1px solid var(--line); }
.service-editorial a:first-child { padding-left:0; }
.service-editorial a:last-child { border-right:0; }
.service-editorial span { font:9px var(--mono); letter-spacing:.07em; color:#987A84; }
.service-editorial h3 { font-size:22px; font-weight:500; margin:18px 0 12px; }
.service-editorial h3 b { float:right; font-weight:400; color:#8B2942; }
.service-editorial p { font-size:12px; line-height:1.9; }
.service-editorial a:hover h3 { color:var(--brand); }
.aesthetic-closing { padding:85px 0; background:#EEE1DD; border-block:1px solid #DDCFCA; }
.aesthetic-closing h2 { margin:20px 0 32px; font-size:clamp(35px,4vw,53px); font-weight:500; line-height:1.35; color:#563845; }
.aesthetic-closing .aesthetic-link { margin-left:28px; }
.site-footer { background:#FCFAF8; color:#74686C; padding-top:65px; }
.site-footer h4,.site-footer a,.site-footer b,.site-footer .footer-about { color:#68535D; }
.site-footer a:hover { color:var(--brand); }
.footer-grid { gap:35px; }
.footer-bottom { border-top:1px solid var(--line); color:#7E6F74; }
.page-hero { background:#F2E8E3; padding:65px 0; border-bottom:1px solid #DDCFCA; }
.page-hero::before { display:none; }
.page-hero h1,.page-hero b,.page-hero strong { color:#503A44; }
.page-hero h1 { font-size:clamp(32px,4vw,52px); line-height:1.4; font-weight:500; max-width:25em; }
.page-hero .lead { color:#79656E; max-width:47em; font-size:14px; line-height:1.9; }
.page-hero .breadcrumb,.page-hero .breadcrumb a { color:#806872; }
.page-hero .btn--ghost-dark { color:#7A4B5B; border:1px solid #CDB8BF; }
.card,.product-item { border-color:#E8DEDA; border-radius:6px; background:#FFFDFC; }
.card h3 { font-weight:500; }
.card--accent { background:#493040; color:#E3D4DA; border-color:#493040; }
.card--accent h3 { color:#fff; }
.card--accent p { color:#E3D4DA; }
.section--dark { background:#3A2631; }
.section--dark .card { background:#47333E; border-color:#ffffff15; }
.section--dark .card p { color:#D8C6CF; }
.section--dark .card h3 { color:#fff; }
.section--dark .card-icon { color:#D7ABB9; }
.section-head h2 { font-weight:500; line-height:1.4; }
.cta-band { background:#493040; }
.contact-list,.form-panel { border-radius:10px; }
input:not([type=checkbox]):not([type=radio]),select,textarea { border-radius:7px; }
.product-aside .tag { background:#F2E5E9; color:#8B2942; }
.product-row { scroll-margin-top:100px; }
@media(min-width:761px) and (max-width:1080px) { .nav-links { background:#FFFDFC; } }
@media(max-width:1080px) { .nav-links { background:#FFFDFC; } .aesthetic-hero-grid { min-height:610px; } .aesthetic-copy h1 { font-size:51px; } .aesthetic-facts .container { gap:15px; } .aesthetic-facts div > div { gap:12px; padding-left:20px; } .partnership-grid,.aesthetic-about-grid { gap:48px; } .brand-editorial { padding:20px; } }
@media(max-width:760px) {
 :root { --nav-h:68px; --sec-y:65px; }
 .brand-lockup { height:31px; }
 .aesthetic-hero-grid { grid-template-columns:1fr; min-height:0; }
 .aesthetic-copy { padding:44px 0 25px; }
 .aesthetic-copy h1 { font-size:46px; margin:20px 0; }
 .aesthetic-subtitle { font-size:17px; }
 .aesthetic-description { font-size:12px; }
 .aesthetic-actions { gap:18px; margin-top:25px; }
 .aesthetic-actions .btn { padding:14px 19px; font-size:12px; }
 .aesthetic-link { font-size:12px; }
 .hero-caption { margin-top:25px; }
 .aesthetic-art { min-height:330px; max-height:400px; margin-top:0; }
 .aesthetic-art img { width:100%; max-height:390px; object-fit:contain; margin:0; }
 .art-label { top:10px; }
 .art-caption { bottom:12px; left:0; }
 .aesthetic-facts .container { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 8px; padding-block:23px; }
 .aesthetic-facts p { grid-column:1/3; font-size:10px; }
 .aesthetic-facts b { font-size:12px; }
 .aesthetic-facts a { grid-column:3; grid-row:1; font-size:10px; }
 .aesthetic-facts div > div { border-left:0; padding:0; gap:10px; }
 .aesthetic-facts strong { font-size:31px; }
 .aesthetic-facts span { font-size:10px; }
 .aesthetic-section-head { display:block; margin-bottom:27px; }
 .aesthetic-section-head > p,.aesthetic-section-head > div:last-child { margin-top:18px; }
 .aesthetic-section-head h2,.partnership-grid h2,.aesthetic-about h2 { font-size:31px; }
 .aesthetic-brands { grid-template-columns:1fr; gap:14px; }
 .brand-editorial { min-height:280px; padding:23px; }
 .brand-object { position:absolute; right:24px; top:48px; width:86px; height:100px; margin:0; opacity:.85; }
 .brand-object--ring,.brand-object--sphere { width:100px; height:100px; }
 .brand-editorial > div:last-child { margin-top:74px; position:relative; }
 .brand-editorial p { max-width:22em; }
 .category-picker { gap:8px; }
 .category-picker button { padding:9px 15px; font-size:11px; }
 .category-results { grid-template-columns:1fr; gap:10px; }
 .category-results a { min-height:0; padding:23px; }
 .category-results h3 { margin:13px 0 9px; }
 .category-results b { margin-top:14px; }
 .partnership-grid,.aesthetic-about-grid { grid-template-columns:1fr; gap:38px; }
 .partnership-steps article { padding:20px 0; }
 .aesthetic-about figure { padding:20px; }
 .aesthetic-about img { max-height:440px; }
 .aesthetic-about .lead { font-size:14px; }
 .service-editorial { grid-template-columns:1fr; }
 .service-editorial a,.service-editorial a:first-child { border-right:0; border-bottom:1px solid var(--line); padding:25px 0; }
 .service-editorial a:last-child { border-bottom:0; }
 .aesthetic-closing { padding:60px 0; }
 .aesthetic-closing h2 { font-size:38px; }
 .aesthetic-closing .aesthetic-link { margin-left:15px; font-size:11px; }
 .aesthetic-closing .btn { font-size:12px; padding:14px 18px; }
 .page-hero { padding:40px 0; }
 .page-hero h1 { font-size:33px; }
 .site-footer { padding-top:45px; }
}
@media print { .aesthetic-art,.brand-object { display:none; } .aesthetic-hero,.aesthetic-product-section,.aesthetic-partnership,.aesthetic-closing { background:#fff; color:#000; } .partnership-grid h2,.partnership-steps h3,.partnership-steps p { color:#000; } }