/* Conversion pass: keep the studio's painted identity and give the work room. */
body{-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
.hero-copy>.eyebrow{font:700 17px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-transform:none;transform:none;filter:none;text-shadow:none;margin-left:0;padding-bottom:12px;color:#fffdf6}
.hero-copy>.eyebrow:after{height:3px;width:70%;bottom:0}
.eyebrow,.helper,.field,.field-meta,.tag,.example-note,.stage-top,figcaption,.quiet-link{font-family:Arial,Helvetica,sans-serif;text-shadow:none;filter:none;font-style:normal}
.hero-work{transform:none}
.hero-work .work-heading .eyebrow,.work-heading .tag,.hero-work .showcase-projects button,.hero-work .showcase-options button{transform:none;text-shadow:none;filter:none;font-style:normal}
.hero-work .showcase-projects button,.hero-work .showcase-options button{font-family:Arial,Helvetica,sans-serif;font-weight:700}
.hero-work #showcase-label{display:inline!important;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;color:#23271f;white-space:normal}
.hero-work .hero-comparison figure:first-child,.hero-work .hero-comparison figure:last-child{padding:0}
.hero-work .hero-comparison figcaption{font-family:Arial,Helvetica,sans-serif;line-height:1.4;white-space:normal}
.hero .primary,.header-cta,.controls .primary{transform:none;font-style:normal;text-shadow:none;filter:none}
.hero-copy .hero-footnote{display:block}.hero-footnote .small-mark{display:none}.hero-footnote p{font-size:13px;color:#eeece4}
.controls .field{font-size:14px}.controls input:not([type=file]),.controls select,.controls textarea{font-size:15px}.controls .helper,.controls #status{font-size:13px}.dropzone small,.source-actions>span{font-size:12px}.dropzone strong{font-size:15px}
.hero-promise{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.8vw,44px);font-weight:700;line-height:1.06;letter-spacing:-.04em;max-width:13em;margin:10px 0 18px;transform:none}
.hero-copy .hero-description{font-size:17px;line-height:1.55;max-width:30em}
.hero .hero-work .example-note{font-size:13px;line-height:1.6}.hero .hero-work .proof-zoom-hint{font-size:13px}.hero-copy .quiet-link{font-size:14px}
.hero-copy #hero-title{max-width:300px;margin-bottom:0}
.hero-copy .graffiti-title{max-height:300px;width:auto;max-width:100%;object-fit:contain}
.hero-footnote{margin-top:22px}.hero-work{min-width:0}.hero-work .work-heading{justify-content:center;gap:12px;flex-wrap:wrap}
.hero-work .showcase-projects{gap:8px;flex-wrap:wrap}.hero-work .showcase-projects button{font-size:13px;padding:12px 14px}
.hero-work .hero-comparison{align-items:start;gap:22px;padding-top:20px}.hero-work .hero-comparison figure{transform:none;margin:0;min-width:0}
.hero-work .hero-comparison figcaption{position:static;writing-mode:horizontal-tb;transform:none;margin-bottom:9px;font-size:13px;letter-spacing:.02em;height:auto}
.proof-image{background:transparent;border:0;padding:0;width:100%;display:block;box-shadow:none;border-radius:0;transform:none;cursor:zoom-in;clip-path:none}
.proof-image::before,.proof-image::after{content:none}.proof-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:0}
.proof-zoom-hint{font-size:12px;text-align:center;opacity:.7;margin:12px 0}.proof-details{border-top:1px solid #c6bda9;padding:14px 0;font-size:13px;line-height:1.6}.proof-details summary{cursor:pointer;font-weight:700}.proof-details blockquote{margin:12px 0;padding-left:14px;border-left:3px solid #ed4937}.proof-details p{margin:10px 0}
.hero-work .showcase-options{flex-wrap:wrap;justify-content:center;gap:7px}.hero-work .showcase-options button{font-size:13px}.example-note{line-height:1.6}
.how-it-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding-block:48px!important;border-bottom:1px solid #c5bca7}.how-it-works article{position:relative;padding-left:49px}.how-it-works h3{font-size:22px;margin:0 0 10px}.how-it-works p{font-size:15px;line-height:1.65;margin:0}.step-mark{position:absolute;left:0;top:-7px;font-family:Georgia,serif;font-weight:900;font-size:44px;color:#ce342a;transform:rotate(-7deg)}.how-it-works article:nth-child(2) .step-mark{transform:rotate(7deg)}
.workspace{align-items:start;overflow:visible;background:transparent;border:0;box-shadow:none;gap:20px}.controls{border:2px solid #b6bf9d}.stage{position:sticky;top:16px;min-height:0!important;border:2px solid #b6bf9d}.stage .comparison{align-items:start}.stage .artboard{min-height:0}.stage .artboard img,.stage .artboard canvas{max-height:520px;object-fit:contain}.stage:not(.has-result):not([aria-busy=true]) .comparison>figure:last-child{display:none}.stage:not(.has-result):not([aria-busy=true]) .comparison{grid-template-columns:1fr;max-width:340px;margin:auto}.stage:not(.has-result) .result-actions,.stage:not(.has-result) .recipe,.stage:not(.has-result) .variants{display:none}.stage:not(.has-result) .result-bar{text-align:center;display:block}
.style-picker{border:0;padding:0;margin:24px 0 20px;min-width:0}.style-picker legend{font-weight:750;font-size:14px;padding:0;margin-bottom:12px}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-options button{padding:0 0 6px;display:flex;flex-direction:column;gap:7px;align-items:center;border:2px solid transparent;background:transparent;box-shadow:none;border-radius:0;transform:none;clip-path:none;min-width:0;font-family:inherit;font-size:12px;line-height:1.3;color:#212420}.style-options button::before,.style-options button::after{content:none}.style-options button img{width:100%;height:92px;object-fit:cover}.style-options button[aria-pressed=true]{border-color:#252824;background:#d6e9eb}.style-options button:hover{background:#e1d9c8}.style-options button:focus-visible{outline:3px solid #144c7d;outline-offset:3px}.optional{font-weight:400;font-size:12px;opacity:.65}.controls .helper{font-size:12px;line-height:1.5}.premium-callout{display:none}.controls .source-actions{padding-bottom:6px}.dropzone{min-height:0!important;padding:20px 12px!important}.dropzone .upload-icon{font-size:32px}.controls .field{margin-top:18px}#generate{width:100%;font-size:19px;margin-top:22px}.controls #status{line-height:1.55}.result-bar{flex-wrap:wrap}.result-actions{flex-wrap:wrap}
.purchase-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.purchase-path{border-top:4px solid #292b24;padding:25px 12px 18px;min-width:0}.purchase-path:nth-child(2){border-color:#c23427}.purchase-path:nth-child(3){border-color:#659cac}.purchase-path h3{font-size:30px;margin:12px 0}.purchase-path p{line-height:1.6;font-size:15px}.entry-price strong{font-size:40px;line-height:1}.purchase-path button{display:block;max-width:100%;margin:18px 0 0;padding:13px 20px;border:0;background:#a9dfef;color:#22251f;font-weight:800;border-radius:0;clip-path:polygon(2% 8%,94% 0,100% 90%,5% 100%);transform:rotate(-1deg);font-family:inherit}.purchase-path button:nth-of-type(2){background:#e94a36;color:#fff;transform:rotate(1deg)}.purchase-path select{width:100%;padding:14px 10px;font:inherit;background:#f7f1e5;border:1px solid #5c5d50;border-radius:0;color:#222}.purchase-path .helper{font-size:12px}.purchase-path .field{font-size:13px}.purchase-path button:focus-visible{outline:3px solid #144c7d;outline-offset:5px;clip-path:none}.purchase-path button:disabled{opacity:.55;cursor:wait}
#monthly-options{padding-top:32px;margin-top:20px}#monthly-options[hidden]{display:none}#plans-reveal[aria-expanded=true]{background:#f8d36e}.monthly-plan{min-width:0}#checkout-status{line-height:1.6}.studio-faq{padding:65px 0;border-top:1px solid #c5bca7}.studio-faq details{border-bottom:1px solid #c5bca7;padding:20px 0}.studio-faq summary{font-size:18px;font-weight:700;cursor:pointer}.studio-faq details p{line-height:1.75;max-width:760px;font-size:15px}.faq-feedback{margin-top:25px}
.studio-dialog{width:min(920px,calc(100% - 32px));max-height:90dvh;overflow:auto;margin:auto;padding:30px;border:2px solid #272a23;background:#f5efdf;color:#22251f;box-sizing:border-box}.studio-dialog::backdrop{background:rgb(13 22 18 / .75)}.studio-dialog h2{font-family:Georgia,serif;font-size:30px;max-width:80%;margin:0 0 18px}.dialog-close{float:right;padding:9px 14px;border:1px solid #272a23;background:#a9dfef;color:#222;font:inherit;font-weight:700;cursor:pointer}.proof-full{display:block;width:100%;height:auto}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;border-top:2px solid #222;padding-top:15px}.project-card img,.project-placeholder{width:100%;height:230px;object-fit:contain;background:#e5dfd1}.project-placeholder{display:grid;place-items:center}.project-card h3{font-size:18px}.project-card p{font-size:12px;line-height:1.55;overflow-wrap:anywhere}.project-card .project-brief{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card button,#projects-open,#projects-dialog>button:not(.dialog-close){padding:10px 12px;background:#a9dfef;border:1px solid #272a23;font:inherit;font-size:13px;display:block;margin:10px 0;color:#222;cursor:pointer}.project-card button:disabled{opacity:.5}.studio-dialog:focus-visible{outline:3px solid #144c7d}
@media(max-width:1000px){.hero-copy #hero-title{max-width:230px}.hero-copy .graffiti-title{max-height:255px}.hero-promise{font-size:30px}.hero-work .showcase-projects button{font-size:12px;padding:10px}.purchase-paths{gap:15px}.purchase-path h3{font-size:25px}.stage{position:static}}
@media(max-width:800px){.hero-copy #hero-title{max-width:200px}.hero-copy .graffiti-title{max-height:210px}.hero-promise{font-size:29px}.hero-work .hero-comparison{gap:14px}.purchase-paths{grid-template-columns:1fr}.purchase-path{padding:23px 4px}.purchase-path button{display:inline-block;margin-right:8px}.purchase-path select{max-width:350px;display:block}.how-it-works{gap:18px}.how-it-works article{padding-left:34px}.step-mark{font-size:34px}.how-it-works h3{font-size:19px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.site-header .header-cta{display:none}.site-header nav a:nth-child(3){display:block}.hero{padding-top:20px;gap:32px}.hero-copy #hero-title{max-width:145px;margin:0 auto}.hero-copy .graffiti-title{max-height:150px}.hero-copy .logo-spray{max-height:170px}.hero-copy>.eyebrow{font-size:16px}.hero-promise{font-size:29px;max-width:12em;margin:4px 0 14px}.hero-copy .hero-description{font-size:16px;margin-bottom:17px}.hero-footnote{margin-top:15px}.hero-footnote p{font-size:13px}.hero-work .work-heading .tag{font-size:12px}.hero-work .hero-comparison figcaption{font-size:12px}.hero-work .showcase-options button{font-size:12px}.hero-work .hero-comparison{padding-top:10px}.hero-work .example-note{font-size:12px}.how-it-works{grid-template-columns:1fr;padding-block:32px!important;gap:25px}.how-it-works article{padding-left:45px}.how-it-works p{font-size:14px}.studio-section{padding-top:45px}.studio-section .section-heading{gap:18px}.studio-intro p{font-size:14px}.account-bar{font-size:13px}.controls{padding:20px 16px}.controls textarea{min-height:85px}.style-options button img{height:82px}.stage{padding:16px!important}.stage .comparison{gap:12px}.stage .artboard img,.stage .artboard canvas{max-height:380px}.studio-faq{padding-block:40px}.studio-faq summary{font-size:16px}.studio-dialog{padding:20px 15px}.studio-dialog h2{font-size:25px}.projects-grid{grid-template-columns:1fr}.project-card img{height:300px}}