:root{--gold:#c49e64;--white:#fbfaf9;--black:#000;--radius:145px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--white);color:#000;gap:20px}header img{width:210px;display:block}header>span{font-size:10px;letter-spacing:3px;color:#8d6832}.header-cta{font-size:13px;border-bottom:1px solid #0006;padding:12px 0}.header-cta b{margin-left:35px;font-size:20px;font-weight:400}.hero{position:relative;height:calc(100svh - 88px);min-height:650px;isolation:isolate;overflow:hidden;background:#191712}.scene,.finished,.underlay,.underlay svg,.shade{position:absolute;inset:0;width:100%;height:100%}.finished{object-fit:cover;object-position:50% 50%}.underlay{clip-path:circle(var(--radius) at var(--x,63%) var(--y,43%));z-index:2;background:#333}.underlay svg{display:block}.shade{pointer-events:none;z-index:3;background:linear-gradient(90deg,#000c,transparent 62%),linear-gradient(0deg,#000d,transparent 35%,transparent 80%,#0002)}.hero-copy{position:absolute;top:12%;left:6vw;z-index:4;pointer-events:none;transition:opacity .4s,transform .4s;max-width:430px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);line-height:1.5;margin:0 0 24px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(62px,7.3vw,112px);line-height:.98;margin:0 0 25px}h1 em,h2 em{font-weight:400;color:#dec294}h1 em{font-style:italic}.hero-copy>p:last-child{font-size:15px;line-height:1.7;color:#e0dbd3;margin:0}.hero.exploring .hero-copy{opacity:.15;transform:translateX(-15px)}.hero.exploring .shade{background:linear-gradient(0deg,#000b,transparent 25%)}.lens{position:absolute;left:var(--x,63%);top:var(--y,43%);width:calc(var(--radius)*2);height:calc(var(--radius)*2);transform:translate(-50%,-50%);border:2px solid #d9b47b;border-radius:50%;z-index:5;box-shadow:0 0 0 8px #c49e6413,0 0 45px #0003,inset 0 0 20px #0003;cursor:grab;touch-action:none;user-select:none}.lens:active{cursor:grabbing}.lens:before,.lens:after{content:'';position:absolute;width:18px;height:1px;background:var(--gold);top:50%}.lens:before{left:-10px}.lens:after{right:-10px}.lens-tag{position:absolute;top:-36px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;white-space:nowrap;background:#000c;padding:9px 13px;color:#dec294}.lens-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:300;color:#e8c9948c}.lens-instruction{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:2px;color:#eee;background:#000a;padding:8px 13px}.project-mark{position:absolute;right:4vw;top:33px;z-index:5;text-align:right;text-shadow:0 2px 9px #000}.project-mark>span{font-size:11px;letter-spacing:2px}.project-mark p{font-size:12px;color:#dedbd5}.hero-controls{position:absolute;bottom:30px;left:4vw;right:4vw;z-index:6;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.modes{display:flex;border:1px solid #ffffff60;padding:4px;background:#0005;backdrop-filter:blur(12px)}.modes button{font-size:13px;padding:13px 16px}.modes button[aria-pressed=true]{background:var(--gold);color:#000}.evidence{font-size:10px;color:#d1ccc5}.scroll-link{margin-left:auto;font-size:13px}.scroll-link b{font-size:22px;font-weight:400;margin-left:18px}.compare-controls{display:flex;gap:15px;align-items:center;font-size:12px}.compare-controls label{font-size:11px}.compare-controls input{width:160px}.compare-controls button{border-bottom:1px solid #ffffff80;padding:10px 0;font-size:11px}.split-line{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;background:var(--gold);pointer-events:none}.split-line span{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;display:grid;place-items:center;background:var(--gold);color:#000;border-radius:50%;font-size:25px}.hero.compare .hero-copy{opacity:0}.hero.compare .shade{background:linear-gradient(0deg,#000c,transparent 30%)}input[type=range]{accent-color:var(--gold);cursor:pointer;height:28px}.process{padding:110px 7vw;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;background:var(--white);color:#000;align-items:center}.process .eyebrow{color:#92703b}h2{font-size:clamp(38px,4.3vw,64px);line-height:1.08;margin:0 0 25px}.process-heading>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#666;max-width:370px}.source{display:inline-block;font-size:12px;border-bottom:1px solid #aaa;padding:15px 0 10px;margin-top:15px}.process-view{position:relative;background:#eae7e2}.process-view>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.process-caption{display:flex;align-items:center;gap:25px;padding:17px 23px;background:#000;color:var(--white)}.process-caption span{color:var(--gold);font-size:11px;white-space:nowrap;letter-spacing:1px}.process-caption p{font-size:13px;line-height:1.5;margin:0}.process-tabs{display:flex;border:1px solid #0002}.process-tabs button{flex:1;color:#777;padding:17px 10px;font-size:11px;line-height:1.4;border-bottom:2px solid transparent}.process-tabs button[aria-pressed=true]{color:#000;border-color:var(--gold);background:#fff6}.detail{padding:110px 6vw;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center;background:#070707}.detail-copy>p:not(.eyebrow){color:#aaa;font-size:16px;line-height:1.7;max-width:440px}.detail-copy .detail-sub{font-size:14px!important;color:#ccc!important}.range-label{margin:32px 0 4px;display:flex;justify-content:space-between;font-size:11px;color:#b5afa6}.detail-copy>input{width:100%;margin:5px 0 19px}.outline{width:100%;display:flex;justify-content:space-between;padding:16px 20px;border:1px solid #c49e6470;color:#e0c69f;font-size:13px}.detail-copy .schematic-note{font-size:11px!important;line-height:1.6!important;color:#777!important;margin-top:19px}.diagram{border:1px solid #ffffff22;background:#111;overflow:hidden}.diagram-header{display:flex;justify-content:space-between;gap:12px;padding:23px 25px;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #fff1;color:#c7b79e}.diagram svg{display:block;width:100%;height:auto}.diagram-footer{padding:20px 25px;border-top:1px solid #fff1;display:flex;justify-content:space-between;gap:20px;align-items:center}.diagram-footer span{font-size:12px;line-height:1.5;color:#aaa;max-width:330px}.diagram-footer b{font-size:35px;font-family:Georgia,serif;font-weight:400;color:var(--gold)}.closing{padding:105px 25px;text-align:center;background:#000;border-top:1px solid #fff2}.closing h2{font-size:clamp(50px,6vw,85px)}.closing>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#aaa}.gold{display:flex;max-width:330px;margin:32px auto 22px;justify-content:space-between;background:var(--gold);color:#000;padding:20px 23px;font-size:14px}.gold:hover{background:#d5b585}.address{font-size:11px;letter-spacing:1.5px;color:#888}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 5vw;background:var(--white);color:#555;font-size:11px}footer img{width:170px}footer a{border-bottom:1px solid #aaa;padding:10px 0}@media(max-width:1050px){.evidence{order:5;width:100%}.hero-controls{gap:17px}.process{gap:40px;padding:80px 5vw}.detail{gap:40px;padding:80px 5vw}.hero-copy{max-width:330px}h1{font-size:80px}.compare-controls{order:4}}@media(max-width:700px){:root{--radius:92px}header{height:75px;padding:0 20px}header img{width:160px}header>span{display:none}.header-cta{font-size:12px}.header-cta b{margin-left:22px}.hero{height:auto;min-height:0;padding-bottom:0;display:flex;flex-direction:column}.scene{position:relative;height:auto;aspect-ratio:4/4.2;order:1;flex-shrink:0}.hero-copy{position:relative;top:auto;left:auto;order:0;padding:32px 25px 27px;max-width:none;background:#000;pointer-events:auto}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:17px}h1{font-size:45px;line-height:1.02;letter-spacing:-1.7px;margin-bottom:17px}h1 br{display:none}h1 br:after{content:' '}.hero-copy h1{max-width:320px}.hero-copy>p:last-child{font-size:13px;line-height:1.5}.hero-copy>p:last-child br{display:none}.hero-copy>p:last-child br:after{content:' '}.shade{background:linear-gradient(0deg,#0006,transparent 25%);z-index:3}.finished{object-fit:cover}.hero.exploring .hero-copy{opacity:1;transform:none}.hero.compare .hero-copy{opacity:1}.lens-tag{font-size:8px;letter-spacing:1.5px;top:-31px}.lens-instruction{font-size:8px;letter-spacing:1px;bottom:-31px}.project-mark{top:auto;bottom:auto;right:20px;transform:translateY(-20px);position:relative;order:2;align-self:flex-end;margin-top:-32px;text-align:right;pointer-events:none}.project-mark>span{font-size:9px;letter-spacing:1.5px}.project-mark p{font-size:10px;margin:7px 0 0}.hero-controls{position:relative;left:auto;right:auto;bottom:auto;order:3;padding:25px 20px;gap:17px;background:#000}.modes button{font-size:12px;padding:12px 13px}.evidence{font-size:9px;order:5}.scroll-link{font-size:11px}.scroll-link b{font-size:19px;margin-left:8px}.compare-controls{width:100%;justify-content:space-between;gap:10px}.compare-controls input{width:100%;min-width:50px}.compare-controls label{min-width:70px;font-size:10px}.compare-controls button{min-width:85px;font-size:10px}.process{display:flex;flex-direction:column;gap:30px;padding:55px 24px;align-items:stretch}.eyebrow{font-size:9px;letter-spacing:2px}h2{font-size:39px;letter-spacing:-1.3px}.process-heading>p:not(.eyebrow){font-size:14px;line-height:1.65}.source{font-size:11px;margin-top:0}.process-tabs button{font-size:10px;padding:13px 7px}.process-caption{padding:15px;gap:16px}.process-caption p{font-size:12px}.detail{display:flex;flex-direction:column;gap:30px;padding:55px 24px;align-items:stretch}.detail-copy>p:not(.eyebrow){font-size:14px;line-height:1.65}.detail-copy .detail-sub{font-size:13px!important}.diagram-header{padding:17px 14px;font-size:8px;letter-spacing:1px}.diagram-footer{padding:16px}.diagram-footer span{font-size:11px}.diagram-footer b{font-size:29px}.closing{padding:65px 25px}.closing h2{font-size:57px}.closing>p:not(.eyebrow){font-size:14px}footer{flex-wrap:wrap;padding:25px;gap:20px}footer img{width:145px}footer>span{display:none}footer a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Real project photo story */
.process{grid-template-columns:.85fr 1.4fr;gap:6vw;background:#141310;color:var(--white)}.process .eyebrow{color:var(--gold)}.process-heading>p:not(.eyebrow){color:#bab5ad}.process-heading .chapter-title{color:#e5c798!important;font-family:Georgia,serif;font-size:25px!important;margin-top:32px;margin-bottom:8px}.process-heading #chapterText{min-height:84px;font-size:14px;line-height:1.65;margin-top:0}.process-view{background:#080808;min-width:0}.photo-open{display:block;position:relative;width:100%;padding:0;overflow:hidden}.photo-open>img{width:100%;height:480px;object-fit:contain;display:block;background:#080808}.photo-open>span{position:absolute;right:15px;bottom:15px;background:#000c;color:#ead1a9;padding:12px 14px;font-size:9px;letter-spacing:1.5px}.photo-open:hover>span{background:var(--gold);color:#000}.process-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;padding:12px;border:0}.process-tabs button{padding:0;position:relative;border:1px solid transparent;opacity:.5;min-width:0}.process-tabs button img{width:100%;height:65px;object-fit:cover;display:block}.process-tabs button span{position:absolute;bottom:4px;left:5px;color:white;font-size:9px;text-shadow:0 1px 4px #000}.process-tabs button[aria-pressed=true]{border-color:var(--gold);opacity:1}.photo-hint{font-size:10px;text-align:center;color:#aaa;margin:0;padding:0 8px 17px}.story-navigation{display:flex;align-items:center;gap:25px;margin-top:24px}.story-navigation button{border:1px solid #c49e6466;width:48px;height:48px;font-size:24px}.story-navigation button:hover{background:var(--gold);color:#000}.story-navigation span{font-size:11px;letter-spacing:2px;color:var(--gold)}.source{color:#c4baaa;border-color:#ffffff30}.instagram-link{display:block;width:fit-content;margin:32px auto 0;color:var(--gold);font-size:12px;padding:10px;border-bottom:1px solid #c49e6444}#photoDialog{width:96vw;max-width:1500px;height:94svh;max-height:94svh;background:#080808;color:var(--white);border:1px solid #c49e6466;padding:0;overflow:hidden}#photoDialog::backdrop{background:#000e}.lightbox-bar,.lightbox-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:15px;font-size:13px}.lightbox-bar{border-bottom:1px solid #fff2}.lightbox-bar button,.lightbox-nav button{padding:13px 8px;color:var(--gold)}#lightboxPhoto{display:block;width:100%;height:calc(100% - 128px);object-fit:contain}.lightbox-nav{border-top:1px solid #fff2}.lightbox-nav span{color:#aaa;font-size:11px}@media(max-width:700px){.photo-open>img{height:380px}.process-tabs{gap:4px;padding:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.process-tabs button img{height:57px}.process-heading #chapterText{min-height:70px}.process{gap:25px}.lightbox-bar,.lightbox-nav{padding:0 12px;font-size:11px}.lightbox-bar span{max-width:65%;line-height:1.5}#photoDialog{height:94svh;width:96vw}.photo-open>span{font-size:8px}}

.process-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.results{background:var(--white);color:#15130f;padding:95px 5vw}.results-heading{text-align:center;margin-bottom:45px}.results-heading .eyebrow{color:#8d6832}.results-heading h2 em{color:#97703c}.results-heading>p:last-child{font-size:14px;color:#666;line-height:1.6}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.result-card{position:relative;text-align:left;padding:0;background:#171511;overflow:hidden;color:white}.result-card img{width:100%;height:460px;object-fit:cover;display:block;transition:transform .6s}.result-card:hover img{transform:scale(1.035)}.result-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}.result-label,.result-title{position:absolute;z-index:1;left:24px;right:24px}.result-label{bottom:90px;font-size:9px;letter-spacing:2px;color:#eed7b3}.result-title{bottom:28px;font-family:Georgia,serif;font-size:30px;line-height:1.1;display:flex;justify-content:space-between;gap:12px}.result-title b{font-weight:400;font-size:23px}.instagram-link+.instagram-link{margin-top:5px}@media(max-width:700px){.results{padding:55px 24px}.result-grid{grid-template-columns:1fr;gap:20px}.result-card img{height:390px}.result-title{font-size:28px}.process-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.process-tabs button img{height:52px}}