:root{--paper:#eeede7;--ink:#292d25;--muted:#777a6e;--line:#cccec3;--accent:#79855b;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}::selection{background:#c7d1b1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.skip{position:fixed;top:-70px;padding:15px;background:var(--ink);color:white;z-index:30}.skip:focus{top:10px}.header{margin:0 5%;height:104px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.monogram{font-family:var(--serif);font-size:48px;letter-spacing:-5px;line-height:1}.monogram span{color:var(--accent)}.header-label{font-size:10px;letter-spacing:1.8px;margin-left:22px}.contact-link{margin-left:auto;font-size:12px}.contact-link span{display:inline-block;margin-left:25px;font-size:21px;transition:transform .3s}.contact-link:hover span{transform:translate(3px,-3px)}.hero{padding:34px 5% 0;min-height:calc(100svh - 104px);display:flex;flex-direction:column}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition{font-size:9px;letter-spacing:1.7px;line-height:1.6}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--accent);margin:0 8px 1px 0}.edition{color:var(--muted)}.name-wrap{position:relative;flex:1;min-height:480px;padding-top:30px}h1{font-family:var(--serif);font-weight:400;font-size:clamp(110px,14.3vw,220px);letter-spacing:-.055em;line-height:.81;margin:0;position:relative;z-index:1;max-width:75%;padding-top:5px}h1>span{display:block}.surname{margin-left:17.2vw;margin-top:4px}.name-period{color:var(--accent)}.line-art{position:absolute;right:1%;top:5px;width:34%;height:95%;max-height:520px;transform:rotate(-7deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.line-art svg{width:100%;height:100%;overflow:visible}.echo{stroke:#d2d4c8;stroke-width:23}.thread{stroke:var(--accent);stroke-width:1.3;stroke-dasharray:1300;stroke-dashoffset:1300;animation:draw 3s .3s cubic-bezier(.2,.7,.2,1) forwards}.thread-tip{fill:var(--accent)}.art-caption{position:absolute;bottom:5%;right:0;font-size:7px;letter-spacing:1.4px;writing-mode:vertical-rl;transform:rotate(7deg)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;padding:5px 0 35px}.hero-bottom>p{font-size:24px;line-height:1.35;margin:0;letter-spacing:-.5px}.hero-bottom em{font-family:var(--serif);font-size:33px;font-style:normal}.hero-note{font-size:10px;line-height:1.8;display:flex;flex-direction:column;margin-left:14%}.hero-note span:last-child{color:var(--muted)}.scroll-link{display:flex;align-items:center;gap:22px;font-size:8px;letter-spacing:1.7px}.circle-arrow{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:17px;transition:background .3s,transform .3s}.scroll-link:hover .circle-arrow{background:#d9decd;transform:translateY(4px)}.hero-baseline{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.presentation{padding:115px 5% 110px;display:grid;grid-template-columns:24% 1fr;border-bottom:1px solid var(--line)}.section-meta{display:flex;flex-direction:column;justify-content:space-between}.tiny-mark{font-size:70px;color:var(--accent);font-weight:400}.presentation h2{font-family:var(--serif);font-size:clamp(45px,5.6vw,86px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:-12px 0 65px}.presentation h2 em{font-style:normal;color:var(--accent)}.bio-layout{display:grid;grid-template-columns:20% 1fr;gap:4%;max-width:750px}.bio-initial{font-family:var(--serif);font-size:78px;color:var(--accent);line-height:1}.bio-lead{margin:0 0 22px;font-size:21px;line-height:1.5;letter-spacing:-.4px}.bio-copy{font-size:14px;line-height:1.9;max-width:420px;color:#686c60;margin-bottom:38px}.credentials{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.credentials span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.credentials p{font-size:11px;line-height:1.8}.interlude{background:#dce0d2;padding:48px 5% 40px;min-height:570px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.word-stage{width:76%;margin:55px auto 30px}.small-word{font-size:21px;letter-spacing:-.6px}.word-stage>p{font-family:var(--serif);font-size:clamp(76px,14vw,205px);line-height:1.15;margin:0;letter-spacing:-.065em;transition:opacity .17s,transform .17s}.word-stage>p.changing{opacity:0;transform:translateY(10px)}.word-stage>p span{color:var(--accent)}.word-rule{display:block;border-bottom:1px solid #aeb69e;margin:12px 0 24px}.word-controls{display:flex;gap:40px}.word-controls button{font-size:9px;border:0;background:transparent;cursor:pointer;padding:10px 0;opacity:.5;letter-spacing:1px;position:relative}.word-controls button span{margin-left:10px}.word-controls button.active{opacity:1}.word-controls button.active:after{content:'';height:3px;width:3px;background:var(--ink);border-radius:50%;position:absolute;bottom:0;left:50%}.interlude-caption{font-size:10px;line-height:1.7;text-align:right;margin:0}.contact{padding:50px 5% 100px}.contact .section-meta{flex-direction:row}.contact-prelude{display:block;margin:100px 0 15px;font-size:9px;letter-spacing:1.5px}.big-contact{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;gap:20px}.big-contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(80px,13.7vw,205px);letter-spacing:-.065em;line-height:1.2;margin:0}.big-contact h2>span{color:var(--accent)}.contact-arrow{font-size:clamp(55px,9vw,130px);font-weight:400;transition:transform .4s;color:var(--accent)}.big-contact:hover .contact-arrow{transform:translate(9px,-9px)}.contact-details{display:flex;align-items:center;gap:40px;position:relative;padding-top:22px;font-size:12px}.contact-details a span{margin-left:16px}.contact-details button{background:none;border:0;padding:10px 0;font-size:10px;color:var(--muted);cursor:pointer}.contact-details button:hover{color:var(--ink)}#copy-status{font-size:10px;color:var(--accent)}footer{padding:32px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:9px;line-height:1.8;color:var(--muted)}.footer-name{font-family:var(--serif);font-size:27px;letter-spacing:-.8px}.footer-name span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.6px;margin-top:7px}.back-top{font-size:8px;letter-spacing:1px}.back-top span{margin-left:20px;font-size:18px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.js .reveal.visible{opacity:1;transform:none}@keyframes draw{to{stroke-dashoffset:0}}@media(min-width:1600px){.name-wrap{padding-top:50px}.hero{min-height:850px}.line-art{right:8%}}@media(max-width:900px){.name-wrap{min-height:400px;padding-top:55px}.line-art{width:40%;right:-4%}h1{font-size:17vw}.hero-note{margin-left:0}.presentation{grid-template-columns:20% 1fr}.bio-layout{grid-template-columns:12% 1fr}.bio-initial{font-size:55px}.word-stage{width:90%}.edition{font-size:7px}.hero{min-height:740px}}@media(max-width:600px){.header{height:80px;margin:0 6%}.monogram{font-size:41px}.header-label{font-size:7px;margin-left:5px;letter-spacing:1.1px}.contact-link{font-size:10px}.contact-link span{margin-left:9px;font-size:17px}.hero{padding:25px 6% 0;min-height:calc(100svh - 80px)}.hero-top .eyebrow{font-size:7px;letter-spacing:1px}.edition{display:none}.name-wrap{min-height:370px;padding-top:70px}h1{font-size:26vw;max-width:100%;line-height:.88}.surname{margin-left:8vw;margin-top:5px}.line-art{width:61%;height:110%;right:-9%;top:15px;opacity:.65}.art-caption{font-size:5px;right:15%;bottom:20%}.hero-bottom{grid-template-columns:1fr auto;padding-bottom:28px;row-gap:24px}.hero-bottom>p{font-size:20px}.hero-bottom em{font-size:29px}.hero-note{grid-row:2;font-size:9px}.scroll-link{grid-column:2;grid-row:2;gap:10px;font-size:7px}.circle-arrow{width:31px;height:31px}.hero-baseline{font-size:6px;letter-spacing:1px;padding:14px 0}.presentation{padding:65px 6%;display:block}.presentation .section-meta{flex-direction:row;align-items:center;margin-bottom:40px}.tiny-mark{font-size:31px}.presentation h2{font-size:46px;margin-bottom:38px}.bio-layout{grid-template-columns:1fr}.bio-initial{display:none}.bio-lead{font-size:19px}.bio-copy{font-size:13px}.credentials{gap:16px}.credentials p{font-size:10px}.credentials span{font-size:7px}.interlude{padding:32px 6%;min-height:410px}.word-stage{margin:35px 0;width:100%}.small-word{font-size:18px}.word-stage>p{font-size:21vw;margin-top:12px}.word-controls{gap:24px}.word-controls button{font-size:8px}.word-controls button span{margin-left:4px}.interlude-caption{font-size:9px}.contact{padding:33px 6% 65px}.contact .eyebrow{font-size:7px;letter-spacing:1px}.contact-prelude{font-size:7px;margin-top:70px}.big-contact{padding-bottom:18px;gap:8px}.big-contact h2{font-size:20vw}.contact-arrow{font-size:40px}.contact-details{gap:18px;flex-wrap:wrap;font-size:11px}.contact-details button{font-size:9px}#copy-status{position:absolute;top:62px}footer{padding:26px 6%;flex-wrap:wrap}.footer-name{font-size:24px}footer>span{font-size:8px}.back-top{width:100%;margin-top:15px;text-align:right;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.thread{stroke-dashoffset:0}.js .reveal{opacity:1;transform:none}}
/* Retrato editorial con efectos reversibles. */
.name-wrap{isolation:isolate;overflow:hidden;min-height:540px}.name-wrap h1{z-index:3;pointer-events:none;font-size:clamp(110px,13vw,200px);padding-top:35px}.surname{margin-left:10.5vw}.portrait{position:absolute;right:-8%;bottom:0;height:98%;width:59%;margin:0;z-index:2;pointer-events:none}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1) sepia(.17) saturate(.6) contrast(.94);mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}.portrait figcaption{position:absolute;right:14%;top:22%;writing-mode:vertical-rl;font-size:6px;letter-spacing:1.4px;color:var(--muted)}.line-art{z-index:1;right:1%;opacity:.55}.art-caption{display:none}@media(min-width:1600px){.portrait{right:-2%;width:55%}.name-wrap{min-height:580px}}@media(max-width:900px){.name-wrap{min-height:490px}.name-wrap h1{font-size:16vw;padding-top:40px}.surname{margin-left:3vw}.portrait{right:-15%;width:70%;height:88%}}@media(max-width:600px){.name-wrap{min-height:460px;padding-top:35px}.name-wrap h1{font-size:25vw;padding-top:8px;line-height:.95}.surname{margin-left:0;margin-top:0}.portrait{height:79%;width:104%;right:-34%;bottom:-12px}.portrait img{mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.portrait figcaption{display:none}.line-art{right:-17%;top:70px;height:90%;width:80%;opacity:.5}.hero-bottom{position:relative;z-index:3}.hero-bottom>p{max-width:55%;margin-top:-60px;margin-bottom:18px}}@media(max-width:360px){.name-wrap{min-height:420px}.portrait{height:77%}}
