.home-opening {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(48px,6.8vw,98px);
  align-items:start;
  padding:52px 0 66px;
}
.cosmic-masthead {
  grid-column:1;
  grid-row:1;
  height:524px;
  position:relative;
  isolation:isolate;
  touch-action:pan-y;
}
.cosmic-type {
  position:absolute;
  inset:340px 0 auto;
  margin:0;
  text-align:center;
  font:500 clamp(94px,12.1vw,174px)/1.04 var(--sans);
  letter-spacing:-.073em;
  -webkit-text-stroke:.85px var(--ink);
  color:transparent;
  pointer-events:none;
}
.cosmic-canvas {
  display:block;
  position:absolute;
  inset:0 0 auto;
  width:100%;
  height:400px;
  cursor:crosshair;
  visibility:hidden;
}
.cosmic-canvas:focus-visible {outline:1px dotted var(--muted);outline-offset:8px}
.cosmic-masthead[data-cosmic-ready="true"] .cosmic-canvas {visibility:visible}
.personal-intro {
  grid-column:2;
  grid-row:1;
  max-width:640px;
  margin:0;
  color:var(--ink);
  font:400 23px/1.95 var(--sans);
  letter-spacing:-.032em;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.personal-intro p {margin:0 0 28px}
.personal-intro p:last-child {margin-bottom:0}
@media(max-width:1000px) {
  .home-opening {display:flex;flex-direction:column;gap:32px;padding:14px 0 56px}
  .cosmic-masthead {order:-1;width:100%;height:308px}
  .cosmic-canvas {height:200px}
  .cosmic-type {inset:224px 0 auto;font-size:clamp(86px,20vw,150px)}
  .personal-intro {max-width:720px;margin:0 auto}
}
@media(max-width:760px) {
  .cosmic-masthead {height:270px}
  .cosmic-type {inset:164px 0 auto;font-size:25.5vw;letter-spacing:-.075em;-webkit-text-stroke:.75px var(--ink)}
  .personal-intro {font-size:19px;line-height:1.95;letter-spacing:-.035em}
  .personal-intro p {margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce) {
  .cosmic-masthead * {animation:none!important;transition:none!important}
}