.project-tour{margin:0 0 20px;scroll-margin-top:30px}
.tour-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}
.tour-heading .eyebrow{font-size:9px;letter-spacing:.07em;display:block;margin-bottom:13px}
.tour-heading h2{font-size:36px;line-height:1.13;letter-spacing:-.05em;max-width:680px}
.tour-live-link{display:flex;align-items:center;gap:20px;font-size:10px;white-space:nowrap;border-bottom:1px solid #4b5141;padding-bottom:7px}
.tour-live-link>span{color:#ef7848;font-size:21px}
.tour-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#695340 transparent;padding-bottom:14px;border-bottom:1px solid var(--line)}
.tour-tabs button{display:flex;align-items:center;gap:9px;padding:12px 16px;white-space:nowrap;background:transparent;border-radius:4px;font-size:11px;color:var(--muted);transition:background .2s,color .2s}
.tour-tabs button>span{font-size:8px;opacity:.6}
.tour-tabs button:hover{background:#2d3227;color:var(--ink)}
.tour-tabs button[aria-selected=true]{background:#ef7848;color:#24251e}
.tour-description{display:grid;grid-template-columns:1.35fr 1fr;gap:45px;padding:25px 0 28px;min-height:150px}
.tour-description h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin-bottom:12px}
.tour-description p{font-size:12px;line-height:1.85;max-width:610px}
.tour-description ul{margin:4px 0 0;padding:0;list-style:none;font-size:11px;color:#a4ae97;display:grid;align-content:start;gap:10px}
.tour-description li{position:relative;padding-left:16px}
.tour-description li:before{content:'↗';position:absolute;left:0;top:0;color:#e7a47e;font-size:12px}
.tour-browser{overflow:hidden;border:1px solid #414739;border-radius:6px;background:#10120e}
.tour-browser-bar{background:#22261e;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;min-height:46px;border-bottom:1px solid #3d4533;color:#9eaa91;font-size:10px}
.tour-browser-dots{display:flex;gap:4px;flex:0 0 50px}
.tour-browser-dots i{display:block;width:4px;height:4px;background:#69755a;border-radius:50%}
.tour-browser-bar>span{margin-right:auto}
.tour-scale{display:flex;gap:3px}
.tour-scale button{border-radius:3px;background:transparent;color:#96a187;font-size:9px;white-space:nowrap;padding:6px 9px}
.tour-scale button[aria-pressed=true]{background:#3a4430;color:#d6e0ca}
.tour-viewport{max-height:660px;min-height:350px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d755e #11140e;background:#0c0e0a;position:relative}
.tour-viewport>[data-tour-image]{display:block;width:100%;max-width:none;height:auto;object-fit:fill;flex:none;margin:0}
.tour-viewport.is-original>[data-tour-image]{max-width:none}
.tour-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:17px}
.tour-bottom>span{font-size:9px;line-height:1.7;color:#89967b;max-width:550px}
.tour-bottom>button{display:flex;align-items:center;gap:17px;padding:5px 0;background:transparent;color:#d7dfcf;font-size:10px;white-space:nowrap}
.tour-bottom>button span{font-size:18px;color:#ef7848}
.tour-source-image{display:inline-block;margin-top:15px;color:#8c9a7c;font-size:9px}
.project-tour.is-expanded .tour-viewport{max-height:none;overflow:visible;min-height:0}
.project-tour.is-expanded .tour-browser{overflow:hidden}
@media(min-width:1500px){.tour-viewport{max-height:760px}.tour-heading h2{font-size:42px}}
@media(max-width:800px){.tour-heading{display:block}.tour-heading h2{font-size:32px}.tour-live-link{margin-top:20px;width:max-content;font-size:10px}.tour-description{gap:25px;grid-template-columns:1.3fr 1fr}.tour-description ul{font-size:10px}.tour-description p{font-size:11px}.tour-tabs button{padding:11px 13px;font-size:10px}.tour-viewport{max-height:560px;min-height:250px}.tour-bottom>span{max-width:360px;font-size:8px}.tour-bottom>button{font-size:9px;gap:10px}}
@media(max-width:540px){.tour-heading h2{font-size:29px}.tour-heading .eyebrow{font-size:8px}.tour-heading{margin-bottom:22px}.tour-description{display:block;padding:22px 0;min-height:0}.tour-description h3{font-size:22px}.tour-description p{font-size:11px}.tour-description ul{margin-top:17px;gap:8px;font-size:10px}.tour-browser-bar{gap:10px;padding:8px 10px;min-height:41px;font-size:9px}.tour-browser-dots{flex-basis:20px;gap:3px}.tour-browser-dots i{height:3px;width:3px}.tour-scale button{font-size:8px;padding:5px 7px}.tour-viewport{max-height:480px;min-height:180px}.tour-bottom{align-items:start;gap:13px;flex-direction:column}.tour-bottom>span{font-size:8px;max-width:310px}.tour-bottom>button{font-size:10px}.tour-source-image{font-size:8px}}
@media(prefers-reduced-motion:reduce){.tour-tabs button{transition:none}}
.tour-status{margin:0;padding:10px 14px;font-size:11px;line-height:1.6;color:#bec6b2}.tour-status:empty{display:none}