/* anaudriste.ro · inner pages without a mockup (Tasks 13.6–13.7): Despre, Presă, Proiecte, Resurse, Newsletter, EN, Confidențialitate, 404/410.
   Same @anaudr Colored/playful language as the approved mockups (acasa.html + articol.html): stickers, multi-colour headings, hard ink shadows,
   colour-cycled tilted cards, Caveat notes, polaroids, marquees. Built only from tokens.css + the site.css atoms (.stk, .btn, .lbl, .h2, .offer,
   .sgrid/.st, .wall/.pol, .nlbox, .pband). Pages with Markdown bodies also load article.css for .prose.
   Motion (Phase 14) attaches to the data-* hooks; nothing here hides content without JS. */

/* ---------- page header (partials/page_head.php) ---------- */
.phead{padding:34px 0 40px;position:relative;isolation:isolate}
.phead .wrap{position:relative}
.phead .crumbs{margin-bottom:18px}
.phead .lbl{margin-bottom:14px}
.phead h1{font:400 clamp(2.4rem,7vw,5.2rem)/.98 var(--f-head);margin:0;letter-spacing:-.025em;max-width:16ch;overflow-wrap:break-word}
.phead h1 .c1{color:var(--magenta)}
.phead .dek{font:italic 600 clamp(1.2rem,2.6vw,1.65rem)/1.3 var(--f-acc);max-width:40ch;margin:22px 0 0;padding-left:22px;border-left:6px solid var(--yellow)}
.phead .dek .acc{color:var(--magenta);font-size:1em}
.phead .bigd{position:absolute;right:16px;top:0;font:italic 600 clamp(6rem,20vw,15rem)/1 var(--f-acc);color:var(--yellow);-webkit-text-stroke:4px var(--ink);z-index:-1;transform:rotate(8deg);pointer-events:none;user-select:none;white-space:nowrap}
.phead .e{position:absolute;font-size:3rem;line-height:1;pointer-events:none}
.phead .e1{right:26%;top:0}.phead .e2{right:6%;bottom:-30px}
@media (max-width:640px){.phead .bigd{opacity:.5;font-size:6.5rem;right:8px}.phead .e{font-size:2.2rem}.phead .e1{right:8%;top:-6px}.phead .e2{display:none}}

/* shared: a sticker that may wrap (long award titles) */
.stk.wrap-ok{white-space:normal;text-align:center;line-height:1.25;justify-content:center}
.psec{padding:70px 0 10px}
.chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li a,.chips li>b:first-child{display:inline-block}
.chips li{border:2.5px solid var(--ink);border-radius:999px;padding:.35em 1em;font-weight:600;background:#fff;box-shadow:2px 2px 0 var(--ink)}
.chips li:nth-child(3n+1){background:var(--peach)}.chips li:nth-child(3n+2){background:var(--baby)}.chips li:nth-child(3n){background:var(--mint)}
.chips a:hover{text-decoration:underline}

/* ---------- /despre ---------- */
.about{display:grid;gap:56px;padding-top:10px}
@media (min-width:1000px){.about{grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}}
.about__body{min-width:0}
.about__side{display:grid;gap:44px;align-content:start}
@media (min-width:1000px){.about__side{position:sticky;top:100px}}
.about__pol{margin:0 auto;width:min(280px,80%);transform:rotate(3deg)}
.about__pol img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;width:100%}
.side-box .lbl-h{margin-bottom:18px}
.sgrid--mini{grid-template-columns:repeat(2,1fr);gap:14px}
@media (min-width:900px){.sgrid--mini{grid-template-columns:repeat(2,1fr);gap:16px}}
.sgrid--mini .st{padding:16px 12px;border-radius:18px;box-shadow:var(--hard-s)}
.sgrid--mini .st .n{font-size:clamp(1.7rem,7vw,2.4rem)}
.sgrid--mini .st .l{font-size:.86rem;line-height:1.3}
.sgrid--mini .st .ic{font-size:1.6rem;top:-14px;right:10px}
.stk-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 10px}
.stk-cloud .stk{font-size:.78rem}
.side-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0}

/* ---------- /presa ---------- */
.page-presa .press{padding:6px 0 0}
.wall--awards{grid-template-columns:repeat(2,1fr)}
@media (min-width:880px){.wall--awards{grid-template-columns:repeat(3,1fr);gap:44px 34px}}
@media (min-width:1100px){.wall--awards{grid-template-columns:repeat(5,1fr);gap:34px 26px}}
.award{display:flex;flex-direction:column;align-items:center;padding-bottom:16px}
.award .ph-img,.award img{width:100%}
.award .ph-img>span{display:block}
.award__stk{margin-top:-18px;max-width:calc(100% + 16px);font-size:.74rem;position:relative;z-index:1}
.award .cap{font-size:1.15rem;margin-top:8px;color:var(--magenta)}
@media (max-width:520px){.wall--awards{gap:30px 16px}.award__stk{font-size:.66rem;padding:.4em .7em}}
.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:22px}
@media (min-width:700px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.pgrid{grid-template-columns:repeat(3,1fr);gap:26px}.pgrid--tedx{grid-template-columns:repeat(2,1fr)}}
.pcard{border:3px solid var(--ink);border-radius:24px;padding:20px 20px 22px;box-shadow:var(--hard);display:flex;flex-direction:column;gap:12px;background:#fff;min-width:0}
.pcard:nth-child(6n+1){background:var(--peach);transform:rotate(-1deg)}.pcard:nth-child(6n+2){background:var(--baby);transform:rotate(1deg)}
.pcard:nth-child(6n+3){background:var(--mint);transform:rotate(-.6deg)}.pcard:nth-child(6n+4){background:var(--lav);transform:rotate(.8deg)}
.pcard:nth-child(6n+5){background:var(--yellow);transform:rotate(-1.2deg)}.pcard:nth-child(6n){background:#fff;transform:rotate(.6deg)}
.pgrid--tedx .pcard:nth-child(odd){background:var(--coral)}.pgrid--tedx .pcard:nth-child(even){background:var(--yellow)}
.pcard__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin:0}
.pcard__outlet{font:400 1.25rem/1.1 var(--f-head)}
.pcard time{font:500 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.15em .7em;white-space:nowrap}
.pcard h3{font:italic 600 1.35rem/1.25 var(--f-acc);margin:0;overflow-wrap:break-word}
.pgrid--tedx .pcard h3{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.pcard .btn{align-self:flex-start;margin-top:auto;padding:11px 16px;font-size:.9rem}
.psec-book .book{padding-top:100px}
.book-press{margin-top:30px}
.nlbox__ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 auto!important}
.pcta{padding-top:100px}

/* ---------- /proiecte ---------- */
.projects .h2{margin-bottom:10px}
.projgrid{display:grid;gap:34px;padding:30px 0 10px}
@media (min-width:760px){.projgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.projgrid{grid-template-columns:repeat(3,1fr);gap:38px}}
.proj{min-height:0;flex:none}
.proj .num{position:absolute;top:18px;right:22px;font:italic 600 3.2rem/1 var(--f-acc);opacity:.35}
.proj .em{font:400 2.2rem var(--f-head)}
.proj__logo{display:grid;place-items:center;height:74px;width:fit-content;max-width:100%;padding:10px 16px;background:#fff;border:3px solid var(--ink);border-radius:20px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-4deg)}
.proj__logo img{max-height:50px;width:auto}
.proj h3{margin-top:18px}
.proj .btn{margin-top:auto}
.proj__link{margin-top:auto;font-weight:700;text-decoration:underline}

/* ---------- /resurse ---------- */
.resources{padding-top:10px}
.apills ul{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.apills a{font-size:.85rem;transition:transform .15s}
.apills a:hover{transform:rotate(-3deg)}
.apills .cnt{font:500 .72rem var(--f-mono);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:0 .5em}
.rgroup{padding:40px 0 10px;scroll-margin-top:100px}
.rgrid{display:grid;gap:26px}
@media (min-width:760px){.rgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.rgrid{grid-template-columns:repeat(3,1fr)}}
.resource{border:3px solid var(--ink);border-radius:24px;padding:20px;box-shadow:var(--hard);display:flex;flex-direction:column;gap:10px;background:#fff;min-width:0}
.resource:nth-child(6n+1){background:var(--yellow);transform:rotate(-1deg)}.resource:nth-child(6n+2){background:var(--mint);transform:rotate(1deg)}
.resource:nth-child(6n+3){background:var(--lav);transform:rotate(-.6deg)}.resource:nth-child(6n+4){background:var(--peach);transform:rotate(.8deg)}
.resource:nth-child(6n+5){background:var(--baby);transform:rotate(-1.2deg)}.resource:nth-child(6n){background:#fff;transform:rotate(.6deg)}
.resource>img{border:2.5px solid var(--ink);border-radius:16px;aspect-ratio:4/3;object-fit:cover;width:100%}
.resource .topic{margin:0;font:500 .74rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.resource .badge{font:700 .78rem var(--f-body);letter-spacing:0;text-transform:none;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.15em .7em;transform:rotate(-3deg);display:inline-block}
.resource h3{font:400 1.45rem/1.1 var(--f-head);margin:0}
.resource p{margin:0;font-weight:500}
.resource .btn{align-self:flex-start;margin-top:auto}
.res-form{display:grid;gap:10px}
.res-form input[type=email]{border:2.5px solid var(--ink);border-radius:14px;padding:12px 14px;background:#fff;width:100%}
.rconsent{display:flex;gap:8px;align-items:flex-start;font-size:.85rem}
.form-note{font-size:.84rem;margin:0}
.form-note:empty{display:none}
.form-note a{text-decoration:underline}
.empty-box{position:relative;background:#fff;border:3px dashed var(--ink);border-radius:30px;padding:46px 24px;text-align:center;box-shadow:var(--hard);transform:rotate(-1deg);max-width:640px;margin:20px auto 0}
.empty-box p{font:700 1.9rem/1.15 var(--f-hand);margin:0 0 20px}
.empty-box .e{position:absolute;top:-30px;right:24px;font-size:3.2rem}

/* ---------- /newsletter ---------- */
.nlpair{display:grid;gap:40px;padding-top:20px}
@media (min-width:980px){.nlpair{grid-template-columns:1.2fr 1fr;gap:40px;align-items:stretch}}
.nlcard{position:relative;text-align:left;border:3px solid var(--ink);border-radius:34px;padding:44px 24px 30px;box-shadow:12px 12px 0 var(--ink)}
@media (min-width:880px){.nlcard{padding:56px 40px 36px}}
.nlpair .nlbox{transform:rotate(-1deg);overflow:visible}
.nlcard--pl{background:var(--mint);transform:rotate(1deg)}
.nlcard h2{font:400 clamp(2rem,5vw,3.4rem)/1 var(--f-head);margin:0 0 14px}
.nlcard--pl h2 .acc{color:var(--magenta)}
.nlcard p{margin:0 0 20px;font-weight:500;max-width:52ch}
.nlcard .e{position:absolute;font-size:3rem}
.nlcard .e1{top:-26px;right:30px;left:auto}.nlcard .e2{bottom:-22px;right:12%}
.nlcard__tag{position:absolute;top:-18px;left:24px;z-index:2}
.nlpair .nlbox .newsletter-form{justify-content:flex-start;margin:0;max-width:none}
.nlpair .nlbox .nl-hook{flex-basis:100%;margin:0 0 6px;font:700 1.6rem/1.1 var(--f-hand)}
.nlpair .nlbox .nl-hook .marker{background:var(--yellow);color:var(--ink);padding:0 .25em;border:2px solid var(--ink);border-radius:6px}
.nlpair .nlbox input[type=email]{flex:1 1 220px}
.nlpair .nlbox .newsletter-form .form-note{margin:4px 0 0}

/* ---------- /en ---------- */
.en-sec{padding-top:40px;padding-bottom:10px}
.en-about{display:grid;gap:40px;align-items:start}
@media (min-width:980px){.en-about{grid-template-columns:minmax(0,1fr) 320px;gap:60px}}
.en-pol{margin:0 auto;width:min(300px,80%);transform:rotate(-3deg)}
.en-pol img{aspect-ratio:4/5;object-fit:cover;width:100%}
.en-press.en-sec{padding-top:70px}
.en-lead{font-size:1.15rem;font-weight:500;max-width:60ch;margin:0 0 24px}
.en-awards{margin-bottom:40px}
.en-more{display:flex;justify-content:center;margin:40px auto 0}
.en-work{padding-top:90px}
.en-ro{text-align:center;margin:30px 0 0;font:700 1.5rem var(--f-hand)}
.en-ro a{color:var(--magenta);text-decoration:underline}

/* ---------- /confidentialitate ---------- */
.paper{background:#fff;border:3px solid var(--ink);border-radius:28px;box-shadow:10px 10px 0 var(--ink);padding:30px 20px;max-width:880px}
@media (min-width:880px){.paper{padding:50px 60px}}
.paper .prose>p:first-of-type::first-letter{font:inherit;float:none;margin:0;color:inherit} /* legal text: no drop cap */
.paper #cookies{scroll-margin-top:100px}
.paper h2#cookies::after{content:" 🍪"}

/* ---------- 404 / 410 (partials/error_box.php) ---------- */
.error-page{padding:40px 0 30px;position:relative;isolation:isolate;min-height:60vh}
.error-page .wrap{position:relative}
.err-code{display:flex;gap:.04em;font:400 clamp(7rem,26vw,16rem)/.9 var(--f-head);margin-bottom:10px}
.err-code .d{display:inline-block;-webkit-text-stroke:4px var(--ink);text-shadow:8px 8px 0 var(--ink)}
.err-code .d1{color:var(--coral);transform:rotate(-8deg)}.err-code .d2{color:var(--yellow);transform:rotate(5deg) translateY(10px)}.err-code .d3{color:var(--magenta);transform:rotate(-4deg)}
.page-410 .err-code .d1{color:var(--lav)}.page-410 .err-code .d3{color:var(--mint)}
.error-page h1{font:400 clamp(2.1rem,6vw,4.2rem)/1 var(--f-head);margin:0;max-width:20ch;letter-spacing:-.02em}
.err-text{font-size:1.15rem;font-weight:500;max-width:52ch;margin:18px 0 0}
.err-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.err-hint{margin:34px 0 0;color:var(--magenta);max-width:40ch}
.site-q{font:500 .9rem var(--f-mono);color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:.1em .5em;display:inline-block;transform:rotate(-2deg)}
.error-page .e{position:absolute;font-size:3.4rem;line-height:1;pointer-events:none}
.error-page .e1{right:10%;top:10px}.error-page .e2{right:28%;top:150px}
@media (max-width:640px){.error-page .e{font-size:2.4rem}.error-page .e2{display:none}.err-links .btn{flex:1 1 100%}}