:root{--hu-ink:#121212;--hu-paper:#f4f2ed;--hu-accent:#64D0C2;--hu-line:rgba(18,18,18,.18)}body{background:#fff;color:var(--hu-ink)}.site-nav-v2{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,4vw,64px);color:#fff}.site-nav-v2 .wordmark{color:inherit;text-decoration:none;font-size:.9rem;font-weight:900;letter-spacing:.13em}.site-nav-v2 nav{display:flex;gap:24px}.site-nav-v2 nav a{color:inherit;text-decoration:none;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.hero-v2{justify-content:flex-start;text-align:left;min-height:100svh}.hero-v2 .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 52%,rgba(0,0,0,.28) 100%)}.hero-v2 .hero-content{width:min(1440px,100%);margin:auto;padding:100px clamp(20px,6vw,96px) 70px}.hero-v2 .hero-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px}.hero-v2 h1{font-size:clamp(4.6rem,14vw,12rem);line-height:.78;letter-spacing:-.075em;margin:0;text-shadow:none}.hero-v2 .hero-subtitle{font-size:clamp(1.1rem,2.2vw,1.7rem);line-height:1.45;max-width:590px;margin:36px 0 0}.hero-v2 .hero-services{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.editorial-section{padding:clamp(70px,9vw,130px) clamp(20px,6vw,96px);background:var(--hu-paper);position:relative;z-index:11}.editorial-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,8vw,140px)}.editorial-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.editorial-copy h2,.journal-teaser h2{font-size:clamp(2.8rem,7vw,7.3rem);line-height:.9;letter-spacing:-.065em;margin:0 0 35px}.editorial-copy p{font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.75;max-width:760px}.services-section{background:#111!important;color:#fff;padding:clamp(70px,9vw,120px) 20px}.services-section .section-title{color:#fff}.services-section .flip-card-front{background:#1b1b1b;color:#fff;border-color:rgba(255,255,255,.12);backdrop-filter:none}.services-section .flip-card-front i{color:var(--hu-accent)}.services-section .flip-card-back{background:var(--hu-accent);color:#111}.topic-section{padding-top:clamp(70px,9vw,120px);padding-bottom:clamp(70px,9vw,120px)}.topic-content h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:.9;letter-spacing:-.06em}.topic-btn{background:none;border:1px solid currentColor;color:inherit!important;border-radius:0;box-shadow:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}.topic-btn:hover{background:var(--hu-accent);color:#111!important;box-shadow:none}.journal-teaser{padding:clamp(75px,10vw,145px) clamp(20px,6vw,96px);background:#64D0C2;position:relative;z-index:11}.journal-head{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.journal-head p{max-width:560px;line-height:1.7}.journal-all{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.journal-latest{max-width:1280px;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.2)}.journal-mini{background:#64D0C2;padding:28px;min-height:300px;display:flex;flex-direction:column}.journal-mini .mini-cat{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.journal-mini h3{font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.05;letter-spacing:-.04em}.journal-mini p{line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.journal-mini a{margin-top:auto;color:inherit;text-decoration:none}.journal-loading{grid-column:1/-1;background:#64D0C2;padding:28px}.parallax-glass-section{background:#111;backdrop-filter:none}.action-section{background:#111}.link-card{border-radius:0;background:#fff;border:1px solid #ddd;box-shadow:none}.link-card:hover{box-shadow:none;transform:translateX(4px)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}@media(max-width:800px){.site-nav-v2 nav a:nth-child(2){display:none}.editorial-grid{grid-template-columns:1fr}.journal-head{grid-template-columns:1fr}.journal-latest{grid-template-columns:1fr}.journal-mini p{-webkit-line-clamp:3}.hero-v2 h1{font-size:clamp(4rem,22vw,7rem)}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.scroll-down-btn{animation:none}}

/* ===== Haeng-un interactive 2.5D homepage hero ===== */
.hero-v2{
  --hero-rx:0deg;
  --hero-ry:0deg;
  --hero-shift-x:0px;
  --hero-shift-y:0px;
  --hero-scroll-y:0px;
  --hero-copy-x:0px;
  --hero-copy-y:0px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  perspective:1200px;
  transform-style:preserve-3d;
  background:#111;
  contain:paint;
}
.hero-v2::before{
  content:"";
  position:absolute;
  inset:-7%;
  z-index:0;
  pointer-events:none;
  background-image:url('https://img.haeng-un.com/homepage.jpeg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform-origin:center center;
  transform:translate3d(var(--hero-shift-x),calc(var(--hero-shift-y) + var(--hero-scroll-y)),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) scale(1.085);
  will-change:transform;
  backface-visibility:hidden;
}
.hero-v2::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  clip-path:polygon(0 52%,72% 54%,64% 100%,0 100%);
  background:
    linear-gradient(96deg,transparent 0 35%,rgba(255,201,118,0) 41%,rgba(255,188,84,.95) 46%,rgba(255,80,18,.52) 49%,transparent 55%) 145% 76%/230% 5px no-repeat,
    linear-gradient(95deg,transparent 0 39%,rgba(255,222,153,0) 43%,rgba(255,213,129,.9) 47%,rgba(255,103,26,.48) 51%,transparent 57%) 185% 84%/205% 3px no-repeat,
    linear-gradient(98deg,transparent 0 42%,rgba(255,255,255,0) 46%,rgba(255,240,196,.82) 49%,rgba(255,119,39,.4) 52%,transparent 57%) 125% 69%/260% 2px no-repeat,
    radial-gradient(circle,rgba(255,190,75,.72) 0 14%,transparent 48%) 12% 79%/28px 12px repeat-x;
  mix-blend-mode:screen;
  opacity:.64;
  filter:blur(.35px) drop-shadow(0 0 7px rgba(255,123,30,.58));
  animation:hu-trail-flow 3.1s linear infinite,hu-trail-pulse 5.2s ease-in-out infinite;
  transform:translate3d(calc(var(--hero-shift-x) * .28),calc(var(--hero-shift-y) * .24),24px);
  will-change:background-position,opacity,transform;
}
.hero-v2 .hero-overlay{
  z-index:2;
  overflow:hidden;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.37) 50%,rgba(0,0,0,.26) 100%);
}
.hero-v2 .hero-overlay::before{
  content:"";
  position:absolute;
  inset:-5%;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 73%,rgba(255,143,46,.16),transparent 21%),
    radial-gradient(circle at 70% 42%,rgba(96,167,255,.13),transparent 26%);
  mix-blend-mode:screen;
  animation:hu-ambient-drift 9s ease-in-out infinite alternate;
}
.hero-v2 .hero-overlay::after{
  content:"";
  position:absolute;
  inset:-6%;
  pointer-events:none;
  background-image:url('https://img.haeng-un.com/homepage.jpeg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-mask-image:radial-gradient(ellipse 24% 43% at 71% 62%,#000 0 48%,rgba(0,0,0,.88) 58%,transparent 82%);
  mask-image:radial-gradient(ellipse 24% 43% at 71% 62%,#000 0 48%,rgba(0,0,0,.88) 58%,transparent 82%);
  opacity:.17;
  mix-blend-mode:screen;
  transform-origin:71% 62%;
  animation:hu-person-breathe 7.4s ease-in-out infinite;
  will-change:transform,opacity;
}
.hero-v2 .hero-content{
  position:relative;
  z-index:3;
  transform:translate3d(var(--hero-copy-x),var(--hero-copy-y),42px);
  transition:transform .12s linear;
  will-change:transform;
}
.hero-v2 .scroll-down-btn{z-index:4}
.hero-v2.hero-idle::before{animation:hu-scene-idle 13s ease-in-out infinite alternate}
@keyframes hu-trail-flow{
  0%{background-position:145% 76%,185% 84%,125% 69%,0 79%}
  100%{background-position:-145% 76%,-165% 84%,-150% 69%,150% 79%}
}
@keyframes hu-trail-pulse{0%,100%{opacity:.48}50%{opacity:.72}}
@keyframes hu-person-breathe{0%,100%{transform:translate3d(0,0,0) scale(1.002);opacity:.14}50%{transform:translate3d(1.5px,-3px,0) scale(1.012);opacity:.22}}
@keyframes hu-ambient-drift{0%{transform:translate3d(-1.2%,.4%,0) scale(1.01);opacity:.68}100%{transform:translate3d(1.5%,-.8%,0) scale(1.04);opacity:1}}
@keyframes hu-scene-idle{0%{filter:saturate(.98) brightness(.98)}100%{filter:saturate(1.045) brightness(1.02)}}
@media(max-width:800px){
  .hero-v2{perspective:900px}
  .hero-v2::before{inset:-9%;background-position:35% center;transform:translate3d(var(--hero-shift-x),calc(var(--hero-shift-y) + var(--hero-scroll-y)),0) rotateX(var(--hero-rx)) rotateY(var(--hero-ry)) scale(1.12)}
  .hero-v2::after{clip-path:polygon(0 48%,78% 52%,70% 100%,0 100%);opacity:.56}
  .hero-v2 .hero-overlay::after{background-position:35% center;-webkit-mask-image:radial-gradient(ellipse 31% 39% at 79% 60%,#000 0 45%,rgba(0,0,0,.84) 57%,transparent 83%);mask-image:radial-gradient(ellipse 31% 39% at 79% 60%,#000 0 45%,rgba(0,0,0,.84) 57%,transparent 83%);transform-origin:79% 60%}
}
@media(prefers-reduced-motion:reduce){
  .hero-v2::before,.hero-v2::after,.hero-v2 .hero-overlay::before,.hero-v2 .hero-overlay::after{animation:none!important}
  .hero-v2::before{transform:scale(1.06)!important}
  .hero-v2 .hero-content{transform:none!important;transition:none!important}
  .hero-v2::after{opacity:.2}
}