*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5d5e9;--text: #111111;--muted: #777777;--border: #ebebeb;--serif: "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;background:#fff;border-bottom:1px solid var(--border)}.navbar-logo{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:#d23cf0}.navbar-links{list-style:none;display:flex;gap:2rem}.navbar-links a{font-size:.82rem;letter-spacing:.04em;color:var(--muted);transition:color .2s}.navbar-links a:hover{color:var(--text)}.hero{position:relative;width:100%;height:92vh;overflow:hidden}.hero-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 2.5rem;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 100%);color:#fff}.hero-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-bottom:.75rem}.hero-title{font-family:var(--serif);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:1.05;margin-bottom:1.25rem}.hero-title em{font-style:italic}.hero-sub{font-size:1rem;opacity:.85;max-width:480px;margin-bottom:2rem;line-height:1.65}.btn{display:inline-block;padding:.7rem 1.75rem;border:1px solid #fff;color:#fff;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s}.btn:hover{background:#fff;color:var(--text)}.about{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.about-image{overflow:hidden;min-height:520px;display:flex}.about-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-image-placeholder{width:100%;height:100%;min-height:520px;background:linear-gradient(160deg,#e8e2da,#cfc8be)}.about-text{display:flex;flex-direction:column;justify-content:center;padding:5rem 3.5rem;border-left:1px solid var(--border)}.section-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.about-text h2{font-family:var(--serif);font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:400;line-height:1.2;margin-bottom:1.25rem}.about-text p{color:var(--muted);font-size:.92rem;max-width:400px;margin-bottom:.9rem}.about.about-compact .about-image,.about.about-compact .about-image-placeholder{min-height:0}.about.about-compact .about-text{padding:3rem 3.5rem}.posts{padding:5rem 2.5rem}.posts.posts-home{background:var(--bg)}.posts.posts-home .posts-header{background:#fff;margin-left:-2.5rem;margin-right:-2.5rem;padding:1rem 2.5rem;border:1px solid var(--border)}.posts-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;border-bottom:1px solid var(--border);padding-bottom:1.25rem}.posts-heading{font-family:var(--serif);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400}.posts-all{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .2s}.posts-all:hover{color:var(--text)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.blog-category-group{margin-bottom:3rem}.blog-category-group:last-of-type{margin-bottom:0}.blog-category-title{font-family:var(--serif);font-size:clamp(1.4rem,2vw,2rem);font-weight:400;margin-bottom:1.25rem}.blog-load-more-wrap{margin-top:2rem;display:flex;justify-content:center}.blog-load-more{border:1px solid var(--text);background:transparent;color:var(--text);padding:.75rem 1rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.blog-load-more:hover{opacity:.7}.post-card{display:flex;flex-direction:column}.post-image{aspect-ratio:3/2;overflow:hidden;margin-bottom:1rem;background:#f0ece7}.post-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e2da,#d0c9bf);transition:transform .4s ease}.post-card:hover .post-image-placeholder{transform:scale(1.04)}.post-meta{display:flex;gap:.6rem;align-items:center;margin-bottom:.5rem}.post-tag{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.post-date{font-size:.72rem;color:var(--muted)}.post-meta-sep{color:var(--border);font-size:.7rem}.post-title{font-family:var(--serif);font-size:1.15rem;font-weight:400;line-height:1.35;margin-bottom:.5rem}.post-excerpt{font-size:.85rem;color:var(--muted);line-height:1.65;flex:1;margin-bottom:.9rem}.post-link{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text);border-bottom:1px solid currentColor;padding-bottom:1px;width:fit-content;transition:opacity .2s}.post-link:hover{opacity:.45}.footer{background:#fff;border-top:1px solid var(--border);padding:3rem 2.5rem 1.75rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-nav{display:flex;flex-direction:column;gap:.6rem}.footer-nav a{font-size:.82rem;letter-spacing:.04em;color:var(--muted);transition:color .2s}.footer-nav a:hover{color:var(--text)}.footer-middle{display:flex;flex-direction:column;justify-content:space-between}.footer-tagline{font-family:var(--serif);font-size:1.4rem;font-weight:400}.footer-bio{font-size:.85rem;color:var(--muted);line-height:1.7}.footer-copy{font-size:.65rem;color:var(--muted)}.footer-right{display:flex;flex-direction:column;justify-content:flex-end}.footer-instagram{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:2px;width:fit-content;transition:color .2s}.footer-instagram:hover{color:var(--text)}@media (max-width: 768px){.navbar{padding:1rem 1.25rem}.hero{height:75vh}.hero-overlay{padding:2rem 1.25rem}.about{grid-template-columns:1fr}.about-text{padding:2.5rem 1.25rem;border-left:none;border-top:1px solid var(--border)}.about-image-placeholder{min-height:320px}.posts{padding:3rem 1.25rem}.posts-grid{grid-template-columns:1fr;gap:2rem}.posts.posts-home .posts-header{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}}.page{max-width:1100px;margin:0 auto;padding:5rem 2.5rem}.page-header{margin-bottom:4rem;border-bottom:1px solid var(--border);padding-bottom:2.5rem}.page-title{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1;margin-bottom:1rem}.page-sub{font-size:1rem;color:var(--muted);max-width:480px;line-height:1.7}.not-found-page{min-height:52vh;display:flex;flex-direction:column;justify-content:center;gap:.9rem}.not-found-home-link{width:fit-content;margin-top:.6rem;border-color:var(--text);color:var(--text)}.not-found-home-link:hover{background:var(--text);color:#fff}.navbar-links a.active{color:var(--text)}.post-page{max-width:720px;margin:0 auto;padding:5rem 2.5rem}.post-image-asset,.post-page-asset{width:100%;height:100%;object-fit:cover;display:block}.post-page-asset{min-height:420px}.post-page-header{margin-bottom:2.5rem}.admin-debug{margin-top:.75rem;padding:.75rem;border:1px solid #f4c9cf;background:#fff7f8;color:#7b1a27;font-size:.75rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;border-radius:6px}.post-page-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.15;margin-top:1rem}.post-page-image{margin-bottom:3rem;overflow:hidden}.post-page-body{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.post-page-body p{font-size:1.05rem;line-height:1.8;color:#333}.post-back{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:2px;transition:color .2s}.post-back:hover{color:var(--text)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.project-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.stack-tag{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);padding:.2rem .6rem;color:var(--muted)}.admin-shell{display:flex;justify-content:center}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:start}.admin-preview-card{border:1px solid var(--border);padding:1.25rem;background:#fff}.admin-preview-body{display:flex;flex-direction:column;gap:1rem}.preview-title{font-family:var(--serif);font-size:1.4rem;margin:0}.preview-excerpt{color:var(--muted);line-height:1.6}.post-body-content{display:flex;flex-direction:column;gap:.9rem;color:#333}.post-body-content h2,.post-body-content h3{font-family:var(--serif);font-weight:400}.post-body-content ul,.post-body-content ol{padding-left:1.25rem}.post-body-content blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--muted)}.tiptap-shell{border:1px solid var(--border);background:#fff}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border);padding:.75rem}.tiptap-toolbar button{border:1px solid var(--border);background:#fff;color:var(--text);padding:.35rem .6rem;cursor:pointer;font-size:.8rem}.tiptap-editor{min-height:280px;padding:1rem;outline:none}.tiptap-editor p{margin:0 0 .75rem}.tiptap-editor .is-editor-empty:first-child:before{color:var(--muted);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.editor-link{color:#2563eb;text-decoration:underline}.admin-actions-row{display:flex;flex-wrap:wrap;gap:.75rem}.admin-actions-row.compact{gap:.5rem}.admin-submit.secondary{background:transparent;color:var(--text)}.admin-card{width:min(100%,640px);border:1px solid var(--border);padding:2rem;background:#fcfbf9}.admin-card-wide{width:min(100%,900px)}.admin-card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.admin-actions{display:flex;align-items:center;gap:.8rem}.admin-user{font-size:.8rem;color:var(--muted)}.admin-logout{border:1px solid var(--border);background:transparent;color:var(--text);padding:.45rem .8rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.admin-title{font-family:var(--serif);font-size:1.75rem;font-weight:400;margin-bottom:.5rem}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form select{border:1px solid var(--border);padding:.75rem 1rem;font-family:var(--sans);font-size:.9rem;color:var(--text);background:var(--bg);outline:none}.admin-submit{border:1px solid var(--text);background:var(--text);color:#fff;padding:.8rem 1.2rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.admin-link-button{border:none;background:transparent;color:var(--muted);padding:0;font-size:.8rem;text-align:left;cursor:pointer}.admin-error{color:#b33a3a;font-size:.9rem}.admin-success{color:#2e7d32;font-size:.9rem}.admin-list{margin-top:2rem;border-top:1px solid var(--border);padding-top:1.5rem}.admin-subtitle{font-family:var(--serif);font-size:1.2rem;margin-bottom:.9rem}.admin-list ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.admin-list li{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.empty-state{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:5rem;align-items:start}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.form-group input,.form-group textarea{border:1px solid var(--border);padding:.75rem 1rem;font-family:var(--sans);font-size:.9rem;color:var(--text);background:var(--bg);outline:none;resize:vertical;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--text)}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.contact-error{color:#b33a3a;font-size:.9rem}.contact-success{color:#2e7d32;font-size:.9rem}.contact-info{padding-top:.5rem}@media (max-width: 768px){.page,.post-page{padding:3rem 1.25rem}.projects-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.admin-grid{grid-template-columns:1fr}}@media (max-width: 768px){.footer{padding:2.5rem 1.25rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-tagline{align-self:flex-start;text-align:left}}
