@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2) format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.woff) format("woff")}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-italic-CEihAR-f.woff2) format("woff2"),url(/assets/newsreader-latin-400-italic-CNZoH1hn.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2) format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2) format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}:root{--bg: #faf8f6;--bg-deep: #f1eeea;--surface: #ffffff;--surface-2: #f5f2ef;--ink: #161413;--ink-2: #5c5854;--ink-3: #8a8580;--line: #e6e2dd;--line-strong: #cfc9c2;--accent: #8a1c32;--accent-hover: #6e1527;--accent-soft: #f7f0f1;--ok: #3f5a3c;--danger: #8a1c32;--shadow: none;--shadow-sm: none;--radius: 2px;--radius-sm: 2px;--header-h: 3.6rem;--font-serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--space: 1.25rem;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent)}h1,h2,h3,.serif{font-family:var(--font-serif);font-optical-sizing:auto;font-weight:500;letter-spacing:-.025em;line-height:1.12;margin:0}h1{font-size:clamp(2.05rem,7.2vw,3.75rem);font-weight:500}h2{font-size:clamp(1.55rem,3.6vw,2.15rem)}h3{font-size:1.35rem;font-weight:500}p{margin:0 0 1rem}p:last-child{margin-bottom:0}.eyebrow{display:inline-block;font-family:var(--font-sans);font-weight:500;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:.88rem;line-height:1.5}.container{width:min(1080px,calc(100% - 2.5rem));margin-inline:auto}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell main{flex:1;padding-bottom:5rem}.header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{width:min(1080px,calc(100% - 2.5rem));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-name{font-family:var(--font-serif);font-weight:500;font-size:1.55rem;letter-spacing:-.03em;line-height:1}.brand-dot{color:var(--accent)}.nav{display:flex;align-items:center;gap:.2rem 1.35rem}.nav a{text-decoration:none;font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.nav a:hover,.nav a.active{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.7rem;padding:.65rem 1.3rem;border-radius:var(--radius);font-weight:500;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.btn:hover{text-decoration:none;color:inherit}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--accent);color:#faf8f6}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:#faf8f6}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}.btn-text{min-height:auto;padding:.2rem 0;border-radius:0;color:var(--accent);letter-spacing:.04em;text-transform:none;font-size:.95rem;text-decoration:underline;text-underline-offset:.18em}.btn-block{width:100%}.btn-nav{min-height:2.15rem;padding:.4rem .9rem}.fine-print{margin:0;font-size:.82rem;letter-spacing:.01em;color:var(--ink-3)}.hero{padding:1.75rem 0 2.25rem;display:grid;gap:1.75rem}.hero-copy h1{max-width:14ch}.hero-copy p.lede{font-size:1.05rem;color:var(--ink-2);max-width:32rem;margin:1rem 0 1.4rem}.hero-actions,.section-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.15rem}.section-cta{margin-top:2rem}.hero-art{display:grid;gap:1.1rem;min-width:0}.hero-smear{width:100%;height:auto;aspect-ratio:520 / 340}.shade-rail{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:.4rem}.shade-rail li{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1}.shade-chip{display:block;width:100%;aspect-ratio:1;max-width:3rem;border-radius:50%;box-shadow:inset 0 0 0 1px #16141314}.shade-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}@media(min-width:860px){.hero{grid-template-columns:1.05fr .95fr;align-items:center;padding:4.25rem 0 4.5rem;gap:4rem}.hero-smear{aspect-ratio:520 / 340}}.section{padding:3.25rem 0;border-top:1px solid var(--line)}.section-head{display:flex;flex-direction:column;gap:.45rem;margin-bottom:2rem;max-width:34rem}.look-preview-grid{display:grid;gap:1.25rem 1rem;grid-template-columns:1fr 1fr}@media(min-width:800px){.look-preview-grid{grid-template-columns:repeat(4,1fr);gap:1.6rem 1.25rem}}.look-preview-meta{margin-top:.7rem}.look-preview-meta strong{display:block;font-family:var(--font-serif);font-weight:500;font-size:1.1rem;letter-spacing:-.02em}.steps{display:grid;gap:1.5rem 2.5rem;counter-reset:step}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}.step{padding:0;background:none;border:0}.step:before{counter-increment:step;content:"0" counter(step);display:block;font-family:var(--font-sans);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}.step h3{margin-bottom:.45rem}.promise{display:grid;gap:1.4rem 2.5rem;padding:0;margin:0}@media(min-width:800px){.promise{grid-template-columns:repeat(3,1fr)}}.promise li{list-style:none;padding:0 0 0 1rem;border-left:1px solid var(--accent);background:none;border-radius:0}.promise strong{display:block;margin-bottom:.3rem;font-family:var(--font-serif);font-weight:500;font-size:1.2rem;letter-spacing:-.02em}.footer{border-top:1px solid var(--line);padding:2rem 0 2.5rem;color:var(--ink-2);font-size:.82rem}.footer-inner{display:flex;flex-direction:column;gap:.9rem}.footer nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}.footer a{text-decoration:none;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:500}.footer-note{margin:1rem auto 0;color:var(--ink-3);font-size:.78rem}@media(min-width:700px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.page-title{padding:2.2rem 0 1.6rem}.page-title p{margin-top:.8rem;color:var(--ink-2);max-width:36rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.3rem}.stack{display:grid;gap:1.1rem}.field{display:grid;gap:.35rem}.field label,.field-label{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.field input[type=email],.field input[type=text],.field select{width:100%;min-height:2.8rem;border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius);padding:.5rem .8rem;outline:none}.field input:focus,.field select:focus,.swatch-btn:focus-visible,.btn:focus-visible,.look-card:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.consent{display:grid;gap:.75rem}.consent label{display:grid;grid-template-columns:1.15rem 1fr;gap:.7rem;align-items:start;font-size:.92rem;color:var(--ink-2);line-height:1.45}.consent input{margin-top:.25rem;width:1.05rem;height:1.05rem;accent-color:var(--accent)}.dropzone{position:relative;border:1px dashed var(--line-strong);background:var(--surface);border-radius:var(--radius);padding:2rem 1rem;text-align:center;color:var(--ink-2);cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone.is-hot{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.preview-photo{width:100%;max-height:360px;object-fit:contain;border-radius:var(--radius);background:var(--bg-deep)}.callout{background:transparent;border-left:1px solid var(--accent);border-radius:0;padding:.7rem 0 .7rem 1rem;color:var(--ink-2);font-size:.92rem}.callout.warn{background:transparent;color:var(--danger)}.callout.demo{background:transparent}.banner-demo{display:none}.error-text{color:var(--danger);font-size:.92rem}.looks-toolbar{display:grid;gap:1rem;margin-bottom:1.5rem}@media(min-width:800px){.looks-toolbar{grid-template-columns:1fr auto;align-items:end}}.tone-controls{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.looks-grid{display:grid;gap:1.15rem;grid-template-columns:1fr}@media(min-width:640px){.looks-grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.looks-grid{grid-template-columns:repeat(4,1fr)}}.look-card{display:flex;flex-direction:column;text-align:left;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;color:inherit;height:100%;padding:0;transition:opacity .16s ease}.look-card:hover{transform:none;box-shadow:none;border-color:transparent;color:inherit;opacity:.82}.look-card.is-locked{cursor:pointer}.look-card.is-selected .look-art{outline:1px solid var(--accent);outline-offset:3px}.look-art{display:grid;grid-template-columns:repeat(4,1fr);height:7.5rem;background:transparent;padding:0;min-height:0}.look-swatch{display:block;width:100%;height:100%}.look-body{padding:.85rem 0 .2rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.look-body p{color:var(--ink-2);font-size:.88rem;flex:1}.pill{display:inline-flex;align-items:center;width:fit-content;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:0;border-radius:0;background:transparent;color:var(--accent)}.pill.lock{background:transparent;color:var(--ink-3)}.recommend-box{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:1.25rem 0;margin-bottom:1.5rem}.recommend-choices{display:grid;gap:.75rem;margin-top:.9rem}@media(min-width:700px){.recommend-choices{grid-template-columns:1.2fr 1fr 1fr}}.rec-choice{text-align:left;border:1px solid var(--line);border-radius:var(--radius);padding:.9rem .95rem;background:var(--surface)}.rec-choice:hover{border-color:var(--ink)}.rec-choice small{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;color:var(--accent);margin-bottom:.25rem}.result-layout{display:grid;gap:1.6rem}@media(min-width:900px){.result-layout{grid-template-columns:1.15fr .85fr;align-items:start}}.compare-viewer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.compare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem .9rem;border-bottom:1px solid var(--line)}.segmented{display:inline-flex;background:var(--surface-2);border-radius:var(--radius);padding:.15rem}.segmented button{min-height:2rem;padding:.25rem .75rem;border-radius:var(--radius);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:none}.slider-wrap{position:relative;-webkit-user-select:none;user-select:none;background:var(--bg-deep);aspect-ratio:4 / 5}.slider-wrap img,.slider-wrap canvas,.slider-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.slider-after{overflow:hidden}.slider-handle{position:absolute;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 0 1px #16141333;transform:translate(-1px);pointer-events:none}.slider-knob{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--line-strong);transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--ink-2);font-size:.8rem}.slider-range{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%;height:100%}.zoom-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.7rem;background:var(--bg);border-top:1px solid var(--line)}.zoom-tile{border-radius:var(--radius);overflow:hidden;background:var(--bg-deep);aspect-ratio:1}.zoom-tile img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1)}.zoom-tile.lip img{object-position:center 72%}.zoom-tile figcaption{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:.3rem .4rem;background:var(--surface)}.share-card-img{border-radius:var(--radius)}.shades{display:grid;gap:.75rem}.shade-row{display:grid;gap:.15rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.shade-row dt{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.steps-ol{margin:0;padding-left:1.15rem;color:var(--ink-2);display:grid;gap:.35rem}.lip-grid{display:grid;gap:.85rem}.swatches{display:flex;flex-wrap:wrap;gap:.4rem}.swatch-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.15rem;padding:.2rem .65rem .2rem .3rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.85rem;letter-spacing:0;text-transform:none}.swatch-btn.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dot{width:1.05rem;height:1.05rem;border-radius:50%;box-shadow:inset 0 0 0 1px #16141326}.actions{display:flex;flex-direction:column;gap:.6rem}.status-wait{min-height:360px;display:grid;place-items:center;text-align:center;padding:2rem 1.2rem;background:transparent;border:1px solid var(--line);border-radius:var(--radius)}.pulse{width:10px;height:10px;border-radius:50%;margin:0 auto 1.1rem;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.7);opacity:.45}}.price-grid{display:grid;gap:1rem}@media(min-width:800px){.price-grid{grid-template-columns:1fr 1.15fr}}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.4rem}.price-card.featured{border-color:var(--accent);box-shadow:none;background:var(--surface)}.price-card .amount{font-family:var(--font-serif);font-size:2.6rem;font-weight:500;letter-spacing:-.03em;margin:.3rem 0 .15rem}.price-card ul{margin:1.1rem 0 1.3rem;padding:0;display:grid;gap:.45rem}.price-card li{list-style:none;padding-left:0;position:relative;color:var(--ink-2)}.legal{max-width:42rem;padding-bottom:3rem}.legal h2{margin:1.8rem 0 .6rem}.legal h3{margin:1.2rem 0 .4rem}.draft-flag{display:inline-block;background:transparent;color:var(--accent);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;padding:0;border-radius:0;margin-bottom:.8rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.compare-table{width:100%;border-collapse:collapse;font-size:.95rem}.compare-table th,.compare-table td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}.compare-table th{font-weight:500;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;background:var(--bg)}.compare-table tr:last-child td{border-bottom:0}.compare-grid{display:grid;gap:1rem}.compare-card{background:transparent;border:0;border-radius:0}.compare-frame{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-deep)}.compare-pane{padding:.7rem .55rem .2rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.compare-pane+.compare-pane{border-left:1px solid var(--line)}.compare-pane span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.compare-meta{padding:.85rem 0 0}.compare-meta strong{display:block;font-weight:500;font-family:var(--font-serif);font-size:1.15rem}@media(max-width:680px){.header{height:auto;min-height:var(--header-h);padding:.4rem 0}.nav-optional{display:none}.container,.header-inner{width:min(1080px,calc(100% - 2rem))}.hero{padding:1.35rem 0 1.8rem;gap:1.35rem}.hero-smear{aspect-ratio:520 / 300;width:min(100%,20rem);margin-inline:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
