:root{--paper:#f1effa;--ink:#292442;--muted:#6a637b;--accent:#6453d6;--line:#d9d4e8;--white:#fff;--peach:#f6a584}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1320px,calc(100% - 96px));margin:auto}header{height:106px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.logo{font:bold italic 46px Georgia,serif;color:var(--accent);display:flex;align-items:center;gap:15px}.logo span{font:700 24px "Avenir Next",sans-serif;letter-spacing:-1px;color:var(--ink)}.header-note{font-size:13px;color:var(--muted);margin-left:25px}.about-link{margin-left:auto;font-size:14px}.intro{padding:68px 0 48px;position:relative}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}h1{font-size:clamp(46px,6.4vw,88px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--accent)}.lead{position:absolute;right:0;bottom:48px;font-size:17px;color:var(--muted);line-height:1.7}.studio{padding-bottom:48px}.art-wrap{position:relative;height:490px;overflow:hidden;border-radius:20px;background:var(--line);box-shadow:0 18px 50px #4d387a15}canvas{display:block;width:100%;height:100%;object-fit:cover}.art-stamp,.art-number{position:absolute;bottom:25px;font-size:10px;letter-spacing:.17em;color:#fff;text-shadow:0 1px 6px #292442aa}.art-stamp{left:28px}.art-number{right:28px}.controls{display:flex;align-items:center;gap:36px;background:var(--white);border:1px solid var(--line);padding:24px 28px;margin-top:18px;border-radius:16px}.control-group{display:flex;flex-direction:column;gap:10px}.label{font-size:11px;color:var(--muted);letter-spacing:.04em}.palettes{display:flex;gap:10px}.palette{width:28px;height:28px;padding:0;border:0;border-radius:50%;cursor:pointer}.lavender{background:linear-gradient(135deg,#705bc5 45%,#f6a584)}.tide{background:linear-gradient(135deg,#165f77 45%,#b4e1ce)}.citrus{background:linear-gradient(135deg,#dd634d 45%,#f8cf79)}.palette[aria-pressed=true]{box-shadow:0 0 0 3px white,0 0 0 4px var(--accent)}select{border:0;background:transparent;color:var(--ink);font-size:13px;max-width:100%;padding:4px 18px 4px 0}.buttons{display:flex;gap:12px;margin-left:auto}button.secondary,button.primary{min-height:48px;border-radius:9px;padding:12px 20px;cursor:pointer;font-size:13px;transition:transform .15s,background .15s}button:hover{transform:translateY(-1px)}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.primary{border:1px solid var(--accent);background:var(--accent);color:white}.primary span{margin-left:18px}.caption{display:flex;justify-content:space-between;gap:15px;padding:16px 4px;font-size:12px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:60px 0 72px;border-top:1px solid var(--line)}h2{font-weight:500;font-size:36px;line-height:1.2;letter-spacing:-.035em;margin:0}.about p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 18px;max-width:500px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;color:var(--muted)}@media(max-width:1000px){.lead{position:static;margin-top:26px}.intro{padding-top:46px}.controls{flex-wrap:wrap;gap:24px}.buttons{margin-left:0;flex:1 1 100%}.buttons button{flex:1}.art-wrap{height:410px}.about{gap:40px}}@media(max-width:600px){header,main,footer{width:calc(100% - 36px)}header{height:80px}.header-note{display:none}.logo span{font-size:21px}.intro{padding:36px 0 28px}h1{font-size:52px}.lead{font-size:15px}.art-wrap{height:380px;border-radius:14px}.controls{padding:20px;gap:22px}.buttons{flex-direction:column}.control-group{max-width:100%}.caption{font-size:10px}.about{grid-template-columns:1fr;gap:24px;padding:38px 0}h2{font-size:30px}footer span:nth-child(2){display:none}.art-stamp{font-size:8px;left:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}