:root{--color-beranda: #fff1f1;--color-white: #ffffff;--color-accent: #ffc64c;--color-ink: #000000;--color-oval: #f5f5f5;--color-cocoa: #926558;--color-blush: #f4d7d7;--color-navy: #243e70;--color-coffee: #522115;--color-grey: #d9d9d9;--font-display: "Do Hyeon", sans-serif;--font-body: "Sora", sans-serif;--font-script: "Festive", cursive;--font-pill: "Belanosima", sans-serif;--page-max: 1920px;--header-bar-h: 117px;--header-total: 236px;--section-pad-x: clamp(20px, 6.25vw, 120px)}@layer base{*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-beranda);color:var(--color-ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}section,article{animation:fade-up .7s ease-out both}header,footer{animation:fade-up .7s ease-out both}@media (prefers-reduced-motion: reduce){section,article,header,footer{animation:none}}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.deco-side{position:absolute;top:0;left:0;right:0;height:52px;background:var(--color-coffee);z-index:1}.hero-overlay{position:absolute;top:0;right:0;width:56%;height:100%;background:linear-gradient(89deg,#d9d9d900 .81%,#243e70e0 112.62%)}