/* Public company introduction; the original internal vision stays independent. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.career-link{gap:18px}.company-site .header nav{gap:25px}.company-site .header-action{font-size:14px;white-space:nowrap}.company-site .hero{height:780px;min-height:min(900px,100svh)}.company-site .hero-type{padding-top:100px}.company-site .hero h1{font-size:clamp(62px,6.5vw,96px)}.company-site .hero-bottom{gap:30px;margin-top:32px}.company-site .hero-bottom p{font-size:21px}.hero-actions{pointer-events:auto;display:flex;gap:28px;align-items:center;justify-content:center}.hero-actions .pill{background:var(--green);font-size:16px;padding:16px 26px;min-height:56px}.hero-actions .pill:hover{background:#dbffc7}.hero-explore{font-size:14px;color:#bbb;display:flex;gap:18px;align-items:center}.hero-explore:hover{color:#fff}.company-site .hero-strip{margin-top:45px}.company-site .hero .eyebrow{top:48px;letter-spacing:.08em}.company-site .vision{padding-bottom:90px}.company-site .story-film{margin-top:40px}.company-site .ambition{padding-block:110px}.company-opportunities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:65px}.company-opportunities article{background:#191919;border-radius:36px;padding:36px 30px}.company-opportunities article>span{font-size:12px;letter-spacing:.08em;color:#beff99}.company-opportunities h3{font-size:30px;margin:35px 0 20px}.company-opportunities p{font-size:17px;color:#b4b4b4}.opportunity-invite{font-size:32px;color:#a6a6a6;margin-top:64px}.opportunity-invite strong{color:#fff;font-weight:500}.company-site .team-title{padding-bottom:64px}.company-site .team-zoom{height:auto;min-height:0}.company-site .team-zoom h2{position:static;padding:10px 0 35px;font-size:110px;line-height:1.15}.company-site .team-statement{margin-top:40px}.company-site .owner{padding-bottom:80px}.company-ai{padding-top:0;padding-bottom:60px}.ai-panel{background:var(--green);border-radius:64px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:24px 8%}.ai-panel .mini-label{grid-column:1/-1;color:#496f37}.ai-panel h2{font-size:54px}.ai-panel p{font-size:17px;color:#29431d}.company-site .culture{padding-top:60px}.company-site .culture-intro h2{font-size:58px}.company-site .small-team{margin-top:55px}.company-site .culture-close{margin-top:60px;font-size:32px}.company-site .benefits{margin-bottom:0}.company-site .closing{margin-top:80px}.company-site .closing h2{font-size:64px}.company-site .closing .wrap:after{width:250px;height:250px;top:-15px}.company-site .closing .career-link{font-size:16px;padding:18px 28px}.career-note{font-size:13px;color:#746582;margin-top:26px}.company-site .footer>div>span{color:#777;font-size:11px}.company-site .footer-career{color:#eee}.company-site #menu nav a:last-child{font-size:16px}.company-site .film-preview{display:none}
@media(min-width:810px) and (max-width:1199px){.company-site .header nav{gap:16px;font-size:12px}.company-site .header-action{font-size:12px;padding-inline:14px}.company-opportunities{gap:16px}.company-opportunities article{padding:28px 24px}.company-opportunities h3{font-size:26px}.ai-panel{padding:48px}.company-site .culture-intro h2{font-size:48px}.company-site .closing h2{font-size:54px}}
@media(max-width:809px){.company-site .header{gap:12px;padding-inline:20px}.company-site .logo{width:105px}.company-site .header-action{display:inline-flex;margin-left:auto;font-size:12px;min-height:38px;padding:9px 13px;gap:8px}.company-site .menu-open{padding:12px 0 12px 4px}.company-site .hero{height:760px;min-height:100svh}.company-site .hero-type{padding-top:65px}.company-site .hero .eyebrow{font-size:11px;letter-spacing:.06em}.company-site .hero h1{font-size:clamp(42px,11.7vw,62px)}.company-site .hero-bottom{gap:26px;margin-top:28px}.company-site .hero-bottom p{font-size:17px;line-height:1.8}.hero-actions{flex-direction:column;gap:20px;width:100%}.hero-actions .pill{font-size:15px;min-height:52px;padding:14px 24px}.hero-explore{font-size:13px}.company-site .hero-strip{margin-top:35px}.company-site .vision{padding-bottom:64px}.company-site .ambition{padding-block:68px}.company-opportunities{grid-template-columns:1fr;margin-top:36px;gap:16px}.company-opportunities article{border-radius:28px;padding:30px 26px}.company-opportunities h3{font-size:28px;margin:24px 0 15px}.company-opportunities p{font-size:16px}.opportunity-invite{font-size:26px;margin-top:38px}.company-site .team-title{padding-bottom:42px}.company-site .team-zoom{height:auto;min-height:0}.company-site .team-zoom h2{font-size:72px;padding:0 0 20px}.company-site .team-statement{margin-top:28px}.company-site .owner{padding-bottom:50px}.company-ai{padding:0 12px 36px}.ai-panel{grid-template-columns:1fr;border-radius:40px;padding:36px 28px;gap:24px}.ai-panel h2{font-size:39px}.ai-panel p{font-size:16px}.company-site .culture{padding-top:36px}.company-site .culture-intro h2{font-size:42px}.company-site .small-team{margin-top:38px}.company-site .culture-close{font-size:26px;margin-top:40px}.company-site .closing{margin-top:56px}.company-site .closing h2{font-size:40px}.company-site .closing .wrap:after{width:180px;height:180px;right:-55px;top:50px;opacity:.35}.company-site .closing .career-link{font-size:14px;padding:16px 22px}.career-note{font-size:12px;line-height:1.7}.company-site .footer>div{gap:22px}.company-site .footer>div>span{width:100%}.company-site .ownership-path{grid-template-columns:repeat(5,minmax(0,1fr))}.company-site .ownership-path li{font-size:14px;word-break:keep-all}}
.company-site .menu-open>.menu-bars{display:block}

/* Official store chrome: #f7f7f7, with dark wordmarks and readable controls. */
.company-site .header{background:#f7f7f7;color:#181818;border-bottom:1px solid #e8e8e8;backdrop-filter:none}
.company-site .logo img,.company-site .footer>a img,.company-site .menu-top img{filter:none}
.company-site .header nav a{color:#626262}.company-site .header nav a:hover,.company-site .header nav a.active{color:#151515}
.company-site .header-action{background:#191919;color:#fff}.company-site .header-action:hover{background:#333}
.company-site .menu-open,.company-site .menu-close{color:#181818}
.company-site .footer{background:#f7f7f7;color:#181818;border-top:1px solid #e8e8e8}
.company-site .footer>div{color:#626262}.company-site .footer-career{color:#242424}.company-site .footer a:hover{color:#080808}
.company-site #menu{background:#f7f7f7;color:#181818;border-bottom:1px solid #e8e8e8;backdrop-filter:none}
.company-site #menu nav a:last-child{background:#191919;color:#fff}



/* Background-only refresh; preserve the original centered hero and its spacing. */
.company-site .header-action{background:var(--green);color:#131313;box-shadow:none}.company-site .header-action:hover{background:#adf987}
.company-site .hero{background:#f7f7f3;color:#2c2d29}
.company-site .hero .eyebrow{color:#797b72}.company-site .hero-bottom p{color:#62645b}
.company-site .hero-explore{color:#66695f}.company-site .hero-explore:hover{color:#292d24}
.company-site .hero-strip{border-color:#b8bca12e}.company-site .marquee-track span{color:#85897b}
.hero-lightscape{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(120deg,#f0f1e9,#fafaf6 50%,#f2f1eb)}
.hero-lightscape svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.silk-flow{transform-origin:center;animation:silk-breathe 22s ease-in-out infinite alternate;will-change:transform}
.lightscape-wash{position:absolute;inset:-20%;background:linear-gradient(125deg,transparent 32%,#fff9 45%,transparent 57%);animation:silk-illumination 18s ease-in-out infinite alternate}
.lightscape-center{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#fafaf77a,transparent 65%)}
@keyframes silk-breathe{from{transform:translate(-30px,24px) rotate(-4deg) scale(1.08)}to{transform:translate(30px,-24px) rotate(4deg) scale(1.14)}}
@keyframes silk-illumination{from{opacity:.3;transform:translateX(-9%)}to{opacity:.8;transform:translateX(9%)}}
@media(prefers-reduced-motion:reduce){.silk-flow,.lightscape-wash{animation:none!important}}

/* Brand depth: keep the existing typography, generous spacing and rounded panels. */
.brand-origin{margin-top:90px;background:var(--purple);border-radius:var(--radius);padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:8%}
.brand-origin h3,.content-heading h3{font-size:46px;line-height:1.25;margin-top:24px}.origin-source{display:inline-flex;gap:24px;font-size:14px;margin-top:40px}.origin-copy .lead{font-size:26px;color:#241d2c}.origin-copy p{font-size:17px;color:#665771}.origin-signature{display:block;margin-top:30px;font-size:30px;letter-spacing:-.04em;color:#5c416f}
.product-stories{padding-block:80px 40px}.content-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:48px}.content-heading>p{font-size:18px;color:#747474;max-width:430px}.product-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-story{min-width:0;background:#f7f7f7;border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.product-story figure{aspect-ratio:1;overflow:hidden;background:#f4f4f4}.product-story figure img{width:100%;height:100%;object-fit:contain;transition:transform .7s}.product-story:hover figure img{transform:scale(1.035)}.product-story-copy{padding:30px;display:flex;flex-direction:column;flex:1}.product-story .mini-label{font-size:12px;color:#777;letter-spacing:.06em}.product-story h4,.project-story h4{font-weight:500;font-size:26px;line-height:1.4;letter-spacing:-.04em;word-break:keep-all;margin:16px 0 12px}.product-story .product-name{font-size:14px;line-height:1.6;color:#777;min-height:45px}.product-story dl{margin:26px 0 0}.product-story dl>div+div{margin-top:22px}.product-story dt{font-size:13px;color:#777;margin-bottom:7px}.product-story dd{font-size:16px;line-height:1.8;word-break:keep-all;margin:0}.product-story .product-focus{font-size:12px;line-height:1.6;color:#777;margin:24px 0}.product-story a{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin-top:auto;padding-top:8px}.product-story a:hover,.origin-source:hover{text-decoration:underline;text-underline-offset:5px}
.project-stories{padding-top:110px}.project-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-story{background:#eddefc;padding:44px;border-radius:48px}.project-story:nth-child(2){background:#e8f3df}.project-story .mini-label{font-size:12px;color:#70677a;letter-spacing:.035em}.project-story h4{font-size:34px;margin:24px 0 32px}.project-story ol{list-style:none;margin:0;padding:0;display:grid;gap:26px}.project-story li{display:grid;grid-template-columns:84px 1fr;gap:20px}.project-story li>span{font-size:13px;color:#756b7c;padding-top:5px}.project-story li p{font-size:17px;line-height:1.8}.project-story .project-roles{margin-top:36px;font-size:13px;color:#756b7c}.project-invite{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px}.project-invite p{font-size:24px;line-height:1.5}.project-invite .pill{background:var(--green)}
@media(min-width:810px) and (max-width:1199px){.brand-origin{padding:48px}.brand-origin h3,.content-heading h3{font-size:38px}.product-story-grid{gap:16px}.product-story-copy{padding:24px}.product-story h4{font-size:23px}.project-story{padding:34px}.project-story li{grid-template-columns:1fr;gap:4px}}
@media(max-width:809px){.brand-origin{margin-top:50px;padding:34px 26px;grid-template-columns:1fr;gap:32px;border-radius:36px}.brand-origin h3,.content-heading h3{font-size:34px}.origin-copy .lead{font-size:23px}.origin-source{margin-top:24px}.product-stories{padding-block:56px 26px}.content-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.content-heading>p{font-size:16px}.product-story-grid{grid-template-columns:1fr;gap:24px}.product-story{border-radius:32px}.product-story figure{aspect-ratio:1.15}.product-story-copy{padding:28px}.product-story .product-name{min-height:0}.product-story h4{font-size:26px}.project-stories{padding-top:64px}.project-story-grid{grid-template-columns:1fr}.project-story{padding:32px 26px;border-radius:36px}.project-story h4{font-size:30px}.project-story li{grid-template-columns:1fr;gap:4px}.project-story li p{font-size:16px}.project-invite{align-items:flex-start;flex-direction:column}.project-invite p{font-size:22px}}
@media(prefers-reduced-motion:reduce){.product-story figure img{transition:none}.product-story:hover figure img{transform:none}}

/* Plain-text actions and company identity. */
.company-site .role-route span:not(:last-child):after{content:none}
.company-site .reel-controls button{width:auto;min-width:48px;padding-inline:13px;border-radius:999px;font-size:13px}
.company-site .footer{display:grid;grid-template-columns:1fr auto;gap:38px 40px;align-items:center;padding-block:56px}
.company-site .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;font-size:13px;color:#626262}
.company-site .footer-company{grid-column:1/-1;display:block;margin:0;font-size:13px;line-height:1.9;color:#777}
.company-site .footer-company strong{display:block;margin-bottom:12px;color:#373737;font-size:15px;font-weight:500}
.company-site .footer-company p{margin:0;font-size:13px;line-height:1.9;letter-spacing:0;text-wrap:wrap}
.company-site .footer-company p>span{display:inline-block;margin-right:20px}
.company-site .footer-company address{font-style:normal;font-size:13px;line-height:1.9}
.company-site .footer-company .footer-copyright{margin-top:20px;font-size:11px;color:#888}
@media(max-width:809px){.company-site .footer{grid-template-columns:1fr;gap:26px;padding-block:40px}.company-site .footer-links{justify-content:flex-start;font-size:12px;gap:22px}.company-site .footer-company{margin:0}.company-site .footer-company p,.company-site .footer-company address{font-size:12px}.company-site .reel-controls button{min-width:42px;padding-inline:10px;font-size:12px}}

/* Work ethic, drawn from the public Doctors Cosmetics recruiting statement. */
.company-site .culture-intro h2{font-size:clamp(38px,4.2vw,58px)}
.work-ethic{margin-top:60px;padding:56px;background:#f7f7f7;border-radius:48px}
.ethic-heading{max-width:760px}.ethic-heading .mini-label{color:#81758b;font-size:12px;letter-spacing:.06em}.ethic-heading h3{font-size:40px;line-height:1.3;margin:22px 0 24px}.ethic-heading p{font-size:18px;line-height:1.85;color:#6d6872}
.ethic-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:52px}.ethic-principles .mini-label{font-size:12px;color:#87818d}.ethic-principles h4{margin:18px 0 14px;font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.04em;word-break:keep-all}.ethic-principles p{font-size:16px;line-height:1.85;color:#6d6872}
@media(min-width:810px) and (max-width:1199px){.work-ethic{padding:42px}.ethic-principles{gap:26px}.ethic-principles h4{font-size:22px}}
@media(max-width:809px){.company-site .culture-intro h2{font-size:36px}.work-ethic{margin-top:36px;padding:34px 26px;border-radius:36px}.ethic-heading h3{font-size:30px}.ethic-heading p{font-size:16px}.ethic-heading p br{display:none}.ethic-principles{grid-template-columns:1fr;gap:30px;margin-top:36px}.ethic-principles h4{font-size:24px;margin:12px 0}.ethic-principles p{font-size:16px}}

/* Mobile background visibility. */
.hero-lightscape .mobile-light-ribbons{display:none}
@media(max-width:809px){
  .hero-lightscape>svg:not(.mobile-light-ribbons){display:none}.hero-lightscape .mobile-light-ribbons{display:block;inset:-6% -10%;width:120%;height:112%;opacity:1}
 .mobile-silk-flow{transform-origin:200px 400px;animation:mobile-silk-drift 10s ease-in-out infinite alternate;will-change:transform}
 .company-site .lightscape-center{background:radial-gradient(ellipse at 50% 38%,#fafaf76b,transparent 65%)}
 .company-site .lightscape-wash{animation-duration:10s}
}
@keyframes mobile-silk-drift{from{transform:translate(-28px,-34px) rotate(-8deg) scale(1.05)}to{transform:translate(28px,40px) rotate(8deg) scale(1.14)}}
@media(prefers-reduced-motion:reduce){.mobile-silk-flow{animation:none!important}}

.company-site .brand-origin{margin-top:32px}
@media(max-width:809px){.company-site .brand-origin{margin-top:22px}}

@media(min-width:810px){
 .hero-lightscape>svg:not(.mobile-light-ribbons){inset:-5% -5%;width:110%;height:110%}
 .silk-flow{animation:desktop-silk-drift 12s ease-in-out infinite alternate}
 .lightscape-wash{animation-duration:12s}
 .lightscape-center{background:radial-gradient(ellipse at 50% 36%,#fafaf755,transparent 64%)}
}
@keyframes desktop-silk-drift{from{transform:translate(-65px,-45px) rotate(-5deg) scale(1.05)}to{transform:translate(65px,55px) rotate(5deg) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.silk-flow{animation:none!important}}