body{margin:0;position:relative}body ::selection{color:#fff;background:#00f}h1,h2,h3{font-family:owners,sans-serif;font-style:normal;font-weight:500}a,p{font-family:owners-text,sans-serif;font-size:20px;font-weight:100}a{text-decoration:none}h1{font-display:swap;margin:0;font-size:50px;display:inline-block}h2{font-size:50px}section{padding:20vh 10vw}footer{flex-direction:row;justify-content:center;padding:0 10vw 5vh;display:flex}footer a,footer a:visited{color:#000}section#introduction{color:#fff;background-color:#000;align-items:center;min-height:100vh;padding:0;display:flex}.horizontal-scroll{white-space:nowrap;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.scroll-content{z-index:2;align-items:center;gap:10px;width:300vw;font-size:3rem;display:flex;position:relative}.intro-bg-photo{z-index:1;opacity:0;position:absolute;overflow:hidden}.intro-bg-photo img{object-fit:cover;width:100%;height:100%;display:block}.intro-bg-video{width:30vw;height:68vh;bottom:5vh;left:5vw}.intro-bg-dining{width:28vw;height:62vh;top:8vh;left:50%;transform:translate(-50%)}.intro-bg-dj{width:30vw;height:68vh;bottom:5vh;right:5vw}.scroll-content .text{font-family:owners,sans-serif;font-size:50px;font-style:normal;font-weight:500}#txt-hi{text-align:center;width:100vw}#scroll-hint{text-align:center;color:#fff;opacity:0;pointer-events:none;z-index:3;width:100%;margin:0;font-family:owners,sans-serif;font-size:18px;font-weight:500;transition:opacity .8s;position:absolute;bottom:30px}#scroll-hint.visible{opacity:1}.projects{flex-wrap:wrap;align-content:center;align-items:center;gap:1rem;width:fit-content;margin:0 auto;padding:0;display:flex}.project{width:35vw;margin:0;overflow:hidden}.project-image{position:relative}.project-image img{opacity:.6;width:100%;height:auto}.play-btn{pointer-events:none;background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;bottom:12px;right:12px}.play-btn:after{content:"";border:6px solid #0000;border-left:11px solid #000;border-right-width:0;width:0;height:0;margin-left:3px}section#about img{aspect-ratio:932/1247;object-fit:cover;width:100%;max-width:500px}.project-info{color:#000;background-color:#fff;border-radius:15px;width:90vw;max-width:300px;display:none;position:absolute;top:0;left:0}.h{flex-direction:row;align-items:flex-start;display:flex}.v{flex-direction:column;display:flex}.p{padding:50px}.social-link{color:#000;align-items:center;margin:10px 0;display:flex;position:relative}.social-link span{margin:0 0 0 10px;font-weight:500}.social-link .underline{background-color:red;width:0;height:calc(1px + .6vw);display:block;position:absolute;bottom:0;left:0}@media (max-width:600px){.h{flex-direction:column}.h .v.p{width:100%;padding:20px 0}.scroll-content .text{font-size:30px}.project{width:90vw}}