@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-font: "Inter", system-ui, -apple-system, "Helvetica Neue", sans-serif;--color-off-white: #faf9f6;--color-white: #ffffff;--color-matt-black: #111111;--color-black: #000000;--color-dark-grey: #222222;--color-mid-grey: #606060;--color-light-grey: #c0c0c0;--color-field-grey: #e5e5e5;--intro-size: 36px;--title-size: 36px;--secondary-title: 21px;--subtitle: 12px;--main-menu: 30px;--width-desktop: min(100%, 1000px);--max-width: 1920px;--navbar-height: 50px;--full-page-height: 100vh;font-size:15px}*{box-sizing:border-box}html{scroll-padding-top:var(--navbar-height)}html,body{margin:0;padding:0;background:var(--color-matt-black);color:var(--color-white);font-family:var(--primary-font);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tattoo-app{background:var(--color-matt-black);color:var(--color-white);min-height:100vh}.main-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);background:var(--color-black);display:flex;align-items:center;justify-content:flex-start;padding:0 24px}.nav-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--subtitle);font-weight:500;letter-spacing:.3rem;text-transform:uppercase;color:var(--color-white);pointer-events:none}.menu-toggle{background:none;border:none;color:var(--color-white);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:201;position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#00000080;opacity:0;pointer-events:none;transition:opacity .35s ease}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-panel{position:fixed;top:0;left:0;bottom:0;z-index:200;width:320px;max-width:80vw;background:var(--color-black);padding:calc(var(--navbar-height) + 32px) 32px 32px;transform:translate(-100%);transition:transform .35s ease;overflow-y:auto}.menu-panel.open{transform:translate(0)}.menu-close{position:absolute;top:12px;left:16px;background:none;border:none;color:var(--color-white);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.menu-close:hover{opacity:.6}.menu-links{list-style:none;padding:0;margin:0;text-align:left}.menu-links li{margin:24px 0}.menu-links a{font-size:var(--main-menu);font-weight:200;letter-spacing:.3rem;text-transform:uppercase;color:var(--color-white);text-decoration:none;transition:opacity .3s ease}.menu-links a:hover{opacity:.6}.section-container{width:var(--width-desktop);max-width:var(--max-width);margin:0 auto;padding:120px 24px}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:var(--title-size);font-weight:200;letter-spacing:.2rem;text-transform:uppercase;margin:0 0 24px;color:var(--color-white)}.section-header p{font-size:var(--subtitle);font-weight:300;letter-spacing:.1rem;text-transform:uppercase;color:var(--color-light-grey);margin:0 auto;max-width:540px;line-height:1.8}.divider{width:32px;height:1px;background:var(--color-white);margin:0 auto 32px}.section-footer{text-align:center;margin-top:48px}.primary-btn,.secondary-btn{display:inline-block;padding:14px 32px;font-family:inherit;font-size:var(--subtitle);font-weight:400;letter-spacing:.2rem;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.primary-btn{background:var(--color-white);color:var(--color-matt-black);border:1px solid var(--color-white)}.primary-btn:hover{background:transparent;color:var(--color-white)}.secondary-btn{background:transparent;color:var(--color-white);border:1px solid var(--color-white)}.secondary-btn:hover{background:var(--color-white);color:var(--color-matt-black)}.hero-section{position:relative;width:100%;height:var(--full-page-height);min-height:600px;background:linear-gradient(#00000080,#00000080),url(https://juncha.com/wp-content/uploads/2021/10/Mainimage-1.jpg) center / cover no-repeat;color:var(--color-white);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-content{position:relative;z-index:1;text-align:center;padding:0 24px}.hero-eyebrow{font-size:var(--subtitle);font-weight:400;letter-spacing:.3rem;text-transform:uppercase;color:var(--color-light-grey);margin:0 0 24px}.hero-wordmark{font-size:clamp(48px,9vw,120px);font-weight:200;letter-spacing:.4rem;text-transform:uppercase;line-height:1;margin:0 0 32px;color:var(--color-white)}.hero-tagline{max-width:480px;margin:0 auto 48px;font-size:14px;font-weight:300;letter-spacing:.05rem;line-height:1.8;color:var(--color-light-grey)}.hero-cta{display:inline-block;padding:12px 0;font-size:var(--subtitle);font-weight:400;letter-spacing:.4rem;text-transform:uppercase;color:var(--color-white);background:none;border:none;border-bottom:1px solid var(--color-white);cursor:pointer;transition:opacity .3s ease,letter-spacing .3s ease}.hero-cta:hover{opacity:.7;letter-spacing:.5rem}.instagram-feed{background:linear-gradient(#0009,#0009),url(https://juncha.com/wp-content/uploads/2021/10/Mainimage-4.jpg) center / cover no-repeat}.lightwidget-widget{display:block;width:100%}.booking-section{background:linear-gradient(#0009,#0009),url(https://juncha.com/wp-content/uploads/2021/10/3-3.jpg) center / cover no-repeat}.booking-section .section-container{padding-bottom:48px}.booking-container{width:100%;max-width:800px}.page-copyright{margin:0;padding:24px 24px 32px;text-align:center;font-size:var(--subtitle);font-weight:300;letter-spacing:.2rem;text-transform:uppercase;color:var(--color-mid-grey);background:var(--color-matt-black)}@media (max-width: 768px){.section-container{padding:80px 20px}.section-header{margin-bottom:48px}.hero-wordmark{letter-spacing:.3rem}html,body{scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.hero-section,.instagram-feed,.booking-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;min-height:100dvh}}