:root{--navy:#102d40;--paper:#f7f6f2;--ink:#182d39;--muted:#5e6a6d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ad605b;outline-offset:6px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:var(--navy);color:#fff}.brand{font-size:36px;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:38px;font-size:14px}nav a:hover{opacity:.65}.hero{height:calc(100svh - 94px);min-height:560px;max-height:1000px;position:relative;color:white;background:var(--navy)}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center 60%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,22,32,.83),transparent 75%)}.hero-copy{position:absolute;bottom:12%;left:6%;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.7;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4.8vw,76px);line-height:1.07;letter-spacing:-1.7px;margin-bottom:32px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,3.5vw,54px);line-height:1.12;letter-spacing:-1px}h3{font-weight:400;font-size:25px}.hero-link{display:inline-block;border-bottom:1px solid #ffffff80;padding:10px 0;font-size:14px}.hero-caption{position:absolute;right:6%;bottom:5%;z-index:1;font-size:11px;letter-spacing:2px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:120px 9%}.intro>div{max-width:700px}.intro p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:610px}.portfolio{padding:20px 6% 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>span{font-size:13px;letter-spacing:2px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 34px}.project.p0{grid-column:1 / -1}.image-wrap{overflow:hidden;background:#deded8;aspect-ratio:1.6}.p0 .image-wrap{aspect-ratio:2.2}.project img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.025)}.project-title{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.project-title h3{margin:0}.project-title span{font-size:13px}.project>p{font-size:14px;color:var(--muted);margin-top:8px}.process{padding:90px 6% 100px;background:#eaece8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.steps article{border-top:1px solid #a8b0ac;padding-top:25px}.steps span{font-size:13px}.steps h3{margin-top:40px}.steps p{color:var(--muted);line-height:1.75}.download{display:inline-block;border-bottom:1px solid var(--ink);margin-top:35px;padding:12px 0}footer{padding:85px 6% 30px;background:var(--navy);color:white}footer h2{font-size:clamp(42px,5vw,72px);margin-bottom:35px}.contact{font-size:20px;border-bottom:1px solid #ffffff70;padding-bottom:10px;display:inline-block}.footer-bottom{border-top:1px solid #ffffff30;margin-top:80px;padding-top:25px;display:flex;flex-wrap:wrap;gap:25px;font-size:13px}.footer-bottom span{margin-left:auto;font-size:12px}.detail{padding:50px 6% 80px}.back{font-size:14px;display:inline-block;margin-bottom:60px}.detail-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.detail-title h1{font-size:clamp(40px,5vw,70px)}.detail-title>p{font-size:14px;margin-bottom:38px}.detail-image{width:100%;max-height:80vh;object-fit:cover}.detail-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:15%;padding:60px 3% 0}.detail-copy>p{font-family:Georgia,serif;font-size:26px;line-height:1.5}dl{margin:0;display:grid;grid-template-columns:1fr 1.5fr;gap:20px;font-size:14px;line-height:1.5}dt{color:var(--muted)}dd{margin:0}@media(max-width:700px){header{height:80px;padding:0 6%}nav{gap:18px;font-size:13px}.brand{font-size:30px}.hero{min-height:570px;height:78svh}.hero>img{object-position:57% center}.hero-copy{bottom:15%;right:6%}.hero .eyebrow{font-size:10px}.hero-caption{font-size:10px}.intro{display:block;padding:70px 6%}.intro>.eyebrow{margin-bottom:30px}.grid{grid-template-columns:1fr;gap:35px}.p0 .image-wrap,.image-wrap{aspect-ratio:1.45}.section-heading{align-items:start}.section-heading>span{display:none}.portfolio{padding-bottom:60px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:25px}.process{padding:60px 6%}.footer-bottom{flex-direction:column;gap:18px}.footer-bottom span{margin-left:0}.detail-title{display:block}.detail-copy{grid-template-columns:1fr;gap:30px;padding:35px 0}.detail-copy>p{font-size:23px}.detail-image{min-height:260px}.back{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img{transition:none}}

.brand img{width:175px;height:auto;display:block}@media(max-width:700px){.brand img{width:120px}}

/* Propuesta inmersiva JPA */
:root{--paper:#fff;--red:#ce3e43}h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:-.045em}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.home header{position:absolute;inset:0 0 auto;z-index:4;background:transparent;height:110px;border-bottom:1px solid #ffffff25;padding:0 5%}.home header nav{align-items:center;gap:36px;text-transform:uppercase;letter-spacing:1.4px;font-size:12px}.home header nav a:last-child{border:1px solid #ffffff70;padding:15px 22px}.brand img{width:160px}.immersive.hero{height:850px;min-height:680px;max-height:none;background:#102d40}.immersive.hero:after{background:linear-gradient(180deg,rgba(6,26,40,.62),rgba(6,26,40,.36) 42%,#102d40 100%)}.immersive .hero-photo{object-position:center 58%}.immersive .hero-copy{top:230px;bottom:auto;left:5%;right:5%;text-align:center}.immersive h1{font-size:clamp(42px,6.1vw,88px);line-height:1.08;margin:23px 0 35px;font-weight:300}.immersive .eyebrow{font-size:12px;letter-spacing:3px}.immersive .hero-link{background:#fff;color:#102d40;padding:19px 28px;min-width:215px;border:0;font-size:14px;transition:background .2s}.immersive .hero-link span{margin-left:26px;color:var(--red);font-size:19px}.immersive .hero-link:hover{background:#edf1f3}.hero-bottom{position:absolute;top:600px;left:5%;right:5%;display:flex;justify-content:space-between;z-index:2;font-size:12px;letter-spacing:1.8px}.showcase{position:relative;z-index:3;margin-top:-180px;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:25px;padding:0 5% 76px;background:linear-gradient(180deg,transparent 0 180px,#102d40 180px);align-items:center}.showcase-card{display:block;position:relative;overflow:hidden;color:white;border-radius:7px;background:#173747;box-shadow:0 18px 50px #03172333}.showcase-card img{width:100%;height:290px;object-fit:cover;display:block;transition:transform .5s}.showcase-card.center img{height:360px}.showcase-card:hover img{transform:scale(1.035)}.showcase-card span{position:absolute;bottom:0;left:0;right:0;padding:45px 20px 20px;background:linear-gradient(transparent,#051c2ed9);font-size:12px;letter-spacing:1.5px}.showcase-card b{float:right;font-size:18px;font-weight:400}.intro{padding:110px 8%;border-bottom:1px solid #dae1e5}.intro h2{font-size:clamp(34px,4vw,56px)}.portfolio{padding:90px 6%}.portfolio .p0{grid-column:auto}.portfolio .image-wrap{aspect-ratio:1.55}.project-title h3{font-size:22px}.process{background:#eef2f4}.eyebrow{font-size:12px}.intro>.eyebrow:before,.section-heading .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--red);margin-right:12px}footer h2{font-weight:300}footer .contact{border-bottom-color:var(--red)}
@media(min-width:1600px){.immersive.hero{height:950px}.immersive .hero-copy{top:270px}.hero-bottom{top:690px}}
@media(max-width:700px){.home header{height:90px;padding:0 5%}.brand img{width:110px}.home header nav{gap:14px;letter-spacing:0;font-size:12px}.home header nav a:last-child{padding:10px;border:0}.immersive.hero{height:730px;min-height:0}.immersive .hero-copy{top:210px}.immersive h1{font-size:clamp(36px,8vw,54px);letter-spacing:-.04em;line-height:1.13}.immersive .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom{top:565px;font-size:10px;letter-spacing:1px}.showcase{margin-top:-105px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 6% 40px;background:linear-gradient(180deg,transparent 0 105px,#102d40 105px)}.showcase-card{flex:0 0 82%;scroll-snap-align:center}.showcase-card img,.showcase-card.center img{height:230px}.intro{padding:65px 6%}.portfolio{padding:60px 6%}.hero-photo{object-position:53% center!important}}
@media(prefers-reduced-motion:reduce){.showcase-card img{transition:none}}

.immersive{overflow:hidden}.immersive .hero-photo{animation:heroZoom 22s ease-in-out infinite alternate;transform-origin:50% 55%}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.085)}}
.showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center}.showcase::-webkit-scrollbar{display:none}.showcase-card{flex:0 0 44%;scroll-snap-align:center}.showcase-card img,.showcase-card.center img{height:330px}
.portfolio .section-heading{align-items:center;gap:30px}.portfolio .section-heading h2{font-size:clamp(28px,3.2vw,48px);letter-spacing:-.04em}.portfolio .section-heading>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.project-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.project-track::-webkit-scrollbar{display:none}.project-card{position:relative;flex:0 0 calc((100% - 54px)/4);min-height:470px;overflow:hidden;scroll-snap-align:start;background:#102d40;color:white}.project-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#051b2ae8 0%,#051b2a95 40%,#051b2a08 70%,#051b2ab0 100%)}.card-copy{position:relative;z-index:1;padding:24px 20px}.card-copy h3{font-size:21px;margin-bottom:12px}.card-copy p{font-size:14px;line-height:1.65;margin:0;color:#f0f3f5}.card-open{position:absolute;z-index:1;bottom:22px;left:22px;font-size:24px}.project-card:hover>img{transform:scale(1.035)}.carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px}.carousel-controls>span{font-size:13px;color:var(--muted);margin-right:15px}.carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #ccd4d9;background:white;color:#102d40;font-size:21px;cursor:pointer}.carousel-controls button:hover:not(:disabled){background:#102d40;color:white}.carousel-controls button:disabled{opacity:.3;cursor:default}button:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:1050px){.project-card{flex-basis:calc((100% - 36px)/3);min-height:490px}}@media(max-width:700px){.project-card{flex-basis:85%;min-height:440px}.portfolio .section-heading{display:block}.portfolio .section-heading>p{margin-top:20px}.showcase-card{flex-basis:82%}.showcase-card img,.showcase-card.center img{height:230px}}@media(prefers-reduced-motion:reduce){.immersive .hero-photo{animation:none}.project-card>img{transition:none}}

@font-face{font-family:Gotham;src:url("fonts/GothamLight.woff") format("woff");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Gotham;src:url("fonts/GothamBook.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Gotham;src:url("fonts/GothamMedium.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Gotham;src:url("fonts/GothamBold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
body,h1,h2,h3,button{font-family:Gotham,Arial,sans-serif}h1,h2{font-weight:300}nav,.card-copy h3{font-weight:500}.card-copy p{font-weight:400}.immersive h1{font-size:clamp(36px,5.6vw,80px)}.project-card{min-height:510px}@media(max-width:700px){.immersive h1{font-size:clamp(32px,7.7vw,50px)}.project-card{min-height:480px}}

:root{--paper:#102d40;--ink:#f5f7fa;--muted:#becbd5}.home,body,.intro,.portfolio,.process,footer{background:#102d40;color:#f5f7fa}.intro{border-color:#ffffff24}.process{background:#0c2638}.steps article{border-color:#ffffff35}.steps p,.intro p:not(.eyebrow),.portfolio .section-heading>p,.project>p{color:#becbd5}.steps .step-icon{display:block;width:95px;height:95px;object-fit:contain;margin:3px 0 23px;filter:invert(1);mix-blend-mode:screen}.steps h3{margin-top:25px}.steps>article>span{font-size:13px;color:#becbd5}.footer-logo{display:flex;justify-content:center;margin:75px 0 55px}.footer-logo img{width:min(340px,75%);height:auto}.footer-bottom{margin-top:0;line-height:1.7}.footer-bottom span{max-width:440px;text-align:right}.carousel-controls button{background:transparent;color:white;border-color:#ffffff50}.carousel-controls button:hover:not(:disabled){background:#24465c}.carousel-controls>span{color:#becbd5}.immersive .hero-link{background:#102d40b3;border:1px solid #ffffff75;color:white}.immersive .hero-link:hover{background:#1c4058}.immersive .hero-photo{position:absolute;inset:0;animation:none;opacity:0;transition:opacity 1.5s ease;transform:scale(1)}.immersive .hero-current{opacity:1;animation:backgroundZoom 12s linear both}.immersive .hero-next{opacity:0}.hero-bottom{z-index:2}@keyframes backgroundZoom{from{transform:scale(1)}to{transform:scale(1.08)}}@media(max-width:700px){.footer-bottom span{text-align:left;max-width:100%}.footer-logo{margin:55px 0 40px}}@media(prefers-reduced-motion:reduce){.immersive .hero-photo,.immersive .hero-current{animation:none;transition:none}}

.home header{padding-left:2%;padding-right:5%;height:110px}.brand img{width:clamp(220px,16vw,320px);height:auto;background:none}.brand-intro{position:fixed;inset:0;z-index:1000;background:#102d40;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:introExit .65s ease 2.6s forwards}.intro-mark{width:190px;height:190px;position:relative}.intro-mark img{position:absolute;inset:0;width:100%;height:100%}.intro-ring{animation:ringTurn 3.25s ease-in-out forwards;transform-origin:50% 50%}.brand-intro p{font-family:Gotham,Arial,sans-serif;font-size:clamp(22px,3vw,32px);font-weight:300;line-height:1.45;text-align:center;margin:35px 20px 0;color:#fff;letter-spacing:-.03em}@keyframes ringTurn{from{transform:rotate(-100deg)}to{transform:rotate(20deg)}}@keyframes introExit{to{opacity:0;visibility:hidden}}@media(max-width:700px){.home header{padding:0 5%;height:105px}.brand img{width:clamp(140px,33vw,220px)}.home header nav{gap:10px;font-size:11px}.home header nav a:last-child{padding:8px 0}.intro-mark{width:160px;height:160px}}@media(max-width:380px){.home header{height:120px;flex-wrap:wrap;align-content:center;gap:15px}.home header nav{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none}.intro-ring{animation:none}}

/* Project photographs with captions beneath */
.project-card{min-height:0!important;display:flex;flex-direction:column;background:transparent;overflow:hidden}.project-card>img{position:relative;display:block;width:100%;height:340px;object-fit:cover;flex:none}.project-card:after{display:none}.card-copy{padding:23px 0 12px;flex:1}.card-copy h3{font-size:20px;margin-bottom:12px}.card-copy p{color:#becbd5;font-size:14px;line-height:1.7}.card-open{position:static;display:block;padding:0 0 10px;font-size:22px}.project-card:hover>img{transform:none}.project-card:hover h3{color:#fff;text-decoration:underline;text-underline-offset:6px}.project-track{overflow-anchor:none}.project-track.repositioning{scroll-snap-type:none;scroll-behavior:auto}@media(max-width:700px){.project-card>img{height:300px}}

.brand-intro p{font-size:clamp(20px,2.5vw,27px)}.showcase-shell{position:relative;z-index:3;margin-top:-180px}.showcase-shell .showcase{margin-top:0;scroll-padding-left:5%}.showcase-card{scroll-snap-align:start}.showcase-edge{position:absolute;z-index:5;top:0;bottom:76px;width:5%;min-width:40px;border:0;padding:0;background:transparent;cursor:pointer}.showcase-edge.previous{left:0}.showcase-edge.following{right:0}.showcase-edge:focus-visible{outline:2px solid white;outline-offset:-5px;background:#102d4033}.showcase.repositioning{scroll-snap-type:none;scroll-behavior:auto}@media(max-width:700px){.showcase-shell{margin-top:-105px}.showcase-shell .showcase{margin-top:0;scroll-padding-left:6%}.showcase-edge{bottom:40px;width:6%;min-width:24px}}