:root{--paper:#f7f5f0;--ink:#292339;--muted:#6c6775;--purple:#7863d4;--line:#dedbe5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5641b1;outline-offset:4px}button{border:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(44px,5.5vw,78px);letter-spacing:-2px}h1 em{color:var(--purple);font-weight:400}h2{font-size:36px;letter-spacing:-.7px}h3{font-size:28px}p{margin:14px 0}.wrap{width:min(1240px,calc(100% - 72px));margin-inline:auto}.skip{position:absolute;top:-80px;left:10px;padding:12px;background:white;z-index:10}.skip:focus{top:8px}header{display:flex;justify-content:space-between;align-items:center;gap:25px;height:104px;border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:700;letter-spacing:-1px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.dot{font-size:16px;font-weight:400;color:var(--muted);margin-left:-8px}.mark{color:var(--purple);font-size:37px;line-height:1}nav{display:flex;gap:28px;font-size:13px}nav a[aria-current]{color:var(--purple);border-bottom:2px solid var(--purple)}#menu{display:none}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 18px;color:#746883}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:end;padding-block:65px 48px}.intro>p{max-width:390px;font-size:18px;color:var(--muted);margin-bottom:6px}.studio{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.studio-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-head h2{font-size:28px}.studio-head .eyebrow{margin-bottom:8px}.pill{font-size:11px;background:#eee7fa;color:#665293;border-radius:30px;padding:7px 13px}.toolbar{display:flex;gap:16px;align-items:end;margin-top:25px;flex-wrap:wrap}.toolbar label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:7px}.toolbar input[type=color]{width:90px;height:43px;border:1px solid var(--line);border-radius:5px;padding:4px;background:#f7f5f0;cursor:pointer}.toolbar select{height:43px;font-size:13px;min-width:165px;border:1px solid var(--line);border-radius:5px;background:#f7f5f0;padding:8px 30px 8px 12px;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:5px;padding:12px 20px;background:var(--purple);color:white;font-size:13px;font-weight:700;line-height:1.5;min-height:43px}.button:hover{background:#5e49b5;color:white}.quiet{border:1px solid var(--line);border-radius:5px;padding:10px 15px;background:white;color:var(--ink);font-size:12px;min-height:43px}.quiet:hover{background:#f0ebfa}.hint{font-size:12px;color:var(--muted);margin-top:18px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);border-radius:7px;overflow:hidden;min-height:285px}.swatch{display:flex;flex-direction:column;justify-content:space-between;padding:17px;min-height:285px;gap:25px}.swatch-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px}.lock{border:1px solid currentColor;color:inherit;background:transparent;border-radius:30px;padding:5px 8px;font-size:10px;opacity:.85}.lock:hover{opacity:1}.swatch-bottom{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.swatch input[type=color]{width:28px;height:28px;cursor:pointer;background:none;border:1px solid currentColor;border-radius:50%;padding:4px;color:inherit}.hex{font:700 18px/1.4 monospace;background:none;color:inherit;padding:0;text-align:left}.swatch small{font-size:9px;opacity:.8}.palette-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.status{font-size:12px;min-height:20px;color:#655b75;margin-bottom:0}#manual-copy{margin-top:15px;font-size:12px}textarea{display:block;width:100%;padding:10px;border:1px solid var(--line)}.preview-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-block:75px;align-items:center}.preview-copy>p{color:var(--muted);max-width:410px}.roles{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.roles label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:6px}.roles select{border:1px solid var(--line);border-radius:5px;background:white;font-size:12px;padding:9px;color:var(--ink)}.preview{background:var(--preview-bg,#eee7fa);color:var(--preview-text,#292339);border-radius:10px;padding:35px;min-height:370px;position:relative;overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px}.preview-top>span:last-child{font-size:40px;line-height:1}.preview h3{font-size:45px;margin-top:25px;position:relative;z-index:1;max-width:350px}.preview p{font-size:13px;max-width:280px;position:relative;z-index:1}.preview-button{display:inline-block;background:var(--preview-accent,#7863d4);color:var(--preview-accent-text,white);border-radius:4px;padding:11px 15px;font-size:11px;position:relative;z-index:1;margin-top:8px}.preview-art{position:absolute;right:-35px;bottom:-65px;width:220px;height:240px;transform:rotate(-12deg);opacity:.9}.preview-art i{position:absolute;width:125px;height:220px;border-radius:90px}.preview-art i:nth-child(1){left:0}.preview-art i:nth-child(2){left:65px;top:40px}.preview-art i:nth-child(3){left:135px;top:75px}.notes{background:#efedf4;padding-block:55px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head>a,.read{font-size:12px;font-weight:700;color:#67529f}.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-card{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:22px;background:var(--paper);border-radius:7px}.guide-icon{display:grid;place-items:center;font:50px Georgia;height:130px;border-radius:4px;color:#514080}.g0{background:#e4ddf5}.g1{background:#f6c8bd}.g2{background:#e9d788}.g3{background:#b7cfbd}.guide-card .eyebrow{font-size:8px;margin-bottom:10px}.guide-card h3{font-size:24px}.guide-card p:not(.eyebrow){font-size:13px;color:var(--muted)}.supplies-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:60px}.supplies-banner p:not(.eyebrow){font-size:14px;color:var(--muted)}.supplies-banner .button{white-space:nowrap}footer{padding-block:30px;border-top:1px solid var(--line)}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.foot>div{display:flex;gap:22px;font-size:11px}footer>p{font-size:10px;color:var(--muted);margin:6px 0}.page-intro{padding-block:55px 65px}.lead{font-size:20px;color:var(--muted);max-width:650px;margin-block:22px 35px}.page-intro .guides-grid{margin-top:40px}.article{max-width:840px;padding-block:50px 70px}.article>.eyebrow{margin-top:35px}.article h1{font-size:60px}.article section h2{font-size:30px;margin-top:30px}.article section p{color:var(--muted);line-height:1.85}.article aside{margin-top:40px;background:#eee7fa;padding:28px;border-radius:7px}.article aside .button{margin-top:20px}.note{font-size:12px;color:var(--muted);max-width:900px}.supply-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:35px}.supply-card{background:white;border:1px solid var(--line);border-radius:7px;padding:25px}.supply-art{display:grid;place-items:center;height:130px;border-radius:4px;font:75px Georgia;color:#514080;margin-bottom:25px}.supply-card h2{font-size:29px}.supply-card p{font-size:14px;color:var(--muted)}
@media(max-width:1050px){nav{gap:16px;font-size:12px}.logo{font-size:22px}.intro{gap:35px}.preview-section{gap:45px}.swatch{padding:12px}.hex{font-size:16px}.guide-card{grid-template-columns:75px 1fr;gap:18px}.guide-icon{height:110px}.wrap{width:calc(100% - 48px)}}
@media(max-width:760px){header{height:80px}#menu{display:block;background:none;border:1px solid var(--line);border-radius:5px;font-size:22px;padding:5px 10px;color:var(--ink)}nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:5;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-wrap:wrap}.intro{grid-template-columns:1fr;gap:20px;padding-block:42px 35px}.intro>p{max-width:560px;font-size:16px}.studio{padding:20px}.studio-head h2{font-size:25px}.pill{display:none}.swatches{grid-template-columns:1fr;min-height:0}.swatch{min-height:105px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:17px}.swatch-top{align-self:start}.swatch-bottom{justify-self:end;align-items:flex-end}.swatch input[type=color]{position:absolute;margin-right:100px;margin-top:7px}.hex{font-size:20px}.swatch small{font-size:9px}.preview-section{grid-template-columns:1fr;gap:30px;padding-block:45px}.preview-copy>p{max-width:560px}.guides-grid,.supply-grid{grid-template-columns:1fr}.guide-card{grid-template-columns:100px 1fr}.supplies-banner{flex-direction:column;align-items:flex-start;gap:20px;padding-block:42px}.foot{flex-direction:column;align-items:flex-start}.article h1{font-size:46px}.article{padding-block:35px 50px}h2{font-size:31px}.notes{padding-block:40px}.section-head{align-items:flex-start}.section-head>a{white-space:nowrap}}
@media(max-width:450px){.wrap{width:calc(100% - 30px)}h1{font-size:47px}.logo{font-size:22px}.dot{font-size:13px}.mark{font-size:30px}.studio{padding:17px}.studio-head h2{font-size:23px}.toolbar{gap:10px}.toolbar select{min-width:145px}.toolbar .button{flex:1}.quiet{font-size:11px;padding:9px 11px}.swatch{min-height:110px}.swatch-top{flex-direction:column;align-items:flex-start;gap:8px}.palette-actions{gap:7px}.preview{padding:25px}.preview h3{font-size:40px}.guide-card{grid-template-columns:65px 1fr;padding:18px;gap:15px}.guide-icon{font-size:35px;height:100px}.guide-card h3{font-size:23px}.section-head{flex-direction:column;gap:12px}.roles{gap:8px}.foot>div{flex-wrap:wrap;gap:15px}.article h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}