:root{--ivory:#fbf8f3;--ink:#3f3a40;--muted:#756d77;--lav:#afa2c4;--lav-light:#e8e1ed;--aqua:#c9e2e6;--line:#ded5df;--white:#ffffffc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);letter-spacing:.045em;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.site-header{z-index:10;border-bottom:1px solid #7162761f;align-items:center;gap:48px;width:100%;height:88px;padding:0 clamp(24px,5vw,74px);display:flex;position:absolute}.logo{letter-spacing:.07em;color:#645967;font-family:Georgia,Yu Mincho,serif;font-size:38px}.brand-logo-slot{align-items:center;width:170px;height:58px;display:inline-flex}.site-header .brand-logo-slot{transform:translateY(7px)}.brand-logo-slot img{object-fit:contain;filter:brightness(0)saturate();opacity:.68;width:100%;height:100%;display:block}.site-header nav{gap:38px;margin-left:auto;font-family:Yu Mincho,serif;font-size:14px;display:flex}.site-header nav a{transition:all .25s}.site-header nav a:hover{color:#9683a4}.instagram{border:1px solid #aa9cab;border-radius:16px;padding:13px 28px;font-family:Georgia,serif}.hero{background:radial-gradient(circle at 8% 14%,#fff 0,#0000 35%),linear-gradient(120deg,#fbf8f3 30%,#f6f2f7 72%,#edf7f7);grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);align-items:center;gap:48px;min-height:830px;padding:150px clamp(28px,5.5vw,88px) 70px;display:grid;position:relative;overflow:hidden}.wash{filter:blur(7px);opacity:.56;pointer-events:none;border-radius:50%;position:absolute}.wash-one{background:radial-gradient(circle at 35% 30%,#ffffffe6,#0000 25%),radial-gradient(circle at 65%,#b8dce3b3,#0000 60%);width:640px;height:410px;top:95px;right:-130px;transform:rotate(-8deg)}.wash-two{background:radial-gradient(#c5b7d673,#0000 68%);width:560px;height:330px;bottom:-130px;left:36%}.hero-photo{opacity:.42;filter:saturate(.84);background:linear-gradient(90deg,#fbf8f3fa,#fbf8f30d 38%),url(/images/hero-nails.webp) 50%/cover;border-radius:48% 0 0 52%;width:690px;height:520px;position:absolute;top:90px;right:-90px}.hero-copy,.diagnosis-shell{z-index:2;position:relative}.eyebrow{color:#9684aa;letter-spacing:.25em;margin:0 0 28px;font-size:12px;font-weight:600}.hero h1,.section h2,.about h2{letter-spacing:.05em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:400}.hero h1{font-size:clamp(38px,3.35vw,58px);line-height:1.62}.lead{color:var(--muted);margin:34px 0;font-family:Yu Mincho,serif;font-size:15px;line-height:2.05}.primary-button,.result-link{cursor:pointer;color:#fff;background:linear-gradient(115deg,#aea0c1,#93bdc3);border:0;border-radius:17px;justify-content:center;align-items:center;gap:34px;width:min(390px,100%);padding:20px 28px;transition:all .25s;display:flex;box-shadow:0 12px 30px #796b8b2e}.primary-button:hover,.result-link:hover{transform:translateY(-2px);box-shadow:0 16px 34px #796b8b40}.micro{color:#9b8cab;letter-spacing:.09em;font-family:Georgia,serif}.diagnosis-shell{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffffd1,#e8f6f7ad);border:1px solid #ffffffe6;border-radius:34px;justify-self:end;width:min(580px,100%);min-height:560px;padding:38px 44px 30px;box-shadow:0 24px 70px #565d7329,inset 0 0 0 1px #b3cbd059}.diagnosis-shell:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff8c 43%,#0000 55%);animation:14s infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,78%{transform:translate(-120%)}to{transform:translate(120%)}}.progress-top{color:#9a88aa;justify-content:center;align-items:baseline;gap:10px;display:flex}.progress-top span{letter-spacing:.2em;font-family:Georgia,serif;font-size:11px}.progress-top strong{font-family:Georgia,serif;font-size:34px;font-weight:400}.diagnosis-shell h2{text-align:center;margin:16px 0 8px;font-family:Yu Mincho,serif;font-size:25px;font-weight:400}.question-note{text-align:center;color:#827885;margin:0 0 24px;font-size:12px}.answer-list{gap:11px;display:grid}.answer-list button{cursor:pointer;min-height:78px;color:var(--ink);text-align:left;background:#fffc;border:1px solid #a597ae80;border-radius:17px;grid-template-columns:28px 1fr 18px;align-items:center;gap:16px;padding:13px 22px;transition:all .22s;display:grid;position:relative}.answer-list button:hover,.answer-list button:focus-visible{border-color:#9fc3c7;outline:none;transform:translateY(-2px);box-shadow:0 10px 24px #6f828721}.answer-mark{border:1px solid #918495;border-radius:50%;width:23px;height:23px}.answer-list b{font-family:Yu Mincho,serif;font-size:15px;font-weight:400;display:block}.answer-list small{color:#8a818b;margin-top:5px;font-size:10px;display:block}.answer-list i{color:#9c8ea2;font-size:26px;font-style:normal}.progress-bottom{color:#95869f;flex-direction:column;align-items:center;gap:9px;margin-top:18px;font-family:Georgia,serif;display:flex}.progress-bottom div{gap:8px;display:flex}.progress-bottom i{background:#d8d1d9;border-radius:50%;width:7px;height:7px}.progress-bottom i.current{background:#a894b7}.result-card{text-align:center;padding:36px 10px 10px}.result-card .eyebrow{margin-bottom:24px}.result-kicker{color:#7d737f;font-size:13px}.result-card h2{color:#75667f;margin:16px 0 22px;font-size:43px}.result-card>p:not(.eyebrow){color:#6d666f;max-width:390px;margin:0 auto 28px;line-height:2}.result-link{width:320px;margin:0 auto}.restart{color:#746b76;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #95899b;margin-top:22px;font-size:12px}.guide-strip{background:#ffffffd1;border-block:1px solid #ebe4e9;grid-template-columns:repeat(3,1fr);gap:0;min-height:140px;padding:26px max(6vw,30px);display:grid}.guide-strip div{border-right:1px solid #e4dce3;grid-template-rows:1fr 1fr;grid-template-columns:50px 1fr;padding:16px 36px;display:grid}.guide-strip div:last-child{border:0}.guide-strip span{color:#aa98b6;grid-row:1/3;align-self:center;font:24px Georgia,serif}.guide-strip b{font-family:Yu Mincho,serif;font-weight:400}.guide-strip small{color:#877e88}.section{padding:110px clamp(28px,7vw,110px)}.section-heading{max-width:600px}.section-heading h2,.about h2{font-size:clamp(32px,3.3vw,50px);line-height:1.65}.section-heading>p:last-child{color:#756e77;margin-top:24px;line-height:2}.collection{background:#fbfaf7}.collection-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px;padding-bottom:54px;display:grid}.collection-card{margin:0}.collection-card:first-child{transform:translateY(18px)}.collection-card:nth-child(2){transform:translateY(54px)}.collection-card:nth-child(3){transform:translateY(0)}.collection-card .art{aspect-ratio:1;background-color:#f2f0ec;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:52px;position:relative;overflow:hidden;box-shadow:0 15px 45px #6354671a}.water .art{background-image:url(/images/ocean-nails.webp)}.pottery .art{background-image:url(/images/pottery-nails.webp)}.night .art{background-image:url(/images/night-sky-nails.webp)}.collection-card p{margin:22px 0 7px;font:23px Georgia,serif}.collection-card small{color:#7e7680}.shops{background:linear-gradient(145deg,#f2edf3,#eef7f6)}.centered{text-align:center;margin:0 auto}.shop-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:60px auto 0;display:grid}.shop-grid article{background:#ffffffb8;border:1px solid #ffffffe6;border-radius:22px;flex-direction:column;min-height:290px;padding:26px 22px;display:flex;box-shadow:0 12px 30px #665c7012}.shop-grid small{color:#9a88aa;letter-spacing:.13em;font-size:9px}.shop-grid h3{margin:15px 0;font:21px Yu Mincho,serif}.shop-grid p{color:#756d76;font-size:12px;line-height:1.85}.shop-grid span{color:#80718c;margin-top:auto;font-size:11px}.shop-links{gap:8px;margin-top:auto;display:grid}.shop-links a{color:#80718c;border-bottom:1px solid #80718c38;padding:8px 0;font-size:11px;transition:all .2s}.shop-links a:hover{color:#5f8f96;transform:translate(2px)}.about{background:#fffdf9;grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.about>p{color:#736c74;max-width:580px;line-height:2.2}footer{color:#eee8ee;background:#514a53;align-items:center;gap:36px;padding:55px clamp(28px,7vw,110px);display:flex}footer .logo{color:#fff}footer .brand-logo-slot img{filter:none;opacity:1}footer p{color:#cbc0cc}footer>span{margin-left:auto;font-size:11px}@media (max-width:1000px){.site-header nav{display:none}.instagram{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:135px}.hero-photo{opacity:.2;border-radius:0;width:100%;height:470px;top:250px;right:0}.hero-copy{text-align:center}.lead,.primary-button{margin-inline:auto}.diagnosis-shell{justify-self:center}.collection-grid{grid-template-columns:1fr 1fr;padding-bottom:0}.collection-card:nth-child(n){transform:none}.shop-grid{grid-template-columns:repeat(2,1fr)}.guide-strip{grid-template-columns:1fr}.guide-strip div{border-bottom:1px solid #e4dce3;border-right:0}.guide-strip div:last-child{border:0}}@media (max-width:640px){.site-header{height:72px;padding:0 20px}.logo{font-size:29px}.instagram{padding:9px 14px;font-size:12px}.hero{gap:38px;min-height:auto;padding:110px 18px 50px}.hero h1{font-size:31px;line-height:1.7}.hero h1 br,.lead br{display:none}.diagnosis-shell{border-radius:26px;min-height:535px;padding:28px 18px}.answer-list button{padding:12px 14px}.guide-strip{padding:18px}.guide-strip div{padding:14px}.section{padding:78px 20px}.collection-grid,.about{grid-template-columns:1fr}.collection-card .art{aspect-ratio:1}.shop-grid{grid-template-columns:1fr}.about{gap:24px}footer{flex-direction:column;align-items:flex-start;gap:12px}footer span{margin:0}.micro{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
