/* Eszenyi-Farkas Anette — personal profile hub inside AIANDGRACE.
   Deliberately editorial and human; no external fonts or remote media. */
:root{
  --a-paper:#f4efe5;
  --a-paper-2:#ebe3d6;
  --a-ink:#171614;
  --a-muted:#6f685f;
  --a-line:rgba(23,22,20,.18);
  --a-bronze:#9a6b2f;
  --a-bronze-soft:#c6a16e;
  --a-dark:#1c1b18;
  --a-serif:Georgia,"Times New Roman",Times,serif;
  --a-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

body.anette-page{background:var(--a-paper);color:var(--a-ink);font-family:var(--a-sans);line-height:1.6}
body.anette-page::before{opacity:.12;background-image:radial-gradient(rgba(23,22,20,.18) .55px,transparent .7px);background-size:7px 7px;mix-blend-mode:multiply}
body.anette-page::after{background:radial-gradient(circle at 92% 8%,rgba(154,107,47,.10),transparent 32%),radial-gradient(circle at 8% 72%,rgba(23,22,20,.045),transparent 28%)}
.anette-page ::selection{background:var(--a-bronze);color:#fff}
.anette-page :focus-visible{outline-color:var(--a-bronze)}

/* Keep the public AIANDGRACE navigation unchanged in content, but tune it to this page. */
.anette-page .site-header{background:rgba(244,239,229,.94);border-color:var(--a-line);backdrop-filter:blur(18px) saturate(120%)}
.anette-page .brand{color:var(--a-ink)}
.anette-page .nav-links a{color:#4f4a43}
.anette-page .nav-links a:hover{color:var(--a-bronze);background:rgba(154,107,47,.08)}
.anette-page .nav-links a.nav-play{color:var(--a-paper);background:var(--a-ink);border-color:var(--a-ink)}
.anette-page .nav-links a.nav-play:hover{color:#fff;background:var(--a-bronze);border-color:var(--a-bronze)}
.anette-page .nav-toggle{color:var(--a-ink);border-color:rgba(23,22,20,.42)}
.anette-page .skip-link{background:var(--a-ink);color:var(--a-paper)}

.anette-main{width:100%;overflow:hidden}
.anette-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
.language-switch{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:18px 0 0;color:var(--a-muted);font:650 .66rem/1 var(--a-sans);letter-spacing:.16em;text-transform:uppercase}
.language-switch a{text-decoration:none;color:var(--a-ink)}
.language-switch a:hover{color:var(--a-bronze)}
.language-switch .active{color:var(--a-bronze)}
.language-switch span{opacity:.45}

.anette-hero{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);min-height:0;align-items:start;margin-top:12px;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line);background:rgba(255,255,255,.20)}
.anette-hero-copy{position:relative;z-index:2;padding:86px clamp(34px,5.5vw,84px) 78px 0;display:flex;flex-direction:column;justify-content:center}
.anette-kicker{margin-bottom:22px;color:var(--a-bronze);font:700 .66rem/1.4 var(--a-sans);letter-spacing:.28em;text-transform:uppercase}
.anette-hero h1{max-width:660px;font:400 clamp(3.9rem,7.4vw,7.25rem)/.88 var(--a-serif);letter-spacing:-.055em;color:var(--a-ink)}
.anette-role{margin:25px 0 28px;color:#3e3933;font:400 clamp(1.05rem,1.7vw,1.45rem)/1.45 var(--a-serif)}
.anette-intro{max-width:650px;color:#4e4942;font-size:1.02rem;line-height:1.78}
.anette-intro p+p{margin-top:14px}
.anette-hero-copy::after{content:"";width:54px;height:1px;margin-top:32px;background:var(--a-bronze)}

.anette-hero-art{position:relative;align-self:start;min-height:0;overflow:visible;background:transparent;display:flex;align-items:flex-start;justify-content:center;padding:28px 0 0 26px}
.anette-hero-art img{display:block;width:100%;height:auto;object-fit:contain;object-position:center top;filter:saturate(.82) contrast(1.02);box-shadow:0 18px 42px rgba(23,22,20,.10)}
.anette-hero-art::after{content:"";position:absolute;inset:28px 0 0 26px;background:linear-gradient(90deg,rgba(244,239,229,.12),transparent 28%,rgba(23,22,20,.04));pointer-events:none}

.anette-section{padding:92px 0;border-bottom:1px solid var(--a-line)}
.anette-section-head{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);gap:50px;margin-bottom:48px;align-items:end}
.anette-section-label{color:var(--a-bronze);font:700 .62rem/1.4 var(--a-sans);letter-spacing:.27em;text-transform:uppercase}
.anette-section h2{font:400 clamp(2.5rem,5vw,4.5rem)/1 var(--a-serif);letter-spacing:-.035em}
.anette-section-head p{max-width:620px;color:var(--a-muted)}

.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line)}
.project-card{min-height:320px;padding:30px 30px 28px;border-right:1px solid var(--a-line);display:flex;flex-direction:column;background:rgba(255,255,255,.16)}
.project-card:last-child{border-right:0}
.project-index{margin-bottom:54px;color:var(--a-bronze);font:650 .62rem/1 var(--a-sans);letter-spacing:.18em}
.project-card h3{font:400 clamp(1.65rem,2.2vw,2.35rem)/1.05 var(--a-serif);letter-spacing:-.02em}
.project-meta{margin-top:7px;color:var(--a-bronze);font:650 .59rem/1.45 var(--a-sans);letter-spacing:.1em;text-transform:uppercase}
.project-card p{margin:22px 0 26px;color:#565047;font-size:.92rem;line-height:1.7}
.project-link,.project-status{margin-top:auto;align-self:flex-start;padding-top:11px;border-top:1px solid var(--a-line);color:var(--a-ink);text-decoration:none;font:700 .62rem/1.4 var(--a-sans);letter-spacing:.12em;text-transform:uppercase}
.project-link:hover{color:var(--a-bronze);border-color:var(--a-bronze)}
.project-status{color:#8b8378}

.approach-band{background:var(--a-dark);color:#eee7dd}
.approach-band .anette-section{border-color:rgba(255,255,255,.12)}
.approach-band .anette-section-label{color:#c9a56d}
.approach-grid{display:grid;grid-template-columns:minmax(250px,.52fr) minmax(0,1.48fr);gap:64px}
.approach-grid h2{color:#f1eadf}
.approach-copy{max-width:790px}
.approach-copy p{color:#d2cbc1;font:400 clamp(1rem,1.6vw,1.14rem)/1.8 var(--a-serif)}
.approach-copy p+p{margin-top:18px}
.approach-copy .practice{margin-top:28px;color:#b8afa3;font-family:var(--a-sans);font-size:.86rem;letter-spacing:.035em}

.background-grid{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);gap:64px}
.background-grid h2{font-size:clamp(2.4rem,4.5vw,4.2rem)}
.background-copy{max-width:800px;color:#4f4942}
.background-copy p{margin-bottom:16px;line-height:1.78}

.works-grid{display:grid;grid-template-columns:1.02fr .78fr 1.2fr;gap:0;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line)}
.work-card{padding:28px 28px 32px;border-right:1px solid var(--a-line);background:rgba(255,255,255,.17)}
.work-card:last-child{border-right:0}
.work-type{display:block;margin-bottom:16px;color:var(--a-bronze);font:700 .6rem/1 var(--a-sans);letter-spacing:.2em;text-transform:uppercase}
.work-card h3{margin-bottom:12px;font:400 1.7rem/1.08 var(--a-serif)}
.work-card .work-meta{margin-bottom:18px;color:#7d7469;font-size:.78rem}
.painting-figure{margin-bottom:20px;border:1px solid rgba(23,22,20,.2);background:#c8b9a8;padding:6px;box-shadow:0 12px 26px rgba(30,25,20,.08)}
.painting-figure img{width:100%;aspect-ratio:762/527;object-fit:cover}
.work-copy{color:#514b44;font-size:.91rem;line-height:1.72}
.audio-wrap{margin:26px 0 20px;padding:18px 0;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line)}
.audio-wrap audio{width:100%;height:42px;accent-color:var(--a-bronze)}
.poem-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.poem{font:400 .92rem/1.72 var(--a-serif);color:#3f3a35}
.poem-line{display:block}
.poem-secondary{padding-left:22px;border-left:1px solid var(--a-line);color:#6a6259;font-style:italic}
.poem-title-small{display:block;margin-bottom:12px;color:var(--a-bronze);font:650 .58rem/1 var(--a-sans);letter-spacing:.12em;text-transform:uppercase;font-style:normal}

.contact-band{padding:76px 0;background:linear-gradient(110deg,#eee6da,#f7f2e9 58%,#e7ddce);border-top:1px solid rgba(23,22,20,.1)}
.contact-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.contact-row h2{font:400 clamp(2.8rem,5vw,4.8rem)/1 var(--a-serif);letter-spacing:-.04em}
.contact-copy{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line)}
.contact-copy strong{font:500 1.2rem/1.3 var(--a-serif)}
.contact-button{flex:0 0 auto;padding:14px 18px;background:var(--a-ink);color:var(--a-paper);text-decoration:none;font:700 .62rem/1 var(--a-sans);letter-spacing:.14em;text-transform:uppercase}
.contact-button:hover{background:var(--a-bronze);color:#fff}

.anette-page .site-footer{width:100%;padding:34px max(24px,calc((100vw - 1240px)/2));background:#171614;border-top:0;color:#d8d0c4}
.anette-page .footer-mark{color:#e8dfd2}
.anette-page .footer-tag{color:#8f877d}
.anette-page .footer-nav a{color:#9d958a}
.anette-page .footer-nav a:hover{color:#c9a56d}
.anette-page .copyright{color:#766f66}

@media (max-width:980px){
  .anette-hero{grid-template-columns:1fr;min-height:0}.anette-hero-copy{padding:70px 0 58px}.anette-hero-art{min-height:0;aspect-ratio:auto;padding:18px 0 0}
  .projects-grid{grid-template-columns:1fr}.project-card{min-height:0;border-right:0;border-bottom:1px solid var(--a-line)}.project-card:last-child{border-bottom:0}.project-index{margin-bottom:28px}
  .works-grid{grid-template-columns:1fr}.work-card{border-right:0;border-bottom:1px solid var(--a-line)}.work-card:last-child{border-bottom:0}
  .anette-section-head,.approach-grid,.background-grid,.contact-row{grid-template-columns:1fr;gap:28px}
}
@media (max-width:820px){
  .anette-page .nav-links{border-color:var(--a-line);background:rgba(244,239,229,.97)}
  .anette-wrap{width:calc(100% - 32px)}
  .anette-hero-copy{padding-top:54px}.anette-hero h1{font-size:clamp(3.2rem,15vw,5.8rem)}
  .anette-section{padding:72px 0}.poem-pair{grid-template-columns:1fr}.poem-secondary{padding:20px 0 0;border-left:0;border-top:1px solid var(--a-line)}
  .contact-copy{align-items:flex-start;flex-direction:column}.contact-button{width:100%;text-align:center}
}
@media (max-width:560px){
  .anette-wrap{width:calc(100% - 26px)}.language-switch{padding-top:12px}
  .anette-hero-copy{padding:48px 0}.anette-role{font-size:1rem}.anette-intro{font-size:.95rem}
  .anette-section{padding:60px 0}.project-card,.work-card{padding:24px 20px}.approach-copy p{font-size:1rem}
}