:root{--ink:#120f17;--paper:#f4f0e8;--acid:#c9ff47;--orange:#ff5c35;--blue:#5f71ff;--muted:#716b75;--line:rgba(18,15,23,.16);--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:var(--orange)}.site-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font:800 1.45rem var(--display);color:var(--ink);text-decoration:none}.brand span{color:var(--orange);font-size:.7em}.site-header nav{display:flex;gap:2.25rem}.site-header nav a,.header-cta{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:600}.header-cta{justify-self:end;border-bottom:1px solid;padding-bottom:3px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.04fr .96fr;gap:5vw;align-items:center;padding:6vw 4vw 7vw}.eyebrow{font:700 .74rem var(--display);letter-spacing:.13em}.hero h1,.section-heading h2,.profile h2,.closing h2{font-family:var(--display);font-weight:700;letter-spacing:-.055em;line-height:.98;margin:.55rem 0 1.75rem}.hero h1{font-size:clamp(3.2rem,6.1vw,7rem);max-width:980px}.hero h1 em{font-weight:500;color:var(--orange);font-style:normal}.hero-intro{font-size:clamp(1.05rem,1.35vw,1.35rem);max-width:650px;color:#403943}.hero-actions{display:flex;gap:1rem;align-items:center;margin-top:2.5rem}.button{border:0;text-decoration:none;display:inline-flex;align-items:center;gap:2.5rem;cursor:pointer}.button.primary{background:var(--ink);color:#fff;padding:1rem 1.25rem}.button.text-button{background:none;padding:1rem}.button span,.case-cta span{font-size:1.15rem}.feed-lab{align-self:stretch;min-height:610px;background:var(--ink);color:white;display:flex;flex-direction:column;border-radius:2px;margin-top:1.5vw}.lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.17)}.lab-tab{padding:1.15rem .5rem;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.17);color:#918b95;cursor:pointer;font-size:.82rem}.lab-tab:last-child{border-right:0}.lab-tab.active{color:white;background:rgba(255,255,255,.06)}.lab-stage{position:relative;flex:1;overflow:hidden}.layer{position:absolute;inset:0;display:grid;place-items:center;padding:2.5rem}.layer.active{animation:layerIn .45s ease both}@keyframes layerIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.phone{width:min(280px,68%);background:#faf7f0;color:var(--ink);border-radius:24px;padding:.8rem;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(-3deg)}.phone-top{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;padding:.25rem .15rem .65rem}.post-visual{aspect-ratio:4/5;background:var(--blue);position:relative;overflow:hidden;padding:1rem}.post-label{font:800 2.1rem/1 var(--display);position:relative;z-index:2}.sun{width:95px;height:95px;border-radius:50%;background:var(--acid);position:absolute;right:-8px;bottom:48px}.route-line{position:absolute;width:150%;height:120px;border:3px solid white;border-color:white transparent transparent;border-radius:50%;transform:rotate(-25deg);left:-55px;top:58%}.post-actions{display:flex;gap:.75rem;padding:.6rem .2rem .25rem;font-size:1.2rem}.post-actions .save{margin-left:auto}.phone p{font-size:.69rem;line-height:1.35;margin:.25rem .2rem .35rem}.floating-note{position:absolute;background:var(--acid);color:var(--ink);padding:.7rem .85rem;font:.68rem var(--display);box-shadow:0 8px 25px rgba(0,0,0,.25)}.note-one{top:24%;right:6%;transform:rotate(5deg)}.note-two{left:5%;bottom:20%;background:var(--orange);color:white;transform:rotate(-5deg)}.strategy-board,.impact-board{width:100%;height:100%;display:flex;flex-direction:column}.board-head{display:flex;justify-content:space-between;color:#918b95;font:.67rem var(--display);letter-spacing:.09em}.board-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1.1fr .9fr;gap:1px;background:rgba(255,255,255,.19);margin-top:2rem;flex:1}.board-card{background:var(--ink);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.board-card small{color:var(--acid);font-weight:700;letter-spacing:.1em}.board-card strong{font:600 clamp(1.15rem,2vw,2rem)/1.15 var(--display)}.board-card.formats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-content:start}.board-card.formats small{grid-column:1/-1}.board-card.formats span{border:1px solid rgba(255,255,255,.25);padding:.6rem}.impact-board{justify-content:center}.impact-kicker{color:var(--orange);font:700 .72rem var(--display);letter-spacing:.12em}.impact-board h2{font:700 clamp(2.6rem,5vw,5rem)/1 var(--display);letter-spacing:-.05em;margin:.25rem 0 2rem}.impact-list{border-top:1px solid rgba(255,255,255,.2)}.impact-list div{display:grid;grid-template-columns:48px 1fr;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.impact-list span{color:var(--acid)}.impact-list p{margin:0}.data-note{color:#918b95;font-size:.75rem;margin-top:1rem}.manifesto{background:var(--acid);display:flex;align-items:center;gap:1.4rem;white-space:nowrap;overflow:hidden;padding:1rem 0;font:800 .8rem var(--display);letter-spacing:.1em}.manifesto p{margin:0}.manifesto span{font-size:1.2rem}.section-pad{padding:9vw 4vw}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:5rem}.section-heading h2{font-size:clamp(2.8rem,5vw,5.6rem)}.section-heading>p{font-size:1.1rem;color:var(--muted);max-width:480px}.case-browser{display:grid;grid-template-columns:.35fr .65fr;border-top:1px solid var(--line)}.case-list{border-right:1px solid var(--line)}.case-link{width:100%;display:grid;grid-template-columns:42px 1fr;text-align:left;gap:.4rem;padding:1.1rem 1rem 1.1rem 0;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;font:600 clamp(1rem,1.5vw,1.3rem) var(--display);transition:.2s}.case-link span{font:500 .65rem var(--display);color:var(--muted)}.case-link:hover,.case-link.active{padding-left:1rem;background:var(--ink);color:white}.case-link.active span{color:var(--acid)}.case-feature{display:grid;grid-template-columns:1fr 1fr;min-height:575px}.case-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--blue);transition:background .35s}.case-art.roberta{background:#f4639a}.case-art.wild{background:#126b5b}.case-art.lunamoon{background:#653d8c}.case-art.alex{background:#f09c35}.case-art.futurum{background:#264dff}.case-art.autos{background:#d62f2f}.case-stamp{position:absolute;top:1.25rem;left:1.25rem;border:1px solid currentColor;border-radius:100%;padding:1rem .65rem;font:700 .6rem var(--display);transform:rotate(-9deg);z-index:3}.case-art-title{font:800 clamp(4rem,9vw,9rem)/1 var(--display);letter-spacing:-.08em;color:#fff;z-index:2}.case-orbit{position:absolute;width:80%;aspect-ratio:1;border:2px solid var(--acid);border-radius:50%;transform:rotate(35deg);box-shadow:0 0 0 45px rgba(255,255,255,.08),0 0 0 90px rgba(255,255,255,.05)}.case-copy{padding:3.5rem;display:flex;flex-direction:column}.case-index{font:700 .7rem var(--display);letter-spacing:.12em;color:var(--orange)}.case-copy h3{font:700 clamp(2rem,3.5vw,4rem)/1 var(--display);letter-spacing:-.05em;margin:1rem 0}.case-copy>p:not(.case-index){font-size:1.08rem;color:var(--muted)}.case-meta{margin-top:auto;border-top:1px solid var(--line)}.case-meta div{display:grid;grid-template-columns:125px 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}.case-meta small{font-size:.65rem;color:var(--muted)}.case-meta strong{font-size:.83rem}.case-cta{align-self:flex-start;margin-top:1.4rem;padding:.9rem 0;border:0;border-bottom:1px solid;background:none;cursor:pointer;font-weight:600}.anatomy{background:var(--ink);color:#fff}.section-heading.inverse>p{color:#a9a4ac}.anatomy-grid{display:grid;grid-template-columns:.34fr .38fr .28fr;border:1px solid rgba(255,255,255,.18);min-height:530px}.anatomy-nav{border-right:1px solid rgba(255,255,255,.18)}.anatomy-tab{width:100%;display:grid;grid-template-columns:38px 1fr;text-align:left;padding:1.35rem;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:transparent;color:#aaa5ae;cursor:pointer;font:600 1rem var(--display)}.anatomy-tab span{font-size:.65rem}.anatomy-tab.active{background:var(--acid);color:var(--ink)}.anatomy-content{padding:3rem;display:flex;flex-direction:column}.step-number{font:800 6rem/1 var(--display);color:rgba(255,255,255,.08)}.anatomy-content h3{font:600 clamp(1.8rem,3vw,3.2rem)/1.08 var(--display);letter-spacing:-.04em;margin:.8rem 0 1.2rem}.anatomy-content>p:not(.eyebrow){color:#aaa5ae}.deliverables{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.deliverables span{border:1px solid rgba(255,255,255,.2);padding:.55rem .7rem;font-size:.74rem}.anatomy-visual{position:relative;overflow:hidden;background:var(--orange);display:grid;place-items:center}.radar-ring{position:absolute;border:1px solid rgba(18,15,23,.35);border-radius:50%}.radar-ring.one{width:70%;aspect-ratio:1}.radar-ring.two{width:48%;aspect-ratio:1}.radar-ring.three{width:25%;aspect-ratio:1}.anatomy-visual:before,.anatomy-visual:after{content:"";position:absolute;background:rgba(18,15,23,.25)}.anatomy-visual:before{width:1px;height:100%}.anatomy-visual:after{height:1px;width:100%}.anatomy-visual p{z-index:2;font:800 1.05rem/1.15 var(--display);text-align:center}.radar-dot{width:11px;height:11px;border-radius:50%;background:var(--acid);position:absolute;z-index:3}.d1{top:28%;left:38%}.d2{bottom:21%;right:32%}.d3{top:52%;right:19%}.profile{background:#e8e2d8}.profile-card{display:grid;grid-template-columns:.35fr .65fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-mark{min-height:500px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.profile-mark span{font:800 clamp(8rem,18vw,18rem)/.8 var(--display);color:var(--orange)}.profile-mark small{font:700 .64rem var(--display);letter-spacing:.12em}.profile-copy{padding:4rem}.profile-copy h2{font-size:clamp(2.5rem,4.3vw,5rem)}.profile-copy>p:not(.eyebrow){font-size:1.15rem;color:var(--muted);max-width:680px}.skills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.skills span{border:1px solid var(--line);padding:.7rem .85rem;font-size:.8rem;background:rgba(255,255,255,.2)}.closing{min-height:80vh;background:var(--blue);color:white;padding:8vw 4vw;display:flex;flex-direction:column;justify-content:center}.closing h2{font-size:clamp(4rem,9vw,10rem);max-width:1200px}.closing>a{align-self:flex-start;color:white;text-decoration:none;font:600 clamp(1.2rem,2vw,2rem) var(--display);border-bottom:1px solid;padding-bottom:.4rem}.prototype-note{font-size:.72rem;color:rgba(255,255,255,.65);margin-top:5rem}.case-modal{position:fixed;inset:0;z-index:200;display:none}.case-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(18,15,23,.72);backdrop-filter:blur(8px)}.modal-panel{position:absolute;top:0;right:0;width:min(700px,92vw);height:100%;overflow:auto;background:var(--paper);padding:4rem}.modal-close{position:absolute;top:1rem;right:1.25rem;border:0;background:none;font-size:2.2rem;cursor:pointer}.modal-panel h2{font:700 clamp(2.5rem,5vw,5rem)/1 var(--display);letter-spacing:-.05em}.modal-flow{border-top:1px solid var(--line);margin-top:3rem}.modal-flow div{display:grid;grid-template-columns:40px 115px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.modal-flow span{color:var(--orange);font-size:.72rem}.modal-flow p{margin:0;color:var(--muted);font-size:.88rem}.modal-note{margin-top:2rem;padding:1rem;background:var(--acid);font-size:.82rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.hero{grid-template-columns:1fr}.feed-lab{min-height:650px}.case-browser{grid-template-columns:1fr}.case-list{border-right:0;display:grid;grid-template-columns:repeat(2,1fr)}.case-feature{min-height:620px}.anatomy-grid{grid-template-columns:.35fr .65fr}.anatomy-visual{display:none}.profile-copy{padding:2.5rem}.site-header{grid-template-columns:auto 1fr auto}.site-header nav{justify-self:center}}@media(max-width:700px){.site-header{height:64px}.site-header nav{display:none}.hero{padding:4rem 1.25rem}.hero h1{font-size:clamp(3rem,14vw,4.8rem)}.hero-actions{align-items:flex-start;flex-direction:column}.feed-lab{min-height:560px}.layer{padding:1.35rem}.phone{width:75%}.section-pad{padding:6rem 1.25rem}.section-heading{grid-template-columns:1fr;gap:1rem;margin-bottom:3rem}.case-list{grid-template-columns:1fr 1fr}.case-link{font-size:.82rem;grid-template-columns:25px 1fr;padding:.85rem .5rem}.case-feature{grid-template-columns:1fr;min-height:0}.case-art{min-height:330px}.case-copy{padding:2rem 1.25rem}.case-meta div{grid-template-columns:1fr;gap:.25rem}.anatomy-grid{grid-template-columns:1fr}.anatomy-nav{display:flex;overflow:auto;border-right:0}.anatomy-tab{min-width:150px;border-right:1px solid rgba(255,255,255,.18)}.anatomy-content{min-height:470px;padding:2rem 1.25rem}.profile-card{grid-template-columns:1fr}.profile-mark{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.profile-copy{padding:3rem 1.25rem}.closing{padding:6rem 1.25rem}.closing h2{font-size:clamp(3.5rem,17vw,6rem)}.modal-panel{padding:4rem 1.25rem}.modal-flow div{grid-template-columns:30px 1fr}.modal-flow p{grid-column:2}.manifesto{width:max-content;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-35%)}}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.layer[hidden]{display:none}

/* ---------- Content-first portfolio update ---------- */
.compact-pad{padding-top:6vw;padding-bottom:6vw}.results-strip{background:#eee8dd}.results-heading{margin-bottom:3rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric-card{min-height:270px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-card.metric-primary{background:var(--acid)}.metric-value{font:800 clamp(2.5rem,4vw,4.8rem)/.95 var(--display);letter-spacing:-.055em}.metric-card strong{font:700 1rem var(--display);margin-top:1.1rem}.metric-card p{color:var(--muted);margin:.35rem 0 0}.metric-card small{margin-top:auto;color:var(--muted);font-size:.72rem}.case-art.exploria{background:#7656d6}.case-art.creators{background:#e56d9e}.case-art-title{max-width:90%;text-align:center}.case-meta{margin-top:2rem}.exploria-deep{background:#f0ebe2}.brand-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:6rem}.brand-panel{min-height:440px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-panel h3,.mini-case h3,.story-heading h3,.creator-grid h3,.capabilities-grid h3{font:700 clamp(2rem,3vw,3.5rem)/1 var(--display);letter-spacing:-.045em;margin:.7rem 0 1rem}.brand-panel>p:not(.panel-number){color:var(--muted)}.panel-number{font:700 .7rem var(--display);color:var(--orange);letter-spacing:.12em}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}.tag-row span{border:1px solid var(--line);padding:.45rem .58rem;font-size:.72rem}.project-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:2rem}.project-links a{color:var(--ink);font-size:.78rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.15rem}.case-story{border-top:1px solid var(--line);padding-top:4rem;margin-top:2rem}.story-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;align-items:start;margin-bottom:3rem}.story-heading .eyebrow{grid-column:1/-1}.story-heading h3{font-size:clamp(3rem,5.5vw,6.5rem);margin:.4rem 0}.story-heading>p:not(.eyebrow){font-size:1.08rem;color:var(--muted);margin-top:1rem}.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.opportunity-grid article{min-height:220px;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.opportunity-grid span{font:700 .68rem var(--display);color:var(--orange)}.opportunity-grid h4{font:700 1.25rem var(--display);margin:1.5rem 0 .6rem}.opportunity-grid p{color:var(--muted);font-size:.9rem}.implementation-note{margin-top:2rem;background:var(--ink);color:#fff;padding:2rem;display:grid;grid-template-columns:.35fr .65fr;gap:2rem}.implementation-note strong{font:700 1.3rem var(--display)}.implementation-note p{margin:0;color:#b8b2ba}.split-stories{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:6rem;border:1px solid var(--line)}.mini-case{background:var(--paper);padding:3rem;min-height:480px}.mini-case>p:not(.eyebrow):not(.case-footnote){font-size:1.05rem;color:var(--muted)}.process-line{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:2rem 0}.process-line span{background:var(--acid);padding:.55rem .7rem;font-size:.76rem;font-weight:600}.process-line b{font-weight:400;color:var(--muted)}.case-footnote{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}.volunteer-card{background:#dfe7dd}.volunteer-card blockquote{font:600 1.5rem/1.2 var(--display);margin:2.5rem 0 0;border-left:3px solid var(--orange);padding-left:1rem}.futurum-section{background:var(--ink);color:#fff}.dark-story{border-top-color:rgba(255,255,255,.2)}.dark-story .story-heading>p:not(.eyebrow){color:#aaa5ae}.funnel-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.funnel-grid div{min-height:210px;padding:1.6rem;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.funnel-grid span{color:var(--acid);font-size:.68rem}.funnel-grid strong{font:700 1.4rem var(--display);margin-top:2rem}.funnel-grid small{margin-top:auto;color:#aaa5ae;line-height:1.5}.futurum-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem}.futurum-stats div{padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:1rem;align-items:baseline}.futurum-stats strong{font:800 2.6rem var(--display);color:var(--orange)}.futurum-stats span{font-size:.78rem;color:#aaa5ae}.light-links a{color:#fff;border-bottom-color:rgba(255,255,255,.3)}.creator-section{background:#f7f3ec}.creator-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.creator-grid article{min-height:520px;padding:3rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.creator-label{font:700 .7rem var(--display);letter-spacing:.12em;color:var(--orange)}.creator-grid p,.creator-grid li{color:var(--muted)}.creator-grid ul{padding-left:1.1rem}.creator-grid a{margin-top:auto;align-self:flex-start;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid}.profile-copy p strong{color:var(--ink)}.capabilities-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:4rem}.capabilities-grid article{padding:1.4rem;min-height:280px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capabilities-grid article>span{font-size:.65rem;color:var(--orange)}.capabilities-grid h3{font-size:1.25rem;margin:1.4rem 0 .8rem}.capabilities-grid p{font-size:.82rem;color:var(--muted)}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:5rem;border-top:1px solid var(--line);padding-top:3rem}.timeline-row{display:grid;grid-template-columns:.45fr .55fr;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0}.timeline-row strong{font:600 .9rem var(--display)}.timeline-row span{font-size:.8rem;color:var(--muted)}.tool-group{display:grid;grid-template-columns:110px 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0}.tool-group strong{font-size:.8rem}.tool-group span{font-size:.8rem;color:var(--muted)}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.contact-links a{color:#fff;text-decoration:none;font:600 clamp(1.1rem,1.8vw,1.8rem) var(--display);border-bottom:1px solid;padding-bottom:.3rem}.availability{font-size:.8rem;color:rgba(255,255,255,.72);margin-top:3rem}.modal-subtitle{color:var(--muted);font-size:1rem;max-width:560px}.modal-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.modal-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid;font-weight:600;font-size:.82rem}

@media(max-width:1100px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}.brand-matrix{grid-template-columns:1fr}.brand-panel{min-height:330px}.opportunity-grid{grid-template-columns:repeat(2,1fr)}.funnel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.metric-grid,.creator-grid,.split-stories,.profile-details{grid-template-columns:1fr}.story-heading{grid-template-columns:1fr}.story-heading .eyebrow{grid-column:auto}.implementation-note{grid-template-columns:1fr}.futurum-stats{grid-template-columns:1fr}.capabilities-grid{grid-template-columns:1fr}.metric-card{min-height:220px}.mini-case,.creator-grid article{min-height:auto}.profile-details{gap:3rem}}
@media(max-width:600px){.opportunity-grid,.funnel-grid{grid-template-columns:1fr}.brand-panel,.mini-case,.creator-grid article{padding:2rem 1.25rem}.story-heading h3{font-size:clamp(2.7rem,14vw,4.2rem)}.timeline-row,.tool-group{grid-template-columns:1fr}.process-line b{display:none}.case-art-title{font-size:clamp(3rem,16vw,5rem)}}

/* ---------- Revision v3: voice, hierarchy, evidence & media ---------- */
.hero-name{margin:0 0 .35rem;font:800 .86rem var(--display);letter-spacing:.18em;color:var(--orange)}
.site-header .brand{font-size:.96rem;letter-spacing:.02em;white-space:nowrap}.site-header .brand span{margin-left:.35rem}
.manifesto{width:100%;justify-content:center;padding:1rem 4vw;gap:clamp(.7rem,1.8vw,1.55rem)}
.results-heading{display:block;margin-bottom:2.5rem}.results-disclaimer{max-width:880px;margin:1.2rem 0 0 auto;color:var(--muted);font-size:.72rem;line-height:1.5;text-align:right}
.metric-card{min-height:250px}.metric-card p{max-width:28ch}.metric-card:nth-child(3){background:#f7f3ec}
.proof-row{margin-top:3rem;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;max-width:980px;margin-left:auto;margin-right:auto}.proof-arrow{text-align:center;font:500 2rem var(--display);color:var(--orange)}
.media-slot{position:relative;margin:0;overflow:hidden;background:#e7e1d7;border:1px solid var(--line)}.media-slot>img{display:block;width:100%;height:100%;object-fit:cover}.media-fallback{min-height:260px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#dfd8cc,#f6f2eb);color:var(--ink)}.media-slot img:not([hidden])+.media-fallback{display:none}.media-slot img[hidden]+.media-fallback{display:flex}.media-fallback span{font:700 .66rem var(--display);letter-spacing:.12em;color:var(--orange)}.media-fallback strong{font:700 clamp(1.35rem,2vw,2.1rem)/1.1 var(--display);margin:.5rem 0 1.5rem}.media-fallback code{font:.7rem/1.4 monospace;color:var(--muted);word-break:break-all}.media-slot figcaption{font-size:.72rem;color:var(--muted);padding:.7rem .85rem;background:var(--paper);border-top:1px solid var(--line)}.proof-slot{aspect-ratio:16/9}.proof-slot .media-fallback{min-height:100%;height:100%}

.project-selector{border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:2rem}.featured-projects,.secondary-projects{display:grid}.featured-projects{grid-template-columns:repeat(3,1fr)}.secondary-projects{grid-template-columns:repeat(4,1fr)}.project-card.case-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;min-height:185px;padding:1.5rem;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;padding-left .2s ease}.project-card.case-link small{font:700 .64rem var(--display);letter-spacing:.11em;color:var(--orange)}.project-card.case-link strong{font:700 clamp(1.2rem,1.8vw,1.9rem)/1.02 var(--display);letter-spacing:-.04em;margin-top:auto}.project-card.case-link span{font-size:.76rem;color:var(--muted);margin-top:.55rem}.project-card.case-link.featured{min-height:230px}.project-card.case-link.secondary{min-height:155px}.project-card.case-link:hover{padding-left:1.8rem;background:#ebe5db}.project-card.case-link.active{padding-left:1.5rem;background:var(--ink);color:#fff}.project-card.case-link.active small{color:var(--acid)}.project-card.case-link.active span{color:#aaa5ae}
.case-feature{border:1px solid var(--line);border-top:0}.case-art.travelers{background:#31a977}.case-art.wild{background:#126b5b}.case-art.lunamoon{background:#653d8c}.case-art.autos{background:#d62f2f}.case-cta{font-weight:700}.case-cta:hover{color:var(--orange)}

.project-links{gap:.55rem;align-items:center}.project-links small{width:100%;font:700 .61rem var(--display);letter-spacing:.12em;color:var(--muted);margin-bottom:.15rem}.project-links a,.modal-links a{border:1px solid var(--line);border-radius:999px;padding:.42rem .7rem;text-decoration:none;transition:.2s;background:rgba(255,255,255,.18)}.project-links a:hover,.modal-links a:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}.light-links small{color:#88818d}.light-links a{border-color:rgba(255,255,255,.28);background:transparent}

.evidence-block{margin-top:4rem}.evidence-intro{display:grid;grid-template-columns:.35fr .65fr;gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-bottom:1.5rem}.evidence-intro>p:last-child{margin:0;color:var(--muted);max-width:650px}.proposal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.proposal-gallery figure{margin:0;background:white;border:1px solid var(--line);overflow:hidden}.proposal-gallery a{display:block;aspect-ratio:4/5;overflow:hidden;background:#fff}.proposal-gallery img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.proposal-gallery a:hover img{transform:scale(1.025)}.proposal-gallery figcaption{padding:.8rem 1rem;font-size:.73rem;color:var(--muted);border-top:1px solid var(--line)}
.mini-media{margin-top:1.8rem;aspect-ratio:16/9}.mini-media .media-fallback{min-height:100%;height:100%}.volunteer-learning{font:600 1.08rem/1.4 var(--display)!important;color:var(--ink)!important;margin:1.5rem 0 0!important;border-left:3px solid var(--orange);padding-left:1rem;max-width:40ch}

.futurum-heading{align-items:end;margin-bottom:1.4rem}.futurum-heading>div h3{margin-bottom:0}.futurum-heading>p{align-self:end;margin:0 0 .15rem;color:#aaa5ae!important;max-width:500px}.case-media-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:2rem;margin-top:3rem;align-items:end}.futurum-media{aspect-ratio:16/9;border-color:rgba(255,255,255,.2)}.futurum-media .media-fallback{min-height:100%;height:100%;background:linear-gradient(135deg,#18141e,#30283b);color:#fff}.futurum-media .media-fallback code,.futurum-media figcaption{color:#aaa5ae}.futurum-media figcaption{background:transparent;border-top-color:rgba(255,255,255,.2)}.case-media-row .project-links{padding-top:0;margin-top:0;align-self:end}

.creator-heading{margin-bottom:3rem}.instagram-embed-wrap{margin:2rem 0 1.4rem;max-width:540px;width:100%;overflow:hidden}.instagram-embed-wrap .instagram-media{margin:0!important;min-width:0!important;width:100%!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:1rem!important}.instagram-embed-wrap .instagram-media>a{font-size:.8rem;color:var(--ink)}.creator-link{margin-top:auto!important}

.availability-grid{display:grid;grid-template-columns:.7fr .7fr 1.6fr;border-top:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28);margin-top:4rem;max-width:980px}.availability-grid>div{min-height:130px;padding:1.2rem 1.4rem;border-right:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column;justify-content:space-between}.availability-grid small{font:700 .63rem var(--display);letter-spacing:.12em;color:var(--acid)}.availability-grid strong{font:600 clamp(1rem,1.4vw,1.35rem)/1.25 var(--display)}

@media(max-width:900px){.featured-projects{grid-template-columns:1fr}.secondary-projects{grid-template-columns:repeat(2,1fr)}.project-card.case-link.featured{min-height:150px}.proposal-gallery{grid-template-columns:1fr 1fr}.evidence-intro,.case-media-row{grid-template-columns:1fr}.availability-grid{grid-template-columns:1fr 1fr}.availability-grid>div:last-child{grid-column:1/-1}.manifesto{justify-content:flex-start}}
@media(max-width:700px){.site-header .brand{font-size:.82rem}.proof-row{grid-template-columns:1fr}.proof-arrow{transform:rotate(90deg);padding:.3rem}.secondary-projects{grid-template-columns:1fr}.project-card.case-link.secondary{min-height:125px}.proposal-gallery{grid-template-columns:1fr}.availability-grid{grid-template-columns:1fr}.availability-grid>div:last-child{grid-column:auto}.results-disclaimer{text-align:left;margin-left:0}.manifesto{width:max-content;justify-content:flex-start}}
.brand-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:-3.5rem 0 6rem}.brand-media{aspect-ratio:4/3}.brand-media .media-fallback{min-height:100%;height:100%}
@media(max-width:900px){.brand-visuals{grid-template-columns:1fr 1fr;margin-top:-2rem}}
@media(max-width:600px){.brand-visuals{grid-template-columns:1fr;margin-top:-1rem}}

/* v4 ajustes */
.site-header .brand{font-size:1.1rem;letter-spacing:.03em}.site-header .brand span{margin-left:.18rem}.hero-name{color:var(--orange);font:800 .88rem var(--display);letter-spacing:.18em;margin:0 0 .6rem}.feed-lab{display:grid;grid-template-columns:180px 1fr;min-height:620px}.lab-tabs{display:flex;flex-direction:column;border-bottom:0;border-right:1px solid rgba(255,255,255,.17)}.lab-tab{border-right:0;border-bottom:1px solid rgba(255,255,255,.17);text-align:left;padding:1.2rem 1rem;font-weight:600}.lab-stage{min-height:620px}.manifesto{justify-content:center}.results-disclaimer{max-width:none;text-align:center;margin:1rem auto 0;font-size:.74rem}.proof-row{margin-top:2.25rem;max-width:760px;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.proof-slot{aspect-ratio:3/4}.proof-slot .media-fallback{padding:1.25rem}.proof-slot .media-fallback strong{font-size:clamp(1.1rem,1.6vw,1.5rem)}.project-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.project-mark{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:.38rem .55rem;border:1px solid var(--line);border-radius:999px;font:700 .62rem var(--display);letter-spacing:.12em;color:var(--muted);background:rgba(18,15,23,.02)}.project-card.case-link.active .project-mark{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06)}.project-card.case-link:hover .project-mark{border-color:rgba(18,15,23,.22);color:var(--ink)}.case-meta div:last-child small{letter-spacing:.12em}.exploria-deep{padding-top:5vw}.split-stories{margin-top:3.5rem;align-items:stretch}.mini-case{min-height:auto;display:flex;flex-direction:column}.mini-case .mini-media{margin-top:1.5rem}.volunteer-card{order:1}.babymoon-card{order:2}.volunteer-learning{margin-top:1.1rem!important}.futurum-heading{grid-template-columns:1.2fr .8fr;align-items:end}.futurum-heading>p{align-self:end;margin:0 0 .35rem;color:#aaa5ae!important;max-width:460px}.tiktok-row{align-items:start}.tiktok-embed-wrap{background:transparent;border:1px solid rgba(255,255,255,.2);overflow:hidden}.tiktok-embed-wrap .tiktok-embed{margin:0!important;max-width:100%!important;width:100%!important;background:#fff!important}.tiktok-embed-wrap figcaption{font-size:.72rem;color:#aaa5ae;padding:.7rem .85rem;border-top:1px solid rgba(255,255,255,.2)}.creator-grid article p:first-of-type{max-width:52ch}.contact-links a{display:inline-flex;align-items:center;gap:.6rem}.availability-grid strong{font-size:clamp(1.05rem,1.45vw,1.4rem)}
@media(max-width:980px){.feed-lab{grid-template-columns:1fr}.lab-tabs{flex-direction:row;border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}.lab-tab{border-bottom:0;border-right:1px solid rgba(255,255,255,.17);text-align:center}.lab-tab:last-child{border-right:0}.lab-stage{min-height:560px}.proof-row{max-width:900px}.futurum-heading{grid-template-columns:1fr}.futurum-heading>p{margin-top:1rem;max-width:100%}}
@media(max-width:700px){.site-header .brand{font-size:.92rem}.proof-slot{aspect-ratio:4/5}.results-disclaimer{text-align:left}.project-card-head{margin-bottom:.95rem}.project-mark{min-width:48px;padding:.32rem .5rem;font-size:.58rem}}

/* v5 — selector lateral, compactación y ajustes de alineación */
.work-browser{display:grid;grid-template-columns:minmax(240px,.28fr) minmax(0,.72fr);border:1px solid var(--line);border-top:0}.project-selector{border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper)}.project-nav-item.case-link{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.9rem;min-height:84px;padding:.85rem .9rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,padding .2s ease}.project-nav-item.case-link:last-child{border-bottom:0}.project-nav-item.case-link:hover{padding-left:1.05rem;background:#ebe5db}.project-nav-item.case-link.active{padding-left:.9rem;background:var(--ink);color:#fff}.project-nav-copy{display:flex;flex-direction:column;min-width:0}.project-nav-copy small{font:700 .58rem var(--display);letter-spacing:.1em;color:var(--orange);margin-bottom:.18rem}.project-nav-copy strong{font:700 .98rem/1.12 var(--display);letter-spacing:-.02em;white-space:normal}.project-nav-copy em{font-style:normal;font-size:.67rem;color:var(--muted);margin-top:.22rem}.project-nav-item.active .project-nav-copy small{color:var(--acid)}.project-nav-item.active .project-nav-copy em{color:#aaa5ae}.project-logo-slot{position:relative;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;background:#eee8dd;flex:none}.project-logo-slot>b{font:800 .67rem var(--display);letter-spacing:.04em;color:var(--muted)}.project-logo-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5px;background:#fff}.project-nav-item.active .project-logo-slot{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}.creator-avatars{overflow:visible;background:transparent;border:0;width:50px}.creator-avatars .avatar-slot{position:absolute;top:4px;width:38px;height:38px;border-radius:50%;overflow:hidden;border:2px solid var(--paper);display:grid;place-items:center;background:#eee8dd}.creator-avatars .avatar-slot.first{left:0;z-index:2}.creator-avatars .avatar-slot.second{right:0;z-index:1}.creator-avatars .avatar-slot b{font:800 .65rem var(--display);color:var(--muted)}.creator-avatars .avatar-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-nav-item.active .creator-avatars .avatar-slot{border-color:var(--ink)}.work-browser .case-feature{border:0;min-height:590px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.work-browser .case-copy{padding:3rem}.work-browser .case-art-title{font-size:clamp(3.5rem,7vw,7.5rem)}
.exploria-deep .story-heading{align-items:end}.exploria-deep .story-heading>p:not(.eyebrow){align-self:end;margin:0 0 .25rem}.implementation-note{align-items:center}.exploria-deep{padding-bottom:40px}.futurum-section{padding-top:40px}.split-stories{margin-top:3rem}
.tiktok-embed-wrap{min-height:520px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background:#fff}.tiktok-loading{padding:2rem;color:var(--muted);font-size:.8rem}.tiktok-fallback{display:none;min-height:430px;padding:2rem;background:linear-gradient(135deg,#18141e,#30283b);color:#fff;flex-direction:column;justify-content:flex-end}.tiktok-fallback.show{display:flex}.tiktok-fallback span{font:700 .66rem var(--display);letter-spacing:.12em;color:var(--orange)}.tiktok-fallback strong{font:700 clamp(1.5rem,2.6vw,2.4rem)/1.1 var(--display);margin:.55rem 0 1.5rem}.tiktok-fallback a{align-self:flex-start;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);font-weight:600}.tiktok-embed-wrap .tiktok-embed{margin:0 auto!important}.tiktok-embed-wrap figcaption{margin-top:auto}
.closing{min-height:100vh;padding:5vh 4vw;justify-content:center}.closing h2{font-size:clamp(3.2rem,6vw,7rem);max-width:1000px;margin:.35rem 0 1.15rem}.contact-links{gap:.55rem}.contact-links a{font-size:clamp(1rem,1.45vw,1.45rem);padding-bottom:.18rem}.availability-grid{margin-top:2.25rem}.availability-grid>div{min-height:105px;padding:1rem 1.25rem}
@media(max-width:1100px){.work-browser{grid-template-columns:220px minmax(0,1fr)}.work-browser .case-feature{grid-template-columns:1fr 1fr}.project-nav-item.case-link{grid-template-columns:46px minmax(0,1fr);min-height:78px}.project-logo-slot{width:40px;height:40px}.creator-avatars{width:44px}.creator-avatars .avatar-slot{width:34px;height:34px}.work-browser .case-copy{padding:2.2rem}}
@media(max-width:900px){.work-browser{grid-template-columns:1fr}.project-selector{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}.project-nav-item.case-link{min-height:92px;border-right:1px solid var(--line)}.project-nav-item.case-link:nth-child(2n){border-right:0}.work-browser .case-feature{grid-template-columns:1fr 1fr}.exploria-deep{padding-bottom:32px}.futurum-section{padding-top:32px}.closing{min-height:auto;padding:5rem 4vw}}
@media(max-width:700px){.project-selector{grid-template-columns:1fr}.project-nav-item.case-link{border-right:0}.work-browser .case-feature{grid-template-columns:1fr}.work-browser .case-art{min-height:300px}.closing{padding:4rem 1.25rem}.closing h2{font-size:clamp(3rem,14vw,5rem)}.availability-grid{margin-top:1.8rem}}
.project-nav-copy{color:inherit!important}.project-nav-item.active .project-nav-copy strong{color:#fff}.tiktok-oembed-content{display:flex;justify-content:center;align-items:flex-start;padding:1rem;background:#fff;min-height:430px}.tiktok-oembed-content .tiktok-embed{width:100%!important;max-width:605px!important;min-width:0!important}

/* v6 ajustes finales */
.site-header .brand{font-size:1rem!important;letter-spacing:.02em!important;white-space:nowrap}
.site-header .brand span{margin-left:.28rem!important}
.hero .eyebrow:first-child{margin-top:0}
.case-art{min-height:100%;padding:1.25rem}
.case-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.case-art-title{position:relative;z-index:2;background:rgba(18,15,23,.58);backdrop-filter:blur(4px);padding:.35rem .6rem;border-radius:999px}
.case-art-image:not([hidden])~.case-art-title{display:none}
.case-art-image[hidden]~.case-art-title{display:block}
.case-orbit{z-index:0;opacity:.5}
.case-stamp{background:rgba(18,15,23,.45);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.project-logo-slot>img{object-fit:contain;padding:4px;background:#fff}
.work-browser .case-feature{min-height:620px;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)}
.work-browser .case-art{min-height:620px}
.tiktok-embed-wrap.media-slot{background:transparent!important;border:0!important;padding:0!important}
.tiktok-loading{padding:0 0 1rem;color:#aaa5ae}
.tiktok-oembed-content{padding:0!important;background:transparent!important;min-height:auto!important}
.tiktok-oembed-content iframe{display:block;margin:0 auto;background:transparent!important}
.tiktok-oembed-content .tiktok-embed{background:transparent!important}
.tiktok-fallback{min-height:430px;border:1px solid rgba(255,255,255,.2)}
.tiktok-embed-wrap figcaption{padding:.85rem 0 0!important;border-top:0!important}
.anatomy-visual{padding:0;background:#17131d;place-items:stretch}
.anatomy-visual-image{width:100%;height:100%;object-fit:cover;display:block}
.anatomy-visual-fallback{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:2rem;background:linear-gradient(135deg,#1d1725,#2d2239);color:#fff}
.anatomy-visual-fallback span{font:700 .66rem var(--display);letter-spacing:.12em;color:var(--orange)}
.anatomy-visual-fallback strong{font:700 clamp(1.5rem,2.2vw,2.35rem)/1.08 var(--display);margin:.55rem 0 1rem}
.anatomy-visual-fallback code{font:.75rem/1.45 monospace;color:#aaa5ae;word-break:break-all}
.closing h2{font-size:clamp(2.6rem,4.6vw,5.2rem)!important;max-width:860px!important}
.closing{padding:4vh 4vw!important}
.contact-links{gap:.45rem}
.availability-grid{margin-top:1.65rem!important}
@media(max-width:1100px){.site-header .brand{font-size:.94rem!important}.work-browser .case-feature{grid-template-columns:1fr 1fr;min-height:560px}.work-browser .case-art{min-height:560px}}
@media(max-width:900px){.site-header .brand{font-size:.88rem!important}.work-browser .case-feature{grid-template-columns:1fr 1fr}.work-browser .case-art{min-height:420px}}
@media(max-width:700px){.site-header{grid-template-columns:1fr auto;gap:1rem}.site-header nav{display:none}.header-cta{justify-self:auto}.work-browser .case-feature{grid-template-columns:1fr}.work-browser .case-art,.work-browser .case-feature{min-height:auto}.case-art{min-height:320px}.closing h2{font-size:clamp(2.4rem,11vw,4rem)!important}}

/* v7 — conversión y prueba social */
.futurum-stats div:nth-child(2) strong{font-size:clamp(1.15rem,1.8vw,1.75rem);letter-spacing:.06em}
.testimonial-section{background:#efe9df;padding-top:6vw;padding-bottom:6vw}
.testimonial-card{max-width:1180px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3.5rem 0;display:grid;grid-template-columns:.28fr .72fr;column-gap:6vw;row-gap:2rem;align-items:start}
.testimonial-card .eyebrow{margin:0;color:var(--orange)}
.testimonial-card blockquote{grid-column:2;margin:0;font:600 clamp(2rem,3.5vw,4rem)/1.08 var(--display);letter-spacing:-.045em;max-width:960px}
.testimonial-author{grid-column:2;display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}
.testimonial-author strong{font:700 1rem var(--display)}
.testimonial-author span{font-size:.82rem;color:var(--muted)}
@media(max-width:800px){.testimonial-card{grid-template-columns:1fr;padding:2.5rem 0}.testimonial-card blockquote,.testimonial-author{grid-column:1}.testimonial-card blockquote{font-size:clamp(1.8rem,7vw,3rem)}}

/* v8 — legibilidad, responsive, iconos y retratos */
.ui-arrow{position:relative;display:inline-block;width:.9em;height:.9em;flex:0 0 auto;color:currentColor;vertical-align:-.08em}
.ui-arrow::before,.ui-arrow::after{content:"";position:absolute;display:block;box-sizing:border-box}
.ui-arrow.arrow-up-right::before{width:.82em;height:1.5px;background:currentColor;left:.02em;bottom:.16em;transform:rotate(-45deg);transform-origin:left center}
.ui-arrow.arrow-up-right::after{width:.42em;height:.42em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;right:.02em;top:.02em}
.ui-arrow.arrow-down::before{width:1.5px;height:.75em;background:currentColor;left:50%;top:.02em;transform:translateX(-50%)}
.ui-arrow.arrow-down::after{width:.42em;height:.42em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;left:50%;bottom:.02em;transform:translateX(-50%) rotate(45deg)}
.ui-arrow.arrow-right::before{width:.78em;height:1.5px;background:currentColor;left:.02em;top:50%;transform:translateY(-50%)}
.ui-arrow.arrow-right::after{width:.4em;height:.4em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;right:.02em;top:50%;transform:translateY(-50%) rotate(45deg)}
.button .ui-arrow,.case-cta .ui-arrow,.contact-links .ui-arrow,.creator-link .ui-arrow,.project-links .ui-arrow,.modal-links .ui-arrow{margin-left:.15rem}

/* Hero interactive panel: force all three tabs to fit inside their frame */
.feed-lab{grid-template-columns:168px minmax(0,1fr);min-height:610px}
.lab-stage{min-width:0;min-height:0}
.layer{padding:clamp(1rem,1.8vw,1.6rem);overflow:auto}
.layer-strategy,.layer-impact{place-items:stretch}
.strategy-board,.impact-board{min-width:0;min-height:0}
.board-head{font-size:.58rem;gap:1rem;flex-wrap:wrap}
.board-grid{margin-top:1rem;min-height:0;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr .9fr}
.board-card{padding:clamp(.8rem,1.15vw,1.15rem);min-width:0;overflow:hidden}
.board-card small{font-size:.62rem}
.board-card strong{font-size:clamp(.92rem,1.3vw,1.35rem);line-height:1.18;overflow-wrap:anywhere}
.board-card.formats{gap:.45rem}
.board-card.formats span{padding:.42rem .5rem;font-size:.68rem}
.impact-board{justify-content:center;padding:.1rem 0}
.impact-kicker{font-size:.62rem}
.impact-board h2{font-size:clamp(1.9rem,3.25vw,3.25rem);line-height:1.02;margin:.2rem 0 1.25rem;max-width:9ch}
.impact-list div{grid-template-columns:38px 1fr;padding:.68rem 0}
.impact-list p{font-size:.86rem;line-height:1.35}
.data-note{font-size:.68rem;line-height:1.4;margin-top:.75rem}

/* Results arrows: CSS only, never emoji */
.metric-range{display:flex;align-items:center;gap:.22em;flex-wrap:wrap}
.metric-range .ui-arrow{font-size:.35em;margin:0 .05em;color:var(--orange)}
.proof-arrow{position:relative;width:44px;height:44px;display:grid;place-items:center;margin:auto}
.proof-arrow::before{content:"";width:28px;height:1.5px;background:var(--orange);display:block}
.proof-arrow::after{content:"";position:absolute;width:8px;height:8px;border-top:1.5px solid var(--orange);border-right:1.5px solid var(--orange);right:8px;top:50%;transform:translateY(-50%) rotate(45deg)}
.flow-arrow{position:relative;width:20px;height:12px;display:inline-block!important;flex:0 0 20px}
.flow-arrow::before{content:"";position:absolute;left:1px;top:50%;width:16px;height:1px;background:var(--muted)}
.flow-arrow::after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-top:1px solid var(--muted);border-right:1px solid var(--muted);transform:translateY(-50%) rotate(45deg)}

/* Work selected: Exploria stays typographic; all other center visuals use same 4:5 crop */
.work-browser .case-art{aspect-ratio:4/5;min-height:0;height:auto;align-self:stretch}
.case-art-image{object-fit:cover;object-position:center}
.case-art.exploria{min-height:100%}

/* TikTok: intentionally framed as one white social card, no clipping */
.tiktok-row{align-items:start}
.tiktok-embed-wrap.media-slot{aspect-ratio:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:10px;padding:12px 12px 0!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.tiktok-oembed-content{background:#fff!important;padding:0!important;min-height:0!important;overflow:visible!important;display:block!important}
.tiktok-oembed-content blockquote,.tiktok-oembed-content iframe,.tiktok-embed-wrap .tiktok-embed{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:visible!important}
.tiktok-embed-wrap figcaption{background:#fff!important;color:#5b5660!important;border:0!important;padding:.75rem .15rem .85rem!important;margin:0!important}
.tiktok-loading{background:#fff;color:#5b5660;padding:1rem}
.tiktok-fallback{border:0!important;border-radius:6px;overflow:hidden}

/* Testimonial portrait */
.testimonial-card{align-items:center}
.testimonial-person{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;min-width:0}
.testimonial-person .eyebrow{align-self:flex-start;width:100%;text-align:left}
.testimonial-photo-slot{width:min(150px,70%);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--line);background:#e2dbd1;display:grid;place-items:center;position:relative}
.testimonial-photo-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.testimonial-photo-slot>span{font:800 2rem var(--display);color:var(--orange)}
.testimonial-card blockquote{grid-column:2;grid-row:1;align-self:end}
.testimonial-author{grid-column:2;grid-row:2;align-self:start}

/* About portrait: editorial rather than oversized M */
.profile-mark{align-items:center;justify-content:center!important;gap:1.5rem;padding:2rem!important}
.profile-photo-slot{width:min(270px,78%);aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid var(--line);background:#ded6cc;display:grid;place-items:center;border-radius:46% 46% 18px 18px}
.profile-photo-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-photo-slot>span{font:800 clamp(6rem,13vw,11rem)/1 var(--display)!important;color:var(--orange)!important}
.profile-mark small{align-self:center;text-align:center}

/* Monochrome tool icons */
.tool-group{grid-template-columns:105px minmax(0,1fr);align-items:start}
.tool-items{display:flex;flex-wrap:wrap;gap:.55rem .7rem}
.tool-item{display:inline-flex;align-items:center;gap:.42rem;padding:.42rem .58rem;border:1px solid var(--line);font-size:.76rem!important;color:var(--muted)!important;line-height:1.2;background:rgba(255,255,255,.16)}
.tool-icon{width:15px;height:15px;display:inline-block;background:currentColor;opacity:.82;flex:0 0 15px;-webkit-mask-image:var(--tool-icon);mask-image:var(--tool-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.language-icon{width:24px;height:18px;border:1px solid currentColor;display:grid;place-items:center;font:700 .54rem var(--display);font-style:normal;letter-spacing:.04em}

@media(max-width:1000px){
  .feed-lab{grid-template-columns:1fr;min-height:620px}
  .lab-tabs{flex-direction:row;border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}
  .lab-tab{flex:1;border-bottom:0;border-right:1px solid rgba(255,255,255,.17);text-align:center;padding:.95rem .6rem}
  .lab-stage{min-height:545px}
  .board-card strong{font-size:clamp(.95rem,2vw,1.35rem)}
  .impact-board h2{font-size:clamp(2rem,5vw,3.1rem);max-width:12ch}
  .work-browser .case-art{aspect-ratio:auto;min-height:520px}
}

@media(max-width:800px){
  .testimonial-card{grid-template-columns:1fr;align-items:center}
  .testimonial-person{grid-column:1;grid-row:auto;align-items:flex-start;flex-direction:row;justify-content:flex-start}
  .testimonial-person .eyebrow{width:auto;align-self:center;margin:0}
  .testimonial-photo-slot{width:88px;flex:0 0 88px}
  .testimonial-card blockquote,.testimonial-author{grid-column:1;grid-row:auto}
  .profile-photo-slot{width:min(260px,72vw)}
}

@media(max-width:700px){
  .feed-lab{min-height:610px}
  .lab-stage{min-height:535px}
  .layer{padding:1rem}
  .board-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;margin-top:.7rem}
  .board-card{padding:.75rem}
  .board-card small{font-size:.55rem}
  .board-card strong{font-size:.87rem;line-height:1.17}
  .board-card.formats{grid-template-columns:1fr;align-content:start}
  .board-card.formats small{grid-column:1}
  .board-card.formats span{font-size:.62rem;padding:.35rem .4rem}
  .board-head{font-size:.52rem}
  .impact-board{justify-content:flex-start;padding-top:.4rem}
  .impact-board h2{font-size:clamp(1.9rem,9vw,2.75rem);margin:.25rem 0 1rem;max-width:11ch}
  .impact-list div{padding:.58rem 0;grid-template-columns:32px 1fr}
  .impact-list p{font-size:.79rem}
  .data-note{font-size:.64rem}
  .proof-row{grid-template-columns:1fr!important;gap:.8rem;max-width:430px}
  .proof-arrow{width:36px;height:42px}
  .proof-arrow::before{width:1.5px;height:28px}
  .proof-arrow::after{width:8px;height:8px;border-top:0;border-left:0;border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);right:50%;top:auto;bottom:3px;transform:translateX(50%) rotate(45deg)}
  .proof-slot{aspect-ratio:4/5}
  .flow-arrow{transform:none!important}
  .work-browser .case-art{min-height:360px;aspect-ratio:4/5}
  .tiktok-embed-wrap.media-slot{padding:8px 8px 0!important;border-radius:8px}
  .testimonial-person{flex-direction:column;align-items:flex-start;gap:1rem}
  .testimonial-photo-slot{width:92px}
  .tool-group{grid-template-columns:1fr;gap:.65rem}
  .tool-items{gap:.45rem}
  .tool-item{font-size:.72rem!important}
}

/* v8.1 — proof arrow direction on mobile */
@media(max-width:700px){
  .proof-arrow::before{width:1.5px;height:28px;background:var(--orange)}
  .proof-arrow::after{width:0;height:0;border:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--orange);right:50%;top:auto;bottom:1px;transform:translateX(50%)}
}
@media(max-width:700px){.proof-arrow{transform:none!important}}

/* v9 — Exploria ocupa las columnas visual + detalle sin mostrar un feed inexistente */
.work-browser .case-feature{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  overflow:hidden;
  transition:grid-template-columns .55s cubic-bezier(.22,.61,.36,1);
}
.work-browser .case-art{
  min-width:0;
  width:100%;
  opacity:1;
  transform:scale(1);
  transform-origin:center;
  transition:opacity .28s ease,transform .55s cubic-bezier(.22,.61,.36,1),padding .55s cubic-bezier(.22,.61,.36,1);
}
.work-browser .case-copy{
  min-width:0;
  transition:padding .55s cubic-bezier(.22,.61,.36,1);
}
.work-browser .case-feature.is-text-only{
  grid-template-columns:minmax(0,0fr) minmax(0,2fr)!important;
}
.work-browser .case-feature.is-text-only .case-art{
  opacity:0;
  transform:scale(.965);
  padding-left:0!important;
  padding-right:0!important;
  pointer-events:none;
}
.work-browser .case-feature.is-text-only .case-copy{
  padding-left:clamp(3rem,5vw,6rem);
  padding-right:clamp(3rem,5vw,6rem);
  justify-content:center;
}
.work-browser .case-feature.is-text-only .case-copy>p:not(.case-index){max-width:760px}
.work-browser .case-feature.is-text-only .case-meta{width:min(100%,920px);margin-top:3rem}
.work-browser .case-feature.is-text-only .case-cta{margin-top:1.8rem}

@media(max-width:900px){
  .work-browser .case-feature.is-text-only{grid-template-columns:minmax(0,0fr) minmax(0,1fr)!important}
  .work-browser .case-feature.is-text-only .case-copy{padding:2.5rem}
}
@media(max-width:700px){
  .work-browser .case-feature.is-text-only{display:block}
  .work-browser .case-feature.is-text-only .case-art{display:none}
  .work-browser .case-feature.is-text-only .case-copy{padding:2rem 1.25rem}
  .work-browser .case-feature.is-text-only .case-meta{margin-top:2rem}
}

/* v10 — ajustes finales */

/* Header: punto naranja pegado al apellido y siempre vectorial/CSS */
.brand-dot{display:inline-block;width:.38em;height:.38em;border-radius:50%;background:var(--orange);margin-left:.1em;vertical-align:.18em}
.site-header .brand span.brand-dot{margin-left:.1em!important}

/* Hero / Lo que hay detrás: una sola columna, cuatro filas */
.board-grid.board-list{display:grid;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:1px;margin-top:1rem;min-height:0;background:rgba(255,255,255,.19)}
.board-list .board-card{display:grid;grid-template-columns:minmax(78px,.24fr) minmax(0,.76fr);align-items:center;gap:1rem;padding:.8rem 1rem;min-height:0;background:var(--ink)}
.board-list .board-card small{align-self:center;font-size:.6rem;letter-spacing:.11em}
.board-list .board-card strong{font-size:clamp(.9rem,1.1vw,1.18rem);line-height:1.22;max-width:38ch}
.board-list .board-card.formats{grid-template-columns:minmax(78px,.24fr) minmax(0,.76fr)!important;align-content:center;gap:1rem}
.board-list .board-card.formats small{grid-column:auto!important}
.system-tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.board-list .system-tags span{border:1px solid rgba(255,255,255,.22);padding:.38rem .52rem;font-size:.66rem;line-height:1.15}

/* Work: carrusel visual de Creator Collaborations */
.case-carousel{position:absolute;inset:0;z-index:2;overflow:hidden;background:#17131d}
.case-carousel[hidden]{display:none!important}
.case-carousel-track{position:absolute;inset:0}
.case-carousel-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform .8s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.case-carousel-slide.active{opacity:1;transform:scale(1);pointer-events:auto}
.case-carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}
.case-carousel-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(145deg,#41203a,#e56d9e);color:#fff}
.case-carousel-fallback span{font:700 .7rem var(--display);letter-spacing:.12em;color:var(--acid)}
.case-carousel-fallback strong{font:700 clamp(1.35rem,2vw,2.2rem)/1.05 var(--display);margin-top:.5rem}
.case-carousel-slide img:not([hidden])+.case-carousel-fallback{display:none}
.case-carousel-slide img[hidden]+.case-carousel-fallback{display:flex}
.case-carousel-ui{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:4;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:.7rem}
.carousel-control{width:38px;height:38px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(18,15,23,.58);backdrop-filter:blur(8px);cursor:pointer;position:relative}
.carousel-control span::before{content:"";position:absolute;width:8px;height:8px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;top:50%;left:50%}
.carousel-prev span::before{transform:translate(-35%,-50%) rotate(-135deg)}
.carousel-next span::before{transform:translate(-65%,-50%) rotate(45deg)}
.carousel-dots{display:flex;justify-content:center;gap:.45rem}
.carousel-dot{width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:transparent;padding:0;cursor:pointer}
.carousel-dot.active{background:#fff}
.case-art:has(.case-carousel:not([hidden])) .case-stamp{color:#fff;background:rgba(18,15,23,.5);border-color:rgba(255,255,255,.35)}

/* Exploria: nada visual durante la transición, ni flash morado ni EXP */
.work-browser .case-feature.is-text-only .case-art{visibility:hidden!important}

/* Futurum TikTok: recorte fino del marco del embed, tamaño más controlado */
.case-media-row.tiktok-row{grid-template-columns:minmax(290px,410px) minmax(220px,1fr)!important;gap:clamp(2rem,5vw,5rem);align-items:center!important}
.tiktok-embed-wrap.media-slot{width:100%;max-width:410px!important;margin:0 auto!important;background:#0d0b10!important;border-radius:16px!important;padding:0!important;box-shadow:none!important;overflow:hidden!important;position:relative}
.tiktok-oembed-content{width:100%;max-width:410px;margin:0 auto;background:#0d0b10!important;overflow:hidden!important;border-radius:16px;line-height:0}
.tiktok-oembed-content blockquote{margin:0!important;background:#0d0b10!important}
.tiktok-oembed-content iframe{display:block!important;width:calc(100% + 18px)!important;max-width:none!important;min-width:0!important;margin:-9px -9px -7px!important;background:#0d0b10!important;border:0!important;transform:translateZ(0);clip-path:inset(1px round 14px)}
.tiktok-embed-wrap figcaption{background:transparent!important;color:#aaa5ae!important;padding:.7rem .15rem 0!important;line-height:1.4!important}
.tiktok-loading{background:#0d0b10!important;color:#aaa5ae!important;padding:1rem!important;line-height:1.4}
.tiktok-fallback{background:linear-gradient(135deg,#18141e,#30283b)!important;border-radius:14px!important;min-height:440px!important}

/* Herramientas: iconos locales/monocromos para los tres que no cargaban */
.tool-icon.drawn-tool-icon,.tool-icon.letter-tool-icon{-webkit-mask:none!important;mask:none!important;background:transparent!important;opacity:.9;position:relative;color:currentColor}
.letter-tool-icon{border:1px solid currentColor;border-radius:2px;display:grid!important;place-items:center;font:700 7px/1 var(--display);font-style:normal;letter-spacing:-.03em}
.capcut-icon::before,.capcut-icon::after{content:"";position:absolute;left:1px;right:1px;height:5px;border:1.4px solid currentColor;transform:skewX(-28deg)}
.capcut-icon::before{top:2px;border-bottom:0}
.capcut-icon::after{bottom:2px;border-top:0;transform:skewX(28deg)}

/* Contacto: iconografía monocroma, WhatsApp en lugar de llamada */
.contact-links a{display:inline-flex!important;align-items:center;gap:.7rem!important}
.contact-icon{width:20px;height:20px;flex:0 0 20px;display:inline-block;position:relative;color:#fff;opacity:.9}
.contact-mail{border:1.5px solid currentColor;border-radius:2px}
.contact-mail::before,.contact-mail::after{content:"";position:absolute;top:4px;width:11px;height:1.5px;background:currentColor}
.contact-mail::before{left:1px;transform:rotate(34deg);transform-origin:left center}
.contact-mail::after{right:1px;transform:rotate(-34deg);transform-origin:right center}
.contact-whatsapp{border:1.5px solid currentColor;border-radius:50%}
.contact-whatsapp::before{content:"";position:absolute;width:7px;height:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 0 0 7px;left:6px;top:4px;transform:rotate(-35deg)}
.contact-whatsapp::after{content:"";position:absolute;width:5px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;left:0px;bottom:-1px;transform:rotate(-18deg);background:var(--ink)}
.contact-linkedin{border:1.5px solid currentColor;border-radius:2px;display:grid!important;place-items:center;font:800 10px/1 Arial,sans-serif;font-style:normal}
.contact-download::before{content:"";position:absolute;width:1.5px;height:12px;background:currentColor;left:50%;top:1px;transform:translateX(-50%)}
.contact-download::after{content:"";position:absolute;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;left:50%;top:5px;transform:translateX(-50%) rotate(45deg)}

/* Cierre: todos los valores comienzan arriba y tienen ritmo de dos líneas */
.availability-grid>div{justify-content:flex-start!important;gap:.72rem!important;align-items:flex-start}
.availability-grid strong{margin:0!important}

/* Botón volver arriba */
.back-to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(18,15,23,.18);background:var(--acid);color:var(--ink);z-index:90;box-shadow:0 10px 28px rgba(18,15,23,.16);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s;display:grid;place-items:center}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top span{position:relative;width:15px;height:15px}
.back-to-top span::before{content:"";position:absolute;left:50%;top:2px;width:1.5px;height:12px;background:currentColor;transform:translateX(-50%)}
.back-to-top span::after{content:"";position:absolute;left:50%;top:2px;width:7px;height:7px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translateX(-50%) rotate(45deg)}
.back-to-top:hover{transform:translateY(-3px)}

@media(max-width:1000px){
  .board-list .board-card{grid-template-columns:95px 1fr;padding:.75rem .9rem}
  .board-list .board-card.formats{grid-template-columns:95px 1fr!important}
  .case-media-row.tiktok-row{grid-template-columns:minmax(270px,390px) 1fr!important}
}
@media(max-width:800px){
  .case-media-row.tiktok-row{grid-template-columns:1fr!important}
  .tiktok-embed-wrap.media-slot{max-width:390px!important}
}
@media(max-width:700px){
  .board-grid.board-list{grid-template-rows:repeat(4,auto)!important;margin-top:.65rem}
  .board-list .board-card,.board-list .board-card.formats{grid-template-columns:76px minmax(0,1fr)!important;gap:.65rem;padding:.68rem .72rem}
  .board-list .board-card strong{font-size:.8rem;line-height:1.18}
  .board-list .system-tags{gap:.28rem}
  .board-list .system-tags span{font-size:.57rem;padding:.3rem .38rem}
  .case-carousel-ui{left:.7rem;right:.7rem;bottom:.7rem}
  .carousel-control{width:34px;height:34px}
  .tiktok-embed-wrap.media-slot{max-width:360px!important;border-radius:13px!important}
  .tiktok-oembed-content{border-radius:13px}
  .back-to-top{right:14px;bottom:14px;width:42px;height:42px}
}
.brand-dot{font-size:1em!important}

/* v11 final refinements */
.case-stamp{
  top:1rem;
  left:auto;
  right:1rem;
  padding:.6rem .78rem;
  border-radius:999px;
  transform:none;
  font-size:.56rem;
  letter-spacing:.12em;
  max-width:calc(100% - 2rem);
  text-align:center;
  line-height:1.15;
}
.case-art.has-carousel .case-art-title,
.case-art.is-text-only .case-art-title{
  display:none !important;
}
.case-art.has-carousel .case-stamp,
.case-art.has-feed-image .case-stamp{
  backdrop-filter:blur(6px);
  background:rgba(18,15,23,.38);
}
.case-art.has-carousel .case-stamp{
  top:auto;
  bottom:4.25rem;
  right:1rem;
}
@media(max-width:900px){
  .case-stamp{
    right:.85rem;
    top:.85rem;
    padding:.52rem .7rem;
    font-size:.52rem;
  }
  .case-art.has-carousel .case-stamp{
    bottom:4rem;
  }
}
@media(max-width:700px){
  .case-stamp{
    right:.7rem;
    top:.7rem;
    max-width:calc(100% - 1.4rem);
  }
  .case-art.has-carousel .case-stamp{
    bottom:3.7rem;
  }
}

/* v12 — cierre final */
/* Las etiquetas sobre las imágenes ya no compiten con el contenido visual. */
.case-stamp{display:none!important}

/* Futurum: resumen y TikTok comparten el mismo bloque para evitar espacio muerto. */
.futurum-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,410px);
  gap:clamp(2.25rem,5vw,5.5rem);
  align-items:start;
  margin-top:3rem;
}
.futurum-summary{display:flex;flex-direction:column;min-height:100%}
.futurum-showcase .futurum-stats{
  display:grid!important;
  grid-template-columns:1fr!important;
  margin-top:0!important;
  border-top:1px solid rgba(255,255,255,.2)
}
.futurum-showcase .futurum-stats div{
  min-height:0!important;
  padding:1.15rem 0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.2);
  display:grid!important;
  grid-template-columns:minmax(120px,.42fr) minmax(0,.58fr);
  gap:1.25rem;
  align-items:center!important
}
.futurum-showcase .futurum-stats strong{margin:0!important}
.futurum-showcase .futurum-stats span{max-width:34ch}
.futurum-links{
  margin-top:1.4rem!important;
  padding-top:0!important;
  align-items:center;
  gap:.9rem 1.2rem!important
}
.futurum-links small{width:100%;color:#aaa5ae}
.futurum-showcase .tiktok-embed-wrap.media-slot{
  justify-self:end;
  margin:0!important
}

/* Iconos reales, todos monocromos mediante máscaras SVG. */
.contact-icon.contact-mask{
  width:19px;height:19px;flex:0 0 19px;
  background:currentColor!important;
  border:0!important;border-radius:0!important;
  opacity:.92;
  -webkit-mask-image:var(--contact-icon);
  mask-image:var(--contact-icon);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain
}
.contact-icon.contact-mask::before,.contact-icon.contact-mask::after{display:none!important}

@media(max-width:900px){
  .futurum-showcase{grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:2rem}
  .futurum-showcase .futurum-stats div{grid-template-columns:105px 1fr}
}
@media(max-width:760px){
  .futurum-showcase{grid-template-columns:1fr;gap:2rem}
  .futurum-showcase .tiktok-embed-wrap.media-slot{justify-self:center;width:min(100%,380px)}
  .futurum-showcase .futurum-stats div{grid-template-columns:110px 1fr}
}
@media(max-width:520px){
  .futurum-showcase .futurum-stats div{grid-template-columns:1fr;gap:.35rem}
}

/* v13 — responsive selectors + Futurum compactado */
.mobile-select-wrap{display:none}
.select-shell{position:relative;width:100%}
.select-shell select{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--paper);
  color:var(--ink);
  padding:1rem 3.25rem 1rem 1rem;
  font:700 .92rem/1.2 var(--display);
  cursor:pointer;
  outline:none
}
.select-shell select:focus{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.mobile-select-wrap>label{display:block;margin-bottom:.55rem;font:700 .62rem var(--display);letter-spacing:.12em;color:var(--orange)}
.select-chevron{position:absolute;right:1.15rem;top:50%;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-65%) rotate(45deg);pointer-events:none;color:var(--ink)}
.dark-select select{background:#17131d;color:#fff;border-color:rgba(255,255,255,.22)}
.dark-select select:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}
.dark-select .select-chevron{color:var(--acid)}

/* Futurum ahora es un layout real de dos columnas: contenido a la izquierda, video a la derecha. */
.futurum-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,410px);
  gap:clamp(2.5rem,5vw,5.5rem);
  align-items:start;
  border-top:1px solid rgba(255,255,255,.2);
  padding-top:3.5rem
}
.futurum-left{min-width:0;display:flex;flex-direction:column}
.futurum-copy{max-width:760px}
.futurum-copy .eyebrow{color:var(--acid);margin:0 0 1.1rem}
.futurum-copy h3{font:700 clamp(3rem,5.2vw,6.2rem)/.98 var(--display);letter-spacing:-.052em;margin:0 0 1.35rem}
.futurum-copy>p:not(.eyebrow){margin:0;color:#aaa5ae;font-size:1.03rem;max-width:62ch}
.futurum-funnel{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin-top:2.4rem;
  border-top:1px solid rgba(255,255,255,.2);
  border-left:1px solid rgba(255,255,255,.2)
}
.futurum-funnel div{min-height:150px!important;padding:1.2rem!important}
.futurum-funnel strong{margin-top:1rem!important;font-size:1.12rem!important}
.futurum-funnel small{font-size:.73rem}
.futurum-stats-compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  margin-top:1.7rem!important;
  border-top:1px solid rgba(255,255,255,.2)
}
.futurum-stats-compact div{
  min-height:0!important;
  padding:.95rem 0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.2);
  display:grid!important;
  grid-template-columns:minmax(125px,.36fr) minmax(0,.64fr);
  gap:1.15rem;
  align-items:center!important
}
.futurum-stats-compact strong{margin:0!important;font-size:clamp(1.45rem,2vw,2.15rem)!important}
.futurum-stats-compact div:nth-child(2) strong{font-size:clamp(1rem,1.45vw,1.35rem)!important}
.futurum-stats-compact span{font-size:.78rem;color:#aaa5ae;max-width:38ch}
.futurum-left .futurum-links{margin-top:1.2rem!important;padding-top:0!important}
.futurum-video-column{display:flex;justify-content:flex-end;align-items:flex-start;min-width:0}
.futurum-video-column .tiktok-embed-wrap.media-slot{width:min(100%,410px);margin:0!important;justify-self:auto!important}

@media(max-width:900px){
  .project-mobile-select{display:block;grid-column:1/-1;padding:1rem;border-bottom:1px solid var(--line);background:var(--paper)}
  .work-browser{grid-template-columns:1fr!important}
  .work-browser>.project-selector{display:none!important}
  .work-browser .case-feature{grid-column:1;}
  .futurum-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:2rem}
  .futurum-copy h3{font-size:clamp(2.7rem,6vw,4.6rem)}
  .futurum-funnel{grid-template-columns:1fr 1fr!important}
}

@media(max-width:800px){
  .anatomy-grid{grid-template-columns:1fr!important}
  .anatomy-mobile-select{display:block;grid-column:1/-1;padding:1.15rem;border-bottom:1px solid rgba(255,255,255,.18);background:var(--ink)}
  .anatomy-grid>.anatomy-nav{display:none!important}
  .anatomy-content{min-height:0!important;padding:2.25rem 1.5rem!important}
  .step-number{font-size:4.5rem}
  .futurum-layout{grid-template-columns:1fr;gap:2.2rem;padding-top:2.75rem}
  .futurum-video-column{justify-content:center}
  .futurum-video-column .tiktok-embed-wrap.media-slot{width:min(100%,390px)}
}

@media(max-width:600px){
  .project-mobile-select{padding:.9rem}
  .select-shell select{font-size:.86rem;padding:.92rem 3rem .92rem .9rem}
  .futurum-copy h3{font-size:clamp(2.55rem,12vw,4rem)}
  .futurum-copy>p:not(.eyebrow){font-size:.95rem}
  .futurum-funnel{grid-template-columns:1fr!important}
  .futurum-funnel div{min-height:125px!important}
  .futurum-stats-compact div{grid-template-columns:1fr;gap:.3rem}
}

/* v14 — responsive work cards, modal behavior, Futurum alignment, profile viewport */

/* Desktop project detail: slide in from the right. */
.case-modal{
  display:block!important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.case-modal.open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.case-modal .modal-backdrop{
  opacity:0;
  transition:opacity .32s ease;
}
.case-modal.open .modal-backdrop{opacity:1}
.case-modal .modal-panel{
  transform:translateX(100%);
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
}
.case-modal.open .modal-panel{transform:translateX(0)}

/* Futurum: same horizontal placement, video anchored to the bottom. */
.futurum-video-column{
  align-self:stretch;
  align-items:flex-end!important;
}

/* Capabilities + experience/tools behave as one visual viewport on desktop. */
.profile-overview{
  min-height:calc(100vh - 76px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:clamp(1.5rem,3vh,2.6rem);
  padding:clamp(2rem,5vh,4rem) 0 clamp(1rem,3vh,2rem);
}
.profile-overview .capabilities-grid{margin-top:0}
.profile-overview .capabilities-grid article{
  min-height:210px;
  padding:1.15rem;
}
.profile-overview .capabilities-grid h3{margin:1rem 0 .65rem}
.profile-overview .profile-details{
  margin-top:0;
  padding-top:1.8rem;
  gap:4vw;
}
.profile-overview .timeline-row{padding:.72rem 0}
.profile-overview .tool-group{padding:.68rem 0}

@media(max-width:900px){
  /* On portrait/responsive layouts the preview image no longer competes for width. */
  .work-browser .case-feature,
  .work-browser .case-feature.is-text-only{
    display:block!important;
    min-height:0!important;
  }
  .work-browser .case-feature .case-art{
    display:none!important;
  }
  .work-browser .case-copy,
  .work-browser .case-feature.is-text-only .case-copy{
    padding:2.25rem 1.5rem!important;
  }
  .work-browser .case-copy>p:not(.case-index){max-width:70ch}
  .work-browser .case-meta{margin-top:2rem!important}

  .futurum-video-column{
    align-items:center!important;
  }

  .profile-overview{
    min-height:0;
    display:block;
    padding:0;
  }
  .profile-overview .capabilities-grid{margin-top:4rem}
  .profile-overview .capabilities-grid article{min-height:220px;padding:1.4rem}
  .profile-overview .profile-details{margin-top:4rem;padding-top:2.5rem}
}

@media(max-width:800px){
  /* Mobile detail becomes a centered popup instead of a side drawer. */
  .case-modal .modal-panel{
    top:50%;
    left:50%;
    right:auto;
    width:min(calc(100vw - 2rem),640px);
    height:auto;
    max-height:calc(100dvh - 2rem);
    border-radius:18px;
    padding:3.5rem 1.4rem 1.5rem;
    box-shadow:0 24px 80px rgba(18,15,23,.32);
    transform:translate(-50%,-46%) scale(.97);
    opacity:0;
    transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .24s ease;
  }
  .case-modal.open .modal-panel{
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
  }
  .case-modal .modal-close{
    top:.75rem;
    right:1rem;
    z-index:2;
  }
  .case-modal .modal-panel h2{
    font-size:clamp(2.15rem,10vw,3.6rem);
  }
  .case-modal .modal-flow{margin-top:2rem}
}

@media(max-width:600px){
  .work-browser .case-copy,
  .work-browser .case-feature.is-text-only .case-copy{
    padding:1.75rem 1.1rem!important;
  }
  .work-browser .case-copy h3{font-size:clamp(2.15rem,11vw,3.45rem)}
  .work-browser .case-meta div{grid-template-columns:1fr;gap:.3rem}
}

/* v15 — ritmo vertical más compacto + microinteracciones */
.section-pad{
  padding:clamp(60px,5.2vw,88px) 4vw;
}
.results-strip.compact-pad{
  padding-top:clamp(50px,4.2vw,72px);
  padding-bottom:clamp(50px,4.2vw,72px);
}
.section-heading{
  margin-bottom:clamp(32px,3vw,48px);
}
.results-heading{margin-bottom:clamp(24px,2.2vw,36px)!important}
.metric-card{min-height:235px}
.proof-row{margin-top:1.5rem!important;max-width:680px!important}
.work.section-pad{padding-top:clamp(64px,5.2vw,88px);padding-bottom:clamp(52px,4.2vw,72px)}
.work-browser .case-feature{min-height:560px!important}
.work-browser .case-art{min-height:560px!important}
.exploria-deep.section-pad{padding-top:clamp(52px,4.2vw,72px);padding-bottom:clamp(32px,2.8vw,46px)}
.case-story{padding-top:clamp(30px,2.8vw,44px);margin-top:0}
.story-heading{margin-bottom:clamp(28px,2.6vw,42px)}
.split-stories{margin-top:clamp(30px,2.8vw,44px)!important}
.futurum-section.section-pad{padding-top:clamp(38px,3vw,52px);padding-bottom:clamp(52px,4.4vw,74px)}
.futurum-layout{padding-top:clamp(28px,2.6vw,42px)}
.creator-section.section-pad{padding-top:clamp(56px,4.7vw,80px);padding-bottom:clamp(56px,4.7vw,80px)}
.creator-heading{margin-bottom:clamp(26px,2.4vw,40px)!important}
.testimonial-section.section-pad{padding:clamp(46px,3.8vw,64px) 4vw!important}
.testimonial-card{padding:clamp(38px,3vw,50px) 0!important}
.anatomy.section-pad{padding-top:clamp(58px,4.8vw,82px);padding-bottom:clamp(58px,4.8vw,82px)}
.anatomy .section-heading{margin-bottom:clamp(30px,2.6vw,42px)}
.anatomy-grid{
  grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr)!important;
  min-height:440px!important;
}
.anatomy-content{padding:clamp(2.25rem,3.4vw,3.8rem)!important;min-height:440px}
.profile.section-pad{padding-top:clamp(58px,4.8vw,82px);padding-bottom:clamp(52px,4.2vw,72px)}
.profile-mark{min-height:440px}
.profile-copy{padding:clamp(2.6rem,3.5vw,3.6rem)}
.profile-overview{
  min-height:min(88vh,820px)!important;
  gap:clamp(1.25rem,2.2vh,2rem)!important;
  padding:clamp(1.5rem,3vh,2.75rem) 0 clamp(.75rem,2vh,1.5rem)!important;
}
.profile-overview .capabilities-grid article{min-height:190px!important}
.profile-overview .profile-details{padding-top:1.35rem!important}
.profile-overview .timeline-row,.profile-overview .tool-group{padding:.58rem 0!important}

/* El tercer panel de “Cómo trabajo” se eliminó: la metodología respira en dos columnas. */
.anatomy-visual{display:none!important}

/* Stagger sutil: movimiento, no espectáculo. */
.motion-item{
  opacity:0;
  transform:translateY(16px);
  transition:
    opacity .52s cubic-bezier(.22,.61,.36,1),
    transform .52s cubic-bezier(.22,.61,.36,1),
    box-shadow .25s ease,
    background-color .25s ease;
  transition-delay:calc(var(--motion-order,0) * 45ms);
}
.motion-item.motion-in{opacity:1;transform:translateY(0)}
@media(hover:hover){
  .metric-card:hover,
  .opportunity-grid article:hover,
  .capabilities-grid article:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 34px rgba(18,15,23,.07);
  }
  .media-slot img{transition:transform .55s cubic-bezier(.22,.61,.36,1)}
  .media-slot:hover img{transform:scale(1.018)}
  .project-links a,.creator-link,.contact-links a{transition:opacity .2s ease,transform .2s ease}
  .project-links a:hover,.creator-link:hover,.contact-links a:hover{opacity:.72;transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){
  .motion-item{opacity:1!important;transform:none!important;transition:none!important}
}

@media(max-width:900px){
  .section-pad{padding:4.25rem 1.25rem}
  .results-strip.compact-pad{padding:3.75rem 1.25rem}
  .work.section-pad,.exploria-deep.section-pad,.futurum-section.section-pad,.creator-section.section-pad,.testimonial-section.section-pad,.anatomy.section-pad,.profile.section-pad{padding-left:1.25rem;padding-right:1.25rem}
  .work-browser .case-feature{min-height:0!important}
  .profile-overview{min-height:0!important;padding:0!important}
  .profile-overview .capabilities-grid{margin-top:3rem!important}
  .profile-overview .profile-details{margin-top:3rem!important;padding-top:2rem!important}
}
@media(max-width:600px){
  .section-pad{padding:3.5rem 1.1rem}
  .results-strip.compact-pad{padding:3.25rem 1.1rem}
  .section-heading{margin-bottom:2.25rem}
  .metric-card{min-height:200px}
  .creator-section.section-pad,.testimonial-section.section-pad,.anatomy.section-pad,.profile.section-pad{padding-top:3.75rem;padding-bottom:3.75rem}
  .testimonial-card{padding:2rem 0!important}
  .anatomy-content{min-height:0!important;padding:1.75rem 1.15rem!important}
  .profile-mark{min-height:300px}
}


/* v16 — language switch */
.header-tools{justify-self:end;display:flex;align-items:center;gap:1rem}.language-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(244,240,232,.65)}.language-switch a{min-width:38px;padding:.38rem .52rem;text-align:center;text-decoration:none;color:var(--muted);font:700 .65rem var(--display);letter-spacing:.08em;transition:background .2s ease,color .2s ease}.language-switch a+a{border-left:1px solid var(--line)}.language-switch a.active{background:var(--ink);color:#fff}.language-switch a:hover:not(.active){background:#e8e2d8;color:var(--ink)}
@media(max-width:700px){.header-tools{gap:.65rem}.language-switch a{min-width:34px;padding:.34rem .45rem;font-size:.61rem}.header-cta{font-size:.78rem}}


/* v17 — language selector, editorial polish */
.language-switch{
  display:inline-grid!important;
  grid-template-columns:repeat(2,minmax(34px,1fr));
  align-items:center;
  gap:3px;
  padding:3px;
  border:0!important;
  border-radius:999px;
  overflow:visible!important;
  background:var(--ink)!important;
  box-shadow:0 8px 24px rgba(18,15,23,.10);
}
.language-switch a{
  min-width:36px!important;
  height:28px;
  padding:0 .55rem!important;
  display:grid;
  place-items:center;
  border:0!important;
  border-radius:999px;
  color:#aaa5ae!important;
  background:transparent;
  font:800 .62rem var(--display)!important;
  letter-spacing:.10em;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
.language-switch a+a{border-left:0!important}
.language-switch a.active{
  background:var(--acid)!important;
  color:var(--ink)!important;
  box-shadow:0 2px 8px rgba(201,255,71,.18);
}
@media(hover:hover){
  .language-switch a:hover:not(.active){
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    transform:translateY(-1px);
  }
}
.language-switch a:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}
@media(max-width:700px){
  .language-switch{grid-template-columns:repeat(2,32px);gap:2px;padding:3px}
  .language-switch a{min-width:32px!important;height:26px;padding:0!important;font-size:.58rem!important}
}


/* v18 — compact language control with translation icon */
.language-switch{
  display:inline-flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:3px!important;
  width:auto!important;
  height:34px!important;
  padding:3px!important;
  border:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:var(--ink)!important;
  box-shadow:0 8px 24px rgba(18,15,23,.10)!important;
  white-space:nowrap;
}
.language-switch-icon{
  position:relative;
  width:29px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 29px;
  color:rgba(255,255,255,.68);
  border-right:1px solid rgba(255,255,255,.12);
  margin-right:1px;
}
.language-switch-icon svg{
  width:15px;
  height:15px;
  display:block;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.language-switch a{
  flex:0 0 auto!important;
  min-width:36px!important;
  width:auto!important;
  height:28px!important;
  padding:0 .55rem!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  color:#aaa5ae!important;
  background:transparent!important;
  font:800 .62rem var(--display)!important;
  letter-spacing:.10em!important;
  line-height:1!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
.language-switch a+a{border-left:0!important}
.language-switch a.active{
  background:var(--acid)!important;
  color:var(--ink)!important;
  box-shadow:0 2px 8px rgba(201,255,71,.18)!important;
}
@media(hover:hover){
  .language-switch:hover .language-switch-icon{color:#fff}
  .language-switch a:hover:not(.active){
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    transform:translateY(-1px);
  }
}
.language-switch a:focus-visible{
  outline:2px solid var(--orange)!important;
  outline-offset:2px!important;
}
@media(max-width:700px){
  .header-tools{gap:.55rem!important}
  .language-switch{
    height:32px!important;
    gap:2px!important;
    padding:3px!important;
  }
  .language-switch-icon{
    width:25px;
    height:26px;
    flex-basis:25px;
  }
  .language-switch-icon svg{width:13px;height:13px}
  .language-switch a{
    min-width:31px!important;
    height:26px!important;
    padding:0 .35rem!important;
    font-size:.58rem!important;
  }
}