@font-face{font-family:Manrope;src:url('../assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body{margin:0;font:18px/1.6 Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}
.forma{--ink:#542c22;--paper:#fff8ee;--accent:#a52f20;--soft:#f0dbc4}.cauce{--ink:#15282c;--paper:#fff;--accent:#182f34;--soft:#e8edeb}.sur{--ink:#163b2e;--paper:#fff;--accent:#14503d;--soft:#e6eee8}
a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid #2455ed;outline-offset:4px}.skip{position:fixed;top:-80px;left:20px;z-index:10;background:white;color:#10284b;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:auto}h1,h2,h3{line-height:1.06;font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(54px,6vw,92px)}h2{font-size:clamp(38px,4vw,60px)}h3{font-size:29px}section{padding:80px 6%;scroll-margin-top:20px}
.concept-bar{background:#0b2348;color:#fff;padding:14px 4%;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:16px;line-height:1.45}.concept-bar a{font-weight:700}.concept-bar span{max-width:38ch}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 6%}.example-brand{font-size:52px;font-weight:800;line-height:1;text-decoration:none;letter-spacing:-.065em}.example-brand span{display:block;font:500 16px/1.4 Manrope,Arial,sans-serif;letter-spacing:0;margin-top:8px}nav{display:flex;gap:32px;font-size:17px;font-weight:600}nav a{text-decoration:none;padding-block:10px}nav a:hover{text-decoration:underline}.category{font-size:18px;font-weight:600;margin-bottom:22px}.cta{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:14px 24px;background:var(--accent);color:white;text-decoration:none;border:0;font-size:17px;font-weight:700;cursor:pointer;margin-top:28px;transition:background .2s,transform .2s}.cta:hover{transform:translateY(-3px);filter:brightness(.92)}
/* Forma: expressive workshop, sculptural picture and large serif typography. */
.forma header{padding-block:24px}.forma .example-brand{font:italic 66px/.9 Georgia,serif;letter-spacing:-.07em}.forma .example-brand span{font-style:normal;margin-top:13px}.forma nav a:last-child{border:1px solid currentColor;border-radius:100px;padding:10px 24px}.forma-hero{background:var(--accent);color:#fff8ee;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding-block:56px 66px}.forma-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(80px,9.7vw,144px);letter-spacing:-.075em;line-height:.87}.forma-hero .category{font-size:18px;margin-bottom:34px}.forma-hero>div>p:not(.category){max-width:34ch;font-size:20px;line-height:1.6;margin-top:32px}.forma-hero .cta{background:#fff8ee;color:#77251a;border-radius:100px}.photo-art{aspect-ratio:1/1.12;overflow:hidden;border-radius:48% 48% 3px 3px;transform:rotate(3deg);margin:0 6px}.photo-art img{height:100%;object-fit:cover;object-position:45% center;transition:transform .7s}.photo-art:hover img{transform:scale(1.04)}.forma-manifesto{display:flex;justify-content:space-between;padding:28px 6%;gap:20px;border-bottom:1px solid #bf8c77;font:italic clamp(23px,3.3vw,44px)/1.2 Georgia,serif}.forma h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,68px)}.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:42px}.workshop-grid article{border-top:2px solid var(--accent);padding-top:26px}.workshop-grid p{max-width:43ch;margin:20px 0}.workshop-grid a{font-weight:700;display:inline-block;padding-block:10px}.workshop-num{float:right;font:italic 60px/1 Georgia,serif;color:var(--accent)}
/* Cauce: architectural cover, editorial rail and unboxed project stories. */
.cauce header{padding-block:30px;border-bottom:1px solid #bac7c6}.cauce .example-brand{font-size:50px;letter-spacing:-.08em}.cauce .example-brand span{margin-top:10px}.cauce-hero{padding:0}.cauce-cover{position:relative;min-height:620px;background:#183034;overflow:hidden;isolation:isolate}.cauce-cover>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 54%;z-index:-2}.cauce-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,22,24,.8),rgba(10,22,24,.06) 85%)}.cauce-cover-title{color:white;padding:70px 6% 120px}.cauce-cover-title>p{font-size:18px;margin-bottom:35px}.cauce-cover h1{font-size:clamp(70px,8.7vw,126px);font-weight:500;letter-spacing:-.065em;line-height:.99}.cauce-project-link{position:absolute;bottom:36px;left:6%;color:white;font-size:18px;display:flex;align-items:center;gap:32px}.cauce-project-link span{font-size:32px}.cauce-intro{display:flex;justify-content:space-between;gap:40px;padding:36px 6%;border-bottom:1px solid #bac7c6}.cauce-intro p{font-size:clamp(24px,2.6vw,37px);line-height:1.3;letter-spacing:-.035em}.cauce-intro>span{font-size:18px;align-self:end}.cauce #proyectos{display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.cauce #proyectos h2{font-size:40px}.project-grid{display:grid;gap:60px}.project-photo{height:390px;object-fit:cover}.project-grid article:nth-child(2){margin-left:20%}.project-photo.detail-crop{height:320px;object-position:90% center}.project-grid h3{margin-top:25px}.project-grid p{font-size:18px;margin-top:14px;max-width:55ch}details{margin-top:18px}summary{font-size:18px;cursor:pointer;padding-block:8px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;background:var(--soft)}.about h3{font-size:24px;margin-top:30px}.about p{max-width:42ch}.about .cta{background:transparent;color:var(--ink);border:1px solid var(--ink)}
/* Sur: store navigation, compact campaign and a usable catalog as the main event. */
.sur header{border-bottom:1px solid #a9c2b2;padding-block:24px}.sur .example-brand{font-size:64px;letter-spacing:-.075em}.sur .example-brand span{display:inline-block;font-size:17px;margin-left:16px;letter-spacing:0}.sur nav a:last-child{padding:10px 18px;border:1px solid #769b85;border-radius:5px}#selection-count{display:inline-grid;place-items:center;margin-left:6px;background:var(--accent);color:white;border-radius:50%;width:27px;height:27px;font-size:15px}.sur-hero{display:grid;grid-template-columns:1.2fr 1fr;background:#164e3b;color:#fff;padding:0;gap:0}.sur-hero>.category,.sur-hero>h1,.sur-hero>p,.sur-hero>.cta{grid-column:1;margin-left:12%;margin-right:9%}.sur-hero>.category{margin-top:44px;margin-bottom:18px;font-size:17px;font-weight:500}.sur-hero h1{font:700 clamp(40px,4.4vw,64px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.04em}.sur-hero>p:not(.category){font-size:18px;line-height:1.6;margin-top:20px}.sur-hero .cta{margin-top:25px;margin-bottom:42px;justify-self:start;background:#fff;color:#164e3b;border-radius:5px}.sur-photo{grid-column:2;grid-row:1/5;height:100%;min-height:465px}.sur-photo img{height:100%;object-fit:cover;object-position:58% center}.sur #colecciones{padding-top:45px}.catalog-heading{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:20px;align-items:end}.catalog-heading p{font-size:18px}.catalog-heading h2{font-size:42px}.catalog-filters{display:flex;gap:20px;align-items:end;padding:24px;background:var(--soft);margin-top:28px;border-radius:6px}.catalog-filters label:first-child{flex:1}.catalog-filters button,#copy-selection{border:1px solid var(--accent);color:var(--ink);background:white;border-radius:4px;padding:13px 18px;cursor:pointer;min-height:52px;font-size:16px}.catalog-note{font-size:16px;max-width:85ch;margin:22px 0;color:#214d3c}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.product-grid article{position:relative}.product-swatch{height:230px;background:var(--swatch);border:1px solid #0002;position:relative;overflow:hidden}.product-swatch:after{content:'';position:absolute;width:70%;height:75%;inset:10% 15%;background:var(--swatch);border:1px solid #ffffff90;box-shadow:6px 8px 0 #163b2e26;transform:rotate(-6deg);transition:transform .35s}.product-grid article:hover .product-swatch:after{transform:rotate(0)}.product-grid h3{font-size:27px;margin-top:19px}.product-grid p{font-size:16px;margin-top:10px}.product-grid button{font-size:16px;font-weight:600;border:1px solid var(--accent);background:white;color:var(--ink);padding:12px 16px;min-height:48px;margin-top:16px;cursor:pointer;border-radius:4px}.product-grid button[aria-pressed=true]{background:var(--accent);color:white}#selected-products{margin-top:26px}#selected-products>div{display:flex;gap:25px;align-items:center;margin-block:14px}#selected-products button{font-size:16px;background:none;color:var(--ink);border:0;text-decoration:underline;cursor:pointer;padding:10px}.selection-message{margin-top:22px;max-width:750px}#copy-selection{margin-top:14px}#selection-status{white-space:pre-wrap}
/* Forms and disclosures share behavior, not a visual template. */
.example-contact{background:var(--soft)}.example-contact>p{margin-top:20px;max-width:65ch;font-size:18px}.concept-form{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;max-width:850px}label{display:grid;gap:9px;font-size:17px;font-weight:600}input,select,textarea{width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid #637e73;border-radius:4px;padding:14px;font-size:18px}textarea{resize:vertical}.concept-form label:has(textarea),.concept-form [role=status]{grid-column:1/-1}.concept-form .cta{margin-top:0;justify-self:start}.concept-form [role=status]{white-space:pre-wrap}.forma .example-contact{border-radius:60px 60px 0 0}.cauce .example-contact{background:#182f34;color:#fff}.cauce .example-contact .cta{background:#fff;color:#182f34}.cauce .example-contact :focus-visible{outline-color:#8ebeff}.sur .example-contact{border-top:1px solid #96b29e}footer{display:flex;justify-content:space-between;gap:30px;padding:32px 6%;font-size:16px}footer p{max-width:55ch}footer a{font-weight:600} [role=status]{font-size:17px;margin-top:18px;overflow-wrap:anywhere}
@media(max-width:800px){body{font-size:17px}.concept-bar{padding:12px 5%;display:block;font-size:15px}.concept-bar span{display:block;margin-top:5px}header{padding:22px 5%;gap:18px;flex-wrap:wrap}nav{gap:22px;font-size:16px}.example-brand span{font-size:15px}section{padding:52px 5%}h2{font-size:40px}h3{font-size:27px}.cta{font-size:17px}.forma header{padding-block:20px}.forma .example-brand{font-size:52px}.forma nav a:last-child{padding:8px 15px}.forma-hero{grid-template-columns:1fr;padding:40px 5% 50px;gap:40px}.forma-hero h1{font-size:94px}.forma-hero .category{font-size:17px;margin-bottom:28px}.forma-hero>div>p:not(.category){font-size:18px;max-width:32ch;margin-top:25px}.photo-art{aspect-ratio:1.2;margin-inline:7%;border-radius:48% 48% 2px 2px;transform:rotate(2deg)}.forma-manifesto{flex-wrap:wrap;font-size:29px;padding-block:22px;gap:10px 24px}.workshop-grid{grid-template-columns:1fr;gap:36px}.forma .example-contact{border-radius:30px 30px 0 0}.cauce header{padding-block:22px}.cauce .example-brand{font-size:44px}.cauce nav{gap:17px}.cauce-cover{min-height:520px}.cauce-cover-title{padding:50px 5% 100px}.cauce-cover h1{font-size:clamp(62px,11vw,92px)}.cauce-cover-title p{font-size:17px}.cauce-cover>img{object-position:61% center}.cauce-cover:after{background:linear-gradient(90deg,#0a1618cc,#0a161833)}.cauce-project-link{left:5%;bottom:28px;font-size:17px}.cauce-intro{display:block;padding:28px 5%}.cauce-intro p{font-size:29px}.cauce-intro>span{display:block;margin-top:20px;font-size:17px}.cauce #proyectos{grid-template-columns:1fr;gap:30px}.project-grid{gap:40px}.project-grid article:nth-child(2){margin-left:10%}.project-photo{height:290px}.project-photo.detail-crop{height:260px}.project-grid p{font-size:17px}.about{grid-template-columns:1fr;gap:30px}.sur header{gap:18px}.sur .example-brand{font-size:54px}.sur .example-brand span{font-size:16px}.sur-hero{grid-template-columns:1fr}.sur-hero>.category,.sur-hero>h1,.sur-hero>p,.sur-hero>.cta{margin-inline:5%}.sur-hero>.category{margin-top:30px}.sur-hero h1{font-size:46px}.sur-hero>p:not(.category){font-size:18px}.sur-hero .cta{margin-bottom:30px}.sur-photo{grid-column:1;grid-row:5;min-height:0;height:250px}.sur-photo img{object-position:center 56%}.catalog-heading{display:block}.catalog-heading p{font-size:17px;margin-bottom:12px}.catalog-heading h2{font-size:38px}.catalog-filters{flex-wrap:wrap;padding:18px;gap:18px}.catalog-filters label:first-child{flex-basis:100%}.catalog-filters label{flex:1;min-width:130px}.catalog-filters button{width:100%}.product-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.product-swatch{height:160px}.product-grid h3{font-size:24px}.product-grid p{font-size:16px}.product-grid button{font-size:16px;width:100%;padding:11px 9px}.catalog-note{font-size:16px}.concept-form{grid-template-columns:1fr;gap:20px}.concept-form label{grid-column:1}.example-contact>p{font-size:17px}label{font-size:17px}footer{flex-direction:column;padding:28px 5%;gap:18px;font-size:16px}.example-contact h2{font-size:38px}}
@media(max-width:390px){.forma nav{width:100%;justify-content:space-between}.forma-hero h1{font-size:88px}.sur .example-brand span{display:block;margin-left:0}.sur nav{gap:12px;font-size:15px}.sur-hero h1{font-size:41px}.cauce nav{width:100%;justify-content:space-between}.cauce-cover h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.photo-art:hover img,.cta:hover{transform:none}.product-grid article:hover .product-swatch:after{transform:rotate(-6deg)}}
/* Sur becomes an interactive material desk, not another campaign landing. */
.sur{background:#f4f5ee}.sur header{background:#fff;padding-block:20px}.sur-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;padding:42px 5% 30px}.sur-intro>div>p{font-size:18px;margin-bottom:17px}.sur-intro h1{font-size:clamp(40px,4.5vw,68px);line-height:1.04}.sur-intro>p{max-width:31ch;font-size:19px}.material-lab{padding:0 5% 55px;display:grid;grid-template-columns:1.5fr 1fr;gap:0;align-items:stretch}.material-stage{background:#e7e5da;min-width:0;padding:27px;display:flex;flex-direction:column;border-radius:12px 0 0 12px}.material-stage-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.material-stage-top h2{font-size:21px;letter-spacing:-.02em}.material-stage-top>span{font-size:15px}.material-pair{--wall:#688277;--floor:#d8c8b6;position:relative;min-height:365px;flex:1;isolation:isolate;perspective:900px}.material-pair:before{content:'';position:absolute;inset:20px 14% 10px;border:1px solid #8a9a8455;border-radius:50%;z-index:-1}.material-wall,.material-floor{position:absolute;width:51%;height:72%;box-shadow:12px 18px 24px #173b2e2b;border:1px solid #ffffff8c;transition:background .35s,transform .35s;background-size:50% 50%}.material-wall{left:9%;top:8%;background-color:var(--wall);background-image:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff8c 0),linear-gradient(0deg,transparent calc(100% - 1px),#ffffff8c 0);transform:rotate(-9deg)}.material-floor{right:4%;bottom:7%;height:60%;background-color:var(--floor);background-image:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff8c 0),linear-gradient(0deg,transparent calc(100% - 1px),#ffffff8c 0);transform:rotate(8deg)}.material-pair div>span{position:absolute;bottom:18px;left:18px;background:#fff;color:#173b2e;padding:10px 15px;font-size:15px;border-radius:3px;line-height:1.4}.material-pair strong{display:block;font-size:22px}.material-stage-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center}.material-stage-bottom button{font-size:16px;min-height:44px;border:0;padding:10px 0;background:none;color:#163b2e;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.material-stage-bottom button:first-child{font-weight:700}.material-stage-bottom button span{font-size:25px;padding-left:10px}.material-controls{background:#fff;border-radius:0 12px 12px 0;padding:30px;min-width:0}.material-instruction{font-size:17px;font-weight:700;margin-bottom:14px}.surface-switch{display:grid;grid-template-columns:1fr 1fr;background:#edf2eb;padding:5px;border-radius:7px;margin-bottom:25px;gap:5px}.surface-switch button{border:0;background:transparent;color:#163b2e;border-radius:4px;font-size:18px;padding:12px;cursor:pointer}.surface-switch button[aria-pressed=true]{background:#164e3b;color:white}.material-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.material-palette button{display:flex;flex-direction:column;gap:8px;align-items:center;border:2px solid transparent;background:#fff;color:#163b2e;padding:7px;border-radius:6px;font-size:16px;cursor:pointer}.material-palette button:before{content:'';display:block;width:100%;height:53px;background:var(--swatch);border:1px solid #163b2e44;border-radius:4px}.material-palette button[aria-pressed=true]{border-color:#164e3b;background:#eaf1e8}.material-controls>.cta{width:100%;gap:14px;border-radius:6px;font-size:17px}.material-controls>.cta>span{font-size:25px}.material-disclaimer{font-size:16px;margin-top:17px;line-height:1.55}.material-controls [role=status]{font-size:16px;color:#164e3b}.sur #colecciones{background:#fff;padding-top:50px}.sur-inspiration{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:55px 6%;background:#164e3b;color:white}.sur-inspiration img{height:280px;object-fit:cover;border-radius:5px}.sur-inspiration h2{font-size:40px}.sur-inspiration p{font-size:18px;margin-top:22px}.sur-inspiration a{display:inline-block;margin-top:22px;font-size:18px}.selection-dock{position:sticky;bottom:14px;z-index:4;margin:0 auto 14px;width:min(650px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;background:#153f30;color:white;border:1px solid #b7d3be;border-radius:10px;box-shadow:0 7px 22px #163b2e33;font-size:17px}.selection-dock a{font-weight:700}.selection-dock a>span{margin-left:14px}
@media(max-width:800px){.sur header{gap:16px}.sur .example-brand span{display:inline-block;font-size:16px}.sur nav{width:100%;justify-content:space-between;gap:10px;font-size:16px}.sur nav a:last-child{padding:8px 10px}.sur-intro{display:block;padding:32px 5% 28px}.sur-intro h1{font-size:43px}.sur-intro>p{font-size:18px;margin-top:20px;max-width:none}.material-lab{grid-template-columns:1fr;padding-bottom:35px}.material-stage{padding:20px;border-radius:10px 10px 0 0}.material-stage-top{display:block}.material-stage-top h2{font-size:20px}.material-stage-top>span{display:block;margin-top:7px;font-size:15px}.material-pair{min-height:300px}.material-pair div>span{left:10px;bottom:10px;padding:8px 10px;font-size:14px}.material-pair strong{font-size:20px}.material-stage-bottom{flex-wrap:wrap;gap:4px 20px}.material-stage-bottom button{font-size:15px}.material-controls{border-radius:0 0 10px 10px;padding:23px 18px}.material-palette{gap:8px}.material-palette button{font-size:16px}.material-palette button:before{height:48px}.material-controls>.cta{font-size:17px}.sur-inspiration{grid-template-columns:1fr;gap:25px;padding:35px 5%}.sur-inspiration h2{font-size:35px}.sur-inspiration img{height:230px}.selection-dock{font-size:16px;padding:13px 16px;bottom:10px}.selection-dock a>span{display:none}}
@media(prefers-reduced-motion:reduce){.material-wall,.material-floor{transition:none}}