.ncc,.ncc *{box-sizing:border-box}.ncc{overflow:hidden;background:radial-gradient(circle at 15% 22%,rgba(255,255,255,.9),transparent 34%),linear-gradient(115deg,var(--ncc-cream) 0%,#faf1e7 100%);color:var(--ncc-ink);font-family:var(--font-body-family, Arial, sans-serif)}.ncc button,.ncc a{font:inherit}.ncc button:focus-visible,.ncc a:focus-visible{outline:3px solid #d48c83;outline-offset:3px}.ncc__hero,.ncc__steps{width:min(100% - 70px,1480px);max-width:none;margin-inline:auto;padding-inline:0}.ncc__hero{display:grid;grid-template-columns:minmax(330px,.66fr) minmax(760px,1.62fr);align-items:center;gap:clamp(38px,5vw,76px);min-height:805px;padding-block:46px}.ncc__intro{align-self:center;padding-bottom:40px}.ncc__eyebrow{margin:0 0 30px;color:var(--ncc-accent);font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ncc__eyebrow:after{display:block;width:32px;height:2px;margin-top:17px;background:var(--ncc-accent);content:""}.ncc__intro h1{max-width:520px;margin:0;color:var(--ncc-ink);font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(5.8rem,5.2vw,8rem);font-weight:400;letter-spacing:-.045em;line-height:1.02}.ncc__lede{max-width:470px;margin:27px 0 36px;color:#554f48;font-size:1.6rem;line-height:1.72}.ncc__primary{display:inline-flex;min-width:290px;min-height:64px;align-items:center;justify-content:center;padding:16px 29px;border-radius:12px;background:linear-gradient(135deg,#cf776c,#ad554d);box-shadow:0 12px 26px #a750472e;color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.ncc__atelier{display:grid;grid-template-areas:"controls preview" "shades shades" "shop shop";grid-template-columns:minmax(285px,.76fr) minmax(430px,1.24fr);overflow:hidden;border:1px solid #d9c2af;border-radius:23px;background:#fffaf3f0;box-shadow:0 20px 55px #52362629}.ncc__controls{grid-area:controls;min-height:560px;padding:48px 36px 96px;border-right:1px solid var(--ncc-line);background:#fffbf6eb}.ncc fieldset{min-width:0;margin:0;padding:0 0 27px;border:0}.ncc fieldset+fieldset{padding-top:27px;border-top:1px solid rgba(223,205,189,.78)}.ncc legend{margin-bottom:18px;color:var(--ncc-ink);font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.ncc__tones{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.ncc__tones button{min-width:0;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:50%;background:var(--ncc-swatch);box-shadow:inset 0 1px 2px #ffffff73;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}.ncc__tones button:hover{transform:translateY(-2px)}.ncc__tones button[aria-pressed=true]{box-shadow:0 0 0 3px var(--ncc-paper),0 0 0 5px var(--ncc-ink)}.ncc__selection{margin:13px 0 0;color:#766d64;font-size:1rem}.ncc__pills{display:flex;flex-wrap:wrap;gap:9px}.ncc__pills button{min-height:39px;padding:8px 15px;border:1px solid #d9c6b5;border-radius:999px;background:transparent;color:var(--ncc-ink);font-size:1rem}.ncc__pills button:disabled{cursor:not-allowed;opacity:.48}.ncc__pills button[aria-pressed=true]{border-color:transparent;background:linear-gradient(135deg,#cd776b,#ad544c);color:#fff}.ncc__lock{margin:-2px 0 20px;padding:11px 13px;border-radius:11px;background:#f5e7df;color:#766d64;font-size:.9rem;line-height:1.5}.ncc__lock strong{display:block;color:var(--ncc-ink);font-size:1.1rem}.ncc__live{display:flex;align-items:center;gap:9px;margin:0;color:var(--ncc-ink);font-size:1rem}.ncc__live span{color:var(--ncc-accent);font-size:1.8rem}.ncc__preview{position:relative;grid-area:preview;min-height:560px;overflow:hidden;background:linear-gradient(145deg,#fff9f1,#edd7cd)}.ncc__hand{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.35;transition:opacity .24s ease}.ncc__hand.is-ready{opacity:1}.ncc__badge{position:absolute;z-index:3;top:18px;left:18px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#fffaf3d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ncc-ink);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ncc__badge span{color:#6d9665}.ncc__caption{position:absolute;z-index:3;right:18px;bottom:82px;display:grid;min-width:180px;padding:11px 14px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:#fffaf3d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ncc__caption span{color:#766d64;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ncc__caption strong{color:var(--ncc-ink);font-family:var(--font-heading-family, Georgia, serif);font-size:2.3rem;line-height:1.08}.ncc__caption small{color:#766d64;font-size:.9rem}.ncc__shades{position:relative;z-index:5;grid-area:shades;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-74px 26px 26px}.ncc__shades>button{position:relative;display:grid;grid-template-rows:105px auto;justify-items:center;min-height:190px;padding:18px 12px 14px;border:1px solid #ddcbbc;border-radius:14px;background:#fffbf6f5;box-shadow:0 8px 24px #402a1c14;color:inherit;cursor:pointer;text-align:center}.ncc__shades>button[aria-pressed=true]{border:2px solid var(--ncc-accent);background:#fae9e3}.ncc__sample{display:block;width:65px;height:102px;border-radius:35px 35px 22px 22px;background:radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.68) 0 5%,rgba(255,255,255,.18) 7%,transparent 23%),linear-gradient(90deg,rgba(58,20,24,.14),transparent 24%,rgba(255,255,255,.12) 58%,rgba(46,18,23,.26)),var(--ncc-shade);box-shadow:inset 3px 0 9px #ffffff47,inset -5px -3px 10px #1f070d29,0 5px 9px #4723241f}.ncc__shade-copy strong,.ncc__shade-copy small{display:block}.ncc__shade-copy strong{color:var(--ncc-ink);font-family:var(--font-heading-family, Georgia, serif);font-size:1.7rem;line-height:1.08}.ncc__shade-copy small{margin-top:4px;color:#766d64;font-size:.8rem}.ncc__check{position:absolute;top:10px;right:10px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--ncc-accent);color:#fff;font-size:1.2rem;opacity:0}.ncc__shades>button[aria-pressed=true] .ncc__check{opacity:1}.ncc__shop{grid-area:shop;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px 24px;color:#766d64;font-size:1rem}.ncc__shop p{margin:0}.ncc__shop a{padding:10px 15px;border-radius:999px;background:var(--ncc-ink);color:#fff;font-weight:700;text-decoration:none}.ncc__steps{display:grid;grid-template-columns:.42fr 1.58fr;gap:45px;padding-block:50px 62px;border-top:1px solid var(--ncc-line)}.ncc__steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;list-style:none}.ncc__steps li>span{display:grid;width:29px;height:29px;margin-bottom:14px;place-items:center;border:1px solid var(--ncc-accent);border-radius:50%;color:var(--ncc-accent);font-size:.9rem}.ncc__steps li strong,.ncc__steps li small{display:block}.ncc__steps li strong{color:var(--ncc-ink);font-family:var(--font-heading-family, Georgia, serif);font-size:2.2rem}.ncc__steps li small{margin-top:7px;color:#766d64;font-size:1.1rem;line-height:1.6}@media(max-width:1180px){.ncc__hero{grid-template-columns:1fr}.ncc__intro{display:grid;grid-template-columns:1.15fr .85fr;column-gap:46px;align-items:end;padding-bottom:0}.ncc__intro .ncc__eyebrow{grid-column:1 / -1}.ncc__intro h1{grid-row:2 / span 2}.ncc__lede{margin-top:0}.ncc__primary{align-self:start}}@media(max-width:780px){.ncc__hero,.ncc__steps{width:min(100% - 34px,1480px)}.ncc__hero{gap:34px;min-height:0;padding-block:34px 40px}.ncc__intro{display:block}.ncc__intro h1{font-size:clamp(5.1rem,15vw,6.8rem)}.ncc__primary{width:100%;min-width:0}.ncc__atelier{grid-template-areas:"preview" "controls" "shades" "shop";grid-template-columns:1fr}.ncc__preview{min-height:390px}.ncc__controls{min-height:0;padding:32px 24px;border-top:1px solid var(--ncc-line);border-right:0}.ncc__shades{grid-template-columns:1fr;margin:0;padding:18px;background:var(--ncc-paper)}.ncc__shades>button{grid-template-rows:1fr;grid-template-columns:85px 1fr;align-items:center;justify-items:start;min-height:120px;text-align:left}.ncc__sample{width:56px;height:88px}.ncc__caption{bottom:18px}.ncc__shop{align-items:flex-start;flex-direction:column;padding:0 18px 22px}.ncc__steps,.ncc__steps ol{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ncc *,.ncc *:before,.ncc *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ncc-consultation.css.map */