@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;1,400&display=swap";:root{--ink:#3d3632;--muted:#796f6a;--line:#e5dcd4;--accent:#957367}*{box-sizing:border-box}body{color:var(--ink);background:#fbf8f4;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}header{border-bottom:1px solid var(--line);background:#fffdfb;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,24px);display:flex}a{color:inherit}.brand{letter-spacing:.2em;font-size:15px;font-weight:700;text-decoration:none}.brand i,footer i{letter-spacing:0;font:400 21px Playfair Display,serif}.brand small{letter-spacing:.22em;color:var(--muted);font-size:8px;display:block}.header-link{font-size:13px;text-decoration:none}.eyebrow{color:#9d776c;letter-spacing:.23em;font-size:11px;font-weight:700}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:5vw;max-width:1450px;min-height:610px;margin:auto;padding:65px max(7vw,28px);display:grid}.hero h1,.form-intro h1,.complete h1{letter-spacing:-.035em;margin:24px 0;font:400 clamp(46px,5.4vw,82px)/1.11 Playfair Display,serif}.hero h1 em,.form-intro h1 em{color:#ad8a7f}.hero p,.form-intro p,.complete p{color:var(--muted);max-width:530px;line-height:1.8}.primary{color:#fff;background:#8d6b60;border:1px solid #8d6b60;min-height:52px;margin-top:18px;padding:0 27px}.primary:hover{background:#75564c}.hero small{color:var(--muted);margin-top:15px;display:block}.art{background:#ede3da;height:480px;position:relative;overflow:hidden}.sheet{position:absolute;box-shadow:0 15px 35px #58473929}.backsheet{background:#d7c3b3;width:235px;height:315px;top:12%;left:24%;transform:rotate(-17deg)}.frontsheet{text-align:center;background:#faf6ef;border:1px solid #e7dcd2;flex-direction:column;justify-content:space-around;align-items:center;width:265px;height:355px;padding:28px;display:flex;top:13%;left:37%;transform:rotate(7deg)}.frontsheet small{letter-spacing:.2em;font-size:9px}.frontsheet strong{font:400 40px/1.2 Playfair Display,serif}.seal{color:#fff;background:#aa7f73;border-radius:50%;place-items:center;width:74px;height:74px;font:18px Playfair Display,serif;display:grid;position:absolute;bottom:16%;right:16%}.about{text-align:center;background:#fffdfb;padding:80px 28px}.about h2{margin:18px 0 55px;font:400 48px Playfair Display,serif}.about-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1080px;margin:auto;display:grid}.about-grid>div{border-top:1px solid var(--line);padding-top:20px}.about-grid b{color:#a98074;font:20px Playfair Display,serif}.about-grid h3{font:400 25px Playfair Display,serif}.about-grid p,.trial{color:var(--muted);line-height:1.7}.trial{max-width:800px;margin:55px auto 0;font-size:14px}.form-wrap{max-width:920px;margin:auto;padding:65px 24px 100px}.form-intro{text-align:center}.form-intro h1{margin:17px 0 12px;font-size:clamp(38px,5vw,60px)}.form-intro p{margin:0 auto 45px}.progress-label{color:#9d776c;text-transform:uppercase;letter-spacing:.15em;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.progress{background:#eaddd3;height:4px;margin-bottom:25px}.progress span{background:#a98074;height:100%;transition:width .2s;display:block}form{border:1px solid var(--line);background:#fffdfb;padding:45px 54px;box-shadow:0 14px 40px #6f55400d}form h2{margin:0 0 30px;font:400 38px Playfair Display,serif}.fields{gap:23px;display:grid}.fields>label,.two label{gap:9px;font-size:13px;font-weight:600;display:grid}.fields p{margin:3px 0 -5px;font-size:14px}.fields input:not([type=checkbox]):not([type=file]),.fields select,.fields textarea{width:100%;min-height:49px;color:var(--ink);background:#fff;border:1px solid #ded2c9;border-radius:0;padding:14px 15px;font-size:16px}.fields textarea{resize:vertical}.fields input:focus,.fields textarea:focus,.fields select:focus{outline-offset:2px;outline:2px solid #a98074}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.moods,.palettes{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.choice{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;min-height:68px;padding:10px;font-size:13px}.choice.selected{outline-offset:1px;outline:2px solid #a98074}.mood-art{background:linear-gradient(135deg,#ead0ce,#b88883);height:100px;margin:-10px -10px 12px;display:block}.mood-1{background:linear-gradient(125deg,#eee9e3 48%,#b0a59c 48%)}.mood-2{background:radial-gradient(at 50% 70%,#e4c8b5 0 25%,#eee5dc 26%)}.mood-3{background:linear-gradient(145deg,#d7d3bb,#8d9b82)}.swatches{height:37px;margin-bottom:8px;display:flex}.swatches i{flex:1}.checks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checks label{border:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:13px;font-size:13px;display:flex}.checks input,.consent input{accent-color:#9a7367;flex:none;width:18px;height:18px}.fields input[type=file]{background:#fff;border:1px dashed #c9b4a7;max-width:100%;padding:13px;font-size:13px}.fields small{color:var(--muted);font-weight:400}.review p{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:15px;padding:13px 0;font-size:14px;line-height:1.5;display:grid}.review span{overflow-wrap:anywhere}.consent{align-items:flex-start;gap:12px;margin-top:25px;font-size:13px;line-height:1.5;display:flex}.error{color:#9a352c;background:#fff1ee;margin-top:25px;padding:12px 16px}.actions{justify-content:space-between;align-items:center;gap:15px;margin-top:35px;display:flex}.actions>div{align-items:center;gap:15px;display:flex}.actions .primary{margin:0}.text-button{color:var(--ink);background:0 0;border:0;padding:12px 0;font-size:13px}.underlined{text-decoration:underline}.notice{color:var(--muted);text-align:right;font-size:12px}.complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:80px 24px;display:flex}.complete h1{font-size:clamp(44px,6vw,72px)}.star{color:#a98074;margin-top:30px;font-size:42px}footer{color:var(--muted);background:#efe9e3;justify-content:space-between;align-items:center;gap:20px;padding:50px max(7vw,28px);font-size:13px;display:flex}footer span{letter-spacing:.15em;color:var(--ink);font-weight:700}footer p{margin:0}footer small{white-space:nowrap}@media (max-width:750px){header{height:70px}.header-link{display:none}.hero{grid-template-columns:1fr;gap:38px;padding:48px 24px 65px}.art{height:340px}.backsheet{width:180px;height:245px;top:10%;left:22%}.frontsheet{width:205px;height:270px;top:12%;left:35%}.frontsheet strong{font-size:31px}.seal{bottom:12%;right:10%}.about{padding:60px 24px}.about h2{margin-bottom:32px;font-size:38px}.about-grid{grid-template-columns:1fr;gap:22px}.about-grid h3{margin:12px 0}.trial{margin-top:40px}.form-wrap{padding:45px 16px 75px}form{padding:29px 22px}form h2{font-size:32px}.moods,.palettes{grid-template-columns:repeat(2,1fr)}.two,.checks{grid-template-columns:1fr}.review p{grid-template-columns:1fr;gap:5px}.actions{flex-direction:column-reverse;align-items:stretch}.actions>div{flex-direction:column-reverse;align-items:stretch;gap:8px;display:flex}.actions .primary{width:100%}.notice{text-align:center}footer{text-align:center;flex-direction:column}}@media (max-width:380px){.art{height:290px}.frontsheet{left:30%}.backsheet{left:16%}}.question-heading{border-top:1px solid var(--line);margin:23px 0 2px;padding-top:22px}.question-heading:first-child{border:0;margin-top:0;padding-top:0}.question-heading>span{letter-spacing:.18em;color:#a98074;font-size:11px;font-weight:700}.question-heading h3{margin:8px 0;font:400 25px/1.25 Playfair Display,serif}.question-heading p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.55}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;min-height:48px;padding:14px 16px;font-size:13px;line-height:1.4}.option.selected,.mood-card.selected,.palette-card.selected,.detail-card.selected{background:#fbf4ef;border-color:#a98074;box-shadow:inset 0 0 0 1px #a98074}:is(.option:focus-visible,.mood-card:focus-visible,.palette-card:focus-visible,.detail-card:focus-visible){outline-offset:2px;outline:3px solid #a98074}.mood-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.mood-card,.detail-card,.palette-card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;padding:0;overflow:hidden}.mood-card strong,.mood-card small{padding:0 12px;display:block}.mood-card strong{margin:12px 0 4px;font:400 17px/1.25 Playfair Display,serif}.mood-card small{color:var(--muted);margin-bottom:13px;font-size:11px;line-height:1.4}.mood-photo{aspect-ratio:1;object-fit:cover;width:100%;display:block}.palette-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.palette-card{padding:10px}.palette-swatch{height:45px;margin-bottom:10px;display:flex}.palette-swatch i{flex:1}.palette-card strong{font-size:12px;font-weight:500;line-height:1.3}.detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detail-card span:last-child{padding:10px;font-size:12px;line-height:1.3;display:block}.detail-photo{aspect-ratio:1;object-fit:cover;width:100%;display:block}.no-decoration{width:100%;margin-top:10px;display:block}.scale{text-align:center;color:var(--muted);grid-template-columns:95px 1fr 105px;align-items:center;gap:10px!important;font-size:12px!important;display:grid!important}.scale input{accent-color:#a98074;width:100%}.file-label input{background:#fff;border:1px dashed #c9b4a7;width:100%;padding:12px;font-size:13px}.file-label small{color:var(--muted);font-weight:400}.upload-preview{flex-wrap:wrap;gap:8px;display:flex}.upload-preview div{border:1px solid var(--line);overflow-wrap:anywhere;background:#f4eee8;max-width:100%;padding:8px 10px;font-size:12px}@media (max-width:750px){.mood-gallery,.palette-gallery,.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid{grid-template-columns:1fr}.scale{grid-template-columns:75px 1fr 85px;font-size:11px!important}}@media (max-width:370px){.mood-gallery,.palette-gallery{grid-template-columns:1fr}}.brand{align-items:center;width:min(250px,60vw);line-height:0;display:inline-flex}.brand img{width:100%;height:auto;display:block}.hero-photo{object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block}.footer-logo{width:205px;max-width:65vw;height:auto;display:block}@media (max-width:750px){.brand{width:min(205px,62vw)}.hero-photo{object-position:center 53%}}
