:root{--terra:#a65e47;--terra-deep:#884936;--sand:#e6d4c2;--cream:#f7f1e8;--paper:#efe6dc;--ink:#332e2b;--muted:#776f68;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,241,232,.97);position:sticky;top:0;z-index:10;transition:height .3s,box-shadow .3s}.site-header.is-scrolled{height:68px;box-shadow:0 8px 28px rgba(51,46,43,.09)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:29px;height:34px;fill:none;stroke:var(--terra);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.brand-name{font:500 17px/1 var(--serif);letter-spacing:.16em}.descriptor{display:block;margin-top:6px;font:500 7px/1 var(--sans);letter-spacing:.19em}.nav{display:flex;align-items:center;gap:32px;font-size:11px}.nav>a{transition:color .2s}.nav>a:hover{color:var(--terra)}.nav-cta{border-bottom:1px solid var(--terra);padding:8px 0;display:flex;gap:14px}.language-toggle{border:0;background:none;padding:8px 0 8px 5px;color:var(--muted);font-size:9px;letter-spacing:.08em;cursor:pointer}.language-toggle span{color:#b7a99d;margin:0 4px}.menu-toggle{display:none}.hero{height:min(780px,78vw);min-height:580px;position:relative;overflow:hidden;background:#705b4a;color:white;isolation:isolate}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:linear-gradient(120deg,#332e2b 0%,#665043 54%,#9a634b 100%);transform:scale(1.05);animation:hero-arrive 1.5s var(--ease) both;will-change:transform}.hero-shade{background:linear-gradient(90deg,rgba(29,25,23,.67),rgba(29,25,23,.32) 52%,rgba(29,25,23,.05)),linear-gradient(0deg,rgba(29,25,23,.34),transparent 38%)}.hero-copy{position:absolute;left:11%;top:18%;max-width:690px;z-index:1}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.2em;text-transform:uppercase}.light{color:rgba(255,255,255,.83)}h1,h2{font:400 clamp(45px,6vw,80px)/1.08 var(--serif);letter-spacing:-.04em}h1{margin:27px 0 22px}h1 em,h2 em{color:var(--terra);font-weight:400}.hero h1{font-size:clamp(64px,8vw,106px);line-height:.99;letter-spacing:-.055em}.hero h1 em,.contact h2 em{color:#e6b99e}.hero-intro{max-width:360px;color:rgba(255,255,255,.86);font-size:14px;margin-bottom:29px}.button{display:inline-flex;align-items:center;gap:17px;padding:14px 18px;font-size:10px;letter-spacing:.035em;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-light{border:1px solid rgba(255,255,255,.72);color:#fff}.button-light:hover{background:white;color:var(--ink)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--terra)}.hero-isotype{position:absolute;right:12%;top:26%;width:88px;opacity:.45;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}.hero-isotype svg{width:100%;fill:none;stroke:#fff;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.hero-badge{position:absolute;z-index:2;right:8%;bottom:75px;width:min(300px,34vw);min-height:120px;padding:21px 55px 20px 23px;background:rgba(247,241,232,.95);color:var(--ink);box-shadow:0 15px 45px rgba(30,25,21,.18);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;gap:9px;transform:rotate(-2deg);transition:transform .45s var(--ease)}.hero-badge:hover{transform:rotate(0) translateY(-4px)}.badge-kicker{font-size:8px;letter-spacing:.18em;color:var(--terra)}.hero-badge strong{font:400 20px/1.3 var(--serif);max-width:215px}.badge-mark{position:absolute;right:18px;bottom:15px;color:var(--terra);font-size:19px}.hero-note{position:absolute;z-index:1;left:6vw;right:6vw;bottom:25px;display:flex;justify-content:space-between;color:rgba(255,255,255,.75);font-size:8px;letter-spacing:.15em;text-transform:uppercase}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;pointer-events:none}.orbit-one{width:190px;height:190px;right:18%;top:27%;animation:orbit 28s linear infinite}.orbit-two{width:250px;height:250px;right:14%;top:22%;border-color:rgba(255,255,255,.09);animation:orbit 34s linear infinite reverse}.section-pad{padding:112px 12.5%}.section-kicker{color:var(--terra);white-space:nowrap}.intro{position:relative;isolation:isolate;overflow:hidden;padding-top:110px;padding-bottom:102px}.intro:after{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-150px;top:68px;border:1px solid rgba(166,94,71,.2);border-radius:50%;box-shadow:0 0 0 24px rgba(166,94,71,.025),0 0 0 54px rgba(166,94,71,.02);animation:orbit 42s linear infinite}.intro-content{display:grid;grid-template-columns:1.12fr .88fr;gap:7%;align-items:center;margin-top:38px}.intro h2,.experience h2,.steps h2{font-size:clamp(43px,5.2vw,70px);line-height:1.05;margin:0}.intro-text{max-width:410px}.intro-text p,.stay-copy>p:not(.eyebrow){color:#6e6660;font-size:13px;margin-bottom:17px}.text-link{display:inline-flex;gap:14px;border-bottom:1px solid var(--terra);padding:7px 0;margin-top:5px;font-size:10px}.intro-art{position:relative;overflow:hidden;min-height:250px;margin-top:40px;background:#eee1d3;border-radius:2px 90px 2px 2px;isolation:isolate}.art-sun{position:absolute;width:130px;height:130px;right:14%;top:15%;background:#d5a27e;border-radius:50%;opacity:.9;animation:float 8s ease-in-out infinite}.art-arch{position:absolute;left:17%;bottom:-48px;width:142px;height:240px;border-radius:100px 100px 0 0;background:var(--terra)}.art-arch span{position:absolute;left:22px;right:22px;top:34px;bottom:0;border-radius:80px 80px 0 0;background:#735d4d}.art-orbit{position:absolute;width:235px;height:235px;border:1px solid rgba(51,46,43,.22);border-radius:50%;left:32%;top:17%;transform:rotate(-28deg) scaleY(.6);animation:orbit 38s linear infinite}.intro-art p{position:absolute;right:9%;bottom:22px;font:italic 23px/1.2 var(--serif);color:var(--ink);margin:0}.intro-art small{position:absolute;top:18px;left:20px;font-size:8px;letter-spacing:.18em;color:var(--terra)}.stays{display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;margin:0 5vw;background:var(--sand);border-radius:3px;overflow:hidden;box-shadow:0 22px 55px rgba(51,46,43,.1)}.stay-visual{position:relative;min-height:590px;overflow:hidden;background:#8c6955}.stay-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 39%;transition:transform 1.1s var(--ease)}.stay-visual:hover img{transform:scale(1.035)}.visual-caption{position:absolute;bottom:19px;left:22px;color:#fff;font-size:8px;letter-spacing:.18em;text-shadow:0 1px 8px #32251e}.stay-copy{padding:75px clamp(38px,7vw,105px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.stay-copy .eyebrow{margin:52px 0 13px;color:var(--terra)}.stay-copy h2{font-size:clamp(39px,4.5vw,59px);line-height:1.08;margin-bottom:21px}.stay-copy>p:not(.eyebrow){max-width:410px}.stay-copy small{margin-top:18px;color:#786e66;font-size:10px}.experience{padding-top:118px;padding-bottom:130px}.experience-top,.steps-head{display:flex;justify-content:space-between;align-items:flex-end;gap:42px;margin:37px 0 56px}.experience-top>p,.steps-head>p{max-width:315px;color:#746c66;font-size:13px;margin:0 0 6px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.experience-grid article{position:relative;min-height:190px;padding:22px;background:#f0e7dd;border-radius:2px;overflow:hidden;transition:transform .38s var(--ease),box-shadow .38s,background .38s}.experience-grid article:nth-child(2){margin-top:21px;background:#ead8c7}.experience-grid article:nth-child(3){margin-top:42px;background:#f2ebe3}.experience-grid article:after{content:"";position:absolute;width:90px;height:90px;right:-22px;bottom:-35px;border:1px solid rgba(166,94,71,.27);border-radius:50%;box-shadow:0 0 0 12px rgba(166,94,71,.04),0 0 0 25px rgba(166,94,71,.03);transition:transform .5s}.experience-grid article:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(51,46,43,.1);background:#ead8c7}.experience-grid article:hover:after{transform:scale(1.12)}.experience-grid span,.step-grid span,.value-list>article>span{font:italic 15px var(--serif);color:var(--terra)}.experience-grid h3,.step-grid h3,.value-list h3{font:400 21px var(--serif);margin:31px 0 8px}.experience-grid p,.step-grid p,.value-list p{font-size:12px;color:#786f68;max-width:275px;margin-bottom:0}.values{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ink);color:var(--cream)}.values-photo{min-height:650px;background:linear-gradient(135deg,#695044,#ad785d 52%,#3c3531);will-change:auto;animation:none}.values-copy{padding:82px clamp(38px,8vw,118px);align-self:center}.values-copy .section-kicker{color:#d9a88d}.values-copy h2{font-size:clamp(42px,5vw,66px);margin:40px 0}.value-list>article{display:grid;grid-template-columns:35px 1fr;border-top:1px solid rgba(247,241,232,.2);padding:15px 0}.value-list>article>span{color:#d9a88d}.value-list h3{color:var(--cream);font-size:17px;margin:0 0 4px}.value-list p{color:#c7bbb0}.steps{padding-top:116px;padding-bottom:122px;background:#f0e7dd}.steps-head{margin-bottom:48px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-grid article{min-height:205px;padding:23px;background:var(--cream);border-top:2px solid var(--terra);box-shadow:0 12px 30px rgba(51,46,43,.045);transition:transform .38s var(--ease),box-shadow .38s}.step-grid article:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(51,46,43,.12)}.step-grid h3{font-size:23px;margin:27px 0 8px}.contact{position:relative;overflow:hidden;background:var(--terra);color:white;padding:91px 12.5% 98px;isolation:isolate}.contact-inner{position:relative;z-index:1;max-width:720px}.contact h2{font-size:clamp(50px,7.2vw,90px);line-height:1.02;margin:24px 0 18px}.contact-inner>p:not(.eyebrow){font-size:13px;color:rgba(255,255,255,.82);margin-bottom:20px}.contact-link{display:inline-flex;gap:26px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.7);font-size:11px}.contact-ornament{position:absolute;z-index:-1;right:9%;top:-35px;font:italic 290px var(--serif);color:rgba(255,255,255,.08)}.contact-ring{position:absolute;z-index:-1;right:-130px;top:-210px;width:500px;height:500px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 26px rgba(255,255,255,.035),0 0 0 60px rgba(255,255,255,.025);animation:orbit 52s linear infinite}.footer{min-height:138px;padding:30px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px}.footer>p{margin:0;color:#807770;font-size:11px}.footer small{grid-column:1/-1;color:#8b837d;font-size:9px;letter-spacing:.08em}.back-top{text-align:right;font-size:10px;border-bottom:1px solid #b2a69b;justify-self:end}.reveal{opacity:0;transform:translateY(20px);transition:opacity .72s ease,transform .72s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}body:before{content:"";position:fixed;z-index:12;left:0;top:0;height:2px;width:var(--scroll-progress,0%);background:var(--terra);pointer-events:none}
@keyframes hero-arrive{from{transform:scale(1.09)}to{transform:scale(1.05)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes photo-drift{from{background-position:48% 50%}to{background-position:53% 50%}}
@media(max-width:760px){html{scroll-padding-top:64px}.site-header{height:70px;padding:0 6vw}.site-header.is-scrolled{height:62px}.brand-mark{width:25px;height:30px}.brand-name{font-size:15px}.descriptor{font-size:6px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px}.menu-toggle i{width:22px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:22px 7vw 28px;background:var(--cream);flex-direction:column;align-items:flex-start;gap:17px;border-top:1px solid #e9dfd5;box-shadow:0 12px 18px rgba(51,46,43,.07)}.site-header.is-scrolled .nav{top:62px}.nav.open{display:flex}.language-toggle{padding:6px 0}.hero{height:690px;min-height:0}.hero-photo{background-position:50% 23%}.hero-copy{left:8%;right:8%;top:20%}.hero h1{font-size:clamp(55px,12.4vw,78px)}.hero-isotype{width:53px;right:10%;top:52%}.orbit-one{width:115px;height:115px;right:13%;top:49%}.orbit-two{width:155px;height:155px;right:9%;top:46%}.hero-badge{right:8%;bottom:78px;width:235px;min-height:98px;padding:15px 44px 15px 17px}.hero-badge strong{font-size:17px}.hero-note{left:8%;right:8%;font-size:7px;letter-spacing:.1em}.hero-note span:nth-child(2){display:none}.section-pad{padding:76px 8%}.intro{padding-top:78px;padding-bottom:72px}.intro-content{grid-template-columns:1fr;gap:20px;margin-top:28px}.intro h2,.experience h2,.steps h2{font-size:44px}.intro-art{min-height:225px;margin-top:28px}.intro-art p{font-size:21px}.stays{grid-template-columns:1fr;margin:0 4vw}.stay-visual{min-height:430px}.stay-visual img{object-position:50% 30%}.stay-copy{padding:50px 8% 56px}.stay-copy .eyebrow{margin:35px 0 12px}.stay-copy h2{font-size:42px}.experience{padding-top:80px;padding-bottom:82px}.experience-top,.steps-head{align-items:flex-start;flex-direction:column;gap:19px;margin:28px 0 36px}.experience-grid,.step-grid{grid-template-columns:1fr;gap:11px}.experience-grid article,.experience-grid article:nth-child(2),.experience-grid article:nth-child(3){min-height:145px;padding:19px;margin:0}.experience-grid h3{font-size:21px;margin:16px 0 6px}.values{grid-template-columns:1fr}.values-photo{min-height:350px}.values-copy{padding:59px 8% 65px}.values-copy h2{font-size:44px;margin:30px 0}.steps{padding-top:78px;padding-bottom:82px}.step-grid article{min-height:0;padding:19px}.step-grid h3{font-size:22px;margin:12px 0 5px}.contact{padding:72px 8% 78px}.contact h2{font-size:clamp(50px,12vw,68px)}.contact-ornament{font-size:190px;right:-5%;top:14%}.contact-ring{width:300px;height:300px;right:-155px;top:-30px}.footer{padding:26px 8%;grid-template-columns:1fr auto}.footer>p{grid-column:1/-1;grid-row:2}.footer small{grid-column:1/-1;grid-row:3}.back-top{grid-column:2;grid-row:1}}
@media(max-width:390px){.hero-note{letter-spacing:.06em}.hero-note span:last-child{display:none}.hero-copy{top:17%}.hero h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-photo{transform:none;will-change:auto}.values-photo{animation:none;will-change:auto}}

.language-toggle i{font-style:normal;color:#b7a99d;margin:0 4px}.language-toggle strong{color:var(--terra);font-weight:600}
/* Slow, compositor-friendly movement for editorial imagery. */
.hero-photo{animation:hero-zoom 38s ease-in-out infinite alternate}.hero-photo::before{content:'';position:absolute;right:13%;top:11%;width:min(40vw,520px);height:92%;border:1px solid rgba(247,241,232,.24);border-radius:50% 50% 0 0;transform:rotate(7deg)}.hero-photo::after{content:'';position:absolute;right:22%;top:25%;width:min(22vw,280px);height:75%;border:1px solid rgba(247,241,232,.17);border-radius:50% 50% 0 0;transform:rotate(-6deg)}
.stay-visual img{animation:stay-zoom 34s ease-in-out infinite alternate}
.values-photo{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#695044,#ad785d 52%,#3c3531);animation:none}
.values-photo::before{content:\x27\x27;position:absolute;inset:-3%;z-index:0;background:radial-gradient(ellipse at 50% 70%,rgba(247,241,232,.13),transparent 60%);animation:float 16s ease-in-out infinite;will-change:transform}
@keyframes hero-zoom{from{transform:scale(1.04)}to{transform:scale(1.105)}}
@keyframes stay-zoom{from{transform:scale(1.01)}to{transform:scale(1.07)}}
@keyframes photo-drift{from{transform:translateX(-1%) scale(1.02)}to{transform:translateX(1%) scale(1.06)}}
@media(max-width:760px){.hero-photo{animation-duration:46s}.stay-visual img{animation-duration:42s}.values-photo::before{animation-duration:54s}}


/* Official DOMEVIA vector marks supplied by the brand. */
.brand{gap:0;flex:0 1 auto}
.brand-logo{display:block;width:178px;height:auto;max-height:52px;object-fit:contain}
.hero-isotype{position:absolute;z-index:1;right:clamp(10%,14vw,19%);top:27%;width:clamp(72px,8.5vw,108px);aspect-ratio:1;border-radius:50%;padding:15px;background:rgba(247,241,232,.96);opacity:1;box-shadow:0 12px 34px rgba(30,25,21,.16);animation:float 9s ease-in-out infinite;will-change:transform}
.hero-isotype img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.brand-logo{width:148px;max-height:42px}.hero-isotype{right:9%;top:48%;width:68px;padding:12px;animation-duration:11s}.hero-orbit.orbit-two{display:none}}
@media(max-width:390px){.brand-logo{width:132px;max-height:38px}}


/* Interior photos supplied in the DOMEVIA website brief. */
.hero{background:#705b4a}
.hero-photo{left:51%;right:0;background-image:url("assets/domevia-interior-portada.webp");background-size:cover;background-position:54% 48%;transform:scale(1.03);animation:hero-zoom 42s ease-in-out infinite alternate}
.hero-shade{background:linear-gradient(90deg,#705b4a 0%,#705b4a 39%,rgba(112,91,74,.96) 46%,rgba(112,91,74,.68) 56%,rgba(45,37,31,.15) 78%),linear-gradient(0deg,rgba(29,25,23,.26),transparent 38%)}
.hero-copy{left:7%;max-width:min(690px,42vw)}
.hero h1{font-size:clamp(54px,6.4vw,100px)}
.values-photo{background-image:linear-gradient(135deg,rgba(55,45,38,.18),rgba(55,45,38,.04)),url("assets/domevia-interior-espacios.webp");background-size:cover;background-position:50% 53%}
.values-photo::before{content:"";background:radial-gradient(ellipse at 50% 70%,rgba(247,241,232,.1),transparent 62%);pointer-events:none}
@media(max-width:760px){.hero-photo{left:0;background-position:60% 48%;animation-duration:48s}.hero-shade{background:linear-gradient(90deg,rgba(42,35,30,.72),rgba(42,35,30,.28) 70%,rgba(42,35,30,.12)),linear-gradient(0deg,rgba(29,25,23,.4),rgba(29,25,23,.04) 65%)}.hero-copy{left:8%;right:8%;max-width:none}.hero h1{font-size:clamp(55px,12.4vw,78px)}}

.footer .credit-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(166,94,71,.55);text-underline-offset:2px;transition:color .2s}.footer .credit-link:hover{color:var(--terra)}