:root{--ink:#181e19;--paper:#f7f5f0;--gold:#c7a565;--progress:0;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #d6ad60;outline-offset:6px}.skip{position:fixed;top:10px;left:12px;transform:translateY(-180%);z-index:100;background:var(--paper);padding:16px}.skip:focus{transform:none}.masthead{position:absolute;z-index:8;top:0;left:4.5%;right:4.5%;height:112px;border-bottom:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:22px}.masthead img{display:block;object-fit:contain;width:181px;height:auto}.masthead nav{display:flex;align-items:center;gap:48px;font-size:14px}.nav-contact{border:1px solid #ffffff80;padding:15px 22px}.sequence{height:100svh;min-height:720px;position:relative;background:var(--paper)}.stage{height:100svh;min-height:720px;position:relative;overflow:hidden;background:var(--paper)}.frame{position:absolute;inset:0;overflow:hidden;background:var(--ink);color:#fff;transform-origin:center center}.poster,.poster img,.frame video,.shade{position:absolute;inset:0;width:100%;height:100%}.poster img,.frame video{object-fit:cover;object-position:60% 50%}.frame video{opacity:0;transition:opacity .45s}.frame video.is-playing{opacity:1}.shade{background:linear-gradient(90deg,rgba(8,14,10,.83),rgba(8,14,10,.40) 42%,rgba(8,14,10,.05) 78%),linear-gradient(0deg,rgba(8,14,10,.75),transparent 42%,rgba(8,14,10,.26));pointer-events:none}.hero-copy{position:absolute;left:7%;top:26%;max-width:790px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.2em;font-weight:600;margin:0 0 24px}.eyebrow span{margin:0 14px;color:#dac290}h1,h2,.transition-copy p{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em}h1{font-size:clamp(68px,7.8vw,122px);line-height:.96;margin:0 0 28px}h1 em{font-weight:400;color:#e9d6b7}.project{font-size:24px;letter-spacing:-.02em;margin:0 0 12px}.hero-description{font-size:16px;line-height:1.65;color:#f0eee7;margin:0}.actions{display:flex;align-items:center;gap:30px;margin-top:28px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);font-size:14px;padding:17px 25px;transition:background .2s,transform .2s}.button:hover{background:#e6d5b6;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #ffffff80;padding:12px 0}.media-caption{position:absolute;right:4.5%;bottom:100px;display:flex;align-items:center;gap:16px;font-size:12px}.media-caption>span{padding:7px 10px;background:#151b17bd}.media-caption button{background:#151b17d9;border:1px solid #ffffff70;color:#fff;min-width:95px;min-height:44px;padding:10px 14px;cursor:pointer}.hero-foot{position:absolute;bottom:33px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:20px;font-size:12px;letter-spacing:.13em}.transition-copy{display:none;position:absolute;left:7%;top:38%;pointer-events:none}.transition-copy>span{font-size:12px;letter-spacing:.22em}.transition-copy p{font-size:clamp(60px,6vw,90px);line-height:1.06;margin:22px 0}.transition-copy em{color:#ead9b9;font-weight:400}.sequence-line{position:absolute;height:2px;bottom:0;left:0;right:0;background:#18211b20}.sequence-line i{display:block;height:100%;background:var(--gold);width:calc(var(--progress)*100%)}.introduction{padding:62px 7% 90px;position:relative;background:var(--paper)}.intro-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18211b30;padding-top:24px;margin-bottom:62px;font-size:12px;letter-spacing:.12em}.intro-location{letter-spacing:0;font-size:14px;margin:0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.eyebrow.dark{color:#626b60;margin-bottom:22px}h2{font-size:clamp(44px,4.6vw,70px);line-height:1.05;margin:0 0 30px}h2 em{font-weight:400;color:#77694f}.intro-copy>p:not(.eyebrow):not(.fine){max-width:480px;line-height:1.8;color:#515a50;font-size:17px}.typologies{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;border-top:1px solid #18211b30;border-bottom:1px solid #18211b30;padding:22px 0;margin:30px 0}.dark-button{background:var(--ink);color:#fff}.dark-button:hover{background:#354936}.fine{font-size:12px;color:#61675e;margin-top:15px;line-height:1.6}figure{margin:0;min-width:0}.image-reveal{overflow:hidden}.image-reveal img{display:block;width:100%;height:auto;aspect-ratio:1/1.1;object-fit:cover}figcaption{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.5;color:#61675e;padding-top:16px}.study-footer{border-top:1px solid #18211b30;padding:28px 7%;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#61675e}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.motion-ready .sequence{height:165svh}.motion-ready .stage{position:sticky;top:0}.motion-ready .transition-copy{display:block;opacity:0}}
@media(max-width:1100px){.hero-copy{top:24%}h1{font-size:85px}.media-caption{bottom:90px}.masthead nav{gap:20px}.intro-grid{gap:5%}}
@media(max-width:760px){.masthead{height:88px;left:6%;right:6%}.masthead img{width:142px}.masthead nav>a:first-child{display:none}.nav-contact{border:0;border-bottom:1px solid #ffffff80;padding:10px 0;font-size:12px}.sequence,.stage{height:100svh;min-height:790px;max-height:1050px}.poster img,.frame video{object-position:center center}.shade{background:linear-gradient(90deg,#08100988,#08100922),linear-gradient(0deg,#081009eb 0%,#08100966 52%,#08100933 78%,#08100966)}.hero-copy{left:7%;right:7%;top:auto;bottom:165px}.eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:20px}h1{font-size:clamp(59px,13vw,90px);line-height:1.01;margin-bottom:23px}.project{font-size:23px}.hero-description{font-size:16px}.actions{gap:19px;align-items:flex-start;flex-direction:column;margin-top:23px}.button{padding:17px 22px;min-height:52px}.text-link{padding:4px 0 9px}.media-caption{left:7%;right:7%;bottom:88px;gap:10px;justify-content:space-between}.media-caption>span{font-size:12px;max-width:190px;padding-left:0;background:transparent}.media-caption button{font-size:12px;min-width:90px}.hero-foot{left:7%;right:7%;bottom:24px;letter-spacing:.07em;font-size:12px;gap:18px}.hero-foot>span:first-child{max-width:190px;line-height:1.5}.intro-heading{gap:20px;align-items:flex-start;margin-bottom:42px}.intro-location{font-size:12px}.section-number{line-height:1.7}.introduction{padding:36px 7% 55px}.intro-grid{grid-template-columns:1fr;gap:40px}h2{font-size:clamp(40px,10vw,64px)}.intro-copy>p:not(.eyebrow):not(.fine){font-size:16px}.image-reveal img{aspect-ratio:1/1.06}.study-footer{flex-direction:column;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.frame{transform:none!important}.hero-copy{opacity:1!important;transform:none!important}.transition-copy{display:none!important}.sequence-line{display:none}.image-reveal img{transform:none!important}}