:root{--bg:#070707;--panel:#0d0d0f;--panel2:#111114;--ink:#f4f1ec;--muted:#9d9691;--line:#2b2b30;--red:#e11f2e;--red2:#ff3b49;--max:1280px;} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.68 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer} .shell{width:min(var(--max),calc(100% - 32px));margin:auto} .topbar{position:sticky;top:0;z-index:80;background:rgba(7,7,7,.96);backdrop-filter:blur(16px);border-bottom:1px solid #1f1f22} .nav{height:72px;display:flex;align-items:center;gap:20px}.brand{margin-right:auto}.brandmark{font:29px/.9 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:var(--red)}.brandsub{font-size:9px;letter-spacing:.5em;color:#bbb;margin-top:3px} .navlinks{display:flex;gap:18px;color:#c7c0bb;font-size:13px}.cta{display:inline-block;background:var(--red);padding:12px 16px;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:900} .menu-trigger{display:none;width:46px;height:46px;background:#101012;border:1px solid #303034;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-trigger span{display:block;width:19px;height:1px;background:#f1ede8} .mobile-menu{display:none;position:fixed;inset:0;z-index:180;background:#080809;overflow:auto}.mobile-menu.open{display:block} .mobile-grid{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px} .mobile-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,rgba(225,31,46,.22),transparent 26%),linear-gradient(180deg,transparent,#080809 78%)} .mobile-head{position:relative;z-index:2;height:76px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #27272b}.mobile-head .brand{margin-right:auto}.mobile-close{width:46px;height:46px;background:none;border:1px solid #39393e;color:white;font-size:31px;line-height:1} .mobile-body{position:relative;z-index:2;padding:28px 20px 34px;min-height:calc(100% - 76px);display:flex;flex-direction:column}.mobile-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#817b77;margin-bottom:22px} .mobile-links{display:flex;flex-direction:column}.mobile-links a{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid #26262a;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(34px,10vw,58px);line-height:.95;text-transform:uppercase}.mobile-links a span{width:26px;font-family:Inter,system-ui,sans-serif;font-size:10px;letter-spacing:.12em;color:var(--red);font-weight:900} .mobile-explore{margin-top:28px}.mobile-explore b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#77716d;margin-bottom:9px}.mobile-chips{display:flex;gap:7px;flex-wrap:wrap}.mobile-chips a{border:1px solid #343439;padding:8px 9px;font-size:11px;color:#aaa}.mobile-search{margin-top:20px;border:1px solid #3a3a3f;background:#0e0e11;padding:15px 16px;font-weight:850;display:flex;justify-content:space-between}.mobile-cta{display:block;background:var(--red);padding:17px;margin-top:18px;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:900}.mobile-foot{margin-top:auto;padding-top:28px;color:#847e79;font-size:12px} .breadcrumb{padding:14px 0;border-bottom:1px solid var(--line);color:#79736f;font-size:12px} .hero{padding:66px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#a39c97} h1,h2,h3{margin:0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;font-weight:500} h1{font-size:clamp(64px,8.5vw,122px);line-height:.84;margin:12px 0 18px;max-width:1180px}.hero p{font:24px/1.36 Georgia,serif;color:#d1c8c1;max-width:900px}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-meta span{border:1px solid #37373c;padding:7px 9px;color:#aaa;font-size:11px} .truth{padding:30px 0;border-bottom:1px solid var(--line)}.truth-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.truth-copy{background:linear-gradient(145deg,#171719,#0d0d0f 72%);border:1px solid var(--line);padding:28px}.truth-copy h2{font-size:56px;line-height:.92;margin:7px 0 12px}.truth-copy p{color:#b6afaa;max-width:660px}.truth-card{background:#170c0f;border:1px solid #6d2028;padding:28px;display:flex;flex-direction:column;justify-content:center}.truth-card strong{font:42px/.95 Impact,sans-serif;text-transform:uppercase}.truth-card span{margin-top:10px;color:#d8c8c7} .layout{display:grid;grid-template-columns:240px minmax(0,760px) 220px;gap:40px;padding:50px 0 80px}.toc{position:sticky;top:96px;align-self:start}.toc b,.side b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#77716d;margin-bottom:9px}.toc a{display:block;padding:8px 0;border-bottom:1px solid #242428;font-size:13px;color:#aaa}.toc a:hover{color:white} .article h2{font-size:46px;line-height:.94;margin:52px 0 14px}.article h2:first-child{margin-top:0}.article h3{font-family:Inter,system-ui,sans-serif;text-transform:none;font-size:20px;font-weight:850;margin:28px 0 8px}.article p,.article li{font-size:17px;color:#beb7b2}.article ul{padding-left:20px}.side{position:sticky;top:96px;align-self:start}.side-card{background:var(--panel);border:1px solid var(--line);padding:15px;margin-bottom:10px}.side-card a{display:block;padding:6px 0;font-size:12px;color:#b6afaa} .skin-demo{margin:28px 0}.skin-demo-head{display:flex;align-items:end;margin-bottom:10px}.skin-demo-head h3{font-size:36px}.skin-demo-head span{margin-left:auto;color:#777;font-size:11px} .skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skin{min-height:210px;border:1px solid rgba(255,255,255,.12);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.skin:before{content:"";position:absolute;inset:20px;border:5px solid rgba(30,30,33,.78);border-radius:48% 42% 46% 38%;transform:rotate(-12deg)}.skin:after{content:"";position:absolute;left:38%;top:30%;width:44px;height:44px;border-radius:50%;background:rgba(161,22,36,.78);box-shadow:45px 28px 0 rgba(26,85,104,.72)}.skin span{position:relative;z-index:2;background:rgba(0,0,0,.62);padding:6px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;width:max-content;max-width:100%} .s1{background:#f0c9a8}.s2{background:#bd835c}.s3{background:#7c4d35}.s4{background:#3f2b24} .note{background:#111114;border-left:3px solid var(--red);padding:18px 20px;margin:25px 0}.note b{display:block;margin-bottom:4px;color:white} .pull{margin:38px 0;padding:25px 0;border-top:1px solid #414146;border-bottom:1px solid #414146;font:32px/1.22 Georgia,serif;color:#eee7e0} .contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.contrast-card{background:var(--panel);border:1px solid var(--line);padding:18px}.contrast-card h3{font-size:31px;margin-bottom:8px}.contrast-card p{font-size:14px;margin:0;color:#9f9893} .fresh-healed{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.photo-state{border:1px solid var(--line);background:var(--panel)}.ph{height:260px;background:linear-gradient(145deg,#2a2a2d,#121214 65%,#260b10);display:grid;place-items:center;color:#69635f;font-size:10px;letter-spacing:.14em}.photo-copy{padding:16px}.photo-copy h3{font-size:31px}.photo-copy p{font-size:14px;margin-bottom:0} .swatch{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.sw{height:90px;border:1px solid #38383d;position:relative}.sw span{position:absolute;left:7px;bottom:6px;font-size:9px;background:rgba(0,0,0,.6);padding:3px 5px}.sw-red{background:#8f2530}.sw-blue{background:#315d78}.sw-green{background:#3c624f}.sw-gold{background:#9b7436}.sw-light{background:#cab7a2} .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.work{border:1px solid var(--line);background:var(--panel)}.work-img{height:240px;background:linear-gradient(145deg,#28282b,#111 65%,#240a0e);display:grid;place-items:center;color:#69635f;font-size:10px}.work-copy{padding:14px}.work-copy b{display:block}.work-copy span{font-size:11px;color:#85807c} .faq{padding:54px 0;border-top:1px solid var(--line)}.faq h2{font-size:48px;margin-bottom:18px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq details{background:var(--panel);border:1px solid var(--line);padding:17px}.faq summary{font-weight:850;cursor:pointer}.faq p{font-size:14px;color:#aaa} .next{padding:54px 0;border-top:1px solid var(--line)}.next-box{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);background:linear-gradient(145deg,#151518,#0b0b0d)}.next-copy{padding:29px}.next-copy h2{font-size:50px;line-height:.94;margin:6px 0 12px}.next-copy p{color:#aaa;max-width:640px}.next-links{padding:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:8px}.next-links a{border:1px solid #36363b;padding:11px 12px;font-size:12px}.next-links a:first-child{background:var(--red);border-color:var(--red);font-weight:900;text-transform:uppercase} .footer{border-top:1px solid var(--line);padding:50px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,.8fr);gap:28px}.footer-brand p{color:#888;max-width:320px}.footer-col b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77716d;margin-bottom:9px}.footer-col a{display:block;padding:5px 0;color:#aaa;font-size:13px}.social{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.social a{border:1px solid #343439;padding:7px 9px;font-size:11px}.footer-bottom{margin-top:32px;padding-top:15px;border-top:1px solid #202024;color:#6f6965;font-size:11px;display:flex;gap:15px;flex-wrap:wrap} @media(max-width:1080px){.layout{grid-template-columns:210px minmax(0,1fr)}.side{display:none}.footer-grid{grid-template-columns:1fr 1fr 1fr}} @media(max-width:780px){.navlinks,.desktop-cta{display:none}.menu-trigger{display:flex}.truth-grid{grid-template-columns:1fr}.layout{grid-template-columns:1fr;padding-top:30px}.toc{position:static;border:1px solid var(--line);padding:14px}.skin-grid{grid-template-columns:1fr 1fr}.contrast-grid,.fresh-healed,.faq-grid,.next-box{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr 1fr}.next-links{border-left:0;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}} @media(max-width:520px){.shell{width:calc(100% - 24px)}.hero{padding-top:46px}.hero p{font-size:21px}.article p,.article li{font-size:16px}.skin-grid,.work-grid{grid-template-columns:1fr}.swatch{grid-template-columns:1fr 1fr 1fr}} .quick-answers{padding:28px 0;border-bottom:1px solid var(--line)} .quick-answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .quick-answer{background:var(--panel);border:1px solid var(--line);padding:18px;min-height:130px} .quick-answer .answer{font:34px/1 Impact,sans-serif;color:#ff727e;margin-bottom:8px} .quick-answer strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.06em} .quick-answer p{font-size:12px;color:#938d88;margin:7px 0 0} .artist-looks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0} .artist-look{border:1px solid var(--line);background:var(--panel);padding:18px} .artist-look b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#ff7b86;margin-bottom:6px} .artist-look h3{font-family:Inter,system-ui,sans-serif;text-transform:none;font-size:18px;font-weight:850;margin:0 0 7px} .consult-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0} .consult-card{border:1px solid var(--line);background:var(--panel);padding:17px} .consult-card strong{font:28px/1 Impact,sans-serif;text-transform:uppercase} .consult-card p{font-size:13px;margin-bottom:0} @media(max-width:780px){.quick-answer-grid{grid-template-columns:1fr 1fr}.artist-looks,.consult-list{grid-template-columns:1fr}} @media(max-width:520px){.quick-answer-grid{grid-template-columns:1fr}} .article-byline{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:16px;color:#8f8883;font-size:11px} .article-byline a{border-bottom:1px solid #554e4a;color:#d0c6c0}.article-byline .dot{color:#4d4845} .color-path{margin:31px 0;border:1px solid var(--line);background:linear-gradient(180deg,#101013,#09090b);padding:22px} .color-path .start{max-width:610px;margin:0 auto;border:1px solid #3b3b40;background:#141416;padding:17px;text-align:center;font:30px/1 Impact,sans-serif;text-transform:uppercase} .color-path .arrow{text-align:center;color:#ff7782;font-size:28px;padding:7px 0} .color-path .question{max-width:760px;margin:0 auto;border:1px solid #3b3b40;background:#111114;padding:16px;text-align:center;font-weight:850} .color-path .branches{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:850px;margin:0 auto} .color-path .branch{border:1px solid var(--line);background:var(--panel);padding:17px} .color-path .branch b{display:block;color:#ff7782;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px} .color-path .branch strong{display:block;font:29px/1 Impact,sans-serif;text-transform:uppercase;margin-bottom:6px} .color-path .branch p{font-size:13px;margin:0} .color-path .finals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:930px;margin:0 auto} .color-path .final{border:1px solid var(--line);background:#101012;padding:15px} .color-path .final strong{display:block;font:26px/1 Impact,sans-serif;text-transform:uppercase} .color-path .final p{font-size:12px;margin:6px 0 0} .plan-table-wrap{overflow-x:auto;margin:27px 0;border:1px solid var(--line)} .plan-table{width:100%;min-width:760px;border-collapse:collapse;background:#0d0d0f} .plan-table th,.plan-table td{padding:13px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top} .plan-table th:last-child,.plan-table td:last-child{border-right:0}.plan-table tr:last-child td{border-bottom:0} .plan-table th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8e8782;background:#151519} .plan-table td{font-size:12px;color:#b5ada8}.plan-table td:first-child{font-weight:850;color:#fff} .search-q{margin:42px 0 0;padding-top:7px;border-top:1px solid var(--line)} .search-q .query{border:1px solid var(--line);background:linear-gradient(145deg,#141416,#0d0d0f);padding:19px;margin:12px 0 24px} .search-q .query>p:first-child{font:19px/1.5 Georgia,serif;color:#d4cbc4} .q-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px} .q-point{border:1px solid #303035;background:#0a0a0c;padding:13px} .q-point b{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#ff747f;margin-bottom:5px} .q-point span{font-size:12px;color:#a69e99} .real-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px} .real-work{border:1px solid var(--line);background:var(--panel);overflow:hidden} .real-work .photo{height:280px;overflow:hidden}.real-work img{width:100%;height:100%;object-fit:cover} .real-work-copy{padding:14px}.real-work-copy b{display:block}.real-work-copy span{font-size:11px;color:#85807c} .sources-box{margin:34px 0 0;border-top:1px solid var(--line);padding-top:18px} .sources-box h3{font-family:Inter,system-ui,sans-serif;text-transform:none;font-size:16px;margin:0 0 8px} .sources-box p{font-size:12px!important;color:#837c77!important;margin:0 0 8px} .sources-box a{display:block;font-size:12px;color:#aaa29d;padding:4px 0;text-decoration:underline;text-underline-offset:3px} @media(max-width:780px){.color-path .branches,.color-path .finals,.q-points{grid-template-columns:1fr} .real-work-grid{grid-template-columns:1fr}}