.hero-image{object-position:center}.hero::after{pointer-events:none;background:linear-gradient(90deg,rgba(10,11,13,.85),rgba(10,11,13,.35)),linear-gradient(0deg,rgba(10,11,13,.85),transparent)}
.showcase-player{position:relative}.showcase-start{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:16px 22px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;background:rgba(10,11,13,.82);box-shadow:0 10px 36px rgba(0,0,0,.35);font:11px 'JetBrains Mono',monospace;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}.showcase-start span{font-size:14px;color:var(--accent)}.showcase-start:hover,.showcase-start:focus-visible{border-color:var(--accent);background:rgba(10,11,13,.94);transform:translate(-50%,-50%) scale(1.03)}.showcase-start:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.showcase-start[hidden]{display:none}
.playground{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;margin-top:30px}.playground-main,.playground-options{min-width:0}.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050607;border-radius:6px}.comparison video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.comparison #original-video{clip-path:inset(0 100% 0 0)}.frame-label{position:absolute;top:14px;padding:6px 9px;background:rgba(0,0,0,.7);color:#fff;font:10px 'JetBrains Mono',monospace;pointer-events:none}.original-label{left:14px}.result-label{right:14px}.wipe-line{position:absolute;inset:0 auto 0 50%;width:2px;background:var(--accent);pointer-events:none}.wipe-line:after{content:'↔';position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#111;font-size:20px}.playback-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.playback-bar button{cursor:pointer}.playback-bar button:disabled{opacity:.5;cursor:wait}.playback-bar #playground-status{color:var(--subtle);font-size:12px;line-height:1.6}.wipe-controls{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.wipe-controls label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px}.wipe-controls label span,.wipe-controls p{font-size:12px;color:var(--subtle)}.wipe-controls p{margin-top:3px;line-height:1.6}.wipe-controls input{display:block;width:100%;margin:8px 0;height:44px;accent-color:var(--accent);cursor:ew-resize}.wipe-controls input:disabled{opacity:.35;cursor:default}
.playground fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.playground legend{padding:0;margin-bottom:12px;font:10px/1.6 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--subtle)}.look-options{display:grid;gap:10px}.look-options button,.coat-choice{display:flex;gap:12px;align-items:center;width:100%;padding:6px;text-align:left;border:1px solid var(--line);border-radius:4px;color:var(--text);background:transparent;cursor:pointer;font-size:13px}.look-options button img,.coat-choice img{width:85px;aspect-ratio:16/9;object-fit:cover;border-radius:2px}.look-options button[aria-pressed=true],.coat-choice[aria-pressed=true]{border-color:var(--accent);background:rgba(245,160,107,.07)}.look-options button:hover,.coat-choice:hover{border-color:var(--accent)}.coat-choice small{display:block;margin-top:5px;line-height:1.4;font-size:10px;color:var(--subtle)}.workflow-mini{border-top:1px solid var(--line);padding-top:18px}.workflow-mini img{width:160px;border-radius:3px;opacity:.75}.workflow-mini figcaption{font-size:10px;line-height:1.65;color:var(--subtle);margin-top:8px}.complete-coat{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.complete-coat summary{cursor:pointer;min-height:44px;font-size:13px;color:var(--muted)}
.stellar-heading{display:flex;align-items:center;gap:14px}.stellar-heading img{width:64px;height:64px;object-fit:contain}.person-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px)}.person-photo .portrait{width:100%;max-width:100%;aspect-ratio:4/5}.person-photo figcaption{font:10px/1.8 'JetBrains Mono',monospace;letter-spacing:.08em;color:var(--subtle);margin-top:16px}.person-copy .copy{margin-top:20px}.together .contact-links{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);gap:5px}.together .contact-links h3{font-size:24px;margin-bottom:10px}.together .contact-links .email{font-size:clamp(19px,2.25vw,30px);max-width:100%}.together .contact-form{max-width:none;margin-top:48px;grid-template-columns:1fr 1fr;column-gap:32px}.together .contact-form h3,.together .contact-form>.actions,.together .contact-form>.media-caption{grid-column:1/-1}.together .form-row{grid-template-columns:1fr;gap:16px}.together textarea{min-height:170px}.anchor-alias{display:block;scroll-margin-top:100px}.together .contact-links .actions{margin-top:16px}.together .contact-links .button{margin-top:0}
@media(max-width:1000px){.playground{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.look-options button img,.coat-choice img{width:65px}}
@media(max-width:800px){.playground{grid-template-columns:1fr}.playground-options{display:grid;grid-template-columns:2fr 1fr;gap:20px}.look-options{grid-template-columns:repeat(3,minmax(0,1fr))}.look-options button{display:block}.look-options button img{width:100%;margin-bottom:8px}.look-options button span{display:block;padding:3px}.coat-choice{display:block}.coat-choice img{width:100%;margin-bottom:8px}.coat-choice span{display:block;padding:3px}.workflow-mini{grid-column:1/-1;display:flex;align-items:center;gap:16px}.workflow-mini img{width:110px}.workflow-mini figcaption{margin:0}.person-grid{grid-template-columns:1fr 1.4fr;gap:28px}.stellar-heading img{width:48px;height:48px}}
@media(max-width:600px){.playground-options{grid-template-columns:1fr}.playground fieldset{margin-bottom:0}.coat-choice{display:flex;max-width:270px}.coat-choice img{width:95px;margin:0}.workflow-mini{margin-top:0}.person-grid{grid-template-columns:1fr}.person-photo{display:grid;grid-template-columns:130px 1fr;align-items:end;gap:20px}.person-photo .portrait{width:130px;aspect-ratio:4/5}.person-photo figcaption{max-width:16em;margin-bottom:10px}.together .contact-form{grid-template-columns:1fr}.frame-label{font-size:8px;top:8px;padding:5px}.original-label{left:8px}.result-label{right:8px}.playback-bar{gap:8px}.playback-bar #playground-status{width:100%}.hero{padding-bottom:60px}.hero-image{object-position:center}.look-options button{font-size:11px}.together .contact-links .email{font-size:clamp(17px,5.2vw,23px)}}

.playback-bar button:not(.button-primary){background:transparent;color:var(--text)}.wipe-line{width:36px;transform:translateX(-17px);background:transparent;pointer-events:auto;touch-action:none;cursor:ew-resize}.wipe-line:before{content:"";position:absolute;inset:0 auto 0 17px;width:2px;background:var(--accent)}.wipe-line:after{left:18px}