/*
Theme Name: EUREA Atelier
Theme URI: https://eurea.com
Author: EUREA
Description: The Atelier Record — pre-launch dossier site with Journal. Scientific Serenity design system.
Version: 1.0.0
License: Proprietary
Text Domain: eurea
*/

:root{
  --heureka:#F6F1E7;--heureka-deep:#EFE8D9;--card:#FBF8F1;
  --shiga:#D8D2C4;--shiga-deep:#B9B1A0;
  --gold:#B08D3E;--gold-soft:#C7A961;--gold-faint:rgba(176,141,62,.18);
  --indigo:#12203A;--indigo-deep:#0C1628;--mist:#DCE1E8;
  --display:'Cormorant Garamond',serif;--body:'Inter',sans-serif;
  --mono:'IBM Plex Mono',monospace;--script:'Monsieur La Doulaise',cursive;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
body.eurea-inner{background:var(--heureka);color:var(--indigo);font-family:var(--body);font-weight:300;font-size:17px;line-height:1.75;letter-spacing:.01em;overflow-x:hidden}
.eurea-inner ::selection{background:var(--gold);color:var(--indigo)}
.eurea-inner a{color:inherit}
.eurea-inner img{max-width:100%;height:auto}

/* ---------- chrome (inner pages) ---------- */
.ej-chrome{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.3rem 2.2rem}
.ej-chrome::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.ej-wordmark{font-family:var(--display);font-size:18px;letter-spacing:.55em;padding-left:.55em;font-weight:500;text-decoration:none}
.ej-nav{display:flex;align-items:center;gap:2.1rem}
.ej-nav a{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;opacity:.6;transition:opacity .5s,color .5s;white-space:nowrap}
.ej-nav a:hover{opacity:1;color:var(--gold)}
.ej-nav .registry{border:1px solid var(--gold);border-radius:999px;padding:.5rem 1.2rem;color:var(--gold);opacity:1;transition:background .6s,color .6s}
.ej-nav .registry:hover{background:var(--gold);color:var(--heureka)}
@media(max-width:760px){.ej-chrome{padding:1rem 1.3rem}.ej-wordmark{font-size:14px;letter-spacing:.3em;padding-left:.3em}.ej-nav{gap:1rem}.ej-nav a{font-size:9.5px}}

.ej-footer{padding:3rem 8vw;display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.5;border-top:1px solid var(--shiga)}
@media(max-width:600px){.ej-footer{flex-direction:column}}

.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.ej-wrap{max-width:1060px;margin:0 auto;padding:0 6vw}
.ej-main{padding-top:9rem;padding-bottom:8rem;min-height:70vh}
.rv{opacity:0;transform:translateY(24px);transition:opacity 1.3s var(--ease),transform 1.3s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ---------- journal ledger ---------- */
.ej-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1.1;margin-top:1.2rem}
.ej-hero p{max-width:52ch;margin-top:1.4rem;opacity:.85}
.ej-clusters{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem}
.ej-clusters a{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--shiga-deep);padding:.45rem 1rem;border-radius:2px;transition:border-color .5s,color .5s,background .5s}
.ej-clusters a:hover,.ej-clusters a.on{border-color:var(--gold);color:var(--gold)}
.ej-ledger{margin-top:4.5rem;border-top:1px solid var(--shiga)}
.ej-row{display:grid;grid-template-columns:190px 1fr max-content;gap:2.6rem;align-items:baseline;padding:2rem 0;border-bottom:1px solid var(--shiga);text-decoration:none;transition:background .5s}
.ej-row:hover{background:var(--card)}
.ej-row .n{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--gold)}
.ej-row .t{font-family:var(--display);font-weight:500;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.3}
.ej-row .x{margin-top:.4rem;font-size:14.5px;opacity:.7;font-family:var(--body);font-weight:300;max-width:62ch}
.ej-row .m{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;opacity:.55;text-transform:uppercase;white-space:nowrap}
@media(max-width:760px){.ej-row{grid-template-columns:1fr;gap:.45rem;padding:1.6rem 0}}
.ej-pagination{margin-top:3rem;display:flex;gap:1.5rem;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.ej-pagination a{text-decoration:none;color:var(--gold)}

/* ---------- single entry ---------- */
.ej-entry-head{max-width:760px;margin:0 auto}
.ej-entry-meta{display:flex;flex-wrap:wrap;gap:1.6rem;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ej-entry-meta span.dim{color:var(--indigo);opacity:.55}
.ej-entry-head h1{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.14;margin-top:1.6rem}
.ej-entry-rule{width:64px;height:1px;background:var(--gold);border:none;margin:2.4rem 0}
.ej-prose{max-width:680px;margin:0 auto;font-size:18px;line-height:1.82}
.ej-prose>*+*{margin-top:1.6rem}
.ej-prose h2{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.25;margin-top:3rem}
.ej-prose h3{font-family:var(--display);font-weight:500;font-size:1.35rem;margin-top:2.6rem}
.ej-prose blockquote{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.45;color:var(--gold);border:none;margin:3rem 0;padding:0}
.ej-prose a{color:var(--gold);text-decoration-color:var(--gold-faint)}
.ej-prose figure{margin:2.6rem 0}
.ej-prose figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-top:.8rem}
.ej-prose ul,.ej-prose ol{padding-left:1.2rem}

/* correspondence card + atelier block (reused site-wide) */
.ej-corr{max-width:680px;margin:3.4rem auto;background:var(--card);border:1px solid var(--shiga);padding:2.4rem 2rem}
.ej-corr .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.ej-corr h4{font-family:var(--display);font-weight:500;font-size:1.5rem;margin-top:.8rem}
.ej-corr p{font-size:14.5px;opacity:.8;margin-top:.6rem}
.ej-form{display:flex;gap:0;margin-top:1.4rem;border:1px solid var(--shiga-deep)}
.ej-form input{flex:1;background:transparent;border:none;outline:none;font-family:var(--mono);font-size:13px;letter-spacing:.06em;padding:.95rem 1rem;min-width:0;color:var(--indigo)}
.ej-form button{background:var(--indigo);color:var(--heureka);border:none;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:.95rem 1.3rem;white-space:nowrap;transition:background .5s}
.ej-form button:hover{background:var(--indigo-deep)}
.ej-form-note{margin-top:.9rem;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.5}
.ej-form-done{display:none;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--gold);padding:.9rem 0;text-transform:uppercase}
@media(max-width:560px){.ej-form{flex-direction:column;border:none;gap:.7rem}.ej-form input{border:1px solid var(--shiga-deep);text-align:center;font-size:16px}.ej-form button{padding:1rem}}

.ej-atelier{max-width:680px;margin:4rem auto 0;background:var(--indigo-deep);color:var(--heureka);padding:3rem 2.4rem;text-align:center;position:relative;overflow:hidden}
.ej-atelier::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(176,141,62,.14) 0%,transparent 65%);pointer-events:none}
.ej-atelier .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--gold-soft);text-transform:uppercase}
.ej-atelier h4{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);margin-top:1rem;position:relative}
.ej-atelier p{font-size:14.5px;opacity:.85;max-width:42ch;margin:1rem auto 1.6rem;position:relative}
.ej-atelier .ej-form{border-color:rgba(246,241,231,.35);max-width:400px;margin:1.4rem auto 0}
.ej-atelier .ej-form input{color:var(--heureka)}
.ej-atelier .ej-form input::placeholder{color:rgba(246,241,231,.4)}
.ej-atelier .ej-form button{background:var(--gold);color:var(--indigo)}
.ej-atelier .ej-form button:hover{background:var(--gold-soft)}
.ej-atelier .ej-form-note{opacity:.5}

/* related + nav between entries */
.ej-related{max-width:680px;margin:4.5rem auto 0}
.ej-related .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.ej-related ul{list-style:none;margin-top:1.2rem;border-top:1px solid var(--shiga)}
.ej-related li a{display:flex;justify-content:space-between;gap:2rem;padding:1.1rem 0;border-bottom:1px solid var(--shiga);text-decoration:none;font-family:var(--display);font-size:1.15rem}
.ej-related li a span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--gold);white-space:nowrap;align-self:center}

/* category hub */
.ej-cat-manifesto{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.45;max-width:34ch;margin-top:1.6rem}

/* 404 */
.ej-404{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8vw}
.ej-404 h1{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,5.5vw,4rem);margin-top:1.2rem}
.ej-404 a{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:2rem;text-decoration:none}