@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 900;font-display:swap;src:url('assets/fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/ibm-plex-mono-latin.woff2') format('woff2')}
:root{--paper:#e9e7ee;--ink:#18171c;--purple:#6c42d8;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a180ff;outline-offset:7px}button{border:0}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}button:disabled{cursor:default}::selection{background:#8256ee;color:white}.mono{font-family:var(--mono);font-size:10px;line-height:1.6;font-weight:400;letter-spacing:.04em}.eyebrow{letter-spacing:.07em}.brand-dot{color:var(--purple)}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;background:white;padding:15px}.skip-link:focus{top:15px}.site-header{height:100px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;inset:0 0 auto;border-bottom:1px solid #18171c22}.wordmark{font-size:44px;font-weight:800;letter-spacing:-3px;display:flex;align-items:center;line-height:1}.wordmark-note{letter-spacing:.04em;font-size:8px;line-height:1.45;border-left:1px solid #18171c40;padding-left:22px;margin-left:22px;font-weight:500}.site-header nav{display:flex;gap:36px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.02em}.site-header nav a{padding:12px 0}.site-header sup{font-size:8px;vertical-align:super;margin-left:4px;color:#5a5268}.site-header nav .nav-contact{border:1px solid #18171c55;border-radius:24px;padding:12px 22px}.nav-contact span{margin-left:20px}.site-header nav a:hover{color:var(--purple)}.menu-toggle{display:none}.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;pointer-events:none}.page-progress span{display:block;width:100%;height:100%;background:var(--purple);transform:scaleX(var(--page-progress,0));transform-origin:left}
.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;overflow:hidden;padding:130px 3.5% 30px;background:radial-gradient(ellipse at 76% 48%,#fcfbff 0,transparent 48%),var(--paper)}.hero-meta{display:flex;justify-content:space-between;color:#625d6d;font-size:9px}.hero-copy{position:absolute;left:3.5%;top:25%;z-index:3;pointer-events:none;width:64%}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{display:flex;gap:9px;align-items:center;font-size:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--purple)}h1{font-size:clamp(110px,12.8vw,220px);font-weight:600;line-height:.87;letter-spacing:-.085em;margin-top:32px}h1>span{display:block}h1 em{font-weight:500;font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-description{display:flex;align-items:center;gap:40px;margin-top:40px}.hero-description p{font-size:15px;line-height:1.5;letter-spacing:-.025em}.round-link{height:59px;width:59px;border:1px solid #96909f;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,transform .4s}.round-link span{font-size:25px}.round-link:hover{background:var(--ink);color:white;transform:rotate(45deg)}.hero-scene{position:absolute;right:-6%;top:8%;width:66%;height:82%;z-index:2;isolation:isolate}.hero-scene canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}.hero-scene.scene-ready canvas{opacity:1}.scene-shadow{position:absolute;bottom:10%;left:27%;width:52%;height:5%;background:#2e224b55;filter:blur(28px);transform:rotate(-8deg);z-index:-1}.scene-fallback{position:absolute;left:28%;top:27%;width:43%;aspect-ratio:1;transform:rotate(-25deg);transition:opacity .6s}.scene-fallback span{position:absolute;width:85%;height:85%;border:38px solid #aaa8b4;border-radius:50%;box-shadow:inset 5px 0 12px #fff,10px 8px 15px #2b17394d;transform:rotateX(40deg);background:transparent}.scene-fallback span:nth-child(2){transform:translate(-10%,16%) rotateY(55deg);border-color:#d4d0e0}.scene-fallback span:nth-child(3){transform:translate(25%,8%) rotateY(-55deg);border-color:#8e879e}.scene-ready .scene-fallback{opacity:0;visibility:hidden}.scene-caption{position:absolute;right:6%;bottom:15%;font-size:8px;color:#625d6d;text-align:right;z-index:4}.caption-cross{font-size:16px;margin-right:6px}.scene-hint{display:block;margin-top:7px;font-size:7px;opacity:.8}.hero-bottom{position:absolute;bottom:28px;left:3.5%;right:3.5%;border-top:1px solid #18171c25;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:8px}.hero-bottom>a span{font-size:20px;margin-left:20px}.motion-toggle{background:transparent;display:flex;align-items:center;gap:7px;font:inherit;padding:12px}.motion-toggle i{width:7px;height:7px;background:var(--purple);border-radius:50%}.motion-reduced .motion-toggle i{background:#706978}.loader[hidden]{display:none}.loader{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:10%;transition:opacity .45s var(--ease),visibility .45s}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader-brand{font-size:clamp(70px,17vw,240px);font-weight:700;letter-spacing:-.08em}.loader-line{height:1px;background:#ffffff33;margin-top:20px;overflow:hidden}.loader-line span{display:block;width:30%;height:100%;background:#b7a1ef;animation:loading 1.5s ease-in-out infinite}.loader-meta{margin-top:20px;display:flex;justify-content:space-between;gap:20px}.loader-meta button{font:inherit;background:transparent;padding:0;color:#b7a1ef}body.is-loading .hero-copy{opacity:0;transform:translateY(20px)}.hero-copy{transition:opacity .8s var(--ease),transform .8s var(--ease)}@keyframes loading{0%{transform:translateX(-110%)}100%{transform:translateX(450%)}}
.selected-work{background:#161618;color:#eeeef0;padding-top:110px}.work-heading{padding:0 5% 76px}.work-heading>.eyebrow{color:#b8a6df}.work-title-row{display:flex;justify-content:space-between;align-items:end;margin-top:25px;gap:30px}.work-title-row h2{font-size:clamp(44px,5.4vw,88px);line-height:1.02;font-weight:500;letter-spacing:-.065em}.work-title-row h2 span{color:#9a98a3}.work-title-row>p{font-size:13px;line-height:1.65;color:#b9b7c2;padding-bottom:6px}.case{position:relative;height:125svh;min-height:1000px;margin:0 24px}.case-stage{height:100svh;min-height:760px;max-height:1150px;position:sticky;top:0;overflow:hidden;isolation:isolate;padding:40px 4%;border:1px solid #ffffff18}.case-top{position:absolute;top:35px;left:4%;right:4%;display:flex;justify-content:space-between;z-index:4;font-size:9px;opacity:.8}.case-art{position:absolute;inset:0;z-index:-1;overflow:hidden}.case-vivi .case-stage{background:#13233e}.vivi-art{background:radial-gradient(ellipse at 68% 35%,#2d4b71 0,transparent 60%)}.vivi-grid{position:absolute;inset:10%;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:80px 80px;transform:perspective(500px) rotateX(30deg) rotate(-15deg)}.vivi-block{position:absolute;background:linear-gradient(135deg,#e5cb66,#c7a42c 45%,#9b7f22);width:300px;height:300px;transform:translateY(var(--parallax,0px)) rotate(-35deg) skew(15deg);box-shadow:40px 40px 0 #8c7123,55px 55px 80px #0006}.block-one{top:12%;right:-8%;width:35vw;height:30vw}.block-two{left:-15%;bottom:6%;width:35vw;height:30vw;opacity:.6}.block-three{width:170px;height:170px;right:15%;bottom:20%;opacity:.15}.brand-object{position:absolute;inset:0;display:grid;place-items:center;transform:translate3d(0,var(--parallax,0px),0);pointer-events:none;padding-bottom:11%}.brand-plaque{width:clamp(330px,42vw,650px);aspect-ratio:1.9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:perspective(1200px) rotateY(-12deg) rotateX(7deg) rotate(-7deg);transition:transform .8s var(--ease);box-shadow:20px 35px 75px #0005,inset 0 0 0 1px #ffffff25}.case:hover .brand-plaque{transform:perspective(1200px) rotateY(-5deg) rotateX(3deg) rotate(-3deg)}.plaque-vivi{background:linear-gradient(125deg,#1b2c49,#31436155);border:1px solid #a2b1c969;backdrop-filter:blur(16px)}.plaque-vivi img{width:65%;height:auto;filter:drop-shadow(0 5px 2px #0002)}.plaque-label{position:absolute;bottom:24px;font-size:7px;letter-spacing:.15em;opacity:.65}.plaque-corner{position:absolute;width:12px;height:12px;border:1px solid #ffffff77}.corner-tl{top:16px;left:16px;border-right:0;border-bottom:0}.corner-br{bottom:16px;right:16px;border-left:0;border-top:0}.case-bottom{position:absolute;bottom:45px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end;gap:50px;z-index:4}.case-kicker{font-size:8px;letter-spacing:.06em;color:#c4c7d0}.case h3{font-size:clamp(64px,7.2vw,116px);font-weight:500;line-height:.95;letter-spacing:-.065em;margin-top:20px}.case h3>span{font-size:14px;vertical-align:top;letter-spacing:0;margin:8px 0 0 12px;display:inline-block}.case-description{width:275px;flex-shrink:0}.case-description p{font-size:12px;line-height:1.6;color:#e2e0e8}.brief-button{padding:17px 0 5px;border-bottom:1px solid #ffffff70;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:35px;width:100%;font:9px var(--mono);letter-spacing:.02em}.brief-button span{font-size:20px}.brief-button:hover{color:#fff;border-color:#fff}.case-makers .case-stage{background:#254b3b}.makers-art{background:radial-gradient(ellipse at 50% 45%,#56764c,transparent 70%)}.maker-frame{position:absolute;inset:-10% 23%;border:1px solid #dfed9144;transform:translateY(var(--parallax,0px)) rotate(40deg) skewY(-10deg);box-shadow:inset 0 0 40px #aabe5522,0 0 40px #aabe5511}.mf-two{inset:-15% 35%;border-width:50px;opacity:.25}.makers-ghost{position:absolute;top:6%;left:5%;font-size:22vw;font-weight:700;line-height:.8;letter-spacing:-.08em;color:#d9edb20b;transform:translateY(var(--parallax,0px)) rotate(-12deg)}.plaque-makers{background:linear-gradient(130deg,#254b3bee,#152e29f5);box-shadow:20px 30px 0 #182c2388,40px 55px 90px #0006,inset 0 0 0 1px #e4efb74d;transform:perspective(1200px) rotateY(12deg) rotateX(6deg) rotate(7deg)}.plaque-makers img{width:64%;height:auto}.case-makers:hover .brand-plaque{transform:perspective(1200px) rotateY(5deg) rotateX(2deg) rotate(3deg)}.case-braining .case-stage{background:#391c37}.braining-art{background:radial-gradient(ellipse at 50% 30%,#ac4f7070,transparent 70%)}.braining-ghost{position:absolute;left:10%;top:20%;font-size:31vw;line-height:1;letter-spacing:-.09em;font-weight:800;color:#d99cb11a;transform:translateY(var(--parallax,0px)) rotate(-10deg)}.brain-orbit{position:absolute;left:7%;top:-30%;width:90%;height:140%;border:1px solid #eaa7be44;border-radius:50%;transform:translateY(var(--parallax,0px)) rotate(38deg);box-shadow:0 0 60px #e477a511}.orbit-two{left:14%;width:75%;border-width:20px;opacity:.12}.plaque-braining{width:clamp(260px,31vw,480px);aspect-ratio:1.5;transform:perspective(1200px) rotateY(-15deg) rotateX(4deg) rotate(-6deg);background:linear-gradient(140deg,#9e536d88,#402140e8);border:1px solid #d6a2b460;border-radius:6px;backdrop-filter:blur(15px)}.plaque-braining img{width:62%;height:auto}.case-braining h3{font-size:clamp(55px,6.2vw,96px)}.archive-note{padding:50px 5% 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px;color:#aaa7b3}.archive-note p{max-width:660px;font-size:11px;line-height:1.8}.archive-note .mono{font-size:9px}
.profile{background:#e9e7ee;padding:60px 5% 120px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px}.profile-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;margin-top:100px}.profile h2{font-size:clamp(54px,6.6vw,112px);font-weight:500;line-height:1.02;letter-spacing:-.06em}.profile h2 em{font-style:normal;color:var(--purple)}.profile-description{padding-top:5px}.profile-monogram{display:inline-flex;font-size:55px;letter-spacing:-.08em;font-weight:700;width:88px;height:88px;background:#d6d0e3;border-radius:50%;align-items:center;justify-content:center;transform:rotate(-12deg);margin-bottom:28px;color:var(--purple)}.profile-description .profile-lead{font-size:24px;line-height:1.3;letter-spacing:-.04em;margin-bottom:25px}.profile-description>p:not(.profile-lead){font-size:14px;line-height:1.75;margin-bottom:15px;max-width:420px;color:#57515e}.text-link{display:inline-flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;gap:50px;padding:12px 0;margin-top:10px}.text-link span{font-size:22px}.profile-details{margin-top:100px;padding:40px 0;border-top:1px solid #18171c2b;border-bottom:1px solid #18171c2b;display:grid;grid-template-columns:1.3fr 1fr;gap:10%}.profile-details h3{font-size:9px;color:#61576e;margin-bottom:25px}.skill-primary{font-size:24px;letter-spacing:-.03em;line-height:1.5}.skill-secondary{font-size:11px;color:#625b6c;margin-top:15px;line-height:1.6}.experience-row{display:grid;grid-template-columns:110px 1fr;gap:25px;margin-top:20px}.experience-row>.mono{font-size:8px;color:#625b6c}.experience-row p{font-size:17px}.experience-row small{display:block;font-size:11px;color:#625b6c;margin-top:5px;line-height:1.5}.services{margin-top:90px}.services>.eyebrow{display:block;margin-bottom:30px;color:#625b6c}.services details{border-top:1px solid #18171c30}.services details:last-child{border-bottom:1px solid #18171c30}.services summary{list-style:none;display:flex;align-items:center;gap:7%;padding:25px 0;cursor:pointer;font-size:clamp(24px,3.7vw,56px);letter-spacing:-.05em}.services summary::-webkit-details-marker{display:none}.services summary .mono{font-size:9px;letter-spacing:0}.services summary i{font-size:35px;font-style:normal;margin-left:auto;transition:transform .3s}.services details[open] summary i{transform:rotate(45deg)}.services details>p{margin:0 8% 30px;max-width:600px;font-size:14px;line-height:1.7;color:#57515e}
.contact{padding:55px 5% 0;background:#bdaaeb;color:#241b37;position:relative;overflow:hidden}.contact .section-top{padding-bottom:55px;border-bottom:1px solid #241b372d}.contact-intro{margin-top:55px;font-size:18px;letter-spacing:-.03em}.contact h2{font-size:clamp(90px,15.2vw,260px);line-height:.85;font-weight:500;letter-spacing:-.08em;margin:30px 0 55px;position:relative}.contact h2 a{display:block}.contact h2 span{color:transparent;-webkit-text-stroke:1px #241b37}.contact h2 i{font-weight:400;font-style:normal;position:absolute;right:1%;top:-10%;font-size:1.1em;transition:transform .5s var(--ease)}.contact h2 a:hover i{transform:translate(10px,-10px)}.contact-bottom{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}.contact-bottom p{font-size:13px;line-height:1.6}.contact-email{font-size:clamp(17px,2.5vw,40px);letter-spacing:-.04em;border-bottom:1px solid #241b3770;padding-bottom:8px}.contact-email span{margin-left:30px}.contact footer{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid #241b372d;font-size:8px}dialog{border:1px solid #ffffff33;background:#e9e7ee;color:#18171c;width:min(710px,calc(100% - 32px));max-height:90svh;padding:60px 45px 35px}dialog::backdrop{background:#0b0818b8;backdrop-filter:blur(12px)}.dialog-open{overflow:hidden}.dialog-close{position:absolute;right:25px;top:18px;background:none;font:9px var(--mono);padding:8px}.dialog-close span{font-size:22px;vertical-align:middle;margin-left:15px}.dialog-eyebrow{font-size:8px;color:#685c77}dialog h2{font-size:clamp(34px,5vw,60px);line-height:1.1;letter-spacing:-.05em;margin:22px 0 15px}.dialog-intro{font-size:13px;color:#6c42d8;margin-bottom:25px}#dialog-content h3{font:9px var(--mono);margin:20px 0 10px}#dialog-content p{font-size:13px;line-height:1.7;color:#57515e}.dialog-disclaimer{font-size:10px;line-height:1.7;border-top:1px solid #18171c33;padding-top:20px;margin-top:25px;color:#62596f}
.motion-reduced{scroll-behavior:auto}.motion-reduced *,.motion-reduced *::before,.motion-reduced *::after{animation:none!important;transition:none!important}.motion-reduced [data-parallax]{--parallax:0px!important}.motion-reduced .brand-plaque{transform:none!important}.motion-reduced .scene-hint{display:none}
@media(min-width:1700px){.hero-copy{top:25%}.hero-scene{right:-2%;width:62%}}
@media(max-width:1000px){.wordmark-note{display:none}.hero{min-height:780px}.hero-copy{top:28%}h1{font-size:13.1vw}.hero-scene{width:74%;right:-16%;top:9%}.hero-description{margin-top:30px}.hero-description p{font-size:13px}.scene-caption{right:4%;bottom:17%;max-width:200px}.work-title-row{align-items:start}.work-title-row>p{font-size:11px}.case{margin:0 14px}.case-stage{min-height:740px}.case-description{width:235px}.case-bottom{gap:25px}.case h3{font-size:8.2vw}.profile-intro{gap:7%}.profile h2{font-size:7vw}.profile-description .profile-lead{font-size:21px}.profile-details{gap:7%}.skill-primary{font-size:20px}.experience-row{grid-template-columns:95px 1fr;gap:10px}.experience-row p{font-size:15px}}
@media(max-width:700px){
  .site-header{height:80px;padding:0 6%}.wordmark{font-size:36px;letter-spacing:-2.5px}.menu-toggle{display:flex;align-items:center;gap:14px;font-size:10px;background:none;padding:10px 0}.menu-toggle span{font-size:20px}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#e9e7ef;padding:25px 6% 35px;gap:20px;border-bottom:1px solid #18171c22;box-shadow:0 30px 30px #18171c12}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{padding:14px 0}.site-header nav .nav-contact{border:0;border-radius:0;padding:14px 0}.hero{height:100svh;min-height:810px;max-height:1000px;padding:103px 6% 24px}.hero-meta{font-size:7px}.hero-meta>span:last-child{display:none}.hero-copy{left:6%;top:19%;width:88%}.hero-copy .eyebrow{font-size:7px}h1{font-size:21vw;letter-spacing:-.08em;line-height:.89;margin-top:24px}h1 em{-webkit-text-stroke:1px var(--ink)}.hero-description{margin-top:23px;gap:26px;align-items:start}.hero-description p{font-size:12px}.round-link{height:43px;width:43px}.round-link span{font-size:22px}.hero-scene{right:-13%;top:36%;width:100%;height:49%;pointer-events:none}.scene-shadow{bottom:10%;filter:blur(18px)}.scene-caption{right:6%;bottom:13%;font-size:6px;max-width:200px}.scene-hint{display:none}.caption-cross{font-size:12px}.hero-bottom{left:6%;right:6%;bottom:20px;font-size:6px;gap:12px;padding-top:15px}.hero-bottom>span{display:none}.hero-bottom>a span{margin-left:7px;font-size:16px}.motion-toggle{padding:8px 0;font-size:7px}.motion-toggle i{height:5px;width:5px}.loader-meta{flex-direction:column;font-size:8px}.loader-meta button{text-align:left;margin-top:15px}.selected-work{padding-top:65px}.work-heading{padding:0 6% 45px}.work-heading>.eyebrow{font-size:8px}.work-title-row{display:block;margin-top:23px}.work-title-row h2{font-size:43px}.work-title-row>p{font-size:12px;line-height:1.6;margin-top:25px}.work-title-row>p br{display:none}.case{margin:0 10px;height:105svh;min-height:800px}.case-stage{height:100svh;min-height:740px;padding:30px 6%}.case-top{left:6%;right:6%;top:26px;font-size:6px;gap:10px}.brand-object{padding-bottom:35%}.brand-plaque{width:82%;min-width:0}.plaque-vivi img{width:75%}.plaque-label{bottom:16px;font-size:5px}.plaque-vivi{backdrop-filter:none;background:linear-gradient(125deg,#1b2c49,#314361e0)}.vivi-block{width:70vw;height:65vw}.block-one{top:12%;right:-48%}.block-two{left:-48%;bottom:28%}.block-three{display:none}.case-bottom{left:6%;right:6%;bottom:28px;display:block}.case-kicker{font-size:7px}.case h3{font-size:58px;margin-top:12px}.case h3>span{font-size:10px;margin-top:5px}.case-description{width:100%;margin-top:22px}.case-description p{font-size:11px;max-width:270px}.brief-button{font-size:8px;padding-top:15px}.makers-ghost{top:25%;left:-5%;font-size:40vw}.mf-one{inset:2% -4%}.mf-two{inset:5% 12%}.plaque-makers img{width:70%}.plaque-braining{width:68%;backdrop-filter:none;background:linear-gradient(140deg,#9e536d,#402140)}.plaque-braining img{width:68%}.case-braining h3{font-size:48px}.braining-ghost{font-size:52vw;left:-8%;top:20%}.case-braining .brand-object{padding-bottom:48%}.archive-note{padding:35px 6% 55px;display:block}.archive-note .mono{font-size:8px}.archive-note p{font-size:10px;margin-top:15px}.profile{padding:40px 6% 65px}.section-top{font-size:7px}.section-top>span:last-child{display:none}.profile-intro{display:block;margin-top:48px}.profile h2{font-size:14vw;line-height:1.03}.profile-description{margin-top:45px}.profile-monogram{width:65px;height:65px;font-size:42px;margin-bottom:25px}.profile-description .profile-lead{font-size:25px}.profile-description>p:not(.profile-lead){font-size:13px}.text-link{font-size:9px;gap:35px}.profile-details{margin-top:45px;display:block;padding:30px 0}.profile-details>div+div{margin-top:35px}.profile-details h3{font-size:8px;margin-bottom:20px}.skill-primary{font-size:21px}.experience-row{grid-template-columns:100px 1fr;gap:20px}.services{margin-top:50px}.services>.eyebrow{font-size:8px}.services summary{font-size:24px;padding:23px 0;gap:18px;letter-spacing:-.05em;line-height:1.15}.services summary .mono{font-size:7px}.services summary i{font-size:24px}.services details>p{font-size:12px;margin-left:30px}.contact{padding:35px 6% 0}.contact .section-top{padding-bottom:30px}.contact-intro{font-size:14px;margin-top:40px}.contact h2{font-size:18.2vw;line-height:.94;margin:25px 0 35px}.contact h2 i{font-size:.75em;top:0;right:3%}.contact-bottom{display:block;margin-bottom:45px}.contact-bottom p{font-size:12px;margin-bottom:25px}.contact-email{font-size:24px;display:inline-block;letter-spacing:-.04em}.contact-email span{margin-left:12px}.contact footer{font-size:6px;gap:15px;flex-wrap:wrap;line-height:1.7}.contact footer>span{order:3;width:100%}dialog{padding:60px 25px 30px}.dialog-eyebrow{font-size:7px}dialog .text-link{font-size:8px;gap:0}
}
@media(max-width:360px){.hero{min-height:760px}.hero-copy{top:20%}.hero-description p{font-size:11px}.scene-caption{font-size:5px}.work-title-row h2{font-size:37px}.case h3{font-size:50px}.case-braining h3{font-size:43px}.case-top{font-size:5px}.services summary{font-size:20px;gap:15px}.contact-email{font-size:20px}}
@media(max-width:700px){.hero-scene{right:0;top:46%;width:100%;height:38%}}
.site-header{position:fixed;transition:background .3s,height .3s;backdrop-filter:none}
.site-header.is-scrolled{height:72px;background:#e9e7eef2;backdrop-filter:blur(16px)}
.site-header.is-scrolled .wordmark{font-size:34px;letter-spacing:-2px}
.selected-work,.profile,.contact,.case{scroll-margin-top:72px}
.case-top{top:96px}
@media(max-width:700px){.site-header.is-scrolled{height:70px}.site-header.is-scrolled nav{top:69px}.selected-work,.profile,.contact,.case{scroll-margin-top:70px}.case-top{top:92px}}
/* V4: palabras en español, marcas originales y capítulos de una pantalla. */
#hero-title{font-size:clamp(100px,10.4vw,185px);line-height:.92}
.hero-copy{width:65%;transform:translate3d(0,var(--parallax,0px),0);transition:opacity .8s var(--ease)}
.hero-scene{right:-4%;width:62%;height:85%;top:8%}
.scene-shadow{bottom:9%;width:47%;left:28%;opacity:.55}
.scene-fallback{top:22%;left:27%;width:44%;aspect-ratio:1;transform:rotate(-6deg);perspective:800px}
.fallback-computer{width:80%;height:92%;margin:auto;padding:8% 7% 20%;background:linear-gradient(110deg,#e7e0d8,#b4b0af);border:1px solid #a7a1a0;border-radius:12px;box-shadow:20px 15px 0 #aaa5a2,30px 35px 35px #31263d26;transform:rotateY(-12deg)}
.fallback-screen{height:100%;background:#141322;border:9px solid #302c39;border-radius:9px;color:#b8a7ef;display:flex;align-items:center;justify-content:center}
.fallback-screen code{font-size:clamp(12px,1.4vw,24px);line-height:1.7}
.fallback-drive{height:5px;width:35%;background:#25222e;position:absolute;bottom:9%;right:16%}
.fallback-keyboard{height:16%;width:93%;position:absolute;top:100%;left:3%;background:repeating-linear-gradient(90deg,transparent 0 8%,#ada5a3 9% 10%),repeating-linear-gradient(#e7e1d9 0 24%,#ada5a3 25% 28%);border:8px solid #c5bdb6;transform:rotateX(40deg);box-shadow:0 6px 0 #aaa29d}
.journey-toggle{font:inherit;font-size:8px;display:flex;align-items:center;gap:6px;background:transparent;min-height:44px;padding:8px}
.journey-toggle span{color:var(--purple)}
.hero-bottom .motion-toggle{min-height:44px}
.hero-bottom>a{min-height:44px;display:flex;align-items:center}
.case{height:max(760px,calc(100svh - 72px));min-height:0}
.case-stage{position:relative;height:100%;min-height:0;max-height:none}
.case-top{top:34px}
.case-bottom{bottom:40px}
.brand-object{padding-bottom:6%;will-change:transform}
.brand-plaque,.case:hover .brand-plaque,.case-makers:hover .brand-plaque{transform:none;transition:none}
.plaque-vivi{background:#f6f5f0;backdrop-filter:none;border-color:#e9e6dc;width:clamp(340px,43vw,650px);box-shadow:20px 28px 0 #13233e66,25px 35px 80px #0004}
.plaque-vivi img{width:78%;height:auto;filter:none}
.plaque-vivi .plaque-label{color:#243959;opacity:1}
.plaque-vivi .plaque-corner{border-color:#334d7955}
.plaque-makers img{width:200px;height:auto}
.plaque-braining img{width:265px;height:auto;max-width:75%}
.plaque-braining{backdrop-filter:none}
.case .brand-object{transform:translate3d(0,var(--parallax,0px),0)}
.brand-archive{padding:85px 5% 30px;background:#f2f0f4;color:#201c29}
.archive-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.archive-heading h2{font-size:clamp(38px,4.4vw,72px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin-top:20px}
.archive-heading .eyebrow{color:#695584;font-size:8px}
.archive-heading p{font-size:12px;line-height:1.7;color:#62596c}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4cedc;border:1px solid #d4cedc}
.archive-card{position:relative;min-width:0;min-height:235px;padding:22px 25px 30px;background:#fff;color:#24202a;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:background .25s}
.archive-card:hover{background:#f8f6fd}
.archive-logo{height:115px;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:15px}
.archive-logo img{object-fit:contain;width:auto;height:auto;max-width:min(100%,180px);max-height:95px;filter:none}
[data-project="enlace"] .archive-logo img{max-width:90px;max-height:90px}
[data-project="energuate"] .archive-logo img{width:180px}
[data-project="scj"] .archive-logo img{width:110px;max-height:110px}
[data-project="bigcola"] .archive-logo img{height:105px;max-height:105px}
[data-project="casadedios"] .archive-logo img{height:105px;max-height:105px}
.archive-name{font-size:17px;font-weight:500;letter-spacing:-.03em;margin-bottom:6px;padding-right:18px}
.archive-type{font-size:10px;line-height:1.6;color:#6c6573;max-width:190px}
.archive-arrow{position:absolute;bottom:27px;right:22px;font-size:20px}
.archive-dark{background:#1d2332;color:#fff}.archive-dark:hover{background:#282d42}.archive-dark .archive-type{color:#b9bac8}
.archive-invite{background:#dfd3f5;justify-content:center}.archive-invite:hover{background:#d1bdef}
.archive-invite>.mono{font-size:8px;color:#60427f}.archive-invite strong{font-size:45px;letter-spacing:-.055em;font-weight:500;margin:18px 0}.archive-invite>span:not(.mono):not(.archive-arrow){font-size:11px;line-height:1.6;max-width:150px}
.archive-note{background:#f2f0f4;color:#655d6e;padding-top:35px;padding-bottom:65px}
.profile-intro{grid-template-columns:1.45fr 1fr;gap:6%}
.profile h2{font-size:clamp(46px,5.45vw,95px)}
.contact h2{font-size:clamp(80px,13vw,220px)}
.contact h2 i{font-size:.8em;top:0}
.profile-details,.services{scroll-margin-top:110px}
html.is-travelling{scroll-behavior:auto!important}
.motion-reduced .hero-copy{transform:none}
@media(min-width:701px) and (max-width:1000px){#hero-title{font-size:10.7vw}.hero-scene{right:-12%;width:68%}.brand-grid{grid-template-columns:repeat(2,1fr)}.profile h2{font-size:5.6vw}.archive-heading{align-items:start}.archive-heading p{max-width:210px}.hero-bottom>span:first-child{max-width:160px}.hero-bottom{gap:8px}.journey-toggle{font-size:7px}}
@media(max-width:700px){
 #hero-title{font-size:17.9vw;line-height:.95}.hero-copy{width:88%;top:20%}.hero-scene{top:43%;right:-1%;width:102%;height:43%}.hero-description{margin-top:25px}.scene-shadow{bottom:5%}.scene-caption{bottom:12%;font-size:5px}.hero-bottom{flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:8px;bottom:13px}.hero-bottom .journey-toggle{font-size:6px;padding:0;min-height:30px}.hero-bottom .motion-toggle{font-size:6px;min-height:30px}.hero-bottom>a{min-height:30px;font-size:6px}.hero-bottom>span{display:none}
 .scene-fallback{top:12%;left:28%;width:44%}.fallback-screen{border-width:5px}.fallback-screen code{font-size:9px}.fallback-computer{border-radius:6px}.fallback-keyboard{border-width:4px}
 .case{height:max(690px,calc(100svh - 70px));margin:0 10px}.case-top{top:28px}.case-bottom{bottom:28px}.brand-object{padding-bottom:34%}.plaque-vivi{width:86%;min-width:0}.plaque-vivi img{width:84%}.plaque-vivi .plaque-label{font-size:4px;bottom:13px}.plaque-makers img{width:180px;max-width:75%}.plaque-braining img{width:190px;max-width:78%}.case-braining .brand-object{padding-bottom:45%}
 .brand-archive{padding:50px 6% 15px}.archive-heading{display:block;margin-bottom:30px}.archive-heading h2{font-size:37px}.archive-heading p{font-size:11px;margin-top:20px}.archive-heading p br{display:none}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card{min-height:220px;padding:15px 14px 28px}.archive-logo{height:100px;margin-bottom:10px}.archive-logo img{max-width:100%;max-height:75px}.archive-name{font-size:15px;line-height:1.2;padding-right:0}.archive-type{font-size:9px;max-width:100%;padding-right:8px}.archive-arrow{bottom:12px;right:12px;font-size:17px}.archive-invite strong{font-size:34px}.archive-invite>.mono{font-size:7px}.archive-invite>span:not(.mono):not(.archive-arrow){font-size:10px}
 [data-project="enlace"] .archive-logo img{max-width:75px;max-height:75px}[data-project="bigcola"] .archive-logo img,[data-project="casadedios"] .archive-logo img{height:80px;max-height:80px}[data-project="scj"] .archive-logo img{width:90px;max-height:90px}
 .profile h2{font-size:11.7vw}.profile-details,.services{scroll-margin-top:95px}.services summary{font-size:22px;gap:15px}.services summary i{flex-shrink:0}.contact h2{font-size:17vw}.contact-email{font-size:22px}.contact footer{gap:12px}
}
@media(max-width:360px){.archive-card{padding-inline:10px;min-height:215px}.archive-name{font-size:13px}.archive-type{font-size:8px}.archive-heading h2{font-size:31px}.services summary{font-size:20px}.hero-bottom .journey-toggle{font-size:5px}.hero-bottom>a{font-size:5px}.plaque-makers img{width:165px}.contact-email{font-size:19px}}
.hero{min-height:720px}
#hero-title{font-size:clamp(110px,12.8vw,220px);line-height:.87}
.contact h2{font-size:clamp(90px,15.2vw,260px)}
.brand-archive{background:#121216;color:#f1eff5;padding:60px 4% 24px;position:relative;overflow:hidden}
.archive-heading{margin:0 0 35px;align-items:end;padding:0 1%}
.archive-heading h2{font-size:clamp(44px,5.4vw,88px);line-height:.93;margin-top:20px}
.archive-heading h2 em{font-style:normal;color:#a79a88}
.archive-heading .eyebrow{color:#c1a6ee;letter-spacing:.09em}
.gallery-intro p{color:#aaa6b1;font-size:12px;line-height:1.7;margin-bottom:25px}
.gallery-intro>.mono{font-size:7px;color:#8b8494;letter-spacing:.06em}
.gallery{position:relative}
.gallery-stage{height:470px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff25;background:radial-gradient(ellipse at 50% 10%,#33303b66,transparent 70%),#17161b;touch-action:pan-y}
.gallery-stage-top{position:absolute;inset:22px 28px auto;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#9993a4;pointer-events:none;z-index:4}
.gallery-stage-top #gallery-counter{color:#ece4fa;font-size:10px}
.gallery-panel{position:absolute;inset:0;isolation:isolate;overflow:hidden}
.gallery-panel[hidden]{display:none}
.gallery-panel:not([hidden]) .gallery-logo img{animation:gallery-enter .65s var(--ease) both}
@keyframes gallery-enter{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:none}}
.gallery-giant-index{position:absolute;right:5%;top:-60px;font-size:440px;font-weight:500;letter-spacing:-.1em;line-height:1;color:#ffffff04;-webkit-text-stroke:1px #ffffff0b;z-index:-1;user-select:none}
.gallery-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse,#000,transparent 75%);z-index:-2;transform:perspective(600px) rotateX(20deg) scale(1.2)}
.gallery-orbit{position:absolute;width:85%;height:500px;top:-100px;left:7.5%;border:1px solid #e7c5ff1b;border-radius:50%;transform:translateY(var(--parallax,0px)) rotate(-25deg);z-index:-1;box-shadow:0 0 60px #a789d909}
.gallery-orbit.orbit-b{width:60%;left:20%;height:600px;top:-100px;transform:translateY(var(--parallax,0px)) rotate(35deg);opacity:.6}
.gallery-logo{position:absolute;inset:65px 15% 130px;display:flex;align-items:center;justify-content:center;transform:translate3d(0,var(--parallax,0px),0);pointer-events:none}
.gallery-logo img{object-fit:contain;width:auto;height:auto;max-width:min(90%,430px);max-height:230px;filter:brightness(0) invert(1);opacity:.96}
.gallery-enlace .gallery-logo img{width:370px}
.gallery-energuate .gallery-logo img{width:230px}
.gallery-cementos .gallery-logo img{width:400px}
.gallery-autollantas .gallery-logo img{width:490px;max-width:90%}
.gallery-scj .gallery-logo img{width:220px;max-height:220px}
.gallery-bigcola .gallery-logo img{height:240px;max-height:240px;filter:grayscale(1) contrast(8);mix-blend-mode:screen}
.gallery-bigcola{isolation:auto}.gallery-bigcola .gallery-logo{mix-blend-mode:screen}
.gallery-casadedios .gallery-logo img{height:230px;max-height:230px}
.gallery-panel-caption{position:absolute;bottom:30px;left:35px;right:35px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.gallery-panel-caption .mono{font-size:8px;color:#aaa1b6;letter-spacing:.08em}
.gallery-panel-caption h3{font-size:clamp(32px,3.9vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin-top:10px}
.gallery-context{background:transparent;display:flex;align-items:center;gap:20px;color:#eee6f8;padding:0}
.gallery-context>span:last-child{display:grid;place-items:center;border:1px solid #ffffff4d;width:52px;height:52px;border-radius:50%;font-size:26px;transition:background .25s,color .25s}
.gallery-context:hover>span:last-child{background:#d3b9f2;color:#201a2d}
.gallery-context .mono{font-size:8px;color:#eee6f8}
.gallery-controls{display:flex;justify-content:space-between;align-items:stretch;border-bottom:1px solid #ffffff20;gap:15px}
.gallery-nav{display:flex;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#6c5a81 transparent}
.gallery-nav button{background:transparent;color:#8e8798;flex:1;white-space:nowrap;padding:20px 14px;border-bottom:2px solid transparent;font-size:10px;letter-spacing:-.02em;min-height:68px}
.gallery-nav button .mono{font-size:7px;display:block;color:#625970;margin-bottom:6px}
.gallery-nav button[aria-selected="true"]{color:#fff;border-color:#c7a7ed;background:#c7a7ed08}
.gallery-nav button[aria-selected="true"] .mono{color:#baa1d8}
.gallery-nav button:hover{color:#fff}
.gallery-arrows{display:flex;align-items:center;gap:5px}
.gallery-arrows button{height:42px;width:42px;border:1px solid #ffffff25;background:none;color:#eee5f9;font-size:21px}
.gallery-arrows button:hover:not(:disabled){background:#c7a7ed20}.gallery-arrows button:disabled{opacity:.25;cursor:default}
.gallery-hint{font-size:7px;letter-spacing:.08em;color:#81788d;margin:20px 0 0}
.archive-note{background:#121216;color:#8d8499;padding-top:30px;padding-bottom:60px}
.archive-note p{font-size:10px}
@media(max-width:1000px){.gallery-nav button{flex:0 0 auto;padding-inline:13px}.archive-heading h2{font-size:5.8vw}.gallery-intro p{max-width:240px}.gallery-stage{height:450px}}
@media(max-width:700px){#hero-title{font-size:21vw}.contact h2{font-size:18.2vw}.brand-archive{padding:45px 6% 20px}.archive-heading{display:block;padding:0;margin-bottom:25px}.archive-heading h2{font-size:49px}.gallery-intro p{font-size:11px;max-width:260px;margin:20px 0 0}.gallery-intro>.mono{display:none}.gallery-stage{height:410px}.gallery-stage-top{inset:18px 18px auto;font-size:6px}.gallery-stage-top #gallery-counter{font-size:8px}.gallery-logo{inset:65px 8% 145px}.gallery-logo img{max-width:90%;max-height:150px}.gallery-energuate .gallery-logo img{width:180px}.gallery-enlace .gallery-logo img{width:235px}.gallery-scj .gallery-logo img{width:150px;max-height:150px}.gallery-bigcola .gallery-logo img{height:175px;max-height:175px}.gallery-casadedios .gallery-logo img{height:160px;max-height:160px}.gallery-panel-caption{bottom:24px;left:20px;right:20px;gap:12px}.gallery-panel-caption .mono{font-size:6px;max-width:175px;display:block}.gallery-panel-caption h3{font-size:32px;line-height:1.03;max-width:230px}.gallery-context{gap:0}.gallery-context>.mono{display:none}.gallery-context>span:last-child{height:42px;width:42px;font-size:22px}.gallery-giant-index{font-size:300px;right:-5%;top:-10px}.gallery-controls{gap:8px}.gallery-nav button{min-height:62px;padding:14px 12px;font-size:9px}.gallery-arrows{gap:3px}.gallery-arrows button{width:31px;height:36px;font-size:18px}.gallery-hint{font-size:6px;line-height:1.7;margin-top:15px}.gallery-orbit{width:180%;left:-40%;top:-200px}.gallery-orbit.orbit-b{width:150%;left:-25%;top:-100px}.archive-note{padding-top:18px}.archive-note .mono{font-size:7px}}
@media(max-width:700px){.hero{min-height:810px}}
@media(max-width:360px){.hero{min-height:760px}.archive-heading h2{font-size:42px}.gallery-panel-caption h3{font-size:27px;max-width:190px}.gallery-stage{height:385px}}
@media(max-width:700px),(pointer:coarse){html:not(.motion-reduced){scroll-snap-type:y proximity}[data-chapter]{scroll-snap-align:start}}
.toolbox{margin-top:115px;padding:55px 0 0;border-top:1px solid #18171c2b;scroll-margin-top:110px}
#archivo{scroll-margin-top:72px}
.toolbox-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}
.toolbox-heading .eyebrow{color:#625b6c;font-size:9px}
.toolbox-heading h2{font-size:clamp(40px,4.8vw,78px);line-height:1.03;margin-top:24px;letter-spacing:-.055em}
.toolbox-heading>p{color:#625b6c;font-size:13px;line-height:1.6;padding-bottom:4px}
.toolbox-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:6%}
.astro-feature{position:relative;min-height:630px;overflow:hidden;isolation:isolate;background:#211630;color:#efe5ff;border:1px solid #6d528b;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 30px 34px;box-shadow:0 25px 45px -35px #37204880}
.astro-feature::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 20%,#7c4cc255,transparent 65%),linear-gradient(145deg,#ffffff08,transparent 40%)}
.astro-feature::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#dcb9ff08 1px,transparent 1px),linear-gradient(90deg,#dcb9ff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 90%)}
.astro-feature-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#c5aedf;letter-spacing:.08em}
.astro-feature-top>span:last-child{font-size:24px;line-height:1}
.astro-visual{height:290px;position:relative;display:grid;place-items:center;perspective:900px}
.astro-ring{position:absolute;width:130%;aspect-ratio:1;max-width:460px;border:1px solid #caa1f344;border-radius:50%;transform:rotateX(65deg) rotateY(-20deg) rotateZ(-25deg);box-shadow:0 0 55px #b788f20b}
.astro-ring.ring-two{width:115%;transform:rotateX(20deg) rotateY(60deg) rotateZ(-30deg);opacity:.5}
.astro-code{position:relative;width:90%;min-width:235px;background:linear-gradient(125deg,#393046ed,#1d1429f5);border:1px solid #dbc3f64d;border-radius:9px;box-shadow:12px 28px 30px #10091977,0 0 45px #ad70ef12;transform:rotateY(-12deg) rotateX(10deg) rotateZ(-7deg);transition:transform .8s var(--ease);z-index:1}
.astro-feature:hover .astro-code{transform:rotateY(0) rotateX(0) rotateZ(-3deg) translateY(-6px)}
.code-window-bar{height:36px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #ffffff13}
.code-window-bar>span{width:5px;height:5px;border-radius:50%;background:#b89ed0}
.code-window-bar>span:nth-child(2){opacity:.5}.code-window-bar>span:nth-child(3){opacity:.25}
.code-window-bar>b{font-family:var(--mono);font-size:7px;font-weight:400;color:#baa3d0;margin-left:auto}
.astro-code>code{display:block;padding:22px 17px 26px;font-family:var(--mono);font-size:clamp(8px,.82vw,12px);line-height:1.8;white-space:nowrap;color:#eee3fa}
.code-muted{color:#a393b2}.code-purple{color:#d9b2ff}.code-green{color:#b7e4ca}
.astro-orb{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eedaff,#ba81fa 35%,#673391 70%,#2a143d);box-shadow:0 0 28px #b580ed33;right:-7px;top:44px;z-index:2}
.astro-orb.orb-two{width:11px;height:11px;left:9%;top:auto;bottom:32px;opacity:.7}
.astro-feature-bottom{position:relative;z-index:2;padding-top:20px}
.astro-feature-bottom>.mono{font-size:7px;color:#c6afd9;letter-spacing:.12em}
.astro-feature-bottom h3{font-size:clamp(75px,8.3vw,140px);font-weight:500;line-height:1.05;letter-spacing:-.07em;margin:7px 0 15px}
.astro-feature-bottom h3>span{color:#c08bf5}
.astro-feature-bottom p{font-size:12px;line-height:1.6;color:#bfaecc}
.toolbox-groups{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.toolbox-group{padding:22px 0 27px;border-bottom:1px solid #18171c22}
.toolbox-group:first-child{padding-top:4px}.toolbox-group:last-child{border-bottom:0;padding-bottom:4px}
.toolbox-group-heading>.mono{font-size:7px;color:#76677f;letter-spacing:.08em}
.toolbox-group-heading h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-top:7px}
.toolbox-ai h3{color:var(--purple)}.toolbox-ai-note{font-size:10px;line-height:1.65;color:#76677f;margin-top:13px;max-width:360px}
.tech-list{gap:9px}.tech-list li{padding:8px 13px 8px 8px;font-size:12px;gap:9px;background:#f8f6fa88;box-shadow:0 2px 3px #40245605;transition:transform .35s var(--ease),box-shadow .35s,background .25s}
.tech-list li::before{display:none}.tech-list li:hover{transform:perspective(400px) translateY(-4px) rotateX(8deg);box-shadow:0 8px 12px #40245613;background:#fff}
.tech-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:5px;background:#fff}
.tech-icon img{width:23px;height:23px;object-fit:contain}.tech-icon img[src$="flightphp.png"]{width:16px;height:16px}
.concept-icon{background:#ebe2f7}.concept-icon img{width:21px;height:21px}
.astro-feature-bottom h3{display:flex;align-items:center;gap:0;font-size:clamp(65px,7vw,118px)}
.astro-brand-icon{background:#f4eefa;width:62px;height:74px;display:grid;place-items:center;border-radius:14px;margin-right:15px;box-shadow:4px 7px 0 #bb85ee22;transform:rotate(-7deg)}
.astro-brand-icon img{width:45px;height:54px;object-fit:contain}
.brand-archive{padding:75px 0 0}.brand-archive .archive-heading{padding:0 4%;margin-bottom:45px}.brand-archive .archive-heading h2{font-size:clamp(44px,5.2vw,82px)}
.masonry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));height:clamp(820px,calc(100svh - 72px),1100px);gap:10px;padding:0 10px;perspective:1800px}
.masonry-card{position:relative;min-width:0;overflow:hidden;background:#211d29;border:1px solid #ffffff18;isolation:isolate;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s var(--ease),border-color .3s,box-shadow .4s}
.masonry-card:hover,.masonry-card:focus-within{border-color:#b49ed277;box-shadow:0 15px 35px #0005;z-index:2}
.masonry-enlace{grid-area:1/1/5/2;background:radial-gradient(ellipse at 15% 5%,#47365c,#211c2a 75%)}
.masonry-energuate{grid-area:1/2/3/3;background:linear-gradient(145deg,#242935,#141920)}
.masonry-cementos{grid-area:1/3/4/4;background:linear-gradient(140deg,#39372e,#24221e)}
.masonry-autollantas{grid-area:3/2/5/3;background:linear-gradient(155deg,#3d2930,#241a1f)}
.masonry-scj{grid-area:4/3/7/4;background:radial-gradient(ellipse at 80% 40%,#3c3058,#211b2d)}
.masonry-bigcola{grid-area:5/1/7/2;background:linear-gradient(130deg,#34333b,#1c1b23)}
.masonry-casadedios{grid-area:5/2/7/3;background:linear-gradient(150deg,#233537,#172426)}
.masonry-top{position:absolute;left:24px;top:22px;right:70px;z-index:3;font-size:7px;color:#b8adca;letter-spacing:.08em;pointer-events:none}
.masonry-visit{position:absolute;inset:0;z-index:2}.masonry-visit:focus-visible{outline-offset:-5px}
.masonry-visit-arrow{position:absolute;right:18px;top:17px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff30;border-radius:50%;color:#c3b3d6;font-size:18px;transition:background .25s,color .25s,transform .35s}
.masonry-visit:hover .masonry-visit-arrow{background:#e4d4f5;color:#241d2e;transform:rotate(45deg)}
.masonry-logo{position:absolute;inset:55px 12% 113px;display:flex;align-items:center;justify-content:center;transition:transform .65s var(--ease)}
.masonry-logo img{object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%;filter:brightness(0) invert(1)}
.masonry-enlace .masonry-logo img{width:310px}.masonry-energuate .masonry-logo img{width:170px;max-height:84px}.masonry-cementos .masonry-logo img{width:330px}.masonry-autollantas .masonry-logo img{width:300px}.masonry-scj .masonry-logo img{height:160px}
.masonry-bigcola .masonry-visit{mix-blend-mode:screen}.masonry-bigcola .masonry-logo{inset:45px 12% 98px}.masonry-bigcola .masonry-logo img{height:130px;filter:grayscale(1) contrast(8)}
.masonry-casadedios .masonry-logo img{height:110px}
.masonry-card:hover .masonry-logo{transform:translateY(-5px) scale(1.045)}
.masonry-caption{position:absolute;left:24px;right:24px;bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:4;pointer-events:none}
.masonry-caption h3{font-size:clamp(22px,2.4vw,38px);font-weight:500;letter-spacing:-.045em;line-height:1.05}
.masonry-caption button{pointer-events:auto;background:none;color:#c5b5d5;font-family:var(--mono);font-size:6px;display:flex;align-items:center;gap:7px;padding:10px 0 10px 8px;white-space:nowrap}
.masonry-caption button span{font-size:19px}.masonry-caption button:hover{color:white}
.masonry-site{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a99fb5;font-size:7px}
.masonry-site>span:first-child{font-size:5px;letter-spacing:.09em;white-space:nowrap;color:#877e91}
.masonry-site>span:last-child{overflow-wrap:anywhere;text-align:right}.masonry-site i{font-style:normal;color:#d2c4df;margin-left:5px}
.masonry-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.masonry-orbit{position:absolute;border:1px solid #d3b8ef12;border-radius:50%;width:120%;aspect-ratio:1;left:-30%;top:0;transform:translateY(var(--parallax,0px)) rotateX(30deg);box-shadow:0 0 55px #c3a0ed08}
.masonry-index{position:absolute;right:-12px;top:25px;font-size:clamp(180px,20vw,350px);line-height:1;font-weight:500;color:transparent;-webkit-text-stroke:1px #fff08;letter-spacing:-.1em}
.masonry-disclaimer{margin:0;padding:30px 4%;display:grid;grid-template-columns:1fr 2fr;gap:8%;font-size:10px;line-height:1.8;color:#968d9f}
.masonry-disclaimer .mono{font-size:7px;color:#bba1d8}
.process{padding:70px 4% 75px;background:#19161f;color:#efe9f7;position:relative;overflow:hidden;scroll-margin-top:72px}
.process-heading{display:flex;justify-content:space-between;align-items:end;gap:45px}.process-heading h2{font-size:clamp(48px,5.8vw,90px);line-height:.96;letter-spacing:-.055em;font-weight:500;margin-top:22px}.process-heading h2 em{font-style:normal;color:#be9ee9}.process-heading>.process-intro{font-size:13px;line-height:1.7;color:#a89caf;max-width:250px;padding-bottom:5px}
.process-heading .eyebrow{color:#c6afdf;font-size:8px}
.process-stage{position:relative;height:490px;margin-top:30px;background:radial-gradient(ellipse at 50% 60%,#64468a22,transparent 65%);isolation:isolate}
.process-stage::after{content:'';position:absolute;inset:5% 4%;z-index:-1;border:1px solid #c7a3f309;border-radius:50%;transform:rotate(-7deg)}
.process-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}.process-stage.scene-ready canvas{opacity:1}
.process-fallback{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:60px 5%;position:absolute;inset:0}
.process-fallback li{background:#32253f;border:1px solid #a785c840;width:150px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;box-shadow:0 15px 0 #100b16;font-size:14px;transform:perspective(600px) rotateY(-13deg) rotateX(15deg)}
.process-fallback li>span{font-family:var(--mono);color:#c8a4f0;font-size:12px}.scene-ready .process-fallback{display:none}
.process-scene-note{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-between;font-size:7px;color:#8f7d9e;pointer-events:none}
.process-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d3b9ef25;border-bottom:1px solid #d3b9ef25}
.process-tabs button{background:none;color:#9d90a8;display:flex;align-items:center;gap:15px;text-align:left;padding:24px 16px;border-bottom:2px solid transparent;transition:background .3s,color .3s,transform .35s}
.process-tabs button .mono{font-size:8px;color:#8b719f}.process-tabs button strong{font-size:19px;font-weight:500;letter-spacing:-.03em}
.process-tabs button:hover{background:#c3a0ef09;color:white}.process-tabs button[aria-selected=true]{background:#b78ce70e;color:#f0e7fb;border-color:#b58ae7}.process-tabs button[aria-selected=true] .mono{color:#d8bbf5}
.process-description{display:grid;grid-template-columns:.6fr 1fr .85fr;gap:8%;padding-top:30px;min-height:160px;align-items:start}
.process-description[hidden]{display:none}.process-description h3{font-size:30px;font-weight:500;letter-spacing:-.045em;line-height:1.15}.process-description>p{font-size:13px;line-height:1.75;color:#b7a8c4}.process-deliverable{border-left:1px solid #c2a5da35;padding-left:20px}.process-deliverable .mono{display:block;font-size:7px;color:#987caf;margin-bottom:10px}.process-deliverable p{font-size:13px;line-height:1.55;color:#dfcee9}
.motion-reduced .masonry-card,.motion-reduced .masonry-card:hover,.motion-reduced .masonry-card:hover .masonry-logo,.motion-reduced .tech-list li:hover{transform:none}
@media(max-width:1000px){.masonry-caption{left:18px;right:18px}.masonry-caption h3{font-size:25px}.masonry-caption button{font-size:5px;gap:4px}.masonry-site{left:18px;right:18px;font-size:6px}.masonry-site>span:first-child{display:none}.masonry-top{left:18px;font-size:6px}.masonry-logo{inset:50px 10% 110px}.process-tabs button{gap:9px;padding:22px 12px}.process-tabs button strong{font-size:16px}.astro-brand-icon{width:46px;height:57px;margin-right:10px}.astro-brand-icon img{width:34px;height:43px}.astro-feature-bottom h3{font-size:65px}.tech-list li{font-size:11px;padding:7px 9px 7px 6px;gap:7px}}
@media(max-width:700px){.brand-archive{padding:50px 0 0}.brand-archive .archive-heading{padding:0 6%;margin-bottom:30px}.brand-archive .archive-heading h2{font-size:11vw;line-height:1.05}.masonry-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:270px;padding:0 8px;gap:8px}.masonry-card{grid-area:auto!important}.masonry-enlace{grid-column:1/-1!important;min-height:310px}.masonry-grid{grid-auto-rows:minmax(270px,auto)}.masonry-top{top:17px;left:14px;right:36px;font-size:5px;line-height:1.7}.masonry-visit-arrow{right:10px;top:13px;width:22px;height:22px;font-size:14px}.masonry-logo{inset:48px 12% 122px}.masonry-enlace .masonry-logo{inset:50px 17% 110px}.masonry-enlace .masonry-logo img{width:265px}.masonry-caption{left:14px;right:14px;bottom:60px;display:block}.masonry-caption h3{font-size:22px;line-height:1.05}.masonry-caption button{font-size:5px;padding:7px 0 0;gap:5px}.masonry-caption button span{font-size:14px}.masonry-enlace .masonry-caption{display:flex;align-items:center}.masonry-enlace .masonry-caption h3{font-size:30px}.masonry-site{left:14px;right:14px;bottom:18px;font-size:6px;line-height:1.6;display:block}.masonry-site>span:last-child{text-align:left;display:block}.masonry-site i{margin-left:0}.masonry-scj .masonry-logo img{height:110px}.masonry-bigcola .masonry-logo{inset:42px 12% 125px}.masonry-bigcola .masonry-logo img{height:100px}.masonry-casadedios .masonry-logo img{height:100px}.masonry-disclaimer{display:block;padding:25px 6%;font-size:10px}.masonry-disclaimer>.mono{display:block;margin-bottom:12px;font-size:7px}.masonry-index{font-size:190px;top:15px}.tech-list{gap:8px}.tech-list li{font-size:11px;padding:7px 10px 7px 6px;gap:7px}.tech-icon{width:25px;height:25px;flex-basis:25px}.tech-icon img{width:20px;height:20px}.astro-brand-icon{width:53px;height:65px;margin-right:13px}.astro-brand-icon img{width:38px;height:48px}.astro-feature-bottom h3{font-size:76px}
.process{padding:45px 6% 50px;scroll-margin-top:70px}.process-heading{display:block}.process-heading h2{font-size:12vw;line-height:1.03}.process-heading>.process-intro{font-size:12px;max-width:280px;margin-top:22px}.process-stage{height:440px;margin-top:15px}.process-scene-note{font-size:5px;gap:15px;line-height:1.7}.process-scene-note>span:last-child{max-width:110px;text-align:right}.process-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#7f6197 transparent;overscroll-behavior-x:contain}.process-tabs button{flex:0 0 auto;min-width:120px;padding:18px 14px;gap:10px}.process-tabs button strong{font-size:16px}.process-tabs button .mono{font-size:7px}.process-description{display:block;padding-top:25px;min-height:255px}.process-description h3{font-size:30px;margin-bottom:15px}.process-description>p{font-size:12px}.process-deliverable{margin-top:22px;padding-left:14px}.process-deliverable p{font-size:12px}.process-deliverable .mono{font-size:6px;margin-bottom:5px}.process-fallback{flex-direction:column;padding:20px 0 40px;gap:10px}.process-fallback li{width:180px;min-height:55px;flex-direction:row;font-size:12px;box-shadow:0 5px 0 #100b16}.process-fallback li>span{font-size:9px}}
@media(max-width:360px){.masonry-caption h3{font-size:19px}.masonry-logo{inset-inline:9%}.masonry-top{font-size:4px}.astro-feature-bottom h3{font-size:64px}.astro-brand-icon{width:45px;height:56px}.astro-brand-icon img{width:33px;height:42px}.tech-list li{padding-right:8px;font-size:10px}.tech-icon{width:23px;flex-basis:23px}.process-stage{height:420px}}
@media(prefers-reduced-motion:reduce){.masonry-card,.masonry-card:hover,.masonry-card:hover .masonry-logo,.tech-list li:hover{transform:none}}
.tech-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tech-list li{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.4;border:1px solid #a094b33b;border-radius:4px;padding:7px 11px;background:#f5f2f844;color:#53455f;transition:background .25s,border-color .25s,color .25s}
.tech-list li::before{content:'';height:3px;width:3px;background:#8c6aac;border-radius:50%;opacity:.65}
.tech-list li:hover{background:#e0d5f0;border-color:#aa8cc7;color:#412a59}
.toolbox-footnote{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #18171c2b;margin-top:27px;font-size:7px;color:#72617f;letter-spacing:.06em}
.toolbox-footnote>span:last-child{font-size:17px;color:var(--purple);letter-spacing:-.1em}
.motion-reduced .astro-code,.motion-reduced .astro-feature:hover .astro-code{transform:none;transition:none}
@media(min-width:701px) and (max-width:1000px){.toolbox-layout{gap:4%;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.astro-feature{padding:22px;min-height:690px}.astro-code{min-width:210px;width:105%}.astro-code>code{font-size:8px;padding-inline:12px}.toolbox-group-heading h3{font-size:22px}.tech-list{gap:6px}.tech-list li{font-size:10px;padding:7px 9px}.toolbox-heading>p{font-size:11px}}
@media(max-width:700px){.toolbox{margin-top:60px;padding-top:35px;scroll-margin-top:95px}.toolbox-heading{display:block;margin-bottom:28px}.toolbox-heading .eyebrow{font-size:8px}.toolbox-heading h2{font-size:10.7vw;margin-top:19px;line-height:1.07}.toolbox-heading>p{font-size:12px;margin-top:20px}.toolbox-heading>p br{display:none}.toolbox-layout{grid-template-columns:minmax(0,1fr);gap:30px}.astro-feature{min-height:450px;padding:24px}.astro-feature-top{font-size:7px}.astro-visual{height:210px;margin:10px 0 0}.astro-code{width:83%;min-width:225px}.astro-code>code{font-size:9px;padding:16px}.astro-feature-bottom{padding-top:0}.astro-feature-bottom h3{font-size:80px;margin:4px 0 10px}.astro-feature-bottom p{font-size:11px}.astro-feature-bottom>.mono{font-size:6px}.astro-orb{right:6%;top:20px}.toolbox-group{padding:23px 0}.toolbox-group-heading h3{font-size:25px}.toolbox-group-heading>.mono{font-size:7px}.tech-list{margin-top:15px;gap:7px}.tech-list li{font-size:11px;padding:8px 10px}.toolbox-footnote{font-size:6px;gap:15px;margin-top:25px;padding:20px 0;line-height:1.8}.toolbox-footnote>span:first-child{max-width:240px}}
@media(max-width:360px){.astro-feature{padding:20px;min-height:420px}.astro-code{min-width:208px}.astro-code>code{font-size:8px;padding:14px}.astro-visual{height:195px}.astro-feature-bottom h3{font-size:70px}.toolbox-group-heading h3{font-size:23px}}
.masonry-top{font-size:8px}.masonry-site{font-size:9px}.masonry-site>span:first-child{font-size:6px}.masonry-caption button{font-size:8px;min-height:32px}
.masonry-casadedios .masonry-logo img{width:220px;height:220px;max-height:none}.masonry-bigcola .masonry-logo img{height:155px;max-height:none;filter:grayscale(1) contrast(3)}
@media(max-width:700px){.masonry-top{font-size:6px}.masonry-site{font-size:8px}.masonry-caption button{font-size:7px}.astro-feature-bottom h3{font-size:clamp(58px,16vw,76px)}}
@media(max-width:700px){.masonry-casadedios .masonry-logo img{width:140px;height:140px}.masonry-bigcola .masonry-logo img{height:120px}}
@media(prefers-reduced-motion:reduce){html,html:not(.motion-reduced){scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation:none!important;transition:none!important}[data-parallax]{--parallax:0px!important}.brand-plaque{transform:none!important}.hero-copy{transform:none}.astro-code,.astro-feature:hover .astro-code{transform:none}}
/* V6 — fewer chapters, stronger connections. Toolbox retained, intentionally hidden. */
.toolbox[hidden]{display:none!important}
.agency-section{background:#e9e7ee;scroll-margin-top:72px}
.agency-heading{min-height:136px;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.agency-heading h2{font-size:clamp(30px,3.2vw,52px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:13px 0 0}.agency-heading h2 em{font-style:normal;color:#7958a1}
.agency-heading>p{font-size:12px;line-height:1.7;color:#655c71;margin:0}.agency-heading>p .mono{font-size:8px;display:block;margin-top:10px}
.agency-panels{display:flex;min-height:500px;height:calc(100svh - 208px);max-height:780px;background:#17131d}
.agency-panel{--agency-accent:#b4a0db;position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-width:0;color:#f3ecff;border-right:1px solid #ffffff16;transition:flex .8s var(--ease);background:radial-gradient(ellipse at 50% 32%,#49345755,transparent 65%),#211b29}
.agency-panel:last-child{border:0}.agency-blau{background:radial-gradient(ellipse at 50% 35%,#24565866,transparent 70%),#142c30;--agency-accent:#92d5c6}.agency-joyn{background:radial-gradient(ellipse at 50% 40%,#66439477,transparent 65%),#302442;--agency-accent:#c0a0ef}.agency-apkana{background:radial-gradient(ellipse at 50% 45%,#5f504466,transparent 65%),#302923;--agency-accent:#e0c4a1}.agency-inzomnio{background:radial-gradient(ellipse at 60% 40%,#62384166,transparent 65%),#302229;--agency-accent:#e4adb9}
.agency-panel.is-expanded{flex:2.8 1 0}
.agency-number{position:absolute;top:28px;left:25px;color:var(--agency-accent);font-size:10px}
.agency-orbit{position:absolute;left:-60%;width:220%;aspect-ratio:1;border:1px solid #ffffff0b;transform:rotateX(50deg) rotateZ(-20deg);border-radius:50%;top:12%;transition:transform 1.2s var(--ease)}
.agency-panel.is-expanded .agency-orbit{transform:rotateX(30deg) rotateZ(30deg) scale(1.2)}
.agency-logo{position:absolute;top:42%;left:14%;right:14%;height:155px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:top .7s var(--ease),transform .7s var(--ease)}
.agency-logo img{width:100%;max-width:185px;max-height:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
.agency-braining .agency-logo img{max-width:185px}.agency-apkana .agency-logo img{filter:none}.agency-inzomnio .agency-logo img{max-width:190px}.agency-panel.is-expanded .agency-logo{top:30%;transform:translateY(-50%) scale(1.15)}
.agency-bottom{position:absolute;bottom:32px;left:25px;right:25px;pointer-events:none}.agency-bottom h3{font-size:clamp(19px,2vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.05;margin:0;padding-right:26px}
.agency-info{max-width:340px;padding-top:25px}.agency-info[hidden]{display:none}.agency-info>.mono{display:block;font-size:8px;line-height:1.7;color:var(--agency-accent)}.agency-info h4{font-size:25px;line-height:1.13;font-weight:400;letter-spacing:-.035em;margin:15px 0 12px}.agency-info p{font-size:12px;line-height:1.7;color:#d0c8d8;margin:0}
.agency-trigger{position:absolute;inset:0;z-index:2;background:none;color:inherit;width:100%;text-align:left;cursor:pointer}.agency-trigger>span{position:absolute;bottom:33px;right:20px;width:25px;height:25px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;font-size:18px;transition:transform .4s}.agency-trigger[aria-expanded=true]>span{transform:rotate(45deg)}.agency-trigger:focus-visible{outline:2px solid var(--agency-accent);outline-offset:-5px}
.brand-archive{padding-top:55px}.brand-archive .archive-heading{margin-bottom:32px}.brand-archive .archive-heading h2{font-size:clamp(36px,4.2vw,66px)}
.masonry-grid{grid-template-rows:repeat(12,minmax(0,1fr));height:1150px}
.masonry-enlace{grid-area:1/1/5/2}.masonry-vivibanco{grid-area:1/2/4/4;background:#e9e7df;color:#293141}.masonry-makers{grid-area:4/2/7/3;background:#27333e}.masonry-energuate{grid-area:4/3/7/4}.masonry-autollantas{grid-area:5/1/9/2}.masonry-cementos{grid-area:7/2/10/4}.masonry-bigcola{grid-area:9/1/13/2}.masonry-scj{grid-area:10/2/13/3}.masonry-casadedios{grid-area:10/3/13/4}
.masonry-context{width:100%;background:none;text-align:left;color:inherit}.masonry-vivibanco .masonry-logo img{filter:none;width:360px}.masonry-makers .masonry-logo img{width:200px;filter:none}.masonry-vivibanco .masonry-site,.masonry-vivibanco .masonry-top,.masonry-vivibanco .masonry-visit-arrow{color:#535463}.masonry-vivibanco .masonry-site>span:first-child{color:#666777}.masonry-vivibanco .masonry-orbit{border-color:#49415d15}.masonry-vivibanco .masonry-index{-webkit-text-stroke-color:#49415d15}.masonry-vivibanco .masonry-visit-arrow{border-color:#49415d40}
.masonry-disclaimer{font-size:11px;grid-template-columns:1fr 3fr;padding-block:28px 45px}
.build-lab{padding:85px 4%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3%;background:#e6e1ec;position:relative;overflow:hidden;scroll-margin-top:72px}
.build-copy{position:relative;z-index:2}.build-copy h2{font-size:clamp(43px,4.7vw,75px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:24px 0 38px}.build-copy h2 em{font-style:normal;color:#78549b}
.build-selectors{max-width:490px;border-top:1px solid #80728f40}.build-selectors button{display:flex;align-items:center;gap:20px;background:none;border-bottom:1px solid #80728f40;width:100%;padding:19px 4px;color:#70667b;text-align:left;transition:color .25s,padding .3s}.build-selectors .mono{font-size:10px}.build-selectors strong{font-size:clamp(19px,2vw,30px);font-weight:500;letter-spacing:-.04em}.build-selectors i{margin-left:auto;font-style:normal;font-size:23px}.build-selectors button[aria-pressed=true]{color:#633da0;padding-left:14px}.build-selectors button[aria-pressed=true] i{transform:rotate(45deg)}
.build-detail{min-height:128px;padding:26px 0 18px;max-width:395px}.build-detail[hidden]{display:none}.build-detail>.mono{font-size:8px;color:#72528c}.build-detail p{font-size:13px;line-height:1.7;margin:12px 0 0;color:#62576c}.build-copy>.text-link{font-size:9px}
.build-visual{position:relative;min-width:0;display:flex;align-items:center}.services-scene{height:530px;width:100%;position:relative;z-index:1;cursor:grab}.services-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.build-orbit{position:absolute;left:0;right:0;top:22%;height:65%;border:1px solid #73598a22;transform:rotate(-25deg);border-radius:50%;pointer-events:none}.build-visual-note{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:space-between;font-size:7px;color:#887895;gap:20px}
.build-fallback{height:100%;position:relative;perspective:900px;display:grid;place-items:center}.scene-ready .build-fallback{visibility:hidden}.fallback-browser{width:80%;height:55%;border:8px solid #6b557f;background:#c5b1df;border-radius:20px;transform:rotateY(-22deg) rotateX(12deg);box-shadow:20px 30px 40px #61478030;padding:20px}.fallback-browser>span{display:block;font-size:8px;color:#70528f}.fallback-browser b{font-family:var(--mono);font-size:28px;display:block;margin:30px 0}.fallback-browser i{display:inline-block;width:26%;height:55px;background:#9073b6;margin-right:5%;border-radius:5px}.fallback-phone{position:absolute;right:10%;bottom:13%;width:100px;height:180px;border:7px solid #453b50;border-radius:20px;background:#b6cec7;transform:rotateY(-20deg) rotateZ(10deg);display:grid;place-items:center;box-shadow:10px 20px 30px #342c4330}.fallback-phone span{font-size:45px;color:#453b50}
.motion-reduced .agency-panel,.motion-reduced .agency-logo,.motion-reduced .agency-orbit,.motion-reduced .agency-trigger>span,.motion-reduced .build-selectors button{transition:none}
@media(max-width:1000px) and (min-width:701px){.agency-bottom{left:17px;right:17px}.agency-bottom h3{font-size:21px}.agency-panel.is-expanded{flex:3.3 1 0}.agency-info h4{font-size:22px}.agency-info p{font-size:11px}.agency-heading>p{font-size:10px}.agency-logo{left:12%;right:12%}.build-lab{gap:0}.services-scene{height:450px}.build-selectors button{gap:12px}.build-visual-note{display:none}}
@media(max-width:700px){.agency-section{scroll-margin-top:70px}.agency-heading{padding:35px 6% 28px;display:block;min-height:0}.agency-heading h2{font-size:37px}.agency-heading>p{font-size:11px;margin-top:18px}.agency-heading>p .mono{font-size:7px;margin-top:5px}.agency-panels{height:auto;min-height:0;max-height:none;flex-direction:column}.agency-panel{flex:none;min-height:95px;height:95px;border-right:0;border-bottom:1px solid #ffffff18;transition:height .6s var(--ease)}.agency-panel.is-expanded{flex:none;height:340px}.agency-number{top:24px;left:6%;font-size:8px}.agency-logo{top:47px;right:70px;left:auto;width:100px;height:65px;transform:translateY(-50%)}.agency-logo img{max-height:65px}.agency-braining .agency-logo{width:82px}.agency-inzomnio .agency-logo{width:85px}.agency-panel.is-expanded .agency-logo{top:95px;right:9%;width:145px;height:100px;transform:translateY(-50%)}.agency-panel.is-expanded .agency-logo img{max-height:100px}.agency-bottom{bottom:24px;left:6%;right:6%}.agency-bottom h3{font-size:24px;padding:0;max-width:55%}.agency-info{padding-top:22px;max-width:100%}.agency-info h4{font-size:24px;margin:10px 0}.agency-info p{font-size:12px;max-width:290px}.agency-info>.mono{font-size:7px}.agency-panel.is-expanded .agency-bottom h3{padding-top:15px}.agency-trigger>span{bottom:34px;right:6%}.agency-panel.is-expanded .agency-trigger>span{top:22px;bottom:auto}.agency-orbit{width:85%;left:38%;top:-20px;opacity:.8}.masonry-grid{height:auto;grid-template-rows:none;grid-auto-rows:280px}.masonry-card{grid-area:auto!important}.masonry-enlace,.masonry-vivibanco{grid-column:1/-1!important;min-height:280px}.masonry-enlace{min-height:310px}.masonry-vivibanco{order:-1}.masonry-vivibanco .masonry-logo{inset:45px 14% 110px}.masonry-vivibanco .masonry-caption h3{font-size:29px}.masonry-makers .masonry-logo{inset-inline:10%}.masonry-makers .masonry-logo img{width:170px}.masonry-cementos{grid-column:1/-1!important}.masonry-cementos .masonry-logo{inset:50px 17% 110px}.masonry-disclaimer{font-size:10px}.build-lab{padding:50px 6% 25px;grid-template-columns:1fr;gap:0;scroll-margin-top:70px}.build-copy h2{font-size:12vw;margin:22px 0 28px}.build-selectors button{padding:17px 2px;gap:15px}.build-selectors strong{font-size:24px}.build-detail{min-height:132px}.build-detail p{font-size:12px}.build-detail>.mono{font-size:7px}.build-copy>.text-link{font-size:8px}.build-visual{min-height:350px}.services-scene{height:350px}.build-visual-note{bottom:5px;font-size:6px}.build-orbit{top:15%;height:70%}.fallback-browser b{font-size:20px;margin:20px 0}.fallback-browser i{height:35px}.fallback-phone{width:70px;height:125px}.fallback-phone span{font-size:30px}}
@media(max-width:360px){.agency-heading h2{font-size:31px}.agency-bottom h3{font-size:21px}.agency-logo{right:55px;width:85px}.agency-panel.is-expanded .agency-logo{width:120px;right:6%;top:77px}.agency-info h4{font-size:22px}.build-selectors strong{font-size:21px}.build-visual-note{font-size:5px}}
@media(prefers-reduced-motion:reduce){.agency-panel,.agency-logo,.agency-orbit,.agency-trigger>span,.build-selectors button{transition:none}}