/* CASA VIENTO | Colección editorial. Sin filtros ni desenfoque en las obras. */
:root{--bg:#270e15;--deep:#210a10;--panel:#32141b;--paper:#f4e5d8;--copy:#d8beb1;--muted:#baa096;--copper:#c89372;--line:rgba(209,153,117,.23);--serif: "Iowan Old Style",Baskerville,"Palatino Linotype",Georgia,serif;--sans:"Avenir Next",Optima,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--paper);background:var(--bg);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;image-rendering:auto}::selection{background:#b57656;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e8ac77;outline-offset:4px} .skip{position:absolute;left:-999px;top:8px;z-index:999;background:white;color:black;padding:10px}.skip:focus{left:12px}
.site-header{position:relative;z-index:45;background:var(--deep);border-bottom:1px solid var(--line)}.header-inner{max-width:1450px;margin:auto;min-height:80px;padding:18px clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font:normal clamp(25px,2.4vw,34px)/1.2 var(--serif);color:#dfc2aa;white-space:nowrap}.desktop-nav{display:flex;gap:clamp(15px,2.45vw,35px);align-items:center}.desktop-nav a{color:#ddc4b4;font:500 12px/1.5 var(--sans);letter-spacing:.09em;transition:color .15s}.desktop-nav a:hover,.desktop-nav [aria-current="page"]{color:#fff0d9}.contact-head{border-bottom:1px solid var(--copper);padding:6px 0}.menu-btn{display:none;background:transparent;border:0;padding:10px 0;color:#e9ceb5;font:13px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}.mobile-menu{position:fixed;z-index:100;inset:0;background:#260c13;padding:24px clamp(24px,7vw,52px);display:none;flex-direction:column;overflow:auto}.mobile-menu.open{display:flex}.mobile-top{display:flex;justify-content:space-between;align-items:center}.mobile-top .brand{font-size:29px}.mobile-close{border:0;background:transparent;color:#e2c3ab;text-transform:uppercase;letter-spacing:.2em;font:12px var(--sans)}.mobile-menu nav{display:flex;flex-direction:column;gap:8px;margin:62px 0}.mobile-menu nav a{font:normal clamp(29px,8vw,45px)/1.2 var(--serif);padding:7px 0}.mobile-foot{margin-top:auto;color:#c7a38e;font:12px var(--sans);letter-spacing:.12em}
.page{display:block}.container{width:min(100%,1230px);padding-left:clamp(25px,5.4vw,76px);padding-right:clamp(25px,5.4vw,76px);margin:0 auto}.reading{max-width:950px}.eyebrow,.section-label{font:12px/1.5 var(--sans)!important;letter-spacing:.20em!important;text-transform:uppercase!important;color:#d3a182!important;margin:0 0 21px!important}.hero{display:grid;grid-template-columns:49% 51%;min-height:680px;background:var(--bg);border-bottom:1px solid var(--line)}.hero-image{grid-row:1;grid-column:2;width:100%;height:100%;max-height:900px;min-height:680px;object-fit:cover;object-position:center center;filter:none!important;opacity:1!important;transform:none!important}.hero-inner{grid-row:1;grid-column:1;min-width:0;max-width:770px;align-self:center;justify-self:end;padding:85px clamp(30px,6.2vw,90px) 90px clamp(26px,6vw,91px)}.hero h1{font:normal clamp(68px,7.2vw,113px)/.97 var(--serif);letter-spacing:-.042em;margin:0 0 32px;overflow-wrap:normal}.hero .lead{font:normal clamp(27px,2.7vw,39px)/1.25 var(--serif);margin:0 0 24px;color:#f0d1bb}.hero .intro{font:normal clamp(18px,1.65vw,23px)/1.55 var(--serif);color:var(--copy);margin:0;max-width:650px}.hero-note{font:11px/1.7 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:#d7a787;display:block;margin-top:25px}
.home-hero{min-height:clamp(560px,73vh,790px)}.home-hero .hero-image{min-height:560px}.home-hero h1{font-size:clamp(78px,8.8vw,148px);line-height:.89}.home-hero .intro{font-size:clamp(22px,2vw,29px);line-height:1.45;max-width:410px}.home-access{max-width:1230px;margin:0 auto;padding:22px clamp(25px,5.4vw,76px) 86px}.home-access>a{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.home-access>a:first-child{border-top:1px solid var(--line)}.home-access .num{font:12px var(--sans);letter-spacing:.1em;color:#c28e71}.home-access .name{font:normal clamp(31px,4vw,51px)/1.12 var(--serif)}.home-access .kind{font:13px/1.4 var(--sans);letter-spacing:.025em;color:#c7a99a;text-align:right}.home-access a:hover .name{color:#ecae88}
.text-section{padding-top:82px;padding-bottom:80px}.text-section h2{font:normal clamp(40px,5vw,68px)/1.09 var(--serif);letter-spacing:-.025em;margin:0 0 25px;max-width:850px}.text-section h3{font:normal clamp(26px,3vw,37px)/1.22 var(--serif);margin:28px 0 16px}.text-section p{font:normal clamp(18px,1.75vw,22px)/1.68 var(--serif);color:var(--copy);margin:0 0 24px;max-width:900px}.text-section p:last-child{margin-bottom:0}.text-section .section-label{font-family:var(--sans)}.narrow{max-width:790px!important}.kicker{font-size:31px!important}.hairlink{display:inline-block;border-bottom:1px solid #d19a74;padding:8px 0 7px;letter-spacing:.09em;text-transform:uppercase;font:12px/1.5 var(--sans);color:#edc5a4;margin:14px 0 2px;transition:color .2s}.hairlink:hover{color:#fff0db}.linklist{display:flex;gap:14px 37px;flex-wrap:wrap;margin-top:15px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.editorial-link{display:block;min-width:0}.editorial-link img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;filter:none!important;opacity:1!important;border:1px solid rgba(221,168,133,.16)}.editorial-link h3{font:normal clamp(27px,3vw,38px)/1.16 var(--serif);margin:24px 0 10px}.editorial-link p{font:normal clamp(17px,1.6vw,20px)/1.56 var(--serif);margin:0;color:var(--copy)}.editorial-link:hover h3{color:#f0b28f}.deep-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,7vw,105px)}.deep-grid .figure{width:100%;max-height:680px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;filter:none!important}.deep-grid .figure.wide{aspect-ratio:1.25}.chapter-stack{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px}.chapter-stack>div{padding-top:22px;border-top:1px solid var(--line)}.chapter-stack h3{font-size:clamp(27px,3vw,36px);margin:0 0 17px}.chapter-stack p{font-size:clamp(18px,1.7vw,21px)}.quiet-panel{background:#30131a;border:1px solid rgba(206,146,109,.19);padding:clamp(32px,5vw,68px) clamp(30px,6vw,75px)}.quiet-panel h2{font:normal clamp(38px,4.5vw,61px)/1.12 var(--serif);margin:0 0 24px}.quiet-panel p{max-width:730px}.chapter-header{max-width:1080px;padding-top:105px;padding-bottom:40px}.chapter-header h1{font:normal clamp(51px,7.7vw,99px)/1.04 var(--serif);letter-spacing:-.04em;max-width:890px;margin:0 0 30px;overflow-wrap:break-word}.chapter-header p:not(.eyebrow){font:normal clamp(21px,2.3vw,29px)/1.47 var(--serif);color:var(--copy);max-width:790px;margin:0}.small-art{width:100%;height:min(38vw,470px);min-height:290px;object-fit:cover;object-position:center 45%;filter:none!important;border:1px solid rgba(221,168,133,.14)}.element-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:39px 0 0}.element-gallery button{min-width:0;padding:0;border:0;text-align:left;background:transparent;color:var(--paper)}.element-gallery button img{width:100%;height:clamp(135px,21vw,226px);object-fit:cover;filter:none!important;opacity:1!important;border:2px solid transparent}.element-gallery button[aria-pressed=true] img{border-color:#dca57c}.element-gallery strong{font:normal clamp(21px,2.3vw,31px)/1.13 var(--serif);display:block;margin:16px 0 0}.element-gallery span{font:15px/1.5 var(--serif);color:#bea69a;display:block;margin-top:5px}.tattva-detail{display:grid;grid-template-columns:150px 1fr;gap:35px;align-items:center;background:#341720;border:1px solid rgba(206,146,109,.18);padding:38px 49px;min-height:230px;margin:40px 0 0}.tattva-detail h3{font-size:39px;margin:0 0 10px}.tattva-detail p{font-size:19px;line-height:1.6;margin:0}.tattva-detail .origin{font:12px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#ce9e81;margin-bottom:10px}.symbol-stage{height:125px;display:grid;place-items:center}.symbol-stage .shape{width:90px;height:90px}.shape.tierra{background:#d6ac50}.shape.agua{height:85px;width:85px;background:#d9d5cf;border-radius:50%;clip-path:path('M 8 23 A 50 50 0 0 0 78 67 A 41 41 0 0 1 8 23 Z')}.shape.aire{background:#5684ae;border-radius:50%}.shape.fuego{height:0;width:0;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:90px solid #cf614e}.shape.eter{height:105px;width:70px;border-radius:50%;background:#483b61}.sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:15px 0 35px}.sequence .step{font:12px/1.5 var(--sans);letter-spacing:.10em;color:#dca27f}.sequence h3{font:normal 33px/1.15 var(--serif);margin:18px 0 12px}.sequence p{font-size:19px;line-height:1.57}.spacing{height:42px}.form-note{font:15px/1.65 var(--sans)!important;color:#bca299!important;margin-top:15px!important;max-width:780px}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;max-width:900px}.field{display:flex;flex-direction:column;gap:12px;min-width:0}.field.wide{grid-column:1/-1}.field label{font:12px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#dfad90}.field input,.field select,.field textarea{width:100%;padding:16px 17px;border-radius:0;border:1px solid #8a6157;background:#361820;color:var(--paper);font:17px/1.5 var(--sans)}.field input::placeholder,.field textarea::placeholder{color:#c1a69b}.field select option{background:#361820;color:#fff}.field textarea{min-height:165px;resize:vertical}.form-button{justify-self:start;background:#ab6b50;border:1px solid #d19c79;color:#fff1e8;font:12px var(--sans);letter-spacing:.17em;text-transform:uppercase;padding:19px 28px;min-height:56px}.form-button:hover{background:#ba795c}.thanks-link{display:inline-block;margin-top:24px}.footer{background:#210b11;border-top:1px solid var(--line);margin-top:70px}.footer-inner{max-width:1230px;margin:auto;padding:55px clamp(25px,5.4vw,76px) 52px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-title{font:normal 35px/1.1 var(--serif);color:#e1c0a5}.footer-location{color:#bda292;font:13px/1.75 var(--sans);margin-top:15px}.footer nav{display:flex;gap:13px 23px;flex-wrap:wrap;justify-content:flex-end;max-width:600px}.footer nav a{font:13px/1.5 var(--sans);color:#dec1b1}.footer nav a:hover{color:#fff}.footer-bottom{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);font:12px/1.6 var(--sans);color:#b58f83;letter-spacing:.02em}.legal{max-width:650px}.crumb{margin-top:40px;display:flex;align-items:center;gap:12px;color:#c6a493;font:12px/1.5 var(--sans)}.crumb a{border-bottom:1px solid #8b6b59}.back-to{display:block;padding:15px 0;margin:10px 0 0;color:#dba98a;font:13px var(--sans);letter-spacing:.04em}.side-links{border-top:1px solid var(--line);margin-top:38px;padding-top:14px}
@media(max-width:1000px){.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.hero{grid-template-columns:48% 52%}.hero h1{font-size:clamp(61px,8vw,90px)}.hero-inner{padding:56px clamp(24px,4vw,50px)}.home-hero h1{font-size:clamp(67px,9.5vw,110px)}}
@media(max-width:760px){.header-inner{min-height:71px;padding:13px 25px}.brand{font-size:27px}.desktop-nav{display:none}.menu-btn{display:block}.hero{display:flex;flex-direction:column;min-height:0}.hero-image,.home-hero .hero-image{order:0;min-height:0;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:center 42%;width:100%}.hero-inner{order:1;align-self:stretch;padding:39px 25px 55px;max-width:none}.hero h1{font-size:clamp(61px,14.8vw,89px);line-height:1.01;margin-bottom:22px}.hero .lead{font-size:clamp(26px,7vw,34px);line-height:1.25;margin-bottom:16px}.hero .intro{font-size:20px;line-height:1.55}.eyebrow,.section-label{font-size:11px!important;margin-bottom:16px!important}.home-hero{min-height:0}.home-hero .hero-image{aspect-ratio:1.24}.home-hero .hero-inner{padding:33px 25px 49px}.home-hero h1{font-size:clamp(70px,16.3vw,92px);margin-bottom:21px}.home-hero .intro{font-size:23px}.home-access{padding:14px 25px 42px}.home-access>a{grid-template-columns:35px 1fr;column-gap:12px;row-gap:5px;padding:23px 0}.home-access .name{font-size:clamp(30px,8vw,43px)}.home-access .kind{grid-column:2;text-align:left;font-size:13px}.text-section{padding-top:52px;padding-bottom:50px}.text-section h2{font-size:clamp(38px,9.1vw,55px)}.text-section h3{font-size:29px}.text-section p{font-size:19px;line-height:1.58}.deep-grid,.chapter-stack,.sequence{grid-template-columns:1fr;gap:25px}.deep-grid .figure{aspect-ratio:4/3;max-height:none}.sequence{gap:28px}.editorial-grid{grid-template-columns:1fr;gap:35px}.editorial-link img{aspect-ratio:1.4;height:auto}.editorial-link h3{font-size:32px}.quiet-panel{padding:33px 26px}.quiet-panel h2{font-size:40px}.chapter-header{padding-top:63px;padding-bottom:32px}.chapter-header h1{font-size:clamp(49px,11vw,76px)}.chapter-header p:not(.eyebrow){font-size:21px}.small-art{height:auto;min-height:0;aspect-ratio:1.24;object-position:center}.element-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.element-gallery button img{height:140px}.element-gallery strong{font-size:16px}.element-gallery span{font-size:12px}.tattva-detail{grid-template-columns:1fr;gap:9px;padding:28px 23px}.symbol-stage{height:91px;justify-content:start}.symbol-stage .shape{transform:scale(.69);transform-origin:left center}.tattva-detail h3{font-size:33px}.tattva-detail p{font-size:18px}.contact-form{grid-template-columns:1fr}.field.wide{grid-column:1}.form-button{justify-self:stretch}.footer{margin-top:45px}.footer-inner{padding:40px 25px}.footer-top{display:block}.footer nav{justify-content:flex-start;margin-top:27px}.footer nav a{font-size:13px}.footer-title{font-size:32px}}
@media(max-width:420px){.hero-image,.home-hero .hero-image{aspect-ratio:1.27}.hero h1{font-size:clamp(57px,14vw,68px)}.home-hero h1{font-size:clamp(69px,18vw,85px)}.element-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.element-gallery button img{height:126px}.element-gallery strong{font-size:15px}.element-gallery span{font-size:11px}.text-section p{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* 2026-10 ARTE / CASAVIENTO — Real chromatic edit, same burgundy background. */
:root{--rose-pulse:#f36f75;--iris-pulse:#b999ee;--gold-pulse:#ffc273;--copper-pulse:#f19b67}
.hero-image,.editorial-link img,.deep-grid .figure,.small-art,.element-gallery button img{filter:none!important;opacity:1!important}
.hero-inner{position:relative}
.hero .eyebrow,.chapter-header .eyebrow,.section-label{color:#f1ae88!important}
.home-access .num{font-weight:600;color:var(--gold-pulse)}
.home-access>a:nth-child(2) .num{color:var(--rose-pulse)}
.home-access>a:nth-child(3) .num{color:var(--iris-pulse)}
.home-access>a{transition:background .18s ease,border-color .18s ease}
.home-access>a:hover{background:linear-gradient(90deg,rgba(240,100,93,.06),rgba(255,194,115,.025))}
.home-access>a:hover .name{color:#ffd3ad}
.hero-note,.hairlink{color:#ffd3ac}
.editorial-link h3{transition:color .16s}.editorial-link:hover h3{color:#ffbfa5}
.element-gallery button[aria-pressed=true] img{border-color:#ffb27d}
.form-button{background:#b8775b;border-color:#eab082}
.form-button:hover{background:#cf8b66}


/* CASA VIENTO — precise production refinements. Original editorial structure preserved. */
/* Menu: more considered font scale and spacing across tablet/desktop/mobile. */
.desktop-nav{gap:clamp(11px,1.85vw,26px)}
.desktop-nav a{font-size:11.25px;letter-spacing:.075em;white-space:nowrap}
.header-inner{gap:clamp(15px,2.5vw,30px)}
.mobile-menu nav{gap:8px;margin:clamp(32px,6.5vh,58px) 0}
.mobile-menu nav a{font-size:clamp(25px,6vw,35px);line-height:1.22;padding:6px 0}
.mobile-menu nav a:hover{color:#f5d8c2}
/* The paintings appear in their entirety, with no enforced cropping or blurry overlays. */
.hero-image{object-fit:contain!important;object-position:center center!important;background:var(--bg)!important;filter:none!important}
.home-hero .hero-image{object-position:center center!important}
.editorial-link img,.deep-grid .figure,.small-art,.element-gallery button img{object-fit:contain!important;object-position:center center!important;filter:none!important;background:var(--bg)}
.editorial-link img{aspect-ratio:7/5;height:auto}
.deep-grid .figure,.deep-grid .figure.wide{aspect-ratio:auto;max-height:none;height:auto}
.small-art{height:auto;min-height:0;aspect-ratio:auto}
/* Replace the unnecessary landing-page indices with the three approved artworks. */
.home-access>a{grid-template-columns:88px minmax(0,1fr) auto;gap:22px;align-items:center}
.home-access .access-art{width:88px;height:78px;object-fit:contain;object-position:center;display:block;filter:none!important;background:var(--bg)}
.home-access .kind{text-align:right;max-width:260px}
.home-access .name{min-width:0;overflow-wrap:normal}
/* Avoid cramped five-column artwork on a narrow screen. */
.element-gallery button img{aspect-ratio:1;height:auto;max-height:none}
.element-gallery strong{overflow-wrap:anywhere}
.tattva-detail{display:block;min-height:0}
.tattva-detail .origin{margin-bottom:12px}
/* Hairline links only: no decorative arrows or cheap pictograms. */
/* The entire site keeps the original burgundy, copper, serif and negative space. */
@media (max-width:980px){
 .desktop-nav{display:none}
 .menu-btn{display:block}
}
@media (max-width:760px){
 .home-access>a{grid-template-columns:80px minmax(0,1fr);gap:5px 16px;align-items:center;padding:20px 0}
 .home-access .access-art{grid-column:1;grid-row:1/3;width:80px;height:80px}
 .home-access .name{grid-column:2;grid-row:1;align-self:end;font-size:clamp(29px,7.4vw,39px);line-height:1.08}
 .home-access .kind{grid-column:2;grid-row:2;align-self:start;text-align:left;max-width:none;font-size:12.5px;line-height:1.4}
 .home-hero .hero-image,.hero-image{aspect-ratio:1.3!important;object-fit:contain!important;height:auto;min-height:0!important;max-height:none}
 .mobile-menu nav a{font-size:clamp(25px,7vw,33px)}
 .element-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}
 .element-gallery button img{height:auto;aspect-ratio:1}
}
@media(max-width:420px){
 .home-access .access-art{width:74px;height:74px}
 .home-access>a{grid-template-columns:74px minmax(0,1fr);column-gap:14px}
 .home-access .name{font-size:clamp(27px,7.5vw,35px)}
 .element-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 11px}
 .element-gallery strong{font-size:17px}
 .element-gallery span{font-size:12px}
}

/* Tablet portrait: reuse the established mobile composition, rather than
   leaving a disproportionately tall image column with empty bands. */
@media (min-width:761px) and (max-width:850px){
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-image,.home-hero .hero-image{order:0;width:100%;height:auto;aspect-ratio:1.4;min-height:0;max-height:none;object-fit:contain!important}
  .hero-inner{order:1;max-width:none;align-self:stretch;padding:44px clamp(40px,6vw,70px) 66px}
  .hero h1{font-size:clamp(72px,11vw,96px)}
  .home-hero{min-height:0}
}



/* Tattvas: exclusivamente obras abstractas originales de alta resolución.
   Sin símbolos vectoriales, sin capas difuminadas y sin iconografía superpuesta. */
.element-gallery .tattva-artwork{
 position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:4/5;
 background:var(--bg);border:1px solid rgba(217,170,130,.26);
}
.element-gallery .tattva-artwork>img{
 display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;
 max-height:none!important;object-fit:cover!important;object-position:center!important;
 border:0!important;opacity:1!important;filter:none!important;
}
.element-gallery button:hover .tattva-artwork,
.element-gallery button[aria-pressed="true"] .tattva-artwork{
 border-color:#e4ae86;outline:1px solid #e4ae86;outline-offset:2px;
}
.element-gallery strong{overflow-wrap:normal!important;word-break:normal;hyphens:none}
.tattva-detail{display:block!important;min-height:0;padding:38px 49px}
@media(max-width:760px){
 .element-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 13px}
 .tattva-detail{padding:26px 23px!important}
 .tattva-detail .origin{font-size:11px;letter-spacing:.08em}
 .tattva-detail h3{font-size:31px}
 .tattva-detail p{font-size:18px;line-height:1.56}
}
@media(max-width:390px){
 .element-gallery{gap:17px 9px}
 .element-gallery strong{font-size:16px}
 .element-gallery span{font-size:12px}
 .tattva-detail{padding:24px 20px!important}
}