.scene-transition{position:relative;z-index:2;background:#fff;padding:24px 8vw 20px;border-bottom:1px solid #eee;box-shadow:0 -18px 38px #0003}.scene-transition .scene-note{border:0;margin:0;padding:0;color:#333;font-size:12px;line-height:1.8;letter-spacing:.02em}.about{box-shadow:0 -8px 25px #00000012}.hero{perspective:1400px;overflow:hidden}.hero main#inicio{transform:translateZ(calc(var(--recede,0)*-140px)) scale(calc(1 - var(--recede,0)*.07));filter:blur(calc(var(--recede,0)*7px));opacity:calc(1 - var(--recede,0)*.28);transform-origin:50% 35%;will-change:transform,filter}.site-nav{filter:none!important}.work-sheet{box-shadow:0 -15px 36px #00000025,0 -2px 5px #00000010;perspective:1400px}.sheet-grid{transform:rotateX(calc(var(--depth,0)*2deg)) scale(calc(1 - var(--depth,0)*.025));transform-origin:center top;filter:brightness(calc(1 - var(--depth,0)*.07));will-change:transform}.experience-roll .name-track:first-of-type{animation-duration:35s}.experience-roll .name-track:nth-of-type(2){animation-duration:48s;animation-direction:reverse}.experience-roll{padding-bottom:4px}.geo-maps img{height:190px}.geo-maps figcaption{color:#333}
footer{min-height:100vh;min-height:100svh;padding:110px 8vw 45px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto auto auto 1fr;align-content:center;gap:20px 5vw}footer>.eyebrow{grid-column:1;align-self:end;margin:0}footer h2{grid-column:1;max-width:100%;font-size:clamp(3rem,6vw,6rem);margin:0}footer .contact-icon{position:static;grid-column:2;grid-row:1/4;align-self:center;justify-self:center;width:min(22vw,280px)}footer .mail-cta{grid-column:1;margin-top:12px;align-self:start}footer>small{grid-column:1/-1;align-self:end;margin:0;border-top:1px solid #333;padding-top:20px}
@media(max-width:900px){.hero main#inicio,.sheet-grid{transform:none;filter:none;opacity:1;will-change:auto}.scene-transition{padding:20px 8vw}.geo-maps img{height:130px}footer{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px 8vw 35px;gap:24px}footer .contact-icon{align-self:flex-start;width:80px;margin:0}footer h2{font-size:clamp(2.6rem,8vw,4rem);margin:0}footer .mail-cta{margin:0}footer>small{margin-top:auto;width:100%;padding-top:20px}}
.work-sheet{perspective:1100px}
.sheet-grid{transform:translateZ(calc(var(--depth,0)*-230px)) rotateX(calc(var(--depth,0)*7deg)) scale(calc(1 - var(--depth,0)*.065));transform-origin:50% 18%;filter:blur(calc(var(--depth,0)*3.2px)) brightness(calc(1 - var(--depth,0)*.12));box-shadow:0 calc(var(--depth,0)*24px) calc(var(--depth,0)*55px) rgb(0 0 0 / calc(var(--depth,0)*.28));will-change:transform,filter}
@media(max-width:900px){.sheet-grid{transform:translateZ(calc(var(--depth,0)*-35px)) rotateX(calc(var(--depth,0)*1deg));filter:blur(calc(var(--depth,0)*.5px));box-shadow:none;will-change:auto}}
.experience-roll{padding-bottom:44px}
@media(max-width:900px){.experience-roll{padding-bottom:30px}}
body:not(.within-works) .work-dots{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.hero main#inicio,.sheet-grid{transform:none;filter:none;opacity:1;will-change:auto}.name-track{animation:none!important}}

/* Material surrounding the sheets, never over the readable card content. */
.work{background:#e4e5e6 url('assets/rough-paper-gray.png') repeat;background-size:640px;background-blend-mode:soft-light}
.work-sheet{border-left:0;border-right:0;box-shadow:0 -15px 36px #0002,0 8px 28px #0000001c}
.work-sheet::before,.work-sheet::after{content:"";position:absolute;top:0;bottom:0;width:12px;pointer-events:none;background:inherit;background-image:url('assets/rough-paper-gray.png');background-size:240px;background-blend-mode:screen;z-index:-1}
.work-sheet::before{left:-11px;mask-image:linear-gradient(to right,transparent,#000 85%)}
.work-sheet::after{right:-11px;mask-image:linear-gradient(to left,transparent,#000 85%)}
footer.writing-finale{display:block;position:relative;min-height:165vh;min-height:165svh;padding:0;background:#151515;color:#151515;overflow:visible;isolation:isolate}
.closing-stage{position:sticky;top:68px;height:calc(100vh - 68px);height:calc(100svh - 68px);overflow:hidden;background:#151515}
.closing-plane{position:absolute;inset:0;transform-origin:100% 0;transform:scale(calc(1 + var(--closing-progress,0)*.08));will-change:transform}
.writing-still{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.closing-copy{position:absolute;left:10%;top:53%;width:39%;transform:translateY(-10%);color:#141414}
footer .closing-copy .eyebrow{color:#594535;font-size:11px;margin:0 0 16px}
footer .closing-copy h2{color:#141414;font-size:clamp(2.5rem,4.3vw,5rem);line-height:.98;letter-spacing:-.045em;margin:0 0 24px}
footer .closing-copy h2 em{color:#b6491c}
footer .closing-copy .mail-cta{margin:0;min-height:0;padding:15px 22px;background:#151515;color:white;border:1px solid #151515;box-shadow:0 5px 15px #0002}
footer .closing-copy .mail-cta:hover{background:#c44c1a;border-color:#c44c1a;color:white}
footer .closing-copy .mail-cta:focus-visible{outline:3px solid #e66b35;outline-offset:5px}
.closing-credit{position:absolute;bottom:0;left:0;right:0;padding:14px 5%;background:#111d;color:#fff;font-size:11px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){footer.writing-finale{min-height:100svh}.closing-stage{position:relative;top:0;height:auto;min-height:100svh;padding-top:60px;display:flex;flex-direction:column;background:#fff}.closing-plane{position:relative;inset:auto;transform:none;display:flex;flex-direction:column;flex:1}.writing-still{height:auto;aspect-ratio:16/9;object-fit:contain}.closing-copy{position:relative;left:auto;top:auto;transform:none;width:auto;padding:38px 8vw 48px;background:#fff;flex:1}footer .closing-copy h2{font-size:clamp(2.8rem,8vw,4.2rem)}footer .closing-copy .mail-cta{width:100%;justify-content:center}.closing-credit{position:relative;background:#111;margin-top:auto;padding:20px 8vw;flex-wrap:wrap}.work-sheet::before,.work-sheet::after{width:8px}.work-sheet::before{left:-7px}.work-sheet::after{right:-7px}}
@media(prefers-reduced-motion:reduce){footer.writing-finale{min-height:100svh}.closing-stage{position:relative;top:0}.closing-plane{transform:none;will-change:auto}}
@media(max-width:900px){.closing-copy{display:flex;flex-direction:column;justify-content:center}}
@media(min-width:901px) and (max-height:700px){footer .closing-copy h2{font-size:3.2vw;margin-bottom:14px}footer .closing-copy .eyebrow{margin-bottom:10px}footer .closing-copy .mail-cta{padding:10px 18px}}
/* Narrow photographic film rails: transparent sprocket holes, no content crop. */
.work-sheet::before,.work-sheet::after{width:18px;mask-image:none;background:linear-gradient(90deg,#171717 0,#333 3px,transparent 3px,transparent 15px,#202020 15px,#101010 18px),repeating-linear-gradient(180deg,#1b1b1b 0px,#292929 7px,transparent 7px,transparent 16px,#151515 16px,#151515 24px);background-blend-mode:normal;background-size:auto;box-shadow:0 2px 6px #0005;border-top:1px solid #444;border-bottom:1px solid #111;opacity:.9}
.work-sheet::before{left:-24px}.work-sheet::after{right:-24px}
.work-sheet::before,.work-sheet::after{background-color:#e3e3e3}
@media(max-width:900px){.work-sheet::before,.work-sheet::after{width:12px;background:linear-gradient(90deg,#171717 0px,#333 2px,transparent 2px,transparent 10px,#202020 10px,#101010 12px),repeating-linear-gradient(180deg,#1b1b1b 0px,#292929 5px,transparent 5px,transparent 11px,#151515 11px,#151515 17px)}.work-sheet::before{left:-16px}.work-sheet::after{right:-16px}}
footer.writing-finale{align-content:normal}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.closing-copy{left:0;top:0;width:400px;height:560px;padding:105px 38px 0;transform-origin:0 0;box-sizing:border-box}footer .closing-copy h2{font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:0 0 30px}footer .closing-copy .mail-cta{padding:14px 18px;gap:12px}footer .closing-copy .mail-cta small{font-size:12px}}
@media(prefers-reduced-motion:reduce) and (min-width:901px){.closing-copy{top:50%;left:15%;width:35%;padding:24px;background:#ffffffed;transform:none}footer .closing-copy h2{font-size:3vw}}
.work-sheet{padding-top:0}
.sheet-label{background:#151515;color:#f6f6f6;padding:17px 20px;margin:0 0 24px;letter-spacing:.04em;border-bottom:1px solid #444;position:relative;z-index:1}
.sheet-grid{row-gap:48px}
.video-card:nth-child(4){position:relative}
.video-card:nth-child(4)::before{content:'CONTINÚA LA SECUENCIA';position:absolute;top:-30px;left:0;font:10px/1.4 'Courier New',monospace;letter-spacing:.08em;color:#333;pointer-events:none}
.work-sheet::before,.work-sheet::after{opacity:0;transition:none;background-color:#e3e3e3}
.work-sheet.rail-active::before,.work-sheet.rail-active::after{opacity:.9}
@media(max-width:900px){.sheet-label{font-size:10px;padding:15px 12px}.sheet-grid{row-gap:24px}.video-card:nth-child(4)::before{display:none}}
@media(min-width:901px){.closing-plane{transform-origin:50% 50%;transform:scale(calc(1 + var(--closing-progress,0)*.04))}.writing-still{object-fit:contain;object-position:center;transform:scale(.96)}.closing-credit{padding:10px 5%;background:#111b}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.closing-copy{padding:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}footer .closing-copy h2{width:100%;font-size:38px;margin:0 0 24px}footer .closing-copy .mail-cta{align-self:center;font-size:15px}footer .closing-copy .mail-cta small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.closing-plane{transform:none}}
.writing-still{object-fit:cover;object-position:50% 100%;transform:none}
.closing-copy{position:absolute;inset:0 auto auto 0;width:400px;height:560px;padding:38px;box-sizing:border-box;transform-origin:0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:none;flex:none}
footer .closing-copy h2{width:100%;font-size:38px;line-height:1.08;margin:0 0 24px}
footer .closing-copy .mail-cta{width:fit-content;align-self:center;padding:14px 18px;gap:12px;font-size:15px}
footer .closing-copy .mail-cta small{font-size:11px}
@media(max-width:900px){footer.writing-finale{min-height:100svh}.closing-stage{height:calc(100svh - 60px);min-height:0;padding:0;top:60px;display:block}.closing-plane{position:absolute;inset:0;display:block;transform:none}.writing-still{height:100%;width:100%;aspect-ratio:auto;object-position:35% 100%}.closing-credit{position:absolute;bottom:0;margin:0;padding:10px 5%;font-size:10px;background:#111b}.closing-copy{padding:38px}footer .closing-copy h2{font-size:38px}}
.writing-still{object-position:50% 50%}
footer .closing-copy h2{font-size:32px;line-height:1.08;letter-spacing:-.035em;margin-bottom:22px}
footer .closing-copy .mail-cta{font-size:14px;padding:12px 16px;gap:10px;background:#c74917;border-color:#c74917;color:#fff}
footer .closing-copy .mail-cta:hover{background:#151515;border-color:#151515}
footer .closing-copy .mail-cta svg{width:24px;height:24px}
footer .closing-copy .mail-cta small{font-size:9px}
@media(max-width:600px){footer .closing-copy h2{font-size:25px;width:240px}footer .closing-copy .mail-cta{font-size:12px;padding:12px;max-width:240px}footer .closing-copy .mail-cta small{font-size:9px}}
.paper-scene-caption,.paper-poem,.paper-signature{position:absolute;left:38px;right:38px;margin:0;pointer-events:none;color:#343434}
.paper-scene-caption{top:62px;font:11px/1.3 'Courier New',Courier,monospace;letter-spacing:0;text-align:left}
.paper-poem{top:94px;font:11px/1.3 'Courier New',Courier,monospace;text-align:left;text-wrap:wrap;letter-spacing:0}
.paper-signature{bottom:68px;font:30px/1.4 'Snell Roundhand','Apple Chancery',cursive;font-weight:400;color:#222}
@media(max-width:600px){.paper-scene-caption,.paper-poem{left:76px;right:76px;font-size:10px}.paper-poem{top:94px}.paper-signature{font-size:27px}}