@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --paper:#fffcf7;--ink:#354358;--muted:#58667a;--blue:#e7f0fb;--pink:#f8e5eb;
  --lavender:#eeebf8;--line:#d8dce7;--accent:#4b6390;
  --serif:'Fraunces',Georgia,serif;--sans:'Manrope',Verdana,sans-serif;
  scroll-behavior:smooth;scroll-padding-top:24px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{touch-action:manipulation}
button{cursor:pointer}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
::selection{background:#f1d7e2;color:var(--ink)}
.preview-note{padding:12px 6%;background:var(--lavender);text-align:center;font-size:14px;line-height:1.5;color:#53566c}
.site-header{min-height:108px;max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{font-family:var(--serif);font-weight:500;font-size:39px;letter-spacing:-.055em;white-space:nowrap;line-height:1.1}
.brand-flower{font-family:Georgia,serif;font-size:34px;color:#c19aaa;display:inline-block;margin-right:8px;vertical-align:middle}
.brand-dot{color:#c19aaa}
.site-header nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:500}
.header-cta{border:1px solid #becde3;border-radius:40px;padding:13px 20px;font-size:15px;white-space:nowrap}
.header-cta span{margin-left:16px}
.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;min-height:645px;background:linear-gradient(105deg,var(--paper) 38%,#f2f6fc 100%);position:relative;overflow:hidden}
.hero-copy{padding:75px 0 85px 10%;align-self:center;z-index:3}
.eyebrow{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 24px;color:var(--muted)}
.hero .eyebrow>span{font-size:25px;vertical-align:middle;color:#8d9bbb;margin-right:7px}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;margin:0;line-height:1.07}
h1{font-size:clamp(64px,6.35vw,92px)}
em{font-weight:400;color:#6c82a5}
p{line-height:1.7}
.intro{font-size:18px;max-width:375px;margin:28px 0 30px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 25px;min-height:56px;border:1px solid var(--accent);border-radius:40px;color:var(--paper);background:var(--accent);font-size:16px;font-weight:600;box-shadow:0 7px 18px #50658c12}
.hero-secondary{font-size:15px;display:block;margin-top:21px;color:var(--muted);width:fit-content}
.hero-art{position:relative;min-width:0;isolation:isolate;align-self:stretch}
.portrait-backdrop{position:absolute;inset:28px 9% 28px 5%;border-radius:48% 48% 40% 40%;background:#deebfa;transform:rotate(9deg);z-index:-2}
.portrait-backdrop:after{content:'';position:absolute;width:86%;height:95%;border-radius:48%;border:1px solid #c4d6ed;inset:-12px 0 0 18px;transform:rotate(-15deg)}
.avatar-cutout{position:absolute;width:94%;height:96%;bottom:0;right:0;object-fit:contain;object-position:bottom;z-index:-1}
.hero-sparkle{position:absolute;font-family:Georgia,serif;font-weight:400;color:#9b8dac;z-index:1}
.sparkle-one{font-size:57px;top:35px;right:11%}
.sparkle-two{font-size:31px;top:140px;left:6%;color:#a9bed8}
.mood-note{position:absolute;top:31%;right:18px;transform:rotate(7deg);font-family:var(--serif);font-size:22px;line-height:1.25;max-width:155px;color:#52668c;text-align:center}
.mood-note>span{display:block;font-size:33px;margin-bottom:7px}
.hero-nail-card{position:absolute;bottom:32px;left:1%;width:190px;min-height:201px;background:#fcf3f0;padding:22px 20px 18px;border-radius:20px;transform:rotate(-8deg);box-shadow:0 12px 25px #5e65891c;display:flex;flex-direction:column;align-items:center;gap:14px}
.hero-nail-card>span{font-family:var(--serif);font-size:20px;line-height:1.25;text-align:center}
.section-wrap{padding:88px 5%;max-width:1440px;margin:auto}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}
h2{font-size:clamp(42px,4.15vw,62px)}
.section-top .eyebrow{margin-bottom:14px}
.section-top>p{font-size:16px;color:var(--muted);margin:0 0 3px}
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.design-card{padding:0;background:none;border:0;text-align:left;color:var(--ink)}
.design-art{height:275px;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;border-radius:28px;isolation:isolate}
.pearl-art{background:#f3eadd}
.blue-art{background:#e2ebfa}
.blush-art{background:#f6e3eb}
.design-check{display:none;position:absolute;right:17px;top:17px;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--accent);align-items:center;justify-content:center;font-size:18px}
.design-card.selected .design-check{display:flex}
.design-card.selected .design-art{outline:2px solid #a9bad5;outline-offset:4px}
.design-label{display:block;padding:21px 4px 0}
.design-label>strong{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;font-size:25px}
.design-label>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;color:var(--muted);margin-top:8px}
.design-label b{font-weight:400;font-size:21px}
.configurator{max-width:none;background:#eef3fb;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:9%;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}
.config-intro{padding-top:7px}
.config-intro>p:not(.eyebrow){font-size:17px;max-width:360px;margin-top:23px;color:var(--muted)}
.large-swatch{min-height:340px;position:relative;display:flex;align-items:center;justify-content:center;max-width:380px;margin-top:35px;background:#e3ecfa;border-radius:48% 48% 40% 40%}
.large-swatch>span{position:absolute;bottom:25px;text-align:center;font-size:15px;padding:0 12px}
fieldset{border:0;padding:0 0 28px;margin:0}
legend{font-size:16px;font-weight:600;padding:0;margin:0 0 13px}
.options{display:flex;gap:10px;flex-wrap:wrap}
.options label{position:relative;cursor:pointer}
.options input{position:absolute;opacity:0;width:1px;height:1px}
.options span{display:block;padding:12px 20px;border:1px solid #b5c5dc;border-radius:28px;font-size:15px;min-height:47px;background:#fffcf766}
.options input:checked+span{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.options input:focus-visible+span{outline:3px solid #84709a;outline-offset:3px}
.form-row{display:grid;grid-template-columns:1.12fr 1fr;gap:18px}
.form-row label,.notes-label{font-size:16px;font-weight:600;display:block}
.form-row select{width:100%;display:block;margin-top:10px;padding:13px 10px;font-size:16px;border:1px solid #b5c5dc;border-radius:12px;background:#fffcf780;color:var(--ink);min-height:49px}
.notes-label{margin-top:26px}
.notes-label>span{color:var(--muted);font-weight:400}
textarea{width:100%;display:block;margin-top:11px;min-height:104px;resize:vertical;border:1px solid #b5c5dc;border-radius:14px;background:#fffcf780;padding:14px;font-size:16px;color:var(--ink)}
textarea::placeholder{color:#637087;opacity:1}
.brief-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;margin:27px 0 24px;border-top:1px solid #c6d4e6;font-size:15px;line-height:1.7}
.brief-summary>span{max-width:57%;text-transform:capitalize}
.brief-summary strong{font-family:var(--serif);font-size:31px;line-height:1.3;white-space:nowrap;font-weight:500;letter-spacing:-.03em}
.brief-summary small{display:block;font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:6px}
.configurator form>.button{width:100%}
.field-note{font-size:14px;line-height:1.7;color:var(--muted);margin:15px 0 0}
.form-status{font-size:15px;line-height:1.7;margin:12px 0}
.form-status:empty{display:none}
.text-button{border:0;border-bottom:1px solid var(--accent);background:none;color:var(--accent);font-size:15px;padding:13px 0;margin-top:14px}
.text-button[hidden]{display:none}
.text-button:disabled{opacity:.6;cursor:wait}
.fit{display:grid;grid-template-columns:.95fr 1fr;gap:9%;padding-top:85px;padding-bottom:85px}
.fit-copy{padding-top:0}
details{padding:22px 0;border-bottom:1px solid var(--line)}
details:first-child{padding-top:5px}
summary{font-size:17px;font-weight:600;line-height:1.5;cursor:pointer}
details p{font-size:16px;color:var(--muted);margin:16px 0 0;max-width:490px}
.closing{max-width:none;background:#f8edf1;text-align:center;padding-top:60px;padding-bottom:68px}
.closing-flower{font-family:Georgia,serif;font-size:54px;line-height:1;color:#c6a1b0;display:block;margin-bottom:22px}
.closing h2{font-size:clamp(43px,4.1vw,62px)}
.closing em{color:#96708b}
.closing a{display:inline-block;font-size:16px;padding:11px 0;margin-top:22px;border-bottom:1px solid #baa2b3}
.closing a>span{margin-left:20px}
footer{max-width:1440px;padding:35px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
footer .wordmark{font-size:34px}
footer p,footer>span{font-size:14px;line-height:1.6;color:var(--muted)}
@media(hover:hover){.button:hover{background:#3e557e}.header-cta:hover{background:var(--blue)}nav a:hover,.hero-secondary:hover{text-decoration:underline;text-underline-offset:5px}}
@media(min-width:1600px){.hero-copy{padding-left:72px}}
@media(max-width:1100px){.site-header nav{gap:20px;font-size:14px}.wordmark{font-size:34px}.header-cta{font-size:14px;padding:12px 16px}.hero{min-height:605px}.hero-copy{padding:60px 0 65px 10%}h1{font-size:clamp(58px,6.5vw,78px)}.intro{max-width:320px;font-size:17px}.hero-nail-card{left:1%;bottom:28px;width:155px;min-height:176px;padding:20px 12px 16px}.hero-nail-card>span{font-size:18px}.mood-note{right:5px;top:26%;font-size:19px;max-width:128px}.design-art{gap:14px;height:250px}.configurator,.fit{gap:6%}.large-swatch{max-width:330px}.design-label>span{font-size:14px}}
@media(max-width:800px){.site-header nav{display:none}.site-header{min-height:95px}.hero-copy{padding:50px 0 65px 8%}.hero{min-height:560px;grid-template-columns:1.02fr 1fr}.hero .eyebrow{max-width:240px;font-size:15px}.hero h1{font-size:60px}.hero .intro{font-size:16px;max-width:280px}.hero .button{font-size:15px;gap:18px;padding:15px 20px}.hero-secondary{font-size:14px}.portrait-backdrop{inset:45px 6% 30px 0}.avatar-cutout{width:105%;right:-6%;height:94%}.hero-nail-card{bottom:28px;left:0;width:140px;min-height:157px;padding:15px 8px;gap:10px}.hero-nail-card>span{font-size:17px}.mood-note{display:none}.sparkle-one{right:5%;top:45px;font-size:45px}.sparkle-two{top:100px;left:0}.section-wrap{padding:65px 5%}.section-top{align-items:flex-start}.section-top>p{max-width:235px;font-size:15px}.design-grid{gap:19px}.design-art{height:220px;gap:11px;border-radius:23px}.design-label>strong{font-size:22px}.configurator{grid-template-columns:.85fr 1fr;gap:5%}.config-intro>p:not(.eyebrow){font-size:16px}.configurator h2{font-size:44px}.form-row{grid-template-columns:1fr;gap:22px}.options span{font-size:14px;padding:11px 14px}.large-swatch{min-height:310px}.large-swatch>span{font-size:14px}.brief-summary{flex-wrap:wrap}.brief-summary>span{max-width:100%}.fit{grid-template-columns:.85fr 1fr;gap:5%}footer{flex-wrap:wrap}footer p{margin:0}}
@media(max-width:600px){.preview-note{font-size:14px;padding:11px 5%}.site-header{padding:23px 5%;min-height:94px;gap:12px}.wordmark{font-size:32px}.brand-flower{font-size:29px;margin-right:4px}.header-cta{font-size:14px;padding:11px 14px}.header-cta span{margin-left:8px}.hero{grid-template-columns:1fr;background:linear-gradient(var(--paper),#eef4fd)}.hero-copy{padding:35px 6% 28px;text-align:center}.hero .eyebrow{max-width:none;font-size:15px;margin-bottom:17px}.hero h1{font-size:clamp(51px,11.8vw,68px);line-height:1.07}.hero h1 br{display:block}.hero .intro{font-size:17px;max-width:340px;margin:21px auto 25px}.hero .button{font-size:16px;gap:40px;padding:16px 24px}.hero-secondary{font-size:15px;margin:19px auto 0}.hero-art{height:450px;max-width:480px;width:100%;margin:auto}.avatar-cutout{width:90%;height:100%;right:1%;object-position:bottom}.portrait-backdrop{inset:20px 9% 5px 8%;transform:rotate(7deg)}.hero-nail-card{left:6%;bottom:24px;width:140px;min-height:150px}.hero-nail-card>span{font-size:17px}.sparkle-one{right:9%;top:9px;font-size:46px}.sparkle-two{left:9%;top:58px;font-size:27px}.section-wrap{padding:53px 6%}.section-top{display:block;margin-bottom:28px}.section-top>p{max-width:none;font-size:16px;margin-top:18px}.section-top>p br{display:none}h2{font-size:43px}.eyebrow{font-size:15px;margin-bottom:15px}.design-grid{grid-template-columns:1fr;gap:32px}.design-art{height:255px;gap:25px;border-radius:25px}.design-label{padding:19px 2px 0}.design-label>strong{font-size:26px}.design-label>span{font-size:16px;margin-top:6px}.design-check{width:38px;height:38px;font-size:21px}.configurator{grid-template-columns:1fr;gap:37px}.configurator h2{font-size:45px}.configurator h2 br{display:none}.config-intro>p:not(.eyebrow){max-width:none;font-size:17px}.large-swatch{max-width:none;min-height:295px;margin-top:24px;border-radius:44% 44% 36% 36%}.large-swatch>span{font-size:15px;bottom:24px}.options span{font-size:16px;padding:12px 20px}.form-row{grid-template-columns:1fr;gap:24px}.brief-summary{flex-wrap:nowrap;align-items:flex-start;font-size:15px;gap:16px}.brief-summary>span{max-width:50%}.brief-summary strong{font-size:29px}.brief-summary small{font-size:14px;white-space:normal;max-width:140px}.field-note{font-size:15px}.fit{grid-template-columns:1fr;gap:34px}.fit h2 br{display:none}summary{font-size:17px}details p{font-size:16px}.closing h2{font-size:43px}.closing-flower{font-size:45px;margin-bottom:20px}footer{padding:30px 6%;gap:16px}footer .wordmark{font-size:32px}footer p{width:100%;order:2;font-size:15px}footer>span{font-size:14px;margin-left:auto}}
@media(max-width:360px){.header-cta{padding:11px 12px}.header-cta span{display:none}.wordmark{font-size:30px}.brand-flower{font-size:25px}.options span{font-size:15px;padding:11px 17px}.hero-art{height:410px}.hero-nail-card{left:4%;width:126px}.brief-summary strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Photographic concepts share the existing pastel layout. Plushies are small
   decorative cutouts, never products or part of the nail design selector. */
.brand-mascot{width:44px;height:50px;object-fit:contain;vertical-align:middle;margin-right:5px;transform:rotate(-9deg)}
.hero-nail-card{padding:13px 13px 17px;gap:12px;overflow:hidden}
.hero-product-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:11px;display:block}
.collection-aside{display:flex;align-items:center;gap:24px;max-width:435px}
.collection-aside p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.plush-bunny{width:124px;height:auto;flex-shrink:0;object-fit:contain;transform:rotate(7deg);margin-bottom:-11px}
.design-art{display:block;height:auto;aspect-ratio:3/2;overflow:hidden}
.design-art>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.design-check{z-index:1;box-shadow:0 2px 8px #35435815}
.large-swatch{display:block;max-width:500px;min-height:0;background:var(--paper);border-radius:24px;overflow:hidden;margin-top:35px}
.large-swatch>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.large-swatch>span{position:static;display:block;padding:15px;text-align:center;font-size:15px;line-height:1.5}
.plush-heart{display:block;width:132px;height:auto;margin:0 auto 25px;object-fit:contain;transform:rotate(-7deg)}
@media(max-width:1100px){.brand-mascot{width:39px;height:45px}.collection-aside{gap:16px;max-width:385px}.plush-bunny{width:100px}.collection-aside p{font-size:15px}.hero-nail-card{padding:10px 10px 14px}}
@media(max-width:800px){.collection-aside{max-width:320px;gap:10px}.plush-bunny{width:82px}.collection-aside p{font-size:14px}.hero-nail-card{min-height:0;padding:9px 9px 13px}.hero-nail-card>span{font-size:17px}.large-swatch{min-height:0;border-radius:22px}}
@media(max-width:600px){.brand-mascot{width:33px;height:38px;margin-right:3px}.collection-aside{margin-top:18px;max-width:none;justify-content:space-between;gap:18px}.collection-aside p{font-size:16px;max-width:240px}.collection-aside p br{display:none}.plush-bunny{width:96px;margin-bottom:0}.design-art{height:auto;aspect-ratio:3/2}.large-swatch{min-height:0;max-width:none;margin-top:25px;border-radius:22px}.hero-nail-card{padding:9px 9px 12px}.plush-heart{width:115px;margin-bottom:22px}}
@media(max-width:360px){.brand-mascot{width:28px;height:33px}.plush-bunny{width:80px}.collection-aside{gap:12px}}