@font-face{font-family:HavaiEditorial;src:local("Georgia")}
.havai-case{--hv-deep:#102d31;--hv-deep-2:#173c3c;--hv-sea:#159d9a;--hv-water:#31aecd;--hv-sand:#d7c09b;--hv-leaf:#8da87a;--hv-paper:#f2eee5;--hv-white:#faf8f2;background:var(--hv-paper);color:#172021}
.havai-case main em{color:var(--hv-water);font-style:normal}
.havai-case .hv-page{width:min(1440px,calc(100% - 80px))}
.havai-case .hv-hero{position:relative;isolation:isolate;display:flex;min-height:min(850px,calc(100svh - 88px));padding:clamp(2rem,5.5vw,5.5rem);align-items:flex-end;overflow:hidden;background:var(--hv-deep);color:var(--hv-white)}
.hv-hero-image,.hv-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hv-hero-image{z-index:-2;object-fit:cover;object-position:center 56%;animation:hv-image-enter 1.1s cubic-bezier(.2,.7,.2,1) both}
.hv-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,31,33,.96) 0%,rgba(8,31,33,.84) 34%,rgba(8,31,33,.30) 66%,rgba(8,31,33,.05) 100%),linear-gradient(0deg,rgba(8,24,26,.65),transparent 44%)}
.hv-hero-content{width:min(720px,72%);animation:hv-rise-in .8s .12s both}
.hv-eyebrow-row,.hv-section-label,.hv-hero-caption,.hv-close-top{display:flex;justify-content:space-between;gap:1.2rem;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hv-eyebrow-row{padding-bottom:1rem;border-bottom:1px solid #ffffff62;color:#f4efe4}
.hv-hero-brand{display:flex;align-items:center;gap:.7rem;margin:clamp(1.8rem,3.5vw,3.4rem) 0 .8rem}
.hv-hero-brand img{width:106px;height:106px;object-fit:contain;background:#f8f4eb;border-radius:50%;padding:6px}
.hv-hero-brand span{font-size:.65rem;line-height:1.6;letter-spacing:.13em}
.hv-hero h1{max-width:850px;font-size:clamp(4.2rem,8.6vw,8rem);line-height:.84;letter-spacing:-.045em}
.havai-case .hv-hero h1 em{color:#70d7d0}
.hv-hero-lead{max-width:38rem;margin-top:1.35rem;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.48;color:#f7f5ee}
.hv-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.8rem}
.hv-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.3rem;min-height:54px;padding:.95rem 1.15rem;background:var(--hv-water);color:#08292c;font-weight:700;font-size:.88rem;transition:background .25s,transform .25s,color .25s}
.hv-button:hover{background:#73d9d0;transform:translateY(-2px)}
.hv-text-link{color:#fff;border-bottom:1px solid #fff8;padding:.3rem 0;font-size:.88rem}
.hv-text-link span{color:#8be1d8}
.hv-hero-caption{position:absolute;left:clamp(2rem,5.5vw,5.5rem);right:clamp(2rem,5.5vw,5.5rem);bottom:1.2rem;color:#fff;font-size:.62rem}
.hv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--hv-sea);color:#092c2d}
.hv-facts>div{padding:1.25rem 1.5rem;border-right:1px solid #073f4040;display:grid;gap:.25rem}
.hv-facts>div:first-child{padding-left:2rem}.hv-facts>div:last-child{border:0}
.hv-facts span,.hv-micro{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.78}
.hv-facts strong{font-size:1rem}
.hv-reading,.hv-journey,.hv-atmosphere,.hv-identity,.hv-concepts{padding:clamp(3.5rem,7vw,7rem) 0;border-bottom:1px solid #182a292e}
.hv-section-label{padding-bottom:1rem;border-bottom:1px solid currentColor;color:#44615d}
.hv-section-label span:first-child{color:var(--hv-sea)}
.hv-reading-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,8vw,8rem);padding:clamp(3rem,6vw,6rem) 0;align-items:start}
.hv-kicker{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#44706b}
.hv-reading h2,.hv-journey h2,.hv-atmosphere h2,.hv-identity h2,.hv-concepts h2,.hv-close h2,.hv-next h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.86;letter-spacing:-.04em}
.hv-reading h2{margin-top:1rem}
.hv-reading-copy{max-width:560px;padding-top:.5rem}
.hv-reading-copy p:not(.hv-quote){font-size:1.05rem;line-height:1.65;color:#32403e}
.hv-quote{font:italic clamp(1.9rem,3.2vw,3rem)/1.08 HavaiEditorial,Georgia,serif;color:var(--hv-deep);padding-bottom:1.1rem;border-bottom:1px solid #182a292e}
.hv-source{display:inline-block;margin-top:1.25rem;border-bottom:1px solid currentColor;padding:.2rem 0;font-size:.78rem;font-weight:700;color:var(--hv-deep)}
.hv-source:hover{color:var(--hv-sea)}
.hv-wide-photo{position:relative;height:clamp(300px,47vw,620px);overflow:hidden;background:#cbb798}
.hv-wide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hv-wide-photo:hover img,.hv-photo-grid figure:hover img{transform:scale(1.025)}
.hv-wide-photo figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.13em;text-shadow:0 1px 8px #0008}
.hv-journey-head,.hv-atmosphere-head,.hv-concepts-head{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:end;padding:clamp(3rem,6vw,6rem) 0 2.3rem}
.hv-journey-head h2,.hv-atmosphere-head h2,.hv-concepts-head h2{max-width:750px}
.hv-journey-head>p,.hv-atmosphere-head>p,.hv-concepts-head>p{max-width:490px;font-size:1.08rem;line-height:1.6;color:#40504d}
.hv-journey-head em,.hv-atmosphere-head em,.hv-identity h2 em,.hv-concepts-head em{color:var(--hv-sea)}
.hv-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #172c2b4c;border-bottom:1px solid #172c2b4c}
.hv-steps article{min-height:185px;padding:1.3rem 1.35rem 1.45rem;border-left:1px solid #172c2b4c}
.hv-steps article:first-child{border:0;padding-left:0}
.hv-steps article>span{font:1.5rem/1 HavaiEditorial,Georgia,serif;color:var(--hv-sea)}
.hv-steps h3{margin-top:2.2rem;font-size:1.28rem}
.hv-steps p{margin-top:.5rem;max-width:15rem;font-size:.88rem;line-height:1.5;color:#53605e}
.hv-atmosphere-head{padding-bottom:2rem}
.hv-photo-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(240px,1fr));gap:1rem}
.hv-photo-grid figure{position:relative;min-height:270px;overflow:hidden;background:#b8c9c3}
.hv-photo-grid .hv-photo-pool{grid-row:1 / span 2;min-height:570px}
.hv-photo-grid img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hv-photo-pool img{object-position:center 63%}.hv-photo-room img{object-position:center 52%}.hv-photo-garden img{object-position:center 62%}
.hv-photo-grid figure::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#0a2425b8,transparent)}
.hv-photo-grid figcaption{position:absolute;z-index:1;left:1.3rem;right:1.3rem;bottom:1.1rem;color:#fff;display:grid;gap:.5rem}
.hv-photo-grid figcaption span{font-size:.62rem;font-weight:700;letter-spacing:.14em}
.hv-photo-grid figcaption strong{font:italic clamp(1.4rem,2.5vw,2.35rem)/1.02 HavaiEditorial,Georgia,serif}
.hv-image-note,.hv-concept-note{margin-top:1rem;color:#63706b;font-size:.7rem;line-height:1.5}
.hv-image-note a,.hv-close small a{text-decoration:underline;text-underline-offset:3px}
.hv-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(3rem,6vw,6rem)}
.hv-logo-board{min-height:400px;padding:1.2rem;background:#e4dfd2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#364e49}
.hv-logo-board img{width:min(290px,65%);height:285px;object-fit:contain}
.hv-logo-board .hv-micro{align-self:stretch}
.hv-board-footer{align-self:stretch;padding-top:.8rem;border-top:1px solid #425c5440;text-align:center;font-size:.65rem;font-weight:700;letter-spacing:.19em}
.hv-identity-copy{padding:clamp(1.8rem,4vw,4rem);background:var(--hv-deep);color:#f8f4e9;display:flex;flex-direction:column;justify-content:center}
.hv-identity-copy .hv-kicker{color:#8cd9d1}
.hv-identity-copy h2{margin:1.6rem 0;font-size:clamp(3rem,5.5vw,5.6rem)}
.hv-identity-copy h2 em{color:#63cfca}
.hv-identity-copy>p:last-child{max-width:34rem;font-size:1rem;line-height:1.6;color:#e1e5df}
.hv-type-palette{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;margin-top:1rem}
.hv-type-card,.hv-palette-card{min-height:230px;padding:1.5rem;background:#fffdf8}
.hv-type-card{display:flex;flex-direction:column;justify-content:space-between}
.hv-type-card strong{font:clamp(2.5rem,4.2vw,4.2rem)/.94 HavaiEditorial,Georgia,serif;letter-spacing:-.04em;color:var(--hv-deep)}
.hv-type-card strong i{color:var(--hv-sea);font-weight:400}
.hv-type-card small{font-size:.58rem;letter-spacing:.13em;color:#596660}
.hv-palette-card{display:flex;flex-direction:column;justify-content:space-between}
.hv-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.hv-swatches>div{display:grid;gap:.28rem}
.hv-swatch{display:block;width:100%;aspect-ratio:1.2;background:#aaa}
.hv-sea{background:#159d9a}.hv-water{background:#31aecd}.hv-sand{background:#d7c09b}.hv-leaf{background:#8da87a}
.hv-swatches b{font-size:.77rem}.hv-swatches small{font-size:.57rem;letter-spacing:.12em;color:#64706c}
.hv-concepts-head{padding-bottom:2.5rem}
.hv-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}
.hv-concept{min-width:0}
.hv-social-art{position:relative;isolation:isolate;min-height:560px;overflow:hidden;background:var(--hv-deep);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem}
.hv-social-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#081f2050,#081f2070 45%,#081f20d9)}
.hv-social-art>img:first-child{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.hv-social-top,.hv-concept-caption{display:flex;justify-content:space-between;gap:1rem;font-size:.58rem;font-weight:700;letter-spacing:.14em}
.hv-social-copy{align-self:center;text-align:center;text-shadow:0 2px 20px #0006}
.hv-social-copy>span{font-size:.65rem;letter-spacing:.2em}
.hv-social-copy strong{display:block;margin:.7rem auto 0;font:clamp(3.3rem,6.2vw,6rem)/.86 var(--display);letter-spacing:-.04em}
.hv-social-copy i{color:#8ce1d5;font-style:normal}
.hv-social-art .hv-social-logo{width:82px;height:82px;object-fit:contain;align-self:center;padding:5px;background:#fffdf3;border-radius:50%}
.hv-concept-caption{padding:.8rem 0;color:#52625c;border-bottom:1px solid #182a292e}
.hv-mobile-stage{min-height:560px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#d7c09b 0,#c7d0c4 52%,#7a9890 100%)}
.hv-mobile{width:255px;min-height:470px;padding:12px;border:5px solid #162b2d;border-radius:30px;background:#f7f3e9;box-shadow:0 22px 55px #183b3940;overflow:hidden;transform:rotate(2deg);transition:transform .45s}
.hv-mobile-stage:hover .hv-mobile{transform:rotate(0) translateY(-4px)}
.hv-mobile-top{display:flex;justify-content:space-between;padding:2px 5px 8px;font-size:.55rem;font-weight:700;color:#203839}
.hv-mobile-brand{display:grid;place-items:center;height:56px}
.hv-mobile-brand img{width:50px;height:50px;object-fit:contain}
.hv-mobile-photo{height:135px;position:relative;overflow:hidden;background:#aad0c8}
.hv-mobile-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hv-mobile-photo span{position:absolute;left:9px;bottom:8px;color:#fff;font-size:.46rem;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 6px #000}
.hv-mobile-copy{padding:13px 10px 10px;color:var(--hv-deep);display:grid}
.hv-mobile-copy small{font-size:.48rem;letter-spacing:.12em;color:#43726d}
.hv-mobile-copy strong{margin-top:8px;font:2.05rem/.9 HavaiEditorial,Georgia,serif;letter-spacing:-.05em}
.hv-mobile-copy strong em{color:var(--hv-sea);font-style:italic}
.hv-mobile-copy>span{margin-top:9px;font-size:.57rem;line-height:1.38;color:#45534e}
.hv-mobile-copy b{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:8px;background:var(--hv-sea);font-size:.49rem;letter-spacing:.04em}
.hv-mobile-copy b i{font-size:.8rem;font-style:normal}
.hv-concept-note{margin-top:1.4rem;padding:.85rem 0;border-top:1px solid #182a292e}
.hv-close{margin-top:clamp(3rem,6vw,6rem);padding:clamp(2rem,5vw,5rem);background:var(--hv-sea);color:#082b2d}
.hv-close-top{padding-bottom:1.4rem;border-bottom:1px solid #073c3d52;color:#093335}
.hv-close>.hv-kicker{margin-top:3.2rem;color:#144f4c}
.hv-close h2{margin-top:1rem;max-width:1000px;font-size:clamp(4rem,9vw,9rem)}
.hv-close h2 em{color:#e5dac1}
.hv-close>p:not(.hv-kicker){max-width:34rem;margin:1.5rem 0;font-size:1.08rem;line-height:1.55}
.hv-button-dark{background:var(--hv-deep);color:#f8f4e9}.hv-button-dark:hover{background:#f7f0df;color:#0b3030}
.hv-close>small{display:block;max-width:55rem;margin-top:3rem;padding-top:1rem;border-top:1px solid #073c3d52;font-size:.68rem;line-height:1.5;color:#164341}
.hv-next{padding:3rem 0 5rem}
.hv-next h2{margin-top:.8rem;font-size:clamp(3rem,6vw,6rem)}
.hv-next h2 span{color:var(--hv-sea);transition:padding .25s}
.hv-next a:hover h2 span{padding-left:.4em}
.hv-next .hv-kicker{color:#6e7e77}
.havai-case footer{border-top:1px solid #182a292e}
@keyframes hv-rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hv-image-enter{from{transform:scale(1.035);opacity:.65}to{transform:scale(1);opacity:1}}

.project-cover.cover-havai{position:relative;isolation:isolate;background:#123f40;color:#f8f4e9}
.project-cover.cover-havai::before{content:"";position:absolute;inset:0;z-index:-2;background:url("images/residencial-havai/havai-piscina.webp") center 55%/cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.project-cover.cover-havai::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092b2ddc 0%,#092b2d9c 42%,#092b2d20 100%)}
.project-card a:hover .project-cover.cover-havai::before{transform:scale(1.04)}
.project-cover.cover-havai strong{font-size:clamp(2.8rem,5vw,5rem);max-width:10ch}
.project-cover.cover-havai .cover-caption{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:900px){.hv-hero-content{width:min(680px,88%)}.hv-hero-shade{background:linear-gradient(90deg,#081f20ed,#081f2099 68%,#081f2040),linear-gradient(0deg,#081f2070,transparent 45%)}.hv-steps{grid-template-columns:repeat(2,1fr)}.hv-steps article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #172c2b4c}.hv-steps article:nth-child(4){border-top:1px solid #172c2b4c}.hv-photo-grid{grid-template-rows:repeat(2,minmax(210px,1fr))}.hv-photo-grid .hv-photo-pool{min-height:450px}}
@media(max-width:760px){.havai-case .hv-page{width:calc(100% - 32px)}.havai-case .hv-hero{min-height:calc(100svh - 88px);padding:1.2rem 1.1rem 4.5rem;align-items:center}.hv-hero-image{object-position:58% center}.hv-hero-shade{background:linear-gradient(90deg,#081f20e8,#081f20a8 70%,#081f2055),linear-gradient(0deg,#081f20a0,transparent 70%)}.hv-hero-content{width:100%}.hv-eyebrow-row{align-items:flex-start;font-size:.54rem;letter-spacing:.1em}.hv-eyebrow-row span:last-child{text-align:right;max-width:10rem}.hv-hero-brand{margin:2rem 0 .6rem}.hv-hero-brand img{width:78px;height:78px}.hv-hero-brand span{font-size:.55rem}.hv-hero h1{font-size:clamp(3.35rem,13vw,5.6rem)}.hv-hero-lead{max-width:31rem;font-size:1rem}.hv-hero-actions{gap:1rem}.hv-button{min-height:49px;padding:.8rem .95rem;gap:1.2rem;font-size:.8rem}.hv-text-link{font-size:.78rem}.hv-hero-caption{left:1.1rem;right:1.1rem;bottom:.95rem;font-size:.5rem}.hv-facts{grid-template-columns:1fr 1fr}.hv-facts>div,.hv-facts>div:first-child{padding:.9rem 1rem;border-bottom:1px solid #073f4040}.hv-facts>div:nth-child(2){border-right:0}.hv-facts>div:nth-child(3){padding-left:1rem;border-bottom:0}.hv-facts>div:last-child{border-bottom:0}.hv-facts span{font-size:.55rem}.hv-facts strong{font-size:.86rem}.hv-reading,.hv-journey,.hv-atmosphere,.hv-identity,.hv-concepts{padding:3rem 0}.hv-section-label{align-items:flex-start;font-size:.55rem;letter-spacing:.09em}.hv-section-label span:last-child{text-align:right;max-width:12rem}.hv-reading-grid,.hv-journey-head,.hv-atmosphere-head,.hv-concepts-head{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0 1.8rem}.hv-reading h2,.hv-journey h2,.hv-atmosphere h2,.hv-identity h2,.hv-concepts h2,.hv-close h2{font-size:clamp(3.5rem,14vw,5.8rem)}.hv-reading-copy{padding-top:0}.hv-reading-copy p:not(.hv-quote){font-size:.96rem}.hv-quote{font-size:2rem}.hv-wide-photo{height:340px}.hv-wide-photo img{object-position:55% center}.hv-wide-photo figcaption{align-items:flex-end;font-size:.48rem}.hv-steps{grid-template-columns:1fr 1fr}.hv-steps article{min-height:165px;padding:1rem .8rem 1rem}.hv-steps article:first-child{padding-left:0}.hv-steps h3{margin-top:1.7rem;font-size:1.1rem}.hv-steps p{font-size:.78rem}.hv-journey-head>p,.hv-atmosphere-head>p,.hv-concepts-head>p{font-size:.96rem}.hv-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.65rem}.hv-photo-grid .hv-photo-pool{grid-column:1/-1;grid-row:auto;min-height:390px}.hv-photo-grid figure:not(.hv-photo-pool){min-height:240px}.hv-photo-grid figcaption{left:.7rem;right:.7rem;bottom:.75rem}.hv-photo-grid figcaption span{font-size:.5rem}.hv-photo-grid figcaption strong{font-size:1.3rem}.hv-identity-grid{grid-template-columns:1fr;margin-top:2.5rem}.hv-logo-board{min-height:315px}.hv-logo-board img{height:220px}.hv-identity-copy{min-height:330px;padding:1.5rem}.hv-identity-copy h2{font-size:clamp(3rem,11vw,4.8rem)}.hv-identity-copy>p:last-child{font-size:.92rem}.hv-type-palette{grid-template-columns:1fr}.hv-type-card,.hv-palette-card{min-height:195px;padding:1.2rem}.hv-type-card strong{font-size:3rem}.hv-swatches{gap:.5rem}.hv-swatches b{font-size:.7rem}.hv-swatches small{font-size:.49rem}.hv-concept-grid{grid-template-columns:1fr;gap:1.6rem}.hv-social-art{min-height:490px}.hv-social-copy strong{font-size:clamp(4rem,14vw,5.3rem)}.hv-mobile-stage{min-height:500px}.hv-mobile{transform:rotate(0)}.hv-close{margin-top:2.8rem;padding:1.3rem}.hv-close-top{align-items:flex-start;font-size:.53rem;letter-spacing:.09em}.hv-close>.hv-kicker{margin-top:2.5rem}.hv-close>p:not(.hv-kicker){font-size:.96rem}.hv-close>small{margin-top:2rem}.hv-next{padding:2.5rem 0 3.5rem}}
@media(max-width:380px){.hv-hero h1{font-size:3.25rem}.hv-hero-actions{align-items:flex-start;flex-direction:column}.hv-photo-grid{grid-template-columns:1fr}.hv-photo-grid .hv-photo-pool{grid-column:auto;min-height:320px}.hv-photo-grid figure:not(.hv-photo-pool){min-height:280px}.hv-swatches{grid-template-columns:repeat(2,1fr)}.hv-swatch{aspect-ratio:1.8}}
@media(prefers-reduced-motion:reduce){.hv-hero-image,.hv-hero-content{animation:none}.hv-wide-photo img,.hv-photo-grid img,.hv-mobile,.project-cover.cover-havai::before{transition:none}}