*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#25362d;background:#f7faf5;margin:0;font-family:Arial,Apple SD Gothic Neo,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #265b42}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}main{--accent:#e8b49c;max-width:1600px;margin:auto;padding:0 6vw}main.mood-1{--accent:#bcd2a6}main.mood-2{--accent:#e8b5c8}header{border-bottom:1px solid #d8dfd6;justify-content:space-between;align-items:center;height:100px;display:flex}header>a:last-child{font-size:14px}.logo{letter-spacing:-1.5px;font-size:30px;font-weight:700}.logo span{letter-spacing:2px;margin-left:12px;font-size:11px;font-weight:400}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:6vw;padding:62px 0 74px;display:grid}.intro{letter-spacing:2px;margin:0 0 28px;font-size:11px}h1{letter-spacing:-4px;margin:0 0 26px;font-size:clamp(44px,5.6vw,84px);font-weight:500;line-height:1.04}.description{color:#536254;font-size:16px;line-height:1.9}.cta{color:#fff;background:#253e2f;margin-top:20px;padding:18px 24px;font-size:14px;display:inline-flex}.cta:hover{background:#3b5b47}figure{background:var(--accent);margin:0;padding:20px 0 0 20px}figure img{object-fit:cover;width:100%;height:470px;display:block}figcaption{padding:14px 20px 16px 0;font-size:12px}.studio{border-top:1px solid #d8dfd6;padding:54px 0 60px}.studio>p:first-child{letter-spacing:2px;font-size:11px}h2{letter-spacing:-1px;margin:20px 0 28px;font-size:32px;font-weight:500}.choices{flex-wrap:wrap;gap:16px;display:flex}.choices button{color:#25362d;cursor:pointer;background:0 0;border:1px solid #cbd5c8;align-items:center;gap:18px;min-width:220px;padding:16px 20px;display:flex}.choices button[aria-pressed=true]{background:#e7eee1;border-color:#35583e}.choices button>span:last-child{margin-left:auto}.swatch{border-radius:50%;width:22px;height:22px}.swatch-0{background:#e8b49c}.swatch-1{background:#bcd2a6}.swatch-2{background:#e8b5c8}.selected{color:#536254;margin-top:22px;font-size:13px}footer{color:#536254;border-top:1px solid #d8dfd6;justify-content:space-between;padding:26px 0;font-size:12px;display:flex}@media (width<=760px){main{padding:0 6vw}header{height:80px}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0}h1{letter-spacing:-2px}figure img{height:340px}.choices{flex-direction:column}.choices button{width:100%}h2{font-size:28px}footer{font-size:10px}}