/* The homepage's gallery language extended to the portfolio and project stories. */
.portfolio-gallery{--gallery-ink:#f5f5f7;--gallery-muted:#b5b5bd;--gallery-panel:#151517;background:#000;color:var(--gallery-ink)}
.portfolio-gallery header{background:#080808;border-bottom:1px solid #ffffff17}
.portfolio-gallery .world{opacity:.32}
.portfolio-gallery .cinema{background:#000}
.portfolio-gallery .cinema-screen{border-radius:28px;border-color:#ffffff30;box-shadow:none}
.portfolio-gallery .cinema-project{font-size:14px;color:#9ae1ff;gap:28px}
.portfolio-gallery .cinema-copy h2{font-weight:600}
.portfolio-gallery .cinema-copy>p:not(.eyebrow){font-size:16px;color:#e2e2e8}
.portfolio-gallery .cinema-top h1{font-weight:600}
.portfolio-gallery .cinema-controls button{font-size:12px}
.portfolio-gallery[data-page=proyectos] .projects{padding:100px 0 80px;background:#000e}
.portfolio-gallery .section-heading{align-items:end;margin-bottom:38px}
.portfolio-gallery .section-heading .eyebrow{font-size:11px;color:#b5b5bd;letter-spacing:1.6px}
.portfolio-gallery .section-heading h2{font-size:clamp(40px,5vw,72px);font-weight:600;line-height:1.08;letter-spacing:-.055em}
.portfolio-gallery .section-heading h2 span{color:#a8a8ae}
.portfolio-gallery .gallery-controls>span{font-size:12px;line-height:1.6;color:#b5b5bd}
.portfolio-gallery .project-tools{gap:25px;padding-bottom:40px;align-items:center}
.portfolio-gallery .project-filters{gap:8px}
.portfolio-gallery .project-filters button{font-size:13px;min-height:46px;padding:12px 20px;background:#151517;color:#c9c9d0;border-color:#ffffff30}
.portfolio-gallery .project-filters button[aria-pressed=true]{background:#f5f5f7;color:#101012;border-color:#f5f5f7}
.portfolio-gallery .project-client{font-size:12px;color:#b5b5bd}
.portfolio-gallery .project-client select{font-size:13px;background:#151517;color:#f5f5f7;border-color:#ffffff40}
.portfolio-gallery[data-page=proyectos] .project-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 30px;align-items:start}
.portfolio-gallery .project:nth-child(n){margin-top:0}
.portfolio-gallery .project-img{aspect-ratio:4/3;border-radius:28px;background:#151517;box-shadow:none;border:1px solid #ffffff20}
.portfolio-gallery .project-img img{object-fit:contain;padding:12px;box-sizing:border-box}
.portfolio-gallery .project:hover .project-img{box-shadow:none;border-color:#8ddfff88}
.portfolio-gallery .project:hover .project-img img{transform:scale(1.025)}
.portfolio-gallery .project-caption{padding:0 6px;margin-top:23px;gap:20px}
.portfolio-gallery .project-caption div>span{font-size:12px;letter-spacing:.4px;color:#b5b5bd;line-height:1.7}
.portfolio-gallery .project h3{font:500 clamp(24px,2.5vw,35px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:11px 0}
.portfolio-gallery .project-caption p{font-size:13px;letter-spacing:0;color:#b5b5bd;line-height:1.8}
.portfolio-gallery .project-number{font-size:11px;color:#9ae1ff}
.portfolio-gallery .project-label{min-height:40px;display:flex;align-items:center;font-size:10px;line-height:1.5;background:#080808e8;color:#ededf2;border:1px solid #ffffff40;border-radius:999px;bottom:18px;right:18px;padding:10px 15px}
.portfolio-gallery .mockup-label,.portfolio-gallery .video-label{font-size:9px;line-height:1.5;letter-spacing:.9px;background:#080808e8;border-radius:999px;top:18px;left:18px}
.portfolio-gallery .portfolio-source{font-size:12px;color:#aaaab2;padding-top:20px}
.portfolio-gallery .portfolio-empty{color:#c9c9d0}
.portfolio-gallery .instagram-section{background:#151517;border-top:0}
.portfolio-gallery .instagram-card{border-radius:28px;background:#080808;box-shadow:none;overflow:hidden}
.portfolio-gallery .instagram-image{border-radius:0}
.portfolio-gallery .contact-teaser{background:#000;border-top:0;backdrop-filter:none;padding-block:90px}
.portfolio-gallery .contact-teaser h2{font-weight:600}
.portfolio-gallery footer{background:#0e0e0e}
.portfolio-gallery #project-dialog{width:min(1320px,96vw);height:auto;max-height:94svh;background:#000;border:1px solid #ffffff30;border-radius:28px;color:#f5f5f7;scroll-padding-top:110px;scrollbar-color:#5d5d64 #080808}
.portfolio-gallery #project-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}
.portfolio-gallery #project-dialog .dialog-top{padding:14px 4%;gap:20px;background:#101012f5;border-bottom:1px solid #ffffff20;flex-wrap:wrap;min-height:76px;box-sizing:border-box}
.portfolio-gallery #project-dialog .dialog-top>.eyebrow{font-size:10px;letter-spacing:1.3px;color:#c0c0c8;flex:1;margin:0}
.portfolio-gallery .case-jumps{display:flex;align-items:center;gap:5px}
.portfolio-gallery #project-dialog .dialog-top button{min-height:44px;padding:10px 16px;border:1px solid transparent;background:none;font-size:13px;color:#d2d2d8;border-radius:999px;white-space:nowrap}
.portfolio-gallery #project-dialog .case-jumps button:hover{background:#ffffff12;color:#8ddfff}
.portfolio-gallery #project-dialog #close-dialog{border-color:#ffffff40;color:#f5f5f7}
.portfolio-gallery #project-dialog #close-dialog:hover{background:#ffffff12}
.portfolio-gallery .case-head{padding:70px 6% 45px;animation:none}
.portfolio-gallery .case-head>.eyebrow{font-size:11px;letter-spacing:1.5px;color:#8ddfff}
.portfolio-gallery .case-head h2{font-size:clamp(42px,5.8vw,82px);font-weight:600;line-height:1.06;letter-spacing:-.06em;max-width:1100px;margin:25px 0}
.portfolio-gallery #case-intro{font-size:20px;color:#b9b9c2;max-width:740px;line-height:1.65;margin:0}
.portfolio-gallery .case-facts{grid-template-columns:1fr 1fr 1.4fr;gap:30px;margin-top:42px;padding-top:28px;border-color:#ffffff25}
.portfolio-gallery .case-facts dt{font-size:10px;letter-spacing:1px;color:#a8a8b2}
.portfolio-gallery .case-facts dd{font-size:15px;color:#dddde4;line-height:1.7}
.portfolio-gallery .case-cover{margin:0 4%;animation:none}
.portfolio-gallery .lens-toolbar{gap:12px;justify-content:flex-start;flex-wrap:wrap;padding:16px 0}
.portfolio-gallery .lens-toolbar p{flex:1;min-width:170px;color:#b5b5bd}
.portfolio-gallery .lens-toolbar button{min-height:44px;font-size:12px;background:#151517;border-color:#ffffff30;color:#d4d4dc}
.portfolio-gallery .case-original{min-height:44px;display:inline-flex;align-items:center;gap:14px;font-size:12px;color:#9ae1ff;padding:8px 12px;border:1px solid #ffffff30;border-radius:999px}
.portfolio-gallery .case-photo{border-radius:28px;background:#151517;border:1px solid #ffffff20}
.portfolio-gallery .case-photo>img{height:auto;width:100%;max-height:none;object-fit:contain;background:#151517}
.portfolio-gallery .case-media-caption{font-size:12px;color:#b5b5bd;margin:17px 4px 0;gap:24px}
.portfolio-gallery .case-media-caption span:last-child{color:#d4d4dc}
.portfolio-gallery .case-story{position:relative;isolation:isolate;overflow:hidden;margin:65px 4%;padding:60px 5%;grid-template-columns:1fr 2fr;gap:35px;border-radius:28px;background:#151517}
.portfolio-gallery .case-story>.eyebrow{font-size:10px;line-height:1.8;letter-spacing:1.4px;color:#b5b5bd}
.portfolio-gallery .case-story h3,.portfolio-gallery .case-detail h3{font-size:clamp(30px,3.7vw,50px);font-weight:600;line-height:1.14;letter-spacing:-.05em;margin:0 0 25px}
.portfolio-gallery .case-story p:not(.eyebrow),.portfolio-gallery .case-detail p:not(.eyebrow){font-size:17px;line-height:1.8;color:#b9b9c2;max-width:630px}
.portfolio-gallery .case-tags{gap:8px;margin-top:28px}
.portfolio-gallery .case-tags span{font-size:12px;border-color:#ffffff30;color:#d3d3dc;padding:9px 14px}
.portfolio-gallery .case-anniversary{display:none}
.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-story{background:#f5f5f7;color:#1d1d1f;padding-block:70px}
.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-anniversary{display:block;position:absolute;left:4%;bottom:-30px;font:600 clamp(150px,23vw,280px)/1 Manrope,Arial,sans-serif;letter-spacing:-.08em;color:#ddddE3;z-index:-1}
.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-story>.eyebrow{color:#55555f}
.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-story p:not(.eyebrow){color:#505059}
.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-tags span{color:#505059;border-color:#1d1d1f30}
.portfolio-gallery #project-dialog[data-project=ecolab-espacios] .case-story{background:#edf5f7;color:#17313e}
.portfolio-gallery #project-dialog[data-project=ecolab-espacios] .case-story>.eyebrow{color:#41616d}
.portfolio-gallery #project-dialog[data-project=ecolab-espacios] .case-story p:not(.eyebrow){color:#3c5866}
.portfolio-gallery #project-dialog[data-project=ecolab-espacios] .case-tags span{color:#3c5866;border-color:#3c586640}
.portfolio-gallery .case-detail{margin:0 4% 65px;padding:40px 3%;background:#000;gap:7%;grid-template-columns:1fr 1.15fr}
.portfolio-gallery .case-detail .eyebrow{font-size:10px;color:#9ae1ff;letter-spacing:1.5px;line-height:1.8}
.portfolio-gallery .case-detail .detail-crop{border-radius:28px;overflow:hidden;background:#151517;border-color:#ffffff20}
.portfolio-gallery .case-detail .detail-crop img{max-height:none;object-fit:contain;height:auto;width:100%}
.portfolio-gallery .case-detail figcaption{font-size:12px;color:#b5b5bd;line-height:1.8;margin-top:17px}
.portfolio-gallery .case-album{padding:65px 6%;background:linear-gradient(#151517,#000 380px);border:0}
.portfolio-gallery .album-heading>.eyebrow{font-size:10px;color:#b5b5bd;letter-spacing:1.6px}
.portfolio-gallery .album-heading h3{font-size:clamp(32px,4vw,54px);font-weight:600;line-height:1.1;letter-spacing:-.05em;margin:20px 0 22px}
.portfolio-gallery .case-gallery-note{color:#b5b5bd;font-size:13px;margin-bottom:35px}
.portfolio-gallery .album-grid{display:grid;columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;align-items:start}
.portfolio-gallery .album-grid figure{display:block;margin:0;min-width:0;width:100%}
.portfolio-gallery .album-grid figure:first-child[data-orientation=landscape]{grid-column:1/-1}
.portfolio-gallery .album-grid figure a{display:block;border-radius:24px}
.portfolio-gallery .album-grid img{border-radius:24px;background:#151517;border:1px solid #ffffff20}
.portfolio-gallery .album-grid figcaption{color:#b5b5bd;font-size:12px!important;line-height:1.8!important;margin:15px 3px 0}
.portfolio-gallery .case-video{padding:20px 4% 0}
.portfolio-gallery .case-video video{border-radius:28px;max-height:78svh;background:#151517}
.portfolio-gallery .case-video p{font-size:13px;color:#b5b5bd;margin:20px 4px}
.portfolio-gallery .case-bottom{border-top:1px solid #ffffff20;padding:65px 6%;align-items:end;gap:35px}
.portfolio-gallery .case-bottom .eyebrow{font-size:10px;color:#b5b5bd;letter-spacing:1.5px}
.portfolio-gallery .case-bottom h3{font-size:clamp(32px,4.1vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.05em}
.portfolio-gallery .case-bottom .button{font-size:14px;min-height:48px;gap:22px}
.portfolio-gallery .case-sequence{font-size:12px;color:#b5b5bd}
.portfolio-gallery #next-case{font-size:14px;min-height:48px;color:#9ae1ff;gap:20px}
.portfolio-gallery #project-dialog :where(a,button,[tabindex]){scroll-margin-top:18px;scroll-margin-bottom:25px}
.portfolio-gallery .case-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .85s cubic-bezier(.18,.7,.2,1)}
.portfolio-gallery .case-reveal.case-visible{opacity:1;transform:none}
@media(max-width:1100px){.portfolio-gallery .project-tools{align-items:stretch}.portfolio-gallery .project-client{align-self:start}.portfolio-gallery .case-story{grid-template-columns:1fr;gap:25px}.portfolio-gallery .case-detail{gap:5%}.portfolio-gallery #project-dialog .dialog-top{gap:12px}}
@media(max-width:850px){.portfolio-gallery[data-page=proyectos] .projects{padding-top:75px}.portfolio-gallery .section-heading h2{font-size:52px}.portfolio-gallery[data-page=proyectos] .project-track{gap:40px 24px}.portfolio-gallery .project-img{border-radius:24px}.portfolio-gallery .project h3{font-size:25px}.portfolio-gallery .project-caption{padding-inline:2px}.portfolio-gallery .project-label{font-size:9px;padding:8px 12px;right:14px;bottom:14px}.portfolio-gallery .mockup-label,.portfolio-gallery .video-label{font-size:8px;left:14px;top:14px}.portfolio-gallery .case-head{padding-top:50px}.portfolio-gallery .case-head h2{font-size:56px}.portfolio-gallery #case-intro{font-size:18px}.portfolio-gallery .case-facts{gap:25px;grid-template-columns:1fr 1fr}.portfolio-gallery .case-facts>div:last-child{grid-column:1/-1}.portfolio-gallery .case-story{margin-top:50px;margin-bottom:45px;padding:45px 6%}.portfolio-gallery .case-detail{grid-template-columns:1fr;gap:32px;margin-bottom:45px}.portfolio-gallery .case-detail figure{max-width:650px;width:100%;margin-inline:auto}.portfolio-gallery .case-album{padding-block:50px}.portfolio-gallery .case-jumps{order:3;width:100%;border-top:1px solid #ffffff15;padding-top:5px}.portfolio-gallery #project-dialog .dialog-top{padding-block:10px;gap:6px 18px}.portfolio-gallery #project-dialog{scroll-padding-top:155px}.portfolio-gallery #project-dialog :where(a,button,[tabindex]){scroll-margin-top:18px}}
@media(max-width:680px){.portfolio-gallery .cinema-copy>p:not(.eyebrow){font-size:14px}.portfolio-gallery .cinema-project{font-size:13px}.portfolio-gallery .cinema-controls button{font-size:11px}.portfolio-gallery .cinema-screen{border-radius:20px}.portfolio-gallery .section-heading{gap:22px}.portfolio-gallery .section-heading h2{font-size:43px}.portfolio-gallery .section-heading .eyebrow{font-size:10px}.portfolio-gallery .project-tools{padding-bottom:30px}.portfolio-gallery .project-filters button{font-size:12px;min-height:44px;padding:11px 16px}.portfolio-gallery .project-client{margin-top:6px;font-size:12px}.portfolio-gallery .project-client select{font-size:12px}.portfolio-gallery[data-page=proyectos] .project-track{grid-template-columns:1fr;gap:40px}.portfolio-gallery .project h3{font-size:29px}.portfolio-gallery .project-caption{gap:15px}.portfolio-gallery .project-caption div>span{font-size:12px}.portfolio-gallery .project-caption p{font-size:13px}.portfolio-gallery .project-img{aspect-ratio:4/3}.portfolio-gallery .portfolio-source{font-size:12px}.portfolio-gallery #project-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;border:0;border-radius:0;margin:0}.portfolio-gallery #project-dialog .dialog-top{padding-inline:6%}.portfolio-gallery #project-dialog .dialog-top>.eyebrow{font-size:9px}.portfolio-gallery #project-dialog .dialog-top button{font-size:12px;min-height:44px;padding:10px 14px}.portfolio-gallery .case-head{padding:40px 6% 30px}.portfolio-gallery .case-head>.eyebrow{font-size:10px}.portfolio-gallery .case-head h2{font-size:clamp(38px,9.6vw,58px);letter-spacing:-.05em;overflow-wrap:anywhere}.portfolio-gallery #case-intro{font-size:17px;line-height:1.75}.portfolio-gallery .case-facts{margin-top:30px;gap:22px 18px;padding-top:25px}.portfolio-gallery .case-facts dd{font-size:14px}.portfolio-gallery .case-facts dt{font-size:10px}.portfolio-gallery .case-cover{margin-inline:5%}.portfolio-gallery .lens-toolbar p{flex-basis:100%}.portfolio-gallery .lens-toolbar button,.portfolio-gallery .case-original{font-size:12px}.portfolio-gallery .case-photo{border-radius:20px}.portfolio-gallery .case-media-caption{flex-direction:column;gap:3px}.portfolio-gallery .case-story{margin:40px 5%;padding:35px 7%;border-radius:24px}.portfolio-gallery .case-story h3,.portfolio-gallery .case-detail h3{font-size:34px}.portfolio-gallery .case-story p:not(.eyebrow),.portfolio-gallery .case-detail p:not(.eyebrow){font-size:16px;line-height:1.85}.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-story{padding-block:40px}.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-anniversary{left:auto;right:6%;bottom:-12px;font-size:170px;opacity:.7}.portfolio-gallery .case-detail{margin-inline:5%;padding:20px 2%;margin-bottom:35px;gap:30px}.portfolio-gallery .case-detail .detail-crop{border-radius:24px}.portfolio-gallery .case-album{padding:45px 6%}.portfolio-gallery .album-heading h3{font-size:40px}.portfolio-gallery .album-grid{grid-template-columns:1fr;gap:32px}.portfolio-gallery .album-grid img,.portfolio-gallery .album-grid figure a{border-radius:20px}.portfolio-gallery .case-video video{border-radius:20px}.portfolio-gallery .case-bottom{padding:45px 6%;align-items:start;flex-direction:column;gap:32px}.portfolio-gallery .case-bottom h3{font-size:38px}.portfolio-gallery .case-bottom-actions{align-items:start}.portfolio-gallery .contact-teaser{padding-block:65px}}
@media(max-width:360px){.portfolio-gallery .case-jumps{gap:0}.portfolio-gallery #project-dialog .case-jumps button{padding-inline:11px}.portfolio-gallery .case-original{font-size:11px;padding-inline:10px}.portfolio-gallery .case-head h2{font-size:36px}.portfolio-gallery .case-story h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.portfolio-gallery .case-reveal{opacity:1;transform:none;transition:none}.portfolio-gallery .project:hover .project-img img{transform:none}}

.portfolio-gallery #project-dialog[data-project=unicentro-50-anos] .case-story:focus-visible,.portfolio-gallery #project-dialog[data-project=ecolab-espacios] .case-story:focus-visible{outline-color:#006b99}

.portfolio-gallery .edited-label{position:absolute;top:18px;left:18px;z-index:2;font-size:9px;line-height:1.5;letter-spacing:.9px;padding:8px 11px;background:#080808e8;border:1px solid #ffffff66;border-radius:999px;color:#ededf2}