*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2ede4;color:#171715;font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#171715;color:#f2ede4;border-bottom:1px solid #ffffff20;position:relative;z-index:2}.logo{font-weight:700;font-size:1.6rem;letter-spacing:-.09em}.logo img{display:block;width:150px;height:auto}.logo b,.logo span,.eyebrow,.tag{color:#e34b2c}.nav nav{display:flex;gap:2.5rem;font:500 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.nav-cta,.button,.text-link{font:500 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:calc(100vh - 76px);position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#171715;color:#fff}.hero-photo{position:absolute;inset:0;background:url('assets/berkawan-night.jpg') center/cover no-repeat;filter:saturate(.85)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0bdd,#0d0d0b55 65%,#0d0d0b14),linear-gradient(0deg,#0d0d0b99,#0d0d0b05 60%)}.hero-copy{position:relative;padding:8vw 7vw;max-width:780px}.eyebrow,.tag{font:500 .66rem 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(4rem,10vw,9.5rem);line-height:.8;letter-spacing:-.1em;margin:1.5rem 0}.hero h1 i,h2 i{font-family:Georgia,serif;font-weight:400;color:#ff6845}.lede{max-width:360px;line-height:1.55;color:#e6ddd1}.actions{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.button{display:inline-block;padding:1.15rem 1.35rem;background:#ff6845;color:#171715}.contact-number{font:500 .72rem 'DM Mono',monospace;letter-spacing:.08em;margin-top:1rem}.text-link:hover,.nav nav a:hover{color:#e34b2c}.stamp{position:absolute;top:8%;right:6%;border:1px solid #fff8;border-radius:50%;width:104px;height:104px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font:500 .58rem 'DM Mono',monospace;line-height:1.5}.stamp small{color:#ff6845;font-size:.45rem}.manifesto,.menu,.visit{padding:10vw 7vw}.manifesto{display:grid;grid-template-columns:1fr 2fr;gap:4vw}.manifesto-body{display:grid;grid-template-columns:1.5fr .8fr;gap:7vw}.display{font-size:clamp(2.4rem,5vw,5.8rem);letter-spacing:-.09em;line-height:.93;margin:0}.display em{font-family:Georgia,serif;color:#e34b2c}.body{font-size:.9rem;line-height:1.6;max-width:270px;color:#5c574f}.menu{background:#e34b2c}.gallery{padding:10vw 7vw;background:#f2ede4}.gallery .section-head{margin-bottom:4vw}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-auto-rows:260px;gap:12px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#171715}.gallery-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;left:1rem;bottom:1rem;color:#fff;background:#171715cc;padding:.45rem .65rem;font:500 .6rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.g-wide{grid-row:span 2}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:5vw}.menu .tag{color:#f2ede4}.menu h2,.visit h2{font-size:clamp(3rem,7vw,7rem);line-height:.82;letter-spacing:-.1em;margin:1.2rem 0 0}.menu h2 i{color:#f2ede4}.menu .body{color:#171715}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#17171555}.cards article{position:relative;min-height:330px;padding:2.2rem;background:#f2ede4;transition:transform .3s}.cards article:hover{transform:translateY(-8px)}.cards .dark{background:#171715;color:#f2ede4}.cards article>span{font:500 .65rem 'DM Mono',monospace}.cards strong{display:block;font-size:2.5rem;margin:4rem 0 1.5rem}.cards h3{font-size:2.4rem;letter-spacing:-.08em;margin:0}.cards p{max-width:220px;color:#726c63;font-size:.84rem;line-height:1.5}.dark p{color:#bdb5a9}.quote{padding:13vw 7vw;background:#171715;color:#f2ede4}.quote p{font-size:clamp(3.2rem,8vw,9rem);line-height:.83;letter-spacing:-.1em;margin:0}.quote i{color:#ff6845;font-family:Georgia,serif}.visit{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#ff6845}.art{min-height:420px;position:relative;overflow:hidden;background:#181815}.art div{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#f2ede4;left:-10%;top:15%}.art div:after{content:'';position:absolute;inset:15%;border:1px solid #e34b2c;border-radius:50%}.art label{position:absolute;right:9%;bottom:12%;color:#ff6845;font:500 .7rem 'DM Mono',monospace;text-transform:uppercase;line-height:1.5}.visit .tag{color:#171715}.visit h2 i{color:#f2ede4}.visit .body{color:#171715;margin:2rem 0 3rem}.meta{display:flex;gap:4rem;margin-bottom:2.5rem}.meta p{margin:0}.meta small{display:block;font:500 .62rem 'DM Mono',monospace;text-transform:uppercase}.meta b{display:block;margin-top:.6rem;font-size:.85rem}.black{background:#171715;color:#f2ede4}footer{padding:2rem 4vw;display:flex;align-items:center;justify-content:space-between;background:#171715;color:#f2ede4;border-top:1px solid #ffffff20;font:500 .6rem 'DM Mono',monospace;text-transform:uppercase}footer .logo{font:700 1.3rem 'Space Grotesk',sans-serif;text-transform:none}footer .logo img{width:125px}.manifesto,.cards article,.gallery,.quote,.visit{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.in{opacity:1;transform:none}@media(max-width:720px){.nav{height:64px;padding:0 5vw}.nav nav{display:none}.hero{min-height:calc(100vh - 64px)}.hero-copy{padding:22vh 7vw 18vw}.hero h1{font-size:clamp(4.5rem,20vw,8rem)}.stamp{top:6%;right:7%;width:80px;height:80px;font-size:.46rem}.manifesto,.menu,.gallery,.visit{padding:20vw 7vw}.manifesto,.manifesto-body,.visit{display:block}.manifesto-body .body,.section-head>.body{margin-top:3rem}.section-head{display:block}.cards{display:block}.cards article{min-height:280px;margin-bottom:1px}.art{min-height:280px;margin-bottom:4rem}.meta{gap:1.5rem;flex-wrap:wrap}footer{display:block;line-height:2.4}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.manifesto,.cards article,.gallery,.quote,.visit{transition:none}}