:root{--green:#153b32;--ink:#203d32;--cream:#f4f1e8;--gold:#b7a174;--line:#c9cbb9}body{background:var(--cream)}.reading-progress{position:fixed;left:0;top:0;height:2px;width:0;background:var(--gold);z-index:100;pointer-events:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--cream);padding:10px 20px}.skip-link:focus{top:10px}.origin-bar{height:34px;background:var(--green);color:#ebe7d9;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.7px}.origin-bar>span:first-child{display:flex;align-items:center;gap:10px}.cr-flag{display:inline-block;width:25px;height:15px;flex-shrink:0;background:linear-gradient(to bottom,#143d8b 0 16.66%,#fff 16.66% 33.33%,#ce273c 33.33% 66.66%,#fff 66.66% 83.33%,#143d8b 83.33%);box-shadow:0 0 0 1px #fff2;vertical-align:middle}.origin-bar a{font-size:9px;letter-spacing:1px}header{height:96px;transition:height .3s,box-shadow .3s}header.scrolled{height:78px;box-shadow:0 4px 30px #14362a08}nav{gap:24px;font-size:10px}nav>a{position:relative}nav>a:after{content:'';position:absolute;left:0;bottom:-9px;width:0;height:1px;background:var(--gold);transition:width .3s}nav>a:hover:after{width:100%}.nav-more{border:0;padding:0;position:relative}.nav-more summary{font-size:10px;gap:6px}.nav-more>div{position:absolute;right:-10px;top:35px;width:220px;padding:25px;background:var(--cream);box-shadow:0 15px 35px #112e2322;border-top:1px solid var(--gold)}.nav-more a{display:block;padding:8px 0;font-size:11px}.hero{height:calc(100svh - 130px);min-height:650px}.hero>img{transition:opacity .3s;object-position:center 64%}.hero-shade{background:linear-gradient(90deg,#071b13a8,transparent 85%),linear-gradient(0deg,#0b241b99,transparent 40%)}.hero-content{padding-top:8.5%;max-width:1100px}.hero .eyebrow{letter-spacing:3.5px;color:#ece5ce}h1{font-size:clamp(76px,7.5vw,126px);line-height:1;letter-spacing:-2.5px}h1 em{color:#eee3c9}.hero p{font-size:13px;line-height:1.9;margin:30px 0 35px;color:#f2ede2}.hero-actions{display:flex;align-items:center;gap:35px}.hero-secondary{font-size:11px;border-bottom:1px solid #c2bda677;padding:10px 0}.button{padding:18px 25px;font-size:11px;letter-spacing:.2px}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.hero-bottom{bottom:30px;align-items:center;font-size:8px;letter-spacing:2px}.hero-pagination{display:flex;gap:20px}.hero-pagination button{background:none;color:#e4decd;border:0;font-size:9px;padding:10px 0;display:flex;gap:10px;align-items:center;cursor:pointer}.hero-pagination span{width:25px;height:1px;background:#eee5c455;display:block;transition:width .4s,background .4s}.hero-pagination .active span{width:60px;background:#e4d3a8}.section{padding-top:125px;padding-bottom:125px}.eyebrow{color:#7b795e;letter-spacing:2.6px}.intro{padding-top:120px;padding-bottom:85px;gap:5%;grid-template-columns:1fr 3fr}.intro>.eyebrow{padding-top:10px}.intro h2{font-size:clamp(48px,4.7vw,78px)}.intro-copy p{font-size:13px;line-height:2}.history-detail{max-width:800px;margin-top:30px;padding:18px 0;border-top:1px solid #d4d3c3}.history-detail summary{font-size:11px;letter-spacing:1px}.history-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}.history-body p{font-size:12px}.history-body p:last-child{grid-column:1/-1;max-width:650px}.line-image{height:720px;overflow:hidden}.line-image img{transition:transform 1s}.line-image:hover img{transform:scale(1.02)}.line-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -80px 90px -40px #0a2b22a0;pointer-events:none}.line-image>span{z-index:1}.line-text .eyebrow{font-size:8px}.lines{padding-top:85px;padding-bottom:100px}.services{background:#eae9dd}.services .section-head p{max-width:330px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 60px;margin:70px 0 25px}.service-grid article{padding:25px 0 0;border-top:1px solid #bec4ae}.service-grid article>span{font-size:9px;letter-spacing:1px;color:#8a815f}.service-grid h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.1;margin:25px 0 18px;font-weight:400}.service-grid p{font-size:12px;max-width:300px;line-height:1.9}.environments{background:var(--cream)}.environments .section-head{margin-bottom:50px}.collection-grid{gap:40px 28px}.collection-card .pic{background:#e5e4d8;position:relative}.collection-card .pic:after{content:'VER COLECCIÓN ↗';position:absolute;bottom:20px;left:20px;color:#fff;font-size:9px;letter-spacing:1.5px;opacity:0;transition:opacity .3s}.collection-card:hover .pic:after{opacity:1}.collection-card:hover img{filter:brightness(.8);transform:scale(1.04)}.collection-card h3{font-size:34px}.collection-card h3 span{font-family:Arial,sans-serif;font-size:23px;color:#8d8c75}.caption{font-size:9px;color:#8b8e7b}.filters{margin-bottom:40px}.filters button{border-radius:0;border:0;border-bottom:1px solid #c7caba;padding:12px 18px;font-size:10px}.filters button.active{background:transparent;color:var(--green);border-bottom:2px solid var(--green);font-weight:700}.costa-rica{display:grid;grid-template-columns:44% 56%;min-height:900px;background:#e9e5d7}.costa-landscape{position:relative;overflow:hidden}.costa-landscape>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:40% center}.costa-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#153b3280,transparent 30%)}.landscape-caption{position:absolute;bottom:35px;left:40px;right:25px;font-size:8px;letter-spacing:2px;color:#f5efdc;z-index:1}.costa-manifesto{padding:100px 12%;position:relative}.national-seal{display:inline-flex;align-items:center;gap:14px;border:1px solid #b0b59d;padding:12px 17px;font-size:8px;letter-spacing:1.8px;margin-bottom:55px}.costa-manifesto .eyebrow{font-size:8px;margin-bottom:20px}.costa-manifesto h2{font-size:clamp(44px,4vw,65px)}.costa-manifesto>p{font-size:12px;line-height:2;margin-top:30px}.costa-manifesto blockquote{margin:40px 0 25px;padding:0 0 0 25px;border-left:1px solid #a79362;font:italic 25px/1.45 'Cormorant Garamond',Georgia,serif;color:#345141}.manifesto-signature{margin-left:25px}.manifesto-signature>span{font:italic 29px 'Cormorant Garamond',Georgia,serif}.manifesto-signature small{display:block;font-size:7px;letter-spacing:1.8px;margin-top:7px;color:#78816b}.costa-manifesto>.text-link{margin-top:40px;font-size:10px}.inusitta-copy .eyebrow{color:#c4b989}.inusitta-image{overflow:hidden}.inusitta-copy{padding-top:100px;padding-bottom:100px}.inusitta-logo{margin-bottom:45px}.inusitta h2{font-size:48px}.inusitta .external-links a{border-bottom:1px solid #8a947655;padding-bottom:4px}.materials{grid-template-columns:1fr 1.2fr;gap:60px 12%}.palette-experience{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;min-height:430px;margin-top:20px;background:#e8e8dc}.palette-image{position:relative;overflow:hidden}.palette-image>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:opacity .3s}.palette-image>span{position:absolute;bottom:25px;left:30px;font-size:8px;letter-spacing:2px;color:#fff;text-shadow:0 1px 8px #000}.palette-panel{padding:55px 13%;background:#e8e8dc;transition:background .5s}.palette-panel .eyebrow{font-size:8px;letter-spacing:2px}.palette-panel h3{font:42px/1.1 'Cormorant Garamond',Georgia,serif}.palette-panel p{font-size:12px;margin-top:20px;min-height:70px}.swatches{display:flex;gap:17px;margin:25px 0 20px}.swatches button{background:none;border:0;font-size:8px;color:var(--green);cursor:pointer;padding:0}.swatches button>span{display:block;width:42px;height:42px;border-radius:50%;background:var(--swatch);outline:1px solid transparent;outline-offset:5px;margin-bottom:13px;transition:outline .3s}.swatches .active>span{outline-color:#7f8c70}.palette-panel small{font-size:9px;color:#6e7764;line-height:1.7;display:block}.projects{padding-top:30px}.project-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:18px;grid-auto-flow:dense}.project-photo{position:relative;padding:0;border:0;overflow:hidden;background:#dcded1;cursor:zoom-in}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.project-photo:hover img{transform:scale(1.04);filter:brightness(.8)}.photo-0{grid-column:span 2;grid-row:span 2}.photo-7{grid-column:span 2}.project-photo>span{position:absolute;bottom:15px;left:18px;right:18px;text-align:left;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:8px;letter-spacing:2px;text-shadow:0 1px 8px #000;opacity:0;transition:opacity .3s}.project-photo:hover>span,.project-photo:focus-visible>span{opacity:1}.project-photo b{font-size:28px;font-weight:400}.gallery-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:9px;color:#7e8575}.gallery-footer .text-link{font-size:10px}.process{background:#e6e7d9}.process .steps{gap:40px}.catalog-links strong{font-size:35px}.catalog-links a{position:relative;padding-left:0;transition:padding-left .4s,color .4s}.catalog-links a:hover{padding-left:14px}.catalogs{padding-bottom:80px}.renders{background:#e8e8dc}.render-tabs{display:flex;border-bottom:1px solid #bfc5b2;margin:45px 0 30px;gap:25px}.render-tabs button{color:#6f7b66;font-size:10px;padding:15px 10px;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.render-tabs button.active{border-bottom-color:var(--green);color:var(--green)}.videos .video-wrap{max-width:950px;margin:0 auto}.videos .video-foot{max-width:950px;margin:18px auto 0}.videos .section-head{margin-bottom:50px}.testimonials{background:var(--green);color:var(--cream)}.testimonials .eyebrow{color:#baa979}.review-controls{display:flex;gap:20px;align-items:center}.review-controls button{width:42px;height:42px;border:1px solid #7b8d70;border-radius:50%;background:none;color:#f3edd9;cursor:pointer}.review-controls button:hover{background:#c4b287;color:var(--green)}#review-page{font-size:9px;letter-spacing:2px;min-width:55px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px;min-height:210px}.review-card{border-top:1px solid #6e8063;padding:30px 0 0}.review-stars{font-size:11px;color:#c8b47d;letter-spacing:3px}.review-card>p{font:32px/1.25 'Cormorant Garamond',Georgia,serif;color:#ebe6d5;min-height:90px;margin:25px 0}.review-card cite{font-size:10px;font-style:normal;display:block}.review-card small{display:block;font-size:8px;color:#b9c5ac;letter-spacing:1px;margin-top:5px}.review-note{color:#b2bfa6;font-size:9px;margin-top:45px}.review-note a{border-bottom:1px solid #869570;margin-left:5px}.faq{padding-top:120px;padding-bottom:120px;max-width:1150px}.faq summary{font-size:15px}.faq details p{max-width:750px}.faq details p a{border-bottom:1px solid #9fac8d}.social-section{background:#e9e7db;padding-top:85px;padding-bottom:85px}.social-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.social-links a{border-top:1px solid #bbc1ab;padding-top:25px;position:relative}.social-links span{display:block;font-size:8px;letter-spacing:2px;color:#7f826c}.social-links strong{font:28px 'Cormorant Garamond',Georgia,serif;font-weight:400;display:block;margin-top:25px}.social-links b{font-size:17px;font-weight:400;position:absolute;top:20px;right:0;transition:transform .3s}.social-links a:hover b{transform:translate(3px,-3px)}.contact{padding-top:120px;padding-bottom:100px}.contact .eyebrow{color:#c1b485}.contact h2{font-size:clamp(50px,4.7vw,78px)}.contact-socials{display:flex;gap:20px;margin-top:25px;font-size:10px;color:#d3d6c0}.contact .location{font-size:8px;letter-spacing:1.7px;color:#bec7b0}.email-alternative{border:0;background:none;color:#d7d9c8;font-size:10px;text-decoration:underline;text-underline-offset:5px;margin:20px 0 0;padding:0;cursor:pointer}.form-status{font-size:10px;margin:10px 0 0!important;color:#c8d3bb!important}.footer-origin{display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1px;margin-top:25px}.footer-origin .cr-flag{width:21px;height:12px}footer{gap:50px}footer .footer-map{display:grid!important;grid-template-columns:repeat(3,auto);gap:10px 20px!important;font-size:10px!important}.legal{font-size:8px}.whatsapp{background:#f4f1e8;display:flex;align-items:center;gap:8px;padding:12px 20px;color:var(--green);border-color:#b7ac8b}.whatsapp svg{width:23px;height:23px}.whatsapp span{margin:0;font-size:10px}.back-to-top{position:fixed;right:28px;bottom:85px;width:35px;height:35px;border:1px solid #b0b99f;background:#f4f1e8;color:var(--green);font-size:17px;opacity:0;pointer-events:none;z-index:20;cursor:pointer;transition:opacity .3s}.back-to-top.visible{opacity:1;pointer-events:auto}dialog{max-width:94vw;width:1100px;height:90svh;max-height:95svh;background:#112c23;color:#f4f1e8;border:1px solid #7d8e6e;padding:35px 70px;overflow:visible}dialog::backdrop{background:#07170fe8;backdrop-filter:blur(6px)}dialog figure{margin:0;height:100%;display:flex;align-items:center;flex-direction:column;gap:15px}dialog img{object-fit:contain;width:100%;height:calc(100% - 35px)}dialog figcaption{font-size:10px;letter-spacing:1px;text-align:center}dialog button{color:#f4f1e8;background:transparent;border:1px solid #7d8e6e;cursor:pointer;width:35px;height:35px;position:absolute}.lightbox-close{right:15px;top:15px}.lightbox-prev{left:15px;top:50%}.lightbox-next{right:15px;top:50%}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .85s,transform .85s}.will-reveal.revealed{opacity:1;transform:none}@media(min-width:1600px){.hero-content{padding-top:9%}}@media(max-width:1150px){nav{gap:15px}.hero-content{padding-top:12%}.costa-manifesto{padding:75px 10%}.costa-manifesto blockquote{font-size:23px}.costa-rica{min-height:850px}.service-grid{gap:40px}.review-grid{gap:30px}.social-links strong{font-size:24px}.materials{gap:50px 8%}}@media(max-width:1000px){.origin-bar>span:nth-child(2){display:none}header nav{display:none;position:absolute;top:96px;left:0;right:0;background:var(--cream);padding:30px 6%;grid-template-columns:repeat(3,1fr);gap:22px}header.scrolled nav{top:78px}header nav.open{display:grid}#menu{display:block;border:0;background:none;color:var(--green);font-size:22px;margin-left:25px}.header-cta{margin-left:auto}.nav-more{grid-column:1/-1}.nav-more>div{position:static;width:auto;box-shadow:none;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0 0;margin-top:15px}.nav-more summary{font-size:11px}.costa-rica{grid-template-columns:40% 60%}.costa-manifesto h2{font-size:43px}.costa-manifesto{padding:60px 9%}.national-seal{font-size:7px;letter-spacing:1px;margin-bottom:40px;padding:10px}.palette-panel{padding:45px 10%}.swatches{gap:13px}.project-gallery{grid-auto-rows:190px}.service-grid{gap:30px}.social-links{gap:20px}.contact h2{font-size:55px}footer .footer-map{grid-template-columns:repeat(2,auto)}}@media(max-width:700px){html{scroll-padding-top:80px}.origin-bar{height:30px;padding:0 6%;font-size:6px;letter-spacing:1px}.origin-bar .cr-flag{width:19px;height:12px}.origin-bar a{font-size:7px}.origin-bar>span:first-child{gap:7px}header,header.scrolled{height:76px}.hero{height:calc(95svh - 106px);min-height:600px}.hero-content{padding:95px 7% 90px}.hero .eyebrow{font-size:8px;letter-spacing:2.5px}h1{font-size:clamp(58px,12.5vw,80px);letter-spacing:-1.5px}.hero p{font-size:11px;margin:25px 0 30px}.hero-actions{align-items:start;gap:20px;flex-direction:column}.hero-secondary{font-size:10px}.hero-bottom{bottom:24px;font-size:7px;gap:15px}.hero-pagination{gap:12px}.hero-pagination .active span{width:28px}.hero-pagination span{width:12px}.hero-pagination button{font-size:8px;gap:6px}.hero-bottom>span:first-child{font-size:6px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.section{padding:75px 7%}.intro{gap:20px;padding-bottom:55px}.intro h2{font-size:46px}.intro-copy{gap:20px}.intro-copy p{font-size:12px}.history-body{grid-template-columns:1fr;gap:0}.history-body p:last-child{grid-column:auto}.line-image{height:470px}.lines{gap:35px;padding-top:30px}.line-text h2{font-size:46px}.service-grid{grid-template-columns:1fr 1fr;gap:30px 25px;margin:40px 0 20px}.service-grid h3{font-size:25px;margin:18px 0 15px}.service-grid p{font-size:11px}.service-grid article{padding-top:18px}.collection-grid{gap:28px 16px}.collection-card img{height:210px}.collection-card h3{font-size:25px;gap:5px}.collection-card h3 span{font-size:18px}.collection-card small{font-size:7px;letter-spacing:1px}.filters{gap:5px}.filters button{font-size:9px;padding:10px 8px}.costa-rica{grid-template-columns:1fr;min-height:0}.costa-landscape{height:430px}.costa-manifesto{padding:65px 7%}.costa-manifesto h2{font-size:47px}.costa-manifesto blockquote{font-size:25px;margin:30px 0 22px}.national-seal{font-size:7px;letter-spacing:1.5px;padding:12px 14px;margin-bottom:35px}.landscape-caption{left:7%;font-size:7px}.inusitta-copy{padding:65px 7%}.inusitta h2{font-size:43px}.inusitta-image{height:360px}.materials{gap:35px;grid-template-columns:1fr}.palette-experience{grid-template-columns:1fr;min-height:0;margin-top:10px}.palette-image{height:330px}.palette-panel{padding:35px 10%}.palette-panel h3{font-size:38px}.palette-panel p{min-height:50px;font-size:12px}.swatches{gap:25px}.swatches button>span{width:40px;height:40px}.projects{padding-top:10px}.project-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:230px;gap:12px}.photo-0{grid-column:span 1;grid-row:span 1}.photo-7{grid-column:span 1}.project-photo>span{opacity:1;font-size:6px;left:10px;right:10px;bottom:10px}.project-photo b{font-size:20px}.gallery-footer{flex-direction:column;align-items:start;gap:10px;font-size:8px}.render-tabs{margin-top:30px;gap:5px;justify-content:space-between}.render-tabs button{font-size:8px;padding:12px 5px}.video-foot{font-size:9px}.videos{padding-top:70px}.testimonials .section-head{display:block}.review-controls{margin-top:30px}.review-grid{grid-template-columns:1fr;gap:20px;margin-top:35px;min-height:0}.review-card{padding-top:18px}.review-card>p{font-size:31px;min-height:0;margin:15px 0}.review-card small{font-size:8px}.review-note{font-size:8px;line-height:1.9;margin-top:30px}.review-note a{display:block;margin:8px 0 0}.social-links{grid-template-columns:1fr 1fr;gap:30px 25px}.social-links strong{font-size:25px}.social-links span{font-size:7px}.social-section .section-head p{font-size:11px}.contact h2{font-size:49px}.contact>div>a{font-size:16px;overflow-wrap:anywhere}.contact-socials{font-size:9px;gap:18px}.contact .location{font-size:7px}.contact form{margin-top:10px}.contact .button{padding:17px 20px}footer{gap:30px;padding-top:45px}footer>p{font-size:10px}footer .footer-map{grid-template-columns:repeat(3,1fr);font-size:9px!important;gap:12px 20px!important}.footer-origin{font-size:6px;gap:7px;letter-spacing:.5px}.footer-brand{font-size:37px}.footer-brand span{font-size:10px}.legal{font-size:7px}.whatsapp{padding:11px 15px;bottom:18px;right:18px}.whatsapp svg{width:21px;height:21px}.whatsapp span{font-size:9px}.back-to-top{right:20px;bottom:75px;width:30px;height:30px}header nav,header.scrolled nav{top:76px;padding:25px 7%;grid-template-columns:1fr 1fr}.nav-more>div{grid-template-columns:1fr 1fr}.nav-more summary{font-size:10px}.nav-more a{font-size:10px}.header-cta{font-size:9px;margin-right:0}#menu{margin-left:18px}dialog{padding:50px 35px 35px;width:94vw;height:82svh}.lightbox-prev{left:3px;width:28px}.lightbox-next{right:3px;width:28px}dialog figcaption{font-size:8px}.will-reveal{transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}.hero>img,.palette-image>img{transition:none}header{transition:none}}
@media(max-width:700px){h1{font-size:clamp(47px,12.3vw,70px)}.hero-shade{background:linear-gradient(90deg,#071b13bf,#071b1380),linear-gradient(0deg,#0b241baa,transparent 50%)}.hero-bottom .hero-pagination button span{display:block}.hero-pagination{gap:10px}.hero-pagination .active span{width:23px}.hero-pagination span{width:10px}}
