.upload-icon{width:46px;height:46px;border:0;border-radius:13px;display:grid;place-items:center;color:#ffbd42;background:#ffbd4212}.upload-icon svg{width:34px;height:34px}.assurances span:before{content:'✓';color:#ffbd42;margin-right:5px}.collection-explorer.artist-selected{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.65fr);gap:clamp(26px,5vw,80px);align-items:start}.artist-selected .gallery{grid-template-columns:1fr}.artist-selected .card-image{height:auto;aspect-ratio:4/5}.art-card>button{width:100%;padding:0;text-align:left}.artist-read-link{display:inline-block;font-size:11px;color:#dcc298;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.artist-story{padding:28px 32px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(135deg,#21180f,#171310)}.artist-story[hidden]{display:none}.artist-story h3{font:clamp(27px,3vw,39px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.8px;margin:14px 0 22px}.artist-story p{font-size:14px;color:#bcb0a0;line-height:1.85;margin:14px 0}.artist-story .story-lead{color:#eee0cd;font-size:16px}.artist-story h4{font-size:13px;margin:24px 0 0;color:#e4c79e}.artist-traits{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.artist-traits span{border:1px solid #bca07940;color:#dbc5a3;border-radius:30px;font-size:10px;padding:7px 12px}.artist-other{padding:18px 0;margin:0}.artist-other ul{padding:0;list-style:none}.artist-other li{margin:15px 0}.artist-other li a{display:grid;gap:4px}.artist-other li strong{font-weight:500;font-size:13px;color:#e7d6bf}.artist-other li span{font-size:11px;color:var(--muted)}.story-source{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#bca079}.story-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:25px}.story-actions .white{font-size:12px;min-height:44px}.artist-page>h1{max-width:850px;font-size:clamp(38px,5vw,65px)}.artist-page-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:40px;align-items:start;margin:35px 0}.artist-page figure{margin:0}.artist-page figure img{width:100%;max-height:650px;object-fit:cover;border-radius:12px}.artist-page figcaption{font-size:11px;color:var(--muted);margin-top:12px}.artist-result{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:45px;margin-top:50px;align-items:center}.artist-result img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.artist-result h2{font-size:36px}.artist-result p{color:var(--muted);font-size:14px}.artist-result .white{display:inline-block;margin-top:12px}.artist-page-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:45px}.artist-page-links a{border:1px solid var(--line);border-radius:30px;font-size:12px;padding:12px 16px}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:1000;background:#ffbd42;color:#21170e;padding:12px;border-radius:8px}.skip-link:focus{transform:none}:target{scroll-margin-top:110px}@media(max-width:760px){.collection-explorer.artist-selected{grid-template-columns:1fr;gap:22px}.artist-selected .gallery{max-width:none}.artist-selected .card-image{height:320px;aspect-ratio:auto}.artist-selected .art-card{display:grid;grid-template-columns:1fr}.artist-story{padding:24px 20px}.artist-story p{font-size:13px;line-height:1.85}.artist-story .story-lead{font-size:15px}.story-actions .white{width:100%;text-align:center;line-height:1.5}.artist-page-grid,.artist-result{grid-template-columns:1fr;gap:25px}.artist-page figure img{max-height:400px;object-position:center}.artist-page>h1{font-size:39px}.artist-result h2{font-size:31px}.filters{gap:8px}.filters button{padding:12px 14px;min-height:44px}.how-art .image-note{font-size:18px;right:20px}.collection-bottom{gap:18px}.art-card button{min-width:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.studio-login{padding:18px;border:1px solid #ffbd4270;border-radius:12px;margin:18px 0;background:#ffbd4210}.studio-login[hidden]{display:none}.studio-login p{font-size:12px;color:var(--muted);line-height:1.7}.studio-login small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.studio-login a{display:block;text-align:center}.login-page{max-width:800px;text-align:center}.login-card{margin:30px 0}.login-card h2{font-size:30px}.login-card .white{display:inline-block;min-width:230px}.login-page>p{color:var(--muted);font-size:15px}.login-card .form-note{margin-top:25px}

/* The example files contain two equal panels. Fit those panels rather than zooming the entire diptych. */
.painting .diptych-after,.before-crop img{object-fit:fill;object-position:center}
.artist-result .result-sample{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:3/4;min-width:0}
.artist-result .result-sample img{position:absolute;inset:0;width:200%;max-width:none;height:100%;aspect-ratio:auto;object-fit:fill;transform:translateX(-50%);border-radius:0}
.hero-copy,.hero-art,.artist-result>*{min-width:0}
@media(max-width:700px){.before-photo{left:12px;bottom:70px;width:clamp(82px,24vw,122px)}.hero-art .painting{aspect-ratio:3/4}.artist-result{min-width:0}.artist-result h2{overflow-wrap:anywhere}}


.hero-art,.result-sample{--after-width:200%;--before-width:200%;--panel-offset:-50%}
.hero-art[data-current-subject="Casais"],.result-sample.sample-casais{--after-width:181.36%;--before-width:222.91%;--panel-offset:-44.8611%}
.hero-art[data-current-subject="Mix"],.result-sample.sample-mix{--after-width:192.5134%;--before-width:208.0925%;--panel-offset:-48.0556%}
.painting .diptych-after,.artist-result .result-sample img{width:var(--after-width);transform:translateX(var(--panel-offset))}
.before-crop img{width:var(--before-width)}
@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:0}.hero-copy{width:100%}.hero-copy>.hero-art{width:calc(100% - 54px);margin:28px 54px 28px 0}.hero-copy>.hero-art>.subject-tabs{position:absolute;right:-48px;top:25%;display:flex;flex-direction:column;width:48px;margin:0;border:1px solid #ffffff20;border-radius:12px;background:#1e1712}.hero-copy>.hero-art>.subject-tabs button{width:46px;min-height:64px;padding:8px 2px}.hero-copy>.hero-art>.subject-tabs .subject-icon{width:23px;height:23px}.hero-copy>.hero-art>.subject-tabs .mix-icon{width:35px}.hero-copy>.hero-art>.subject-tabs span{font-size:9px;margin-top:6px}.hero-copy>.hero-art>.subject-tabs button.active{background:var(--cream);color:#332a22}}