/* Cinematic cover: live typography and individually animated editing layers. */
.hero-wrap.wrap{max-width:none;padding-inline:4.4%;overflow:hidden;isolation:isolate;background:#0f1a15;color:#f7ecd5;--ink:#f7ecd5;--soft:#bdc6b9;--accent:#f3a487;--line:#425044;--bg:#0f1a15;position:relative}
.hero-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 81% 26%,#45523a25,transparent 50%),radial-gradient(ellipse at 25% 40%,#24362838,transparent 65%),linear-gradient(120deg,#0e1713,#101d17 60%,#0e1813)}
.hero.reference-hero{grid-template-columns:57% 43%;gap:0;min-height:740px;max-width:1760px;margin:auto;padding:70px 0 66px;align-items:center}
.reference-hero .hero-copy{z-index:2;position:relative;animation:none;min-width:0}
.reference-hero .hero-name{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,4.5vw,78px);font-weight:400;letter-spacing:-.055em;line-height:1.15;margin:0 0 21px;color:#f7ecd5;white-space:nowrap}
.hero.reference-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,7.7vw,134px);font-weight:400;font-style:italic;color:#f3a487;letter-spacing:-.055em;line-height:.98;margin:0 0 33px;max-width:none}
.reference-hero h1>span,.reference-hero h1>em{display:block;white-space:nowrap;font:inherit;letter-spacing:inherit}
.reference-hero .eyebrow{display:flex;align-items:center;gap:22px;max-width:none;font-size:clamp(10px,1.05vw,17px);font-weight:400;letter-spacing:.28em;line-height:1.7;color:#e7dec8;white-space:nowrap}
.reference-hero .eyebrow:before{content:"";height:2px;width:42px;flex-shrink:0;background:#c4d88b}
.hero-location{margin:-10px 0 22px;color:#bdc6b9;font-size:12px;line-height:1.5;letter-spacing:.025em}.all-projects{display:flex;justify-content:flex-end;margin:28px 0 0}.all-projects .btn{min-height:42px;padding:10px 18px;font-size:11px}
.hero.reference-hero .intro{max-width:565px;font-size:15px;line-height:1.85;margin:25px 0 23px;color:#bdc6b9;padding-right:16px}
.reference-hero .actions{margin-top:0;gap:13px;max-width:600px}
.reference-hero .actions .btn{min-height:46px;padding:12px 22px;font-size:12px}
.mixed .reference-hero .actions .btn:first-child{background:#d2e99c;border-color:#d2e99c;color:#18251b}
.reference-hero .actions .btn.secondary{color:#f7ecd5;border-color:#5c6759}
.reference-hero .actions .hero-cv{flex-basis:auto;margin:0 0 0 8px;font-size:11px;color:#c3cbbb;text-underline-offset:5px}
.reference-hero .hero-socials{margin-top:20px;font-size:11px;color:#a6b5a4;gap:20px}
.reference-hero .hero-art{position:relative;z-index:1;align-self:center;min-width:0;animation:none}
.reference-hero .portrait.cinematic-studio{position:relative;max-width:none;width:100%;height:auto;aspect-ratio:.98;margin:0;perspective:1200px;isolation:isolate}
.cinematic-studio:before{display:none}
.cinematic-studio .studio-screen{position:absolute;border:1px solid #e7dcc18c;border-radius:12px;overflow:hidden;background:#17271d;box-shadow:0 18px 35px #0002;animation:studio-float 9s ease-in-out infinite}
.cinematic-studio .studio-screen img{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0;filter:none;z-index:0}
.cinematic-studio .screen-back{left:7%;top:16%;width:72%;height:37%;opacity:.48;animation-delay:-4s}
.cinematic-studio .screen-back img{object-position:15% center}
.cinematic-studio .screen-middle{left:24%;top:8%;width:65%;height:44%;z-index:1;animation-delay:-2s}
.cinematic-studio .screen-middle img{filter:brightness(.62) saturate(.65);object-position:26% 40%}
.cinematic-studio .screen-main{left:43%;top:0;width:92%;height:49%;border-color:#e7dcc1;z-index:2;box-shadow:0 24px 50px #0004}
.cinematic-studio .screen-main .landscape{animation:landscape-pan 24s ease-in-out infinite;object-position:48% center;transform:scale(1.08)}
.studio-corner{position:absolute;left:7%;top:9%;width:26px;height:26px;border-top:1px solid #eee9d3;border-left:1px solid #eee9d3}
.studio-player{position:absolute;bottom:8%;left:8%;right:8%;display:flex;align-items:center;gap:20px;color:#f6e9cc;font-size:21px;z-index:1}
.studio-player i{height:2px;flex:1;background:#e3dfc058;position:relative;overflow:hidden}
.studio-player i:before{content:"";position:absolute;inset:0;background:#f7edcc;transform-origin:left;animation:studio-progress 12s linear infinite}
.cinematic-studio .studio-identity{position:absolute;left:12%;top:28%;width:29%;aspect-ratio:.91;z-index:4;border:1px solid #d6d3bda6;border-radius:9px;overflow:hidden;background:#cfcebb;box-shadow:0 16px 30px #0004;animation:identity-float 9s ease-in-out -1s infinite}
.cinematic-studio .studio-identity img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;aspect-ratio:auto;border-radius:0;mix-blend-mode:multiply;filter:saturate(.7);z-index:0}
.studio-identity>span{position:absolute;bottom:0;left:0;right:0;z-index:1;background:linear-gradient(transparent,#0c1715e8);color:#f3ecd9;font-size:7px;letter-spacing:.04em;padding:20px 6px 7px;text-align:center}
.studio-audio,.studio-editor{position:absolute;display:flex;border:1px solid #aab99749;border-radius:12px;background:linear-gradient(120deg,#2030239c,#122019df);box-shadow:0 16px 40px #0002;overflow:hidden;backdrop-filter:blur(5px)}
.studio-audio{left:7%;top:55%;width:121%;height:19%;padding:2.5% 3%;gap:4%;animation:studio-float 11s ease-in-out -3s infinite}
.studio-tools{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:5%;flex-shrink:0;color:#a7b39b7a}
.studio-tools svg{width:100%;max-height:21px;fill:none;stroke:currentColor;stroke-width:1.4;overflow:visible}
.studio-wave{display:flex;position:relative;align-items:center;justify-content:space-between;flex:1;height:100%;border:1px solid #a7b39b29;border-radius:4px;padding:7px;overflow:hidden}
.studio-wave i,.editor-wave i{display:block;flex:0 0 1px;height:var(--level);background:#9cae8d6b;animation:studio-wave 2s ease-in-out infinite alternate;animation-delay:var(--phase)}
.audio-playhead{position:absolute;top:5%;bottom:5%;width:1px;background:#eda182;animation:studio-cursor 12s linear infinite}
.audio-playhead:before,.audio-playhead:after{content:"";position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:#eda182}.audio-playhead:after{bottom:0}
.studio-editor{left:0;top:78%;width:135%;height:29%;gap:4%;padding:2.5% 3%;animation:studio-float 12s ease-in-out -5s infinite}
.studio-editor .studio-tools{padding-top:14px}
.editor-content{flex:1;min-width:0;position:relative}
.editor-ruler{height:13%;margin-bottom:1%;background:repeating-linear-gradient(90deg,transparent 0 23px,#a6b29b38 23px 24px);border-bottom:1px solid #a6b29b26}
.editor-film{height:33%;display:flex;gap:3px;overflow:hidden}
.editor-film .clip{flex:0 0 21%;border-radius:2px;border:1px solid #a6b29b40;background:linear-gradient(135deg,#263a2b,#45543a)}
.editor-film .clip:nth-child(3n){background-position:center 40%;filter:brightness(.65) saturate(.5)}
.editor-film .clip:nth-child(2n){background-position:left}
.editor-tracks{height:24%;position:relative;margin-top:5px;border-block:1px solid #aec0a51f}
.editor-tracks i{position:absolute;height:44%;border-radius:2px;background:#7b9275b8;top:0;left:0;width:58%;border:1px solid #d4d3ad35}
.editor-tracks i:nth-child(2){left:59%;width:28%;background:#d3967b}
.editor-tracks i:nth-child(3){top:52%;left:22%;width:74%;background:#78937b85}
.editor-wave{height:22%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a6b29b21}
.editor-wave i{animation:none;background:#92a08766}
.editor-playhead{position:absolute;top:0;bottom:0;width:1px;background:#efa98b;animation:studio-cursor 12s linear infinite}
.editor-playhead:before{content:"";position:absolute;left:-3px;width:7px;height:9px;background:#efa98b}
.studio-caption{position:absolute;top:113%;left:0;right:0;color:#7f907e;letter-spacing:.18em;text-transform:uppercase;font-size:8px;white-space:nowrap}
@keyframes studio-float{50%{transform:translateY(-6px)}}
@keyframes identity-float{50%{transform:translateY(4px)}}
@keyframes landscape-pan{50%{transform:scale(1.15) translateX(-2%)}}
@keyframes studio-wave{to{transform:scaleY(.55)}}
@keyframes studio-cursor{from{left:12%}to{left:97%}}
@keyframes studio-progress{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero.reference-hero{padding-block:100px 110px;min-height:860px}.hero.reference-hero .intro{font-size:17px;max-width:650px}.reference-hero .hero-socials{margin-top:24px}}
@media(min-width:761px) and (max-width:1050px){.hero.reference-hero{padding-block:60px 65px;min-height:650px;grid-template-columns:59% 41%}.reference-hero .hero-name{font-size:4.4vw}.hero.reference-hero h1{font-size:7.5vw}.hero.reference-hero .intro{font-size:14px}.reference-hero .eyebrow{font-size:9px;letter-spacing:.2em;gap:15px}.reference-hero .eyebrow:before{width:26px}.reference-hero .actions .hero-cv{margin:6px 0 0;flex-basis:100%}.reference-hero .hero-art{transform:translateY(-20px)}}
@media(max-width:760px){
 .hero-wrap.wrap{padding-inline:6%}
 .hero.reference-hero{grid-template-columns:1fr;padding:38px 0 76px;gap:43px;min-height:0}
 .reference-hero .hero-name{font-size:clamp(27px,6.75vw,47px);margin-bottom:19px;letter-spacing:-.05em}
 .hero.reference-hero h1{font-size:clamp(47px,12.2vw,86px);line-height:1.01;letter-spacing:-.055em;margin:0 0 25px}
 .reference-hero .eyebrow{font-size:8px;letter-spacing:.18em;gap:12px}
 .reference-hero .eyebrow:before{width:26px}
 .hero.reference-hero .intro{margin-block:22px;font-size:14px;line-height:1.8;padding-right:0;max-width:500px}
 .reference-hero .actions{gap:10px}
 .reference-hero .actions .btn{min-height:46px;padding:12px 17px;flex:1;justify-content:space-between;max-width:195px}
 .reference-hero .actions .hero-cv{flex-basis:100%;margin:8px 0 0;font-size:11px}
 .reference-hero .hero-socials{margin-top:18px;font-size:11px}
 .reference-hero .hero-art{width:100%;max-width:520px;margin-inline:auto;padding-bottom:50px}
 .reference-hero .portrait.cinematic-studio{width:100%;max-width:none;margin:0;aspect-ratio:1.14}
 .cinematic-studio .screen-main{left:33%;width:73%;height:50%;border-radius:9px}
 .cinematic-studio .screen-back{left:3%;width:70%;height:38%}
 .cinematic-studio .screen-middle{left:16%;width:65%;height:44%}
 .cinematic-studio .studio-identity{left:6%;top:26%;width:28%}
 .studio-audio{left:4%;width:101%;top:55%;height:20%;border-radius:9px}
 .studio-editor{left:0;width:105%;top:79%;height:30%;border-radius:9px}
 .studio-tools svg{max-height:17px}.studio-player{font-size:15px;gap:12px}.studio-identity>span{font-size:6px}
 .studio-caption{top:116%;font-size:7px;letter-spacing:.16em}
}
@media(prefers-reduced-motion:reduce){.cinematic-studio,.cinematic-studio *,.studio-player i:before{animation:none!important;transition:none!important}.audio-playhead,.editor-playhead{left:66%}}
/* Review refinements shared by desktop and touch layouts. */
.yt-grid{overflow-y:hidden!important;max-height:none!important;overscroll-behavior-y:auto!important;touch-action:pan-x pan-y!important}
.ticker-track{animation-duration:36s}
.hero-name{background:linear-gradient(110deg,#f7ecd5 15%,#e4bb94 40%,#d2e99c 60%,#f7ecd5 85%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:name-light 12s ease-in-out infinite!important}
@keyframes name-light{50%{background-position:100% 50%}}
.mobile-dock a{min-height:53px!important;padding-block:8px!important;gap:6px!important}
.youtube-section,.tenorshare-section{margin-block:0!important;padding-block:48px!important}
.reference-hero .hero-art{padding-bottom:0}.hero.reference-hero{padding-bottom:35px}
.hero-socials a{display:inline-flex;align-items:center;gap:7px}
.studio-identity{cursor:pointer}
@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:cover-in 1s cubic-bezier(.22,1,.36,1) both}.hero-copy h1{animation-delay:.12s}.hero-copy .intro{animation-delay:.24s}.hero-copy .actions{animation-delay:.34s}@keyframes cover-in{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}}
@media(max-width:760px){.hero.reference-hero{gap:30px;padding-bottom:45px}.tenor-surface.is-tracking{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))!important}}
@media(prefers-reduced-motion:reduce){.hero-name,.hero-copy>*{animation:none!important}}
.studio-slide{transition:opacity 1s ease!important;object-fit:cover!important}.audio-playhead,.editor-playhead{animation:none!important;left:var(--play-position,0%)}.studio-player i:before{animation:none!important;transform:scaleX(var(--play-scale,0))}.editor-film .current-clip{border-color:#f3a487;box-shadow:inset 0 0 0 1px #f3a487}.hero .scroll-word:after{transform:scaleX(var(--underline-progress,0))!important;transform-origin:left;transition:transform .12s linear!important}
@media(pointer:fine){html body,html body *{cursor:url('assets/cursor-dark.svg') 4 3,auto!important}}
.wordmark{position:relative!important;gap:2px!important}.wordmark .logo-letters{animation:logo-letter-loop 9s ease-in-out infinite!important}.wordmark i{animation:logo-slash-loop 9s ease-in-out infinite!important}
@keyframes logo-letter-loop{0%,100%{clip-path:inset(0 0 0 100%);transform:translateX(17px)}18%,76%{clip-path:inset(0);transform:translateX(0)}}@keyframes logo-slash-loop{0%,100%{transform:translateX(-18px)}18%,76%{transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){.card-active .cover-ten:before{animation:ring-loop 6s ease-in-out infinite}.card-active .project-cover:has(.big):after{animation:bars-loop 5s ease-in-out infinite}.sectionhead>p{transition:opacity 1s,transform 1s}.motion-enabled .sectionhead:not(.in-view)>p{opacity:0;transform:translateY(18px)}@keyframes ring-loop{50%{transform:scale(1.05);opacity:.4}}@keyframes bars-loop{50%{transform:scaleY(.8)}}}
.tenor-surface.is-tracking{transition:transform .12s ease-out!important}.studio-identity:focus-visible{outline:3px solid #d2e99c;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.wordmark .logo-letters,.wordmark i{animation:none!important;transform:none!important;clip-path:none!important}.studio-slide{transition:none!important}}
/* One filmstrip coordinate system for both the playhead and current image. */
.editor-film{position:relative;gap:3px}.editor-film .clip{flex:1 1 0;min-width:0;background-position:center!important;border-radius:3px}.editor-content{overflow:hidden}.studio-slide{border-radius:inherit!important;transition:opacity .18s ease-out!important}.cinematic-studio .screen-main{padding:0;overflow:hidden;border-radius:12px;isolation:isolate}.cinematic-studio .screen-main img{border-radius:11px!important}.studio-screen{clip-path:inset(0 round 12px)}
.hero.reference-hero{min-height:0;padding-top:45px;padding-bottom:55px}.reference-hero .hero-art{align-self:center}
.tenor-grid{align-items:center}.tenor-grid .tenor-stage{position:relative;top:auto;align-self:center;translate:none!important}
.yt-handle a{display:inline-flex;align-items:center;gap:16px}.channel-arrow{font-size:36px;font-family:Georgia,serif;line-height:1;display:inline-block;transform:rotate(12deg);transition:transform .4s}.yt-handle a:hover .channel-arrow{transform:translate(4px,-4px) rotate(12deg)}
#contact-form{position:relative;isolation:isolate;box-shadow:0 0 26px #c8eaa514;animation:contact-glow 7s ease-in-out infinite}
@keyframes contact-glow{50%{box-shadow:0 0 36px #c8eaa535,0 0 70px #ed9e8310;border-color:#a9c99b}}
@media(max-width:760px){.hero.reference-hero{padding-top:28px;padding-bottom:38px}.channel-arrow{font-size:29px}}
@media(prefers-reduced-motion:reduce){#contact-form{animation:none}.studio-slide,.channel-arrow{transition:none!important}}
.cinematic-studio .studio-screen .studio-slide{animation:none!important}
.camera-arrow{display:none!important}.camera-note{padding-right:0;max-width:390px}.personal-link{display:flex;align-items:center;gap:9px;position:relative;padding-bottom:17px;margin-bottom:-15px;text-decoration:none}.personal-link span{text-decoration:underline;text-underline-offset:5px}.instagram-pointer{width:55px;height:45px;flex-shrink:0;align-self:flex-end;transform:translateY(17px);fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.about-grid>div:first-child>.actions{max-width:390px;justify-content:center;margin-top:26px}.about-grid>div:first-child>.actions .btn{min-height:60px;padding:17px 35px;font-size:15px;background:#d2e99c;color:#17251b;border-color:#d2e99c;box-shadow:0 0 30px #c6e9a438;animation:cv-glow 6s ease-in-out infinite}@keyframes cv-glow{50%{box-shadow:0 0 45px #c6e9a46b;transform:translateY(-2px)}}
.cinematic-studio .screen-middle img,.cinematic-studio .screen-back img{animation:none!important;object-position:center;filter:brightness(.7)!important}.cinematic-studio .studio-screen .studio-slide{transform:none;transition:opacity .12s ease!important}.studio-identity>span{font-size:clamp(7px,.73vw,11px);line-height:1.35;padding:22px 7px 9px}.studio-identity.is-flipped>span{transform:rotateY(180deg)}
@media(max-width:760px){.about-grid>div:first-child>.actions{max-width:350px;margin-inline:auto}.personal-link{font-size:11px}.instagram-pointer{width:42px}}
@media(prefers-reduced-motion:reduce){.about-grid>div:first-child>.actions .btn{animation:none}}
.about-grid>.about-cv{grid-column:1/-1;justify-content:center;align-items:center;min-height:110px;margin:0;width:100%;max-width:none}.about-cv .btn{min-height:62px;padding:18px 38px;font-size:15px;background:#d2e99c;color:#17251b;border-color:#d2e99c;animation:cv-glow 6s ease-in-out infinite;box-shadow:0 0 30px #c6e9a438}
#detras-de-camara img{transform:scaleX(-1)}.personal-link{gap:10px;margin-bottom:0;padding-bottom:10px}.instagram-pointer{width:42px;height:42px;transform:translateY(10px)}.behind-camera{margin-top:10px}.personal-link span{white-space:nowrap;font-size:12px}
.cinematic-studio .deck-card{position:absolute;left:43%;top:0;width:92%;height:49%;border:1px solid #e7dcc1;border-radius:12px;overflow:hidden;transform-origin:50% 70%;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .7s,filter .85s;will-change:transform;z-index:2;background:#122019}
.cinematic-studio .deck-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:11px;animation:none!important;transform:none!important;aspect-ratio:auto}
.deck-card[data-rank="0"]{transform:translate(0,0) scale(1);opacity:1;filter:brightness(1);z-index:3}.deck-card[data-rank="1"]{transform:translate(-20%,12%) scale(.86);opacity:1;filter:brightness(.72);z-index:2}.deck-card[data-rank="2"]{transform:translate(-38%,24%) scale(.73);opacity:1;filter:brightness(.5);z-index:1}.deck-card[data-rank="3"],.deck-card[data-rank="4"]{transform:translate(-43%,28%) scale(.65);opacity:0;z-index:0}
.deck-retiring{animation:deck-to-back .85s cubic-bezier(.22,1,.36,1)}@keyframes deck-to-back{0%{transform:translate(0,0) scale(1);opacity:1;z-index:4}45%{transform:translate(18%,-12%) rotate(5deg) scale(.9);opacity:.9;z-index:4}100%{transform:translate(-43%,28%) scale(.65);opacity:0;z-index:0}}
.cinematic-studio .screen-main.deck-controls{z-index:4;background:none;box-shadow:none;border-color:transparent;pointer-events:none;animation:none}.deck-controls .studio-player{z-index:5}.cinematic-studio .studio-identity{z-index:6}
@media(max-width:760px){.cinematic-studio .deck-card{left:33%;width:73%;height:50%}.about-grid>.about-cv{min-height:95px}.personal-link span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cinematic-studio .deck-card,.about-cv .btn{animation:none!important;transition:none!important}}
.cinematic-studio .deck-card[data-rank="0"]{z-index:3}.cinematic-studio .deck-card[data-rank="1"]{z-index:2}.cinematic-studio .deck-card[data-rank="2"]{z-index:1}.cinematic-studio .deck-card[data-rank="3"],.cinematic-studio .deck-card[data-rank="4"]{z-index:0}.cinematic-studio .studio-screen[hidden],.deck-controls .studio-slide{display:none!important}
.reference-hero .hero-socials{align-items:center;flex-wrap:wrap;gap:14px 20px}.reference-hero .hero-socials .hero-cv{font-size:11px;min-height:30px;margin:0;flex-basis:auto;color:inherit}
@media(max-width:760px){
.reference-hero .hero-art{width:100%;padding:0;display:grid;place-items:center}
.reference-hero .portrait.cinematic-studio{width:100%;aspect-ratio:1/1.04;margin:0!important;translate:none!important}
.cinematic-studio .deck-card,.cinematic-studio .screen-main.deck-controls{left:31%;width:69%;height:46%}
.cinematic-studio .studio-identity{left:5%;top:24%;width:28%}
.cinematic-studio .studio-audio{left:3%;top:52%;width:94%;height:19%}
.cinematic-studio .studio-editor{left:0;top:75%;width:100%;height:25%}
.reference-hero .hero-socials .hero-cv{flex:0 0 auto;margin:0;min-height:30px;font-size:11px}
.hero.reference-hero{gap:26px;padding-bottom:24px}
}
/* Vertical grid gaps must not grow with the height of the biography. */
.about-grid{column-gap:7%;row-gap:28px}.about-grid>.about-cv{position:relative;inset:auto;grid-row:auto;align-self:stretch;min-height:100px;margin:0;transform:none!important;translate:none!important}.about-grid>.about-cv .btn{position:relative;inset:auto}.about{overflow:clip}
@media(max-width:760px){.about-grid{row-gap:24px;column-gap:0}.about-grid>.about-cv{min-height:90px}}
/* Cards and their player controls travel as one object. */
.cinematic-studio .deck-card{animation:none!important;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .85s ease,filter .85s ease;transform-origin:50% 50%;clip-path:inset(0 round 12px)}
.cinematic-studio .deck-card[data-rank="0"]{transform:translate(0,0) scale(1);opacity:1;z-index:5;filter:brightness(1)}
.cinematic-studio .deck-card[data-rank="1"]{transform:translate(-20%,12%) scale(.86);opacity:1;z-index:4;filter:brightness(.75)}
.cinematic-studio .deck-card[data-rank="2"]{transform:translate(-38%,24%) scale(.73);opacity:1;z-index:3;filter:brightness(.55)}
.cinematic-studio .deck-card[data-rank="3"]{transform:translate(-43%,28%) scale(.65);opacity:0;z-index:2}
.cinematic-studio .deck-card[data-rank="4"]{transform:translate(-47%,32%) scale(.6);opacity:0;z-index:1}
.deck-card .studio-player{transition:opacity .5s;opacity:0}.deck-card[data-rank="0"] .studio-player{opacity:1}.deck-card .studio-player i:before{transform:scaleX(var(--play-scale,0))}.cinematic-studio .studio-identity{z-index:7}.editor-film{gap:0}.editor-film .clip{margin:0;border-width:1px}
@media(prefers-reduced-motion:reduce){.cinematic-studio .deck-card,.deck-card .studio-player{transition:none!important}}
.deck-card .studio-player{z-index:4}
/* Keep headings readable without JavaScript, improve small copy and stop idle wave animation. */
@media(prefers-reduced-motion:no-preference){.motion-enabled .motion-enabled .sectionhead:not(.in-view)>p{opacity:0;transform:translateY(18px)}}
.studio-wave i{animation:none!important}
.reference-hero .hero-socials .hero-cv{min-height:44px;padding:0 8px;font-size:12px}
.tenor-contributions>div>span{color:#52684a}
.brief textarea::placeholder{color:var(--soft);opacity:.9}

/* Anotación del canal: la curva dirige la mirada al enlace @JuanTorralbo. */
.yt-handle{flex-wrap:wrap;gap:10px 14px;align-items:center}
.yt-handle>a:not(.channel-callout){display:inline-flex;align-items:center;min-height:36px}
.channel-callout{display:inline-flex!important;align-items:center;gap:6px!important;margin:0 0 0 5px;color:#d2ef9a;font-size:11px;font-weight:600;letter-spacing:0;white-space:nowrap}
.channel-callout svg{display:block;width:42px;height:34px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.channel-callout:hover{color:#f0f4e8}
.channel-callout:hover svg{transform:translate(-2px,-2px);transition:transform .25s ease}
.yt-toolbar{border-top:0;padding-top:5px}
.personal-link{display:inline-flex;width:max-content;max-width:100%;align-items:flex-end;gap:7px;margin:12px 0 -17px;padding:0;position:relative;z-index:2}
.personal-link span{white-space:normal;text-decoration:underline;text-underline-offset:5px}
.instagram-pointer{display:block;width:54px;height:47px;flex:none;align-self:flex-end;transform:none;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.behind-camera{position:relative;z-index:1;margin-top:0}
.about-grid>.about-cv{min-height:116px}
.about-cv .btn{position:relative;animation:cv-glow 3.8s ease-in-out infinite;box-shadow:0 0 24px #c6e9a45c,0 0 42px #c6e9a426}
@keyframes cv-glow{0%,100%{box-shadow:0 0 20px #c6e9a44d,0 0 36px #c6e9a41a;transform:translateY(0)}50%{box-shadow:0 0 36px #c6e9a48c,0 0 62px #c6e9a43d;transform:translateY(-2px)}}
.tools{margin-top:30px;padding:20px;border:1px solid #53624b66;border-radius:16px;background:linear-gradient(145deg,#d2ef9a0a,#d2ef9a04);line-height:1.5}
.tools-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding-bottom:0}
.tools-heading .eyebrow{color:var(--ink);font-size:9px}
.tools-heading p{margin:0;color:var(--soft);font-size:11px}
.tool-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding-top:16px}
.tool-group>span{display:block;margin-bottom:8px;color:var(--soft);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.tool-group ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.tool-group li{padding:5px 9px;border:1px solid #82917445;border-radius:999px;color:var(--ink);font-size:10px;line-height:1.35}
@media(max-width:760px){
 .yt-handle{gap:8px 12px}
 .channel-callout{gap:3px!important;margin-left:0;font-size:10px}
 .channel-callout svg{width:34px;height:30px}
 .yt-toolbar{padding-top:0}
 .personal-link{margin-bottom:-15px;gap:5px}
 .instagram-pointer{width:45px;height:44px}
 .about-grid>.about-cv{min-height:110px}
 .tools{margin-top:22px;padding:17px}
 .tool-groups{gap:14px 10px}
 .tool-group li{font-size:9px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){
 .channel-callout svg{transition:none!important}
 .about-cv .btn{animation:none!important;box-shadow:0 0 24px #c6e9a45c,0 0 42px #c6e9a426}
}
.hero .scroll-word:after{transition:none!important}

/* Ajustes de las flechas de anotación: conectan con el texto o la imagen señalada. */
.channel-callout{margin-left:-6px}
.channel-callout svg{width:42px;height:32px}
.personal-link{margin-bottom:-15px;gap:5px}
.instagram-pointer{width:50px;height:46px;transform:translateY(15px)}
#aportacion .sectionhead:after{display:none!important}
@media(max-width:760px){
 .channel-callout{margin-left:-7px}
 .channel-callout svg{width:36px;height:32px}
 .instagram-pointer{width:46px;height:44px;transform:translateY(15px)}
}

.field-hint{display:block;margin:-7px 0 13px;color:var(--soft);font-size:12px;line-height:1.45}.brief [aria-invalid="true"]{border-color:#d58b76;box-shadow:0 0 0 2px #d58b7630}.cinematic-studio .studio-identity span{font-size:10px}

.hero-socials a,.yt-footer a{display:inline-flex;align-items:center;min-height:24px}

/* Keep both sides of the interactive cover card preloaded and clipped to one shared radius. */
.cinematic-studio .studio-identity{border-radius:12px;overflow:hidden;perspective:900px;isolation:isolate;cursor:pointer}
.cinematic-studio .studio-identity-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.22,1,.36,1)}
.cinematic-studio .studio-identity.is-flipped .studio-identity-flip{transform:rotateY(180deg)}
.cinematic-studio .studio-identity-face{position:absolute;inset:0;overflow:hidden;border-radius:inherit;clip-path:inset(0 round 12px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#cfcebb}
.cinematic-studio .studio-identity-face--back{transform:rotateY(180deg)}
.cinematic-studio .studio-identity-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto;border-radius:inherit;mix-blend-mode:normal;filter:none;transform:none}
.cinematic-studio .studio-identity-face>span{position:absolute;bottom:0;left:0;right:0;z-index:1;background:linear-gradient(transparent,#0c1715e8);color:#f3ecd9;font-size:clamp(7px,.73vw,11px);line-height:1.35;letter-spacing:.04em;padding:22px 7px 9px;text-align:center}
.studio-identity.is-flipped{transform:none!important}
@media(prefers-reduced-motion:reduce){.cinematic-studio .studio-identity-flip{transition:none!important}}

/* Desktop cover: keep the complete deck, waveform and editor within their column.
   Mobile proportions are intentionally unchanged. */
@media(min-width:761px){
 .cinematic-studio .deck-card,.cinematic-studio .screen-main.deck-controls{left:24%;width:76%;height:42%}
 .cinematic-studio .studio-identity{left:3%;top:27%;width:26%}
 .cinematic-studio .studio-audio{left:3%;top:53%;width:97%;height:18%}
 .cinematic-studio .studio-editor{left:0;top:76%;width:100%;height:24%}
}

/* Filmstrip: show complete thumbnails on desktop and mobile. */
 .studio-editor .editor-content{display:grid;grid-template-rows:12% 44% 22% 14%;row-gap:2.66%}
 .studio-editor .editor-ruler,.studio-editor .editor-film,.studio-editor .editor-tracks,.studio-editor .editor-wave{height:auto;min-height:0;margin:0}
 .studio-editor .editor-film{gap:3px}
 .studio-editor .editor-film .clip{background-size:contain;background-repeat:no-repeat;background-color:#132019;border-radius:3px}