/* White atelier: neutral light, restrained cosmetic color, spacious editorial framing. */
:root{--ink:#292727;--muted:#777272;--line:#e8e7e7;--milk:#fafafa}
.beauty-ribbon{background:#fff;color:#7f7a79;border-bottom:1px solid #efeeee;letter-spacing:1.8px}
.header.gloss-header{background:linear-gradient(110deg,#fff 30%,#fafafa 65%,#fff);height:174px;border-bottom:1px solid #e9e8e8;overflow:hidden}
.gloss-header:before{background:none;inset:auto 5% 0;height:3px;background:linear-gradient(90deg,#b06f63 0 12%,#e9dbd8 12% 26%,#ededed 26% 100%)}
.gloss-header .logo,.footer-inner .logo{color:#292727}
.header-brand{display:grid;grid-template-columns:112px 1fr;column-gap:22px;align-items:center;text-align:left;padding:0;background:none;border:0;backdrop-filter:none}
.atelier-products{grid-row:1/3;display:flex;gap:5px;height:80px}
.atelier-products img{width:54px;height:80px;object-fit:cover;border-radius:40px 40px 0 0;filter:saturate(.7)}
.header-brand>span{font:16px/1.5 Arial,sans-serif;letter-spacing:1px;color:#373535}
.header-brand>p{margin:7px 0 0;color:#888281;font-size:7px;letter-spacing:1px}
.gloss-header .contact{background:#fff;border-color:#dad9d9;color:#393737}
.hero-slide h1>span{color:#878281}.hero-slide .oem-signature{color:#7d7877}
.customization-process{background:radial-gradient(ellipse at 85% 8%,#fbf8f7 0,transparent 45%),linear-gradient(120deg,#fff,#fafafa 60%,#fff);color:var(--ink);padding-top:78px;padding-bottom:78px}
.workflow-card{background:#fff;border-color:#e6e5e5;padding:35px}
.quick-workflow{border-top:3px solid #aa7d75}.formula-workflow{border-top:3px solid #b7b4b4}
.workflow-card-heading h3{font:500 clamp(24px,2.3vw,33px)/1.25 Arial,Helvetica,sans-serif;letter-spacing:.2px;max-width:none;margin-bottom:21px}
.gloss-swatch{background:linear-gradient(170deg,#f1dfdc,#c89f98 35%,#a6766e 65%,#ecd9d6)}
.workflow-card-heading>.eyebrow,.workflow-intro .eyebrow{color:#8b8686}
.workflow-card>.button{background:#2f2d2c;border-color:#2f2d2c}
.workflow-steps li h4{color:#3b3939}.workflow-intro>p,.workflow-card-heading>p:not(.eyebrow),.workflow-steps li p,.formula-project>p{color:#746f6e}
.moq-summary dd{color:#87625b}.moq-summary dt,.formula-project>span{color:#837d7c}
.moq-summary,.formula-project,.moq-summary>div+div{border-color:#e9e8e7}
.route-card h3{font:500 20px/1.35 Arial,sans-serif;letter-spacing:.3px}.stock-route{background:linear-gradient(100deg,#fcf9f9,#fff)}
.carousel-controls>button,.route-card a,.more-link,.capacity-back{color:#787373}.carousel-dots button[aria-pressed=true]:after{background:#98756f}
.application-chips span,.more-link{background:#fff;border-color:#e6dedc;color:#797474}
.gloss-footer{background:linear-gradient(110deg,#fff,#fafafa 55%,#fff);border-top:1px solid #ecebeb;margin-top:35px}
.gloss-footer:before{background:none}
.footer-inner{min-height:240px;padding:55px 0;align-items:center}
.footer-colors{text-align:left;border-left:1px solid #e4e3e2;padding-left:40px}
.footer-statement{font:32px/1.2 Georgia,serif;color:#363434;margin:0 0 16px}
.footer-colors>span{color:#8e8989;font-size:8px;letter-spacing:1.3px}
.shade-palette{justify-content:flex-start;margin-top:20px;gap:12px}
.shade-palette i{width:32px;height:9px;border-radius:50%;transform:rotate(-12deg);box-shadow:inset 0 2px 2px #ffffff80;background:linear-gradient(150deg,#e1b6af,#a4685e)}
.shade-palette i:nth-child(2){background:linear-gradient(150deg,#ecd8d4,#c1928a)}
.shade-palette i:nth-child(3){background:linear-gradient(150deg,#f2d9c8,#b88c76)}
.shade-palette i:nth-child(4){background:linear-gradient(150deg,#e9c9bd,#bb8d77)}
.shade-palette i:nth-child(5){background:linear-gradient(150deg,#d9a096,#944f43)}
.shade-palette i:nth-child(6){background:linear-gradient(150deg,#e4d4cb,#bc9d8b)}
.footer-home{color:#6a6665;border-color:#cfcdcd;font-size:10px}
@media(max-width:1000px){.header-brand{grid-template-columns:80px 1fr;column-gap:14px}.atelier-products{height:62px;gap:4px}.atelier-products img{width:38px;height:62px}.header-brand>span{font-size:12px}.header-brand>p{font-size:6px}.workflow-card{padding:27px}.footer-colors{padding-left:25px}.footer-statement{font-size:27px}}
@media(max-width:620px){.header.gloss-header{height:160px;align-content:start;padding-top:24px}.gloss-header .logo,.gloss-header .contact{transform:none}.header-brand{left:5%;right:5%;bottom:17px;display:block;padding-right:85px}.header-brand>span{font-size:10px;letter-spacing:.6px}.atelier-products{position:absolute;right:0;bottom:-5px;height:55px}.atelier-products img{width:33px;height:55px}.header-brand>p{display:block;font-size:5px;letter-spacing:.7px}.workflow-card-heading h3{font-size:25px;line-height:1.25}.workflow-card{padding:27px 22px}.customization-process{padding-top:45px;padding-bottom:45px}.footer-inner{padding:38px 0;min-height:0;gap:28px}.footer-colors{order:3;width:100%;display:block;padding:25px 0 0;border-left:0;border-top:1px solid #e7e6e5}.footer-statement{font-size:30px;margin-bottom:14px}.footer-colors>span{font-size:7px;max-width:none;letter-spacing:1px}.shade-palette{margin-top:18px;gap:15px}.shade-palette i{width:31px;height:9px}.footer-home{font-size:9px;max-width:155px}.route-card h3{font-size:20px}}
/* Continuous lip-and-cheek color texture across the entire masthead. */
.header.gloss-header{height:168px;display:flex;align-items:center;padding-top:0;background:#f7e4e1 none center/cover no-repeat;border-bottom:0;overflow:hidden}
.gloss-header:before{inset:0;height:auto;background:linear-gradient(90deg,#fefaf99c,#fefbfa42 26%,#fefaf973 50%,#fdf9f926 75%,#fefaf973);z-index:-1}
.gloss-header .logo{color:#41302d;text-shadow:0 1px 15px #fff8}
.header-brand{position:static;display:block;text-align:center;padding:12px 28px;background:#fefbfa8c;border:1px solid #ffffffa1;backdrop-filter:blur(7px);max-width:530px}
.header-brand>span{font:400 20px/1.5 Arial,sans-serif;letter-spacing:1.2px;color:#503530}
.header-brand>p{display:block;font-size:8px;line-height:1.8;letter-spacing:1.2px;margin:12px auto 0;max-width:none;color:#795a55}
.gloss-header .contact{background:#fefbfae6;border:1px solid #ffffffc9;color:#593933;transform:none}
.header-shades{display:flex;justify-content:center;gap:21px;margin-top:17px}
.header-shades span{font:7px/1.5 Arial,sans-serif;letter-spacing:1px;color:#775650;display:flex;align-items:center;gap:6px}
.header-shades i{width:13px;height:7px;display:inline-block;border-radius:70% 40%;background:#d3968b;box-shadow:inset 0 1px 2px #ffffff8a;transform:rotate(-13deg)}
.header-shades span:nth-child(2) i{background:#e88d86}.header-shades span:nth-child(3) i{background:#9b4b3d}
@media(max-width:1000px){.header.gloss-header{height:160px}.header-brand{padding:11px 20px;max-width:410px}.header-brand>span{font-size:15px}.header-brand>p{font-size:6px}.header-shades{gap:13px}.header-shades span{font-size:6px}}
@media(max-width:620px){.header.gloss-header{height:182px;align-items:flex-start;align-content:normal;padding-top:14px;background-position:57% center}.gloss-header .logo{transform:none}.header-brand{position:absolute;left:5%;right:5%;top:auto;bottom:13px;max-width:none;padding:10px 10px;background:#fefbfa99}.header-brand>span{font-size:12px;letter-spacing:.7px}.header-brand>p{font-size:6px;letter-spacing:.65px;margin-top:7px}.header-shades{gap:18px;margin-top:12px}.header-shades span{font-size:6px}.header-shades i{width:12px;height:6px}}

.gloss-header .contact{white-space:nowrap;flex-shrink:0}
/* Coral accents, shorter footer and tube independent workflow cards. */
:root{--ink:#2b2928;--muted:#77716e;--line:#e8e5e3}
.hero-slide h1>span{color:#b35f4f}.hero-slide .oem-signature{color:#b86351}.gloss-swatch{background:linear-gradient(170deg,#f9d5ca,#e99783 35%,#c86150 65%,#f6c2b4)}
.carousel-controls>button,.carousel-counter,.route-card a,.more-link,.capacity-back{color:#ac6252}.carousel-dots button[aria-pressed=true]:after{background:#c7715f}.carousel-dots button:after{background:#dfccc5}
.customization-process{padding-top:36px;padding-bottom:38px;background:linear-gradient(120deg,#fff,#fafafa 65%,#fff)}
.workflow-intro{margin-bottom:23px;gap:20px}.workflow-intro h2{font-size:37px}.workflow-intro .eyebrow{margin-bottom:11px;color:#ac6a58}
.workflow-grid{align-items:start;gap:22px}.workflow-card{padding:25px;background:#fff;border-color:#e8e4e1}.quick-workflow{border-top-color:#cd806a}.formula-workflow{border-top-color:#bcb8b4}
.workflow-card-heading h3{font-size:28px;margin-bottom:13px}.workflow-card-heading>.eyebrow{margin-bottom:12px;color:#a06958}.workflow-card-heading>p:not(.eyebrow){line-height:1.65}
.moq-summary{margin:17px 0 19px;padding:13px 0}.moq-summary dd{font-size:36px;color:#b56652}.moq-summary dt,.formula-project>span{color:#a36b59}.moq-summary dt{margin-bottom:7px}
.formula-project{min-height:0;margin:17px 0 19px;padding:14px 0}.formula-project>p{margin-top:7px}
.workflow-steps{gap:12px;margin-bottom:17px}.workflow-steps li h4{margin-bottom:3px}.workflow-steps li p{line-height:1.65}.workflow-card>.button{margin-top:0}
.gloss-footer{margin-top:15px}.footer-inner{min-height:130px;padding:24px 0}.footer-colors{padding-left:25px}.footer-statement{font-size:27px;margin-bottom:9px}.shade-palette{margin-top:12px;gap:10px}.footer-colors>span,.footer-home{color:#82736c}.footer-home{border-color:#d6c8c0}
.shade-palette i{background:linear-gradient(150deg,#f3b4a4,#cc705b)}.shade-palette i:nth-child(2){background:linear-gradient(150deg,#f4cdc1,#de9986)}.shade-palette i:nth-child(5){background:linear-gradient(150deg,#ecaa92,#b95543)}
@media(max-width:1000px){.workflow-card{padding:21px}.workflow-card-heading h3{font-size:24px}.workflow-intro h2{font-size:33px}.footer-statement{font-size:24px}}
@media(max-width:620px){.customization-process{padding:28px 6%}.workflow-intro{margin-bottom:19px}.workflow-intro h2{font-size:30px}.workflow-intro>p{margin-top:13px}.workflow-grid{gap:18px}.workflow-card{padding:22px 19px}.workflow-card-heading h3{font-size:24px}.moq-summary{margin:16px 0 18px;padding:12px 0}.moq-summary dd{font-size:34px}.formula-project{margin:16px 0 18px;min-height:0}.workflow-steps{gap:12px}.workflow-steps li p{font-size:11px}.footer-inner{padding:23px 0;gap:19px;min-height:0}.footer-colors{padding:17px 0 0}.footer-statement{font-size:25px;margin-bottom:9px}.shade-palette{margin-top:12px}}
/* Equal plan panels and clean carousel edges at every slide position. */
.workflow-grid{align-items:stretch;grid-auto-rows:1fr}.workflow-card{align-self:stretch}.workflow-card>.button{margin-top:auto}
.carousel-window{clip-path:inset(0 2px);isolation:isolate}.hero-slide,.hero-copy{border-left:0;box-shadow:none}.hero-copy:before,.hero-copy:after{border:0;box-shadow:none}
.hero-slide{padding-inline:3px}
/* Stronger catalog navigation for quick capacity browsing. */
.group-count{font-size:15px;line-height:1.5;font-weight:500;color:#292929}
.more-link{font-size:16px;line-height:1.4;font-weight:600;color:#292929;background:#fff;border-color:#bcb6b2;padding:11px 16px;gap:16px;align-items:center}
.more-link>span{font-size:22px;line-height:1;color:#292929}
.capacity-back{font-size:16px;line-height:1.5;font-weight:600;color:#292929;border-bottom:1px solid #6a6460;padding-bottom:6px}
@media(max-width:620px){.group-count{font-size:13px;color:#292929}.more-link{font-size:14px;padding:10px 12px;gap:11px}.more-link>span{font-size:20px}.capacity-back{font-size:15px;color:#292929;max-width:100%}}

/* Geometry-based icons retain the same appearance on iOS, Android and desktop. */
.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0;overflow:visible}
.more-link .ui-icon{width:20px;height:20px}.how>a .ui-icon{width:25px;height:25px}.carousel-controls .ui-icon{width:18px;height:18px}.close .ui-icon{width:22px;height:22px}.footer-home .ui-icon{width:14px;height:14px;margin-left:5px}.capacity-back .ui-icon{margin-right:5px;width:17px;height:17px}