@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c0d0d;color:#f3f0e9;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:28px 4vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:13px;letter-spacing:.18em;font-weight:500}.brand i{font-family:"Instrument Serif";font-weight:400;letter-spacing:0;margin:0 4px}nav{display:flex;gap:34px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}nav a{opacity:.72}.menub{display:none;background:none;border:0;color:#fff}.experience{height:520vh}.sticky{height:100vh;position:sticky;top:0;overflow:hidden;background:#111}.sticky video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0000008c,#00000014 55%,#0000001f),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}.copy{position:absolute;left:7vw;top:50%;transform:translateY(-45%);max-width:750px;animation:appear .6s ease}.copy small,.contact small{font-size:10px;letter-spacing:.25em}.copy h1,.copy h2{font-family:"Instrument Serif";font-weight:400;font-size:clamp(72px,9vw,150px);line-height:.76;margin:28px 0}.copy h2{font-size:clamp(64px,8vw,130px)}em{font-weight:400}.copy p{font-size:13px;line-height:1.8;letter-spacing:.02em;opacity:.8}.scroll{position:absolute;bottom:28px;left:4vw;font-size:9px;letter-spacing:.18em;display:flex;gap:10px;align-items:center}.count{position:absolute;bottom:28px;right:4vw;font-size:11px}.count b{opacity:.45;font-weight:400}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff30}.progress span{display:block;height:100%;background:#eee;transform-origin:left}.collection{background:#e9e6de;color:#141515;padding:120px 5vw 150px}.eyebrow{font-size:10px;letter-spacing:.2em;border-top:1px solid #2225;padding-top:14px;display:flex;justify-content:space-between}.collection h3,.about h3,.contact h3{font-family:"Instrument Serif";font-size:clamp(70px,10vw,150px);font-weight:400;line-height:.78;margin:80px 0 45px}.intro{max-width:420px;margin-left:auto;font-size:15px;line-height:1.8}.props{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px;margin-top:100px}.placeholder{height:60vh;min-height:450px;background:#b9b5aa;position:relative;overflow:hidden}.p0{background:linear-gradient(145deg,#6d706d,#bab4a5)}.p1{background:linear-gradient(145deg,#8c877e,#c9c3b5)}.p2{background:linear-gradient(145deg,#4f5352,#a7a397)}.placeholder:after{content:"";position:absolute;inset:20%;border:1px solid #ffffff38}.placeholder span{position:absolute;top:18px;left:18px;font-size:10px}.placeholder button{position:absolute;bottom:18px;right:18px;border:0;background:#eeeae0;padding:14px 16px;font-size:9px;letter-spacing:.12em;display:flex;gap:12px;align-items:center}.meta{display:flex;justify-content:space-between;padding-top:16px}.meta b,.meta strong{font-size:11px;letter-spacing:.1em}.meta small{display:block;margin-top:7px;opacity:.5}.about{background:#141616;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.portrait{min-height:800px;background:linear-gradient(160deg,#393a38,#171918);display:grid;place-items:center;color:#fff5;font-size:10px;letter-spacing:.2em;text-align:center}.aboutcopy{padding:90px 7vw;align-self:center}.about h3{font-size:clamp(70px,8vw,120px);margin:60px 0}.aboutcopy p{max-width:480px;font-size:15px;line-height:1.9;color:#bbb}.aboutcopy a{display:inline-flex;gap:15px;margin-top:35px;border-bottom:1px solid #777;padding-bottom:8px;font-size:10px;letter-spacing:.16em}.contact{min-height:100vh;background:#d8d2c5;color:#171817;padding:130px 5vw 35px;display:flex;flex-direction:column}.contact h3{font-size:clamp(90px,13vw,190px);margin:auto 0 70px}.contact>a{font-family:"Instrument Serif";font-size:clamp(24px,3vw,46px);border-bottom:1px solid #222;padding-bottom:16px;display:flex;justify-content:space-between}.contact footer{margin-top:100px;border-top:1px solid #2224;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}.mobile{display:none}@keyframes appear{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-45%)}}@media(max-width:760px){header{position:absolute;padding:22px}.brand{font-size:11px}nav{display:none}.menub{display:block}.mobile{display:flex;position:absolute;z-index:19;top:0;width:100%;padding:100px 24px 40px;background:#111;flex-direction:column;gap:28px}.experience{height:420vh}.copy{left:24px;right:24px}.copy h1,.copy h2{font-size:58px}.scroll{left:22px}.count{right:22px}.collection{padding:90px 22px}.collection h3,.about h3{font-size:66px}.intro{margin:0}.props{grid-template-columns:1fr;margin-top:60px}.placeholder{height:65vh}.about{grid-template-columns:1fr}.portrait{min-height:70vh}.aboutcopy{padding:80px 22px}.contact{padding:100px 22px 25px}.contact h3{font-size:75px}.contact footer{gap:15px;flex-wrap:wrap}}.sticky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.loader{position:absolute;inset:0;background:#0c0d0d;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .5s}.loader b{font-size:13px;letter-spacing:.2em}.loader i{font-family:"Instrument Serif";font-weight:400}.loader span{font-size:9px;letter-spacing:.2em;opacity:.55}.property{height:60vh;min-height:450px;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:background-size .6s}.property span{position:absolute;top:18px;left:18px;font-size:10px;color:#fff}.property button{position:absolute;bottom:18px;right:18px;border:0;background:#eeeae0;padding:14px 16px;font-size:9px;letter-spacing:.12em;display:flex;gap:12px;align-items:center}.portrait{overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait2{width:min(320px,70%);margin-top:55px;display:block;aspect-ratio:2/3;object-fit:cover}.copy{will-change:transform,opacity}.sticky{contain:paint}.collection,.about,.contact{content-visibility:auto;contain-intrinsic-size:1000px}html.model-loading,body.model-loading{overflow:hidden!important;height:100%;overscroll-behavior:none}.model-gate{position:fixed;inset:0;z-index:9999;background:#0c0d0d;display:grid;place-items:center;color:#f3f0e9;cursor:wait}.gate-inner{width:min(440px,82vw);text-align:center}.gate-inner>b{display:block;font-size:14px;letter-spacing:.24em;font-weight:500;margin-bottom:34px}.gate-inner>b i{font-family:"Instrument Serif";font-weight:400;letter-spacing:0}.gate-line{height:1px;background:#ffffff24;overflow:hidden;margin:0 auto 18px}.gate-line span{display:block;width:100%;height:100%;background:#f3f0e9;transform-origin:left;transition:transform .18s linear}.gate-inner strong{display:block;font-family:"Instrument Serif";font-size:clamp(58px,8vw,92px);font-weight:400;line-height:1;margin:8px 0 16px}.gate-inner small{font-size:9px;letter-spacing:.25em}.gate-inner p{font-size:11px;line-height:1.7;opacity:.45;margin:14px 0 0}.gate-inner button{margin-top:24px;border:1px solid #ffffff55;background:transparent;color:#fff;padding:13px 20px;font-size:9px;letter-spacing:.18em;cursor:pointer}.experience-ui{opacity:0;visibility:hidden;transition:opacity .7s ease .12s}.experience-ui.is-ready{opacity:1;visibility:visible}body.model-loading header{opacity:0;pointer-events:none}header{transition:opacity .5s ease}.model-gate{transition:opacity .6s ease,visibility .6s ease}.model-gate.is-exiting{opacity:0;visibility:hidden;pointer-events:none}.gate-inner strong{font-variant-numeric:tabular-nums}
