:root{--color-bg: #0b0d12;--color-surface: #13161d;--color-surface-raised: #1c2029;--color-border: #2c313d;--color-text: #f3f1ea;--color-text-muted: #9ca3af;--color-text-faint: #6b7280;--accent: #ff7a4d;--accent-2: #3fb8c4;--accent-contrast: #0b0d12;--grade: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--color-success: #4ade80;--color-error: #f87171;--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: clamp(.75rem, .72rem + .15vw, .8rem);--fs-sm: clamp(.875rem, .84rem + .2vw, .95rem);--fs-base: clamp(1rem, .95rem + .3vw, 1.125rem);--fs-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--fs-xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--fs-2xl: clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem);--fs-hero: clamp(3rem, 2rem + 6vw, 7rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--content-max: 1280px;--gutter: clamp(1rem, 4vw, 3rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-art: 0 20px 60px -20px rgba(0, 0, 0, .6);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .3s;--dur-slow: .6s;--z-header: 50;--z-overlay: 100;--z-modal: 200}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.7em 1.4em;border:1px solid transparent;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--subtle{background:var(--color-surface-raised);color:var(--color-text)}.btn--sm{padding:.45em .9em;font-size:var(--fs-xs)}.btn--danger{background:transparent;border-color:var(--color-error);color:var(--color-error)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field>label{font-size:var(--fs-sm);color:var(--color-text-muted)}.input,.textarea,.select{width:100%;padding:.7em .9em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease-out)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;min-height:6rem;font-family:inherit}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);border:1px solid var(--color-border)}.alert--error{border-color:color-mix(in srgb,var(--color-error) 50%,transparent);background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.alert--success{border-color:color-mix(in srgb,var(--color-success) 50%,transparent);background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:.3em;padding:.15em .6em;border-radius:999px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--color-surface-raised);color:var(--color-text-muted)}.badge--artist{background:var(--accent);color:var(--accent-contrast)}.avatar{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;background:var(--color-surface-raised);flex-shrink:0}.spinner{width:1.1em;height:1.1em;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.5s}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-6)}.gallery-empty{color:var(--color-text-muted)}.work-card{display:block}.work-card__frame{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.work-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.work-card:hover .work-card__img{transform:scale(1.04)}.work-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface),var(--color-surface-raised))}.work-card__badge{position:absolute;top:var(--space-3);left:var(--space-3)}.work-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}.work-card__title{font-size:var(--fs-lg)}.work-card__cat{font-size:var(--fs-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em}.filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter__tab{padding:.4em 1em;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:var(--fs-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.filter__tab:hover{color:var(--color-text)}.filter__tab.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.like-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4em .9em;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:var(--fs-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.like-btn:hover{border-color:var(--accent);color:var(--accent)}.like-btn.is-liked{color:var(--accent);border-color:var(--accent)}.comments{margin-top:var(--space-16);border-top:1px solid var(--color-border);padding-top:var(--space-8)}.comments__heading{font-size:var(--fs-xl);margin-bottom:var(--space-6)}.comments__heading span{color:var(--color-text-faint)}.comments__status,.comments__signin{color:var(--color-text-muted);margin-block:var(--space-4)}.comment-form{margin-bottom:var(--space-6)}.comment-form__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.comment-list,.comment__children{list-style:none;padding:0;margin:0}.comment{margin-top:var(--space-5)}.comment__row{display:flex;gap:var(--space-3)}.comment__body{flex:1;min-width:0}.comment__meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.comment__author{font-weight:600;font-size:var(--fs-sm)}.comment__time{font-size:var(--fs-xs);color:var(--color-text-faint)}.comment__content{color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere}.comment__removed{color:var(--color-text-faint);font-style:italic}.comment__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.comment__action{background:none;border:none;padding:0;font-size:var(--fs-xs);color:var(--color-text-muted);cursor:pointer;letter-spacing:.03em;text-transform:uppercase}.comment__action:hover{color:var(--accent)}.comment__action--mod:hover{color:var(--color-error)}.comment__reply{margin-top:var(--space-3)}.comment__children{margin-top:var(--space-2);margin-left:var(--space-6);padding-left:var(--space-4);border-left:1px solid var(--color-border)}@media (max-width: 560px){.comment__children{margin-left:var(--space-3);padding-left:var(--space-3)}}.auth-page{display:grid;place-items:center}.auth-page__card{width:100%;max-width:28rem}.auth-page__card h1{font-size:var(--fs-xl);margin-bottom:var(--space-6)}.auth-page__hint{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.auth-page__links{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--fs-sm)}.auth-page__links a{color:var(--color-text-muted)}.auth-page__links a:hover{color:var(--accent)}.profile-form__avatar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-form__avatar-img{width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover;background:var(--color-surface-raised)}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-sidebar{border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);background:var(--color-surface)}.admin-sidebar nav{display:flex;flex-direction:column;gap:var(--space-1)}.admin-sidebar a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--color-text-muted)}.admin-sidebar a:hover,.admin-sidebar a.is-active{background:var(--color-surface-raised);color:var(--color-text)}.admin-main{padding:var(--space-8);min-width:0}.admin-main h1{font-size:var(--fs-xl);margin-bottom:var(--space-6)}@media (max-width: 720px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--color-border)}.admin-sidebar nav{flex-direction:row;flex-wrap:wrap}}.admin-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.admin-table th,.admin-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table th{color:var(--color-text-faint);font-weight:600;text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.05em}.admin-row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-panel{display:grid;gap:var(--space-6)}@media (min-width: 900px){.admin-panel{grid-template-columns:1fr 1fr;align-items:start}}.status-pill{font-size:var(--fs-xs);padding:.1em .6em;border-radius:999px;border:1px solid var(--color-border);text-transform:capitalize}.status-pill--published,.status-pill--replied{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 50%,transparent)}.status-pill--new{color:var(--accent);border-color:var(--accent)}.admin-images{display:flex;flex-wrap:wrap;gap:var(--space-3)}.admin-images figure{margin:0;width:110px}.admin-images img{width:110px;height:80px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.section{padding-block:var(--space-24)}.section__heading{font-size:var(--fs-2xl);margin-bottom:var(--space-8)}.section__heading:after{content:"";display:block;width:2.5rem;height:3px;margin-top:var(--space-4);border-radius:999px;background:var(--grade)}.layout-editor{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--color-bg)}.layout-editor__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.layout-editor__body{flex:1;display:grid;grid-template-columns:340px 1fr;min-height:0}.layout-editor__panel{overflow-y:auto;padding:var(--space-6);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-5)}.layout-editor__group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.layout-editor__group legend{padding:0 var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint)}.layout-editor__hint{font-size:var(--fs-xs);color:var(--color-text-faint);margin-top:var(--space-1)}.layout-editor__toggles{display:flex;gap:var(--space-6);font-size:var(--fs-sm)}.layout-editor__swatches{display:flex;gap:var(--space-2)}.layout-editor__swatch{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;color:var(--color-text-faint);font-size:var(--fs-xs)}.layout-editor__swatch.is-active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--accent)}.layout-editor__preview{overflow-y:auto;padding:var(--space-12);display:flex;justify-content:center;align-items:flex-start}.layout-editor__preview-inner{width:100%;max-width:920px}@media (max-width: 720px){.layout-editor__body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.layout-editor__panel{border-right:none;border-bottom:1px solid var(--color-border);max-height:45vh}}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);line-height:1.05;font-weight:500;letter-spacing:-.01em}img,picture,video,canvas{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-reveal]{opacity:0}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}