/* Personaje1013: one paper-and-ink world, from the portrait to the last link. */
body.personal-world{--paper:#fafaf7;--ink:#17191c;--blue:#2449f5;--line:#e1e4df;--world-gutter:max(24px,calc((100vw - 1120px)/2));background:var(--paper)}
.personal-world .index-bar.personal-nav,.personal-world .index-bar.personal-nav[data-theme]{--nav-bg:#fafaf7;--nav-color:#17191c;--nav-active:#2449f5;--nav-muted:#73787b;--nav-line:#e1e4df}
/* html already reserves header + 18px; this adds only the remaining 6px. */
.personal-world :is(#sobre-mi,#trabajo,#contacto,.project){scroll-margin-top:6px}
.personal-world :is(.about-sheet,.work,.contact){padding-inline:var(--world-gutter);color:var(--ink);border-radius:0;clip-path:none!important;overflow:visible}
.personal-world :is(.work-wash,.contact-wash,.archive-stage,.name-morph,.presence-ink,.signature){display:none!important}
/* Retire the old scroll masks/FLIP layers without changing native anchors or details. */
.personal-world :is(.presence-title,.presence-first,.presence-system,#work-title,#contact-title,#contact-title>span,.project-title,.summary-preview){transform:none!important;clip-path:none!important;opacity:1!important}
.personal-world :is(.about-marker,.section-kicker,.contact-marker){font-size:12px;font-weight:450;letter-spacing:.025em;color:#686f76;text-transform:none}
.personal-world :is(.about-heading-row,.work-heading,.contact-intro){position:relative}
.personal-world .about-sheet{display:block;padding-top:88px;padding-bottom:96px;background:var(--paper);border-top:1px solid var(--line)}
.personal-world .about-sheet .about-heading-row{align-items:center;min-height:68px;gap:24px;margin:0 0 24px}
.personal-world .about-heading-row>.world-drawing,.personal-world .work-heading>.world-drawing,.personal-world .contact-intro>.world-drawing{display:block;flex:none;width:112px;height:80px;color:var(--ink);overflow:visible;pointer-events:none}
.personal-world .about-sheet .about-story.about-personal{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:54px 72px;margin:0}
.personal-world .about-sheet .presence-frame{grid-column:1;grid-row:1;margin:0;align-self:start}
.personal-world .about-sheet .about-personal .presence-title{font:500 clamp(38px,4.2vw,60px)/1.08 Outfit,sans-serif;letter-spacing:-.035em;max-width:18ch;padding:0;margin:0;text-wrap:pretty}
.personal-world .about-sheet .presence-system{font:inherit;color:var(--blue);padding:0;margin:0;white-space:normal;width:auto}
.personal-world .about-sheet .about-relato{grid-column:2;grid-row:1;font-size:18px;line-height:1.7;letter-spacing:0;max-width:46ch;margin:0;align-self:center;color:#60676e}
.personal-world .about-sheet .about-margin{grid-column:1/-1;grid-row:2;margin:0;padding:0}
.personal-world .about-sheet .hero-notes{display:block;counter-reset:capability;border-top:1px solid #b9bfbe;margin:0;padding:0}
.personal-world .about-sheet .hero-note,.personal-world .about-sheet .hero-note:last-child{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;counter-increment:capability;padding:30px 0 30px 58px;border:0;border-bottom:1px solid #d8dcd7;border-radius:0;background:transparent;margin:0;min-width:0}
.personal-world .about-sheet .hero-note dt{display:flex;align-items:center;gap:22px;font-size:clamp(25px,2.5vw,34px);font-weight:500;margin:0;line-height:1.2;letter-spacing:-.035em}
.personal-world .about-sheet .hero-note dd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:17px;line-height:1.5;margin:0;max-width:none;color:#60676e}
.personal-world .about-sheet .capability-link{font-size:14px;margin-top:0;gap:16px;min-height:44px}
.personal-world .about-sheet .about-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;margin:30px 0 0;padding:0}
.personal-world .about-sheet .about-milestones li{display:block;padding-left:14px;border-left:2px solid #d5ddf7;margin:0}
.personal-world .about-milestones li::before{content:none}
.personal-world .about-milestones li>span{font-size:12px;color:#6c7380}
.personal-world .about-sheet .about-milestones p{font-size:15px;line-height:1.45;margin-top:5px;color:#444b53}
.personal-world .about-example{margin-top:32px;border-color:var(--line)}
.personal-world .about-example>summary{min-height:56px;font-size:15px}
.personal-world .about-proof{width:100%;max-width:none;transform:none!important}
.personal-world .work{padding-top:88px;padding-bottom:96px;background:#f0f3fa;border-top:1px solid #e2e7f0}
.personal-world .work-heading{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px 32px;align-items:center;margin-bottom:34px}
.personal-world .work-heading>div{grid-column:1;grid-row:1}
.personal-world .work-heading>p{grid-column:1;grid-row:2;margin:0;max-width:46ch;font-size:18px;line-height:1.55;color:#60676e}
.personal-world .section-kicker{margin-bottom:14px}
.personal-world .work-heading #work-title{font:500 clamp(42px,5.4vw,78px)/1.04 Outfit,sans-serif;letter-spacing:-.035em;text-transform:capitalize}
.personal-world .work-heading>.world-drawing{grid-column:2;grid-row:1/3;}
.personal-world .work-archive-layout,.personal-world .work-archive-layout.archive-ready{display:block}
.personal-world .project-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 40px;align-items:start}
.personal-world #trabajo .project-archive>.project{grid-column:auto;margin:0;padding:0;border:0;border-top:1px solid #b6bfcd;border-radius:0;background:transparent;min-width:0;overflow:clip;color:var(--ink)}
.personal-world #trabajo .project-archive>.project[open]{grid-column:1/-1;border-color:#9dafed}
.personal-world #trabajo .project-archive>.project>.project-heading{display:grid;grid-template-columns:24px minmax(0,1fr) 36px;grid-template-rows:auto auto;gap:24px 12px;align-items:start;min-height:0;padding:24px 0;cursor:pointer;color:var(--ink)}
.personal-world #trabajo .project-archive .project .project-heading::before{display:none}
.personal-world #trabajo .project-archive .project .project-heading .project-number{grid-column:1;grid-row:1;align-self:start;padding-top:5px;margin:0;font-size:12px;color:#747b83}
.personal-world #trabajo .project-archive .project .project-heading .project-title{grid-column:2;grid-row:1;container-type:normal}
.personal-world #trabajo .project-archive .project .project-heading h3{font:500 clamp(28px,2.6vw,38px)/1.1 Outfit,sans-serif;letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
.personal-world #trabajo .project-archive .project .project-heading h3 br{display:none}
.personal-world #trabajo .project-archive .project .project-heading .project-type{display:block;font-size:15px;line-height:1.45;color:#626a74;margin-top:8px;max-width:34ch}
.personal-world #trabajo .project-archive .project .project-heading .project-toggle{grid-column:3;grid-row:1;align-self:start;justify-self:end;margin-top:0;color:var(--blue)}
.personal-world #trabajo .project-toggle>span{display:none}
.personal-world #trabajo .toggle-icon{width:34px;height:34px;border-color:#d4ddfa;background:#edf1ff}
.personal-world #trabajo .toggle-icon::before,.personal-world #trabajo .toggle-icon::after{left:10px}
.personal-world #trabajo .project-archive .project .project-heading .summary-preview{display:block;position:relative;grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;overflow:visible;white-space:normal;border:0;border-radius:0;background:transparent;color:#596370;box-shadow:none;justify-self:stretch}
.personal-world #trabajo .summary-preview .journey-media{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;transform:none;box-shadow:none;border-radius:4px}
.personal-world #trabajo .preview-label{display:block;font-size:12px;line-height:1.45;padding:12px 0 0;color:inherit;min-height:0}
.personal-world #trabajo .project-body{display:block;max-width:760px;width:100%;padding:4px 30px 30px;margin:0 auto;background:transparent;color:var(--ink)}
.personal-world #trabajo .project-body>.project-context,.personal-world #trabajo .project-body>.project-evidence,.personal-world #trabajo .project-body>.project-diagram{margin-bottom:24px}
.personal-world .project-copy{max-width:none}
.personal-world .project-copy h4{font:500 26px/1.22 Outfit,sans-serif;letter-spacing:-.025em;margin-bottom:16px}
.personal-world .project-copy>p,.personal-world .project-copy>p.case-synthesis{font-size:17px;line-height:1.6;max-width:65ch;color:#505963}
.personal-world .project-copy :is(.stack,.fine),.personal-world .project-context,.personal-world .project-image figcaption{color:#646e79;font-size:13px;line-height:1.5}
.personal-world .project-copy .stack{margin:22px 0 16px}
.personal-world .case-method{border-color:var(--line)}
.personal-world .case-method>summary{color:#4f5c71;font-size:15px;min-height:48px}
.personal-world .project-evidence{font-size:14px;color:#596370}
.personal-world .project-evidence .line-link{color:var(--blue)}
.personal-world .case-next-label{color:#646e79;font-size:12px}
.personal-world .case-story>div{border-color:var(--line)}
.personal-world .case-story dt{color:#4f5c71}
.personal-world .case-story dd{color:var(--ink)}
.personal-world .project-copy .case-story>div:last-child{background:#edf1ff;border-radius:0 10px 10px 0}
.personal-world .project-copy .case-story>div:last-child dd{font-size:17px}
.personal-world .project-diagram{background:#edf1ff;border-radius:12px}
.personal-world .project-diagram figcaption{font-size:12px}
.personal-world .case-next{color:var(--blue);border-color:var(--line);min-height:48px}
.personal-world #trabajo .summary-preview.social-editorial{background:#e5ebff;border-color:#d6def4;padding:12px;color:#56637d}
.personal-world .social-editorial-stage{padding:22px 12%;min-height:240px}
.personal-world .social-editorial-paper{background:#fafaf7;box-shadow:5px 6px 0 #cbd5f5;border:1px solid #bfccec;border-radius:3px;transform:none}
.personal-world .social-editorial-headline{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(24px,7cqw,38px);line-height:1.03;letter-spacing:-.04em}
.personal-world .social-editorial-eyebrow,.personal-world .social-editorial-note{font-size:12px;line-height:1.4}
.personal-world .project-archive>.work-end{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;align-items:center;margin:8px 0 0;padding-top:24px;border-color:#d5ddeb;color:#56616f}
.personal-world .work-end>.line-link{display:inline-flex;margin:0;min-height:44px;color:var(--blue)}
.personal-world .contact{min-height:0;padding-top:88px;padding-bottom:32px;background:#e7edff;border-top:1px solid #ccd7f7}
.personal-world .contact-marker{margin-bottom:26px}
.personal-world .contact-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:start;margin:0}
.personal-world .contact-intro>.world-drawing{grid-column:1;grid-row:1;width:110px;height:80px;}
.personal-world .contact #contact-title{grid-column:1;grid-row:2;align-self:start;font:500 clamp(42px,5.6vw,80px)/1.04 Outfit,sans-serif;letter-spacing:-.04em;width:100%;max-width:16ch}
.personal-world .contact #contact-title>span{display:block;margin:0;white-space:normal}
.personal-world .contact-actions{grid-column:2;grid-row:1/4;margin:0;min-width:0}
.personal-world .contact-options{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;margin:0}
.personal-world .contact-options a{border:0;border-top:1px solid #afbee7;border-radius:0;background:transparent;padding:24px 0;min-height:112px;gap:20px;font-size:23px}
.personal-world .contact-options a::before,.personal-world .contact-options a::after{display:none}
.personal-world .contact-option-copy strong{font-weight:500;color:var(--ink)}
.personal-world .contact-option-copy>span{font-size:15px;line-height:1.5;color:#646e7c;margin-top:8px}
.personal-world .contact-option-arrow{color:var(--blue);font-size:24px}
.personal-world .contact-address{display:block;margin-top:28px}
.personal-world .contact .email-address{font:450 clamp(22px,2.3vw,32px)/1.35 Outfit,sans-serif;letter-spacing:-.025em;color:var(--blue)}
.personal-world .contact .email-address>span{display:inline-block;padding:0}
.personal-world .email-address>span::after{display:none}
.personal-world .contact-address .copy-control{margin-top:16px;gap:14px;min-height:44px;max-width:none;flex-wrap:wrap}
.personal-world .copy-email{border:1px solid #d9dfe9;border-radius:999px;font-size:13px;color:#4b5667;padding:10px 16px}
.personal-world .copy-status{min-height:0;max-width:280px;color:#596579}
.personal-world .social-links{gap:32px;margin:54px 0 24px;padding-top:26px;border-top:1px solid var(--line);flex-wrap:wrap}
.personal-world .social-links .line-link{font-size:14px;min-height:44px}
.personal-world .contact footer{border-color:var(--line);color:#6c737c;font-size:12px;line-height:1.6;gap:16px;padding-top:22px}
.personal-world :is(.work,.contact) :is(a,summary,button):focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(min-width:1000px){
 .personal-world #trabajo .project-archive>.project[open]>.project-heading{grid-template-columns:24px minmax(0,.7fr) 36px minmax(0,1.3fr);gap:22px;padding:30px;align-items:center}
 .personal-world #trabajo .project[open]>.project-heading .summary-preview{grid-column:4;grid-row:1/3}
 .personal-world #trabajo .project[open]>.project-heading .project-toggle{align-self:center}
}
@media(max-width:999px){
 .personal-world .project-archive{grid-template-columns:minmax(0,1fr)}
 .personal-world .about-sheet .about-story.about-personal,.personal-world .contact-intro{column-gap:32px}
 .personal-world .contact-options a{font-size:21px;padding:24px 0}
}
@media(max-width:759px){
 .personal-world .about-sheet .about-story.about-personal{grid-template-columns:minmax(0,1fr);gap:24px}
 .personal-world .about-sheet .presence-frame,.personal-world .about-sheet .about-relato,.personal-world .about-sheet .about-margin{grid-column:1;grid-row:auto}
 .personal-world .about-sheet .presence-title{max-width:24ch!important}
 .personal-world .about-sheet .about-relato{max-width:52ch;font-size:17px}
 .personal-world .contact-intro{grid-template-columns:minmax(0,1fr);gap:22px}
 .personal-world .contact-intro>.world-drawing,.personal-world .contact #contact-title,.personal-world .contact-actions{grid-column:1;grid-row:auto}
 .personal-world .contact-actions{margin-top:6px}
 .personal-world .contact-intro>.world-drawing{width:92px;height:66px}
 .personal-world .contact #contact-title{max-width:none}
 .personal-world .contact #contact-title>span{display:inline}
 .personal-world .contact #contact-title>span+span::before{content:' '}
}
@media(max-width:650px){
 .personal-world :is(.about-sheet,.work,.contact){padding-top:54px;padding-bottom:54px}
 .personal-world .about-sheet .about-heading-row{min-height:56px;margin-bottom:20px}
 .personal-world .about-heading-row>.world-drawing,.personal-world .work-heading>.world-drawing{width:86px;height:62px}
 .personal-world .about-sheet .about-personal .presence-title{font-size:clamp(30px,7.4vw,38px);line-height:1.16}
 .personal-world .about-sheet .capability-link{font-size:13px;gap:10px}
 .personal-world .about-sheet .about-milestones{gap:16px;margin-top:26px}
 .personal-world .about-sheet .about-milestones p{font-size:13px}
 .personal-world .work-heading{grid-template-columns:minmax(0,1fr) 86px;gap:14px 16px;margin-bottom:26px}
 .personal-world .work-heading>p{grid-column:1/-1;font-size:16px}
 .personal-world .work-heading>.world-drawing{grid-row:1}
 .personal-world .work-heading #work-title{font-size:34px}
 .personal-world #trabajo .project-archive>.project>.project-heading{grid-template-columns:18px minmax(0,1fr) 34px;padding:20px 0;gap:18px 10px}
 .personal-world #trabajo .project-archive .project .project-heading h3{font-size:26px}
 .personal-world #trabajo .project-archive .project .project-heading .project-type{font-size:14px}
 .personal-world #trabajo .project-archive .project .project-heading .summary-preview{padding:0}
 .personal-world #trabajo .preview-label{font-size:11px;padding-top:10px}
 .personal-world #trabajo .project-body{padding:4px 20px 24px}
 .personal-world .project-copy h4{font-size:23px}
 .personal-world .project-copy>p,.personal-world .project-copy>p.case-synthesis{font-size:16px}
 .personal-world .social-editorial-stage{min-height:200px;padding:20px 10%}
 .personal-world .project-archive>.work-end{display:block}
 .personal-world .work-end>.line-link{margin-top:12px}
 .personal-world .contact #contact-title{font-size:38px;max-width:15ch}
 .personal-world .contact-options a{font-size:20px;min-height:112px;padding:22px 0}
 .personal-world .contact-option-copy>span{font-size:14px}
 .personal-world .social-links{gap:12px 24px;margin-top:36px}
 .personal-world .contact footer{flex-wrap:wrap;font-size:11px}
}
@media(max-width:380px){
 body.personal-world{--world-gutter:20px}
 .personal-world .about-sheet .hero-note dd{display:block}
 .personal-world .about-sheet .hero-note dd .capability-link{margin-top:4px}
 .personal-world .about-sheet .about-milestones{gap:10px}
 .personal-world .about-sheet .about-milestones li{padding-left:9px}
 .personal-world .work-heading{column-gap:12px;grid-template-columns:minmax(0,1fr) 70px}
 .personal-world .work-heading>.world-drawing{width:70px}
 .personal-world .work-heading #work-title{font-size:30px}
 .personal-world #trabajo .project-archive>.project>.project-heading{padding:18px 0;column-gap:8px}
 .personal-world #trabajo .project-archive .project .project-heading h3{font-size:23px}
 .personal-world .contact #contact-title{font-size:34px}
 .personal-world .contact-options a{padding:20px 0;font-size:19px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not(.keyboard) .personal-world #trabajo .project,html:not(.keyboard) .personal-world .contact-options a{transition:border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out)}
 html:not(.keyboard) .personal-world #trabajo .project:hover,html:not(.keyboard) .personal-world .contact-options a:hover{border-color:#b1bfee;box-shadow:none}
 html:not(.keyboard) .personal-world #trabajo .project-archive .project .project-heading:hover h3{color:var(--blue)}
}
html.keyboard .personal-world #trabajo .summary-preview .journey-media{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.personal-world :is(.project,.contact-options a,.summary-preview .journey-media){transition:none!important;transform:none!important}}

/* Gestos1013: the illustration has moving parts, while reading and controls stay still. */
.personal-world .world-drawing :is(g,path,circle){transform-box:fill-box;transform-origin:center}
.personal-world #trabajo .project-accent{display:block;width:54px;height:8px;margin-top:14px;color:#a8b9ed;overflow:visible;pointer-events:none}
.personal-world #trabajo .project[open] .project-accent{color:var(--blue)}
.personal-world .capability-link>span{display:inline-block}
@media(hover:hover) and (pointer:fine){html:not(.keyboard) .personal-world #trabajo .project-heading:hover .project-accent{color:var(--blue)}}

/* Three specific notebook sketches, beside factual capabilities. */
.personal-world .note-drawing{display:block;flex:none;width:72px;height:54px;color:#17191c;overflow:visible;pointer-events:none}
.personal-world .drawing-talk{background:#f4f0e6;border-radius:18px}
@media(max-width:650px){
 .personal-world .note-drawing{width:64px;height:50px}
}

/* Travesuras1013: hand-drawn final poses, also complete without motion or JS. */
.personal-world .automation-knot{opacity:0}
.personal-world .automation-cable{opacity:1}
.personal-world .world-drawing .note-corner{transform-origin:100% 0}

/* Stable frames retain their full size; only the actual media is revealed. */
.personal-world .journey-window{display:block;overflow:hidden;border-radius:8px;background:#e4e9f3;padding-inline:16px}
/* Reserve the entrance travel so lettering never crosses the following reading surface. */
.personal-world .work-heading{row-gap:clamp(26px,calc(12px + 2.6vw),52px)}
@media(max-width:759px){.personal-world .about-sheet .about-story.about-personal,.personal-world .contact-intro{row-gap:34px}}
.personal-world .journey-heading-line{display:block;transform:none;opacity:1;transform-origin:left center}
.personal-world #contact-title .journey-heading-line{display:inline-block;max-width:100%}
.personal-world .journey-media{display:block;transform-origin:50% 50%;transition:none!important}
.personal-world :is(.about-marker,.section-kicker,.contact-marker){position:relative}
.personal-world .journey-accent{display:block;width:96px;height:2px;margin-top:12px;background:var(--blue);transform-origin:left center;pointer-events:none}
@media(prefers-reduced-motion:reduce){.personal-world :is(.journey-media,.journey-accent){transform:none!important;clip-path:none!important}}
@media print{.personal-world :is(.journey-media,.journey-accent,.world-drawing g){transform:none!important;clip-path:none!important}.personal-world .world-drawing [pathLength]{stroke-dashoffset:0!important}}

/* Scroll depth is carried by interior art, never the grid, summaries or reading surfaces. */
.personal-world .journey-window{padding-block:clamp(20px,calc(3.16vw + 7.7px),54px)}
.personal-world .journey-media{clip-path:none;transform-origin:center}
.personal-world .social-editorial-stage{padding-block:clamp(24px,calc(3vw + 12px),58px)}
.personal-world [data-parallax-layer]{transition:none!important}
.personal-world [data-parallax-scene="sketch"]{overflow:visible}
.personal-world [data-parallax-layer="sketch"]{transform-box:fill-box;transform-origin:center}
.personal-world .about-heading-row,.personal-world .contact-intro{isolation:isolate}
.personal-world .section-depth-paper{position:absolute;pointer-events:none;z-index:-1;display:block;width:118px;height:80px;border:1px solid #e1dbcb;border-radius:10px;background:#f3eee1;transform:rotate(-6deg)}
.personal-world .about-depth-paper{right:5px;top:0}
.personal-world .contact-depth-paper{left:8px;top:5px;width:108px;height:78px;background:#e8edfc;border-color:#d6def4}
@media(max-width:650px){.personal-world .section-depth-paper{width:88px;height:62px}.personal-world .contact-depth-paper{width:90px;height:64px}}
@media(prefers-reduced-motion:reduce){.personal-world [data-parallax-layer]{transform:none!important}.personal-world .portrait-paper{transform:rotate(-4deg)!important}.personal-world .section-depth-paper{transform:rotate(-6deg)!important}}
@media print{.personal-world [data-parallax-layer]{transform:none!important}}

/* An indexed notebook: one capability per line, with its original drawing and working link. */
.personal-world .hero-note::before{content:counter(capability,decimal-leading-zero);position:absolute;left:0;top:34px;font-size:12px;font-variant-numeric:tabular-nums;color:#767e80}
.personal-world #trabajo .project-archive>#strev{grid-column:1/-1;border-top:2px solid var(--blue)}
.personal-world #trabajo #strev>.project-heading h3{font-size:clamp(36px,4.3vw,62px);letter-spacing:-.045em}
.personal-world #trabajo #strev .journey-window{background:#e0e7fa}
.personal-world #trabajo #sereno .journey-window{background:#e7e7df}
.personal-world .contact #contact-title{color:#2449f5}
.personal-world .contact .contact-marker{color:#4f6084}
.personal-world .contact .contact-options{gap:0;border-bottom:1px solid #afbee7}
.personal-world .contact .contact-option-copy strong{font-weight:500}
@media(min-width:760px){
 .personal-world #trabajo #strev>.project-heading{grid-template-columns:24px minmax(0,.65fr) 36px minmax(0,1.35fr);gap:22px;align-items:center;padding:32px 0}
 .personal-world #trabajo #strev>.project-heading .summary-preview{grid-column:4;grid-row:1/3}
 .personal-world #trabajo #strev>.project-heading .project-toggle{align-self:center}
}
@media(max-width:759px){
 .personal-world .about-sheet .hero-note,.personal-world .about-sheet .hero-note:last-child{grid-template-columns:minmax(0,1fr);gap:10px;padding:26px 0 24px 40px}
 .personal-world .about-sheet .hero-note dt{font-size:28px;gap:18px}
 .personal-world .about-sheet .hero-note dd{font-size:16px;padding-left:90px}
 .personal-world .hero-note::before{top:36px}
 .personal-world .about-sheet .about-personal .presence-title{font-size:clamp(34px,6vw,46px)}
 .personal-world #trabajo .project-archive{row-gap:32px}
}
@media(max-width:480px){
 .personal-world .about-sheet .hero-note dd{padding-left:0;font-size:15px}
 .personal-world .about-sheet .hero-note dt{font-size:clamp(22px,6.7vw,26px);gap:16px}
 .personal-world .journey-window{padding-inline:10px}
 .personal-world .contact #contact-title{font-size:clamp(40px,10.6vw,52px)}
}


/* A persistent sheet changes subject while the original capabilities remain in normal flow. */
.personal-world .story-stage,.personal-world .work-story-marker{display:none}
.personal-world .story-rail.story-enhanced{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(28px,5vw,72px);align-items:start}
.personal-world .story-enhanced .story-stage{display:block;position:sticky;top:calc(var(--header-height) + 20px);height:var(--story-stage-height);min-width:0;overflow:hidden;border-radius:8px;background:#edf1fc;border:1px solid #d5def6;isolation:isolate;pointer-events:none}
.personal-world [data-story-frame]{position:absolute;inset:20px 20px 44px;display:grid;place-items:center;opacity:0;transform-origin:center;transition:none!important}
.personal-world [data-story-frame]:first-child{opacity:1}
.personal-world .story-capture{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:4px}
.personal-world .story-stage-label{position:absolute;bottom:12px;left:20px;right:20px;font-size:12px;line-height:1.4;color:#465b94}
.personal-world .story-stage .social-editorial-paper{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,.65fr);align-items:center;gap:12px;width:100%;max-width:430px;padding:clamp(12px,2vw,24px);transform:none!important;transition:none!important}
.personal-world .story-stage .social-editorial-headline{grid-column:1;grid-row:1/3;font:600 clamp(20px,3vw,40px)/1.03 Outfit,sans-serif;letter-spacing:-.04em}
.personal-world .story-stage .social-editorial-eyebrow{grid-column:2;grid-row:1;font-size:11px;margin:0}
.personal-world .story-stage .social-editorial-note{grid-column:2;grid-row:2;font-size:11px;line-height:1.4;margin:0;padding-top:10px}
.personal-world .about-sheet .story-enhanced .hero-note,.personal-world .about-sheet .story-enhanced .hero-note:last-child{min-height:var(--story-step-height);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:40px 0 40px 40px}
.personal-world .story-enhanced .hero-note::before{top:44px}
.personal-world .about-sheet .story-enhanced .hero-note dt{font-size:clamp(24px,2.5vw,34px);gap:16px}
.personal-world .about-sheet .story-enhanced .hero-note dd{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:0}
.personal-world .story-enhanced .hero-note .capability-link{margin:0}
.personal-world .story-enhanced.story-neutral .story-stage{position:relative;top:auto;visibility:hidden}
.story-work-enhanced .personal-world .work-story-marker{display:flex;position:sticky;top:var(--header-height);height:44px;align-items:center;justify-content:space-between;gap:24px;background:#f0f3fa;border-bottom:1px solid #c9d3eb;z-index:8;pointer-events:none}
.personal-world .work-story-label{font-size:12px;line-height:1.2;letter-spacing:.015em;color:#2449f5}
.personal-world .work-story-track{display:block;width:clamp(72px,14vw,180px);height:2px;flex:none;background:#d0d9ef;overflow:hidden}
.personal-world .work-story-track i{display:block;width:100%;height:100%;background:#2449f5;transform:scaleX(0);transform-origin:left center}
html.story-work-enhanced:not(.story-work-quiet) .personal-world #trabajo .project{scroll-margin-top:50px}
.story-work-quiet .personal-world .work-story-marker{position:relative;top:auto;visibility:hidden}
@media(max-width:759px){
 .personal-world .story-rail.story-enhanced{display:block}
 .personal-world .story-enhanced .story-stage{top:calc(var(--header-height) + 12px);z-index:4;margin-bottom:0;border-radius:0 0 8px 8px}
 .personal-world [data-story-frame]{inset:10px 14px 32px}
 .personal-world .story-stage-label{bottom:8px;left:14px;font-size:11px}
 .personal-world .about-sheet .story-enhanced .hero-note,.personal-world .about-sheet .story-enhanced .hero-note:last-child{padding:32px 0 32px 36px;gap:12px}
 .personal-world .story-enhanced .hero-note::before{top:36px}
 .personal-world .about-sheet .story-enhanced .hero-note dt{font-size:clamp(22px,5vw,30px);gap:12px}
 .personal-world .story-enhanced .note-drawing{width:56px;height:44px}
}
@media(prefers-reduced-motion:reduce){.personal-world .story-enhanced .story-stage{position:relative;top:auto;visibility:hidden}.personal-world [data-story-frame]{transform:none!important;opacity:1!important}.story-work-enhanced .personal-world .work-story-marker{position:relative;top:auto;visibility:hidden}}
@media print{.personal-world .story-rail.story-enhanced{display:block}.personal-world .story-stage,.story-work-enhanced .personal-world .work-story-marker{display:none}.personal-world .about-sheet .story-enhanced .hero-note{min-height:0}}