/* Hero and header share the exact same site-wide alignment. */
body.huco-character-home .site-header,
body.huco-character-home .site-header.scrolled { background:#faf9f7!important;color:#181818!important;border-bottom:1px solid #1a1a1a0a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; }
body.huco-character-home .site-header .header-shell { background:transparent!important; }
body.huco-character-home .site-header .brand img { filter:brightness(0)!important; }
body.huco-character-home .site-header :is(.brand,nav a,.header-icon-link) { color:#191919!important; }
body.huco-character-home .site-header .header-icon-link { border-color:#d8d4d0!important; }
body.huco-character-home .site-header .header-icon-link svg { stroke:currentColor!important; }
body.huco-character-home .site-header #menuToggle { flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0!important;border-radius:12px!important; }
body.huco-character-home .site-header #menuToggle span { flex:0 0 1px;width:20px!important;height:1px!important;margin:0!important; }
.huco-kinetic-hero { position:relative;isolation:isolate;min-height:740px;height:min(860px,100svh);overflow:hidden;background:#faf9f7;color:#171717;border-bottom:1px solid #eae7e3; }
.hk-inner { position:relative;width:var(--site-wide,min(90vw,1440px));max-width:none;height:100%;min-height:inherit;margin:0 auto;padding-top:88px; }
.hk-copy { position:relative;z-index:6;width:45%;max-width:660px;padding-top:80px;pointer-events:none; }
.hk-copy a { pointer-events:auto; }
body.huco-character-home .hk-kicker { display:inline-flex;align-items:center;gap:10px;margin:0 0 25px;font-size:11px!important;font-weight:600;line-height:1.5!important;letter-spacing:.035em;color:#4f4b49; }
.hk-kicker i { width:6px;height:6px;border-radius:50%;background:#d91e31;box-shadow:0 0 0 4px #d91e310c; }
body.huco-character-home .hk-copy h1 { font-size:clamp(47px,3.8vw,64px)!important;font-weight:700!important;line-height:1.07!important;letter-spacing:-.055em!important;margin:0!important;max-width:660px!important;text-align:left!important;overflow-wrap:normal!important;text-wrap:pretty; }
body.huco-character-home .hk-description { max-width:460px;margin:26px 0 0;color:#696563;font-size:15px!important;line-height:1.75!important; }
.hk-actions { display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:30px; }
.hk-primary,.hk-secondary { display:inline-flex;align-items:center;gap:20px;min-height:48px;font-size:12px;font-weight:600;text-decoration:none; }
.hk-primary { background:#cc1e2c;color:#fff;border-radius:999px;padding:14px 23px;transition:background .2s,transform .2s; }
.hk-primary:hover { background:#ac1726;transform:translateY(-2px); }
.hk-primary svg,.hk-secondary svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6; }
.hk-secondary { color:#282525;gap:11px; }
.hk-secondary>span { display:grid;place-items:center;width:35px;height:35px;border:1px solid #d8d2ce;border-radius:50%; }
.hk-secondary:hover { color:#bb1828; }
.hk-disciplines { display:flex;flex-wrap:wrap;margin-top:31px;color:#797370;font-size:10px;text-transform:uppercase;letter-spacing:.09em; }
.hk-disciplines span+span { margin-left:15px;padding-left:15px;border-left:1px solid #d7d0cb; }
.hk-project { position:absolute;z-index:7;left:0;bottom:30px;display:flex;align-items:center;gap:14px;width:338px;padding:12px;background:linear-gradient(120deg,#fff 55%,#fff5f3);border:1px solid #e9d9d7;border-radius:16px;box-shadow:0 12px 30px -18px #742a3540;color:#252323;text-decoration:none;transition:transform .2s,box-shadow .2s; }
.hk-project:hover { transform:translateY(-3px);box-shadow:0 16px 32px -15px #742a3540; }
.hk-project img { display:block;flex:0 0 94px;width:94px;height:72px;object-fit:cover;border:1px solid #eee3df;border-radius:9px; }
.hk-project span { display:grid;gap:6px;min-width:0; }
.hk-project strong { font-size:13px;font-weight:650;line-height:1.4;letter-spacing:-.015em; }
.hk-project small { color:#796c68;font-size:11px;line-height:1.5; }
.hk-project>svg { flex:0 0 30px;width:30px;height:30px;padding:7px;margin-left:auto;fill:none;stroke:#c72034;stroke-width:1.6;border:1px solid #edcbd0;border-radius:50%;background:#fff4f4; }
.hk-scene { position:absolute;inset:104px 0 0 36%;pointer-events:none; }
.hk-halo { position:absolute;inset:0 -5% 0 0;background:radial-gradient(ellipse at 57% 44%,#e94a432b, #df28350c 42%,transparent 70%); }
.hk-look { position:absolute;inset:0 -55px -140px -40px;z-index:3; }
.hk-bob { width:100%;height:100%; }
.hk-character { position:absolute;left:50%;transform:translateX(-50%);display:block;width:auto;max-width:none;height:100%;user-select:none;-webkit-user-drag:none; }
.hk-canvas { position:absolute;inset:0;width:100%;height:100%;display:block; }
.has-3d-character .hk-bob { visibility:hidden; }
.hk-ribbon-stage { position:absolute;width:115%;height:100%;left:-8%;top:0;transform-origin:55% 58%; }
.hk-ribbon-stage-back { z-index:1; }
.hk-ribbon-stage-front { z-index:4; }
.hk-orbit { display:block;width:100%;height:100%;overflow:visible;transform-origin:55% 58%; }
.hk-orbit-back,.hk-orbit-front { opacity:1; }
/* A continuous spiral: shared turns keep the satin bands joined as they flow. */
.has-hero-motion .hk-orbit { animation:hk-ribbon-enter 1.9s cubic-bezier(.16,1,.3,1) .1s both; }
.huco-kinetic-hero:is(.is-character-offscreen,.is-scene-offscreen,.is-motion-paused) :is(.hk-ribbon-stage,.hk-orbit,.hk-bob) { animation-play-state:paused; }
@keyframes hk-ribbon-enter {
  from { opacity:0;transform:translate3d(110vw,0,0); }
  to { opacity:1;transform:translate3d(0,0,0); }
}
.has-hero-motion[data-character-mode="image"] .hk-bob { animation:hk-poster-breathe 7s ease-in-out infinite;transform-origin:center bottom; }
@keyframes hk-poster-breathe {
  0%,100% { transform:translateY(0) rotate(-.4deg); }
  50% { transform:translateY(-5px) rotate(.4deg); }
}
.hk-orbit text { font-family:Inter,sans-serif;font-size:9px;font-weight:500;fill:#fff;letter-spacing:1.4px; }
.hk-service-list { position:absolute;z-index:5;top:154px;right:0;display:grid;gap:46px; }
.hk-service { position:relative;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;width:230px;padding:20px 17px;border:1px solid #eadbdb;border-radius:15px;background:linear-gradient(125deg,#fff 60%,#fff6f5);box-shadow:0 3px 8px #49202a03,0 15px 35px -18px #6d283633,inset 0 1px 0 #fff;color:#252020;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s; }
.hk-service::before { content:"";position:absolute;left:-1px;top:25px;bottom:25px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#f56d70,#bd172b);opacity:.8; }
.hk-service>svg:first-child { width:36px;height:36px;padding:8px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;border:1px solid #f2767e;border-radius:11px;background:linear-gradient(145deg,#ed4653,#be162c);box-shadow:0 5px 12px -4px #cc20394d,inset 0 1px 0 #ffffff40;transition:transform .25s; }
.hk-service>svg:last-child { position:absolute;right:12px;top:12px;width:13px;height:13px;fill:none;stroke:#ba7780;stroke-width:1.6;transition:transform .25s; }
.hk-service span { display:grid;gap:7px;min-width:0; }
.hk-service strong { font-size:12px;line-height:1.45;font-weight:650;letter-spacing:-.015em; }
.hk-service small { font-size:11px;line-height:1.6;color:#716563; }
@media(hover:hover) {
  .hk-service:hover { transform:translate(-4px,-3px);border-color:#dc9ba3;box-shadow:0 6px 12px #49202a05,0 20px 36px -16px #6d28363b; }
  .hk-service:hover>svg:first-child { transform:rotate(-5deg); }
  .hk-service:hover>svg:last-child { transform:translate(2px,-2px); }
}
.hk-spark { display:none; }
.hk-credits { position:absolute;z-index:8;right:73px;bottom:24px;font-size:8px;letter-spacing:.02em;color:#8a817c;text-decoration:underline;text-underline-offset:2px;pointer-events:auto; }
.huco-kinetic-hero a:focus-visible { outline:2px solid #b81828;outline-offset:5px; }
@media(min-width:1500px) {
  .hk-copy { padding-top:95px; }
  .hk-service-list { top:185px;gap:54px; }
  .hk-service { width:246px;padding:22px 19px; }
  .hk-service strong { font-size:13px; }
  .hk-service small { font-size:11.5px; }
}
@media(max-width:1100px) {
  .hk-inner { padding-top:68px; }
  .hk-copy { width:44%;padding-top:85px; }
  body.huco-character-home .hk-copy h1 { font-size:clamp(42px,4.7vw,52px)!important; }
  .hk-scene { top:98px;left:35%; }
  .hk-look { inset:0 -55px -130px -30px; }
  .hk-service-list { top:170px;gap:43px; }
  .hk-service { width:186px;grid-template-columns:28px 1fr;gap:9px;padding:17px 13px; }
  .hk-service>svg:first-child { width:28px;height:28px;padding:6px;border-radius:9px; }
  .hk-service>svg:last-child { display:none; }
  .hk-service strong { font-size:11px; }
  .hk-service small { font-size:10px; }
}
/* Compact mobile composition: copy and artwork share a row, with two floating cards. */
@media(max-width:800px) {
  .huco-kinetic-hero { min-height:0;height:auto; }
  .hk-inner { --hk-mobile-art:clamp(310px,80vw,360px);display:grid;grid-template-columns:1fr 1fr;column-gap:14px;width:100%;height:auto;min-height:0;margin:0;padding:96px var(--mobile-gutter,24px) 24px; }
  .hk-copy { display:contents; }
  .hk-copy>* { position:relative;z-index:6;pointer-events:auto; }
  body.huco-character-home .hk-kicker { grid-area:1/1/2/3;margin:0 0 15px;font-size:10px!important; }
  body.huco-character-home .hk-copy h1 { grid-area:2/1/3/3;max-width:620px!important;font-size:clamp(32px,8.5vw,46px)!important;line-height:1.07!important; }
  body.huco-character-home .hk-description { grid-area:3/1/4/2;align-self:start;max-width:270px;margin:20px 0 0;font-size:12.5px!important;line-height:1.65!important; }
  .hk-scene { grid-area:3/1/4/3;position:relative;inset:auto;height:var(--hk-mobile-art);width:calc(100% + 2 * var(--mobile-gutter,24px));margin:0 calc(-1 * var(--mobile-gutter,24px));overflow:clip; }
  .hk-look { inset:-6px -75px -68px 35%; }
  .hk-halo { inset:0 -5% 0 30%; }
  .hk-ribbon-stage { width:90%;left:24%;height:100%; }
  .hk-service-list { grid-area:3/1/4/3;position:relative;inset:auto;display:block;height:var(--hk-mobile-art);margin:0;pointer-events:none; }
  .hk-service { position:absolute;display:grid;grid-template-columns:26px 1fr;align-items:center;width:150px;min-height:48px;padding:10px 12px;gap:8px;border-radius:12px;pointer-events:auto; }
  .hk-service-one { left:0;bottom:68px; }
  .hk-service-two { display:none; }
  .hk-service-three { right:0;bottom:12px; }
  .hk-service::before { top:15px;bottom:15px;width:2px; }
  .hk-service>svg:first-child { width:26px;height:26px;padding:5px;border-radius:8px; }
  .hk-service>svg:last-child,.hk-service small { display:none; }
  .hk-service span { display:block; }
  .hk-service strong { font-size:10.5px;line-height:1.35; }
  .hk-actions { grid-area:4/1/5/3;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:460px;margin-top:12px; }
  .hk-primary,.hk-secondary { justify-content:center;min-height:44px;font-size:11px;gap:9px; }
  .hk-primary { padding:12px 10px; }
  .hk-secondary { gap:7px; }
  .hk-secondary>span { flex:0 0 29px;width:29px;height:29px; }
  .hk-disciplines { grid-area:5/1/6/3;font-size:8px;letter-spacing:.06em;margin-top:16px; }
  .hk-disciplines span+span { margin-left:12px;padding-left:12px; }
  .hk-project { grid-area:6/1/7/3;position:relative;inset:auto;width:100%;max-width:460px;margin-top:18px;gap:12px;padding:10px; }
  .hk-project img { flex-basis:78px;width:78px;height:58px; }
  .hk-project strong { font-size:13px; }
  .hk-project small { font-size:11px; }
  .hk-credits { bottom:10px;right:auto;left:var(--mobile-gutter,24px);display:flex;align-items:center;min-height:44px;color:#68605c;background:#faf9f7c9;padding:0 8px;border-radius:999px; }
}
@media(min-width:601px) and (max-width:800px) {
  body.huco-character-home .hk-description { font-size:14px!important;line-height:1.75!important;margin-top:30px; }
  .hk-look { inset:0 -40px -80px 35%; }
  .hk-service { width:166px;padding:12px; }
  .hk-service strong { font-size:12px; }
  .hk-service-one { left:10px;bottom:76px; }
  .hk-service-three { right:20px;bottom:18px; }
}
@media(max-width:350px) {
  .hk-inner { padding-top:90px; }
  body.huco-character-home .hk-copy h1 { font-size:30px!important; }
  body.huco-character-home .hk-kicker { font-size:9px!important; }
  body.huco-character-home .hk-description { font-size:11.5px!important;line-height:1.6!important;margin-top:16px; }
  .hk-service { width:137px;padding:9px;gap:7px; }
  .hk-service strong { font-size:10px; }
  .hk-service-one { bottom:62px; }
  .hk-primary,.hk-secondary { font-size:10px;gap:6px; }
  .hk-project img { flex-basis:70px;width:70px;height:56px; }
}
@media(prefers-reduced-motion:reduce) { .huco-kinetic-hero * { animation:none!important;transition:none!important; } }