:root{--mx:0;--my:0;--back-scale:.76;--back-x:0px;--back-y:0px;--title-y:0px;--title-scale:1;--title-opacity:1;--intro-copy-y:0px;--intro-copy-opacity:1;--panel2-opacity:0;--panel2-y:calc(-50% + 58px);--panel3-opacity:0;--panel3-y:calc(-50% + 58px);--frame2-opacity:0;--frame2-scale:1.06;--split-drift:0;--sights-enter-x:420vw;--sights-visibility:hidden;--sights-scale:1;--sights-shift:0px;--sights-top:140px;--sights-screen-top:140px;--sights-controls-opacity:0;--projects-opacity:0;--driveway-opacity:0;--progress:0;--ink:#232b23;--paper:#fdf1e1;--shadow:rgba(0,0,0,.32);font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:var(--paper);background:#17201b;letter-spacing:0}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background:#17201b}body{min-height:100%;margin:0;overflow-x:clip;background:#17201b}button,a{-webkit-tap-highlight-color:transparent}button{border:0;font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,.sight-card:focus-visible{outline:2px solid #edcb8e;outline-offset:6px}button:disabled{cursor:default}.site-shell{min-height:100vh}.skip-link{position:fixed;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:15px;z-index:100}.skip-link:focus{top:20px}
.cinema-scroll{position:relative;height:calc(100vh + 3700px)}.stage{position:sticky;top:0;height:100vh;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#677061}.world,.back-stack,.scene-img,.shade,.site-header,.sights-slider,.sights-controls,.intro-copy,.story-panel{position:absolute}.world{inset:0;overflow:hidden;background:#3e4a3e}.scene-img{display:block;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform,opacity}.sky-img{inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center 58%;filter:brightness(.66) saturate(.66);transform:translate3d(calc(var(--mx) * -12px),calc(var(--my) * -6px),0) scale(1.03)}
.site-header{z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:29px 46px;color:var(--paper)}.site-logo{display:inline-flex;align-items:center;gap:12px;justify-self:start;font-family:"Ogg Medium",Georgia,serif;font-size:25px;line-height:.96}.logo-location{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.24em;text-transform:uppercase;margin-top:8px}.logo-symbol{display:flex;align-items:flex-end;gap:4px;height:33px;transform:skewY(-10deg)}.logo-symbol i{display:block;width:6px;background:var(--paper);height:22px}.logo-symbol i:nth-child(2){height:33px}.logo-symbol i:nth-child(3){height:27px}.site-nav{display:flex;gap:34px;align-items:center}.site-nav a{position:relative;font-size:13px;padding:10px 0;color:rgba(253,241,225,.8)}.site-nav a:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-nav a:hover:after,.site-nav a.is-current:after{transform:scaleX(1)}.header-cta{justify-self:end;padding:13px 19px;border:1px solid #fdf1e15c;border-radius:30px;font-size:12px;display:flex;gap:22px;align-items:center;transition:background .2s}.header-cta:hover{background:#fdf1e11f}.header-cta span{font-size:21px;line-height:1}
.hero-heading{position:absolute;z-index:8;left:50%;top:19vh;width:94vw;text-align:center;transform:translate3d(-50%,var(--title-y),0) scale(var(--title-scale));opacity:var(--title-opacity);will-change:transform,opacity}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.hero-heading>.eyebrow{margin:0 0 25px;letter-spacing:.32em}.hero-title{margin:0;color:var(--paper);font-family:"Ogg Medium",Georgia,serif;font-size:clamp(100px,16.1vw,245px);font-weight:500;line-height:.8;letter-spacing:-.055em;text-align:center}.hero-subtitle{font-family:"Ogg Medium",Georgia,serif;font-size:clamp(28px,3.5vw,54px);line-height:1.1;margin:22px 0 0;letter-spacing:-.02em}em{font-family:"Ogg Medium",Georgia,serif;font-weight:500}.splitframe-img{inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center 58%;filter:brightness(.69) saturate(.68);z-index:4}.splitframe-left{clip-path:polygon(0 0,50.05% 0,50.05% 100%,0 100%);transform:translate3d(calc(var(--split-drift) * -46vw + var(--mx) * 8px),calc(var(--split-drift) * -100px),0) scale(calc(1 + var(--split-drift) * .24));transform-origin:21% 52%}.splitframe-right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transform:translate3d(calc(var(--split-drift) * 46vw + var(--mx) * 8px),calc(var(--split-drift) * -100px),0) scale(calc(1 + var(--split-drift) * .24));transform-origin:79% 52%}.frame-two-img{z-index:5;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center 56%;opacity:var(--frame2-opacity);transform:translate3d(calc(var(--mx) * 10px),calc(var(--my) * 8px),0) scale(var(--frame2-scale));filter:brightness(.48) saturate(.72)}.shade{inset:0;z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(15,28,22,.36) 0%,rgba(15,28,22,.06) 34%,rgba(15,28,22,.12) 56%,rgba(13,25,19,.72) 100%)}.world:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(90deg,#101b141f,transparent 30%,transparent 70%,#101b142e)}
.intro-copy{z-index:9;left:50%;bottom:17.5vh;width:min(650px,calc(100vw - 40px));text-align:center;transform:translate3d(-50%,var(--intro-copy-y),0);opacity:var(--intro-copy-opacity);will-change:transform,opacity}.intro-copy>p{margin:0 auto;color:var(--paper);font-size:15px;font-weight:400;line-height:1.55;text-shadow:0 2px 18px rgba(0,0,0,.42)}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:23px}.hero-tags a{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 18px;color:var(--ink);border-radius:999px;background:var(--paper);font-size:11px;font-weight:500;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .2s,background .2s}.hero-tags a:hover{transform:translateY(-3px);background:#fff8ee}.hero-tags a span{font-size:16px}
.story-panel{z-index:10;left:50%;top:48%;width:min(900px,calc(100vw - 60px));text-align:center;pointer-events:none;will-change:transform,opacity}.story-panel h2{margin:0;color:var(--paper);font-family:"Ogg Medium",Georgia,serif;font-size:clamp(45px,5.5vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-shadow:0 16px 38px var(--shadow)}.story-panel>.eyebrow{margin:0 auto 28px;font-size:10px;letter-spacing:.24em}.story-panel>p:not(.eyebrow){width:min(450px,100%);margin:26px auto 0;font-size:14px;line-height:1.65;text-shadow:0 2px 18px var(--shadow)}.story-panel-bridge{top:49%;opacity:var(--panel2-opacity);transform:translate3d(-50%,var(--panel2-y),0)}.story-panel-bazaar{top:44%;opacity:var(--panel3-opacity);transform:translate3d(-50%,var(--panel3-y),0)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px;width:min(480px,100%);margin:42px auto 0}.facts dt{font-family:"Ogg Medium",Georgia,serif;font-size:45px;font-weight:500;line-height:.9}.facts dd{margin:15px 0 0;font-size:11px;line-height:1.4}.image-credit{display:block;margin-top:36px;font-size:8px;letter-spacing:.12em;opacity:.6}.note-button{min-height:45px;margin-top:28px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 24px;border-radius:999px;color:var(--ink);background:var(--paper);font-size:12px;pointer-events:auto}.note-button span{font-size:20px}
.back-stack{z-index:2;top:0;bottom:0;left:-3vw;right:-3vw;transform:translate3d(var(--back-x),var(--back-y),0) scale(var(--back-scale));transform-origin:50% 100%;will-change:transform}.back-four{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 30%,#bdbc9970,transparent 70%)}.back-bazaar{z-index:1;left:-20%;top:-30%;width:140%;height:140%;object-fit:cover;object-position:center 66%;filter:brightness(.44) saturate(.6);opacity:var(--driveway-opacity)}.sights-slider{z-index:12;left:0;right:0;top:var(--sights-top);opacity:1;visibility:var(--sights-visibility);transform:translate3d(var(--sights-enter-x),0,0) scale(var(--sights-scale));transform-origin:0 0;pointer-events:auto;will-change:transform}.sights-track{display:flex;gap:20px;align-items:stretch;transform:translate3d(calc(var(--sights-shift) + 5vw),0,0);transition:transform 640ms cubic-bezier(.22,1,.36,1);will-change:transform}.sights-track.is-jumping{transition:none}.sight-card{position:relative;flex:0 0 clamp(330px,27vw,430px);height:260px;padding:24px;overflow:hidden;border:1px solid rgba(253,241,225,.42);border-radius:19px;color:var(--ink);background:var(--paper);box-shadow:0 18px 52px #022f401f;cursor:pointer;user-select:none}.sight-kicker{display:block;position:relative;z-index:2;font-size:9px;font-weight:500;line-height:1.05;text-transform:uppercase;letter-spacing:.1em}.sight-pin{position:absolute;top:49px;right:23px;width:116px;height:107px;object-fit:cover;border-radius:5px;transform:rotate(4deg);filter:saturate(.65);box-shadow:2px 6px 14px #25352a20;transition:transform .4s}.sight-card:hover .sight-pin{transform:rotate(0) scale(1.05)}.sight-card h3{position:absolute;left:24px;right:24px;bottom:69px;margin:0;font-family:"Ogg Medium",Georgia,serif;font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-.035em}.sight-card p{position:absolute;left:24px;right:46px;bottom:23px;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-arrow{position:absolute;bottom:24px;right:20px;font-size:21px}.garage-sketch{background:#e8dfce;padding:10px;display:flex;align-items:center}.garage-sketch svg{width:100%;stroke:#4b5548;stroke-width:1.2}.sights-controls{z-index:15;left:48px;top:calc(var(--sights-screen-top) + 280px);display:flex;align-items:center;gap:12px;opacity:var(--sights-controls-opacity);pointer-events:none}.sights-controls.is-ready{pointer-events:auto}.sight-nav{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink);background:var(--paper);font-size:20px;transition:background .2s}.sight-nav:hover{background:white}.slider-count{font-size:11px;letter-spacing:.12em;margin:0 14px}.slider-hint{font-size:11px;opacity:.65}.projects-caption{position:absolute;z-index:10;left:7vw;bottom:18vh;opacity:var(--projects-opacity);pointer-events:none;transform:translateY(calc((1 - var(--projects-opacity)) * 30px))}.projects-caption .eyebrow{margin:0 0 17px}.projects-caption h2{font-family:"Ogg Medium",Georgia,serif;font-size:clamp(38px,4.5vw,67px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0}.projects-caption>p:last-child{font-size:13px;opacity:.8;margin-top:15px}
.stage-footer{position:absolute;z-index:21;bottom:28px;left:46px;right:46px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.02em;color:#fdf1e1b3}.location-label{display:flex;align-items:center;gap:9px}.location-dot{width:5px;height:5px;background:#d8d8b2;border-radius:50%;box-shadow:0 0 0 4px #d8d8b218}.scroll-cue{display:flex;align-items:center;gap:12px;background:none;color:var(--paper);font-size:10px;position:absolute;left:50%;transform:translateX(-50%)}.scroll-line{width:1px;height:24px;background:linear-gradient(transparent,#fdf1e1);margin-right:4px}.scroll-cue>span:last-child{font-size:16px}.demo-label>span{margin-left:26px;opacity:.7}.chapter-nav{position:absolute;z-index:22;right:27px;top:50%;display:flex;flex-direction:column;gap:9px;transform:translateY(-50%)}.chapter-nav button{display:flex;align-items:center;justify-content:flex-end;gap:10px;background:none;color:var(--paper);padding:6px}.chapter-nav button:after{content:"";width:5px;height:5px;border-radius:100%;border:1px solid #fdf1e180;transition:background .2s}.chapter-nav button.is-active:after{background:var(--paper);border-color:var(--paper);box-shadow:0 0 0 4px #fdf1e112}.chapter-nav span{font-size:8px;opacity:0}.chapter-nav button.is-active span{opacity:.8}.scroll-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--paper);transform:scaleX(var(--progress));transform-origin:left;z-index:30}
.project-dialog{border:0;padding:0;width:min(940px,calc(100% - 40px));max-height:90svh;border-radius:16px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 30px 120px #0006}.project-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.project-dialog::backdrop{background:#122019bb;backdrop-filter:blur(12px)}.dialog-close{position:absolute;z-index:2;top:13px;right:13px;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:27px}.dialog-visual{min-height:470px;background:#ddd6c6;display:grid;place-items:center;overflow:hidden}.dialog-visual>img{width:100%;height:100%;max-height:650px;object-fit:cover}.dialog-visual>svg{width:70%;stroke:#4b5548;stroke-width:1}.dialog-copy{padding:64px 35px 40px;align-self:center}.dialog-copy h2{font-family:"Ogg Medium",Georgia,serif;font-size:45px;line-height:1.05;font-weight:500;margin:25px 0;letter-spacing:-.04em}.dialog-copy>p:not(.eyebrow){font-size:14px;line-height:1.6}.dialog-copy .dialog-disclosure{font-size:10px!important;opacity:.6;margin-top:25px}.dialog-copy .note-button{background:var(--ink);color:var(--paper)}.no-script{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--paper);color:var(--ink);padding:20px;text-align:center}
.site-logo-image{display:block;width:200px;height:auto;aspect-ratio:1440 / 425;filter:brightness(0) invert(1);overflow:hidden}
.splitframe-img{opacity:var(--split-opacity,1)}
.back-bazaar{left:0;top:0;width:100%;height:100%;object-position:center 39%;filter:brightness(.36) saturate(.65)}
.sights-slider{left:var(--sights-left,0px)}
.sights-track{transform:translate3d(calc(var(--sights-shift) + 48px),0,0)}
.projects-caption{z-index:16}
@media(min-width:1600px){.hero-heading{top:21vh}.intro-copy{bottom:20vh}.hero-subtitle{margin-top:30px}.site-header{padding:36px 55px}.site-nav a{font-size:15px}.intro-copy>p{font-size:17px}.hero-tags a{font-size:13px;min-height:43px}.story-panel h2{font-size:86px}}
@media(max-width:1100px){.site-header{padding:25px 28px;gap:15px}.site-nav{gap:23px}.header-cta{font-size:10px;gap:12px}.hero-heading{top:23vh}.hero-title{font-size:16vw}.hero-subtitle{font-size:40px}.intro-copy{bottom:20vh}.stage-footer{left:28px;right:28px}.chapter-nav{right:13px}.sights-controls{left:30px}.projects-caption{left:6vw}}
@media(max-width:640px){.stage{min-height:540px}.site-header{grid-template-columns:1fr auto;padding:22px;gap:23px}.site-logo{font-size:23px}.site-nav{grid-column:1 / -1;grid-row:2;justify-content:center;gap:27px}.site-nav a{font-size:11px;padding:5px 0}.header-cta{font-size:10px;padding:10px 12px;gap:10px}.header-cta span{font-size:17px}.hero-heading{top:29vh}.hero-heading>.eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:21px}.hero-title{font-size:17vw;line-height:.88}.hero-subtitle{font-size:33px;margin-top:18px}.sky-img,.splitframe-img{object-position:51% center}.intro-copy{bottom:19vh;width:calc(100vw - 35px)}.intro-copy>p{font-size:12px;line-height:1.6}.hero-tags{gap:6px;margin-top:20px}.hero-tags a{min-height:34px;padding:0 12px;font-size:9px;gap:7px}.hero-tags a:nth-child(3){display:none}.hero-tags a span{font-size:13px}.stage-footer{left:22px;right:22px;bottom:21px;align-items:flex-end;font-size:8px}.location-label{max-width:130px;line-height:1.5}.demo-label{text-align:right}.demo-label>span{display:block;margin:5px 0 0}.scroll-cue{font-size:8px;gap:7px;bottom:46px;white-space:nowrap}.scroll-line{height:18px}.chapter-nav{right:9px;top:54%;gap:9px}.chapter-nav span{display:none}.chapter-nav button:after{width:4px;height:4px}.story-panel{width:calc(100vw - 54px)}.story-panel-bridge{top:48%}.story-panel-bazaar{top:45%}.story-panel h2{font-size:39px;line-height:1.08}.story-panel>.eyebrow{font-size:8px;margin-bottom:21px}.story-panel>p:not(.eyebrow){font-size:12px;line-height:1.65;width:290px;margin-top:21px}.facts{gap:18px;margin-top:31px}.facts dt{font-size:33px}.facts dd{font-size:9px;margin-top:13px}.image-credit{font-size:7px;margin-top:27px;letter-spacing:.04em}.note-button{font-size:11px;min-height:42px;margin-top:23px}.sight-card{flex-basis:min(82vw,330px);height:240px;border-radius:17px}.sights-track{gap:12px;transform:translate3d(calc(var(--sights-shift) + 10vw),0,0)}.sight-pin{height:91px;width:103px;top:43px}.sight-card h3{font-size:28px}.sights-controls{top:calc(var(--sights-screen-top) + 255px);left:24px;gap:10px}.sight-nav{height:42px;width:42px}.slider-hint{display:none}.projects-caption{left:25px;right:35px;bottom:20vh}.projects-caption h2{font-size:39px;max-width:300px}.projects-caption .eyebrow{font-size:8px}.projects-caption>p:last-child{font-size:11px}.project-dialog[open]{grid-template-columns:1fr}.dialog-visual{height:250px;min-height:250px}.dialog-visual>img{height:250px;object-position:center 55%}.dialog-copy{padding:25px}.dialog-copy h2{font-size:36px;margin:20px 0}.dialog-copy>p:not(.eyebrow){font-size:12px}.dialog-copy .eyebrow{font-size:8px}}
@media(max-height:700px) and (min-width:641px){.hero-heading{top:21vh}.hero-title{font-size:14vw}.hero-subtitle{font-size:35px;margin-top:14px}.intro-copy{bottom:15vh}.story-panel h2{font-size:52px}.facts{margin-top:24px}.facts dt{font-size:32px}.image-credit{margin-top:18px}.projects-caption{bottom:12vh}.projects-caption h2{font-size:38px}}
@media(max-width:640px){.site-logo-image{width:160px}.sights-track{transform:translate3d(calc(var(--sights-shift) + 24px),0,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.scroll-line{animation:none}}