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}}#media-301{margin:0;padding:0}.media-banner{color:#fff;text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:50vh;padding:40px 5vw;display:flex}.media-banner h1{color:#fff;text-transform:uppercase;letter-spacing:-.01em;margin:0;font-family:zuume,sans-serif;font-size:20vw;font-weight:700;line-height:1}.media-subheading{color:#fff;letter-spacing:.05em;margin:0;font-family:owners,sans-serif;font-size:22px;font-weight:300}.media-content{padding:60px 8vw}.media-projects-heading{text-align:center;margin:0 0 60px;font-family:zuume,sans-serif;font-size:120px;font-weight:700;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.media-projects-heading:before{content:"";z-index:-1;background-color:#f28482;width:115%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-project{align-items:center;gap:60px;margin-bottom:60px;display:flex}.media-project:nth-child(n+3){margin-bottom:200px}.media-project-left{flex-direction:row}.media-project-right{flex-direction:row-reverse}.media-project-media{cursor:pointer;flex:1;position:relative;overflow:hidden}.media-project-media img{width:100%;height:auto;transition:transform .4s;display:block}.media-project-media:hover img{transform:scale(1.03)}.media-project-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.media-project-media:hover .media-project-overlay{opacity:1}.media-project-overlay span{color:#fff;letter-spacing:.05em;font-family:owners,sans-serif;font-size:18px;font-weight:500}.media-project-text{flex-direction:column;flex:1;gap:20px;display:flex}.media-project-heading{margin:0;font-family:zuume,sans-serif;font-size:48px;font-weight:700;line-height:1.1}.media-project-description{margin:0;font-family:owners-text,sans-serif;font-size:18px;font-weight:100;line-height:1.7}.media-about{background-color:#f9f9f9;padding:60px 8vw}.media-about-heading{text-align:center;margin:0 0 50px;font-family:zuume,sans-serif;font-size:120px;font-weight:700;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.media-about-heading:before{content:"";z-index:-1;background-color:#f28482;width:115%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-about-content{align-items:center;gap:60px;display:flex}.media-about-img{flex-shrink:0}.media-about-text{flex:1}.media-about-text p{margin:0 0 1.2em;font-family:owners-text,sans-serif;font-size:18px;font-weight:100;line-height:1.7}.media-about-text p:last-child{margin-bottom:0}.media-connect{padding:60px 10vw}.media-connect-heading{margin:0 0 30px;font-family:owners,sans-serif;font-size:50px;font-weight:500}.media-project-shorts{flex:1;gap:16px;display:flex}.media-short{aspect-ratio:9/16;flex:1;overflow:hidden}.media-lightbox{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;font-size:32px;line-height:1;position:fixed;top:24px;right:32px}.media-lightbox-inner{background:#fff;width:80vw;height:88vh}.media-lightbox-pdf{border:none;width:100%;height:100%}.media-lightbox-img{width:100%;height:auto;display:block}.media-lightbox-inner.scrollable{height:88vh;overflow-y:auto}
