.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.site-header__inner{max-width:var(--max-width);margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.site-header__brand{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;letter-spacing:.02em;color:var(--color-text);text-decoration:none}.site-header__brand:hover{color:var(--color-accent)}.site-header__toggle{display:none;width:40px;height:40px;padding:8px;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:stretch}.site-header__toggle-bar{display:block;height:2px;background-color:var(--color-text);border-radius:1px;transition:transform .2s,opacity .2s;transform-origin:center}.site-header__toggle--open .site-header__toggle-bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.site-header__toggle--open .site-header__toggle-bar:nth-child(2){opacity:0}.site-header__toggle--open .site-header__toggle-bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.site-nav__list{list-style:none;display:flex;gap:1.75rem;flex-wrap:wrap}.site-nav__link{color:var(--color-text-muted);font-size:.95rem;font-weight:500;letter-spacing:.01em;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.site-nav__link:hover,.site-nav__link--active{color:var(--color-text);border-bottom-color:var(--color-accent)}@media(max-width:640px){.site-header__inner{padding:1rem 1.25rem}.site-header__toggle{display:flex}.site-nav{display:none;flex-basis:100%;order:3}.site-nav--open{display:block}.site-nav__list{flex-direction:column;gap:0;padding-top:.75rem}.site-nav__list li{border-top:1px solid var(--color-border)}.site-nav__link{display:block;padding:.85rem 0;font-size:1rem;border-bottom:none}.site-nav__link:hover,.site-nav__link--active{border-bottom:none;color:var(--color-accent)}}.site-footer{padding:1.5rem;text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.home{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start}.home__image-wrap{overflow:hidden;border-radius:4px;background-color:var(--color-border)}.home__image{width:100%;height:auto;object-fit:cover;aspect-ratio:4 / 5}.home__title{font-size:2.75rem;margin-bottom:.5rem}.home__subtitle{font-family:var(--font-serif);font-style:italic;color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.15rem}.home__bio{color:var(--color-text);font-size:1.05rem;line-height:1.75}@media(max-width:768px){.home{grid-template-columns:1fr;gap:2rem}.home__image-wrap{max-width:360px;margin:0 auto}.home__title{font-size:2.25rem;text-align:center}.home__subtitle{text-align:center}}.composities{display:flex;flex-direction:column;gap:2.5rem}.page-header__title{font-size:2.5rem;margin-bottom:.75rem}.page-header__lead{color:var(--color-text-muted);font-size:1.05rem;max-width:640px}.composition-group{border-top:1px solid var(--color-border);padding-top:1.5rem}.composition-group__title{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}.composition-group__list{list-style:none;display:flex;flex-direction:column}.composition-group__item{padding:.6rem 0;border-bottom:1px dashed var(--color-border);color:var(--color-text);font-size:1rem}.composition-group__item:last-child{border-bottom:none}.composities__note{margin-top:1rem;font-style:italic;color:var(--color-text-muted)}@media(max-width:640px){.page-header__title{font-size:2rem}}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;color:#1f2937;background-color:#fff;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b728026}.form-group textarea{resize:vertical}.submit-button{padding:.75rem 1.5rem;background-color:#111827;color:#fff;border:none;border-radius:6px;font-size:1rem;font-family:inherit;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#374151}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.submit-message{padding:.75rem;border-radius:6px;font-size:.875rem;text-align:center}.submit-message.success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.submit-message.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.contact-page{max-width:560px;margin:0 auto}.contact-page .page-header{margin-bottom:2rem}.placeholder{text-align:center;padding:3rem 1rem 4rem;max-width:640px;margin:0 auto}.placeholder__title{font-size:2.5rem;margin-bottom:1rem}.placeholder__text{color:var(--color-text-muted);font-size:1.1rem}@media(max-width:640px){.placeholder__title{font-size:2rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 4rem}@media(max-width:640px){.main{padding:2rem 1.25rem 3rem}}:root{--color-bg: #fbfaf7;--color-surface: #ffffff;--color-text: #1f2024;--color-text-muted: #5a5a63;--color-border: #e5e2da;--color-accent: #6a4a2b;--color-accent-hover: #4a341e;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);line-height:1.65;font-size:16px}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;line-height:1.2;color:var(--color-text)}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}button{font-family:inherit}