/* Original editorial media composition. Owned assets; clearly illustrative. */
.testimonial-studio{--story-room:0;--story-progress:0;position:relative;padding:28px 28px 22px;background:#142923;color:#F1F0E8;overflow:hidden;isolation:isolate;flex:1}
.testimonial-studio::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 40%,#52734266,transparent 65%),linear-gradient(150deg,#ffffff05,transparent 60%)}
.story-top{display:flex;justify-content:space-between;gap:15px;font:10px/1.5 var(--mono);letter-spacing:.7px;text-transform:uppercase;color:#c5d2c0}.story-top span:last-child{color:#DEF398}
.testimonial-studio h4{font:700 33px/.98 var(--display);letter-spacing:-1px;margin:24px 0 30px}.testimonial-studio h4 em{font-style:normal;color:#DEF398}
.story-composition{display:grid;grid-template-columns:minmax(0,.8fr) 46px minmax(0,1.2fr);align-items:center;min-height:345px;margin:0 -3px 20px}
.story-inputs{min-width:0;align-self:center}.story-source{background:#f1f0e8;border:1px solid #f1f0e8;border-radius:9px;box-shadow:0 12px 28px #0004;overflow:hidden;transform:rotate(-3deg)}
.story-source-media{height:142px;position:relative;overflow:hidden;background:#465c48}.story-source-media svg{width:100%;height:100%;display:block}.source-record{position:absolute;top:9px;left:9px;background:#142923cc;color:#F1F0E8;font:8px/1.5 var(--mono);padding:4px 6px;border-radius:3px;letter-spacing:.2px}.source-record i{display:inline-block;background:#DEF398;width:5px;height:5px;border-radius:50%;margin-right:4px}.source-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f1f0e8e6;color:#142923;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:12px;padding-left:2px}
.story-source-label{padding:10px;color:#142923;font-size:11px;font-weight:650;line-height:1.4}.story-wave{height:30px;display:flex;align-items:center;gap:3px;margin:5px 0 0}.story-wave i{display:block;height:var(--h);flex:1;background:#527342;border-radius:2px}
.story-photos{position:relative;height:95px;margin:24px 12px 0 5px}.story-photo{position:absolute;top:0;left:0;width:78%;height:90px;padding:5px 5px 20px;background:#F1F0E8;box-shadow:0 8px 15px #0004;transform:rotate(5deg);border-radius:2px;z-index:2}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block}.story-photo span{position:absolute;bottom:3px;left:6px;font:9px var(--mono);color:#142923}.story-photo.second{left:25%;top:-7px;z-index:1;transform:rotate(-8deg)}.story-photo.second img{object-position:20% 80%}
.story-connector{color:#DEF398;align-self:center;display:grid;gap:7px;margin:0 4px}.story-connector span{font:8px var(--mono);letter-spacing:.5px;text-align:center}.story-connector svg{width:100%;height:16px}
.story-outputs{height:330px;position:relative;min-width:0;perspective:900px}.story-cover{position:absolute;aspect-ratio:9/16;border-radius:10px;overflow:hidden;border:2px solid #e6ead7;box-shadow:0 15px 25px #0005;background:#25392b}.story-cover>img,.story-cover>svg,.story-cut>img,.story-cut>svg{width:100%;height:100%;object-fit:cover;display:block}.cover-back{height:245px;right:-8px;top:15px;transform:rotate(9deg);opacity:.9}.cover-side{height:267px;left:-5px;top:24px;transform:rotate(-9deg);opacity:.95}.cover-side>svg{filter:saturate(.7)}.cover-back>div,.cover-side>div{position:absolute;inset:auto 0 0;padding:45px 11px 15px;background:linear-gradient(transparent,#142923e6)}.story-cover small{display:block;font:8px/1.5 var(--mono);letter-spacing:.8px;color:#DEF398}.story-cover strong{display:block;font:700 21px/1 var(--display);letter-spacing:-.5px;margin-top:6px}.cover-main{height:310px;left:50%;top:4px;transform:translateX(-50%) rotate(2deg);z-index:3}.story-cut{position:absolute;inset:0}.portrait-cut{opacity:calc(1 - var(--story-room))}.room-cut{opacity:var(--story-room)}.room-cut img{object-position:50% 70%}.edit-ratio{position:absolute;left:10px;top:11px;background:#142923b3;border:1px solid #f1f0e83b;font:8px/1.5 var(--mono);letter-spacing:.4px;padding:4px 7px;border-radius:3px}.story-cover-caption{position:absolute;inset:auto 0 0;padding:75px 13px 25px;background:linear-gradient(transparent,#142923f2)}.story-cover-caption strong{font-size:23px;line-height:1.04}.edit-subtitle{display:block;font-size:9px;line-height:1.4;color:#F1F0E8;margin-top:10px}.story-edit-track{height:2px;position:absolute;bottom:11px;left:12px;right:12px;background:#f1f0e845}.story-edit-track i{display:block;width:100%;height:100%;background:#DEF398;transform:scaleX(var(--story-progress));transform-origin:left}
.story-controls{display:flex;align-items:center;gap:10px;margin:0 0 18px;border-top:1px solid #f1f0e826;padding-top:14px}.story-controls button{cursor:pointer;min-height:44px;padding:8px 10px;border:1px solid #f1f0e84a;border-radius:6px;background:#f1f0e808;color:#F1F0E8;font:11px var(--body);display:flex;align-items:center;gap:10px}.story-controls button:hover{background:#f1f0e816}.story-controls button:focus-visible{outline:3px solid #DEF398;outline-offset:3px}.story-controls button:active{transform:translateY(1px)}.story-controls button:disabled{cursor:default;opacity:.7}.story-edit-state{font:10px/1.4 var(--mono);color:#DEF398;margin-left:auto;text-align:right;max-width:120px}.story-approval{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.5;color:#F1F0E8}.approval-check{width:20px;height:20px;display:grid;place-items:center;border:1px solid #DEF398;border-radius:50%;color:#DEF398;flex:none}.story-disclosure{font-size:10px;line-height:1.5;color:#b6c7b4;margin:13px 0 0}
@media(max-width:1100px) and (min-width:601px){.testimonial-studio{padding:24px 20px}.story-composition{grid-template-columns:minmax(0,.75fr) 30px minmax(0,1.25fr)}.story-source-media{height:126px}.story-source-label{font-size:10px}.story-outputs{height:300px}.cover-main{height:275px}.cover-back{height:215px}.cover-side{height:230px}.story-cover-caption strong{font-size:21px}.story-controls{gap:5px}.story-controls button{font-size:10px;padding:8px}.story-edit-state{font-size:9px}}
@media(max-width:600px){.testimonial-studio{padding:25px 22px 22px}.story-top{font-size:9px;letter-spacing:.3px}.testimonial-studio h4{font-size:30px;margin:22px 0 25px}.story-composition{display:flex;flex-direction:column;gap:22px;margin:0 0 22px;min-height:0}.story-inputs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.story-source-media{height:130px}.story-source-label{font-size:11px}.story-photos{margin:0;height:130px}.story-photo{height:125px;width:90%;padding-bottom:22px}.story-photo.second{left:9%;top:-12px}.story-photo span{font-size:10px}.story-connector{display:flex;align-items:center;gap:12px}.story-connector span{font-size:10px}.story-connector svg{width:50px}.story-outputs{width:100%;height:335px}.cover-main{height:322px}.cover-back{height:278px;right:2px;top:19px}.cover-side{height:285px;left:0;top:21px}.story-cover-caption strong{font-size:24px}.story-cover small{font-size:9px}.edit-subtitle{font-size:10px}.story-controls button{font-size:11px;padding:8px}.story-edit-state{font-size:9px;max-width:90px}.story-approval{font-size:11px}.story-disclosure{font-size:10px}}
@media(max-width:350px){.testimonial-studio{padding:24px 17px}.story-inputs{gap:15px}.story-source-media{height:115px}.source-record{font-size:6px;left:6px}.story-source-label{font-size:10px;padding:8px}.story-wave{gap:2px}.story-outputs{height:303px}.cover-main{height:290px}.cover-back{height:247px;right:1px}.cover-side{height:255px}.story-cover-caption strong{font-size:21px}.story-controls{gap:6px}.story-controls button{font-size:10px;padding:8px}.story-edit-state{max-width:70px}}
@media(prefers-reduced-motion:reduce){.story-cut{opacity:1}.portrait-cut{display:none}.story-edit-track i{transform:scaleX(1)}}