/* Final hero alignment — September 22 reference (1100×782 / proportional 1440×1024).
   Loaded last. Repositions existing elements only; the Three.js portrait, typed
   multimedia text, workflow, contact, and all below-hero content are untouched. */
@import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap');

@media (min-width:861px) {
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero {
    height:clamp(720px,71.11vw,1024px)!important;
    min-height:clamp(720px,71.11vw,1024px)!important;
    max-height:none!important;
    margin:0!important;border:0!important;border-radius:0!important;
    overflow:hidden!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header {
    top:clamp(36px,4.75vw,69px)!important;
    left:clamp(27px,3.4vw,49px)!important;
    right:clamp(30px,6.6vw,95px)!important;
    z-index:30!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header .nav-bar {
    width:100%!important;max-width:none!important;padding:0!important;
    min-height:48px!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header .nav-logo img {
    width:clamp(58px,5.25vw,76px)!important;
    height:auto!important;max-height:45px!important;object-fit:contain!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header .nav-links {
    display:flex!important;flex:1!important;align-items:center!important;
    justify-content:flex-end!important;gap:0!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header .nav-links ul {
    position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;
    gap:clamp(17px,1.53vw,23px)!important;
    margin:0 clamp(20px,2.2vw,32px) 0 0!important;padding:0!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header .nav-links a {
    font-size:clamp(11px,.99vw,14px)!important;
    white-space:nowrap!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .site-header .nav-resume-btn {
    min-height:clamp(38px,3.33vw,48px)!important;
    padding:10px clamp(17px,1.75vw,25px)!important;
    border-radius:999px!important;background:#5d0ec0!important;
    border-color:#5d0ec0!important;color:#fff!important;
    font-weight:600!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-inner {
    position:relative!important;display:block!important;
    width:100%!important;max-width:none!important;
    height:100%!important;min-height:0!important;
    margin:0!important;padding:0!important;pointer-events:none!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-intro {
    position:absolute!important;top:clamp(113px,11.8vw,170px)!important;
    left:0!important;right:0!important;width:100%!important;
    text-align:center!important;z-index:4!important;
    margin:0!important;padding:0!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-kicker {
    font-family:'Poppins',sans-serif!important;
    font-size:clamp(34px,4.12vw,59.3px)!important;
    font-weight:800!important;line-height:1.03!important;
    letter-spacing:-.045em!important;color:#fbfbf9!important;
    margin:0!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero #hero-title {
    display:flex!important;flex-direction:column!important;
    align-items:center!important;gap:0!important;
    width:100%!important;margin:0!important;
    line-height:1!important;white-space:normal!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero #hero-title .picked {
    display:inline-flex!important;justify-content:center!important;align-items:center!important;
    font-family:'Shrikhand','Playfair Display',serif!important;
    font-style:italic!important;font-weight:400!important;
    font-size:clamp(45px,5.75vw,83px)!important;
    line-height:.99!important;min-height:1.08em!important;
    letter-spacing:-.022em!important;color:#7f50ef!important;
    margin:0!important;white-space:nowrap!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero #hero-title .accent-italic {
    display:block!important;font-family:'Array','Arial Black',sans-serif!important;
    font-weight:700!important;font-style:normal!important;
    font-size:clamp(160px,23.5vw,350px)!important;
    line-height:.72!important;letter-spacing:-.019em!important;
    white-space:nowrap!important;text-transform:uppercase!important;
    margin:.105em 0 0!important;padding:0!important;
    color:#66d487!important;-webkit-text-fill-color:#66d487!important;
    background:none!important;background-image:none!important;
    -webkit-background-clip:border-box!important;background-clip:border-box!important;
    transform:scaleX(.88)!important;transform-origin:center!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .portrait-stage {
    position:absolute!important;z-index:6!important;
    left:50%!important;bottom:clamp(28px,4.17vw,60px)!important;
    width:min(58vw,840px)!important;height:min(58vw,840px)!important;
    transform:translateX(-50%)!important;pointer-events:auto!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-3d-fallback {
    left:50%!important;bottom:clamp(28px,4.17vw,60px)!important;
    width:min(53vw,760px)!important;height:min(58vw,840px)!important;
    transform:translateX(-50%)!important;object-fit:contain!important;
    object-position:center bottom!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-statement {
    position:absolute!important;z-index:8!important;
    left:clamp(27px,3.4vw,49px)!important;right:auto!important;
    top:auto!important;bottom:clamp(80px,7.8vw,114px)!important;
    width:min(37vw,480px)!important;max-width:480px!important;
    margin:0!important;padding:0!important;pointer-events:auto!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-statement-title {
    color:#fbfbf9!important;
    font-family:'Poppins',sans-serif!important;
    font-size:clamp(18px,1.667vw,24px)!important;
    font-weight:700!important;line-height:1.5!important;
    letter-spacing:-.02em!important;margin:0 0 clamp(10px,1.05vw,15px)!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-statement>p:last-of-type {
    max-width:100%!important;font-size:clamp(12px,1.11vw,16px)!important;
    line-height:1.6!important;margin:0!important;
    color:rgba(255,255,255,.9)!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-actions {
    display:flex!important;flex-direction:row!important;align-items:center!important;
    flex-wrap:wrap!important;gap:clamp(11px,1.1vw,16px)!important;
    margin:clamp(29px,3vw,43px) 0 0!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-actions .btn {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;flex:none!important;
    min-height:clamp(42px,3.8vw,55px)!important;
    border-radius:999px!important;
    padding:11px clamp(19px,2vw,29px)!important;
    font-size:clamp(12px,1.1vw,16px)!important;font-weight:600!important;
    white-space:nowrap!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero .hero-actions .btn-secondary {
    color:#fff!important;background:#27272a!important;
    border:1px solid rgba(255,255,255,.94)!important;
  }
}
/* The desktop reference is not a mobile crop. Keep the established mobile
   stack and portrait, but make the entire Array word fit small screens. */
@media (max-width:860px) {
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero #hero-title .picked {
    font-family:'Shrikhand','Playfair Display',serif!important;
    font-weight:400!important;color:#7f50ef!important;
  }
  body.composition-home.composition-v2.hero-reference-layout .portfolio-hero #hero-title .accent-italic {
    font-family:'Array','Arial Black',sans-serif!important;
    font-size:clamp(47px,13.5vw,105px)!important;
    line-height:.94!important;letter-spacing:-.02em!important;
    transform:scaleX(.96)!important;transform-origin:center!important;
    max-width:100vw!important;color:#66d487!important;
    -webkit-text-fill-color:#66d487!important;background:none!important;
  }
}