@font-face { font-family: 'Instrument Serif'; src: url('../fonts/InstrumentSerif-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --raluca-canvas: var(--wp--preset--color--canvas, #f5f1e9);
  --raluca-ink: var(--wp--preset--color--ink, #28251f);
  --raluca-accent: var(--wp--preset--color--terracotta, #92543f);
  --raluca-paper: var(--wp--preset--color--paper, #fffdf8);
  --raluca-blush: var(--wp--preset--color--blush, #dfcfc4);
  --raluca-line: var(--wp--preset--color--line, #c9c0b4);
  --raluca-muted: var(--wp--preset--color--muted-ink, #6c665c);
  --raluca-section: clamp(4rem, 9vw, 8rem);
  --raluca-edge: clamp(20px, 5vw, 72px);
  --raluca-body-font: 'Inter', system-ui, sans-serif;
  --raluca-display-font: 'Instrument Serif', Georgia, serif;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 24px; }
body, .editor-styles-wrapper { background: var(--raluca-canvas); color: var(--raluca-ink); font-family: var(--raluca-body-font); font-size: clamp(1rem, .95rem + .2vw, 1.125rem); line-height: 1.65; }
body { margin: 0; }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block-start: 0; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .25em; }
a:hover { text-decoration-thickness: 2px; }
:where(a, button, input, textarea, select, [tabindex]):focus-visible { outline: 3px solid var(--raluca-accent); outline-offset: 4px; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
img { max-width: 100%; height: auto; }
figure { margin: 0; }
p { margin: 0 0 1.5rem; }
h1, h2, h3, .raluca-title { font-family: var(--raluca-display-font); font-weight: 400; text-wrap: balance; overflow-wrap: break-word; }
h1, .raluca-title { font-size: clamp(3.5rem, 8vw, 7.5rem); line-height: .96; letter-spacing: -.035em; margin: 0 0 2rem; }
h2 { font-size: clamp(2.4rem, 5vw, 4.75rem); line-height: 1; letter-spacing: -.025em; margin: 0 0 1.5rem; }
h3 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); line-height: 1.15; }
.raluca-shell { width: min(1240px, calc(100% - var(--raluca-edge) * 2)); margin-inline: auto; }
.raluca-main { padding-block: clamp(2rem, 5vw, 4.5rem) var(--raluca-section); }
.raluca-kicker { font: 500 .75rem/1.5 var(--raluca-body-font); letter-spacing: .08em; text-transform: uppercase; color: var(--raluca-muted); margin: 0 0 2rem; }
.raluca-header { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding-block: 2.25rem; border-bottom: 1px solid var(--raluca-line); }
.raluca-brand { font-family: var(--raluca-display-font); font-size: 1.75rem; line-height: .95; letter-spacing: -.03em; text-decoration: none; flex-shrink: 0; }
.raluca-brand span { color: var(--raluca-accent); }
.raluca-navigation { display: flex; align-items: center; gap: clamp(1.5rem, 3vw, 3rem); }
.raluca-nav-links { display: flex; list-style: none; gap: clamp(.75rem, 2vw, 2rem); margin: 0; padding: 0; }
.raluca-nav-links a { display: flex; align-items: center; min-height: 44px; font-size: .8125rem; font-weight: 500; text-decoration: none; border-bottom: 1px solid transparent; }
.raluca-nav-links a:hover, .raluca-nav-links a[aria-current] { border-color: var(--raluca-ink); }
.raluca-languages { display: flex; gap: 4px; }
.raluca-languages a { display: flex; gap: 6px; align-items: center; justify-content: center; min-height: 44px; min-width: 64px; padding: 6px; font-size: .75rem; text-decoration: none; border: 1px solid transparent; }
.raluca-languages a[aria-current] { border-color: var(--raluca-ink); }
.raluca-languages a:hover { background: var(--raluca-blush); }
.raluca-languages img { object-fit: cover; border: 1px solid var(--raluca-line); }
.raluca-skip { position: fixed; z-index: 100; top: 12px; left: 20px; background: var(--raluca-paper); padding: 12px 20px; transform: translateY(-200%); }
.raluca-skip:focus { transform: none; }
.raluca-menu-toggle { display: none; }
.raluca-intro { margin-bottom: var(--raluca-section); }
.raluca-intro .raluca-lead { max-width: 40ch; margin-left: auto; }
.raluca-lead { font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.5; letter-spacing: -.02em; }
.raluca-lead p:last-child { margin-bottom: 0; }
.raluca-about-hero { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(24px, 2.5vw, 32px); align-items: start; }
.raluca-about-hero > .raluca-intro { grid-column: 1 / 8; margin: 0; }
.raluca-about-hero .raluca-lead { margin-left: 0; max-width: 36ch; }
.raluca-about-hero > .raluca-image { grid-column: 9 / -1; margin-top: 4.5rem; }
.raluca-image img { display: block; width: 100%; }
.raluca-image--portrait { background: var(--raluca-blush); }
.raluca-image--portrait img { aspect-ratio: 291 / 361; object-fit: cover; }
.raluca-image--context { max-width: 850px; margin: var(--raluca-section) auto 0; }
.raluca-reading { max-width: 680px; }
.raluca-reading > :last-child { margin-bottom: 0; }
.raluca-biography { margin: var(--raluca-section) 0 0 8.5%; }
.raluca-biography p { margin-bottom: 2rem; }
.raluca-closing { font-family: var(--raluca-display-font); font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.25; margin-top: 3rem; }
.raluca-text-link { display: inline-block; font-size: .875rem; font-weight: 500; min-height: 44px; padding-block: 10px; }
.raluca-text-link span { margin-left: 8px; }
.raluca-button, .wp-block-button__link, .raluca-form-column button[type=submit], .raluca-form-column input[type=submit] { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 14px 24px; background: var(--raluca-accent); color: var(--raluca-canvas); font: 500 .875rem/1.4 var(--raluca-body-font); border: 1px solid var(--raluca-accent); border-radius: 2px; text-decoration: none; cursor: pointer; }
.raluca-button:hover, .wp-block-button__link:hover, .raluca-form-column button[type=submit]:hover { text-decoration: underline; text-underline-offset: .25em; }
.raluca-button:focus-visible, .wp-block-button__link:focus-visible { outline-color: var(--raluca-ink); }
.is-style-outline .wp-block-button__link { color: var(--raluca-ink); background: transparent; border-color: var(--raluca-ink); }
.raluca-course-body, .raluca-form-column { margin-left: auto; }
.raluca-note { background: var(--raluca-blush); padding: clamp(24px, 4vw, 48px); margin-block: 3rem; }
.raluca-note p:last-child { margin-bottom: 0; }
.raluca-coming-soon { border-block: 1px solid var(--raluca-line); padding-block: 3rem; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; margin-bottom: var(--raluca-section); }
.raluca-coming-soon h2 { font-size: clamp(2rem, 3.5vw, 3.5rem); max-width: 15ch; margin: 0; }
.raluca-coming-soon p:last-child { margin: 0; }
.raluca-gallery-intro { max-width: 50ch; margin-bottom: 3rem; }
.raluca-gallery { overflow-x: auto; padding-bottom: 24px; scrollbar-color: var(--raluca-accent) var(--raluca-blush); scroll-snap-type: x proximity; }
.raluca-gallery:focus-visible { outline-offset: 6px; }
.raluca-gallery ul { display: flex; gap: 32px; padding: 0; margin: 0; list-style: none; }
.raluca-gallery li { flex: 0 0 64%; min-width: 0; scroll-snap-align: start; }
.raluca-gallery img { display: block; aspect-ratio: 1.08; object-fit: cover; width: 100%; }
.raluca-gallery figcaption { padding-top: 16px; font-size: .8125rem; line-height: 1.6; }
.raluca-gallery-controls-slot { min-height: 44px; margin-top: 16px; }
.raluca-gallery-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.raluca-gallery-controls button { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 44px; padding: 10px 12px; border: 1px solid var(--raluca-ink); border-radius: 2px; background: transparent; color: var(--raluca-ink); font-size: .8125rem; line-height: 1.4; cursor: pointer; }
.raluca-gallery-controls button:hover:not([aria-disabled=true]) { background: var(--raluca-blush); }
.raluca-gallery-controls button[aria-disabled=true] { color: var(--raluca-muted); border-color: var(--raluca-line); cursor: default; }
.raluca-gallery-position { margin: 0; color: var(--raluca-muted); font-size: .75rem; }
.raluca-form-column label, .raluca-form-column .jetpack-field-label { display: block; margin-bottom: 8px; font-size: .875rem; font-weight: 500; }
.raluca-form-column :where(input:not([type=checkbox]):not([type=radio]):not([type=submit]), textarea, select) { display: block; width: 100%; max-width: 100%; padding: 14px 16px; border: 1px solid var(--raluca-line); border-radius: 2px; background: var(--raluca-paper); color: var(--raluca-ink); min-height: 48px; box-shadow: none; }
.raluca-form-column textarea { min-height: 180px; resize: vertical; }
.raluca-form-column :where(.grunion-field-wrap, .jetpack-field, .raluca-preview-field) { margin-bottom: 24px; }
.raluca-form-column form { margin-top: 2rem; }
.raluca-form-column input[type=checkbox], .raluca-form-column input[type=radio] { accent-color: var(--raluca-accent); }
.raluca-form-column .contact-form label span { opacity: 1; color: var(--raluca-muted); }
.raluca-form-column button:disabled { opacity: .7; cursor: default; }
.raluca-standard h1 { max-width: 16ch; margin-bottom: 3rem; }
.raluca-standard .wp-block-post-content { margin-top: 3rem; }
.raluca-post-summary { border-bottom: 1px solid var(--raluca-line); margin-bottom: 3rem; padding-bottom: 3rem; }
.raluca-post-summary h2 a { text-decoration: none; }
.raluca-post-summary h2 a:hover { text-decoration: underline; }
.raluca-post-summary .wp-block-post-featured-image { margin-block: 2rem; }
.raluca-footer { border-top: 1px solid var(--raluca-line); padding-block: 3rem 1.5rem; }
.raluca-footer-main { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-bottom: 3rem; }
.raluca-tagline { font-family: var(--raluca-display-font); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; margin: 0; }
.raluca-footer-details { display: flex; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; align-items: center; font-size: .6875rem; color: var(--raluca-muted); }
.raluca-footer-details p { margin: 0; }
.raluca-footer-details a { min-height: 44px; display: inline-flex; align-items: center; }
.editor-styles-wrapper .raluca-shell { width: 100%; }
.editor-styles-wrapper .components-placeholder { min-height: 64px; background: var(--raluca-paper); color: var(--raluca-muted); border: 1px dashed var(--raluca-line); }

@media (max-width: 1100px) {
  .raluca-about-hero { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .raluca-about-hero > .raluca-intro { grid-column: 1 / 6; }
  .raluca-about-hero > .raluca-image { grid-column: 6 / -1; }
}
@media (max-width: 900px) {
  .raluca-gallery li { flex-basis: 74%; }
  .raluca-header { flex-wrap: wrap; gap: 1.5rem; padding-block: 1.5rem; }
  .raluca-navigation { width: 100%; justify-content: space-between; }
  .raluca-header.has-menu-js .raluca-menu-toggle { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; gap: 12px; padding: 8px; color: var(--raluca-ink); background: transparent; border: 0; font-size: .75rem; cursor: pointer; }
  .raluca-menu-icon { width: 20px; height: 10px; border-block: 1px solid currentColor; }
  .is-menu-open .raluca-menu-icon { height: 1px; border-bottom: 0; }
  .raluca-header.has-menu-js .raluca-navigation { border-top: 1px solid var(--raluca-line); padding-top: 1rem; }
}
@media (max-width: 700px) {
  .raluca-main { padding-top: 2.5rem; }
  .raluca-about-hero { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem; }
  .raluca-about-hero > .raluca-intro { grid-column: 1 / -1; }
  .raluca-about-hero > .raluca-image { grid-column: 2 / -1; margin: 0; max-width: 340px; justify-self: end; width: 100%; }
  .raluca-intro .raluca-lead { margin-left: 0; }
  .raluca-intro { margin-bottom: 3rem; }
  .raluca-biography { margin-left: 0; }
  .raluca-course-body, .raluca-form-column { margin-left: 0; }
  .raluca-coming-soon { grid-template-columns: 1fr; padding-block: 2rem; gap: 1.5rem; }
  .raluca-navigation { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .raluca-nav-links { flex-direction: column; gap: 4px; width: 100%; }
  .raluca-nav-links a { font-size: 1rem; }
  .raluca-gallery ul { gap: 20px; }
  .raluca-gallery li { flex-basis: 88%; }
  .raluca-gallery-intro { margin-bottom: 2rem; }
  .raluca-gallery-position { flex: 0 0 100%; order: -1; }
  .raluca-gallery-controls-slot { min-height: 100px; }
  .raluca-gallery-controls button { flex: 1; min-width: 0; }
  .raluca-footer-main { flex-direction: column; align-items: flex-start; margin-bottom: 2rem; }
  .raluca-footer-details { flex-direction: column; align-items: flex-start; gap: 8px; }
  .raluca-kicker { margin-bottom: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
