.hero{isolation:isolate;background:#000;border:0;width:100%;min-height:0;height:86svh;max-height:none;overflow:hidden}
.phuket-lockup{position:relative;z-index:2;width:min(38.5vw,770px);display:flex;flex-direction:column;align-items:center;gap:32px;pointer-events:none}
.phuket-logo{display:block;width:100%;height:auto;overflow:hidden}
.phuket-logo image{filter:none;image-rendering:auto}
.phuket-logo mask image{filter:url(#logo-threshold)}
.phuket-lockup>span{font:10px var(--mono);letter-spacing:.38em;color:white}
.phuket-frame{opacity:0;transition:opacity .55s ease-in-out}.phuket-frame.is-active{opacity:1}
.phuket-lockup{transform-origin:center center;will-change:transform,opacity}
.phuket-mark-heel{opacity:0}
.site-header .logo-image{will-change:opacity}
.hero .hero-corner{color:#aaa;top:100px}.hero .hero-scroll{bottom:30px}
@media(max-width:800px){.hero{height:88svh}.phuket-lockup{width:57.4vw;gap:22px}.phuket-lockup>span{font-size:8px;letter-spacing:.26em}.hero .hero-corner{font-size:8px;top:85px}.hero .hero-scroll{left:16px;bottom:22px}}
/* The screenshot's spare composition: a large wordmark and a division row below. */
.hero .hero-corner{display:block}.hero .hero-scroll{display:flex}.phuket-lockup>span{display:none}
.hero-divisions{position:absolute;left:8vw;right:8vw;bottom:10vh;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}
.hero-divisions a{font:500 clamp(22px,3vw,48px)/1.1 var(--sans);text-transform:uppercase;letter-spacing:-.035em;color:#fff}
.hero-divisions a:hover{text-decoration:underline;text-underline-offset:8px}
.logo-image svg{display:block;width:100%;height:100%;background:transparent}
@media(max-width:800px){.hero-divisions{left:6vw;right:6vw;bottom:18vh;gap:12px}.hero-divisions a{font-size:clamp(13px,3.7vw,25px)}}
@media(prefers-reduced-motion:reduce){.phuket-frame{transition:none!important}.hero .hero-scroll b{animation:none}}
@media(max-width:1023px),(hover:none){.site-header .logo-image{opacity:1!important}}