:root{--cream:#ece9df;--paper:#f7f6f0;--navy:#17243f;--lime:#dff478;--sky:#92bad5;--blue:#788ce3;--line:rgba(23,36,63,.27);--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}::selection{background:var(--lime);color:var(--navy)}.skip-link{position:fixed;top:-100px;left:12px;padding:12px;background:var(--lime);z-index:100}.skip-link:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--navy);width:0;z-index:50;pointer-events:none}.header{height:76px;border-bottom:1px solid var(--navy);padding:0 3.1%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 29px var(--display);letter-spacing:-2px;white-space:nowrap}.brand-dot{color:#849be8;font-size:17px;margin-left:2px}.brand-year{font:500 10px var(--sans);letter-spacing:1px;vertical-align:middle}.nav{display:flex;gap:clamp(15px,2.5vw,42px);align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.nav a{transition:opacity .2s}.nav a:hover{opacity:.5}.mobile-menu,.mobile-nav{display:none}.hero{min-height:min(810px,calc(100svh - 76px));display:flex;flex-direction:column;padding:24px 3.1% 0}.hero-meta,.section-top,.hero-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:700;letter-spacing:.075em}.asterisk{font-size:20px;vertical-align:middle}.hero-main{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:560px}.hero h1{font:600 clamp(88px,13.3vw,210px)/.86 var(--display);letter-spacing:-.09em;margin:20px 0 36px;position:relative;z-index:1}.highlight-word{background:var(--lime);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .09em .015em .025em}.period{color:var(--navy)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-graphic{width:clamp(160px,21vw,290px);height:148px;position:relative;overflow:hidden}.orbit{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid var(--navy);left:10px;top:0}.orbit-two{left:48px}.orbit-three{left:85px}.orbit-center{position:absolute;left:111px;top:56px;font-size:45px}.hero-intro{max-width:385px;margin-bottom:12px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.1em}.hero-intro p{font-size:21px;line-height:1.35;margin:15px 0 23px;letter-spacing:-.025em}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid;padding-bottom:5px;letter-spacing:.08em}.text-link span{margin-left:30px}.hero-strip{margin-top:30px;border-top:1px solid var(--navy);padding:17px 0 20px}.hero-strip>a{text-decoration:underline;text-underline-offset:5px}.section{padding:22px 3.1% 105px;scroll-margin-top:15px}.section-top{border-top:1px solid var(--navy);padding-top:16px}.section-note{font-size:10px;opacity:.65}.section-title{font:500 clamp(60px,7.5vw,120px)/.98 var(--display);letter-spacing:-.075em;margin:65px 0 55px}.section-title em{font-weight:400;font-style:normal;color:#7f95dd}.about{background:var(--paper)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;min-height:495px}.about-layout .section-title{margin:48px 0}.round-mark{display:grid;place-items:center;background:var(--lime);width:75px;height:75px;border-radius:50%;font-size:35px;transform:rotate(45deg)}.about-copy{padding-top:53px;max-width:660px}.about-copy p{font-size:16px;line-height:1.72;margin:0 0 22px}.about-copy .lead{font-size:clamp(21px,2.1vw,30px);font-weight:600;line-height:1.4;letter-spacing:-.04em}.statement{background:var(--navy);color:var(--cream);padding:32px;display:grid;grid-template-columns:110px 1fr 70px;align-items:start;margin-top:90px;gap:20px}.statement-num{font-size:11px;letter-spacing:.05em}.statement p{font:500 clamp(34px,5vw,78px)/1.08 var(--display);letter-spacing:-.055em;margin:14px 0 35px}.statement .accent{color:var(--lime)}.statement-star{font-size:65px;line-height:1;color:var(--lime)}.expertise{background:var(--cream)}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.expertise-card{min-height:480px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.expertise-card.lime{background:var(--lime)}.expertise-card.sky{background:var(--sky)}.expertise-card.lavender{background:var(--blue)}.card-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.06em}.card-head span:last-child{font-size:25px}.card-symbol{height:170px;position:relative;margin:14px 0}.strategy-symbol i{position:absolute;width:135px;height:135px;border-radius:50%;background:var(--navy);top:12px;left:calc(50% - 98px)}.strategy-symbol i:nth-child(2){left:calc(50% - 43px);opacity:.68;mix-blend-mode:multiply}.strategy-symbol i:nth-child(3){left:calc(50% + 10px);opacity:.28;mix-blend-mode:multiply}.technology-symbol{display:flex;align-items:center;justify-content:center;gap:8px}.technology-symbol i{width:14px;height:14px;background:var(--navy);border-radius:50%}.technology-symbol i:nth-child(1),.technology-symbol i:nth-child(5){width:32px;height:32px}.technology-symbol i:nth-child(3){width:65px;height:65px;border:14px solid var(--navy);background:transparent}.design-symbol i{position:absolute;border:2px solid var(--navy);width:125px;height:125px;top:20px;left:calc(50% - 75px);transform:rotate(16deg)}.design-symbol i:nth-child(2){transform:rotate(48deg)}.design-symbol i:nth-child(3){transform:rotate(79deg)}.card-content h3{font:600 clamp(30px,3.5vw,53px) var(--display);letter-spacing:-.06em;margin:0 0 10px}.card-content h3 span{color:white}.card-content p{font-size:15px;line-height:1.5;max-width:370px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px}.tags span{border:1px solid rgba(23,36,63,.55);border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.capability-list{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.capability-list>div{display:flex;flex-direction:column;gap:14px}.capability-list span{font-size:11px;font-weight:700;letter-spacing:.03em;border-bottom:1px solid var(--line);padding-bottom:11px}.work{background:var(--paper)}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.work-heading p{max-width:340px;font-size:17px;line-height:1.5;margin-bottom:65px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project{padding:22px;min-height:530px;display:flex;flex-direction:column}.project-navy{background:var(--navy);color:var(--cream)}.project-cream{background:#d7e4eb}.project-blue{background:var(--blue);grid-column:1/-1;min-height:350px}.project-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:.06em}.project-art{flex:1;position:relative;display:flex;justify-content:center;align-items:center;margin:18px 0;overflow:hidden}.media-art strong{position:relative;z-index:1;font:600 clamp(52px,7vw,110px)/.83 var(--display);letter-spacing:-.08em;color:var(--lime)}.art-orbit{position:absolute;border:1px solid #aab4c7;border-radius:50%;width:340px;height:340px;left:calc(50% - 170px);top:calc(50% - 170px);box-shadow:0 0 0 34px var(--navy),0 0 0 35px #aab4c7,0 0 0 69px var(--navy),0 0 0 70px #aab4c7}.art-plus{font-size:65px;position:absolute;right:16%;top:5%;color:var(--lime)}.flow-art{gap:14px;flex-wrap:wrap}.flow-node{width:110px;height:110px;border:2px solid var(--navy);border-radius:50%;display:grid;place-items:center;font:700 17px var(--display)}.flow-node.middle{background:var(--lime)}.flow-art>span{font-size:30px}.brand-art{gap:0;justify-content:space-evenly}.brand-art span{font:600 clamp(32px,6vw,98px) var(--display);letter-spacing:-.09em}.brand-art span:nth-child(2){color:var(--lime)}.project-info{display:grid;grid-template-columns:1fr;gap:9px;border-top:1px solid currentColor;padding-top:18px}.project-info h3{font:600 26px var(--display);letter-spacing:-.05em;margin:0}.project-info p{font-size:14px;max-width:490px;line-height:1.5;margin:0}.project-info>span{font-size:10px;font-weight:700;margin-top:8px}.work-disclaimer{font-size:12px;opacity:.7;max-width:740px;margin-top:18px;line-height:1.5}.experience{background:var(--cream)}.timeline{border-top:1px solid var(--navy)}.timeline-item{display:grid;grid-template-columns:22% 1fr 40px;gap:20px;padding:32px 0;border-bottom:1px solid var(--line)}.date{font-size:13px;font-weight:700}.timeline-item h3{font:600 clamp(23px,2.6vw,36px)/1.12 var(--display);letter-spacing:-.045em;margin:0 0 5px}.company{font-size:14px;font-weight:700;color:#5e72a6}.timeline-item p{max-width:720px;line-height:1.5;font-size:14px;margin:14px 0 10px}.clients{font-size:12px;color:#525d6f}.timeline-arrow{font-size:26px;text-align:right}.learning{background:var(--sky)}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.learning-grid .section-title{font-size:clamp(48px,6vw,92px);margin-bottom:35px}.learning-grid>div>p{font-size:18px;line-height:1.6;max-width:440px}.education{padding-top:70px}.education h3{text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin:0 0 16px}.education>div{display:flex;flex-direction:column;gap:4px;padding:15px 0;border-top:1px solid var(--line)}.education strong{font-size:17px}.education strong small{font-size:9px;background:var(--lime);padding:4px 6px;vertical-align:middle;margin-left:7px}.education span{font-size:13px}.interests{margin-top:75px;border-top:1px solid var(--navy);padding-top:18px}.interests>span{font-size:11px;font-weight:700}.interests p{font:500 clamp(28px,4vw,60px)/1.3 var(--display);letter-spacing:-.055em;max-width:1100px}.interests p span{color:var(--lime)}.contact{background:var(--navy);color:var(--paper);padding:23px 3.1% 45px;scroll-margin-top:0}.contact .section-top{border-color:var(--paper)}.contact-main{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:65px 0 100px}.contact-main p{font:500 clamp(60px,9.5vw,150px)/.97 var(--display);letter-spacing:-.09em;margin:0}.contact-main p span{color:var(--lime)}.contact-action{background:var(--lime);color:var(--navy);border-radius:50%;width:clamp(100px,15vw,220px);height:clamp(100px,15vw,220px);flex-shrink:0;display:grid;place-items:center;font-size:clamp(50px,8vw,130px);transition:transform .2s}.contact-action:hover{transform:rotate(45deg)}.contact-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--paper);padding-top:22px}.contact-footer a,.contact-footer button{font-size:13px;font-weight:700;letter-spacing:.03em}.contact-footer button{border:0;background:transparent;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.footer{padding:20px 3.1%;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:.06em}
@media(max-width:900px){.nav{gap:12px;font-size:10px}.hero h1{font-size:clamp(70px,13vw,125px)}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card:last-child{grid-column:1/-1;min-height:380px}.statement{grid-template-columns:80px 1fr}.statement-star{display:none}.project{min-height:470px}.flow-node{width:77px;height:77px;font-size:12px}.flow-art{gap:6px}.brand-art{flex-wrap:wrap}.section-title{font-size:clamp(55px,8vw,90px)}}
@media(max-width:650px){.header{height:65px;padding:0 5%}.nav{display:none}.mobile-menu{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px;cursor:pointer}.mobile-menu span{width:25px;height:2px;background:var(--navy)}.mobile-nav:not([hidden]){display:flex;position:absolute;z-index:30;top:65px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--navy);padding:20px 5% 30px;flex-direction:column;gap:20px;font-size:20px;font-family:var(--display)}.hero{min-height:690px;padding:17px 5% 0}.hero-meta{font-size:9px}.hero-meta span:nth-child(2){max-width:120px;text-align:right}.hero-main{min-height:550px;justify-content:center}.hero h1{font-size:clamp(59px,12.9vw,95px);margin-bottom:45px;letter-spacing:-.085em}.hero-bottom{flex-direction:column-reverse;align-items:start;gap:20px}.hero-graphic{width:150px;height:90px;align-self:flex-end}.orbit{width:100px;height:100px}.orbit-two{left:32px}.orbit-three{left:54px}.orbit-center{left:66px;top:31px;font-size:28px}.hero-intro p{font-size:18px}.hero-strip span:nth-child(2),.hero-strip span:nth-child(3){display:none}.hero-strip{font-size:9px}.section{padding:20px 5% 70px}.section-top{align-items:start;font-size:10px}.section-note{font-size:9px;text-align:right;max-width:150px}.section-title{font-size:clamp(52px,13vw,84px);margin:40px 0}.about-layout,.learning-grid{grid-template-columns:1fr;gap:0}.about-copy{padding-top:0}.about-copy .lead{font-size:23px}.round-mark{display:none}.statement{margin-top:50px;padding:21px;grid-template-columns:1fr}.statement p{margin:0 0 12px;font-size:clamp(36px,9vw,58px)}.expertise-grid,.capability-list,.project-grid{grid-template-columns:1fr}.expertise-card,.expertise-card:last-child{grid-column:auto;min-height:455px}.capability-list{gap:16px}.work-heading{display:block}.work-heading p{margin:0 0 36px}.project,.project-blue{grid-column:auto;min-height:460px}.brand-art{display:flex;flex-direction:column;gap:3px}.brand-art span{font-size:55px}.timeline-item{grid-template-columns:1fr 30px;gap:12px}.timeline-item .date{grid-column:1/-1}.timeline-item h3{font-size:25px}.learning-grid .section-title{font-size:57px}.education{padding-top:20px}.education strong{font-size:15px}.contact{padding:20px 5% 35px}.contact-main{padding:65px 0 70px;align-items:end}.contact-main p{font-size:clamp(43px,10vw,75px)}.contact-action{height:75px;width:75px;font-size:45px}.contact-footer{flex-direction:column}.footer{padding:20px 5%;flex-wrap:wrap}.footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media print{.header,.mobile-nav,.reading-progress,.hero-strip,.contact-action,.contact-footer button,.footer a{display:none!important}body{background:white;color:#17243f;font-size:11px}.hero{min-height:0;padding:10px 0}.hero-main{min-height:0}.hero h1{font-size:50px;margin:12px 0}.hero-graphic{display:none}.hero-bottom{justify-content:start}.hero-intro{max-width:100%}.section{padding:10px 0 20px;break-inside:avoid}.section-title{font-size:36px;margin:10px 0}.about-layout{min-height:0}.about-copy{padding-top:0}.about-copy p{font-size:10px;margin-bottom:7px}.about-copy .lead{font-size:13px}.statement{margin-top:12px;padding:14px}.statement p{font-size:22px}.expertise-card{min-height:170px;padding:12px}.card-symbol{display:none}.card-content h3{font-size:25px}.card-content p{font-size:10px}.tags{margin-top:8px}.capability-list{display:none}.work{break-before:page}.project{min-height:220px}.project-art{max-height:130px}.project-info h3{font-size:17px}.project-info p{font-size:10px}.timeline-item{padding:12px 0}.timeline-item h3{font-size:18px}.timeline-item p{font-size:10px;margin:5px 0}.learning-grid .section-title{font-size:34px}.education{padding-top:10px}.education>div{padding:6px 0}.interests{margin-top:12px}.interests p{font-size:22px}.contact{padding:20px}.contact-main{padding:10px 0}.contact-main p{font-size:35px}.footer{padding:8px 0}}


/* V2 — identidad primero, claim como remate editorial */
.hero{min-height:min(860px,calc(100svh - 76px))}
.hero-main{min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,35%);grid-template-rows:1fr auto;gap:36px 4%;align-items:center;justify-content:stretch;padding:42px 0 35px}
.hero-identity{grid-column:1;grid-row:1;position:relative;z-index:2;align-self:center}
.identity-kicker{font-size:12px;font-weight:700;letter-spacing:.11em;margin:0 0 18px}
.hero .hero-identity h1{font:600 clamp(88px,11vw,188px)/.94 var(--display);letter-spacing:-.085em;margin:0 0 19px;white-space:nowrap}
.identity-dot{color:#788ce3}
.identity-role{font:600 clamp(21px,2.25vw,34px)/1.2 var(--display);letter-spacing:-.045em;margin:0 0 18px}
.identity-description{font-size:clamp(18px,1.7vw,25px);line-height:1.42;max-width:670px;margin:0 0 26px}
.identity-link{display:inline-block}
.hero-signoff{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:9px;align-self:center;justify-self:end;max-width:100%;transform:rotate(-2deg);font-family:var(--display);letter-spacing:-.055em;line-height:1.02}
.hero-signoff>span{font-size:clamp(19px,2.7vw,42px);font-weight:500;white-space:nowrap}
.hero-signoff strong{display:block;background:var(--lime);padding:.16em .20em .22em;font-size:clamp(35px,4.8vw,75px);font-weight:600;white-space:nowrap}
.hero-signoff strong span{color:var(--navy)}
.hero-main>.hero-graphic{grid-column:1/-1;grid-row:2;width:160px;height:72px;justify-self:end;opacity:.68;pointer-events:none}
.hero-main>.hero-graphic .orbit{width:120px;height:120px;left:0;top:0}
.hero-main>.hero-graphic .orbit-two{left:25px}.hero-main>.hero-graphic .orbit-three{left:50px}.hero-main>.hero-graphic .orbit-center{left:62px;top:34px;font-size:27px}

/* Movimientos discretos: aparecen al entrar en pantalla y al interactuar */
.card-symbol, .project-art{isolation:isolate}
.expertise-card .card-symbol{transition:transform .6s ease}
.expertise-card:hover .card-symbol{transform:scale(1.035)}
.strategy-symbol i{transform-origin:center;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.expertise-card.is-visible .strategy-symbol i:nth-child(1){animation:strategy-breathe 7s ease-in-out infinite alternate}
.expertise-card.is-visible .strategy-symbol i:nth-child(2){animation:strategy-shift 8s ease-in-out infinite alternate}
.expertise-card.is-visible .strategy-symbol i:nth-child(3){animation:strategy-breathe 9s ease-in-out infinite alternate-reverse}
.technology-symbol i{transition:transform .45s ease,background .45s ease}
.expertise-card.is-visible .technology-symbol i:nth-child(1),.expertise-card.is-visible .technology-symbol i:nth-child(5){animation:tech-pulse 3.5s ease-in-out infinite alternate}
.expertise-card.is-visible .technology-symbol i:nth-child(3){animation:tech-ring 5s ease-in-out infinite}
.design-symbol i{transform-origin:center center}
.expertise-card.is-visible .design-symbol i:nth-child(1){animation:design-one 23s linear infinite}
.expertise-card.is-visible .design-symbol i:nth-child(2){animation:design-two 29s linear infinite reverse}
.expertise-card.is-visible .design-symbol i:nth-child(3){animation:design-three 35s linear infinite}
.media-art strong{transition:color .6s ease,transform .6s ease}
.project.is-visible .media-art strong{animation:media-color 7s ease-in-out infinite alternate}
.project.is-visible .media-art .art-orbit{animation:orbit-color 6s ease-in-out infinite alternate}
.project.is-visible .media-art .art-plus{animation:plus-turn 12s ease-in-out infinite}
.flow-node,.flow-art>span{transition:background-color .45s ease,color .45s ease,transform .45s ease}
.project.is-visible .flow-node:nth-of-type(1){animation:flow-highlight 6s ease-in-out infinite}
.project.is-visible .flow-node:nth-of-type(2){animation:flow-highlight 6s ease-in-out 1.3s infinite}
.project.is-visible .flow-node:nth-of-type(3){animation:flow-highlight 6s ease-in-out 2.6s infinite}
.project.is-visible .flow-art>span{animation:arrow-flash 3s ease-in-out infinite}
.brand-art span{transition:color .4s ease}
.project.is-visible .brand-art span:nth-child(1){animation:brand-color 6s ease-in-out infinite}
.project.is-visible .brand-art span:nth-child(2){animation:brand-color 6s ease-in-out 2s infinite}
.project.is-visible .brand-art span:nth-child(3){animation:brand-color 6s ease-in-out 4s infinite}
@keyframes strategy-breathe{from{transform:translateX(-5px) scale(.94)}to{transform:translateX(8px) scale(1.04)}}
@keyframes strategy-shift{from{transform:translateX(8px) translateY(0)}to{transform:translateX(-10px) translateY(5px)}}
@keyframes tech-pulse{to{transform:scale(1.3)}}
@keyframes tech-ring{50%{transform:rotate(180deg) scale(.86)}}
@keyframes design-one{from{transform:rotate(16deg)}to{transform:rotate(376deg)}}
@keyframes design-two{from{transform:rotate(48deg)}to{transform:rotate(408deg)}}
@keyframes design-three{from{transform:rotate(79deg)}to{transform:rotate(439deg)}}
@keyframes media-color{0%,35%{color:var(--lime)}65%,100%{color:var(--paper)}}
@keyframes orbit-color{50%{border-color:var(--lime)}}
@keyframes plus-turn{40%,100%{transform:rotate(90deg)}}
@keyframes flow-highlight{0%,12%,68%,100%{background:transparent;color:var(--navy);transform:scale(1)}25%,45%{background:var(--lime);color:var(--navy);transform:scale(1.08)}}
@keyframes arrow-flash{50%{color:#788ce3;transform:translateX(3px)}}
@keyframes brand-color{0%,12%,55%,100%{color:var(--navy)}23%,42%{color:var(--lime)}}
@media(max-width:1050px){.hero-main{grid-template-columns:1fr;grid-template-rows:auto auto;gap:45px;padding:60px 0 25px}.hero-identity,.hero-signoff{grid-column:1;grid-row:auto}.hero-signoff{justify-self:start;transform:rotate(-1deg)}.hero-main>.hero-graphic{display:none}.hero .hero-identity h1{font-size:clamp(76px,14vw,145px)}}
@media(max-width:650px){.hero{min-height:0}.hero-main{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:55px;padding:60px 0 58px}.hero .hero-identity h1{font-size:clamp(66px,15.5vw,100px);white-space:normal;line-height:.95;margin-bottom:23px}.identity-kicker{font-size:10px}.identity-role{font-size:clamp(21px,6vw,29px)}.identity-description{font-size:18px}.hero-signoff{align-self:flex-end;gap:8px;max-width:100%}.hero-signoff>span{font-size:clamp(20px,5vw,30px)}.hero-signoff strong{font-size:clamp(38px,9vw,56px)}.hero-strip{margin-top:0}.flow-node{width:76px;height:76px}}
@media(max-width:380px){.hero .hero-identity h1{font-size:15vw}.flow-node{width:67px;height:67px}.flow-art{gap:3px}}
@media(prefers-reduced-motion:reduce){.expertise-card .card-symbol,.project-art *{animation:none!important;transform:none!important}.design-symbol i:nth-child(1){transform:rotate(16deg)!important}.design-symbol i:nth-child(2){transform:rotate(48deg)!important}.design-symbol i:nth-child(3){transform:rotate(79deg)!important}}
@media print{.hero{min-height:0}.hero-main{display:block;min-height:0;padding:10px 0}.hero .hero-identity h1{font-size:55px;margin-bottom:8px}.hero-signoff,.hero-main>.hero-graphic{display:none}.identity-description{font-size:14px}.identity-role{font-size:17px}}


/* V3 — tighter editorial rhythm and a motion-safe typewriter */
.hero{min-height:0;padding-top:18px}
.hero-main{min-height:0;flex:initial;grid-template-rows:auto;gap:26px 3%;padding:clamp(27px,4vw,56px) 0 clamp(32px,4.5vw,60px);align-items:center}
.hero-identity{align-self:start}
.identity-kicker{margin-bottom:12px}
.hero .hero-identity h1{margin:0 0 10px;font-size:clamp(85px,10.3vw,168px)}
.identity-role{margin:0 0 11px;max-width:690px}
.identity-description{margin:0 0 18px;max-width:680px}
.hero-signoff{transform:none!important;align-self:end;justify-self:end;gap:7px;letter-spacing:-.055em;position:relative;z-index:1}
.hero-signoff strong{min-width:9.1ch;white-space:nowrap;display:inline-flex;align-items:baseline;justify-content:flex-start;font-size:clamp(35px,4.2vw,68px);line-height:1.09;letter-spacing:-.075em}
.hero-signoff .typewriter-period{color:var(--navy)}
.typewriter-caret{height:.8em;width:2px;background:var(--navy);margin-left:3px;align-self:center;animation:type-caret 1s step-end infinite}
@keyframes type-caret{50%{opacity:0}}
.hero-main>.hero-graphic{display:none}
.hero-strip{margin-top:0;padding:13px 0 15px}
.section{padding:18px 3.1% 62px}
.section-title{margin:37px 0 32px}
.about-layout{min-height:0;gap:7%}
.about-layout .section-title{margin:35px 0}
.about-copy{padding-top:37px}
.about-copy p{margin-bottom:16px}
.statement{margin-top:39px}
.statement p{margin-bottom:15px}
.expertise-card{min-height:415px}
.card-symbol{height:152px;margin:8px 0}
.capability-list{margin-top:26px}
.work-heading p{margin-bottom:35px}
.project{min-height:445px}
.project-blue{min-height:290px}
.project-art{margin:12px 0}
.timeline-item{padding:24px 0}
.education{padding-top:40px}
.interests{margin-top:39px}
.contact-main{padding:48px 0 55px}
@media(max-width:1050px){
 .hero-main{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:38px 0 35px;gap:32px}
 .hero-identity,.hero-signoff{grid-column:1;grid-row:auto}
 .hero-signoff{justify-self:end;align-self:end}
 .hero .hero-identity h1{font-size:clamp(76px,13.5vw,140px)}
}
@media(max-width:650px){
 .hero{min-height:0;padding-top:14px}
 .hero-main{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0;padding:26px 0 33px}
 .hero .hero-identity h1{font-size:clamp(65px,15vw,98px);margin-bottom:9px;line-height:.96}
 .identity-kicker{margin-bottom:11px}
 .identity-role{font-size:clamp(21px,5.6vw,28px);margin-bottom:11px}
 .identity-description{font-size:18px;margin-bottom:20px}
 .hero-signoff{align-self:flex-end;gap:4px}
 .hero-signoff>span{font-size:clamp(20px,5vw,28px)}
 .hero-signoff strong{font-size:clamp(35px,8vw,48px);min-width:9.2ch}
 .section{padding:16px 5% 44px}
 .section-title{margin:27px 0 24px}
 .about-layout .section-title{margin:27px 0 20px}
 .about-copy{padding-top:0}
 .about-copy p{margin-bottom:15px}
 .statement{margin-top:30px}
 .expertise-card,.expertise-card:last-child{min-height:385px}
 .project,.project-blue{min-height:400px}
 .work-heading p{margin-bottom:23px}
 .timeline-item{padding:19px 0}
 .education{padding-top:15px}
 .interests{margin-top:32px}
 .contact-main{padding:40px 0 42px}
}
@media(max-width:380px){.hero .hero-identity h1{font-size:15vw}.hero-signoff strong{font-size:8vw}}
@media(prefers-reduced-motion:reduce){.typewriter-caret{animation:none;opacity:0}}
@media print{.hero-main{padding:10px 0}.hero-signoff{display:none}.section{padding:9px 0 17px}.section-title{margin:9px 0}.project{min-height:220px}}

/* Final refinements: stable pinned menu, anchor offsets, editorial spacing */
:root{--header-height:76px}
.header{position:sticky;top:0;z-index:1000;background:var(--cream);isolation:isolate}
.header.is-scrolled{box-shadow:0 4px 16px rgba(23,36,63,.07)}
.reading-progress{z-index:1005}
.mobile-nav:not([hidden]){position:fixed;top:var(--header-height);z-index:999;box-shadow:0 12px 25px rgba(23,36,63,.08)}
.section[id],.contact[id],#main{scroll-margin-top:calc(var(--header-height) + 12px)}
.hero-meta{min-height:18px}
.hero-main{align-items:start}
.identity-link{margin-top:4px}
/* Ensure sign-off and main profile do not collide */
.hero-signoff{margin-top:12px}
/* Prevent curiosity statement from visually touching the preceding paragraph */
.about-layout{align-items:start}
.about-copy p:last-child{margin-bottom:0}
.statement{clear:both;margin-top:clamp(32px,4vw,56px);position:relative}
.statement-num{display:block}
.interests p{overflow-wrap:break-word}
@media(max-width:1050px){.hero-main{align-items:stretch}}
@media(max-width:650px){
 :root{--header-height:65px}
 .mobile-nav:not([hidden]){top:var(--header-height)}
 .hero-main{padding-top:25px}
 .hero-signoff{margin-top:18px}
 .about-copy{padding-top:0}
 .statement{margin-top:38px}
 .statement p{margin-top:14px}
 .section[id],.contact[id],#main{scroll-margin-top:calc(var(--header-height) + 10px)}
}
@media print{.header{position:static;box-shadow:none!important}}

/* V4: clean hero and restore generous, reliable separation before statement */
.hero-meta,.identity-link{display:none!important}
.hero{padding-top:0}
.about-layout{height:auto!important;min-height:0!important;align-items:start;overflow:visible}
.about-copy{height:auto;min-height:0;overflow:visible}
.about-copy p:last-child{margin-bottom:0}
.about .statement{margin-top:clamp(85px,8vw,128px)!important;position:relative;z-index:0;clear:both}
@media(max-width:900px){.about .statement{margin-top:82px!important}}
@media(max-width:650px){.about .statement{margin-top:76px!important}.hero-main{padding-top:32px}}
@media print{.about .statement{margin-top:18px!important}}

/* V5: retiro de franja secundaria del hero; espacio natural antes de la sección siguiente. */
.hero{padding-bottom:26px}
@media(max-width:650px){.hero{padding-bottom:16px}}