@import"https://fonts.googleapis.com/css2?family=Pattaya&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg-pale: #FCF5EE;--color-coral-soft: #FFC4C4;--color-coral-strong: #C43A5C;--color-accent-deep: #850E35;--color-text-main: #850E35;--color-white: #FFFFFF;--color-primary: var(--color-accent-deep);--color-accent: var(--color-coral-strong);--color-background: var(--color-bg-pale);--color-highlight: rgba(133, 14, 53, .7);--font-main: "Inter", sans-serif;--font-heading: "Pattaya", sans-serif;--font-display: "DM Serif Text", serif;--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--spacing-section: clamp(60px, 8vw, 100px);--spacing-section-desktop: 100px;--spacing-section-mobile: 60px;--container-padding: clamp(12px, 2.5vw, 16px);--shadow-card: 0 4px 20px rgba(133, 14, 53, .08);--shadow-hover: 0 8px 30px rgba(133, 14, 53, .15);--radius-card: 12px;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-pale);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1{font-family:var(--font-heading);font-size:clamp(32px,8vw,56px);font-weight:400;letter-spacing:.02em;line-height:1.2}h2{font-family:var(--font-heading);font-size:clamp(28px,6vw,42px);font-weight:400;letter-spacing:.02em;line-height:1.3}h3{font-family:var(--font-heading);font-size:clamp(20px,4vw,28px);font-weight:400;letter-spacing:.02em;line-height:1.4}h4{font-family:var(--font-heading);font-size:clamp(18px,3vw,24px);font-weight:400;letter-spacing:.02em}h5{font-family:var(--font-heading);font-size:clamp(16px,2.5vw,20px);font-weight:400;letter-spacing:.02em}h6{font-family:var(--font-heading);font-size:clamp(14px,2vw,18px);font-weight:400;letter-spacing:.02em}p{font-size:clamp(14px,2.5vw,16px);margin-bottom:1rem;line-height:1.7}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition-smooth)}:focus-visible{outline:2px solid var(--color-coral-strong);outline-offset:2px}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-coral-strong);outline-offset:2px;box-shadow:0 0 0 4px #ee698340}.container{max-width:1200px;margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(10px,2vw,12px) clamp(24px,4vw,32px);border-radius:50px;font-size:clamp(14px,2.5vw,16px);transition:transform .2s ease,box-shadow .2s ease;min-height:44px;font-weight:500}.btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ee69834d}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-accent-deep);color:var(--color-white)}.btn-secondary{border:1px solid var(--color-coral-strong);color:var(--color-coral-strong);background:transparent}.btn-secondary:hover{background-color:var(--color-coral-strong);color:var(--color-white)}.nav-link{position:relative;display:inline-block;text-decoration:none}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-coral-strong);transition:width .3s ease-in-out}.nav-link:hover:after,.nav-link.active:after{width:100%}@media(max-width:479px){.container{padding-left:16px;padding-right:16px}}@media(min-width:768px){.container{padding-left:20px;padding-right:20px}}@media(min-width:1280px){.container{padding-left:40px;padding-right:40px}}html{scroll-behavior:smooth}@media(max-width:479px){h1{font-size:clamp(28px,7vw,40px)}h2{font-size:clamp(24px,5.5vw,32px)}.btn{padding:10px 20px;font-size:14px;min-width:auto;width:100%}}@media(min-width:480px)and (max-width:767px){.btn{padding:11px 24px;font-size:15px}}.responsive-grid{display:grid;gap:clamp(16px,3vw,32px);grid-template-columns:1fr}@media(min-width:600px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}.responsive-card{height:clamp(320px,45vw,420px)}@media(hover:none)and (pointer:coarse){button,a.btn,.btn{min-height:44px;min-width:44px}}main{max-width:100vw;overflow-x:hidden}img{max-width:100%;height:auto;display:block}
