:root{color-scheme:light;--paper:#f7f4ec;--ink:#213f4b;--teal:#23646b;--plum:#695376;--muted:#5c6a6c}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.site-header,main,footer{max-width:1360px;margin-inline:auto}
.site-header{padding:30px 56px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:320px;max-width:56vw;height:auto;display:block}
.status{font-size:12px;letter-spacing:.04em;display:flex;align-items:center;gap:9px}
.status>span{width:7px;height:7px;background:var(--teal);border-radius:50%}
.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center;padding:48px 56px 88px;min-height:650px}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.6;margin:0 0 24px;color:var(--teal)}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
h1{font-size:clamp(56px,6.5vw,88px);line-height:1.04;margin:0 0 28px}
h1 em{color:var(--plum);font-weight:400}
.description{font-size:17px;line-height:1.75;max-width:400px;margin:0 0 14px}
.secondary{font-size:15px;color:var(--muted)}
.launch{margin:30px 0 0;display:inline-flex;align-items:center;gap:36px;border-bottom:2px solid var(--teal);padding-bottom:12px;font-size:14px;font-weight:700;letter-spacing:.03em}
.launch span{font-size:22px;color:var(--teal)}
.visual{position:relative;min-height:500px;padding:0 0 34px}
figure{margin:0;background:#fffdf8;padding:12px 12px 0;box-shadow:0 14px 40px #213f4b1c;width:80%}
figure img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}
figcaption{padding:15px 2px 17px;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:12px}
.step{font-family:Georgia,serif;color:var(--plum);font-size:15px}
.photo-card{transform:rotate(-5deg);position:relative;z-index:1}
.painted-card{transform:rotate(5deg);position:relative;z-index:2;margin:-75px 0 0 auto}
.palette{display:flex;position:absolute;left:10px;bottom:9px;gap:8px;transform:rotate(-5deg)}
.palette i{width:27px;height:27px;border-radius:50%;background:#23646b}
.palette i:nth-child(2){background:#8ac6d2}.palette i:nth-child(3){background:#e8b77d}.palette i:nth-child(4){background:#9684a5}.palette i:nth-child(5){background:#a65938}
.closing{border-top:1px solid #213f4b24;text-align:center;padding:66px 24px 72px;margin:0 56px}
.closing .eyebrow{margin-bottom:15px}.closing h2{font-size:clamp(30px,3.5vw,44px);line-height:1.2;margin:0 0 20px}.closing>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
footer{padding:26px 56px;border-top:1px solid #213f4b24;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(min-width:1200px){.visual{min-height:540px}}
@media(max-width:900px){.site-header{padding:22px 28px}.logo{width:275px}.status{max-width:150px;line-height:1.5}.hero{padding:35px 28px 60px;gap:30px}.visual{min-height:390px}figure{width:92%}.painted-card{margin-top:-20px}.palette{bottom:0}.closing{margin-inline:28px}footer{padding-inline:28px}}
@media(max-width:640px){.site-header{padding:16px 24px 0}.logo{width:280px;max-width:88vw}.status{display:none}.hero{grid-template-columns:1fr;padding:28px 24px 55px;gap:46px;min-height:0}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:64px;margin-bottom:23px}.description{font-size:16px;max-width:none}.secondary{font-size:14px}.launch{margin-top:20px}.visual{min-height:0;margin-inline:8px;padding-bottom:46px}figure{width:86%;padding:9px 9px 0}.painted-card{margin-top:-30px}figcaption{font-size:10px;padding:12px 0}.palette{bottom:0;left:0}.palette i{width:23px;height:23px}.closing{margin-inline:24px;padding:42px 0 46px}.closing h2{max-width:280px;margin-inline:auto}.closing>p:last-child{font-size:14px}.desktop-break{display:none}footer{padding:22px 24px;flex-direction:column;gap:9px}}