.page-proyectos-web .page-copy{max-width:none;padding:0}.page-proyectos-web .page-opening h1{max-width:1200px}.work-references,.work-concepts{padding:100px var(--gutter)}.work-references{background:#151d25;border-bottom:1px solid var(--line)}.work-section-title{max-width:800px;margin-bottom:60px}.work-section-title .eyebrow{margin-bottom:24px}.work-section-title h2{font-size:clamp(35px,4.5vw,66px);line-height:1.07;margin-bottom:28px}.work-section-title>p:last-child{color:var(--muted);font-size:16px;line-height:1.8;max-width:720px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:3vw}.reference-card{display:block;text-decoration:none}.reference-card>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;border:1px solid #4b55624d;transition:filter .3s}.reference-card:hover>img{filter:brightness(1.06)}.reference-card>div{padding:25px 0}.reference-card>div>span{color:var(--muted);font-size:10px;letter-spacing:.12em}.reference-card h3{display:flex;justify-content:space-between;font-weight:300;font-size:32px;margin:12px 0;letter-spacing:-.025em}.reference-card h3 i{font-style:normal;color:var(--accent)}.reference-card p{font-size:14px;color:var(--muted);line-height:1.7}.work-concepts{padding-top:110px;padding-bottom:35px}.work-project{padding-bottom:85px;margin-bottom:85px;border-bottom:1px solid var(--line);scroll-margin-top:125px}.work-project-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0 24px;gap:20px}.work-project-head h3{font-weight:300;font-size:clamp(32px,4vw,54px);line-height:1;margin-top:15px}.work-project-head .eyebrow{font-size:10px}.concept-label{font-size:11px;letter-spacing:.03em;color:#cad3df;border:1px solid #596573;padding:9px 12px}.work-preview{display:block;position:relative;overflow:hidden;text-decoration:none;background:#172027}.work-preview>img{width:100%;height:auto;display:block;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.work-preview:hover>img{transform:scale(1.025)}.work-preview>span{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:25px;background:#101a27;color:#f0f4ff;border:1px solid #76879b;padding:15px 20px;font-size:13px}.work-preview>span>b{font-size:20px;font-weight:300}.work-project-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:38px}.work-project-copy h4{font:300 clamp(29px,3.2vw,48px)/1.12 Outfit,sans-serif;letter-spacing:-.03em;margin:0}.work-project-copy p{font-size:16px;line-height:1.85;color:var(--muted)}.work-project-copy .work-features{font-size:11px;color:#a4b2c7;margin:23px 0}.work-project-copy a{font-size:13px}.work-next{display:grid;grid-template-columns:1fr 1fr;gap:35px 7vw;padding:0 var(--gutter) 100px}.work-next>.eyebrow{grid-column:1/-1}.work-next h2{font-size:clamp(36px,4.8vw,72px)}.work-next>div p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:20px}.work-next>div a{font-size:13px}.work-teaser{padding:105px var(--gutter);border-bottom:1px solid var(--line);background:#151d25}.work-teaser-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:55px}.work-teaser-heading h2{font-size:clamp(38px,4.5vw,68px);margin-top:24px}.work-teaser-heading>a{font-size:13px;margin-bottom:7px}.work-teaser-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.work-teaser-grid>a{display:block;text-decoration:none}.work-teaser-grid img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;object-position:center top;transition:filter .25s}.work-teaser-grid a:hover img{filter:brightness(1.08)}.work-teaser-grid a>div{display:flex;justify-content:space-between;margin-top:20px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:17px}.work-teaser-grid b{color:var(--accent);font-weight:300}.work-teaser-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:760px;margin-top:32px}.work-preview:focus-visible,.reference-card:focus-visible,.work-teaser-grid>a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(max-width:700px){.work-references,.work-concepts{padding:60px var(--gutter)}.work-section-title{margin-bottom:35px}.work-section-title h2{font-size:36px}.work-section-title>p:last-child{font-size:14px}.reference-grid{grid-template-columns:1fr;gap:25px}.reference-card h3{font-size:29px}.reference-card p{font-size:13px}.work-project-head{align-items:start;flex-direction:column;gap:18px}.work-project-head h3{font-size:39px}.concept-label{font-size:10px;padding:7px 10px}.work-project{padding-bottom:48px;margin-bottom:52px;scroll-margin-top:135px}.work-preview>span{right:12px;bottom:12px;padding:10px 13px;font-size:11px;gap:14px}.work-preview>span>b{font-size:17px}.work-project-copy{grid-template-columns:1fr;gap:23px;margin-top:30px}.work-project-copy h4{font-size:34px}.work-project-copy p{font-size:14px}.work-project-copy .work-features{font-size:11px}.work-next{grid-template-columns:1fr;padding-bottom:70px;gap:25px}.work-next h2{font-size:44px}.work-next>div p{font-size:14px}.work-teaser{padding:70px var(--gutter)}.work-teaser-heading{display:block;margin-bottom:35px}.work-teaser-heading>a{display:inline-flex;margin-top:28px}.work-teaser-grid{grid-template-columns:1fr;gap:32px}.work-teaser-grid img{aspect-ratio:1.45}.work-teaser-grid a>div{font-size:18px;margin-top:16px}.work-teaser-note{font-size:11px}.work-teaser-heading h2{font-size:44px}.page-proyectos-web .page-opening h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.work-preview>img,.reference-card>img,.work-teaser-grid img{transition:none!important;transform:none!important}}
.work-teaser-grid img{aspect-ratio:1.44}