/* ABOUT ME v1: Scoped to the homepage's #about section only.
   This file does not modify the house, reel or other portfolio pages. */
#about.about-next {
  --about-ink: #241a13;
  --about-cream: #fff1cb;
  --about-red: #df5c39;
  --about-yellow: #f4c53b;
  color: var(--about-cream);
  background: var(--about-ink);
  padding: clamp(52px, 7vw, 108px) clamp(18px, 4.8vw, 70px) 0;
  isolation: isolate;
}
#about .about-next-wrap {max-width: 1250px;margin: 0 auto;}
#about .about-next-bar {display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:2px solid rgba(255,241,203,.55);padding-bottom:23px;font-weight:950;font-size:.73rem;letter-spacing:.115em;}
#about .about-next-bar-mark {color:#ffba81;}
#about .about-next-hero {display:grid;grid-template-columns:minmax(0,1.23fr) minmax(300px,.77fr);gap:clamp(30px,6vw,95px);align-items:center;padding:clamp(65px,8vw,105px) 0 clamp(75px,10vw,130px);}
#about .about-next-title {font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(5.1rem,12vw,12.2rem);font-weight:1000;line-height:.77;letter-spacing:-.065em;margin:0 0 clamp(38px,5vw,68px);text-wrap:balance;}
#about .about-next-title span {display:block;color:var(--about-yellow);}
#about .about-next-intro {font-weight:850;font-size:clamp(1.45rem,2.5vw,2.4rem);line-height:1.22;max-width:665px;margin:0 0 24px;}
#about .about-next-description {font-weight:560;font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.72;max-width:630px;color:#eedfc3;margin:0;}
#about .about-next-links {display:flex;flex-wrap:wrap;gap:12px;margin-top:39px;}
#about .about-next-action {display:inline-flex;justify-content:center;align-items:center;min-height:51px;border:2px solid var(--about-cream);border-radius:999px;font-size:.77rem;font-weight:950;letter-spacing:.07em;text-decoration:none;padding:13px 22px;transition:transform .22s ease,background-color .22s ease,color .22s ease;}
#about .about-next-action-main {background:var(--about-yellow);border-color:var(--about-yellow);color:var(--about-ink)!important;}
#about .about-next-action-alt {background:transparent;color:var(--about-cream)!important;}
#about .about-next-action:hover {transform:translateY(-4px);}
#about .about-next-action-alt:hover {background:var(--about-cream);color:var(--about-ink)!important;}
#about .about-next-action:focus-visible,#about .about-next-chip:focus-visible {outline:4px solid var(--about-yellow);outline-offset:4px;}
#about .about-next-artcol {perspective:900px;min-width:0;}
#about .about-next-art {--tilt-x:0deg;--tilt-y:0deg;position:relative;aspect-ratio:1 / 1.08;max-width:485px;margin:12px auto 0;transform:rotate(-4deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s cubic-bezier(.2,.75,.2,1);background:#c6a88f;border:4px solid var(--about-cream);border-radius:12px;box-shadow:15px 15px 0 var(--about-red);}
#about .about-next-portrait {display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;}
#about .about-next-sticker {position:absolute;right:-21px;top:-27px;width:116px;height:116px;border-radius:50%;border:3px solid var(--about-ink);display:grid;place-items:center;background:var(--about-yellow);color:var(--about-ink);font:1000 1.35rem Impact,'Arial Black',sans-serif;letter-spacing:.04em;transform:rotate(17deg);box-shadow:4px 4px 0 var(--about-red);}
#about .about-next-artcaption {padding:27px 6px 0;display:flex;justify-content:space-between;gap:16px;font-size:.67rem;font-weight:950;letter-spacing:.13em;color:#f1d3a8;}
#about .about-next-interests {margin-bottom:70px;border:3px solid var(--about-ink);border-radius:16px;padding:clamp(27px,4vw,60px);background:var(--about-cream);color:var(--about-ink);box-shadow:12px 12px 0 var(--about-red);}
#about .about-next-interests-heading {display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px;}
#about .about-next-interests-heading h3 {font:1000 clamp(2.3rem,5.2vw,5.7rem)/.95 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.045em;margin:0;max-width:740px;}
#about .about-next-interests-heading p {font-size:.72rem;line-height:1.6;font-weight:900;letter-spacing:.045em;margin:0;max-width:210px;}
#about .about-next-chips {display:flex;flex-wrap:wrap;gap:11px;}
#about .about-next-chip {border:2px solid var(--about-ink);border-radius:999px;background:transparent;color:var(--about-ink);cursor:pointer;padding:13px 18px;font:900 .8rem/1.25 Arial,sans-serif;letter-spacing:.04em;transition:background-color .2s ease,color .2s ease,transform .2s ease;}
#about .about-next-chip:hover {transform:translateY(-3px);}
#about .about-next-chip.is-selected {background:var(--about-ink);color:var(--about-cream);}
#about .about-next-interest-detail {border-top:2px solid var(--about-ink);padding:26px 2px 0;margin:27px 0 0;max-width:825px;font-size:clamp(1.07rem,1.75vw,1.45rem);font-weight:650;line-height:1.48;min-height:90px;}
#about .about-next-footer {max-width:none;display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid rgba(255,241,203,.42);padding:25px 0 37px;font-size:.73rem;font-weight:900;letter-spacing:.08em;}
#about .about-next-top {text-decoration:none;color:var(--about-cream)!important;}
#about .about-next-top:hover {text-decoration:underline;text-underline-offset:5px;}
@media(max-width:900px) {
  #about .about-next-hero {grid-template-columns:1fr;gap:52px;}
  #about .about-next-art {max-width:380px;}
}
@media(max-width:620px) {
  #about .about-next-bar-mark {display:none;}
  #about .about-next-hero {padding-top:65px;padding-bottom:75px;}
  #about .about-next-title {font-size:clamp(5.2rem,22vw,8rem);}
  #about .about-next-art {width:calc(100% - 30px);}
  #about .about-next-sticker {right:-11px;top:-20px;width:94px;height:94px;font-size:1.04rem;}
  #about .about-next-interests {padding:27px 20px;box-shadow:6px 6px 0 var(--about-red);}
  #about .about-next-interests-heading {display:block;}
  #about .about-next-interests-heading p {margin-top:17px;max-width:none;}
  #about .about-next-chip {font-size:.72rem;padding:11px 13px;}
  #about .about-next-footer {flex-direction:column;align-items:flex-start;}
}
@media(prefers-reduced-motion:reduce) {
  #about .about-next-art,#about .about-next-chip,#about .about-next-action {transition:none!important;transform:none!important;}
}