:root{color-scheme:light;font-family:system-ui,sans-serif;color:#372e2b;background:#f4f1eb}*{box-sizing:border-box}body{margin:0;height:100svh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f4f1eb 72%)}a{color:inherit;text-decoration:none}header{height:64px;flex:none;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd5c9}.brand img{display:block;width:235px;height:auto}.reader-links{display:flex;align-items:center;gap:25px;font-size:11px}.leasing-link{color:#603134;border-bottom:1px solid #a78c67;padding:5px 0}main{position:relative;flex:1;min-height:0}.scene{position:absolute;inset:0;perspective:2400px;perspective-origin:50% 50%;overflow:hidden;touch-action:none}.scene.zoomed{cursor:grab}.scene.dragging{cursor:grabbing}.rig{position:absolute;width:300px;height:695px;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) scale(.7);pointer-events:none}.brochure{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-14deg)}.panel{position:absolute;width:100%;height:100%;top:0;transform-style:preserve-3d}.center{left:0}.left{left:-100%;transform-origin:100% 50%;transform:translateZ(3px) rotateY(178deg)}.right{left:100%;transform-origin:0 50%;transform:translateZ(1.5px) rotateY(-179deg)}.face{position:absolute;inset:0;backface-visibility:hidden;background-size:300% 100%;background-repeat:no-repeat;background-color:#f5f2eb;box-shadow:0 0 0 .4px #c8bdb0,0 12px 32px #3a2b2317;transform:translateZ(.2px)}.reverse{transform:rotateY(180deg) translateZ(.2px)}.inside{background-image:url('assets/page2.jpg')}.outside{background-image:url('assets/page1.jpg')}.first{background-position:0% 50%}.middle{background-position:50% 50%}.last{background-position:100% 50%}.face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#30231b0b,transparent 3%,transparent 97%,#30231b12)}.navigation{flex:none;position:relative;z-index:3;text-align:center;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #ddd5c9;background:#f4f1ebf7;box-shadow:0 -5px 25px #372e2b08}#caption{margin:0 0 10px;font-family:Georgia,serif;font-size:19px}.step{display:inline-block;margin-right:12px;color:#9c8050;font:11px system-ui,sans-serif;letter-spacing:.14em;vertical-align:middle}.buttons{display:flex;justify-content:center;gap:12px}button{min-height:44px;padding:11px 20px;font:13px system-ui,sans-serif;border:1px solid #c8bdae;border-radius:3px;cursor:pointer;color:#4b3831;background:#fffaf4;transition:background .18s,opacity .18s}.buttons button{min-width:155px}#next{background:#5c292d;color:#fff8e9;border-color:#5c292d}button:hover:not(:disabled){background:#e9dfd2}#next:hover:not(:disabled){background:#74393d}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.scene:focus-visible{outline:3px solid #ad8c50;outline-offset:3px}.buttons button span{margin:0 5px}.hint{font-size:10px;color:#968a7c;margin:9px 0 0}.hint a{color:#796347;margin-left:8px;text-decoration:underline;text-underline-offset:3px}.zoom-controls{position:absolute;top:16px;right:20px;display:flex;align-items:center;gap:10px;padding:6px;background:#fffaf4ed;border:1px solid #d8cbbb;box-shadow:0 5px 20px #372e2b0b;z-index:2;backdrop-filter:blur(8px)}.zoom-controls button{padding:8px 12px;min-width:38px;min-height:38px;background:transparent;border-color:transparent;font-size:17px}.zoom-controls #zoom-reset{border-left:1px solid #d8cbbb;border-radius:0;font-size:11px}.zoom-slider{display:flex;align-items:center}#zoom{width:100px;accent-color:#603134;cursor:pointer}#zoom-value{font-size:11px;min-width:36px;text-align:center;color:#806848}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.preview-mode header,body.preview-mode .zoom-controls{display:none}body.preview-mode .hint{display:none}body.preview-mode .navigation{padding:10px 15px 14px}body.preview-mode .scene{pointer-events:none}@media(max-width:600px){header{height:56px;padding:0 15px;gap:12px}.brand img{width:185px}.reader-links{font-size:10px;gap:0}.leasing-link{display:none}.zoom-controls{top:12px;right:12px;gap:5px;padding:4px}#zoom{width:70px}.zoom-controls button{min-height:36px;min-width:34px;padding:7px 9px}.navigation{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.buttons button{min-width:0;flex:1;max-width:220px;padding:12px}#caption{font-size:17px}.hint{font-size:9px}.hint a{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}
.scene{top:64px}body.preview-mode .scene{top:0}