/* ============================================ MONLIS Website - Base Styles Reset & Global Styles ============================================ *//* ========================================== CSS RESET ========================================== */*,*::before,*::after {box-sizing:border-box;margin:0;padding:0;}html {font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;}body {font-family:var(--font-secondary);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-mine-shaft);background-color:var(--color-white);overflow-x:hidden;}/* ========================================== TYPOGRAPHY BASE ========================================== */h1,h2,h3,h4,h5,h6 {font-family:var(--font-primary);font-weight:var(--font-weight-semibold);line-height:1.2;}p {margin:0;}a {text-decoration:none;color:inherit;transition:var(--transition-fast);}a:hover {opacity:0.8;}/* ========================================== IMAGES & MEDIA ========================================== */img,video {max-width:100%;height:auto;display:block;}/* Prevent CLS for images with width/height attributes */img[width][height] {aspect-ratio:attr(width) / attr(height);}/* Hero images - reserve space to prevent CLS */.studio-hero__image,.service-hero__image,.home-hero__poster,.home-hero__image {aspect-ratio:16 / 9;object-fit:cover;}/* Card images - reserve space */.home-studios__card-image {aspect-ratio:3 / 2;object-fit:cover;}/* Thumbnail images */.studio-other-studios__card-image img {aspect-ratio:1 / 1;object-fit:cover;}/* ========================================== SVG ICONS ========================================== */svg {display:block;flex-shrink:0;}/* Prevent SVG from expanding beyond container */svg:not([width]):not([class]) {width:1em;height:1em;}/* ========================================== LISTS ========================================== */ul,ol {list-style:none;}/* ========================================== BUTTONS ========================================== */button {font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;}/* ========================================== UTILITY CLASSES ========================================== */.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.container {width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);}/* ========================================== RESPONSIVE CONTAINER ========================================== */@media (max-width:1440px) {.container {padding-left:60px;padding-right:60px;}}@media (max-width:1024px) {.container {padding-left:40px;padding-right:40px;}}@media (max-width:768px) {.container {padding-left:20px;padding-right:20px;}}