*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg-100);color:var(--color-text-100);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance;line-height:1.2}p{text-wrap:pretty;line-height:1.5}ul{list-style:none}a{text-decoration:none;color:var(--color-text-200)}.btn{padding:var(--spacing-sm) var(--spacing-md);display:inline-block;font-size:1rem;font-weight:700;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth)}.btn--primary{background-color:var(--color-primary-100);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-primary-200)}.btn--secondary{background-color:transparent;color:var(--color-text-100);border:2px solid transparent}.btn--secondary:hover{background-color:var(--color-bg-200);border-color:var(--color-text-100)}.card{background-color:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.header{position:sticky;top:0;padding-block:var(--spacing-sm);z-index:1000}.navigation{margin-inline:auto;width:max-content;background-color:var(--color-bg-200);border-radius:var(--radius-lg)}.navigation .navigation__list{padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.navigation .navigation__list .navigation__link{text-decoration:none;color:var(--color-text-100);transition:var(--transition-smooth)}.navigation .navigation__list .navigation__link:hover,.navigation .navigation__list .navigation__link.active{color:var(--color-primary-100)}.hero{padding-top:var(--spacing-lg);text-align:center}.hero .hero__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.hero__title h1{font-size:clamp(1.125rem,.1667rem + 5.1111vw,4rem)}.hero__title p{font-size:clamp(.75rem,.3333rem + 2.2222vw,2rem)}.hero__categories{margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.artwork-card{display:flex;flex-direction:column}.artwork-card .artwork-card__image{aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.artwork-card h3{margin-bottom:var(--spacing-sm);font-size:clamp(.875rem,.55rem + 5.2vw,1.2rem)}.artwork-card p{font-size:clamp(.75rem,.3333rem + 2.2222vw,1rem)}.cta{padding-block:var(--spacing-lg);text-align:center;background-color:var(--color-bg-200)}.cta .cta__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.cta .cta__content .cta__title{font-size:clamp(1.5rem,.5rem + 3vw,2.5rem)}.footer{padding-block:var(--spacing-lg)}.footer .footer__content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.footer .footer__copyright{font-size:clamp(.75rem,.3333rem + 2.2222vw,1rem);color:var(--color-text-200)}.social-links{display:flex;gap:var(--spacing-sm);font-size:clamp(.75rem,.3333rem + 2.2222vw,1rem)}.social-links .social-links__link{text-decoration:none;color:var(--color-text-100);transition:var(--transition-smooth)}.social-links .social-links__link:hover{color:var(--color-primary-100)}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-md)}.section{padding-block:var(--spacing-lg) 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@font-face{font-family:Flyas Smeling;src:url(/fonts/FlyasSmelingRegular.woff2) format("woff2"),url(/fonts/FlyasSmelingRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chubbo;src:url(/fonts/Chubbo.woff2) format("woff2"),url(/fonts/Chubbo.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-accent-100: #6b5b95;--color-accent-200: #ffeaff;--color-bg-100: #f2e8cf;--color-bg-200: #bfb69e;--color-primary-100: #ff6f61;--color-primary-200: #db8a84;--color-text-100: #1d3557;--color-text-200: #4a5e84;--color-white: #f3f3f7;--color-black: #333333;--font-heading: "Flyas Smeling", Helvetica, Arial, sans-serif;--font-body: "Chubbo", serif;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 32px;--spacing-lg: 64px;--spacing-xl: 96px;--container-max-width: 1200px;--grid-gap: 24px;--grid-columns-desktop: 3;--grid-columns-tablet: 2;--grid-columns-mobile: 1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--shadow-sm: 0 4px 6px rgb(0, 0, 0 / 10%);--shadow-md: 0 8px 12px rgb(0, 0, 0 / 15%);--transition-smooth: all .3s ease}