.page-content.page-01{--ink: #241a14;
  --ink-soft: #4d3c30;
  --oxblood: #7d302f;
  --paper-menu: rgba(215, 175, 118, .96);
  --header-h: 64px;}
.page-content.page-01 .hero-copy{position:absolute;
  z-index:10;
  left:12.55%;
  top:24.95%;
  width:43.3%;}
.page-content.page-01 h1{margin:0;
  font-weight:400;
  font-size:clamp(39px,61.7472px,62px);
  line-height:.985;
  letter-spacing:-.028em;
  max-width:660px;}
.page-content.page-01 .red-stroke{width:120px; height:3px;
  background:var(--oxblood);
  margin:23px 0 13px;
  transform:rotate(-3deg);
  transform-origin:left center;}
.page-content.page-01 .name{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;
  color:var(--oxblood);
  font-size:clamp(19px,25.8048px,26px);
  transform:rotate(-2deg);
  width:max-content;}
.page-content.page-01 .identity-stack{margin-top:11px;
  display:grid;
  gap:4px;
  width:max-content;
  max-width:100%;}
.page-content.page-01 .role-primary{font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(10.8px,14.4384px,14.4px);
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.22;
  color:#1f1712;}
.page-content.page-01 .role-secondary{font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(8.7px,10.7520px,10.8px);
  font-weight:700;
  color:var(--oxblood);
  letter-spacing:.175em;}
.page-content.page-01 .supporting{margin-top:20px;
  font-size:clamp(14px,17.6640px,17.8px);
  line-height:1.36;
  max-width:390px;}
.page-content.page-01 .portrait-artifact{position:absolute;
  z-index:9;
  right:13.0%;
  top:17.8%;
  width:24.0%;
  margin:0;
  filter:drop-shadow(0 7px 6px rgba(60,35,17,.045));}
.page-content.page-01 .portrait-artifact img{width:100%; display:block;
  border-radius:48% 48% 50% 50% / 38% 38% 52% 52%;}
.page-content.page-01 .marginalia{position:absolute; z-index:7;
  color:#71312d;
  font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;
  font-size:clamp(10px,15.2064px,15px);
  line-height:1.34;
  transform:rotate(-3deg);}
.page-content.page-01 .marginalia span{color:#3b2a22;}
.page-content.page-01 .m-one{left:44.0%; top:55.0%;}
.page-content.page-01 .m-two{left:64.0%; top:63.1%; color:#6c2c28;}
.page-content.page-01 .m-three{left:56.55%; top:76.15%; color:#5d3e2b; transform:rotate(-6deg);}
.page-content.page-01 .m-four{left:58.55%; top:10.55%; color:#6b2a26; transform:rotate(-2deg);}
.page-content.page-01 .scribble-line{width:64px; border-top:2px solid var(--oxblood); margin-top:6px; transform:rotate(-4deg);}
.page-content.page-01 .scribble-line.short{width:44px;}