@font-face{font-family:Quicksand;src:url('assets/quicksand.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--black:#101211;--platinum:#d7dbda;--muted:#a4aaa6;--hairline:rgba(217,223,219,.2)}*{box-sizing:border-box}html{background:var(--black);color:var(--platinum);scroll-behavior:smooth}body{margin:0;font-family:Quicksand,'Century Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #e0e7e2;outline-offset:6px}.skip{position:fixed;top:-100px;background:#fff;color:#111;padding:16px;z-index:20}.skip:focus{top:10px}header{height:86px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline)}.wordmark{font-size:10px;letter-spacing:.32em}.header-contact{font-size:12px;letter-spacing:.04em}.header-contact span{margin-left:28px;font-size:20px}main{display:grid;grid-template-columns:45% 55%;min-height:min(850px,calc(100svh - 145px))}.intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 95% 5%,#252a26 0,transparent 55%),#101211}.intro-inner{position:relative;padding:58px 9.3% 44px;z-index:1}.logo-frame{position:relative;width:330px;max-width:100%;aspect-ratio:2.07;overflow:hidden;margin:0 0 52px}.logo-frame img{position:absolute;width:164.2%;max-width:none;height:auto;left:-33.8%;top:-119.5%;opacity:.92}.eyebrow{font-size:9px;letter-spacing:.25em;display:flex;align-items:center;gap:14px;margin-bottom:22px}.eyebrow span{width:28px;height:1px;background:linear-gradient(90deg,#b0b9b4,#59635c)}h1{font-weight:400;font-size:clamp(30px,3vw,49px);line-height:1.24;letter-spacing:-.035em;margin:0 0 22px;color:#f1f3f0}.intro-copy{font-size:14px;line-height:1.95;color:#afb7b0;margin:0 0 32px;letter-spacing:.005em}.contact{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;width:235px;background:linear-gradient(115deg,#f1f2ee,#c9cfca 55%,#b4bcb7);color:#19211c;font-size:13px;border:1px solid #d7ded9;transition:filter .2s,transform .2s}.contact:hover{filter:brightness(1.1);transform:translateY(-2px)}.arrow{font-size:23px;line-height:1}.email{display:inline-block;font-size:12px;letter-spacing:.06em;margin-top:21px;color:#aeb7b0;border-bottom:1px solid transparent;padding-bottom:4px}.email:hover{border-color:#aeb7b0}.intro-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 9.3%;border-top:1px solid var(--hairline);font-size:9px;letter-spacing:.2em;gap:12px}.status{font-size:10px;letter-spacing:.025em;color:#aeb7b0;display:flex;align-items:center;gap:8px}.status b{width:4px;height:4px;background:#bccac1;border-radius:50%;box-shadow:0 0 8px #a8b3ac55}.visual{position:relative;min-height:650px;overflow:hidden}.residence{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center;animation:reveal 1.2s ease-out both}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 35%,rgba(0,0,0,.5))}.image-top,.image-bottom{position:absolute;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center}.image-top{top:32px;font-size:9px;letter-spacing:.24em;color:#f1f4ee}.index{letter-spacing:.08em;opacity:.75}.image-bottom{bottom:36px;color:#fff}.small-label{font-size:9px;letter-spacing:.25em}.image-bottom p{font-size:25px;font-weight:400;letter-spacing:-.025em;margin:12px 0 0}.expand{width:43px;height:43px;background:#ffffff0a;border:1px solid #ffffff77;border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}.expand:hover{background:#ffffff25}footer{padding:22px 4.2%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.03em;gap:20px;color:#a3aaa5}.footer-note{color:#7e8981}footer a{color:#c5cec7}footer a span{margin-left:8px}.palm-shadow{position:absolute;inset:-140px -180px auto auto;width:560px;height:450px;opacity:.33;filter:blur(10px);transform:rotate(-24deg);z-index:0;pointer-events:none}.palm-shadow i{position:absolute;right:5%;top:7%;width:540px;height:23px;border-radius:100% 0 100% 0;background:#020703;transform-origin:right center}.palm-shadow i:nth-child(1){transform:rotate(-48deg)}.palm-shadow i:nth-child(2){transform:rotate(-32deg)}.palm-shadow i:nth-child(3){transform:rotate(-17deg)}.palm-shadow i:nth-child(4){transform:rotate(-2deg)}.palm-shadow i:nth-child(5){transform:rotate(14deg)}.palm-shadow i:nth-child(6){transform:rotate(29deg)}.palm-shadow i:nth-child(7){transform:rotate(44deg)}.palm-shadow i:nth-child(8){transform:rotate(60deg)}.palm-shadow i:nth-child(9){transform:rotate(75deg)}dialog{border:1px solid #ffffff22;background:#101211;color:#e7eae7;max-width:95vw;width:1200px;padding:16px;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#050706ed}dialog img{display:block;width:100%;max-height:78svh;object-fit:contain}dialog button{border:0;background:none;color:#fff;display:block;margin:0 0 14px auto;cursor:pointer;padding:7px}dialog button span{font-size:23px;margin-left:12px}dialog p{font-size:11px;letter-spacing:.05em;margin:14px 0 0}body:has(dialog[open]){overflow:hidden}@keyframes reveal{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(min-width:1600px){.intro-inner{padding-top:80px}.logo-frame{width:370px;margin-bottom:64px}.intro-copy{font-size:16px}.visual{min-height:750px}}@media(max-width:1000px){main{grid-template-columns:48% 52%}.intro-inner{padding:45px 9% 38px}.logo-frame{margin-bottom:42px}.intro-copy{font-size:12px}.visual{min-height:630px}.footer-note{display:none}.image-bottom p{font-size:21px}}@media(max-width:700px){header{height:65px;padding:0 7%}.wordmark{font-size:8px;letter-spacing:.18em}.header-contact{font-size:10px}.header-contact span{margin-left:9px}main{display:flex;flex-direction:column;min-height:0}.intro-inner{padding:44px 8% 35px}.logo-frame{width:280px;margin-bottom:34px}h1{font-size:37px;line-height:1.25}.intro-copy{font-size:14px}.eyebrow{font-size:8px;margin-bottom:20px}.contact{width:100%;max-width:320px}.email{font-size:12px}.intro-bottom{padding:20px 8%}.visual{min-height:460px;aspect-ratio:4/5}.image-top{top:25px}.image-bottom{bottom:28px}.residence{object-position:58% center}.image-bottom p{font-size:24px}footer{padding:24px 8%;flex-direction:column;align-items:flex-start;gap:15px;font-size:10px}.footer-note{display:block;font-size:9px;order:3}.palm-shadow{opacity:.25}.logo-frame img{opacity:.95}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
