:root{--ember:#ef4823;--cream:#f6f1e9;--ink:#0a0a09}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.gallery-site-header{position:absolute;z-index:20;inset:0 0 auto;height:100px;padding:0 clamp(20px,3vw,58px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(7,7,6,.92);border-bottom:1px solid rgba(255,255,255,.07)}.gallery-brand{display:flex;align-items:center;gap:14px;min-width:195px}.gallery-brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ember);color:var(--ember);font-size:19px;transform:rotate(45deg)}.gallery-brand>span:last-child{display:flex;flex-direction:column}.gallery-brand b{font-size:20px;letter-spacing:.04em}.gallery-brand small{margin-top:6px;color:#aaa39b;font-size:8px;letter-spacing:.3em}.gallery-nav{display:flex;gap:clamp(14px,1.55vw,30px);font-size:clamp(9px,.72vw,11px);font-weight:700;letter-spacing:.055em;white-space:nowrap}.gallery-nav a{position:relative;padding:41px 0}.gallery-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:29px;height:2px;background:var(--ember);transition:.25s}.gallery-nav a:hover:after,.gallery-nav a.active:after{right:0}.gallery-nav .active{color:var(--ember)}.gallery-book{display:flex;align-items:center;gap:14px;height:48px;padding:0 16px;border:1px solid var(--ember);font-size:11px;font-weight:700;white-space:nowrap}.gallery-book i{width:27px;height:1px;background:#fff}.gallery-book b{font-size:18px;font-weight:400}.gallery-menu-toggle{display:none;color:#fff;border:0;background:none}.gallery-page-hero{position:relative;height:630px;display:grid;place-items:center;overflow:hidden;isolation:isolate}.gallery-page-hero-bg{position:absolute;z-index:-3;inset:0;background:url('https://res.cloudinary.com/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http:static.spotapps.co/spots/a1/49c204db444e778b566beae7804144/:original') center/cover no-repeat;transform:scale(1.03)}.gallery-page-hero-overlay{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(4,4,3,.72),rgba(4,4,3,.55),rgba(4,4,3,.76))}.gallery-page-hero-content{padding-top:80px;text-align:center}.gallery-page-hero-content>p{margin:0 0 14px;color:var(--ember);font-size:10px;font-weight:700;letter-spacing:.25em}.gallery-page-hero h1{margin:0;font:400 clamp(75px,9vw,145px)/.95 "Anton",Impact,sans-serif;letter-spacing:.035em;text-shadow:0 8px 30px #000}.gallery-page-hero-content nav{display:flex;justify-content:center;gap:9px;margin-top:19px;font-size:10px;font-weight:700;letter-spacing:.08em}.gallery-page-hero-content nav b{color:var(--ember)}.gallery-page-hero>strong{position:absolute;bottom:-34px;left:50%;color:rgba(255,255,255,.07);font:400 clamp(110px,18vw,290px)/1 "Anton";transform:translateX(-50%);white-space:nowrap}.gallery-posts{padding:105px clamp(24px,6vw,105px) 120px;color:#171512;background:#f7f4ef}.gallery-posts-heading{text-align:center}.gallery-posts-heading>p{display:inline-block;margin:0 0 17px;padding:9px 14px;color:#fff;background:var(--ember);font-size:9px;font-weight:700;letter-spacing:.12em}.gallery-posts h2{margin:0;font:400 clamp(50px,5.4vw,82px)/1 "Anton"}.gallery-posts h2 em{color:var(--ember);font-style:normal}.gallery-posts-heading>span{display:block;margin:14px 0;color:#898279;font-size:11px;letter-spacing:.06em}.gallery-posts-heading>div{display:flex;justify-content:center;gap:7px;margin-top:20px}.gallery-posts-heading i{width:6px;height:6px;background:var(--ember);transform:rotate(45deg)}.gallery-filters{display:flex;justify-content:center;gap:8px;margin:45px auto 28px}.gallery-filters button{min-width:90px;height:42px;border:1px solid #d6cfc6;color:#39352f;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.gallery-filters button:hover,.gallery-filters button.active{color:#fff;border-color:var(--ember);background:var(--ember)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:290px;gap:18px;width:min(1350px,100%);margin:auto}.gallery-tile{position:relative;margin:0;overflow:hidden;background:#241f1a}.gallery-tile.gallery-wide{grid-column:span 2}.gallery-tile.gallery-tall{grid-row:span 2}.gallery-tile.is-hidden{display:none}.gallery-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.83) contrast(1.05);transition:transform .7s,filter .5s}.gallery-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));transition:.4s}.gallery-tile:hover img{transform:scale(1.055);filter:saturate(1)}.gallery-tile figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff;transform:translateY(5px);transition:.3s}.gallery-tile figcaption span{display:block;margin-bottom:6px;color:var(--ember);font-size:8px;font-weight:700;letter-spacing:.15em}.gallery-tile figcaption b{font:400 21px "Anton";letter-spacing:.04em}.gallery-footer{min-height:80px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #292623;color:#aaa39b;background:#090908}.gallery-footer>a:first-child{color:#fff;font-weight:700}.gallery-footer p{font-size:9px;letter-spacing:.08em}.gallery-footer>a:last-child{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--ember)}
@media(max-width:1100px){.gallery-site-header{height:76px;padding:0 22px}.gallery-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px 24px 25px;background:#0a0a09}.gallery-nav.open{display:flex}.gallery-nav a{padding:13px 0}.gallery-nav a:after{bottom:6px}.gallery-menu-toggle{display:block;margin-left:auto}.gallery-book{padding:0 12px}.gallery-book i,.gallery-book b{display:none}.gallery-page-hero{height:550px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-tile.gallery-wide{grid-column:span 2}}
@media(max-width:600px){.gallery-book{display:none}.gallery-brand{min-width:0}.gallery-page-hero{height:470px}.gallery-page-hero-content{padding-top:55px}.gallery-page-hero h1{font-size:74px}.gallery-page-hero>strong{bottom:-14px}.gallery-posts{padding:80px 18px 90px}.gallery-posts h2{font-size:49px}.gallery-filters{display:grid;grid-template-columns:1fr 1fr}.gallery-filters button:first-child{grid-column:1/-1}.gallery-grid{display:block}.gallery-tile,.gallery-tile.gallery-tall{height:300px;margin-bottom:14px}.gallery-footer{padding:25px 20px;flex-wrap:wrap}.gallery-footer p{order:3;width:100%}}
.gallery-page-hero-bg{background-image:url('https://www.qplace.kr/content/images/2025/05/KakaoTalk_20241119_145651362_06.jpg')}
.gallery-main-footer{position:relative;min-height:585px;overflow:hidden;isolation:isolate;color:#fff;background:#0b0a09}.gallery-main-footer-bg{position:absolute;z-index:-3;inset:0;background:url('./assets/hogheaven-footer-landscape.png') center/cover no-repeat}.gallery-main-footer-overlay{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.55),rgba(8,7,6,.88) 52%,rgba(8,7,6,.98))}.gallery-main-footer-content{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:clamp(35px,5vw,80px);width:min(1400px,calc(100% - 80px));margin:auto;padding:145px 0 85px}.gallery-footer-brand{display:flex;align-items:center;gap:15px;width:max-content}.gallery-footer-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ember);color:var(--ember);font-size:20px;transform:rotate(45deg)}.gallery-footer-brand>span:last-child{display:flex;flex-direction:column}.gallery-footer-brand b{font-size:24px;letter-spacing:.04em}.gallery-footer-brand small{margin-top:6px;color:#aaa39b;font-size:10px;letter-spacing:.28em}.gallery-footer-brand-col>p{max-width:320px;margin:25px 0;color:#bdb6ae;font-size:14px;line-height:1.75}.gallery-footer-socials{display:flex;gap:9px}.gallery-footer-socials a{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:12px;transition:.2s}.gallery-footer-socials a:hover{border-color:var(--ember);color:var(--ember);transform:translateY(-2px)}.gallery-footer-column{display:flex;flex-direction:column;align-items:flex-start}.gallery-footer-column h2{width:100%;margin:0 0 27px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.2);font:400 24px "Anton",Impact,sans-serif;letter-spacing:.04em}.gallery-footer-column address{margin:0 0 12px;color:#ddd6ce;font-size:14px;font-style:normal;line-height:1.7}.gallery-footer-column>a,.gallery-footer-column>span{margin-bottom:12px;color:#eee8e1;font-size:14px}.gallery-footer-column>a:hover{color:var(--ember)}.gallery-footer-menu{gap:3px}.gallery-footer-menu>a{display:flex;align-items:center;gap:10px}.gallery-footer-menu>a b{color:var(--ember);font-size:16px;font-weight:400}.gallery-footer-hours{display:grid;grid-template-columns:auto 1fr;gap:14px 18px;width:100%}.gallery-footer-hours span{color:#aaa39b;font-size:11px;font-weight:700;letter-spacing:.08em}.gallery-footer-hours b{font-size:13px;font-weight:500}.gallery-footer-column>small{margin-top:24px;color:#9e9790;font-size:11px}.gallery-footer-bottom{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(30px,5vw,80px);border-top:1px solid rgba(255,255,255,.1);background:rgba(7,7,6,.85)}.gallery-footer-bottom p,.gallery-footer-bottom span{margin:0;color:#aaa39b;font-size:10px;letter-spacing:.08em}.gallery-footer-bottom>div{display:flex;align-items:center;gap:30px}.gallery-footer-bottom a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--ember);font-size:18px}
@media(max-width:960px){.gallery-main-footer-content{grid-template-columns:1fr 1fr;width:min(760px,calc(100% - 70px));padding-top:120px}.gallery-main-footer{min-height:0}}
@media(max-width:600px){.gallery-main-footer-bg{background-position:64% center}.gallery-main-footer-content{grid-template-columns:1fr;gap:45px;width:calc(100% - 44px);padding:100px 0 65px}.gallery-footer-brand-col>p{max-width:100%}.gallery-footer-bottom{flex-direction:column;align-items:flex-start;padding:25px 22px}.gallery-footer-bottom>div{width:100%;justify-content:space-between}.gallery-footer-bottom span{max-width:220px;line-height:1.5}}

/* Gallery-only sticky navigation state. */
.gallery-brand-logo-image{display:block;width:clamp(175px,13vw,225px);height:auto}.gallery-footer-logo-image{display:block;width:240px;max-width:100%;height:auto}
.gallery-site-header.is-sticky{position:fixed;z-index:1000;animation:galleryHeaderStickyIn .28s ease both;box-shadow:0 5px 18px rgba(0,0,0,.18)}
@keyframes galleryHeaderStickyIn{from{opacity:.96;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}