:root{--color-bg:#fff;--color-surface:#f1f6fb;--color-text:#14273c;--color-muted:#566f86;--color-border:#d8e3ef;--color-accent:#2f6fb0;--color-accent-strong:#255e97;--color-accent-green:#1f7a53;--gutter:max(1.25rem, 8%);--font-display:"rl-folklor", sans-serif;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit}main{padding:0 var(--gutter);margin:0}.site-header{padding:1.5rem var(--gutter);justify-content:space-between;align-items:center;margin:0;display:flex}.site-header .brand{font-family:var(--font-display);font-size:2.5rem;font-weight:900;line-height:1;text-decoration:none}.site-header nav{gap:1.5rem;display:flex}.site-header nav a{color:var(--color-muted);text-decoration:none}.site-header nav a:hover{color:var(--color-accent)}.site-header nav a[aria-current=page]{color:var(--color-text);font-weight:600}.hero{height:70vh;min-height:24rem;position:relative;overflow:hidden}.hero-media{object-fit:cover;width:100%;height:100%}.hero-overlay{text-align:center;color:#fff;background:linear-gradient(#14273c4d,#14273c80);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-overlay h1{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(2.5rem,7vw,5rem);font-weight:900}.hero-overlay .tagline{opacity:.9;margin:.5rem 0 0;font-size:1.1rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem;margin:2rem 0;display:grid}.work-card{flex-direction:column;gap:.5rem;display:flex}.work-image-wrap{position:relative}.work-image{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.price-row{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:.15rem 0 0;display:flex}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;line-height:1.5}.status--available{background:var(--color-accent-green);color:#fff}.status--sold{background:var(--color-text);color:var(--color-bg)}.masonry{column-width:22rem;column-gap:1rem;margin:2rem 0}.masonry-tile{break-inside:avoid;margin:0 0 1rem}.masonry-image{border-radius:2px;width:100%;height:auto;display:block}.work-info h3{margin:0;font-size:1rem}.work-info .caption{color:var(--color-muted);margin:.15rem 0 0;font-size:.9rem}.work-info .price{margin:0;font-weight:600}.recent-works,.gallery-page,.about,.contact{border-top:1px solid var(--color-border);padding:3rem 0}.recent-works h2,.gallery-page h1,.about h1,.contact h2{margin-top:0}.view-all{color:var(--color-accent);font-weight:600;text-decoration:none;display:inline-block}.contact{text-align:center}.contact form{text-align:left;flex-direction:column;gap:1rem;max-width:32rem;margin:0 auto;display:flex}.contact label{color:var(--color-muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.contact input,.contact textarea{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.25rem;padding:.6rem .75rem}.contact button{font:inherit;background:var(--color-accent-strong);color:#fff;cursor:pointer;border:none;border-radius:.25rem;align-self:center;padding:.6rem 1.5rem;font-weight:600}.contact button:hover{filter:brightness(1.12)}.site-footer{padding:2rem var(--gutter) 3rem;border-top:1px solid var(--color-border);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin:0;display:flex}.site-footer .socials{gap:1.25rem;display:flex}.site-footer .socials a{color:var(--color-muted);text-decoration:none}.site-footer .socials a:hover{color:var(--color-accent-green)}.site-footer .copyright{color:var(--color-muted);margin:0;font-size:.85rem}.cs-toggle{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.cs-overlay{z-index:1000;backdrop-filter:blur(6px);background:#08111cb8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.cs-toggle:checked~.cs-overlay{display:none}.cs-modal{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;width:100%;max-width:30rem;padding:2.5rem 2rem;box-shadow:0 20px 60px #00000073}.cs-modal .cs-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.cs-modal h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:2rem;font-weight:900}.cs-modal p{color:var(--color-muted);margin:0 0 1.5rem}.cs-btn{cursor:pointer;background:var(--color-accent-strong);color:#fff;border-radius:.25rem;padding:.6rem 1.5rem;font-weight:600;display:inline-block}.cs-btn:hover{filter:brightness(1.12)}