.cap-concept{--card-gap:20px;--card-width:calc((100% - 40px)/3.15)}
.cap-rail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.cap-rail-toolbar>p{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;letter-spacing:.12em}
.cap-rail-controls{display:flex;align-items:center;gap:9px}
.cap-position{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:12px}
.cap-rail-controls button{height:40px;min-width:40px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:17px}
.cap-rail-controls .cap-motion{font-size:10px;padding:0 13px}
.cap-window{overflow:hidden;outline-offset:7px!important}
.cap-track{display:flex;gap:var(--card-gap);will-change:transform;transform:translate3d(0,0,0)}
.cap-card{flex:0 0 var(--card-width);min-width:0}
.cap-square{aspect-ratio:1;position:relative;background:var(--faint);border:1px solid var(--line);border-radius:9px;overflow:hidden;container-type:inline-size}
.cap-card-top{position:absolute;left:6%;right:6%;top:6%;display:flex;justify-content:space-between;gap:10px;font-size:2.25cqw;letter-spacing:.1em;z-index:3}
.cap-card-top>span:last-child{color:var(--muted);letter-spacing:0}
.cap-phone{position:absolute;top:15%;height:67%;aspect-ratio:9/16;left:50%;transform:translateX(-50%);background:#22271e;border-radius:6px;overflow:hidden;box-shadow:0 6px 20px #25272015}
.cap-phone video,.cap-phone img{width:100%;height:100%;object-fit:cover;display:block}
.cap-chip-row{position:absolute;bottom:5.5%;left:4%;right:4%;display:flex;justify-content:center;gap:5px;align-items:center}
.cap-chip-row>span{font-size:2.5cqw;white-space:nowrap;color:var(--muted);border:1px solid transparent;border-radius:3px;padding:1.8% 2.7%;line-height:1.3}
.cap-chip-row>span.is-active{border-color:var(--line);background:var(--paper);color:var(--ink)}
.cap-card-copy{padding:20px 2px 0}
.cap-card-copy h3{font:400 clamp(22px,2vw,28px)/1.13 var(--serif);letter-spacing:-.035em}
.cap-card-copy p{font-size:11px;color:var(--muted);line-height:1.65;margin-top:10px;max-width:300px}
.cap-title{background:var(--sage)}
.cap-title-overlay{position:absolute;top:8%;left:0;right:0;text-align:center;font:600 3.6cqw/1.2 var(--sans);color:#252720}
.cap-title-overlay>span{display:block;background:#f6f4df;padding:7% 4%}
[data-card=title][data-step="1"] .cap-title-overlay{left:7%;right:7%}
[data-card=title][data-step="1"] .cap-title-overlay>span{display:inline-block;border-radius:.38em;padding:.2em .4em}
[data-card=title][data-step="2"] .cap-title-overlay{top:12%;left:5%;right:5%;color:#fff;text-shadow:0 2px 3px #0009}
[data-card=title][data-step="2"] .cap-title-overlay>span{background:none;padding:0}
.cap-framing{background:#eeeae2}
.cap-framing-phone>div{position:absolute;inset:0;overflow:hidden}
.cap-framing-phone .cap-frame-stack,.cap-framing-phone .cap-frame-blur{display:none}
[data-card=framing][data-step="1"] .cap-frame-solo,[data-card=framing][data-step="2"] .cap-frame-solo{display:none}
[data-card=framing][data-step="1"] .cap-frame-stack{display:flex;flex-direction:column;gap:2px}
.cap-frame-stack img{height:calc(50% - 1px);object-position:50% 34%;object-fit:cover}
[data-card=framing][data-step="2"] .cap-frame-blur{display:block}
.cap-frame-blur .cap-blur-back{position:absolute;inset:0;filter:blur(9px);transform:scale(1.15);opacity:.6}
.cap-frame-blur .cap-wide-front{position:absolute;top:34%;height:32%;width:100%;object-fit:contain}
.cap-music{background:#e8ede6}
.cap-music-preview{position:absolute;left:24%;right:24%;top:16%;aspect-ratio:16/9;border-radius:5px;overflow:hidden}
.cap-music-preview img{width:100%;height:100%;object-fit:cover}
.cap-music-preview>span{position:absolute;bottom:6px;left:7px;font-size:1.8cqw;letter-spacing:.08em;color:white;text-shadow:0 1px 3px #000}
.cap-upload-file{position:absolute;left:9%;right:9%;top:52%;padding:4%;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:5px}
.cap-upload-file>i{font-size:5cqw;font-style:normal;line-height:1;color:var(--accent)}
.cap-upload-file>div{flex:1;min-width:0}
.cap-upload-file span{font-size:3.2cqw;display:block}
.cap-upload-file small{font-size:2.2cqw;color:var(--muted);display:block;margin-top:4px}
.cap-upload-file>b{font-size:4.5cqw;font-weight:400;color:var(--accent)}
.cap-audio-wave{position:absolute;left:15%;right:15%;top:74%;height:8%;display:flex;align-items:center;justify-content:space-between;gap:4px}
.cap-audio-wave i{display:block;width:3px;background:#77836b;border-radius:2px;height:45%}
.cap-audio-wave i:nth-child(3n){height:90%}.cap-audio-wave i:nth-child(4n){height:65%}.cap-audio-wave i:nth-child(5n){height:25%}
[data-card=music][data-step="1"] .cap-upload-file{border-color:var(--accent)}
[data-card=music][data-step="2"] .cap-audio-wave i{background:var(--accent)}
.cap-words{background:#f0ece6}
.cap-words .cap-phone{left:32%;height:66%;top:17%}
.cap-word-caption{position:absolute;left:6%;right:6%;bottom:19%;padding:3px 4px;font-size:2.15cqw;font-weight:600;text-align:center;color:white;background:#0009;line-height:1.3}
.cap-word-caption strong{color:#00ff85;font-weight:inherit}
.cap-word-edit{position:absolute;left:43%;right:5%;top:43%;background:var(--paper);border:1px solid var(--line);box-shadow:0 7px 18px #25272012;padding:5%;border-radius:5px}
.cap-word-edit>span{font-size:2cqw;letter-spacing:.1em;color:var(--muted)}
.cap-word-edit>p{font-size:3.6cqw;line-height:1.7;margin:9px 0}
.cap-word-edit strong{font-weight:400;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.cap-word-edit small{font-size:2.2cqw;color:var(--muted);line-height:1.5;display:block}
.cap-caret{height:1em;border-left:1px solid var(--accent);display:inline-block;vertical-align:middle;margin-left:2px}
[data-card=words][data-step="2"] .cap-word-edit{border-color:#8b9b78}
.cap-teaser{background:var(--sage)}
.cap-teaser-screen{position:absolute;left:16%;right:16%;top:17%;aspect-ratio:16/9;border-radius:5px;overflow:hidden}
.cap-teaser-screen>img{width:100%;height:100%;object-fit:cover}
.cap-teaser-label{position:absolute;bottom:7px;left:8px;right:8px;color:white;font-size:1.8cqw;letter-spacing:.05em;text-shadow:0 1px 3px #000}
.cap-teaser-timeline{position:absolute;left:8%;right:8%;top:62%;height:15%}
.cap-main-sequence{height:100%;position:absolute;left:0;right:0;display:flex;gap:3px;background:#d4dcca;padding:5px;border-radius:3px;transition:left .65s,width .65s}
.cap-main-sequence>span{position:absolute;left:8px;top:-17px;font-size:2cqw;letter-spacing:.08em;color:var(--muted)}
.cap-main-sequence i{display:block;flex:1;background:#8f9b80;border-radius:2px}
.cap-main-sequence .cap-highlight-moment{background:var(--accent);outline:2px solid #f7f7f2;outline-offset:-3px}
.cap-teaser-piece{position:absolute;left:36%;width:23%;top:0;bottom:0;border:1px solid var(--accent);background:#f7f7f2;color:var(--accent);padding:7px 3px;line-height:1.3;text-align:center;font-size:2cqw;opacity:0;transition:left .65s,opacity .35s}
.cap-teaser-piece strong{font-size:2.5cqw;font-weight:600}
[data-card=teaser][data-step="1"] .cap-teaser-piece,[data-card=teaser][data-step="2"] .cap-teaser-piece{left:0;opacity:1}
[data-card=teaser][data-step="1"] .cap-main-sequence,[data-card=teaser][data-step="2"] .cap-main-sequence{left:26%;right:0}
.cap-teaser-explanation{position:absolute;top:81%;left:9%;right:9%;display:flex;justify-content:space-between;font-size:2.2cqw;color:var(--muted)}
.cap-teaser-explanation b{font-size:4cqw;font-weight:400;color:var(--accent)}
.cap-teaser .cap-chip-row{bottom:4%}
.cap-section-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px}
.cap-section-footer .small-note{font-size:9px}.cap-section-footer .text-link{font-size:11px}
.cap-square{border-color:#d8ddcf;box-shadow:0 2px 2px #25272003}
.cap-card-top>span:last-child{border:1px solid #b7c1a78a;border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center;margin-top:-5px;font-size:8px}
.cap-phone{border:1px solid #ffffff70;box-shadow:0 6px 20px #25272020}
.cap-music-preview{top:21%}
.cap-music-preview video{width:100%;height:100%;object-fit:cover;display:block}
.cap-sound{position:absolute;right:6%;top:13%;font:inherit;font-size:2.4cqw;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:var(--paper);z-index:4;min-height:30px}
.cap-sound[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.cap-word-caption{display:none}
.cap-teaser-screen{left:29%;right:auto;top:13%;height:56%;width:42%;aspect-ratio:9/16;border:1px solid #ffffff70;box-shadow:0 6px 20px #25272015}
.cap-teaser-screen video{display:block;width:100%;height:100%;object-fit:cover}
.cap-teaser-label{font-size:1.8cqw;bottom:6px;left:4px;right:4px;text-align:center}
.cap-teaser-timeline{top:76%;height:10%}
.cap-teaser-explanation{top:89%;font-size:2cqw}
.cap-teaser .cap-chip-row{display:none}
.cap-teaser-piece{font-size:1.9cqw;padding:3px}
.cap-teaser-piece strong{font-size:2.3cqw}
.cap-rail-controls button:hover,.cap-sound:hover{border-color:var(--muted)}
.cap-music .cap-chip-row>span{font-size:2.35cqw}
@media(max-width:1000px){.cap-concept{--card-width:calc((100% - 20px)/2.15)}.cap-card-copy h3{font-size:28px}}
@media(max-width:700px){.cap-concept{--card-gap:16px;--card-width:84%}.cap-rail-toolbar{gap:12px;align-items:flex-start}.cap-rail-toolbar>p{font-size:7px;letter-spacing:.08em;max-width:155px;line-height:1.8}.cap-position{display:none}.cap-rail-controls{gap:5px}.cap-rail-controls button{min-width:36px;height:44px}.cap-rail-controls .cap-motion{font-size:9px;padding:0 9px}.cap-card-copy h3{font-size:27px}.cap-card-copy p{font-size:11px;margin-top:9px}.cap-section-footer{display:block;margin-top:24px}.cap-section-footer .text-link{margin-top:14px}.cap-square{border-radius:7px}}
@media(prefers-reduced-motion:reduce){.cap-track,.cap-teaser-piece,.cap-main-sequence{transition:none!important}}