.interactive-home{--deep:#103c48;--lime:#d4e7a8;--pine:#174b3a;--warm:#f6f6ef;background:var(--warm)}
.interactive-home .preview-strip{background:#e9eedf;font-size:12px}
.interactive-home .header-inner{min-height:94px}
.interactive-home .brand img{width:60px;height:60px}
.interactive-home .header-inner nav{font-size:15px}
.immersive-hero{position:relative;overflow:hidden;background:var(--deep);color:#f7f8f0;padding:65px 0 26px;isolation:isolate}
.immersive-hero:before{content:'';position:absolute;z-index:-1;width:850px;height:850px;right:-170px;top:-230px;border:1px solid #a8c7b215;border-radius:50%;box-shadow:0 0 0 75px #a8c7b205,0 0 0 76px #a8c7b212,0 0 0 160px #a8c7b203,0 0 0 161px #a8c7b20e;pointer-events:none}
.immersive-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px}
.immersive-copy{padding-block:9px 30px}
.immersive-copy .eyebrow{color:#d3e5c0;font-size:12px;letter-spacing:.10em;margin-bottom:24px}
.immersive-copy .dot{box-shadow:0 0 0 5px #d2e8a516;background:var(--lime)}
.immersive-copy h1{font-size:clamp(50px,5.2vw,74px);line-height:1.06;letter-spacing:-.055em;margin-bottom:27px}
.immersive-copy h1 em{font-style:normal;color:var(--lime)}
.immersive-description{font-size:20px;color:#d1e0df;line-height:1.75;max-width:490px;margin-bottom:28px}
.hero-price-ticket{border-left:2px solid #cde3a8;padding-left:20px;margin-bottom:27px}
.ticket-overline{font-size:11px;letter-spacing:.09em;font-weight:750;display:block;color:#cfdfd6;margin-bottom:9px}
.hero-price-ticket>div{display:flex;align-items:center;gap:20px}
.hero-price-ticket strong{font-size:49px;line-height:1.15;letter-spacing:-.045em}
.hero-price-ticket>div>span{font-size:12px;color:#d1dfdb;line-height:1.7}
.hero-price-ticket p{font-size:16px;margin:9px 0 14px;color:#f3f5e9}
.ticket-delivery{font-size:15px;display:grid;grid-template-columns:20px auto;gap:0 9px;color:var(--lime);font-weight:700}
.ticket-delivery svg{width:19px;height:22px;grid-row:1/3}.ticket-delivery small{font-size:12px;font-weight:400;color:#cadad7}
.hero-whatsapp.primary{background:var(--lime);color:#163b36;max-width:430px;width:100%;font-size:18px;min-height:64px;padding:18px 20px}
.hero-whatsapp.primary:hover{background:#e2efc9;color:#10372f}
.immersive-secondary{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;font-size:16px;width:fit-content;border-bottom:1px solid #b4cbc157;padding-block:13px 5px;margin-top:7px;color:#e4eee7}
.immersive-secondary span{margin-left:16px}
.explorer{min-width:0;width:100%;border:1px solid #95b5a63d;border-radius:18px;background:linear-gradient(140deg,#ffffff07,#ffffff01);box-shadow:0 22px 70px #041c2626;overflow:hidden}
.explorer-top{font-size:10px;letter-spacing:.12em;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #bbd2c320;color:#d5e5d7}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px;vertical-align:middle}
.document-stage{height:430px;position:relative;display:grid;place-items:center;perspective:1300px;--pointer-x:0deg;--pointer-y:0deg;isolation:isolate}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#c6d9c20a 1px,transparent 1px),linear-gradient(90deg,#c6d9c20a 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(transparent,#000 18%,#000 85%,transparent);pointer-events:none}
.document-stack{position:relative;width:68%;height:345px;transform-style:preserve-3d;transform:rotateX(calc(13deg + var(--pointer-y))) rotateY(calc(-17deg + var(--pointer-x))) rotateZ(-5deg);transition:transform .35s ease,width .35s ease}
.document-stage.is-flat .document-stack{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
.document-face{cursor:zoom-in;display:block;position:relative;width:100%;height:100%;border:1px solid #ecf1e7;border-radius:6px;background:#fffffc;padding:15px;box-shadow:0 22px 38px #021b2566;overflow:hidden;transform:translateZ(1px)}
.document-face img{width:100%;height:100%;object-fit:contain;transition:opacity .2s;background:#fff}
.underlay{position:absolute;inset:0;border:1px solid #abc88c8c;border-radius:6px;background:#92ae7c12;pointer-events:none}
.underlay-1{transform:translate3d(-12px,12px,-18px)}.underlay-2{transform:translate3d(-24px,24px,-36px);background:#a6c08f06;border-color:#b2cc923d}
.paper-corner{width:17px;height:17px;position:absolute;z-index:1;border-color:#456647;border-style:solid}.corner-a{top:6px;left:6px;border-width:1px 0 0 1px}.corner-b{bottom:6px;right:6px;border-width:0 1px 1px 0}
.paper-open{position:absolute;bottom:10px;right:10px;padding:6px 10px;border:1px solid #d4ddce;background:#f7faf1f2;display:flex;align-items:center;gap:15px;font-size:10px;font-weight:750;color:#174b3a;border-radius:4px}
.stage-north{position:absolute;right:25px;top:24px;font-size:10px;text-align:center;line-height:1.9;color:#c7dbcc}
.stage-mark{position:absolute;color:#cfdfa54f;font-size:25px;font-weight:200}.mark-a{left:30px;top:90px}.mark-b{right:30px;bottom:110px}
.stage-tag{position:absolute;left:20px;bottom:13px;background:#174752e8;border:1px solid #9ebd9e50;border-radius:8px;display:flex;align-items:center;gap:11px;padding:11px 15px;box-shadow:0 8px 25px #00192322;pointer-events:none}
.tag-cross{font-size:26px;color:#d0e3a4;line-height:1}.stage-tag>span:last-child{font-size:8px;letter-spacing:.08em;color:#c6d9d1;line-height:1.8}.stage-tag strong{font-size:11px;font-weight:500;letter-spacing:0;color:#fff}
.explorer-controls{padding:18px 18px 13px;background:#0a303955;border-top:1px solid #b4cbb820}
.explorer-tabs{display:grid;grid-template-columns:1.3fr .8fr .8fr;border:1px solid #8aab963e;border-radius:9px;padding:4px;gap:3px;background:#082d363d}
.explorer-tabs button{background:transparent;color:#d1ded7;border:1px solid transparent;border-radius:6px;padding:10px 7px;min-height:50px;font-size:12px;line-height:1.4;cursor:pointer;transition:background .2s,color .2s;font-weight:600}
.explorer-tabs button:hover{background:#ffffff0b}.explorer-tabs button[aria-pressed=true]{background:var(--lime);color:#1f443b;border-color:var(--lime)}
.explorer-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:13px 0 8px}.explorer-meta p{font-size:11px;margin:0;color:#d7e1dc;max-width:245px;line-height:1.8}
.explorer-meta button{border:none;background:none;font-size:11px;color:#d6e7bd;padding:2px 0;cursor:pointer;flex:none;border-bottom:1px solid #cde2bb50;line-height:1.8}
.depth-note{font-size:10px;line-height:1.7;color:#afc5be;margin:0}
.explore-down{display:flex;gap:25px;align-items:center;width:fit-content;margin:35px auto 0;text-decoration:none;font-size:12px;color:#d0ded3;letter-spacing:.03em;padding:12px}.explore-down span{font-size:20px;color:var(--lime)}
.interactive-home .trust-bar{background:#e8ede0}.interactive-home .trust-bar .wrap{padding-block:20px}
.real-gallery h2 span{color:#577343}.gallery-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}
.gallery-filters button{border:1px solid #c4d2bc;background:transparent;border-radius:7px;padding:12px 17px;color:#2b4d3a;font-size:15px;font-weight:650;cursor:pointer;min-height:48px;transition:background .2s}
.gallery-filters button:hover{background:#e8efdf}.gallery-filters button[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:#fff}
.gallery-count{font-size:13px;color:#5d7068;margin-bottom:24px;min-height:22px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.sample-card{border:1px solid #d6dfcf;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s}
.sample-card[hidden]{display:none!important}.sample-card:hover{box-shadow:0 15px 35px #163e4b0a;border-color:#9ab18c}
.sample-picture{height:288px;border:0;border-bottom:1px solid #e1e7db;padding:22px;display:grid;place-items:center;position:relative;background:#eef1e8;cursor:zoom-in;width:100%}
.sample-picture img{width:100%;height:100%;object-fit:contain;min-height:0;filter:drop-shadow(0 5px 8px #263e3512)}
.landscape-sample{padding:12px}.aerial-sample{padding:0;background:#d5ded0}.aerial-sample img{object-fit:cover}
.image-zoom{position:absolute;right:12px;bottom:12px;border-radius:50%;background:#fffffff2;color:#174b3a;display:grid;place-items:center;font-size:20px;width:39px;height:39px;border:1px solid #d0dcc9}
.sample-copy{padding:23px 24px 25px;display:flex;flex-direction:column;flex:1}.sample-category{font-size:10px;letter-spacing:.065em;color:#587246;font-weight:800;margin-bottom:12px}
.sample-copy h3{font-size:23px;line-height:1.35;letter-spacing:-.03em;margin-bottom:13px}.sample-copy p{font-size:16px;line-height:1.8;color:#50666a;margin-bottom:19px}
.sample-link{margin-top:auto;display:flex;gap:20px;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid #e0e7d9;padding:16px 0 0;text-align:left;color:#174b3a;font-size:15px;font-weight:750;cursor:pointer;min-height:46px}
.gallery-note{border-top:1px solid var(--line);display:flex;gap:13px;padding-top:23px;margin-top:28px}.gallery-note svg{color:#577343;width:22px;height:22px;margin-top:3px}.gallery-note p{font-size:14px;line-height:1.8;color:#536862;margin:0}
.sample-viewer{width:min(1100px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #b6c8a8;border-radius:13px;color:#153e4b;background:#f8faf4;box-shadow:0 30px 100px #001c3880;overflow:hidden}
.sample-viewer::backdrop{background:#092d38d9;backdrop-filter:blur(5px)}.sample-viewer-open{overflow:hidden}
.sample-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 25px;border-bottom:1px solid #d3dfca;background:#f2f6ec}
.sample-viewer-header .eyebrow{font-size:10px;margin:0 0 7px}.sample-viewer-header h2{font-size:24px;margin:0;line-height:1.35;letter-spacing:-.025em}
.sample-close{min-width:87px;min-height:46px;border:1px solid #9eaf94;color:#1a4a3b;border-radius:6px;background:#fff;padding:9px 13px;font-size:15px;font-weight:650;cursor:pointer}
.sample-toolbar{display:flex;align-items:center;gap:18px;padding:12px 25px;border-bottom:1px solid #d3dfca;background:#fff}
.sample-toolbar button{min-height:42px;border:1px solid #c3d4b8;border-radius:6px;background:#e7eedf;color:#1e4836;padding:8px 13px;font-size:14px;font-weight:700;cursor:pointer}
.sample-toolbar p{font-size:12px;color:#536b61;line-height:1.6;margin:0}
.sample-image-scroll{overflow:auto;height:min(56dvh,660px);padding:18px;overscroll-behavior:contain;background:#e9ede5}
.sample-full-image{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;margin:auto;background:#fff}
.sample-full-image.is-zoomed{max-width:none;width:1800px;height:auto;max-height:none;object-fit:initial}
.sample-description{padding:14px 25px;margin:0;font-size:13px;line-height:1.8;border-top:1px solid #d3dfca;max-height:120px;overflow:auto}
.interactive-home .service-image{height:230px}.interactive-home .topo-image img{opacity:1}.interactive-home .section{padding-block:82px}
@media(min-width:1500px){.immersive-hero{padding-top:80px}.immersive-grid{gap:90px}.document-stage{height:485px}.document-stack{height:390px}}
@media(max-width:1100px){.immersive-grid{gap:35px;grid-template-columns:.95fr 1.05fr}.immersive-copy h1{font-size:61px}.immersive-description{font-size:18px}.document-stage{height:400px}.document-stack{width:72%;height:320px}.explorer-top{padding:17px;font-size:9px}.stage-tag{left:13px;padding:10px}.stage-tag strong{font-size:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-picture{height:310px}}
@media(max-width:850px){.immersive-hero{padding-top:40px}.immersive-grid{grid-template-columns:1fr;gap:35px}.immersive-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:0 30px;padding:0}.immersive-copy .eyebrow,.immersive-copy h1,.immersive-description{grid-column:1}.hero-price-ticket{grid-column:2;grid-row:2/4;align-self:center}.immersive-copy h1{font-size:60px}.immersive-description{margin-bottom:15px}.hero-whatsapp.primary{grid-column:1/-1;max-width:none}.immersive-secondary{grid-column:1/-1;justify-self:center;margin-top:14px}.explorer{max-width:680px;margin:auto}.document-stage{height:420px}.document-stack{width:62%;height:345px}.explorer-top{font-size:10px}.explorer-tabs button{font-size:14px}.explorer-meta p,.explorer-meta button{font-size:12px}.depth-note{font-size:11px}.explore-down{margin-top:17px}.stage-tag strong{font-size:12px}}
@media(max-width:700px){.interactive-home .header-inner{min-height:83px}.interactive-home .brand img{width:51px;height:51px}.immersive-hero{padding:36px 0 15px}.immersive-copy{display:block}.immersive-copy h1{font-size:52px;line-height:1.07;margin-bottom:22px}.immersive-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:22px}.immersive-description{font-size:19px;line-height:1.75;margin-bottom:24px}.hero-price-ticket{margin:0 0 25px;padding-left:17px}.ticket-overline{font-size:10px}.hero-price-ticket strong{font-size:47px}.hero-price-ticket>div>span{font-size:12px}.hero-price-ticket p{font-size:15px}.ticket-delivery{font-size:15px}.hero-whatsapp.primary{font-size:17px;min-height:62px;padding:17px 15px}.hero-whatsapp svg{width:22px;height:22px}.immersive-secondary{font-size:16px;margin:15px auto 0}.immersive-grid{gap:33px}.explorer{border-radius:12px}.explorer-top{padding:15px 13px;font-size:8px;letter-spacing:.08em}.document-stage{height:345px}.document-stack{height:280px;width:71%;transform:rotateX(10deg) rotateY(-12deg) rotateZ(-4deg)}.stage-tag{left:11px;bottom:7px;padding:8px 11px;gap:8px}.stage-tag>span:last-child{font-size:7px}.stage-tag strong{font-size:9px}.tag-cross{font-size:23px}.stage-north{right:15px;top:15px;font-size:9px}.mark-a{left:15px;top:60px}.mark-b{right:15px;bottom:85px}.document-face{padding:10px}.paper-open{font-size:9px;bottom:7px;right:7px;padding:5px 7px}.explorer-controls{padding:12px}.explorer-tabs{grid-template-columns:1.3fr .85fr .85fr;padding:3px}.explorer-tabs button{font-size:11px;padding:9px 5px;min-height:52px}.explorer-meta{gap:10px;margin:11px 0 7px}.explorer-meta p{font-size:10px;max-width:190px}.explorer-meta button{font-size:10px}.depth-note{font-size:9px;line-height:1.8}.explore-down{font-size:11px;margin-top:10px}.interactive-home .trust-bar span{font-size:15px}.interactive-home .section{padding-block:56px}.gallery-filters{gap:8px}.gallery-filters button{font-size:13px;padding:10px 12px;min-height:45px}.gallery-grid{grid-template-columns:1fr;gap:22px}.sample-picture{height:310px}.sample-copy{padding:23px}.sample-copy h3{font-size:25px}.sample-copy p{font-size:18px}.sample-category{font-size:10px}.sample-link{font-size:16px}.gallery-note{gap:10px}.gallery-note p{font-size:13px}.sample-viewer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:9px}.sample-viewer-header{padding:15px;gap:12px}.sample-viewer-header h2{font-size:19px}.sample-close{min-width:70px;min-height:44px;font-size:13px;padding:8px}.sample-toolbar{padding:10px 15px;gap:12px}.sample-toolbar button{font-size:12px;flex:none}.sample-toolbar p{font-size:10px}.sample-image-scroll{padding:8px;height:50dvh}.sample-description{font-size:12px;padding:12px 15px;max-height:140px}.sample-full-image.is-zoomed{width:1400px}}
@media(max-width:360px){.immersive-copy h1{font-size:46px}.immersive-copy .eyebrow{font-size:9px}.hero-whatsapp.primary{font-size:15px;gap:8px}.document-stack{height:250px}.document-stage{height:310px}.explorer-tabs button{font-size:10px}.stage-tag strong{font-size:8px}.sample-picture{height:270px}.sample-copy h3{font-size:23px}.gallery-filters button{font-size:12px}.sample-viewer-header h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.document-stack,.document-face img,.sample-card{transition:none!important}.document-stack{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.underlay{display:none}}
@media print{.preview-strip,.explorer-controls,.explore-down,.gallery-filters,.sample-link,.sample-viewer{display:none!important}.immersive-hero{background:white;color:#163b36;padding:20px 0}.immersive-copy h1 em,.immersive-description,.hero-price-ticket p,.ticket-overline,.ticket-delivery,.ticket-delivery small,.hero-price-ticket>div>span{color:#163b36}.immersive-grid{display:block}.explorer{display:none}.sample-card{break-inside:avoid}.gallery-grid{grid-template-columns:1fr 1fr}.sample-picture{height:220px}.gallery-note p{font-size:12px}}