@font-face{font-family:DM2;src:url('assets/pdf/p2-DMSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM2;src:url('assets/pdf/p2-DMSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DM3;src:url('assets/pdf/p3-DMSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM6;src:url('assets/pdf/p6-DMSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM6;src:url('assets/pdf/p6-DMSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DM7;src:url('assets/pdf/p7-DMSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DM8;src:url('assets/pdf/p8-DMSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM8;src:url('assets/pdf/p8-DMSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
/* November PDF: scoped to the seven editorial pages; the cover keeps its original styling. */
.pdf-page { --pink:#e59999; --paper:#f8f7f1; --red:#e59999; max-width:none; overflow:clip; background:var(--paper); font-size:1.66352cqw; line-height:1.36364; letter-spacing:0; }
main > .pdf-page + .pdf-page { margin-top:0; }
.pdf-2 { font-family:DM2,Arial,sans-serif; }
.pdf-3 { font-family:DM3,Arial,sans-serif; }
.pdf-6 { font-family:DM6,Arial,sans-serif; }
.pdf-7 { font-family:DM7,Arial,sans-serif; font-weight:700; }
.pdf-8 { font-family:DM8,Arial,sans-serif; }
.pdf-3,.pdf-5,.pdf-7 { background:var(--pink); }
.pdf-page p { text-wrap:wrap; }
.pdf-page .red { color:var(--pink); font-weight:700; }
.pdf-3 .red,.pdf-7 .red { color:var(--paper); }
.pdf-3 .red { font-weight:400; }
.handwriting { display:block; overflow:visible; }
.section-lettering,.skill-note,.language-list { position:absolute; height:auto; z-index:2; }
.ink-letter { fill:currentColor;mask:none; }
.js-motion .handwriting .ink-letter { mask:var(--ink-mask); }
.js-motion .handwriting.visible .ink-letter,.js-motion .visible .handwriting .ink-letter { animation:settle-ink 1ms linear calc(var(--ink-delay,0ms) + var(--ink-duration,600ms)) forwards; }
@keyframes settle-ink { to { mask:none; } }
.ink-trace { stroke-dasharray:1;stroke-dashoffset:0; }
.js-motion .handwriting .ink-trace { stroke-dashoffset:1;opacity:0; }
.js-motion .handwriting.visible .ink-trace,.js-motion .visible .handwriting .ink-trace { animation:write-section-letter var(--ink-duration,600ms) linear var(--ink-delay,0ms) both; }
@keyframes write-section-letter { 0% { opacity:0;stroke-dashoffset:1; } 1% { opacity:1; } 100% { opacity:1;stroke-dashoffset:0; } }
.pdf-page .portrait { left:1.1347%;top:39.3838%;width:44.7272%;height:auto;object-fit:contain; }
.pdf-page .about-intro { top:8.7%; }
.pdf-page .hello { height:5.82cqw;gap:.7cqw;align-items:baseline; }
.name-lettering { display:inline-block;width:21.4cqw;height:5.7cqw;align-self:flex-end; }
.pdf-page .about-study { top:43.62%;width:44.9%; }
.pdf-page .about-life { top:59.34%; }
.pdf-page .about-outro { top:83.25%;width:45%; }
.education-portrait { position:absolute;left:-12.2588%;top:-7.3723%;width:50.5228%;max-width:none; }
.pdf-page .timeline { left:26.34%;right:3.86%;top:32.3%;height:32%; }
.pdf-page .timeline-line { top:50.9%;height:.27cqw;background:var(--paper); }
.pdf-page .school { color:var(--ink);width:36%;top:61%; }
.pdf-page .school-first { left:-1.8%; }
.pdf-page .school-middle { top:-.2%;left:30.2%; }
.pdf-page .school-last { left:64.2%; }
.pdf-page .dot { background:var(--ink);top:-2.65cqw; }
.pdf-page .school-middle .dot { top:10.33cqw; }
.pdf-page .education-summary { left:35.252%;top:73.9%;width:54.22%; }
.tools-art { position:absolute;left:10.082%;top:17.809%;width:78.135%; }
.skills-portrait { position:absolute;left:47.5958%;top:-35.0072%;width:89.7693%;max-width:none; }
.pdf-page .panxing-intro { top:4.79%; }
.pdf-page .panxing-work { left:57.584%;top:36.02%;width:40.22%; }
.pdf-page .panxing-work>p { width:100%; }
.pdf-page .panxing-work ul { margin-top:2.27cqw; }
.pdf-page .panxing-devices { left:5.5128%;top:42.39%;width:44.49%;height:54.9%; }
.pdf-page .panxing-devices .phone { top:34.95%; }
.pdf-page .gommoni-device { left:40.4576%;top:42.436%;width:17.104%; }
.pdf-page.gommoni .project-intro { left:6.0795%;top:40.7%;width:29.67%; }
.pdf-page.gommoni .project-details { top:23.23%;width:32.5%; }
.pdf-page .project-details p+p { margin-top:2.27cqw; }
.pdf-page.herencia .project-intro { top:33.75%; }
.pdf-page.herencia .project-details { top:12.69%;width:33.6%;font-weight:700; }
.pdf-page.herencia .project-details p+p { margin-top:2.27cqw; }
.pdf-page .presentation { left:7.211%;top:54.464%;width:42.8%; }
/* A document layout on desktop, readable editorial flow on phones and small tablets. */
@media(max-width:700px) {
 .page.pdf-page { container-type:inline-size;aspect-ratio:auto;font-size:17px;line-height:1.5;padding:38px 24px 48px;display:flex;flex-direction:column;gap:24px;overflow:clip; }
 main > .pdf-page + .pdf-page { margin-top:0; }
 .pdf-page .placed { position:static;width:100%!important;text-align:left; }
 .pdf-page .section-lettering { position:relative;inset:auto!important;width:100%!important;height:auto;order:0;flex:none; }
 .pdf-page .about-intro { order:2; }
 .pdf-page .portrait { position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;margin:-30px 0 -15px;order:1; }
 .pdf-page .hello { height:auto;align-items:baseline;gap:8px; }
 .pdf-page .name-lettering { width:170px;height:60px; }
 .pdf-page .education-portrait { position:relative;inset:auto;width:72%;max-width:none;margin:0 auto;order:2; }
 .pdf-page .timeline { position:relative;inset:auto;height:auto;margin:12px 0 0 8px;padding:8px 0 8px 26px;display:flex;flex-direction:column;gap:30px;order:1; }
 .pdf-page .timeline-line { left:0;top:0;height:100%;width:2px; }
 .pdf-page .school { position:relative;inset:auto;width:100%;text-align:left; }
 .pdf-page .dot,.pdf-page .school-middle .dot { left:-26px;top:8px;width:10px;height:10px; }
 .pdf-page .education-summary { order:3; }
 .pdf-page .tools-heading { width:65%!important;align-self:flex-end; }
 .pdf-page .tools-art { position:relative;inset:auto;width:115%;max-width:none;margin-left:-7.5%;order:1; }
 .pdf-page .languages-heading { order:2; }
 .pdf-page .language-list { position:relative;inset:auto!important;width:100%!important;order:3; }
 .pdf-page.skills { gap:22px;padding-bottom:0; }
 .pdf-page.skills .section-lettering { width:80%!important;align-self:flex-end; }
 .pdf-page .skill-note { position:relative;inset:auto!important;width:auto!important;max-width:95%;height:30px;align-self:center; }
 .pdf-page .skills-portrait { position:relative;inset:auto;width:100%;max-width:none;margin:0; }
 .pdf-page .panxing-devices { position:relative;inset:auto;width:100%;height:auto;aspect-ratio:530/470;order:2; }
 .pdf-page .panxing-work { order:3; }
 .pdf-page .panxing-work ul { padding-left:23px;margin-top:24px;text-align:left; }
 .pdf-page .panxing-work li+li { margin-top:8px; }
 .pdf-page .project-intro,.pdf-page .panxing-intro { order:1; }
 .pdf-page .gommoni-device { position:relative;inset:auto;width:56%;max-width:250px;align-self:center;padding:6px 8px;order:2; }
 .pdf-page .project-details { order:3; }
 .pdf-page .project-details p+p,.pdf-page.herencia .project-details p+p { margin-top:24px; }
 .pdf-page .herencia-concept,.pdf-page .herencia-outro { text-align:left; }
 .pdf-page .presentation { position:relative;inset:auto;width:100%;order:2; }
}
@media(prefers-reduced-motion:reduce) { .js-motion .handwriting .ink-trace { opacity:1;stroke-dashoffset:0; } }
.pdf-page .hello { align-items:flex-end; }
@media(min-width:701px) {
 .pdf-page .school-middle .dot { top:11.2cqw; }
 .pdf-page .hello .name-lettering { margin-bottom:.45cqw; }
}


.skills-portrait img,.education-portrait img { width:100%;height:auto; }

@media(prefers-reduced-motion:reduce) { .js-motion .handwriting .ink-letter { mask:none; } }

/* Align editorial copy to both column edges at every screen size. */
.pdf-page p.placed,
.pdf-page .placed > p:not(.hello),
.pdf-page .placed li {
  text-align: justify;
  text-align-last: left;
}

/* Keep the PDF proportions within one desktop viewport. Backgrounds and the
   portraits extend to the section edges, independently of the text. */
.section-composition { display:contents; }
@media(min-width:701px) {
  html { scroll-padding-top:0; }
  .page.pdf-page {
    --scene-width:min(100vw, calc(100svh * 1190.25 / 842.25));
    --scene-height:min(calc(100vw * 842.25 / 1190.25), 100svh);
    display:grid;
    place-items:center;
    height:100svh;
    aspect-ratio:auto;
    margin-top:0;
    padding:0;
  }
  .section-composition {
    display:block;
    position:relative;
    width:var(--scene-width);
    aspect-ratio:1190.25 / 842.25;
    container-type:inline-size;
    overflow:clip;
    font-size:min(1.66352vw, 2.35088svh);
  }
  .pdf-page .portrait {
    top:auto;
    bottom:0;
    left:calc((100% - var(--scene-width)) / 2 + var(--scene-width) * .011347);
    width:calc(var(--scene-width) * .447272);
    height:auto;
  }
  .pdf-page .education-portrait {
    top:auto;
    bottom:0;
    left:calc(var(--scene-width) * -.122588);
    width:calc(var(--scene-width) * .505228);
    aspect-ratio:1334 / 2000;
  }
  .pdf-page .skills-portrait {
    top:auto;
    left:auto;
    right:calc(var(--scene-width) * -.373651);
    bottom:calc(var(--scene-height) * -.341476);
    width:calc(var(--scene-width) * .897693);
    aspect-ratio:2142 / 2856;
  }
}