@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#f4f4ed;background:#191716;font-synthesis:none;font-weight:400;--lime:#db916d;--muted:#b7bbb1;--line:#ffffff23}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button,svg{-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;flex:none}button{transition:background .2s,color .2s,transform .2s}button:hover{color:var(--lime)}.experience{height:100svh;min-height:580px;position:relative;overflow:hidden}.scene-shell{position:absolute;inset:0;background:#252823}.scene-shell canvas{touch-action:none}.topbar{height:110px;position:absolute;z-index:35;top:0;left:0;right:0;padding:28px 42px;display:flex;align-items:center;gap:32px;background:linear-gradient(#131712b5,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{background:none;font-size:37px;letter-spacing:-3.5px;font-weight:500;line-height:1;padding:0;position:relative}.wordmark span{font-size:10px;letter-spacing:0;position:absolute;right:-10px;top:1px}.project-label{border-left:1px solid #ffffff40;padding-left:30px;display:grid;gap:7px}.project-label span{font-size:10px;letter-spacing:1.8px}.project-label strong{font-size:14px;font-weight:400}.project-button{margin-left:auto;background:#28211ddd;border:1px solid #ffffff36;display:flex;align-items:center;gap:11px;padding:13px 18px;font-size:14px;border-radius:3px}.button-meta{color:#b5baac;font-size:12px;margin-left:12px}.intro{position:absolute;inset:0;z-index:30}.intro-photo{position:absolute;inset:0 0 0 30%;background-size:cover;background-position:48% center;filter:brightness(.84)}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,#191716,#191716fa 21%,#191716cf 38%,#19171630 65%,#19171630),linear-gradient(0deg,#191716a8,transparent 25%)}.intro-content{position:absolute;left:7%;top:50%;transform:translateY(-43%)}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:500}.intro .eyebrow{display:flex;align-items:center;gap:15px;color:var(--lime);margin:0 0 29px}.tiny-line{height:1px;width:29px;background:var(--lime)}.intro h1{font-size:clamp(58px,6.6vw,106px);line-height:.99;letter-spacing:-5px;font-weight:400;margin:0 0 29px}.accent-dot{color:var(--lime)}.intro-description{font-size:16px;line-height:1.7;color:#c8ccc3;margin:0 0 34px}.enter-button{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;padding:18px 22px;background:var(--lime);color:#24170f;font-size:15px;border-radius:2px;min-width:247px}.enter-button:hover{background:#efb396;color:#23170e;transform:translateY(-1px)}.secondary-enter{display:block;background:none;margin-top:19px;padding:4px 0;font-size:14px;color:#ddd3cc}.secondary-enter span{margin-left:24px}.intro-caption{position:absolute;right:5%;bottom:17%;text-align:right}.intro-caption>span{font-size:11px;letter-spacing:2px}.intro-caption p{font-size:24px;font-weight:400;margin:12px 0 10px}.intro-caption small{font-size:12px;color:#c1c5b9}.intro-footer{position:absolute;bottom:35px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#c0c5b7}.intro-footer:before{content:"";position:absolute;top:-22px;width:100%;height:1px;background:var(--line)}.scene-caption{position:absolute;top:140px;left:42px;pointer-events:none;text-shadow:0 2px 15px #0008}.scene-caption .eyebrow{color:#e4b49b}.scene-caption h1{font-size:30px;font-weight:400;letter-spacing:-1px;margin:9px 0 8px}.scene-caption p{font-size:13px;margin:0;color:#d9dbd3}.scene-tools{position:absolute;top:140px;right:30px;display:flex;flex-direction:column;gap:5px}.scene-tools button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff25;background:#241e1bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:3px}.scene-tools button[aria-pressed=true]{color:var(--lime);background:#50372ae6}.bottom-interface{position:absolute;bottom:0;left:0;right:0;padding:0 30px 22px;background:linear-gradient(transparent,#191716ee 55%);pointer-events:none}.bottom-interface button{pointer-events:auto}.details-strip{display:flex;gap:4px;align-items:center;justify-content:center;margin:0 auto 22px;max-width:100%;overflow:auto;padding:10px 0}.detail-label{font-size:9px;letter-spacing:1.7px;color:#c2c8b8;white-space:nowrap;margin-right:18px}.details-strip button{font-size:12px;white-space:nowrap;padding:10px 13px;border:1px solid #ffffff25;background:#29221edb;border-radius:3px}.details-strip button span{font-size:10px;color:var(--lime);margin-right:8px}.navigation-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.navigation-hint{font-size:12px;display:flex;gap:7px;align-items:center;color:#c0c7b8}.navigation-hint svg{width:16px}.mode-switch{display:flex;padding:5px;background:#221a16ed;border:1px solid #ffffff29;border-radius:5px;gap:4px}.mode-switch button{display:flex;align-items:center;gap:10px;padding:11px 21px;background:transparent;color:#b7c1ad;font-size:14px;border-radius:3px}.mode-switch button[aria-pressed=true]{background:var(--lime);color:#26170f}.scale-note{text-align:right;font-size:10px;letter-spacing:1.4px;line-height:1.5;color:#e3e8db}.scale-note small{display:block;color:#baa99c;font-size:10px;letter-spacing:0;margin-top:4px}.hotspot{height:33px;min-width:33px;position:relative;border-radius:50%;background:#32251fe6;border:1px solid #e5efd0aa;box-shadow:0 0 0 5px #c66a4714;display:grid;place-items:center;padding:0;font-size:11px;color:#f4f0e8}.hotspot:hover{background:var(--lime);color:#172411;box-shadow:0 0 0 8px #c66a4720}.hotspot-name{display:none;position:absolute;left:42px;white-space:nowrap;padding:8px 11px;border-radius:3px;background:#1a2418;color:#edf5df;font-size:12px}.hotspot:hover .hotspot-name,.hotspot:focus-visible .hotspot-name{display:block}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;color:#fff9;pointer-events:none;text-shadow:0 0 4px #000}.crosshair.aimed{color:var(--lime)}.walk-prompt{position:absolute;left:50%;bottom:175px;transform:translate(-50%);text-align:center;background:#241c17ec;padding:14px 20px;border:1px solid #f4e0d038;border-radius:5px;max-width:90%}.walk-prompt button{background:transparent;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;margin:auto;padding:0;font-size:14px;color:var(--lime)}.walk-prompt span{display:block;font-size:11px;margin-top:9px;color:#c7cebe}.aim-label{position:absolute;top:55%;left:50%;transform:translate(-50%);font-size:13px;padding:12px;background:#241c17ed;border-radius:4px;white-space:nowrap}.aim-label kbd{margin:0 7px 0 17px}kbd{border:1px solid #ffffff40;border-radius:3px;padding:2px 4px;font:10px inherit}.pointer-locked .topbar,.pointer-locked .scene-tools,.pointer-locked .bottom-interface{pointer-events:none;opacity:.7}.pointer-locked button{pointer-events:none}.touch-pad{display:none}.modal-backdrop{position:absolute;inset:0;z-index:100;background:#0a100bd6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:35px}.project-modal{position:relative;display:grid;grid-template-columns:1.1fr 1fr;background:#27221e;max-width:1060px;width:100%;height:min(740px,90svh);border:1px solid #ffffff2a;border-radius:5px;overflow:hidden;box-shadow:0 30px 100px #0006;outline:none}.close-button{position:absolute;right:16px;top:14px;z-index:2;background:#283124e6;border:1px solid #ffffff30;width:34px;height:34px;font-size:25px;border-radius:50%;line-height:1}.modal-media{min-height:0;background:#171513;display:flex;flex-direction:column}.media-tabs{display:flex;gap:5px;padding:18px 22px;border-bottom:1px solid #ffffff20;flex-shrink:0}.media-tabs button{background:transparent;color:#b5bcab;font-size:13px;padding:8px 11px;border-radius:2px}.media-tabs button.active{color:#f4f0e8;background:#52372a}.media-tabs small{font-size:10px;margin-left:6px;opacity:.6}.photo-stage{flex:1;min-height:0;position:relative;padding:14px 10px}.photo-stage>img{display:block;width:100%;height:100%;object-fit:contain}.photo-prev,.photo-next{position:absolute;top:50%;transform:translateY(-50%);background:#192016bf;font-size:28px;border:1px solid #ffffff29;width:33px;height:40px}.photo-prev{left:15px}.photo-next{right:15px}.photo-count{position:absolute;bottom:25px;right:25px;background:#161e16b8;font-size:11px;padding:6px 9px}.thumbnails{display:flex;gap:8px;overflow-x:auto;padding:10px 20px 20px;flex-shrink:0}.thumbnails button{height:54px;width:48px;background:none;padding:0;border:1px solid transparent;opacity:.5;flex-shrink:0}.thumbnails button[aria-pressed=true]{border-color:var(--lime);opacity:1}.thumbnails img{width:100%;height:100%;object-fit:cover}.modal-copy{padding:69px 40px 28px;overflow:auto}.modal-copy>.eyebrow{font-size:10px;color:var(--lime)}.modal-copy h2{font-size:36px;line-height:1.12;letter-spacing:-1px;font-weight:400;margin:20px 0}.modal-copy p{font-size:15px;line-height:1.75;color:#cfc5bc}.detail-section{margin-top:28px;padding-top:21px;border-top:1px solid #ffffff23}.detail-section h3{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#f4ece4;font-weight:500;margin:0}.detail-section p{font-size:13px;line-height:1.8}.swatches{display:flex;gap:8px}.swatches i{width:25px;height:25px;border:1px solid #ffffff25;border-radius:50%;background:#dedcd4}.swatches i:nth-child(2){background:#947251}.swatches i:nth-child(3){background:#cba883}.swatches i:nth-child(4){background:#171b18}.modal-copy .small-note{font-size:11px;color:#9eaa93;margin-top:30px}.video-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:20px}.video-stage video{width:100%;height:100%;max-height:610px;object-fit:contain}.help-card{position:absolute;z-index:60;right:85px;top:140px;width:365px;max-width:calc(100% - 40px);padding:29px;background:#29211cf5;box-shadow:0 20px 80px #0008;border:1px solid #ffffff30;border-radius:4px}.help-card h2{font-weight:400;font-size:27px}.help-card p{font-size:14px;line-height:1.7;color:#d3c6bb}.help-card .eyebrow{font-size:10px;color:var(--lime)}.help-card .enter-button{padding:12px 20px;min-width:0;margin-top:10px}.loading,.scene-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px}.scene-error{flex-direction:column;z-index:31;background:#20251c;padding:25px;text-align:center}.scene-error span{max-width:400px;line-height:1.7}.scene-error button{padding:15px;background:#cbd9b5;color:#222}.loading span{width:20px;height:20px;border:1px solid #fff4;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.bottom-interface,.scene-tools,.walk-prompt,.touch-pad{z-index:40}.scene-caption{z-index:25}.crosshair,.aim-label{z-index:26}.scene-caption{background:linear-gradient(90deg,#211a16a8,transparent);padding:12px 36px 14px 12px;margin-left:-12px;border-radius:3px}@media(min-width:1600px){.intro-content{left:9%}.intro-description{font-size:18px}.topbar{padding-left:55px;padding-right:55px}.details-strip button,.navigation-hint{font-size:14px}}@media(max-width:1050px){.button-meta{display:none}.navigation-hint{font-size:11px}.navigation-hint kbd,.detail-label{display:none}.details-strip{justify-content:center}.scene-caption{top:120px}.mode-switch button{padding:11px 15px}.modal-copy{padding:65px 28px 20px}.modal-copy h2{font-size:30px}.intro h1{font-size:74px}.intro-caption{bottom:15%}}@media(max-width:700px){.experience{min-height:500px}.topbar{height:83px;padding:21px 22px;gap:23px}.wordmark{font-size:30px;letter-spacing:-3px}.project-label{padding-left:19px;gap:5px}.project-label span{display:none}.project-label strong{font-size:11px}.project-button{padding:9px 10px;font-size:11px;gap:6px}.project-button svg{width:16px}.intro-photo{inset:0;background-position:59% center}.intro-shade{background:linear-gradient(90deg,#191716d9,#19171650),linear-gradient(0deg,#191716f5,transparent 75%)}.intro-content{left:26px;top:43%;transform:translateY(-30%)}.intro h1{font-size:65px;letter-spacing:-3.5px}.intro .eyebrow{font-size:9px;margin-bottom:23px}.intro-description{font-size:14px;margin-bottom:26px}.enter-button{font-size:14px;padding:16px 19px;min-width:235px}.secondary-enter{font-size:13px}.intro-caption{display:none}.intro-footer{left:24px;right:24px;bottom:25px;font-size:8px;letter-spacing:1px}.intro-footer span:last-child{max-width:110px;text-align:right;line-height:1.5}.scene-caption{top:105px;left:24px}.scene-caption h1{font-size:24px}.scene-caption p{font-size:11px}.scene-caption .eyebrow{font-size:9px}.scene-tools{top:103px;right:16px;gap:4px}.scene-tools button{height:37px;width:37px}.scene-tools svg{width:17px}.bottom-interface{padding:0 15px 16px}.details-strip{justify-content:flex-start;margin-bottom:8px;gap:5px;scrollbar-width:none}.details-strip button{padding:10px;font-size:11px}.navigation-bar{grid-template-columns:1fr auto;gap:7px}.navigation-hint{display:none}.mode-switch{width:max-content}.mode-switch button{padding:9px 12px;font-size:12px;gap:6px}.mode-switch svg{width:16px}.scale-note{font-size:8px;letter-spacing:1px}.scale-note small{font-size:8px;max-width:95px}.walk-prompt{bottom:152px;padding:12px 14px;min-width:270px}.walk-prompt span{font-size:10px}.walk-prompt button{font-size:12px}.modal-backdrop{padding:10px}.project-modal{height:94svh;grid-template-columns:1fr;grid-template-rows:55% 45%;max-width:530px}.modal-copy{padding:25px}.modal-copy h2{font-size:28px;margin:12px 0}.modal-copy p{font-size:14px}.detail-section{margin-top:16px;padding-top:15px}.modal-copy .small-note{margin-top:15px}.media-tabs{padding:10px 40px 10px 12px}.media-tabs button{font-size:12px}.thumbnails{padding:7px 15px 10px}.thumbnails button{height:40px;width:35px}.photo-stage{padding:6px}.video-stage{padding:7px}.help-card{right:20px;top:90px;max-height:75svh;overflow:auto}.crosshair{font-size:18px}.aim-label{font-size:11px}.touch-pad{position:absolute;bottom:220px;left:20px;display:grid;grid-template-columns:repeat(3,38px);gap:4px}.touch-pad button{height:36px;background:#29211cd9;border:1px solid #ffffff38;border-radius:3px;touch-action:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1}.walk-prompt{max-width:87%}}@media(pointer:coarse){.walk-prompt{display:none}.touch-pad{display:grid}.touch-pad:not(:has(button)){display:none}}.wordmark{padding:7px 12px;background:#f7f0e6;border-radius:3px;line-height:0}.brand-art{width:140px;height:64px;display:block}.brand-symbol{width:33px;height:23px;display:block}.intro h1,.modal-copy h2,.scene-caption h1,.help-card h2{font-family:Playfair Display,Georgia,serif;font-weight:400}.intro h1{letter-spacing:-3px;line-height:1.05}.intro-shade{background:linear-gradient(90deg,#191716,#191716f5 21%,#191716ad 43%,#19171618 69%),linear-gradient(0deg,#191716b8,transparent 33%)}.intro-content{top:48%}.intro-photo{background-position:50% 49%;inset:0 0 0 37%}.intro-caption p{font-family:Playfair Display,Georgia,serif}.mode-switch button[aria-pressed=true],.hotspot:hover{color:#21140f}.brand-art image,.brand-symbol image{pointer-events:none}.swatches i:nth-child(2){background:#795e46}.thumbnails{scrollbar-width:thin}.video-stage video{background:#171513}@media(max-width:700px){.topbar{height:100px}.wordmark{padding:6px 8px}.brand-art{width:116px;height:54px}.project-label{display:none}.project-button{font-size:12px;padding:10px}.intro-photo{inset:0;background-position:55% center}.intro-shade{background:linear-gradient(90deg,#191716de,#19171668),linear-gradient(0deg,#191716f5,transparent 80%)}.intro h1{font-size:57px;letter-spacing:-2px}.intro-content{top:43%}.scene-caption{top:121px}.scene-tools{top:117px}.touch-pad{bottom:150px;left:22px;grid-template-columns:repeat(3,43px);gap:6px;z-index:45}.touch-pad button{height:43px}.walk-prompt{bottom:285px}.modal-copy h2{font-size:29px}.brand-symbol{width:27px;height:21px}}.portfolio-link{color:var(--lime);text-decoration:none}.portfolio-link:hover{color:#f0b095}@media(max-width:700px){.portfolio-link{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.download-links{display:grid;gap:12px;margin-top:24px}.download-links a{color:#e8b194;font-size:13px;text-underline-offset:5px}.media-tabs{flex-wrap:wrap;gap:4px}.media-tabs button{white-space:nowrap;padding:9px 10px}.comparison-stage{flex:1;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:18px}.comparison-heading h3{font-family:Playfair Display,Georgia,serif;font-weight:400;font-size:28px;margin:9px 0 0}.comparison-heading .eyebrow{color:var(--lime);font-size:9px}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:200px}.comparison-pair figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:12px}.comparison-pair figcaption{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--lime)}.comparison-pair img{width:100%;height:100%;min-height:0;max-height:420px;object-fit:contain;background:#171513}.comparison-select{display:flex;gap:6px;flex-wrap:wrap}.comparison-select button{background:#ffffff0a;border:1px solid var(--line);border-radius:3px;padding:8px 12px;font-size:11px}.comparison-select button[aria-pressed=true]{background:var(--lime);color:#21140f}.comparison-note{font-size:10px;line-height:1.6;color:#c4b8ae;margin:0}.thumbnails .compare-thumbnail{font-size:10px;min-width:44px;color:var(--lime);border:1px solid var(--line)}@media(min-width:1000px){.project-modal.comparing{width:min(1320px,96vw);max-width:1320px;grid-template-columns:1.8fr 1fr}}@media(max-width:700px){.media-tabs{padding:8px 40px 8px 8px;gap:0}.media-tabs button{font-size:10px;padding:8px}.comparison-stage{padding:12px;gap:10px}.comparison-heading h3{font-size:21px;margin:5px 0 0}.comparison-pair{gap:8px;min-height:140px}.comparison-pair figure{gap:6px}.comparison-pair figcaption{font-size:9px}.comparison-select button{padding:7px 10px}.comparison-note{font-size:9px}}
