/* EWEF · one-page company profile (screen preview + A4 print) */
@page { size: A4; margin: 0; }
html, body { margin: 0; background: #e9e3d4; }
body.profile { font-family: var(--f-body); color: var(--ink); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.toolbar { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 14px; background: rgba(12, 34, 14, .92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.toolbar a, .toolbar button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; font: 700 .86rem var(--f-body); color: var(--cream); border: 1px solid rgba(234, 213, 138, .4); background: none; cursor: pointer; }
.toolbar .primary { background: var(--gold); color: var(--forest-950); border-color: var(--gold); }

.sheet {
  position: relative; width: 210mm; height: 297mm; margin: 24px auto; overflow: hidden; box-sizing: border-box;
  background: var(--cotton); box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .45);
  display: grid; grid-template-rows: auto auto 1fr auto; font-size: 8.6pt; line-height: 1.5;
}
.sheet__head { display: grid; grid-template-columns: 30mm 1fr; gap: 7mm; align-items: center; padding: 11mm 14mm 7mm; color: var(--cream); background: radial-gradient(120mm 60mm at 85% 0%, rgba(203, 174, 70, .22), transparent 65%), var(--forest-800); }
.sheet__logo { width: 30mm; height: 30mm; border-radius: 50%; background: var(--cotton); padding: 1.6mm; box-sizing: border-box; box-shadow: 0 0 0 .4mm rgba(203, 174, 70, .8); }
.sheet__logo img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; mix-blend-mode: multiply; }
.sheet__kicker { margin: 0 0 1.5mm; font-family: var(--f-caps); font-size: 6.6pt; letter-spacing: .26em; text-transform: uppercase; color: var(--gold-hi); }
.sheet__title { margin: 0; font-family: var(--f-caps); font-weight: 600; font-size: 27pt; letter-spacing: .1em; line-height: 1; }
.sheet__full { margin: 1.6mm 0 2.4mm; font-family: var(--f-display); font-size: 12.5pt; line-height: 1.2; }
.sheet__slogan { margin: 0; font-family: var(--f-display); font-style: italic; font-size: 11pt; color: var(--gold-hi); }
.sheet__band { height: 3.2mm; background: var(--weave); background-size: 12.8mm; }
.sheet__stats { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: .3mm solid var(--line); }
.sheet__stats div { padding: 4mm 5mm 3.6mm; text-align: center; }
.sheet__stats div + div { border-left: .3mm solid var(--line); }
.sheet__stats b { display: block; font-family: var(--f-display); font-weight: 600; font-size: 20pt; line-height: 1; color: var(--forest-700); }
.sheet__stats b small { font-size: 10pt; color: var(--gold-lo); }
.sheet__stats span { font-size: 7pt; color: var(--ink-2); }
.sheet__body { display: grid; grid-template-columns: 1fr 1fr; gap: 7mm; padding: 6mm 14mm 4mm; align-content: start; }
.sheet h2 { margin: 0 0 1.6mm; font-family: var(--f-caps); font-weight: 600; font-size: 7.4pt; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-lo); }
.sheet section { margin-bottom: 4.6mm; }
.sheet p { margin: 0 0 1.8mm; }
.sheet .pf-big { font-family: var(--f-display); font-size: 11.2pt; line-height: 1.32; color: var(--ink); }
.sheet .pf-mission { padding: 3.6mm 4.2mm; border-radius: 3mm; background: var(--forest-700); color: var(--cream); }
.sheet .pf-mission h2 { color: var(--gold-hi); }
.sheet .pf-vision { padding: 3.6mm 4.2mm; border-radius: 3mm; background: var(--cream-2); }
.pf-tl { margin: 0; padding: 0; list-style: none; border-left: .5mm solid var(--gold); }
.pf-tl li { position: relative; padding: 0 0 2.6mm 4.4mm; }
.pf-tl li::before { content: ""; position: absolute; left: -1.55mm; top: 1.1mm; width: 2.6mm; height: 2.6mm; border-radius: 50%; background: var(--forest-700); box-shadow: 0 0 0 .5mm var(--cotton); }
.pf-tl b { display: block; font-family: var(--f-display); font-size: 10.4pt; color: var(--forest-700); }
.pf-grant { display: grid; grid-template-columns: 19mm 1fr; gap: 3mm; padding: 2.2mm 0; border-top: .3mm solid var(--line); }
.pf-grant:last-child { border-bottom: .3mm solid var(--line); }
.pf-grant em { font-style: normal; font-family: var(--f-caps); font-size: 6.6pt; letter-spacing: .14em; color: var(--gold-lo); }
.pf-grant b { font-family: var(--f-display); font-size: 10.4pt; color: var(--forest-700); }
.pf-roles { margin: 1.6mm 0 0; padding: 0; list-style: none; }
.pf-roles li { padding: 1.2mm 0; border-top: .3mm solid var(--line); }
.pf-roles li b { font-family: var(--f-display); font-size: 10pt; color: var(--forest-700); }
.pf-soon { padding: 3.6mm 4.2mm; border-radius: 3mm; border: .35mm dashed var(--gold); background: rgba(203, 174, 70, .08); }
.pf-soon .pf-big { font-style: italic; color: var(--forest-700); }
.sheet__foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2mm 6mm; padding: 4.4mm 14mm 6mm; font-size: 7.6pt; color: var(--cream); background: var(--forest-950); }
.sheet__foot b { color: var(--gold-hi); font-weight: 700; }

@media print {
  html, body { background: none; }
  .toolbar { display: none; }
  .sheet { margin: 0; box-shadow: none; }
}
@media screen and (max-width: 860px) {
  .sheet { transform-origin: top center; zoom: .5; }
}