@font-face{font-family:Inter;src:url('assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--pink:#ef9bb5;--paper:#eeeef0;--muted:#aaa9b1}
*{box-sizing:border-box}body{margin:0;background:#090a0c;color:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}
.network{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:46px;min-height:88px;padding:16px 5%;border-bottom:1px solid #ffffff12;background:#090a0cf5}.network-label{font-size:9px;letter-spacing:2px;color:#8e8c95}.network a{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;transition:opacity .2s}.network a:hover{opacity:.7}.network img{display:block;width:132px;height:35px;object-fit:contain}.network a:nth-of-type(3) img{width:118px}.network a>span{font-size:12px;color:#8f8b94}.network .current:after{content:'';position:absolute;bottom:-18px;left:0;right:0;height:2px;background:var(--pink)}
main{position:relative;min-height:calc(100svh - 153px);display:flex;align-items:center;overflow:hidden;isolation:isolate}.architecture{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 86% 34%,#40434d44,transparent 60%),linear-gradient(100deg,#090a0c 25%,#15171c);overflow:hidden}.bars{position:absolute;top:-23%;right:-5%;width:53%;height:148%;transform:rotate(18deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 91px,#111318 92px,#484c56 94px,#969aa5 97px,#42464f 100px,#0a0b0f 107px,transparent 110px);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 70%,transparent);opacity:.46}.light{position:absolute;inset:-30% -35% -30% 45%;background:linear-gradient(118deg,transparent 38%,#dbe5ff10 44%,#f6d5e322 49%,transparent 55%);filter:blur(25px);animation:light-drift 15s ease-in-out infinite alternate}.floor{position:absolute;inset:65% -15% -60% 35%;transform:perspective(400px) rotateX(50deg);background:repeating-linear-gradient(0deg,transparent 0,transparent 65px,#ced4df0b 66px,transparent 67px);opacity:.6}.architecture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0c 5%,#090a0cce 43%,transparent 85%),linear-gradient(0deg,#090a0c,transparent 30%)}
.hero{width:min(1060px,86%);padding:68px 0 76px;margin-left:8%;position:relative}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:2.6px;color:#c0b7be;margin:0 0 33px}.eyebrow>span{width:6px;height:6px;background:var(--pink);box-shadow:0 0 18px #ef9bb550;border-radius:50%}h1{margin:0 0 30px;line-height:0}h1 img{width:min(100%,865px);height:auto;display:block;filter:drop-shadow(0 10px 22px #0008)}.rule{width:min(100%,865px);height:1px;background:linear-gradient(90deg,#d2d0d151,transparent);margin-bottom:31px}.rule span{display:block;height:2px;width:42px;background:var(--pink)}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.16;font-weight:400;letter-spacing:-1.8px;margin:0 0 22px}h2 span{color:#a6a5ae}.description{font-size:14px;line-height:1.8;color:#a9a6b0;max-width:390px;margin:0 0 29px}.enter{display:inline-flex;gap:52px;align-items:center;justify-content:space-between;min-height:61px;padding:18px 23px;color:#161116;background:linear-gradient(120deg,#f5d9e2,#e89ab4);border:1px solid #f7c7d8;border-radius:3px;font-weight:600;font-size:14px;box-shadow:0 10px 40px #0005;transition:transform .2s,box-shadow .2s}.enter:hover{transform:translateY(-2px);box-shadow:0 10px 40px #ef9bb51a}.enter>span{font-size:22px;font-weight:400}.address{display:flex;align-items:center;gap:13px;font-size:10px;color:#8b8791;margin:20px 0 0}.address>span{text-decoration:line-through;color:#77727b}.address i{font-style:normal;color:#bc8197}.address strong{font-weight:400;color:#c7c1cb}.side-note{position:absolute;right:3.8%;bottom:12%;display:flex;align-items:center;gap:18px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#8c8592}.side-note span{width:1px;height:52px;background:#8f7989}
footer{min-height:65px;display:flex;align-items:center;gap:28px;padding:16px 5%;border-top:1px solid #ffffff12;position:relative;font-size:10px;color:#99939e}.age{font-size:9px;letter-spacing:1px}footer a:hover{color:var(--pink)}.preview{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#746e79}.motion-control{font-size:9px;color:#aba3af;background:transparent;border:1px solid #514951;border-radius:3px;padding:8px 11px;cursor:pointer}.motion-control:disabled{cursor:default;color:#8b828f}
@keyframes light-drift{from{transform:translate(-9%,0);opacity:.45}to{transform:translate(10%,4%);opacity:1}}
.motion-paused *{animation-play-state:paused!important;transition:none!important}
@media(min-width:1600px){.hero{margin-left:12%}.bars{right:2%;width:45%}}
@media(max-width:1000px){.network{gap:22px}.network-label{display:none}.hero{margin-left:7%;width:86%}.bars{width:75%;right:-15%}.side-note{display:none}}
@media(max-width:650px){.network{min-height:73px;padding:10px 12px;gap:8px}.network a{flex:1;min-width:0;justify-content:center}.network img,.network a:nth-of-type(3) img{width:100%;height:29px;max-width:125px}.network a>span{display:none}.network .current:after{bottom:-12px}.hero{padding:74px 0 64px;margin-left:7%;width:86%}.eyebrow{font-size:8px;letter-spacing:1.6px;gap:9px;margin-bottom:30px}h1{margin-bottom:28px}.rule{margin-bottom:34px}h2{font-size:34px;letter-spacing:-1.3px;line-height:1.18}.description{font-size:13px;max-width:320px;margin-bottom:30px}.enter{width:100%;max-width:340px;font-size:14px;min-height:60px}.address{font-size:9px;gap:11px;margin-top:19px}.bars{width:115%;right:-50%;opacity:.34}.architecture:after{background:linear-gradient(90deg,#090a0cdd,transparent),linear-gradient(0deg,#090a0c,transparent 60%)}main{min-height:calc(100svh - 175px)}footer{padding:18px 7%;gap:16px;flex-wrap:wrap;font-size:9px}.preview{order:4;margin:0;width:100%;font-size:7px}.motion-control{margin-left:auto;font-size:8px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Photo-led layout. The supplied photograph and logo remain separate, unedited assets. */
main{min-height:calc(100svh - 153px)}
.hero{width:43%;margin-left:7%;padding:80px 0;z-index:2}
.hero h1{margin-bottom:30px}.hero h1 img{width:100%;max-width:590px}.hero h2{font-size:clamp(34px,4vw,56px)}
.portrait{position:absolute;inset:0 0 0 auto;margin:0;width:51%;overflow:hidden;z-index:1;background:#101114}
.owner-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090a0c,transparent 23%),linear-gradient(0deg,#090a0cba,transparent 23%,transparent 78%,#090a0c33)}
.portrait-logo{position:absolute;z-index:2;left:17%;bottom:6%;width:76%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 7px #000);background:linear-gradient(0deg,#090a0c6b,transparent);padding:12px 0}
.architecture .bars{opacity:.17}.eyebrow{letter-spacing:2px}
@media(min-width:1600px){.hero{margin-left:8%;width:41%}.portrait{width:50%}}
@media(max-width:900px){main{display:flex;flex-direction:column;min-height:0;overflow:visible}.portrait{position:relative;inset:auto;width:100%;height:580px;order:0;flex:none}.owner-photo{object-position:50% 10%}.portrait:after{background:linear-gradient(0deg,#090a0c,transparent 24%),linear-gradient(90deg,#090a0c44,transparent 20%,transparent 80%,#090a0c44)}.portrait-logo{width:80%;left:10%;bottom:7%;max-width:650px}.hero{order:1;width:86%;margin:0 auto;padding:28px 0 60px}.hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.hero .rule{display:none}.eyebrow{margin-bottom:21px}.description{max-width:440px}.architecture{position:absolute;inset:0}.hero h2{font-size:40px}}
@media(max-width:650px){.portrait{height:490px}.owner-photo{object-position:50% 23%}.portrait-logo{width:84%;left:8%;bottom:7%;padding:10px 0}.hero{padding:20px 0 45px}.hero h2{font-size:36px}.eyebrow{font-size:8px}.description{max-width:350px}.enter{max-width:380px}}
@media(max-width:380px){.portrait{height:440px}}