:root{
  --black:#070908;--black2:#0c0f0d;--white:#f3f2ec;--paper:#e9e8e1;--ink:#090a09;
  --muted:#8f918b;--accent:#c8ff00;--line:rgba(255,255,255,.16);--max:1500px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::selection{background:var(--accent);color:#000}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,255,0,.10),transparent 64%);opacity:0;transition:opacity .3s}body:hover .cursor-glow{opacity:1}

.site-header{position:fixed;inset:0 0 auto;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;z-index:100;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(6,6,6,.68);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:116px;filter:invert(1);mix-blend-mode:screen}
.header-right{display:flex;align-items:center;gap:22px}
.site-nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.site-nav a{position:relative}.site-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--accent);transition:right .25s}.site-nav a:hover::after{right:0}
.header-utils{display:flex;align-items:center;gap:14px}
.lang-switch{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.03);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.lang-switch a{opacity:.45;transition:.2s}.lang-switch a.active,.lang-switch a:hover{opacity:1}.lang-switch i{font-style:normal;color:#4c4c48}
.header-mail{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d3d2ca;opacity:.88}
.header-mail:hover{color:var(--accent)}
.nav-cta{border:1px solid rgba(255,255,255,.36);padding:13px 18px;transition:.2s}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#000}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:40px;height:40px;position:relative}.menu-toggle span{position:absolute;left:7px;width:26px;height:1px;background:currentColor}.menu-toggle span:first-child{top:15px}.menu-toggle span:last-child{top:24px}

.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:160px 7vw 95px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 48%,rgba(200,255,0,.055),transparent 31%),linear-gradient(120deg,#040504 0%,#080908 58%,#050605 100%)}
.hero-bg-art{position:absolute;inset:0;z-index:-4;overflow:hidden;pointer-events:none}
.hero-bg-art:before{content:"";position:absolute;width:min(72vw,1180px);height:min(78vw,1180px);right:-7vw;top:50%;transform:translateY(-50%) scale(1.02);background:url("/assets/hero-ip-premium-people-clean.png") center/contain no-repeat;filter:saturate(.96) contrast(1.08) brightness(.9);opacity:.9;animation:premiumIpFloat 14s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform,filter}
.hero-bg-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.97) 31%,rgba(5,6,5,.64) 51%,rgba(5,6,5,.08) 76%,rgba(5,6,5,.2) 100%),linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.03) 66%,rgba(0,0,0,.46));pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.042) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,#000 35%,transparent 94%);z-index:-3}
.hero:before{content:"";position:absolute;width:50vw;height:50vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-14vw;top:13vh;z-index:-1;animation:spin 34s linear infinite}
.hero:after{content:"";position:absolute;width:32vw;height:32vw;border:1px solid rgba(200,255,0,.3);border-radius:50%;right:-4vw;top:22vh;z-index:-1;animation:spin 22s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes premiumIpFloat{0%{transform:translate3d(-1.4%,-49.6%,0) scale(1.018) rotate(-.18deg);filter:saturate(.9) contrast(1.07) brightness(.84)}50%{transform:translate3d(.2%,-51.1%,0) scale(1.052) rotate(.08deg);filter:saturate(.98) contrast(1.1) brightness(.92)}100%{transform:translate3d(1.8%,-50.3%,0) scale(1.078) rotate(.26deg);filter:saturate(1.04) contrast(1.12) brightness(.97)}}
.hero-kicker{font-size:11px;letter-spacing:.34em;color:var(--accent);margin-bottom:26px}.hero h1{font-size:clamp(64px,10.6vw,172px);line-height:.79;letter-spacing:-.075em;margin:0;font-weight:900;max-width:1120px}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--accent)}.hero-copy{font-size:clamp(14px,1.05vw,18px);line-height:1.85;color:#b7b7b1;margin:36px 0 0;max-width:700px}.hero-actions{display:flex;gap:10px;margin-top:38px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 20px;min-width:210px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.34);transition:.25s}.btn span{font-size:16px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#000}.btn-primary:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.btn-ghost:hover{background:#fff;color:#000;transform:translateY(-2px)}
.hero-card{position:absolute;right:7vw;bottom:11vh;width:min(28vw,390px);aspect-ratio:4/5;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035);backdrop-filter:blur(16px);padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -20% -35% auto;width:75%;aspect-ratio:1;border-radius:50%;background:var(--accent);filter:blur(60px);opacity:.15}.hero-card-top,.hero-card-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.18em;color:#8b8b85}.hero-card-logo{position:relative;z-index:2;background:var(--white);padding:28px 18px}.hero-card-logo img{width:100%}.hero-card-bottom{align-items:end}.hero-card-bottom strong{font-size:20px;line-height:1;letter-spacing:-.02em;color:#fff}.hero-card-bottom small{font-size:7px;line-height:1.5;text-align:right}.hero-orbit{position:absolute;right:3vw;top:50%;display:flex;gap:14px;transform:rotate(90deg) translateX(50%);transform-origin:right top;font-size:9px;letter-spacing:.16em;color:#6e6e69}.hero-orbit span:not(:last-child):after{content:" / ";margin-left:14px;color:var(--accent)}.scroll-cue{position:absolute;bottom:30px;left:7vw;font-size:8px;letter-spacing:.24em;display:flex;align-items:center;gap:13px;color:#787873}.scroll-cue span{width:52px;height:1px;background:#666;position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;width:20px;height:1px;background:var(--accent);animation:scrollLine 1.6s infinite}@keyframes scrollLine{from{left:-20px}to{left:52px}}.hero-index{position:absolute;bottom:28px;right:7vw;display:flex;gap:80px;font-size:9px;color:#74746e;letter-spacing:.16em}.hero-index:before{content:"";position:absolute;left:18px;right:18px;top:5px;height:1px;background:#444}

.section{position:relative;padding:130px 7vw;z-index:1}.section-light{background:var(--paper);color:var(--ink)}.section-dark{background:var(--black);color:var(--white)}.section-accent{background:var(--accent);color:#000}.section-label{font-size:10px;letter-spacing:.24em;font-weight:700;margin-bottom:54px;text-transform:uppercase}.intro{padding-bottom:0}.intro-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:start;max-width:var(--max);margin:auto auto 90px}.display-title{font-size:clamp(74px,10.5vw,158px);line-height:.8;letter-spacing:-.075em;margin:0}.intro-copy{padding-top:8px;max-width:640px}.intro-copy .lead{font-size:clamp(25px,2.25vw,38px);line-height:1.34;font-weight:700;margin:0 0 30px;letter-spacing:-.045em}.intro-copy>p:not(.lead){font-size:16px;line-height:1.95;color:#4f4f4a}.statement{margin-top:42px;border-top:1px solid #9e9c94;padding-top:20px;font-size:12px;letter-spacing:.1em;font-weight:700}.capability-strip{max-width:var(--max);margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa;border-left:1px solid #aaa}.capability-strip div{padding:22px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;gap:14px}.capability-strip strong{font-size:10px}.capability-strip span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#555}.ticker{margin-left:-7vw;margin-right:-7vw;border-top:1px solid #999;border-bottom:1px solid #999;overflow:hidden;padding:20px 0;white-space:nowrap}.ticker-track{display:inline-flex;align-items:center;gap:28px;font-size:15px;font-weight:700;letter-spacing:.1em;animation:ticker 32s linear infinite}.ticker-track i{font-style:normal;color:#777}@keyframes ticker{to{transform:translateX(-50%)}}
.section-head{display:grid;grid-template-columns:1.55fr .65fr;gap:44px;align-items:end;max-width:var(--max);margin:0 auto 72px}.section-head h2,.ecosystem-copy h2,.contact h2{font-size:clamp(48px,7.4vw,110px);line-height:.86;letter-spacing:-.07em;margin:0}.section-head p{color:#999993;line-height:1.85;font-size:15px;max-width:470px}.section-head.compact{display:block}.section-head.dark-copy p{color:#555}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:430px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.35s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:100% 0 0;background:var(--accent);transition:.42s cubic-bezier(.2,.7,.2,1);z-index:-1}.service-card:after{content:"↗";position:absolute;right:28px;top:26px;font-size:18px;color:#666;transition:.3s}.service-card:hover{color:#000;transform:translateY(-6px)}.service-card:hover:before{inset:0}.service-card:hover:after{transform:translate(5px,-5px);color:#000}.service-card:hover p,.service-card:hover li{color:#222}.service-card:hover .service-no{color:#000}.service-no{font-size:10px;color:var(--accent);letter-spacing:.18em}.service-card h3{font-size:34px;line-height:1.02;letter-spacing:-.045em;margin:54px 0 22px}.service-card p{font-size:13px;line-height:1.85;color:#9c9c96;max-width:330px}.service-card ul{list-style:none;padding:0;margin:auto 0 0;font-size:10px;letter-spacing:.08em;color:#777}.service-card li{padding:8px 0;border-top:1px solid currentColor}.service-card{cursor:pointer;outline:none}.service-card.is-active{color:#000;transform:translateY(-6px)}.service-card.is-active:before{inset:0}.service-card.is-active:after{transform:translate(5px,-5px);color:#000}.service-card.is-active p,.service-card.is-active li{color:#222}.service-card.is-active .service-no{color:#000}.service-card:focus-visible{box-shadow:inset 0 0 0 3px var(--accent);z-index:2}
.process-section{overflow:hidden}.process-section:after{content:"WILD";position:absolute;right:-1vw;top:35px;font-size:34vw;font-weight:900;line-height:1;color:rgba(0,0,0,.055);letter-spacing:-.08em;pointer-events:none}.process-list{max-width:var(--max);margin:auto;border-top:1px solid rgba(0,0,0,.35);position:relative;z-index:1}.process-item{display:grid;grid-template-columns:80px .7fr 1fr;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(0,0,0,.35)}.process-item span{font-size:11px;letter-spacing:.18em;font-weight:700}.process-item strong{font-size:54px;line-height:.9;letter-spacing:-.06em}.process-item p{margin:0;font-size:14px;line-height:1.85;max-width:440px}
.project-list{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project{position:relative;border:1px solid #c8c5bb;background:#f4f2ec;padding:26px 26px 22px;min-height:320px;display:flex;flex-direction:column;transition:.3s;overflow:hidden}.project:after{content:"";position:absolute;right:-35px;bottom:-35px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,0,.62),rgba(200,255,0,0));opacity:.55;transition:.3s}.project:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(0,0,0,.09)}.project:hover:after{transform:scale(1.15)}.project-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em;color:#6e6a5f}.project h3{font-size:58px;line-height:.9;letter-spacing:-.06em;margin:34px 0 16px;color:#0d0d0d}.project>p{font-size:15px;line-height:1.7;color:#4d4d48;max-width:430px}.project-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.project-tags span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;border:1px solid #c8c5bb;background:#fff;color:#444}
.ecosystem{overflow:hidden}.ecosystem-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:center}.ecosystem-copy p{color:#999;max-width:460px;line-height:1.85;margin-top:30px}.network{position:relative;aspect-ratio:1/1;max-width:760px;margin:auto;border:1px solid rgba(255,255,255,.12);border-radius:50%}.network:before,.network:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:15%}.network:after{inset:31%}.network-core{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;background:var(--accent);left:36%;top:36%;display:grid;place-items:center;z-index:3;box-shadow:0 0 80px rgba(200,255,0,.20)}.network-core img{width:72%}.network-node{position:absolute;width:190px;padding:16px;border:1px solid rgba(255,255,255,.24);background:rgba(9,9,9,.92);backdrop-filter:blur(12px);font-size:12px;font-weight:700;letter-spacing:.08em;z-index:4;transition:.25s}.network-node:hover{border-color:var(--accent);transform:translateY(-4px)}.network-node small{display:block;color:#777;font-weight:400;font-size:8px;margin-top:7px;letter-spacing:.04em}.node-1{top:1%;left:35%}.node-2{right:-4%;top:24%}.node-3{right:-2%;bottom:22%}.node-4{bottom:0;left:36%}.node-5{left:-3%;bottom:23%}.node-6{left:-4%;top:24%}
.roadmap-track{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto;border-top:1px solid #999;border-left:1px solid #999}.roadmap-step{min-height:330px;padding:28px;border-right:1px solid #999;border-bottom:1px solid #999;transition:.3s}.roadmap-step:hover{background:#111;color:#fff}.roadmap-step span{font-size:9px;letter-spacing:.18em;color:#777}.roadmap-step h3{font-size:32px;line-height:1;letter-spacing:-.045em;margin:100px 0 20px}.roadmap-step p{font-size:12px;line-height:1.85;color:#555}.roadmap-step:hover p{color:#aaa}
.contact{min-height:84vh;display:flex;align-items:center;position:relative;background:var(--accent);color:#000;padding:120px 7vw;overflow:hidden}.contact-inner{position:relative;z-index:2;max-width:860px}.contact h2{font-size:clamp(56px,10vw,150px)}.contact p{font-size:16px;margin:35px 0;color:#222;line-height:1.9}.contact-link{display:inline-flex;gap:44px;border-bottom:2px solid #000;padding:12px 0;font-weight:700;font-size:17px;letter-spacing:.12em}.contact-link span{transition:.25s}.contact-link:hover span{transform:translate(6px,-6px)}.contact-bg{position:absolute;right:-4vw;bottom:-8vw;font-size:34vw;font-weight:900;letter-spacing:-.1em;color:rgba(0,0,0,.055)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}

.footer{display:block;background:#050505;color:#a4a4a4;padding:72px 7vw 34px;border-top:1px solid #1d1d1d;font-size:11px;line-height:1.75;letter-spacing:0}
.footer-top{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(420px,1.8fr) auto;gap:6vw;align-items:start}
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.footer-brand{display:inline-flex;background:transparent;padding:0}
.footer-brand img{display:block;width:145px;filter:invert(1);mix-blend-mode:screen}
.footer-tagline{font-size:9px;font-weight:700;letter-spacing:.18em;color:#666}
.footer-intro{max-width:780px;margin:0;color:#909090;font-size:13px;line-height:2;word-break:keep-all}
.footer-top-link{display:inline-flex;align-items:center;gap:18px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.16em;white-space:nowrap;border-bottom:1px solid #444;padding-bottom:8px;transition:.25s}
.footer-top-link span{font-size:14px;transition:.25s}
.footer-top-link:hover{border-color:var(--accent);color:var(--accent)}
.footer-top-link:hover span{transform:translateY(-4px)}
.footer-divider{max-width:var(--max);height:1px;background:#222;margin:54px auto 28px}
.footer-bottom{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.15fr 1.5fr auto;gap:4vw;align-items:end;color:#696969;font-size:10px}
.footer-company,.footer-contact{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center}
.footer-company strong{width:100%;color:#aaa;font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:2px}
.footer-company span:not(:last-child)::after{content:"";display:inline-block;width:1px;height:9px;background:#333;margin-left:14px;vertical-align:-1px}
.footer-company a,.footer-contact a{color:#888;transition:.2s}
.footer-company a:hover,.footer-contact a:hover{color:#fff}
.footer-contact{font-style:normal;line-height:1.8}
.footer-contact span:first-child{width:100%}
.footer-copyright{text-align:right;font-size:9px;line-height:1.7;letter-spacing:.12em;color:#555;white-space:nowrap}

@media(max-width:1280px){.site-nav{gap:22px}.header-mail{display:none}.hero-card{width:min(31vw,390px)}}
@media(max-width:1100px){.site-header{padding:0 24px;height:84px}.header-utils{display:none}.menu-toggle{display:block;z-index:2}.site-nav{position:fixed;inset:0;background:#080808;display:flex;flex-direction:column;justify-content:center;gap:28px;font-size:22px;transform:translateY(-100%);transition:.35s}.site-nav.open{transform:none}.nav-cta{font-size:12px}.hero{padding-left:24px;padding-right:24px}.hero-copy br{display:none}.hero-orbit{display:none}.section{padding:95px 24px}.intro{padding-bottom:0}.intro-layout{grid-template-columns:1fr;gap:45px}.display-title{font-size:18vw}.ticker{margin-left:-24px;margin-right:-24px}.section-head{grid-template-columns:1fr;align-items:start}.service-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-layout{grid-template-columns:1fr}.network{width:90%;margin-top:70px}.roadmap-track{grid-template-columns:repeat(2,1fr)}.contact{padding-left:24px;padding-right:24px}.footer{padding-left:24px;padding-right:24px}.capability-strip{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:200px 1fr;gap:42px}.footer-top-link{grid-column:2;justify-self:start}.footer-bottom{grid-template-columns:1fr 1fr}.footer-copyright{grid-column:1/-1;text-align:left;margin-top:12px}}
@media(max-width:680px){.site-header{height:72px}.brand img{width:94px}.hero{min-height:860px;padding-top:118px}.hero h1{font-size:19vw;line-height:.79}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px}.btn{padding:15px}.hero-card{display:none}.scroll-cue{left:24px}.hero-index{right:24px;gap:54px}.section{padding-top:78px;padding-bottom:78px}.section-label{margin-bottom:36px}.intro{padding-bottom:0}.display-title{font-size:20vw}.intro-copy .lead{font-size:26px}.intro-copy>p:not(.lead){font-size:15px}.capability-strip{grid-template-columns:1fr;margin-bottom:55px}.section-head h2,.ecosystem-copy h2,.contact h2{font-size:14vw}.section-head{margin-bottom:46px}.service-grid{grid-template-columns:1fr}.service-card{min-height:355px}.service-card h3{font-size:31px;margin-top:38px}.process-item{grid-template-columns:42px 1fr;gap:15px}.process-item p{grid-column:2}.process-item strong{font-size:40px}.project-list{grid-template-columns:1fr}.project{min-height:280px}.project h3{font-size:12vw}.project>p{font-size:14px}.project:after{display:none}.network{width:100%;margin-top:55px}.network-node{width:122px;padding:9px;font-size:8px}.network-node small{font-size:6px}.node-2,.node-3{right:-7%}.node-5,.node-6{left:-7%}.roadmap-track{grid-template-columns:1fr}.roadmap-step{min-height:230px}.roadmap-step h3{margin-top:65px}.contact{min-height:650px}.contact p{font-size:14px;line-height:1.7}.contact-link{font-size:13px;gap:20px}.footer{padding-top:54px;padding-bottom:28px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-top-link{grid-column:auto}.footer-intro{font-size:12px;line-height:1.9}.footer-divider{margin:38px auto 24px}.footer-bottom{grid-template-columns:1fr;gap:24px;align-items:start}.footer-company,.footer-contact{display:block;line-height:2}.footer-company>* ,.footer-contact>*{display:block}.footer-company span:not(:last-child)::after{display:none}.footer-copyright{grid-column:auto;margin-top:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Data-rich portfolio, partner facts and inquiry form */
.project-disclaimer{max-width:var(--max);margin:24px auto 0;font-size:11px;line-height:1.8;color:#777}
.partner-facts{display:grid;gap:10px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.partner-facts span{display:flex;flex-direction:column;gap:3px;color:#8d8d87;font-size:10px;line-height:1.6;letter-spacing:.04em}
.partner-facts b{color:#fff;font-size:11px;letter-spacing:.12em}
.contact{display:block;min-height:auto;padding-top:120px;padding-bottom:120px}
.contact-shell{position:relative;z-index:2;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}
.contact-inner{max-width:610px;position:sticky;top:140px}
.contact h2{font-size:clamp(52px,7.6vw,116px)}
.contact h2 .contact-intelligence{display:block;font-size:1em;letter-spacing:inherit;white-space:nowrap}
.contact-direct{margin-top:48px;padding-top:22px;border-top:1px solid rgba(0,0,0,.35);display:flex;flex-direction:column;gap:8px}
.contact-direct span{font-size:9px;letter-spacing:.2em;font-weight:700}
.contact-direct a{font-size:15px;font-weight:700;word-break:break-all}
.inquiry-form{background:#0a0a0a;color:#fff;padding:34px;border:1px solid rgba(0,0,0,.22);box-shadow:0 26px 70px rgba(0,0,0,.18)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.inquiry-form label{display:flex;flex-direction:column;gap:9px}.inquiry-form label>span{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#96968f}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:0;border-bottom:1px solid #454545;background:transparent;color:#fff;border-radius:0;padding:13px 0;font:inherit;font-size:14px;outline:none;transition:.2s}
.inquiry-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#888 50%),linear-gradient(135deg,#888 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.inquiry-form select option{background:#111;color:#fff}.inquiry-form textarea{resize:vertical;line-height:1.7;min-height:130px}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--accent)}
.form-full{margin-top:24px}.consent{flex-direction:row!important;align-items:flex-start;gap:10px!important;margin-top:24px}.consent input{width:16px!important;height:16px;margin-top:2px;accent-color:var(--accent)}.consent span{font-size:11px!important;line-height:1.7;text-transform:none!important;letter-spacing:0!important}.consent a{text-decoration:underline;color:#fff}
.form-submit{width:100%;margin-top:24px;border:0;background:var(--accent);color:#000;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.14em;cursor:pointer;transition:.25s}.form-submit:hover{background:#fff;transform:translateY(-2px)}.form-submit span{font-size:18px}
.form-note{font-size:10px;line-height:1.7;color:#666;margin:14px 0 0}.hidden-field{display:none}
.thanks-page{min-height:100vh;display:grid;place-items:center;background:var(--accent);color:#000;padding:40px}.thanks-card{max-width:760px}.thanks-card h1{font-size:clamp(52px,10vw,118px);line-height:.85;letter-spacing:-.07em;margin:0 0 28px}.thanks-card p{font-size:16px;line-height:1.8;max-width:620px}.thanks-card .btn{margin-top:24px;border-color:#000}
@media(max-width:1100px){.contact-shell{grid-template-columns:1fr;gap:55px}.contact-inner{position:relative;top:auto}.contact{padding-left:24px;padding-right:24px}}
@media(max-width:680px){.project-disclaimer{font-size:10px}.contact{padding-top:78px;padding-bottom:78px}.inquiry-form{padding:22px}.form-grid{grid-template-columns:1fr}.contact-direct{margin-top:32px}.contact-direct a{font-size:13px}}

.form-status{min-height:1.5em;margin:12px 0 0;font-size:12px;line-height:1.5;color:#222}.form-submit:disabled{opacity:.55;cursor:wait}


/* Wix-ready form template and fully visible corporate footer */
.wix-form-template{position:relative}
.wix-form-template .form-submit{pointer-events:none}
.footer-bottom-full{grid-template-columns:minmax(220px,1fr) minmax(330px,1.55fr) minmax(180px,.55fr);align-items:start}
.footer-info-group{display:flex;flex-direction:column;gap:8px;min-width:0;color:#777;font-size:10px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.footer-info-group strong{color:#b8b8b2;font-size:11px;line-height:1.6}
.footer-info-group a{color:#999;transition:.2s}
.footer-info-group a:hover{color:#fff}
.footer-info-label{margin-bottom:6px;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.2em}
.footer-contact{font-style:normal}
.footer-legal{text-align:right;align-items:flex-end;white-space:normal}
@media(max-width:1100px){
  .footer-bottom-full{grid-template-columns:1fr 1.25fr}
  .footer-legal{grid-column:1/-1;text-align:left;align-items:flex-start;margin-top:8px}
}
@media(max-width:680px){
  .footer-bottom-full{grid-template-columns:1fr;gap:28px}
  .footer-info-group{font-size:10px;line-height:1.9}
  .footer-info-group strong{font-size:11px}
  .footer-legal{grid-column:auto;margin-top:0;text-align:left;align-items:flex-start}
}

/* Privacy policy page */
.policy-body{background:var(--paper);color:var(--ink)}
.policy-main{background:var(--paper)}
.policy-hero{position:relative;min-height:610px;padding:170px 7vw 90px;background:#060606;color:#fff;overflow:hidden}
.policy-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.policy-hero:after{content:"";position:absolute;width:44vw;height:44vw;right:-12vw;top:2vw;border:1px solid rgba(200,255,0,.38);border-radius:50%}
.policy-hero-inner{position:relative;z-index:1;max-width:var(--max);margin:auto}
.policy-eyebrow{margin:0 0 28px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.28em}
.policy-hero h1{margin:0;font-size:clamp(64px,10vw,154px);line-height:.78;letter-spacing:-.075em}
.policy-hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.policy-hero-meta{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-top:54px;border-top:1px solid rgba(255,255,255,.2);padding-top:22px}
.policy-hero-meta>p{max-width:660px;margin:0;color:#aaa;font-size:15px;line-height:1.8}
.policy-hero-meta dl{display:flex;gap:42px;margin:0}.policy-hero-meta dl div{display:flex;flex-direction:column;gap:7px}.policy-hero-meta dt{font-size:8px;letter-spacing:.18em;color:#777}.policy-hero-meta dd{margin:0;font-size:12px;font-weight:700}
.policy-content-section{padding:110px 7vw 140px}
.policy-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:260px minmax(0,900px);justify-content:space-between;gap:9vw;align-items:start}
.policy-toc{position:sticky;top:130px;padding:26px 0;border-top:2px solid #111;border-bottom:1px solid #aaa}
.policy-toc>span{display:block;margin-bottom:22px;font-size:9px;font-weight:800;letter-spacing:.2em}
.policy-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.policy-toc li{counter-increment:toc}.policy-toc a{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px 0;color:#676760;font-size:11px;line-height:1.5;transition:.2s}.policy-toc a:before{content:counter(toc,decimal-leading-zero);color:#aaa;font-size:9px}.policy-toc a:hover{color:#000;transform:translateX(3px)}
.policy-article{min-width:0}.policy-intro{padding:34px;border:1px solid #bbb;background:#f5f4ee;font-size:17px;line-height:1.9;letter-spacing:-.015em}.policy-intro strong{font-weight:800}
.policy-clause{position:relative;padding:70px 0 0;scroll-margin-top:120px}.policy-no{display:block;margin-bottom:12px;color:#8e8d86;font-size:10px;font-weight:800;letter-spacing:.18em}.policy-clause h2{margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #a7a59e;font-size:clamp(30px,3vw,48px);line-height:1.12;letter-spacing:-.045em}.policy-clause h3{margin:32px 0 12px;font-size:17px;letter-spacing:-.02em}.policy-clause p,.policy-clause li{color:#4f4f49;font-size:14px;line-height:1.95}.policy-clause ul{padding-left:20px;margin:12px 0}.policy-clause li+li{margin-top:5px}
.policy-table-wrap{overflow-x:auto;margin:24px 0}.policy-table-wrap table{width:100%;border-collapse:collapse;border-top:2px solid #111;font-size:13px}.policy-table-wrap th,.policy-table-wrap td{padding:17px 16px;border-bottom:1px solid #b9b7af;text-align:left;vertical-align:top;line-height:1.75}.policy-table-wrap th{width:24%;background:#dedcd3;font-weight:800}.policy-table-wrap thead th{width:auto;background:#111;color:#fff;font-size:10px;letter-spacing:.08em}.policy-note{padding:15px 18px;border-left:3px solid var(--accent);background:#dedcd3;font-size:12px!important}
.policy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa;border:1px solid #aaa;margin-top:24px}.policy-cards div{background:#eeece5;padding:24px}.policy-cards strong{font-size:13px}.policy-cards p{margin:14px 0 0;font-size:12px;line-height:1.75}
.policy-contact-card{margin:24px 0;padding:30px;background:#0a0a0a;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.policy-contact-card>span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.2em}.policy-contact-card h3{margin:12px 0 2px;font-size:32px}.policy-contact-card p{margin:0;color:#999}.policy-contact-card a{font-size:13px;line-height:1.6;border-bottom:1px solid #555}.policy-contact-card a:hover{color:var(--accent)}
.policy-effective{display:grid;grid-template-columns:90px 1fr;gap:10px 18px;margin-top:24px;padding:22px;border:1px solid #aaa}.policy-effective span{font-size:10px;color:#777}.policy-effective strong{font-size:13px}.policy-back{display:inline-flex;align-items:center;gap:14px;margin-top:80px;padding:16px 20px;border:1px solid #111;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.policy-back:hover{background:#111;color:#fff}
@media(max-width:1000px){.policy-layout{grid-template-columns:1fr}.policy-toc{position:relative;top:auto}.policy-toc ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.policy-hero-meta{grid-template-columns:1fr}.policy-hero-meta dl{justify-content:flex-start}.policy-cards{grid-template-columns:1fr}}
@media(max-width:680px){.policy-hero{min-height:540px;padding:125px 24px 65px}.policy-hero h1{font-size:18vw}.policy-hero-meta{margin-top:42px;gap:24px}.policy-hero-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:20px}.policy-content-section{padding:65px 24px 90px}.policy-toc ol{grid-template-columns:repeat(2,1fr)}.policy-intro{padding:24px;font-size:15px}.policy-clause{padding-top:55px}.policy-clause h2{font-size:31px}.policy-table-wrap th,.policy-table-wrap td{min-width:150px;padding:14px 12px}.policy-back{margin-top:60px}}

/* REBON group design-system lock: same header/footer logo geometry as rebonwild.com */
.brand img{width:116px;height:auto;display:block}.footer-brand img{width:145px;height:auto;display:block}@media(max-width:680px){.brand img{width:94px}}

/* Hero title: retain the exact REBON Group type scale while locking the headline to three lines */
.hero h1{white-space:normal}
.hero h1 .hero-line{display:block;white-space:nowrap}
.hero h1 .hero-line em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--accent)}
@media(max-width:680px){.hero h1 .hero-line em{-webkit-text-stroke:1.4px var(--accent)}}

/* Hero title treatment aligned with the REBON Group design system: solid fill, no outline */
.hero h1 span,
.hero h1 .hero-line{
  color:#fff;
  -webkit-text-stroke:0;
  text-stroke:0;
}
.hero h1 .hero-line em{
  font-style:normal;
  color:var(--accent);
  background:linear-gradient(135deg,var(--accent) 0%,#78b9ff 55%,#2f6fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:0;
  text-stroke:0;
}
@media(max-width:680px){
  .hero h1 .hero-line em{
    -webkit-text-stroke:0;
  }
}

@media(max-width:680px){.contact h2 .contact-intelligence{font-size:1em}}

/* Privacy header fix: preserve the dark global header on light policy pages */
.policy-body .site-header{
  color:var(--white);
  background:rgba(6,6,6,.94);
  border-bottom-color:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.policy-body .site-header .site-nav,
.policy-body .site-header .site-nav a,
.policy-body .site-header .lang-switch,
.policy-body .site-header .lang-switch a{color:var(--white)}
.policy-body .site-header .header-mail{color:#d3d2ca}
.policy-body .site-header .menu-toggle{color:#fff}
@media(max-width:1100px){
  .policy-body .site-header .site-nav{background:#080808;color:#fff}
}


/* v18 mobile header and bilingual navigation refinement */
html,body{max-width:100%;overflow-x:hidden}
.brand{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.brand img{display:block;max-width:100%;object-fit:contain}
.mobile-nav-tools{display:none}
.menu-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.menu-toggle span{transition:transform .28s ease,top .28s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}

@media(max-width:1100px){
  .site-header{height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 24px 0;box-sizing:border-box}
  .brand{position:relative;z-index:102;width:108px;height:48px;overflow:hidden}
  .brand img{width:108px!important;height:48px!important;object-fit:contain}
  .header-right{display:flex;align-items:center;margin-left:auto}
  .menu-toggle{display:block;z-index:102;width:48px;height:48px;margin-right:-7px}
  .site-nav{z-index:101;inset:0;padding:calc(110px + env(safe-area-inset-top)) 24px calc(34px + env(safe-area-inset-bottom));justify-content:flex-start;align-items:stretch;gap:0;overflow-y:auto;background:rgba(5,5,5,.985);transform:translateY(-102%)}
  .site-nav>a{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:clamp(24px,6.6vw,38px);line-height:1.05;letter-spacing:-.035em;text-transform:none}
  .site-nav>a::after{display:none!important}
  .site-nav .nav-cta{font-size:clamp(24px,6.6vw,38px)}
  .mobile-nav-tools{display:grid;gap:22px;margin-top:auto;padding-top:38px}
  .mobile-lang-switch{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.18em}
  .mobile-lang-switch a{display:grid;place-items:center;min-width:64px;height:44px;border:1px solid rgba(255,255,255,.24);color:#777}
  .mobile-lang-switch a.active{border-color:var(--accent);background:var(--accent);color:#050505;font-weight:800}
  .mobile-lang-switch span{color:#555}
  .mobile-project-link{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(255,255,255,.12);font-size:10px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#b6b6b0}
  .site-nav.open{transform:translateY(0)}
}

@media(max-width:680px){
  .site-header{height:calc(72px + env(safe-area-inset-top));padding-left:20px;padding-right:20px}
  .brand{width:94px;height:44px}
  .brand img{width:94px!important;height:44px!important}
  .hero{min-height:max(760px,100svh);padding:calc(108px + env(safe-area-inset-top)) 20px calc(84px + env(safe-area-inset-bottom))}
  .hero-kicker{max-width:330px;font-size:9px;line-height:1.7;letter-spacing:.26em;margin-bottom:20px}
  .hero h1{font-size:clamp(52px,15.3vw,68px);line-height:.82;letter-spacing:-.07em;max-width:100%}
  .hero h1 .hero-line{white-space:nowrap}
  .hero-copy{margin-top:28px;line-height:1.75;max-width:350px}
  .hero-actions{max-width:none;width:100%;margin-top:30px}
  .btn{width:100%;min-width:0;box-sizing:border-box;padding:17px 18px}
  .scroll-cue{display:none}
  .hero-index{bottom:24px;right:20px}
}

@media(max-width:370px){
  .hero h1{font-size:14.6vw}
  .site-nav>a{font-size:23px}
}


/* v19 mobile reliability patch */
@media (max-width:1100px){
  .site-header{
    top:0;right:0;bottom:auto;left:0;
    width:100%;
    transform:none!important;
    -webkit-backdrop-filter:blur(18px);
  }
  .header-utils{display:none!important}
  .site-nav{
    height:100dvh;
    min-height:100vh;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-24px);
    transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;
    -webkit-overflow-scrolling:touch;
  }
  .site-nav.open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
    transition:opacity .28s ease,transform .28s ease,visibility 0s;
  }
  .site-nav .mobile-nav-tools{display:grid!important}
  body.menu-open{overflow:hidden!important;position:fixed;width:100%}
  .menu-toggle{appearance:none;-webkit-appearance:none}
}
@media (max-width:680px){
  .site-header{padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top))}
  .brand,.brand img{width:92px!important;height:42px!important}
  .site-nav{padding-top:calc(96px + env(safe-area-inset-top));padding-left:20px;padding-right:20px}
  .site-nav>a{font-size:clamp(25px,8vw,34px);padding:15px 0}
  .mobile-nav-tools{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .mobile-lang-switch a{min-width:58px;height:42px}
  .hero{padding-top:calc(104px + env(safe-area-inset-top))}
  .hero h1 .hero-line{white-space:normal;overflow-wrap:anywhere}
}
@supports not (height:100dvh){
  @media (max-width:1100px){.site-nav{height:100vh}}
}

/* v20: mobile Contact item follows the same divider rule as the other menu links */
@media (max-width:1100px){
  .site-nav .nav-cta{
    border:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:18px 0;
    background:transparent;
    color:inherit;
  }
  .site-nav .nav-cta:hover,
  .site-nav .nav-cta:focus-visible{
    background:transparent;
    border-color:rgba(255,255,255,.12);
    color:#fff;
  }
}

/* REBON Website 1.1 LTS — Hero visual polish */
.hero{padding-right:7vw;background:radial-gradient(circle at 78% 34%,rgba(46,128,255,.13),transparent 34%),radial-gradient(circle at 30% 90%,rgba(25,91,195,.08),transparent 36%),linear-gradient(120deg,#05070a 0%,#090d14 58%,#05070a 100%)}
.hero-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.72;pointer-events:none}
.hero h1{max-width:min(1500px,92vw);line-height:.88;letter-spacing:-.065em}
.hero h1 .hero-line{display:block;color:#f6f7f8;-webkit-text-stroke:0;white-space:normal}
.hero h1 .hero-line-support{font-size:.58em;line-height:1.04;letter-spacing:-.055em;max-width:22ch}
.hero h1 .hero-line-focus{font-size:1em;line-height:.9;color:transparent;background:linear-gradient(102deg,#f5f7fb 0%,#f5f7fb 42%,#C8FF00 67%,#E1FF73 100%);-webkit-background-clip:text;background-clip:text}
html[lang="ko"] .hero h1{font-size:clamp(74px,9.2vw,148px)}
html[lang="ko"] .hero h1 .hero-line-support{font-size:.56em;margin-bottom:.12em;word-break:keep-all}
html[lang="ko"] .hero h1 .hero-line-focus{font-size:.94em}
html[lang="en"] .hero h1{font-size:clamp(76px,9.7vw,158px)}
html[lang="en"] .hero h1 .hero-line-support{font-size:.62em;margin-top:.12em}
.hero-copy{max-width:790px;position:relative;z-index:2}
.hero-actions{position:relative;z-index:2}
.btn{border-radius:999px;overflow:hidden;position:relative}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.24),transparent 72%);transform:translateX(-130%);transition:transform .7s ease}
.btn:hover:before{transform:translateX(130%)}
.btn-primary:hover{box-shadow:0 14px 42px rgba(200,255,0,.32)}
.hero-card,.hero-orbit{display:none!important}
@media(max-width:1100px){html[lang="ko"] .hero h1{font-size:clamp(66px,11vw,118px)}html[lang="en"] .hero h1{font-size:clamp(68px,11vw,120px)}}
@media(max-width:680px){.hero{min-height:780px;padding-top:112px}.hero-network{opacity:.48}html[lang="ko"] .hero h1{font-size:clamp(49px,14.1vw,65px);line-height:.92}html[lang="ko"] .hero h1 .hero-line-support{font-size:.62em;line-height:1.12;max-width:14ch;margin-bottom:.24em}html[lang="ko"] .hero h1 .hero-line-focus{font-size:1em}html[lang="en"] .hero h1{font-size:clamp(55px,14vw,70px);line-height:.9}html[lang="en"] .hero h1 .hero-line-support{font-size:.58em;line-height:1.08;max-width:13ch}.hero-copy{font-size:14px;max-width:340px}.hero-copy br{display:none}}
@media(max-width:1100px){.hero-bg-art:before{width:min(88vw,980px);height:min(92vw,980px);right:-18vw;opacity:.74}.hero-bg-art:after{background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.96) 38%,rgba(5,6,5,.55) 65%,rgba(5,6,5,.12) 100%),linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.5))}}
@media(max-width:680px){.hero-bg-art:before{width:112vw;height:112vw;right:-46vw;top:46%;opacity:.52}.hero-bg-art:after{background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.96) 52%,rgba(5,6,5,.52) 79%,rgba(5,6,5,.18) 100%),linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.58))}}
@media(prefers-reduced-motion:reduce){.hero-network{display:none}.btn:before{display:none}.hero-bg-art:before{animation:none!important;transform:translateY(-50%) scale(1.03)!important}}


/* REBON Website 1.1.1 LTS — Hero typography & motion refinement */
.hero{--hero-shift-x:0px;--hero-shift-y:0px}
.hero-grid{transform:translate3d(var(--hero-shift-x),var(--hero-shift-y),0) scale(1.035);transition:transform .18s linear;animation:gridBreath 8s ease-in-out infinite alternate}
@keyframes gridBreath{from{opacity:.62}to{opacity:.9}}
.hero:before{animation:orbitFloat 24s linear infinite,ringPulse 7s ease-in-out infinite}
.hero:after{animation:orbitFloatReverse 17s linear infinite,ringPulse 5.5s ease-in-out infinite reverse}
@keyframes orbitFloat{to{transform:rotate(360deg) translate3d(8px,-6px,0)}}
@keyframes orbitFloatReverse{to{transform:rotate(-360deg) translate3d(-6px,8px,0)}}
@keyframes ringPulse{0%,100%{opacity:.42;box-shadow:0 0 0 rgba(200,255,0,0)}50%{opacity:.82;box-shadow:0 0 72px rgba(200,255,0,.1)}}
.hero-network{mix-blend-mode:screen;filter:saturate(1.12) contrast(1.04);opacity:.82}
.hero-kicker{animation:kickerGlow 4.8s ease-in-out infinite}
@keyframes kickerGlow{0%,100%{text-shadow:0 0 0 rgba(200,255,0,0)}50%{text-shadow:0 0 18px rgba(200,255,0,.42)}}

/* Prevent descenders such as the “g” in Intelligence from being clipped. */
html[lang="en"] .hero h1{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;line-height:1;letter-spacing:-.06em;overflow:visible}
html[lang="en"] .hero h1 .hero-line-focus{display:inline-block;line-height:1.02;padding:0 .035em .15em 0;margin-bottom:-.12em;overflow:visible;background-size:210% 100%;background-position:0 50%;animation:headlineSheen 8s ease-in-out infinite}
html[lang="en"] .hero h1 .hero-line-support{line-height:1.04;letter-spacing:-.045em;margin-top:.08em}
html[lang="ko"] .hero h1{line-height:.98;overflow:visible}
html[lang="ko"] .hero h1 .hero-line-focus{display:inline-block;line-height:1.02;padding-bottom:.08em;margin-bottom:-.06em;background-size:210% 100%;animation:headlineSheen 8s ease-in-out infinite}
@keyframes headlineSheen{0%,18%{background-position:0 50%}48%,68%{background-position:100% 50%}100%{background-position:0 50%}}
.hero-copy,.hero-actions,.hero-kicker,.hero h1{will-change:transform}

/* Subtle animated light field behind the text, implemented without image assets. */
.hero .hero-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 69% 44%,rgba(200,255,0,.09),transparent 18%),radial-gradient(circle at 88% 61%,rgba(200,255,0,.055),transparent 22%);animation:lightDrift 10s ease-in-out infinite alternate;pointer-events:none}
@keyframes lightDrift{from{transform:translate3d(-2%,1%,0) scale(.98);opacity:.55}to{transform:translate3d(2%,-1%,0) scale(1.04);opacity:1}}

@media(max-width:1100px){html[lang="en"] .hero h1 .hero-line-focus{padding-bottom:.13em}}
@media(max-width:680px){
  .hero-grid{animation-duration:11s}
  .hero-network{opacity:.58}
  html[lang="en"] .hero h1{line-height:.98;letter-spacing:-.055em}
  html[lang="en"] .hero h1 .hero-line-focus{line-height:1.04;padding-bottom:.13em;margin-bottom:-.1em}
  html[lang="en"] .hero h1 .hero-line-support{line-height:1.1;margin-top:.1em}
  html[lang="ko"] .hero h1 .hero-line-focus{padding-bottom:.1em}
}
@media(prefers-reduced-motion:reduce){
  .hero-grid,.hero:before,.hero:after,.hero-kicker,.hero h1 .hero-line-focus{animation:none!important;transform:none!important}
  .hero-network{display:none!important}
}


/* REBON Website 1.2.1 LTS — Korean typography and line-break standard */
html[lang="ko"] body,
html[lang="ko"] p,
html[lang="ko"] li,
html[lang="ko"] label,
html[lang="ko"] button,
html[lang="ko"] a,
html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] h4 {
  word-break: keep-all;
  overflow-wrap: break-word;
  line-break: strict;
  hyphens: none;
}

html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3 {
  text-wrap: balance;
}

html[lang="ko"] .ko-heading-line {
  display: block;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

html[lang="ko"] .hero h1 {
  line-height: 1.02;
  letter-spacing: -.052em;
}

html[lang="ko"] .hero h1 .hero-line-support {
  line-height: 1.12;
  margin-bottom: .18em;
}

html[lang="ko"] .hero h1 .hero-line-focus {
  line-height: 1.08;
  margin-bottom: 0;
  padding-bottom: .08em;
}

html[lang="ko"] .section-head h2,
html[lang="ko"] .ecosystem-copy h2,
html[lang="ko"] .contact h2 {
  line-height: 1.02;
  letter-spacing: -.055em;
}

html[lang="ko"] .section-head h2 .ko-heading-line + .ko-heading-line,
html[lang="ko"] .ecosystem-copy h2 .ko-heading-line + .ko-heading-line,
html[lang="ko"] .contact h2 .ko-heading-line + .ko-heading-line {
  margin-top: .08em;
}

@media (max-width: 1100px) {
  html[lang="ko"] .ko-heading-line {
    width: auto;
  }
  html[lang="ko"] .hero h1 {
    line-height: 1.06;
    letter-spacing: -.048em;
  }
}

@media (max-width: 680px) {
  html[lang="ko"] .hero h1 {
    font-size: clamp(46px, 13.2vw, 62px);
    line-height: 1.08;
    letter-spacing: -.045em;
  }
  html[lang="ko"] .hero h1 .hero-line-support {
    font-size: .59em;
    line-height: 1.18;
    margin-bottom: .28em;
  }
  html[lang="ko"] .hero h1 .hero-line-focus {
    font-size: .96em;
    line-height: 1.1;
  }
  html[lang="ko"] .section-head h2,
  html[lang="ko"] .ecosystem-copy h2,
  html[lang="ko"] .contact h2 {
    font-size: clamp(42px, 12vw, 62px);
    line-height: 1.08;
  }
}

/* =========================================================
   REBON Website 1.2.2 LTS — Unified section typography
   ========================================================= */
:root {
  --section-title-size: clamp(52px, 7.4vw, 110px);
  --section-title-line-height: .94;
  --section-title-tracking: -.06em;
}

/* Keep the hero as the primary display level; align every major section title below it. */
.display-title,
.section-head h2,
.ecosystem-copy h2,
.contact h2 {
  font-size: var(--section-title-size);
  line-height: var(--section-title-line-height);
  letter-spacing: var(--section-title-tracking);
  margin: 0;
}

/* Korean typography: preserve words and provide enough vertical room for glyphs. */
html[lang="ko"] .display-title,
html[lang="ko"] .section-head h2,
html[lang="ko"] .ecosystem-copy h2,
html[lang="ko"] .contact h2 {
  line-height: 1.08;
  letter-spacing: -.048em;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  padding-bottom: .06em;
}

html[lang="ko"] .display-title {
  max-width: 8ch;
}

/* English retains a tighter display rhythm without clipping descenders. */
html[lang="en"] .display-title,
html[lang="en"] .section-head h2,
html[lang="en"] .ecosystem-copy h2,
html[lang="en"] .contact h2 {
  line-height: .96;
  padding-bottom: .08em;
}

@media (max-width: 1100px) {
  :root { --section-title-size: clamp(48px, 9vw, 88px); }
}

@media (max-width: 680px) {
  :root { --section-title-size: clamp(40px, 11.5vw, 58px); }
  html[lang="ko"] .display-title,
  html[lang="ko"] .section-head h2,
  html[lang="ko"] .ecosystem-copy h2,
  html[lang="ko"] .contact h2 {
    line-height: 1.12;
    letter-spacing: -.04em;
  }
}


/* =========================================================
   REBON Website 1.2.3 LTS — Contact title collision fix
   ========================================================= */
.contact-shell {
  grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr);
  gap: clamp(56px, 6vw, 104px);
}

.contact-inner {
  min-width: 0;
  max-width: 100%;
}

.contact h2 {
  max-width: 100%;
  font-size: clamp(50px, 5.6vw, 88px);
  line-height: .98;
  letter-spacing: -.055em;
}

html[lang="ko"] .contact-title-ko {
  font-size: clamp(48px, 5.35vw, 84px);
  line-height: 1.08;
  letter-spacing: -.048em;
  padding-bottom: .08em;
}

html[lang="ko"] .contact-title-ko .ko-heading-line {
  display: block;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
}

html[lang="ko"] .contact-title-ko .ko-heading-line + .ko-heading-line {
  margin-top: .02em;
}

.inquiry-form {
  min-width: 0;
}

@media (max-width: 1180px) {
  .contact-shell {
    grid-template-columns: minmax(0, .78fr) minmax(500px, 1.22fr);
    gap: 48px;
  }
  html[lang="ko"] .contact-title-ko {
    font-size: clamp(46px, 5.4vw, 68px);
  }
}

@media (max-width: 1100px) {
  .contact-shell {
    grid-template-columns: 1fr;
    gap: 55px;
  }
  .contact-inner {
    max-width: 760px;
  }
  html[lang="ko"] .contact-title-ko {
    font-size: clamp(52px, 8vw, 82px);
  }
}

@media (max-width: 680px) {
  .contact h2,
  html[lang="ko"] .contact-title-ko {
    font-size: clamp(40px, 11.5vw, 58px);
    line-height: 1.1;
    letter-spacing: -.04em;
  }
}


/* =========================================================
   REBON Website 1.2.4 LTS — Unified chapter title scale
   Every chapter heading uses the Contact-section display scale.
   ========================================================= */
:root {
  --chapter-title-size: clamp(48px, 5.35vw, 84px);
  --chapter-title-line-height-ko: 1.08;
  --chapter-title-line-height-en: .98;
  --chapter-title-tracking-ko: -.048em;
  --chapter-title-tracking-en: -.055em;
}

/* 01–07 chapter headings share one consistent visual level. */
.section-head h2,
.ecosystem-copy h2,
.contact h2 {
  font-size: var(--chapter-title-size);
  margin: 0;
  max-width: 100%;
}

html[lang="ko"] .section-head h2,
html[lang="ko"] .ecosystem-copy h2,
html[lang="ko"] .contact h2,
html[lang="ko"] .contact-title-ko {
  font-size: var(--chapter-title-size);
  line-height: var(--chapter-title-line-height-ko);
  letter-spacing: var(--chapter-title-tracking-ko);
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  padding-bottom: .08em;
}

html[lang="en"] .section-head h2,
html[lang="en"] .ecosystem-copy h2,
html[lang="en"] .contact h2 {
  font-size: var(--chapter-title-size);
  line-height: var(--chapter-title-line-height-en);
  letter-spacing: var(--chapter-title-tracking-en);
  padding-bottom: .08em;
}

/* Preserve semantic line breaks without splitting Korean words. */
html[lang="ko"] .section-head h2 .ko-heading-line,
html[lang="ko"] .ecosystem-copy h2 .ko-heading-line,
html[lang="ko"] .contact h2 .ko-heading-line {
  display: block;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
}

html[lang="ko"] .section-head h2 .ko-heading-line + .ko-heading-line,
html[lang="ko"] .ecosystem-copy h2 .ko-heading-line + .ko-heading-line,
html[lang="ko"] .contact h2 .ko-heading-line + .ko-heading-line {
  margin-top: .02em;
}

@media (max-width: 1180px) {
  :root { --chapter-title-size: clamp(46px, 5.4vw, 68px); }
}

@media (max-width: 1100px) {
  :root { --chapter-title-size: clamp(48px, 7.6vw, 76px); }
}

@media (max-width: 680px) {
  :root { --chapter-title-size: clamp(38px, 10.8vw, 54px); }
  html[lang="ko"] .section-head h2,
  html[lang="ko"] .ecosystem-copy h2,
  html[lang="ko"] .contact h2,
  html[lang="ko"] .contact-title-ko {
    line-height: 1.12;
    letter-spacing: -.04em;
  }
  html[lang="ko"] .section-head h2 .ko-heading-line,
  html[lang="ko"] .ecosystem-copy h2 .ko-heading-line,
  html[lang="ko"] .contact h2 .ko-heading-line {
    white-space: normal;
  }
}


/* =========================================================
   REBON Website 1.2.5 LTS — Consistent chapter title system
   Unifies 01–07 title scale, line structure, width and rhythm.
   ========================================================= */
:root {
  --chapter-title-size: clamp(48px, 5.35vw, 84px);
  --chapter-title-width: 15ch;
  --chapter-title-gap: .02em;
}

.chapter-title,
.display-title.chapter-title,
.section-head .chapter-title,
.ecosystem-copy .chapter-title,
.contact .chapter-title {
  display: block;
  width: 100%;
  max-width: var(--chapter-title-width);
  margin: 0;
  font-size: var(--chapter-title-size);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
  padding-bottom: .08em;
}

.chapter-title .heading-line,
.chapter-title .ko-heading-line {
  display: block;
  width: fit-content;
  max-width: 100%;
}

.chapter-title .heading-line + .heading-line,
.chapter-title .ko-heading-line + .ko-heading-line {
  margin-top: var(--chapter-title-gap);
}

html[lang="ko"] .chapter-title,
html[lang="ko"] .display-title.chapter-title,
html[lang="ko"] .contact-title-ko {
  max-width: 13ch;
  font-size: var(--chapter-title-size);
  line-height: 1.08;
  letter-spacing: -.048em;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

html[lang="en"] .chapter-title {
  max-width: 17ch;
}

/* Keep the intro title aligned with every subsequent chapter. */
html[lang="ko"] .display-title.chapter-title,
html[lang="en"] .display-title.chapter-title {
  max-width: var(--chapter-title-width);
}

@media (max-width: 1180px) {
  :root { --chapter-title-size: clamp(46px, 5.4vw, 68px); }
}

@media (max-width: 1100px) {
  :root { --chapter-title-size: clamp(48px, 7.6vw, 76px); }
}

@media (max-width: 680px) {
  :root {
    --chapter-title-size: clamp(38px, 10.8vw, 54px);
    --chapter-title-width: 100%;
  }
  .chapter-title,
  .display-title.chapter-title,
  html[lang="ko"] .chapter-title,
  html[lang="ko"] .display-title.chapter-title,
  html[lang="ko"] .contact-title-ko,
  html[lang="en"] .chapter-title {
    max-width: 100%;
  }
  html[lang="ko"] .chapter-title {
    line-height: 1.12;
    letter-spacing: -.04em;
  }
  .chapter-title .heading-line,
  .chapter-title .ko-heading-line {
    width: auto;
    white-space: normal;
  }
}

/* Korean HOW WE BUILD summary uses solid black for contrast on the accent section. */
html[lang="ko"] .process-section .process-summary{color:#000}


/* =========================================================
   REBON Website 1.4.2 — Partner ecosystem responsive fix
   Stable rendering across desktop, tablet and mobile.
   ========================================================= */
.ecosystem-layout {
  grid-template-columns: minmax(0, .86fr) minmax(460px, 1.14fr);
  align-items: center;
}
.ecosystem-copy,
.network {
  min-width: 0;
}
.network {
  width: min(100%, 680px);
  max-width: none;
  justify-self: center;
  isolation: isolate;
}
.network-core {
  width: 28%;
  left: 36%;
  top: 36%;
  overflow: hidden;
  padding: clamp(12px, 2vw, 26px);
}
.network-brand {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #050505;
  text-align: center;
  line-height: 1;
}
.network-brand strong {
  display: block;
  font-size: clamp(20px, 3.1vw, 46px);
  font-weight: 900;
  letter-spacing: -.075em;
}
.network-brand span {
  display: block;
  margin-top: .58em;
  font-size: clamp(6px, .72vw, 10px);
  font-weight: 800;
  letter-spacing: .16em;
}
.network-node {
  box-sizing: border-box;
  width: clamp(132px, 13vw, 190px);
}
.node-1 { top: 2%; left: 50%; transform: translateX(-50%); }
.node-2 { right: 1%; top: 25%; }
.node-3 { right: 3%; bottom: 20%; }
.node-4 { bottom: 1%; left: 50%; transform: translateX(-50%); }
.node-5 { left: 3%; bottom: 20%; }
.node-6 { left: 1%; top: 25%; }
.network-node:hover { transform: translateY(-4px); }
.node-1:hover,
.node-4:hover { transform: translate(-50%, -4px); }

@media (max-width: 1100px) {
  .ecosystem-layout {
    grid-template-columns: 1fr;
  }
  .network {
    width: min(92vw, 680px);
    margin-top: 64px;
  }
  .network-node {
    width: clamp(132px, 22vw, 178px);
  }
}

@media (max-width: 680px) {
  .network {
    width: min(94vw, 520px);
    margin-top: 48px;
  }
  .network-core {
    width: 32%;
    left: 34%;
    top: 34%;
    padding: 10px;
  }
  .network-brand strong {
    font-size: clamp(18px, 6.3vw, 31px);
  }
  .network-brand span {
    font-size: clamp(5px, 1.65vw, 8px);
    letter-spacing: .1em;
  }
  .network-node {
    width: clamp(104px, 31vw, 132px);
    padding: 9px 10px;
    font-size: 8px;
  }
  .network-node small {
    font-size: 6px;
    line-height: 1.35;
  }
  .node-1 { top: 1%; }
  .node-2 { right: 0; top: 23%; }
  .node-3 { right: 1%; bottom: 18%; }
  .node-4 { bottom: 0; }
  .node-5 { left: 1%; bottom: 18%; }
  .node-6 { left: 0; top: 23%; }
}

@media (max-width: 390px) {
  .network-node {
    width: 102px;
    padding: 8px;
    font-size: 7px;
  }
  .network-node small {
    font-size: 5px;
  }
}


/* =========================================================
   REBON Website 1.4.3 — Official CI in partner ecosystem core
   Preserve the supplied CI artwork without stretching or cropping.
   ========================================================= */
.network-core {
  padding: clamp(14px, 2.2vw, 30px);
}
.network-core img {
  display: block;
  width: 78%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 680px) {
  .network-core { padding: 12px; }
  .network-core img { width: 82%; }
}


/* =========================================================
   REBON Website 1.5.0 — AI Technology / IP Business Ecosystem
   Eight core technologies with partner ecosystem delivery model.
   ========================================================= */
.technology-section .ecosystem-copy p{max-width:520px}
.technology-partner-copy{margin-top:18px!important;color:#b2b2ac!important}
.technology-partner-copy strong{color:#fff;font-size:.88em;letter-spacing:.08em}
.technology-facts{margin-top:28px}
.tech-network{width:min(100%,720px);overflow:visible}
.tech-network .network-core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:27%;left:36.5%;top:36.5%;padding:clamp(13px,1.7vw,24px)}
.tech-network .network-core img{width:78%;height:auto}
.tech-network .network-core span{color:#050505;font-size:clamp(6px,.66vw,9px);font-weight:900;letter-spacing:.12em;text-align:center;line-height:1.25}
.tech-network .tech-node{width:clamp(138px,12.5vw,182px);padding:13px 14px;font-size:10px;line-height:1.25}
.tech-network .tech-node small{font-size:7px;line-height:1.4}
.tech-network .node-1{top:-1%;left:50%;transform:translateX(-50%)}
.tech-network .node-2{right:1%;top:11%}
.tech-network .node-3{right:-3%;top:43%;bottom:auto}
.tech-network .node-4{right:1%;bottom:11%;left:auto}
.tech-network .node-5{bottom:-1%;left:50%;transform:translateX(-50%)}
.tech-network .node-6{left:1%;bottom:11%;top:auto}
.tech-network .node-7{left:-3%;top:43%;bottom:auto}
.tech-network .node-8{left:1%;top:11%}
.tech-network .node-1:hover,.tech-network .node-5:hover{transform:translate(-50%,-4px)}

@media(max-width:1100px){
  .technology-layout{grid-template-columns:1fr}
  .tech-network{width:min(92vw,720px);margin-top:64px}
  .tech-network .tech-node{width:clamp(136px,21vw,180px)}
}

@media(max-width:680px){
  .tech-network{width:100%;aspect-ratio:auto;border:0;border-radius:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:44px}
  .tech-network:before,.tech-network:after{display:none}
  .tech-network .network-core{position:relative;inset:auto;width:auto;aspect-ratio:auto;grid-column:1/-1;min-height:150px;border-radius:18px;padding:24px;margin-bottom:4px}
  .tech-network .network-core img{width:min(190px,58%)}
  .tech-network .network-core span{font-size:8px}
  .tech-network .tech-node{position:relative;inset:auto!important;transform:none!important;width:auto;min-height:78px;padding:13px 12px;display:flex;flex-direction:column;justify-content:center;font-size:8px}
  .tech-network .tech-node:hover{transform:translateY(-3px)!important}
  .tech-network .tech-node small{font-size:6px;margin-top:6px}
}

@media(max-width:390px){
  .tech-network{grid-template-columns:1fr}
  .tech-network .network-core{grid-column:auto;min-height:140px}
  .tech-network .tech-node{min-height:68px;font-size:8px}
}

/* =========================================================
   REBON Website 1.5.3 — AI Technology orbit balance correction
   Symmetrical eight-node placement around the full-stack core.
   ========================================================= */
@media (min-width: 681px) {
  .tech-network .tech-node {
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
  .tech-network .node-1 { left: 50%;   top: 5%;  }
  .tech-network .node-2 { left: 80%;   top: 18%; }
  .tech-network .node-3 { left: 86%;   top: 50%; }
  .tech-network .node-4 { left: 80%;   top: 82%; }
  .tech-network .node-5 { left: 50%;   top: 95%; }
  .tech-network .node-6 { left: 20%;   top: 82%; }
  .tech-network .node-7 { left: 14%;   top: 50%; }
  .tech-network .node-8 { left: 20%;   top: 18%; }

  .tech-network .tech-node:hover,
  .tech-network .node-1:hover,
  .tech-network .node-5:hover {
    transform: translate(-50%, calc(-50% - 4px));
  }
}


/* =========================================================
   REBON Website 1.5.5 — Desktop section copy alignment
   Keep all section sub-copy left-aligned beneath its heading.
   ========================================================= */
@media (min-width:1101px){
  .section-head{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:0;
  }
  .section-head p{
    margin:28px 0 0;
    text-align:left;
    justify-self:start;
  }
}

/* =========================================================
   REBON Website 1.5.6 — Contact chapter spacing
   Match the 07 label-to-title rhythm with the other sections.
   ========================================================= */
.contact-inner > .section-label{
  display:block;
  margin-bottom:54px;
}
@media(max-width:680px){
  .contact-inner > .section-label{
    margin-bottom:36px;
  }
}


/* v1.6.2: iOS safe-area header opacity fix */
html{background:#080808}
@media (max-width:1100px){
  .site-header{
    background:#080808!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    isolation:isolate;
  }
  .site-header::before{
    content:"";
    position:absolute;
    left:0;right:0;
    bottom:100%;
    height:max(env(safe-area-inset-top),32px);
    background:#080808;
    pointer-events:none;
  }
}


/* v1.6.3: direction-aware sticky header */
.site-header{
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.site-header.header-hidden{
  transform:translate3d(0,-110%,0);
}
body.menu-open .site-header{
  transform:translate3d(0,0,0)!important;
}
@media(prefers-reduced-motion:reduce){
  .site-header{transition:none!important}
}

/* =========================================================
   v1.6.5 — Responsive hero fit for iPhone, mobile and tablet
   Keeps the full headline visible inside the initial viewport.
   ========================================================= */
@media (max-width:1100px){
  .hero{
    min-height:100svh;
    box-sizing:border-box;
    justify-content:center;
    padding-top:calc(118px + env(safe-area-inset-top));
    padding-bottom:calc(64px + env(safe-area-inset-bottom));
  }
  html[lang="ko"] .hero h1{
    font-size:clamp(54px,9.6vw,94px);
    max-width:100%;
  }
  html[lang="ko"] .hero h1 .hero-line{
    width:100%;
    max-width:100%;
    white-space:nowrap;
    overflow-wrap:normal;
  }
  .hero-copy{margin-top:24px}
  .hero-actions{margin-top:26px}
}

@media (max-width:680px){
  .hero{
    min-height:100svh;
    justify-content:flex-start;
    padding:calc(98px + env(safe-area-inset-top)) 20px calc(42px + env(safe-area-inset-bottom));
  }
  .hero-kicker{
    margin-bottom:16px;
    font-size:8px;
    line-height:1.55;
  }
  html[lang="ko"] .hero h1{
    font-size:clamp(34px,8.8vw,42px);
    line-height:1.02;
    letter-spacing:-.065em;
    width:100%;
  }
  html[lang="ko"] .hero h1 .hero-line-support{
    font-size:.66em;
    line-height:1.08;
    margin-bottom:.24em;
  }
  html[lang="ko"] .hero h1 .hero-line-focus{
    font-size:1em;
    line-height:1.04;
    white-space:nowrap;
    letter-spacing:-.075em;
    padding-bottom:.06em;
  }
  html[lang="en"] .hero h1{
    font-size:clamp(42px,11.5vw,58px);
    line-height:.94;
  }
  .hero-copy{
    margin-top:22px;
    font-size:13px;
    line-height:1.65;
    max-width:320px;
  }
  .hero-actions{
    margin-top:22px;
    gap:8px;
  }
  .hero-actions .btn{
    padding:14px 16px;
    min-height:48px;
  }
  .hero-index{bottom:16px}
}

@media (max-width:430px){
  .hero{
    padding-top:calc(92px + env(safe-area-inset-top));
    padding-left:18px;
    padding-right:18px;
  }
  html[lang="ko"] .hero h1{
    font-size:clamp(32px,8.55vw,37px);
  }
  .hero-copy{max-width:300px}
}

@media (max-width:375px){
  .hero{
    padding-top:calc(88px + env(safe-area-inset-top));
    padding-bottom:calc(32px + env(safe-area-inset-bottom));
  }
  html[lang="ko"] .hero h1{
    font-size:clamp(30px,8.25vw,34px);
  }
  .hero-copy{
    margin-top:18px;
    font-size:12px;
    line-height:1.6;
  }
  .hero-actions{margin-top:18px}
}

@media (max-width:1100px) and (max-height:700px){
  .hero{
    justify-content:flex-start;
    padding-top:calc(88px + env(safe-area-inset-top));
    padding-bottom:calc(28px + env(safe-area-inset-bottom));
  }
  .hero-kicker{margin-bottom:12px}
  .hero-copy{margin-top:16px;line-height:1.55}
  .hero-actions{margin-top:16px}
}

@media (orientation:landscape) and (max-width:1100px) and (max-height:520px){
  .hero{
    min-height:100svh;
    padding-top:calc(76px + env(safe-area-inset-top));
    padding-bottom:24px;
  }
  html[lang="ko"] .hero h1{font-size:clamp(34px,6.4vw,58px)}
  .hero-copy{display:none}
  .hero-actions{margin-top:14px;flex-direction:row;width:auto}
  .hero-actions .btn{width:auto;min-width:180px}
}

/* v1.6.7: iOS/mobile direction-aware header fix
   Overrides the legacy mobile transform:none!important rule. */
@media (max-width:1100px){
  .site-header{
    transform:translate3d(0,0,0)!important;
  }
  .site-header.header-hidden{
    transform:translate3d(0,calc(-100% - env(safe-area-inset-top)),0)!important;
  }
  body.menu-open .site-header{
    transform:translate3d(0,0,0)!important;
  }
}

/* v1.6.8: opaque iOS status-bar / safe-area layer */
@supports (padding-top: env(safe-area-inset-top)){
  html::before{
    content:"";
    position:fixed;
    z-index:99;
    top:0;
    left:0;
    right:0;
    height:max(env(safe-area-inset-top), 1px);
    background:#080808;
    pointer-events:none;
  }
  @media (max-width:1100px){
    .site-header::before{
      display:none;
    }
  }
}

/* v1.7.0 — Hero headline scale refinement */
html[lang="ko"] .hero h1 {
  font-size: clamp(82px, 10.1vw, 162px);
}
html[lang="en"] .hero h1 {
  font-size: clamp(82px, 10.5vw, 168px);
}
@media (max-width: 1100px) {
  html[lang="ko"] .hero h1 {
    font-size: clamp(72px, 12vw, 126px);
  }
  html[lang="en"] .hero h1 {
    font-size: clamp(74px, 12vw, 130px);
  }
}
@media (max-width: 680px) {
  html[lang="ko"] .hero h1 {
    font-size: clamp(51px, 14.4vw, 68px);
    line-height: 1.05;
  }
  html[lang="ko"] .hero h1 .hero-line-support {
    font-size: .61em;
    margin-bottom: .24em;
  }
  html[lang="ko"] .hero h1 .hero-line-focus {
    font-size: 1em;
  }
  html[lang="en"] .hero h1 {
    font-size: clamp(59px, 15vw, 76px);
  }
}

/* v1.7.1 — iPhone hero width fit and kicker emphasis */
@media (max-width:680px){
  .hero-kicker{
    font-size:10px;
    line-height:1.55;
    letter-spacing:.23em;
    margin-bottom:18px;
  }
  html[lang="ko"] .hero h1{
    font-size:clamp(44px,12.35vw,56px);
    line-height:1.03;
    letter-spacing:-.07em;
    max-width:100%;
  }
  html[lang="ko"] .hero h1 .hero-line-support{
    font-size:.72em;
    line-height:1.08;
    margin-bottom:.22em;
  }
  html[lang="ko"] .hero h1 .hero-line-focus{
    display:block;
    width:100%;
    max-width:100%;
    font-size:1em;
    line-height:1.03;
    letter-spacing:-.082em;
    white-space:nowrap;
  }
}

@media (max-width:430px){
  html[lang="ko"] .hero h1{
    font-size:clamp(43px,11.95vw,51px);
  }
  .hero-kicker{
    font-size:10px;
    letter-spacing:.21em;
  }
}

@media (max-width:375px){
  html[lang="ko"] .hero h1{
    font-size:clamp(39px,11.45vw,43px);
  }
  .hero-kicker{
    font-size:9.5px;
    letter-spacing:.19em;
  }
}


/* v1.7.2 — Larger mobile hero title and lead copy without horizontal clipping */
@media (max-width:680px){
  html[lang="ko"] .hero h1{
    font-size:clamp(50px,13.8vw,60px);
    line-height:.98;
  }
  html[lang="ko"] .hero h1 .hero-line-support{
    font-size:.70em;
    margin-bottom:.22em;
  }
  html[lang="ko"] .hero h1 .hero-line-focus{
    white-space:normal;
    letter-spacing:-.085em;
    line-height:.94;
  }
  html[lang="ko"] .hero h1 .hero-focus-word{
    display:block;
    width:max-content;
    max-width:100%;
  }
  .hero-copy{
    max-width:350px;
    font-size:15px;
    line-height:1.72;
    letter-spacing:-.025em;
    margin-top:26px;
  }
}

@media (max-width:430px){
  html[lang="ko"] .hero h1{
    font-size:clamp(48px,13.25vw,55px);
  }
  .hero-copy{
    max-width:335px;
    font-size:14.5px;
  }
}

@media (max-width:375px){
  html[lang="ko"] .hero h1{
    font-size:clamp(44px,12.8vw,49px);
  }
  .hero-copy{
    max-width:315px;
    font-size:14px;
    line-height:1.68;
    margin-top:22px;
  }
}

/* v1.7.3 — iOS Safari direction-aware header stabilization
   Header visibility is now controlled by cumulative scroll travel in script;
   height-only viewport resize events no longer force the header visible. */


/* =========================================================
   v2.0.0 — iPhone Safari header architecture
   A dedicated status-bar layer remains opaque while the
   direction-aware header moves independently below it.
   ========================================================= */
:root{
  --rebon-header-bg:#080808;
  --rebon-mobile-header-height:76px;
  --rebon-mobile-header-height-compact:72px;
}

.ios-statusbar-bg{
  display:none;
  pointer-events:none;
}

@media (max-width:1100px){
  html,
  body{
    background:var(--rebon-header-bg);
  }

  .ios-statusbar-bg{
    display:block;
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    right:0;
    height:env(safe-area-inset-top,0px);
    background:var(--rebon-header-bg);
    opacity:1;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }

  html::before,
  .site-header::before{
    display:none!important;
    content:none!important;
  }

  .site-header,
  .policy-body .site-header{
    top:env(safe-area-inset-top,0px)!important;
    bottom:auto!important;
    height:var(--rebon-mobile-header-height)!important;
    padding:0 24px!important;
    box-sizing:border-box;
    background:var(--rebon-header-bg)!important;
    opacity:1!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    transition:transform .34s cubic-bezier(.22,.61,.36,1)!important;
    will-change:transform;
    isolation:isolate;
    z-index:999;
  }

  .site-header.header-hidden{
    transform:translate3d(0,-105%,0)!important;
    -webkit-transform:translate3d(0,-105%,0)!important;
  }

  body.menu-open .site-header,
  body.menu-open .site-header.header-hidden{
    transform:none!important;
    -webkit-transform:none!important;
  }

  .site-nav{
    top:env(safe-area-inset-top,0px)!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    height:calc(100dvh - env(safe-area-inset-top,0px));
    min-height:calc(100svh - env(safe-area-inset-top,0px));
    padding-top:calc(var(--rebon-mobile-header-height) + 34px)!important;
    padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important;
    background:var(--rebon-header-bg)!important;
  }
}

@media (max-width:680px){
  .site-header,
  .policy-body .site-header{
    height:var(--rebon-mobile-header-height-compact)!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .site-nav{
    padding-top:calc(var(--rebon-mobile-header-height-compact) + 24px)!important;
  }
}

@media (display-mode:standalone) and (max-width:1100px){
  .ios-statusbar-bg{
    height:max(env(safe-area-inset-top,0px),1px);
  }
}

/* v2.4.7 — Partner ecosystem role hierarchy */
.partner-facts span{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.partner-facts span:last-child{border-bottom:0}
.partner-facts b{display:block;margin-bottom:3px;color:var(--accent)}


/* v2.4.8 — REBON HOLDINGS footer system mapped to REBON WILD */
.footer-holdings-system .footer-bottom-full{grid-template-columns:minmax(210px,.95fr) minmax(300px,1.35fr) minmax(230px,.95fr) minmax(150px,.5fr);align-items:start}
.footer-family{min-width:0}
.footer-family-links{display:flex;flex-direction:column;border-top:1px solid #242424}
.footer-family-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #242424;color:#969690;font-size:10px;line-height:1.45;letter-spacing:.015em;text-decoration:none;transition:color .2s ease,border-color .2s ease,padding-left .2s ease}
.footer-family-links a span{min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.footer-family-links a i{font-style:normal;font-size:12px;color:#666;transition:transform .2s ease,color .2s ease}
.footer-family-links a:hover,.footer-family-links a:focus-visible{color:#fff;border-color:#444;padding-left:4px;outline:none}
.footer-family-links a:hover i,.footer-family-links a:focus-visible i{color:var(--accent);transform:translate(2px,-2px)}
.footer-family-links a.is-current{color:#c8c8c2}
@media(max-width:1100px){.footer-holdings-system .footer-bottom-full{grid-template-columns:1fr 1fr}.footer-holdings-system .footer-family{grid-column:1/-1}.footer-family-links{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}}
@media(max-width:680px){.footer-holdings-system .footer-family{grid-column:auto}.footer-family-links{display:flex}.footer-family-links a{min-height:44px;padding:12px 0;font-size:11px}}

/* v2.4.9 — reliable footer Back to Top touch target */
.footer-top-link{position:relative;z-index:5;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(200,255,0,.18);user-select:none;-webkit-user-select:none;min-height:44px;align-items:center}
.footer-top-link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}

/* v2.5.8 — REBON WILD owned IP references */
.reference-section{background:#0b0d0c;color:#f2f2ed;overflow:hidden}
.reference-section .section-label{color:rgba(255,255,255,.52)}
.reference-head{align-items:end}
.reference-head h2{max-width:850px}
.reference-head p{max-width:620px;color:#aaaFA9}
.reference-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:58px 0 40px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
.reference-tab{appearance:none;border:1px solid rgba(255,255,255,.18);background:transparent;color:#a9aca8;padding:13px 20px;border-radius:999px;font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:.25s ease}
.reference-tab:hover,.reference-tab:focus-visible{border-color:rgba(255,255,255,.55);color:#fff}
.reference-tab.active{background:#f1ff39;border-color:#f1ff39;color:#11130f}
.reference-panel[hidden]{display:none!important}
.audio-collection-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.audio-collection-head>div>span{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.2em;color:#f1ff39}
.audio-collection-head p{margin:0;color:#9da09c}
.reference-profile-link{flex:0 0 auto;border-color:rgba(255,255,255,.25);color:#fff}

.soundcloud-catalog{margin:0 0 28px;padding:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(241,255,57,.06),rgba(255,77,0,.05));border-radius:18px}
.soundcloud-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.soundcloud-catalog-head span{font-size:10px;letter-spacing:.18em;color:#f1ff39}
.soundcloud-catalog-head h3{margin:0;font-size:clamp(18px,2vw,28px);font-weight:500}
.soundcloud-catalog iframe{display:block;width:100%;height:450px;border:0;border-radius:12px;background:#111}
@media(max-width:640px){.soundcloud-catalog{padding:14px}.soundcloud-catalog-head{align-items:flex-start;flex-direction:column;gap:7px}.soundcloud-catalog iframe{height:420px}}
.audio-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.audio-reference-card{position:relative;min-width:0;padding:24px;background:#131614;border:1px solid rgba(255,255,255,.1);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.audio-reference-card:hover{transform:translateY(-3px);border-color:rgba(241,255,57,.42);background:#171b17}
.audio-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:start;gap:12px}
.audio-index{padding-top:3px;font-size:11px;letter-spacing:.14em;color:#f1ff39}
.audio-card-head h3{margin:0;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.03em;color:#fff}
.audio-card-head p{margin:7px 0 0;font-size:9px;line-height:1.5;letter-spacing:.13em;color:#7e837e}
.audio-external{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;text-decoration:none}
.audio-wave{height:38px;display:flex;align-items:center;gap:4px;margin:22px 0 16px;overflow:hidden}
.audio-wave i{display:block;width:3px;border-radius:2px;background:rgba(241,255,57,.55);animation:reference-wave 1.8s ease-in-out infinite alternate}
.audio-wave i:nth-child(3n+1){height:35%}.audio-wave i:nth-child(3n+2){height:82%;animation-delay:-.5s}.audio-wave i:nth-child(3n){height:55%;animation-delay:-1s}
.audio-reference-card iframe{display:block;width:100%;height:120px;border:0;background:#222}
.reference-coming{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(241,255,57,.04),transparent 55%)}
.reference-coming span{font-size:12px;letter-spacing:.2em;color:#f1ff39}
.reference-coming p{margin:22px 0 12px;font-size:clamp(24px,4vw,46px);font-weight:600;letter-spacing:-.04em}
.reference-coming small{font-size:9px;letter-spacing:.2em;color:#70756f}
@keyframes reference-wave{to{transform:scaleY(.48);opacity:.45}}
@media(prefers-reduced-motion:reduce){.audio-wave i{animation:none}}
@media(max-width:900px){.audio-reference-grid{grid-template-columns:1fr}.audio-collection-head{align-items:flex-start;flex-direction:column}.reference-profile-link{width:100%}}
@media(max-width:680px){.reference-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:38px}.reference-tab{padding:12px 9px;font-size:10px}.audio-reference-card{padding:18px}.audio-card-head{grid-template-columns:34px minmax(0,1fr) 28px}.audio-card-head h3{font-size:17px}.audio-reference-card iframe{height:120px}.reference-coming{min-height:280px}}


/* REBON WILD v2.6.1 — dedicated references page and enhanced music catalog */
.reference-preview-section{position:relative;overflow:hidden}
.reference-preview-head{max-width:920px}
.reference-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}
.reference-preview-card{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));backdrop-filter:blur(12px)}
.reference-preview-card span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.reference-preview-card strong{display:block;margin-top:10px;font-size:34px;line-height:1;font-weight:700}
.reference-preview-card p{margin-top:8px;color:var(--text-muted)}
.reference-preview-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}

.reference-page-main{padding-top:112px}
.reference-page-hero{padding-top:42px}
.reference-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:stretch}
.reference-page-copy,.reference-page-summary,.reference-directory,.audio-insight-card,.reference-placeholder-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));backdrop-filter:blur(14px);box-shadow:0 24px 80px rgba(0,0,0,.18)}
.reference-page-copy{border-radius:32px;padding:34px}
.reference-page-copy .eyebrow{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(255,77,0,.14);border:1px solid rgba(255,77,0,.24);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffd6c5}
.reference-page-copy h1{margin:0;font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.03em}
.reference-page-copy p{margin:18px 0 0;max-width:760px;color:var(--text-muted);font-size:16px;line-height:1.7}
.reference-page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.reference-page-summary{border-radius:32px;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.reference-page-summary article{padding:18px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.reference-page-summary span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.reference-page-summary strong{display:block;margin-top:8px;font-size:30px;line-height:1}
.reference-page-summary p{margin-top:8px;color:var(--text-muted);font-size:14px;line-height:1.5}
.reference-directory-shell{padding-top:0}
.reference-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-radius:28px;padding:18px}
.reference-directory-card{display:block;padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.reference-directory-card:hover,.reference-directory-card.active{transform:translateY(-2px);border-color:rgba(255,77,0,.34);background:rgba(255,77,0,.08)}
.reference-directory-card span{display:block;color:var(--text-muted);font-size:12px;letter-spacing:.14em}
.reference-directory-card strong{display:block;margin-top:12px;font-size:20px}
.reference-directory-card p{margin-top:8px;color:var(--text-muted);line-height:1.6}
.audio-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.audio-insight-card{padding:22px;border-radius:24px;text-align:left;color:inherit;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.audio-insight-card:hover{transform:translateY(-2px);border-color:rgba(255,77,0,.34);background:linear-gradient(180deg,rgba(255,77,0,.12),rgba(255,255,255,.03))}
.audio-insight-card span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.audio-insight-card strong{display:block;margin-top:12px;font-size:28px}
.audio-insight-card p{margin-top:8px;color:var(--text-muted);line-height:1.55}
.reference-filter-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.reference-filter-chip{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.reference-filter-chip:hover{transform:translateY(-1px);border-color:rgba(255,77,0,.35)}
.reference-filter-chip.active{background:rgba(255,77,0,.14);border-color:rgba(255,77,0,.35);color:#ffe2d7}
.reference-filter-status{margin-top:14px;color:var(--text-muted);font-size:14px}
.reference-page-audio-grid{margin-top:24px}
.audio-reference-card.enhanced-card{padding:0;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.audio-cover{position:relative;padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.08);min-height:132px;background:linear-gradient(135deg,rgba(255,77,0,.16),rgba(104,84,255,.16));overflow:hidden}
.audio-cover::before,.audio-cover::after{content:"";position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none}
.audio-cover::before{width:180px;height:180px;right:-56px;top:-72px}
.audio-cover::after{width:130px;height:130px;left:-34px;bottom:-54px}
.audio-cover-track{background:linear-gradient(135deg,rgba(255,111,0,.17),rgba(71,169,255,.16))}
.audio-cover-mixset{background:linear-gradient(135deg,rgba(111,0,255,.22),rgba(255,77,0,.14))}
.audio-cover-album{background:linear-gradient(135deg,rgba(30,160,120,.18),rgba(255,194,0,.14))}
.audio-cover-badge,.audio-cover-meta,.audio-cover-count{position:relative;z-index:1;display:inline-flex}
.audio-cover-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.audio-cover-meta{display:block;margin-top:14px;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.12em}
.audio-cover-initial{position:relative;z-index:1;display:block;margin-top:20px;font-size:34px;letter-spacing:.08em}
.audio-cover-count{position:absolute;right:22px;bottom:16px;font-size:36px;font-weight:700;color:rgba(255,255,255,.24)}
.audio-reference-card.enhanced-card .audio-card-head{padding:20px 22px 0}
.audio-reference-card.enhanced-card .audio-wave{padding:0 22px;margin-top:18px}
.audio-reference-card.enhanced-card iframe{margin:18px 22px 22px;width:calc(100% - 44px)}
.audio-reference-card.is-hidden{display:none !important}
.reference-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.reference-placeholder-card{padding:28px;border-radius:28px}
.reference-placeholder-card span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.reference-placeholder-card strong{display:block;margin-top:12px;font-size:24px}
.reference-placeholder-card p{margin-top:10px;color:var(--text-muted);line-height:1.65}
.site-nav a.is-current{color:#fff}
.site-nav a.is-current::after{transform:scaleX(1);opacity:1}
@media (max-width: 1180px){
  .reference-preview-grid,.reference-directory,.audio-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-page-hero-grid{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .reference-page-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-placeholder-grid{grid-template-columns:1fr}
}
@media (max-width: 680px){
  .reference-preview-grid,.reference-directory,.audio-insight-grid,.reference-page-summary{grid-template-columns:1fr}
  .reference-page-copy,.reference-page-summary,.reference-directory,.audio-insight-card,.reference-placeholder-card{border-radius:24px}
  .reference-page-copy{padding:26px}
  .reference-preview-card{padding:20px}
  .reference-page-main{padding-top:96px}
}

/* v2.6.8 category archive */
.reference-major-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.reference-major-card{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.04)}.reference-major-card>span{font-size:12px;letter-spacing:.2em}.reference-major-card h3{font-size:38px;margin:18px 0 8px}.reference-major-card p{color:var(--text-muted)}.reference-major-card strong{display:block;font-size:64px;margin:24px 0}.reference-major-card strong.reference-status-text{font-size:clamp(22px,2.2vw,30px);line-height:1.25;letter-spacing:-.03em;margin:32px 0 35px;font-weight:700}.reference-major-card a{color:inherit}.reference-page-hero h1,.reference-category-section h2{font-size:clamp(38px,6vw,68px);margin:20px 0 12px}.reference-category-section>p{color:var(--text-muted);font-size:18px}.reference-browser{margin-top:26px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.03)}.reference-browser-tabs{display:flex;flex-wrap:wrap;gap:10px}.reference-browser-tabs button{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:inherit;cursor:pointer}.reference-browser-tabs button.active{background:#eaff00;color:#080a09;border-color:#eaff00}.reference-browser-tabs span{margin-left:8px}.reference-browser-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.reference-empty{margin-top:24px;padding:60px 30px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:24px}.reference-pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.reference-pagination button{min-width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:transparent;color:inherit}.reference-pagination button.active{background:#eaff00;color:#080a09}.talent-reference-card{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:26px}.talent-reference-card h3{font-size:36px}.talent-reference-card a{display:inline-block;margin-top:18px;color:inherit}@media(max-width:850px){.reference-major-groups,.reference-browser-grid{grid-template-columns:1fr}}


/* REBON WILD v2.6.9 — compact reference audio cards */
.reference-page-main{padding-top:94px}
.reference-category-section:first-child{padding-top:34px}
.reference-browser{margin-top:20px;padding:18px;border-radius:22px}
.reference-browser-grid{gap:14px;margin-top:18px}
.audio-reference-card.enhanced-card{border-radius:18px}
.audio-reference-card.enhanced-card .audio-card-head{padding:14px 16px 0;grid-template-columns:30px minmax(0,1fr) 26px;gap:10px}
.audio-reference-card.enhanced-card .audio-card-head h3{font-size:17px;line-height:1.22}
.audio-reference-card.enhanced-card .audio-card-head p{margin-top:4px;font-size:9px;line-height:1.35;letter-spacing:.09em}
.audio-reference-card.enhanced-card .audio-index{font-size:10px}
.audio-reference-card.enhanced-card .audio-external{width:26px;height:26px;font-size:14px}
.audio-reference-card.enhanced-card .audio-wave{height:28px;padding:0 16px;margin-top:10px;gap:3px}
.audio-reference-card.enhanced-card .audio-wave i{width:2px;max-height:22px}
.audio-reference-card.enhanced-card iframe{display:block;height:82px;margin:10px 16px 16px;width:calc(100% - 32px);border-radius:10px}
.reference-pagination{margin-top:18px}
@media(max-width:680px){
  .reference-page-main{padding-top:82px}
  .reference-category-section:first-child{padding-top:24px}
  .reference-browser{padding:14px;border-radius:18px}
  .reference-browser-grid{gap:12px;margin-top:14px}
  .audio-reference-card.enhanced-card .audio-card-head{padding:12px 13px 0;grid-template-columns:27px minmax(0,1fr) 24px;gap:8px}
  .audio-reference-card.enhanced-card .audio-card-head h3{font-size:15px}
  .audio-reference-card.enhanced-card .audio-card-head p{font-size:8px}
  .audio-reference-card.enhanced-card .audio-wave{height:24px;padding:0 13px;margin-top:8px}
  .audio-reference-card.enhanced-card iframe{height:76px;margin:8px 13px 13px;width:calc(100% - 26px)}
}


/* REBON WILD v2.7.2 — primary IP horizontal tabs */
.ip-major-tabs{position:sticky;top:86px;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(1180px,calc(100% - 48px));margin:18px auto 0;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(7,9,8,.88);box-shadow:0 18px 50px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ip-major-tab{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:12px 18px;border:0;border-radius:16px;background:transparent;color:rgba(255,255,255,.58);text-align:left;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.ip-major-tab:hover{color:#fff;background:rgba(255,255,255,.05)}
.ip-major-tab.active{color:#090b0a;background:#eaff00}
.ip-major-tab-number{font-size:12px;font-weight:800;letter-spacing:.13em;opacity:.72}
.ip-major-tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.ip-major-tab-copy strong{font-size:17px;line-height:1.15;letter-spacing:-.02em}
.ip-major-tab-copy small{overflow:hidden;font-size:10px;line-height:1.3;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;opacity:.68}
.ip-major-panel{animation:ipPanelIn .34s ease both}
.ip-major-panel[hidden]{display:none!important}
.ip-major-panel>.section-label,.ip-major-panel>h2,.ip-major-panel>p{display:none}
.reference-category-section.ip-major-panel{padding-top:28px}
@keyframes ipPanelIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:680px){
  .ip-major-tabs{top:72px;width:calc(100% - 28px);margin-top:10px;padding:5px;border-radius:17px}
  .ip-major-tab{grid-template-columns:25px minmax(0,1fr);gap:7px;min-height:60px;padding:9px 10px;border-radius:13px}
  .ip-major-tab-number{font-size:9px}
  .ip-major-tab-copy strong{font-size:14px}
  .ip-major-tab-copy small{font-size:8px}
  .reference-category-section.ip-major-panel{padding-top:18px}
}

/* v2.7.4 on-demand SoundCloud players */
.soundcloud-lazy{min-height:74px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden}
.soundcloud-load-button{width:100%;min-height:74px;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,color .2s ease}
.soundcloud-load-button:hover,.soundcloud-load-button:focus-visible{background:rgba(255,77,0,.1);color:#ff6a2b;outline:none}
.soundcloud-play-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff4d00;color:#fff;font-size:11px;padding-left:2px}
.soundcloud-lazy iframe{display:block;width:100%;height:74px;border:0}
@media(max-width:640px){.soundcloud-lazy,.soundcloud-load-button{min-height:68px}.soundcloud-lazy iframe{height:68px}}

/* v2.7.6 SoundCloud robust loader */
.soundcloud-load-error{display:flex;align-items:center;justify-content:center;width:100%;min-height:74px;padding:12px;text-align:center;color:#ff6a2b;font-size:12px;font-weight:700;text-decoration:none}
.soundcloud-lazy iframe{width:100%!important;height:120px!important;min-height:120px!important}
@media(max-width:640px){.soundcloud-lazy iframe{height:120px!important;min-height:120px!important}}


/* v2.7.8 talent IP card photo layout */
.talent-reference-card{background:rgba(255,255,255,.03);overflow:hidden}
.talent-reference-card.has-profile{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:stretch;gap:22px;padding:0;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12)}
.talent-reference-card .talent-reference-body{display:flex;flex-direction:column;justify-content:center;padding:30px 20px 30px 30px;min-width:0}
.talent-reference-card .talent-reference-body>span{font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.8)}
.talent-reference-card .talent-reference-body h3{margin:18px 0 10px;font-size:clamp(34px,4vw,52px);line-height:1.02}
.talent-reference-card .talent-reference-body p{margin:0;color:var(--text-muted);font-size:clamp(16px,1.4vw,20px);line-height:1.6}
.talent-reference-card .talent-reference-body a{display:inline-flex;align-items:center;gap:8px;margin-top:34px;font-size:17px;font-weight:500;color:inherit;text-decoration:none}
.talent-reference-card .talent-reference-body a:hover{color:#f1ff39}
.talent-reference-card .talent-reference-visual{position:relative;min-height:250px;border-left:1px solid rgba(255,255,255,.08);background:#0d100f}
.talent-reference-card .talent-reference-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,9,.08) 0%,rgba(8,10,9,.28) 16%,rgba(8,10,9,0) 42%),linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(8,10,9,.18) 100%)}
.talent-reference-card .talent-reference-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
@media(max-width:980px){.talent-reference-card.has-profile{grid-template-columns:minmax(0,1fr) 240px}.talent-reference-card .talent-reference-body{padding:26px 18px 26px 26px}}
@media(max-width:760px){.talent-reference-card.has-profile{grid-template-columns:1fr;gap:0}.talent-reference-card .talent-reference-body{padding:22px 20px}.talent-reference-card .talent-reference-body h3{font-size:34px}.talent-reference-card .talent-reference-body a{margin-top:22px;font-size:16px}.talent-reference-card .talent-reference-visual{min-height:220px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.talent-reference-card .talent-reference-visual::after{background:linear-gradient(180deg,rgba(8,10,9,.12) 0%,rgba(8,10,9,0) 30%),linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(8,10,9,.18) 100%)}}


/* v2.8.0 circular talent profile photo */
.talent-reference-card .talent-reference-visual{display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at center,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 46%,rgba(0,0,0,0) 100%)}
.talent-reference-card .talent-reference-visual::after{display:none}
.talent-reference-card .talent-reference-visual img{width:min(220px,100%);aspect-ratio:1/1;height:auto;max-width:220px;border-radius:50%;object-fit:cover;object-position:center 18%;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 0 10px rgba(255,255,255,.03)}
@media(max-width:980px){.talent-reference-card .talent-reference-visual img{max-width:190px}}
@media(max-width:760px){.talent-reference-card .talent-reference-visual{padding:24px;min-height:auto}.talent-reference-card .talent-reference-visual img{max-width:180px}}

/* REBON WILD v2.8.1 — hero campaign carousel */
.hero{
  display:block;
  min-height:100svh;
}
.hero-slider{
  position:relative;
  z-index:2;
  width:min(1440px,86vw);
}
.hero-slides{position:relative}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(22px,0,0);
  transition:opacity .6s ease,transform .6s ease,visibility .6s ease;
}
.hero-slide.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.hero-slide-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  align-items:center;
  gap:34px;
  min-height:min(72vh,760px);
}
.hero-text-col{max-width:860px;padding-right:min(2vw,18px)}
.hero-stage{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 38px rgba(0,0,0,.16);
}
.hero-stage span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:var(--accent);
  color:#050605;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.hero-stage strong{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#edf3d2;
}
.hero .hero-title-text{
  margin:0;
  font-size:clamp(54px,7vw,118px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:900;
  max-width:min(1100px,88vw);
}
html[lang="ko"] .hero .hero-title-text{font-size:clamp(56px,6.9vw,114px)}
html[lang="en"] .hero .hero-title-text{font-size:clamp(50px,6.2vw,106px)}
.hero .hero-title-text .hero-line{
  display:block;
  color:#f6f7f8;
  -webkit-text-stroke:0;
  white-space:normal;
}
.hero .hero-title-text .hero-line-support{
  font-size:.6em;
  line-height:1.03;
  letter-spacing:-.045em;
  opacity:.97;
}
.hero .hero-title-text .hero-line-focus{
  color:transparent;
  background:linear-gradient(102deg,#f5f7fb 0%,#f5f7fb 36%,#C8FF00 68%,#E1FF73 100%);
  -webkit-background-clip:text;
  background-clip:text;
  background-size:210% 100%;
  animation:headlineSheen 8s ease-in-out infinite;
}
html[lang="ko"] .hero .hero-title-text .hero-line-focus{font-size:.97em}
.hero-copy{
  max-width:780px;
  margin:24px 0 0;
  font-size:clamp(15px,1.05vw,18px);
  line-height:1.8;
  color:#c6cbc2;
}
.hero-benefit-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.hero-benefit-row span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  color:#f1f4eb;
  font-size:11px;
  letter-spacing:.05em;
}
.hero-benefit-row span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 14px rgba(200,255,0,.65);
}
.hero-process-brief{
  margin-top:24px;
  display:grid;
  gap:8px;
  max-width:720px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.hero-process-brief span{
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--accent);
}
.hero-process-brief p{margin:0;color:#d9ded3;font-size:13px;line-height:1.7}
.hero-slider-controls{
  position:absolute;
  left:0;
  right:0;
  bottom:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  z-index:5;
}
.hero-slider-buttons{display:flex;gap:10px}
.hero-slider-arrow{
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:#fff;
  font-size:28px;
  line-height:1;
  backdrop-filter:blur(14px);
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.hero-slider-arrow:hover,.hero-slider-arrow:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.12);
  border-color:rgba(200,255,0,.45);
}
.hero-slider-dots{display:flex;align-items:center;gap:10px;justify-content:center;flex:1}
.hero-slider-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.hero-slider-dot.is-active,.hero-slider-dot:hover,.hero-slider-dot:focus-visible{
  background:var(--accent);
  box-shadow:0 0 0 6px rgba(200,255,0,.12);
  transform:scale(1.05);
}
.hero-slider-index{
  min-width:86px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px;
  letter-spacing:.18em;
  color:#a5aa9c;
}
.hero-slider-index::before{
  content:"";
  flex:1;
  height:1px;
  margin:0 12px;
  background:rgba(255,255,255,.2);
  order:2;
}
.hero-slider-index span:first-child{order:1;color:#fff}
.hero-slider-index span:last-child{order:3}
.hero-visual{position:relative;display:flex;justify-content:flex-end;align-self:stretch}
.hero-visual-shell{
  position:relative;
  width:min(100%,440px);
  min-height:510px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  backdrop-filter:blur(18px);
  box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.hero-visual-shell::before{
  content:"";
  position:absolute;
  inset:auto -12% -22% auto;
  width:260px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,0,.35),rgba(200,255,0,0) 68%);
  filter:blur(10px);
}
.hero-visual-shell::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
}
.hero-visual-header{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:26px 28px 18px;
  font-size:10px;
  letter-spacing:.2em;
  color:#eef2e5;
}
.hero-visual-matrix{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0 28px;
  margin-top:12px;
}
.hero-visual-matrix span{
  display:flex;
  align-items:center;
  min-height:56px;
  padding:0 16px;
  border-radius:18px;
  background:rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:13px;
  line-height:1.35;
}
.hero-visual-note{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  z-index:2;
  padding:20px 22px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(12,13,12,.65),rgba(12,13,12,.38));
  border:1px solid rgba(255,255,255,.08);
}
.hero-visual-note strong{display:block;color:#fff;font-size:24px;letter-spacing:-.03em;line-height:1.15}
.hero-visual-note p{margin:8px 0 0;color:#c5cbbe;font-size:13px;line-height:1.65}
.hero-visual-note.compact strong{font-size:18px;letter-spacing:.1em}
.hero-visual-opportunity .hero-visual-shell{
  background:linear-gradient(180deg,rgba(36,45,16,.48),rgba(255,255,255,.025));
}
.hero-visual-rights .hero-visual-shell{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px 28px 28px;
}
.hero-shield-ring{
  position:absolute;
  top:50px;
  right:34px;
  width:120px;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(200,255,0,.26);
  box-shadow:0 0 0 18px rgba(200,255,0,.05),0 0 0 42px rgba(200,255,0,.03);
}
.hero-shield-ring::before{
  content:"✓";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:46px;
  font-weight:900;
  color:var(--accent);
}
.hero-check-list{
  position:relative;
  z-index:2;
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:14px;
}
.hero-check-list li{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.hero-check-list b{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(200,255,0,.12);
  color:var(--accent);
  font-size:12px;
  letter-spacing:.08em;
}
.hero-check-list span{font-size:14px;color:#f4f7f0;line-height:1.45}
.hero-visual-rights .hero-visual-note{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px}
.hero-visual-monetization .hero-visual-shell{min-height:530px}
.hero-node-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:118px;
  height:118px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,var(--accent),#dfff7b);
  color:#030403;
  font-weight:900;
  letter-spacing:.18em;
  box-shadow:0 16px 40px rgba(200,255,0,.2);
}
.hero-node{
  position:absolute;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  font-size:12px;
  letter-spacing:.06em;
}
.hero-node::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,rgba(200,255,0,.35),rgba(200,255,0,0));
  transform-origin:top center;
}
.hero-node-a{left:26px;top:84px}
.hero-node-b{right:30px;top:98px}
.hero-node-c{left:36px;bottom:166px}
.hero-node-d{right:34px;bottom:176px}
.hero-node-e{left:116px;bottom:58px}
.hero-node-f{right:110px;bottom:52px}
.hero-node-a::before{height:140px;transform:rotate(36deg)}
.hero-node-b::before{height:136px;transform:rotate(-34deg)}
.hero-node-c::before{height:118px;transform:rotate(-54deg)}
.hero-node-d::before{height:112px;transform:rotate(56deg)}
.hero-node-e::before{height:102px;transform:rotate(-15deg)}
.hero-node-f::before{height:98px;transform:rotate(12deg)}
.hero-visual-partnership .hero-visual-shell{min-height:530px}
.hero-partner-core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:148px;
  height:148px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 18px;
  background:radial-gradient(circle at 50% 30%,rgba(200,255,0,.95),rgba(152,207,20,.95) 70%,rgba(123,165,19,.9));
  color:#030503;
  font-weight:900;
  letter-spacing:.16em;
  box-shadow:0 18px 48px rgba(200,255,0,.2);
}
.hero-partner-node{
  position:absolute;
  padding:12px 16px;
  min-width:108px;
  text-align:center;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:12px;
  letter-spacing:.08em;
}
.hero-partner-node::after{
  content:"";
  position:absolute;
  inset:auto 50% -36px auto;
  width:1px;
  height:36px;
  background:linear-gradient(180deg,rgba(200,255,0,.42),rgba(200,255,0,0));
}
.pn-1{left:34px;top:78px}.pn-2{right:36px;top:88px}.pn-3{left:14px;top:252px}.pn-4{right:16px;top:246px}.pn-5{left:74px;bottom:56px}.pn-6{right:74px;bottom:60px}
.pn-1::after{transform:rotate(42deg);transform-origin:top}.pn-2::after{transform:rotate(-42deg);transform-origin:top}.pn-3::after{transform:rotate(74deg);transform-origin:top}.pn-4::after{transform:rotate(-74deg);transform-origin:top}.pn-5::after{transform:rotate(150deg);transform-origin:top}.pn-6::after{transform:rotate(-150deg);transform-origin:top}
.scroll-cue{z-index:6}
@media (max-width:1280px){
  .hero-slider{width:min(92vw,1360px)}
  .hero-slide-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:28px}
}
@media (max-width:1100px){
  .hero{padding-left:24px;padding-right:24px}
  .hero-slider{width:100%}
  .hero-slide-grid{grid-template-columns:1fr;align-items:start;gap:28px;min-height:auto;padding-bottom:78px}
  .hero-text-col{max-width:none;padding-right:0}
  .hero-visual{justify-content:flex-start}
  .hero-visual-shell{width:min(100%,540px);min-height:420px}
  .hero-slider-controls{position:relative;bottom:auto;margin-top:18px;padding-right:0}
}
@media (max-width:680px){
  .hero{min-height:max(860px,100svh);padding-top:112px;padding-bottom:34px}
  .hero .hero-title-text{font-size:clamp(40px,12.4vw,56px);line-height:.95}
  html[lang="en"] .hero .hero-title-text{font-size:clamp(38px,11vw,52px)}
  .hero-copy{max-width:none;font-size:14px;line-height:1.72}
  .hero-benefit-row{gap:8px}
  .hero-benefit-row span{font-size:10px;min-height:36px;padding:0 12px}
  .hero-process-brief{padding:14px 15px;border-radius:18px}
  .hero-process-brief p{font-size:12px}
  .hero-visual-shell{width:100%;min-height:360px;border-radius:26px}
  .hero-visual-header{padding:20px 20px 12px;font-size:9px}
  .hero-visual-matrix{padding:0 20px;gap:10px}
  .hero-visual-matrix span{min-height:48px;font-size:12px;padding:0 12px;border-radius:16px}
  .hero-visual-note{left:20px;right:20px;bottom:20px;padding:16px 16px}
  .hero-visual-note strong{font-size:19px}
  .hero-check-list li{grid-template-columns:38px 1fr;padding:14px 14px}
  .hero-check-list b{width:38px;height:38px;font-size:11px}
  .hero-check-list span{font-size:12px}
  .hero-node-center{width:92px;height:92px;font-size:12px}
  .hero-node{padding:9px 11px;font-size:10px}
  .hero-partner-core{width:118px;height:118px;font-size:12px}
  .hero-partner-node{min-width:88px;padding:10px 12px;font-size:10px}
  .hero-slider-controls{gap:12px;align-items:center;flex-wrap:wrap}
  .hero-slider-buttons{order:1}
  .hero-slider-dots{order:2;flex:1;justify-content:flex-end}
  .hero-slider-index{order:3;min-width:72px;margin-left:auto}
  .hero-slider-arrow{width:46px;height:46px;font-size:24px}
}
@media (max-width:520px){
  .hero-slide-grid{padding-bottom:48px}
  .hero-stage{gap:10px;padding:8px 12px;margin-bottom:18px}
  .hero-stage strong{font-size:10px}
  .hero-kicker{font-size:9px;letter-spacing:.24em}
  .hero-visual-shell{min-height:330px}
  .hero-node-a{left:16px;top:68px}.hero-node-b{right:16px;top:76px}.hero-node-c{left:18px;bottom:146px}.hero-node-d{right:18px;bottom:152px}.hero-node-e{left:76px;bottom:36px}.hero-node-f{right:72px;bottom:38px}
  .pn-1{left:16px;top:60px}.pn-2{right:16px;top:66px}.pn-3{left:8px;top:214px}.pn-4{right:8px;top:210px}.pn-5{left:42px;bottom:32px}.pn-6{right:42px;bottom:36px}
}
@media (prefers-reduced-motion:reduce){
  .hero-slide,.hero-slider-dot,.hero-slider-arrow{transition:none!important}
  .hero .hero-title-text .hero-line-focus{animation:none!important}
}

/* REBON WILD v2.8.2 — hero enhancement (sales copy + CLYNK-inspired visual polish) */
.hero-slider{
  isolation:isolate;
}
.hero-slider::before,
.hero-slider::after{
  content:"";
  position:absolute;
  inset:auto auto 6% -6%;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,0,.18) 0%,rgba(200,255,0,.06) 36%,rgba(200,255,0,0) 74%);
  filter:blur(18px);
  z-index:-1;
  pointer-events:none;
}
.hero-slider::after{
  inset:8% -6% auto auto;
  width:300px;
  height:300px;
  background:radial-gradient(circle,rgba(103,255,198,.16) 0%,rgba(103,255,198,.05) 38%,rgba(103,255,198,0) 72%);
}
.hero-slide[data-theme="opportunity"] .hero-stage span,
.hero-slide[data-theme="opportunity"] .hero-slider-dot.is-active{background:#C8FF00}
.hero-slide[data-theme="rights"] .hero-stage span{background:#9FFFC9}
.hero-slide[data-theme="monetization"] .hero-stage span{background:#E7FF6E}
.hero-slide[data-theme="partnership"] .hero-stage span{background:#8EF7FF}
.hero-slide[data-theme="rights"] .hero-line-focus{
  background:linear-gradient(102deg,#f7f9fb 0%,#f7f9fb 34%,#9FFFC9 72%,#dafde9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-slide[data-theme="monetization"] .hero-line-focus{
  background:linear-gradient(102deg,#f7f9fb 0%,#f7f9fb 34%,#D9FF57 72%,#f1ffb0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-slide[data-theme="partnership"] .hero-line-focus{
  background:linear-gradient(102deg,#f7f9fb 0%,#f7f9fb 34%,#8EF7FF 72%,#cbfcff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-kicker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 0 0 14px;
}
.hero-kicker::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  transform:translateY(-50%);
  background:var(--accent);
  box-shadow:0 0 12px rgba(200,255,0,.7);
}
.hero-copy strong{color:#fff}
.hero-signal-bar{
  position:absolute;
  inset:18px 18px auto 18px;
  z-index:3;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.hero-signal-bar span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  color:#d8ddd3;
}
.hero-slide[data-theme="opportunity"] .hero-signal-bar span:first-child,
.hero-slide[data-theme="monetization"] .hero-signal-bar span:nth-child(2){
  border-color:rgba(200,255,0,.3);
  color:#F3FFD0;
}
.hero-slide[data-theme="rights"] .hero-signal-bar span:first-child{
  border-color:rgba(159,255,201,.3);
  color:#e4fff0;
}
.hero-slide[data-theme="partnership"] .hero-signal-bar span:first-child{
  border-color:rgba(142,247,255,.3);
  color:#dffcff;
}
.hero-visual-shell{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),
    radial-gradient(circle at 15% 15%,rgba(200,255,0,.08),rgba(200,255,0,0) 30%),
    linear-gradient(180deg,rgba(5,7,5,.86),rgba(12,15,12,.74));
}
.hero-visual-shell::before{
  inset:auto -15% -20% auto;
  width:300px;
  background:radial-gradient(circle,rgba(200,255,0,.4),rgba(200,255,0,.04) 42%,rgba(200,255,0,0) 68%);
}
.hero-visual-shell::after{
  inset:16px;
  border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.hero-visual-opportunity .hero-visual-shell{
  background:
    linear-gradient(180deg,rgba(54,69,14,.32),rgba(255,255,255,.03)),
    radial-gradient(circle at 20% 18%,rgba(200,255,0,.16),rgba(200,255,0,0) 30%),
    linear-gradient(180deg,rgba(10,14,9,.92),rgba(10,14,10,.80));
}
.hero-visual-rights .hero-visual-shell{
  background:
    linear-gradient(180deg,rgba(34,55,46,.32),rgba(255,255,255,.03)),
    radial-gradient(circle at 18% 18%,rgba(159,255,201,.13),rgba(159,255,201,0) 28%),
    linear-gradient(180deg,rgba(10,14,12,.92),rgba(10,14,12,.80));
}
.hero-visual-monetization .hero-visual-shell{
  background:
    linear-gradient(180deg,rgba(77,84,18,.26),rgba(255,255,255,.03)),
    radial-gradient(circle at 18% 18%,rgba(217,255,87,.15),rgba(217,255,87,0) 28%),
    linear-gradient(180deg,rgba(10,14,9,.92),rgba(10,14,10,.80));
}
.hero-visual-partnership .hero-visual-shell{
  background:
    linear-gradient(180deg,rgba(28,64,66,.28),rgba(255,255,255,.03)),
    radial-gradient(circle at 18% 18%,rgba(142,247,255,.14),rgba(142,247,255,0) 28%),
    linear-gradient(180deg,rgba(10,13,14,.92),rgba(10,13,14,.80));
}
.hero-visual-header{padding-top:56px}
.hero-visual-header span{
  position:relative;
  padding:0 0 0 12px;
}
.hero-visual-header span::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  transform:translateY(-50%);
  background:rgba(200,255,0,.9);
  box-shadow:0 0 10px rgba(200,255,0,.55);
}
.hero-visual-matrix span,
.hero-check-list li,
.hero-node,
.hero-partner-node,
.hero-visual-note,
.hero-process-brief{
  backdrop-filter:blur(12px);
}
.hero-visual-matrix span{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.hero-visual-note strong{max-width:240px}
.hero-visual-note::before{
  content:"STRATEGY SIGNAL";
  display:block;
  margin-bottom:8px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.2em;
  color:var(--accent);
}
.hero-process-brief{
  position:relative;
  overflow:hidden;
}
.hero-process-brief::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,rgba(200,255,0,.9),rgba(200,255,0,.12));
}
.hero-node-center,
.hero-partner-core{
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:10px;
}
.hero-node,
.hero-partner-node{
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.hero-slider-arrow{
  box-shadow:0 16px 30px rgba(0,0,0,.16);
}
.hero-slider-dot{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 0 0 rgba(200,255,0,0);
}
.hero-slider-index{font-weight:800}
@media (max-width:680px){
  .hero-signal-bar{inset:16px 16px auto 16px;gap:6px}
  .hero-signal-bar span{font-size:8px;min-height:24px;padding:0 8px;letter-spacing:.12em}
  .hero-visual-header{padding-top:48px}
}

/* REBON WILD v2.8.3 — premium CTA + mobile readability refinements */
.hero-actions{
  align-items:stretch;
}
.hero-actions .btn{
  min-height:64px;
}
.btn .btn-icon{
  font-size:16px;
  flex:0 0 auto;
}
.btn-primary-hero{
  min-width:320px;
  padding:15px 18px;
  gap:14px;
  align-items:center;
  background:linear-gradient(135deg,#d7ff56 0%,#c8ff00 48%,#f0ff9a 100%);
  border-color:#dfff74;
  box-shadow:0 18px 42px rgba(200,255,0,.28), inset 0 1px 0 rgba(255,255,255,.38);
}
.btn-primary-hero .btn-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  text-align:left;
  flex:1 1 auto;
}
.btn-primary-hero .btn-copy em{
  font-style:normal;
  font-size:9px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(0,0,0,.6);
}
html[lang="ko"] .btn-primary-hero .btn-copy em{
  letter-spacing:.08em;
}
.btn-primary-hero .btn-copy strong{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.35;
  text-transform:uppercase;
  color:#040504;
}
html[lang="ko"] .btn-primary-hero .btn-copy strong{
  font-size:13px;
  text-transform:none;
  letter-spacing:-.01em;
}
.btn-primary-hero .btn-icon{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(0,0,0,.09);
  color:#020302;
  font-size:18px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
.btn-primary-hero:hover,
.btn-primary-hero:focus-visible{
  transform:translateY(-2px) scale(1.01);
  background:linear-gradient(135deg,#f4ffb5 0%,#d8ff41 46%,#ffffff 100%);
  border-color:#fff;
  box-shadow:0 22px 50px rgba(200,255,0,.34),0 0 0 1px rgba(255,255,255,.1);
}
.hero-actions .btn-ghost{
  min-width:220px;
  border-color:rgba(255,255,255,.2);
}
.hero-copy{
  text-wrap:pretty;
}
.hero-process-brief p,
.hero-copy{
  word-break:keep-all;
}
.hero-slider-controls{
  gap:22px;
}
@media (max-width:1100px){
  .hero-actions{
    flex-direction:column;
    width:min(100%,420px);
  }
  .hero-actions .btn,
  .btn-primary-hero,
  .hero-actions .btn-ghost{
    width:100%;
    min-width:0;
  }
}
@media (max-width:680px){
  .hero{padding-top:106px}
  .hero-slide-grid{gap:22px;padding-bottom:38px}
  .hero-text-col{max-width:100%}
  .hero .hero-title-text{font-size:clamp(38px,12vw,54px);line-height:.97;letter-spacing:-.045em}
  .hero .hero-title-text .hero-line-support{font-size:.64em;line-height:1.1;max-width:13.5ch}
  .hero .hero-title-text .hero-line-focus{font-size:.98em;line-height:1.03}
  .hero-copy{margin-top:18px;font-size:14px;line-height:1.78;max-width:100%}
  .hero-benefit-row{margin-top:18px}
  .hero-benefit-row span{font-size:10px;min-height:34px;padding:0 10px}
  .hero-actions{margin-top:22px;max-width:100%}
  .hero-actions .btn{padding:14px 16px;min-height:58px}
  .btn-primary-hero .btn-copy em{font-size:8px}
  .btn-primary-hero .btn-copy strong{font-size:11px;line-height:1.3}
  html[lang="ko"] .btn-primary-hero .btn-copy strong{font-size:12px}
  .btn-primary-hero .btn-icon{width:34px;height:34px;font-size:17px}
  .hero-process-brief{margin-top:18px}
  .hero-slider-controls{margin-top:12px;gap:10px}
  .hero-slider-dots{justify-content:flex-start}
  .hero-slider-index{min-width:auto;margin-left:0}
}
@media (max-width:520px){
  .hero{min-height:max(840px,100svh);padding-top:100px;padding-bottom:26px}
  .hero .hero-title-text{font-size:clamp(34px,11.6vw,48px)}
  .hero-copy{font-size:13.5px;line-height:1.72}
  .hero-benefit-row{gap:6px}
  .hero-benefit-row span{font-size:9px;min-height:32px;padding:0 9px}
  .hero-actions .btn{min-height:54px}
  .btn-primary-hero .btn-copy em{font-size:7px;letter-spacing:.14em}
  .btn-primary-hero .btn-copy strong{font-size:10.5px}
  html[lang="ko"] .btn-primary-hero .btn-copy strong{font-size:11px}
  .hero-visual-shell{min-height:318px}
  .hero-slider-buttons{gap:8px}
  .hero-slider-arrow{width:42px;height:42px;font-size:22px}
}

/* REBON WILD v2.8.4 — remove hero right-side visuals */
.hero-slide-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  max-width:1080px;
}
.hero-text-col{
  max-width:980px;
  padding-right:0;
}
.hero .hero-title-text{
  max-width:980px;
}
.hero-copy{
  max-width:820px;
}
.hero-visual{
  display:none!important;
}
.hero-slider::after{
  right:-3%;
  top:12%;
  width:420px;
  height:420px;
  opacity:.72;
}
@media(max-width:1100px){
  .hero-slide-grid{padding-bottom:74px}
  .hero-text-col{max-width:900px}
}
@media(max-width:680px){
  .hero-slide-grid{padding-bottom:34px}
  .hero .hero-title-text{max-width:100%}
  .hero-copy{max-width:100%}
  .hero-slider::after{width:260px;height:260px;right:-22%;top:22%;opacity:.5}
}

/* REBON WILD v2.8.5 — hero headline line-overlap fix */
.hero .hero-title-text{
  line-height:1!important;
  overflow:visible;
}
.hero .hero-title-text .hero-line{
  display:block!important;
  line-height:1.08!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.hero .hero-title-text .hero-line-support{
  margin-bottom:.22em!important;
}
.hero .hero-title-text .hero-line-focus{
  display:block!important;
  padding-bottom:.08em!important;
  margin-bottom:0!important;
}
html[lang="ko"] .hero .hero-title-text{
  line-height:1.02!important;
}
html[lang="ko"] .hero .hero-title-text .hero-line-support{
  line-height:1.16!important;
}
html[lang="ko"] .hero .hero-title-text .hero-line-focus{
  line-height:1.1!important;
}
html[lang="en"] .hero .hero-title-text{
  line-height:1.02!important;
}
html[lang="en"] .hero .hero-title-text .hero-line-support,
html[lang="en"] .hero .hero-title-text .hero-line-focus{
  line-height:1.08!important;
}
@media(max-width:680px){
  .hero .hero-title-text{line-height:1.04!important}
  .hero .hero-title-text .hero-line-support{margin-bottom:.28em!important;line-height:1.18!important}
  .hero .hero-title-text .hero-line-focus{line-height:1.12!important;padding-bottom:.1em!important}
}
@media(max-width:520px){
  .hero .hero-title-text .hero-line-support{margin-bottom:.32em!important}
}

/* REBON WILD v2.8.7 — reliable mobile logo home link */
.site-header .brand{
  position:relative;
  z-index:20;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.site-header .brand img{pointer-events:none;}


/* REBON WILD v2.8.8 — two audience hero banners */
.hero-slider{width:min(1380px,88vw)}
.hero-slide-grid{grid-template-columns:1fr;align-items:flex-start;gap:0;min-height:min(74vh,780px)}
.hero-text-col{max-width:1180px;padding-right:0}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.hero-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(200,255,0,.75)}
.hero .hero-title-text{max-width:min(1040px,92vw)}
.hero-copy{max-width:920px}
.hero-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin-top:26px}
.hero-value-card{padding:20px 20px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 44px rgba(0,0,0,.16)}
.hero-value-card small{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.2em;color:var(--accent)}
.hero-value-card strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.03em;color:#fbfcfd}
.hero-value-card p{margin:10px 0 0;font-size:14px;line-height:1.75;color:#c8cec5}
.hero-actions{margin-top:28px}
.btn-primary-hero{position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(200,255,0,.12),0 0 0 1px rgba(200,255,0,.18) inset}
.btn-primary-hero::after{content:"";position:absolute;inset:-120% auto auto -30%;width:36%;height:320%;transform:rotate(18deg);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));animation:heroCtaSweep 4.8s ease-in-out infinite}
.btn-primary-hero .btn-copy strong{letter-spacing:-.02em}
.hero-slider-controls{bottom:8px}
.hero-slider-dots{display:flex;align-items:center;gap:10px}
.hero-slider-index{min-width:62px;justify-content:flex-end}
@keyframes heroCtaSweep{0%,100%{transform:translateX(-180%) rotate(18deg)}45%,65%{transform:translateX(430%) rotate(18deg)}}
@media(max-width:980px){
  .hero-slider{width:min(1400px,92vw)}
  .hero-slide-grid{min-height:auto}
  .hero .hero-title-text{font-size:clamp(46px,8vw,84px)}
  .hero-copy{font-size:15px;line-height:1.78}
  .hero-value-grid{grid-template-columns:1fr;max-width:100%}
}
@media(max-width:680px){
  .hero{min-height:920px;padding-top:116px}
  .hero-slider{width:min(1400px,calc(100vw - 32px))}
  .hero-kicker{margin-bottom:16px;padding:8px 11px;font-size:10px;line-height:1.5;letter-spacing:.16em}
  .hero-stage{margin-bottom:18px}
  html[lang="ko"] .hero .hero-title-text,html[lang="en"] .hero .hero-title-text{font-size:clamp(36px,11.2vw,54px);line-height:.98;max-width:100%}
  .hero .hero-title-text .hero-line-support{font-size:.68em;line-height:1.08}
  .hero-copy{margin-top:18px;font-size:14px;line-height:1.78;max-width:100%}
  .hero-benefit-row{gap:8px;margin-top:22px}
  .hero-benefit-row span{min-height:36px;padding:0 12px;font-size:10px}
  .hero-actions{gap:12px;max-width:none}
  .hero-value-grid{gap:12px;margin-top:20px}
  .hero-value-card{padding:16px 16px 15px;border-radius:20px}
  .hero-value-card strong{font-size:18px}
  .hero-value-card p{font-size:13px;line-height:1.68}
  .hero-process-brief{margin-top:18px;padding:14px 15px;border-radius:18px}
  .hero-process-brief p{font-size:12px;line-height:1.65}
  .hero-slider-controls{position:relative;bottom:auto;margin-top:18px;align-items:center}
  .hero-slider-buttons{gap:8px}
  .hero-slider-arrow{width:44px;height:44px;font-size:24px}
}


/* REBON WILD v2.8.9 — user guide page */
.guide-page{background:#f4f3ee;color:#111}
.guide-hero{min-height:82vh;padding:170px 7vw 100px;background:#080a09;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.guide-hero::after{content:"";position:absolute;right:-8vw;top:18%;width:42vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(200,255,0,.16),rgba(200,255,0,0) 68%);filter:blur(10px)}
.guide-eyebrow{font-size:11px;letter-spacing:.24em;color:#c8ff00;margin:0 0 22px}
.guide-hero h1{position:relative;z-index:1;margin:0;font-size:clamp(54px,7.2vw,116px);line-height:.94;letter-spacing:-.06em;max-width:1180px}
.guide-lead{position:relative;z-index:1;max-width:760px;margin:30px 0 0;color:#c9cec5;font-size:18px;line-height:1.8}
.guide-choice-row{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.guide-choice-row a{padding:15px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.05)}
.guide-choice-row a:first-child{background:#c8ff00;color:#050605;border-color:#c8ff00;font-weight:800}
.guide-audience,.guide-ai,.guide-faq{padding:110px 7vw}
.guide-audience-head{display:grid;grid-template-columns:90px 1fr;gap:30px;align-items:start}
.guide-audience-head>span{font-size:14px;letter-spacing:.2em;color:#95b900;border-top:1px solid currentColor;padding-top:12px}
.guide-audience-head p{margin:0 0 16px;font-size:11px;letter-spacing:.22em;color:#7f8a70}
.guide-audience-head h2,.guide-ai h2,.guide-faq h2{margin:0;font-size:clamp(42px,5.2vw,82px);line-height:1.02;letter-spacing:-.055em}
.section-dark .guide-audience-head p{color:#c8ff00}
.guide-summary{max-width:960px;margin:42px 0 0 120px;font-size:18px;line-height:1.85;color:#575b54}
.section-dark .guide-summary{color:#c6cbc2}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}
.guide-grid article{min-height:270px;padding:28px;border:1px solid rgba(10,12,10,.12);background:rgba(255,255,255,.48);display:flex;flex-direction:column}
.section-dark .guide-grid article{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.guide-grid b{font-size:10px;letter-spacing:.2em;color:#7f9d00}
.guide-grid h3{margin:auto 0 16px;font-size:28px;letter-spacing:-.04em}
.guide-grid p{margin:0;color:#656a61;line-height:1.75;font-size:14px}
.section-dark .guide-grid p{color:#b9beb5}
.guide-process{margin-top:60px;border-top:1px solid rgba(10,12,10,.15);padding-top:28px}
.section-dark .guide-process{border-color:rgba(255,255,255,.13)}
.guide-process h3,.guide-prep h3{font-size:13px;letter-spacing:.16em;margin:0 0 22px}
.guide-process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.guide-process li{padding:18px 14px;border-left:2px solid #c8ff00;background:rgba(0,0,0,.035);display:flex;gap:10px;flex-direction:column}
.section-dark .guide-process li{background:rgba(255,255,255,.035)}
.guide-process b{font-size:10px;color:#7f9d00}.guide-process span{font-weight:700;font-size:14px}
.guide-prep{margin-top:28px;padding:24px;border:1px solid rgba(10,12,10,.12)}
.guide-prep p{margin:0;color:#656a61;line-height:1.8}.section-dark .guide-prep{border-color:rgba(255,255,255,.12)}.section-dark .guide-prep p{color:#b9beb5}
.guide-cta{margin-top:50px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#c8ff00;color:#050605}
.guide-cta p{margin:0 0 8px;font-size:13px}.guide-cta h3{margin:0;font-size:30px;letter-spacing:-.04em}.guide-cta a{padding:15px 20px;border-radius:999px;background:#050605;color:#fff;font-weight:800;white-space:nowrap}
.guide-ai h2{max-width:900px}.guide-ai>p{max-width:860px;margin:28px 0 0;font-size:17px;line-height:1.85;color:#595e56}
.guide-notice{margin-top:38px;padding:24px;display:grid;grid-template-columns:120px 1fr;gap:24px;border-top:1px solid #bbbfb5;border-bottom:1px solid #bbbfb5}.guide-notice strong{color:#668000}.guide-notice span{line-height:1.7;color:#60655d}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.faq-grid details{border:1px solid rgba(255,255,255,.12);padding:22px;background:rgba(255,255,255,.035)}.faq-grid summary{cursor:pointer;font-weight:700}.faq-grid p{color:#b9beb5;line-height:1.7;margin:16px 0 0}
@media(max-width:980px){.guide-grid{grid-template-columns:1fr 1fr}.guide-process ol{grid-template-columns:repeat(3,1fr)}.guide-summary{margin-left:0}.guide-audience-head{grid-template-columns:56px 1fr}}
@media(max-width:680px){.guide-hero{padding:130px 22px 72px;min-height:auto}.guide-hero h1{font-size:12vw;line-height:1}.guide-lead{font-size:15px}.guide-audience,.guide-ai,.guide-faq{padding:76px 22px}.guide-audience-head{grid-template-columns:1fr;gap:16px}.guide-audience-head h2,.guide-ai h2,.guide-faq h2{font-size:11vw}.guide-summary{margin-top:26px;font-size:15px}.guide-grid{grid-template-columns:1fr;margin-top:36px}.guide-grid article{min-height:220px}.guide-process ol{grid-template-columns:1fr 1fr}.guide-cta{align-items:flex-start;flex-direction:column}.faq-grid{grid-template-columns:1fr}.guide-notice{grid-template-columns:1fr}}


/* REBON WILD v2.8.11 — premium concise hero refinement */
.hero-slide-grid{
  min-height:min(70vh,720px);
}
.hero-text-col{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-kicker{
  color:#dfe5d7;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 14px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-stage{
  background:rgba(8,10,9,.42);
  border-color:rgba(200,255,0,.22);
}
.hero .hero-title-text{
  max-width:1060px;
  text-wrap:balance;
}
.hero .hero-title-text .hero-line-support{
  color:#f5f6f3;
  opacity:.94;
}
.hero .hero-title-text .hero-line-focus{
  background:linear-gradient(104deg,#ffffff 0%,#f4f8ea 42%,#d9ff54 72%,#c8ff00 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-copy{
  max-width:760px;
  color:#cbd0c8;
  font-size:clamp(15px,1vw,17px);
}
.hero-benefit-row{
  gap:9px;
  margin-top:24px;
}
.hero-benefit-row span{
  min-height:38px;
  padding:0 15px;
  border-radius:12px;
  border-color:rgba(200,255,0,.22);
  background:linear-gradient(180deg,rgba(200,255,0,.08),rgba(200,255,0,.025));
  color:#f3f6ee;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.12);
}
.hero-benefit-row span::before{
  width:5px;
  height:5px;
  box-shadow:0 0 10px rgba(200,255,0,.72);
}
.hero-actions{
  align-items:stretch;
  gap:12px;
  margin-top:28px;
}
.hero-actions .btn{
  min-height:62px;
  border-radius:16px;
}
.hero-actions .btn-ghost{
  min-width:150px;
  justify-content:center;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.15);
}
.hero-actions .btn-ghost:hover,
.hero-actions .btn-ghost:focus-visible{
  background:rgba(255,255,255,.09);
  border-color:rgba(200,255,0,.34);
}

@media(max-width:980px){
  .hero-slide-grid{min-height:auto}
  .hero .hero-title-text{max-width:900px}
}

@media(max-width:680px){
  .hero{
    min-height:max(780px,100svh);
    padding-top:108px;
    padding-bottom:24px;
  }
  .hero-slider{
    width:calc(100vw - 32px);
  }
  .hero-slide-grid{
    min-height:auto;
    padding-bottom:22px;
  }
  .hero-kicker{
    max-width:100%;
    margin-bottom:14px;
    padding:7px 10px;
    font-size:8.5px;
    letter-spacing:.12em;
    white-space:normal;
  }
  .hero-stage{
    margin-bottom:16px;
    padding:8px 11px;
  }
  .hero-stage span{
    width:24px;
    height:24px;
    font-size:9px;
  }
  .hero-stage strong{
    font-size:9px;
    letter-spacing:.14em;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(35px,10.8vw,50px)!important;
    line-height:1.02!important;
    letter-spacing:-.05em;
  }
  .hero .hero-title-text .hero-line-support{
    max-width:none;
    font-size:.69em!important;
    line-height:1.2!important;
    margin-bottom:.34em!important;
  }
  .hero .hero-title-text .hero-line-focus{
    line-height:1.13!important;
    padding-bottom:.12em!important;
  }
  .hero-copy{
    margin-top:16px;
    max-width:34em;
    font-size:13.5px;
    line-height:1.72;
  }
  .hero-benefit-row{
    gap:7px;
    margin-top:18px;
  }
  .hero-benefit-row span{
    min-height:32px;
    padding:0 10px;
    border-radius:10px;
    font-size:8.5px;
    letter-spacing:.06em;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:20px;
  }
  .hero-actions .btn{
    min-width:0;
    min-height:54px;
    padding:11px 12px;
    border-radius:14px;
  }
  .btn-primary-hero .btn-copy em{
    display:none;
  }
  .btn-primary-hero .btn-copy strong,
  html[lang="ko"] .btn-primary-hero .btn-copy strong{
    font-size:11px;
  }
  .hero-actions .btn-ghost{
    min-width:0;
    font-size:11px;
  }
  .hero-slider-controls{
    margin-top:10px;
  }
}

@media(max-width:390px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(32px,10.4vw,42px)!important;
  }
  .hero-copy{font-size:13px}
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .btn-primary-hero::after,
  .hero .hero-title-text .hero-line-focus{
    animation:none!important;
  }
}

/* REBON WILD v2.8.12 — compact audience label and visual carousel dock */
.hero-stage{
  align-self:flex-start;
  width:auto;
  max-width:max-content;
  gap:9px;
  padding:6px 11px 6px 7px;
  margin-bottom:20px;
  border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.hero-stage span{
  width:24px;
  height:24px;
  font-size:9px;
}
.hero-stage strong{
  font-size:10px;
  letter-spacing:.14em;
  white-space:nowrap;
}
.hero-slider-controls{
  left:auto;
  right:0;
  bottom:18px;
  width:auto;
  min-width:278px;
  display:grid;
  grid-template-columns:42px auto auto 42px;
  justify-content:center;
  gap:12px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(8,10,9,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-slider-arrow{
  width:42px;
  height:42px;
  font-size:22px;
  background:rgba(255,255,255,.06);
}
.hero-slider-index{
  min-width:66px;
  gap:7px;
  justify-content:center;
  color:#eef2e9;
  font-weight:800;
}
.hero-slider-index::before{display:none}
.hero-slider-index i{
  width:18px;
  height:1px;
  background:rgba(255,255,255,.25);
}
.hero-slider-dots{
  flex:none;
  gap:7px;
  justify-content:center;
}
.hero-slider-dot{
  width:7px;
  height:7px;
}
.hero-slider-dot.is-active,.hero-slider-dot:hover,.hero-slider-dot:focus-visible{
  box-shadow:0 0 0 4px rgba(200,255,0,.12);
}
@media(max-width:680px){
  .hero-stage{
    align-self:flex-start;
    width:auto;
    max-width:max-content;
    padding:5px 9px 5px 6px;
    margin-bottom:14px;
  }
  .hero-stage span{width:22px;height:22px;font-size:8px}
  .hero-stage strong{font-size:8.5px;letter-spacing:.11em}
  .hero-slider-controls{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:max-content;
    min-width:0;
    margin:16px 0 0 auto;
    grid-template-columns:38px auto auto 38px;
    gap:9px;
    padding:7px 8px;
  }
  .hero-slider-arrow{width:38px;height:38px;font-size:20px}
  .hero-slider-index{min-width:56px;font-size:9px}
}


/* v2.8.13 - hero navigation centered */
.hero-slider-controls{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.hero-slider-index,
.hero-slider-dots{
  justify-content:center !important;
}
.hero-slider-dots{
  flex:0 0 auto !important;
}
@media (max-width: 1024px){
  .hero-slider-controls{
    width:max-content;
    max-width:calc(100% - 24px);
  }
}
@media (max-width: 767px){
  .hero-slider-controls{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    justify-content:center !important;
    margin-top:18px;
  }
  .hero-slider-dots{
    order:initial !important;
  }
}


/* v2.8.14 - clean hero background image and remove animated dotted/network overlay */
.hero-grid,
.hero-network{
  display:none !important;
}

/* v2.8.15 - user supplied main banner image + reliable centered mobile slider nav */
.hero-bg-art:before{
  background-image:url("/assets/hero-ip-premium-people-clean.png") !important;
}

/* Keep the hero navigation visually centered across desktop and mobile */
.hero-slider-controls{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 767px){
  .hero-slider-controls{
    position:relative !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    transform:none !important;
    width:max-content !important;
    max-width:calc(100% - 24px) !important;
    margin:16px auto 0 !important;
    justify-content:center !important;
  }
  .hero-slider-index,
  .hero-slider-dots{
    justify-content:center !important;
  }
}

/* v2.8.17 - prevent mobile carousel counter overflow */
@media (max-width: 767px){
  .hero-slider-controls{
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:38px auto 38px 58px !important;
    grid-template-areas:"prev dots next count" !important;
    align-items:center !important;
    column-gap:8px !important;
    width:max-content !important;
    max-width:calc(100vw - 32px) !important;
    padding:7px 10px !important;
    overflow:hidden !important;
  }
  .hero-slider-arrow[data-hero-prev]{grid-area:prev !important}
  .hero-slider-dots{
    grid-area:dots !important;
    min-width:34px !important;
    margin:0 !important;
    justify-content:center !important;
  }
  .hero-slider-arrow[data-hero-next]{grid-area:next !important}
  .hero-slider-index{
    grid-area:count !important;
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    margin:0 !important;
    gap:6px !important;
    justify-content:center !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  .hero-slider-index i{width:12px !important;flex:0 0 12px !important}
  .hero-slider-index span{flex:0 0 auto !important}
}

@media (max-width: 390px){
  .hero-slider-controls{
    grid-template-columns:36px auto 36px 54px !important;
    column-gap:6px !important;
    padding:6px 8px !important;
  }
  .hero-slider-arrow{width:36px !important;height:36px !important}
  .hero-slider-index{
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    font-size:8.5px !important;
    gap:5px !important;
  }
  .hero-slider-index i{width:10px !important;flex-basis:10px !important}
}


/* v2.8.19 - remove box line from top hero audience tagline */
.hero-kicker{
  padding:0 !important;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
@media (max-width: 680px){
  .hero-kicker{
    padding:0 !important;
  }
}

/* v2.8.20 - fix hero kicker leading dot overlap with text */
.hero-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  padding-left:0 !important;
}
.hero-kicker::before{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  flex:0 0 auto;
}
@media (max-width: 680px){
  .hero-kicker{
    gap:8px;
  }
  .hero-kicker::before{
    width:7px;
    height:7px;
  }
}

/* v2.8.21 - remove hero kicker dot, enlarge audience badges, and balance hero title sizing */
.hero-kicker::before{
  display:none !important;
  content:none !important;
}
.hero-kicker{
  gap:0 !important;
  padding-left:0 !important;
}

.hero-stage{
  gap:12px !important;
  padding:8px 14px 8px 8px !important;
  margin-bottom:22px !important;
}
.hero-stage span{
  width:30px !important;
  height:30px !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.hero-stage strong{
  font-size:13px !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
}

html[lang="ko"] .hero .hero-title-text,
html[lang="en"] .hero .hero-title-text{
  font-size:clamp(50px,7.4vw,92px) !important;
  line-height:.99 !important;
  letter-spacing:-.05em !important;
  max-width:min(1040px,92vw) !important;
}
.hero .hero-title-text .hero-line{
  display:block;
}
.hero .hero-title-text .hero-line-support{
  font-size:.72em !important;
  line-height:1.08 !important;
  margin-bottom:.16em !important;
}
.hero .hero-title-text .hero-line-focus{
  font-size:1em !important;
  line-height:1.02 !important;
}

@media (max-width: 980px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(44px,9vw,74px) !important;
  }
}

@media (max-width: 680px){
  .hero-stage{
    gap:10px !important;
    padding:7px 12px 7px 7px !important;
    margin-bottom:16px !important;
  }
  .hero-stage span{
    width:28px !important;
    height:28px !important;
    font-size:10px !important;
  }
  .hero-stage strong{
    font-size:12px !important;
    letter-spacing:.06em !important;
  }

  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(40px,11vw,56px) !important;
    line-height:1 !important;
  }
  .hero .hero-title-text .hero-line-support{
    font-size:.74em !important;
    line-height:1.1 !important;
    margin-bottom:.18em !important;
  }
  .hero .hero-title-text .hero-line-focus{
    font-size:1em !important;
    line-height:1.04 !important;
  }
}

/* v2.8.22 - fluid hero typography scaling */
.hero-kicker{
  font-size:clamp(10px,0.78vw,13px) !important;
  letter-spacing:clamp(.08em,.18vw,.18em) !important;
}

.hero-stage{
  gap:clamp(10px,0.9vw,14px) !important;
  padding:clamp(7px,0.7vw,10px) clamp(12px,1vw,16px) clamp(7px,0.7vw,10px) clamp(8px,0.8vw,10px) !important;
}
.hero-stage span{
  width:clamp(28px,2.4vw,36px) !important;
  height:clamp(28px,2.4vw,36px) !important;
  font-size:clamp(10px,0.9vw,13px) !important;
}
.hero-stage strong{
  font-size:clamp(12px,1.05vw,16px) !important;
  letter-spacing:clamp(.05em,.12vw,.12em) !important;
  line-height:1.05 !important;
}

html[lang="ko"] .hero .hero-title-text,
html[lang="en"] .hero .hero-title-text{
  font-size:clamp(52px,7.8vw,98px) !important;
  line-height:.99 !important;
}
.hero .hero-title-text .hero-line-support{
  font-size:clamp(.70em,.73em,.76em) !important;
}
.hero .hero-title-text .hero-line-focus{
  font-size:1em !important;
}

.hero-copy{
  max-width:min(54ch,92vw) !important;
  font-size:clamp(16px,1.18vw,21px) !important;
  line-height:1.78 !important;
  margin-top:clamp(18px,1.8vw,28px) !important;
}

@media (max-width: 980px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(46px,8.8vw,76px) !important;
  }
  .hero-copy{
    font-size:clamp(15px,2vw,18px) !important;
  }
}

@media (max-width: 680px){
  .hero-kicker{
    font-size:clamp(9px,2.2vw,11px) !important;
    letter-spacing:.11em !important;
  }
  .hero-stage{
    gap:10px !important;
    padding:8px 12px 8px 8px !important;
  }
  .hero-stage span{
    width:clamp(26px,7vw,30px) !important;
    height:clamp(26px,7vw,30px) !important;
    font-size:clamp(9px,2.4vw,11px) !important;
  }
  .hero-stage strong{
    font-size:clamp(11px,3vw,14px) !important;
    letter-spacing:.05em !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(38px,10.6vw,58px) !important;
    line-height:1.01 !important;
  }
  .hero .hero-title-text .hero-line-support{
    font-size:.72em !important;
    margin-bottom:.22em !important;
  }
  .hero-copy{
    font-size:clamp(14px,3.7vw,17px) !important;
    line-height:1.74 !important;
    max-width:100% !important;
  }
}

@media (max-width: 390px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(34px,10.8vw,44px) !important;
  }
  .hero-copy{
    font-size:clamp(13.5px,3.9vw,15px) !important;
  }
}


/* v2.8.23 - mobile/iPhone optimization + readability-first desktop refinement */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

.hero-slider{
  width:min(1360px,90vw) !important;
}
.hero-slide-grid{
  min-height:min(72vh,760px) !important;
  padding-bottom:56px !important;
}
.hero-text-col{
  max-width:min(960px,100%) !important;
}
.hero-kicker{
  max-width:min(820px,100%) !important;
  margin-bottom:14px !important;
  font-size:clamp(11px,.72vw,12px) !important;
  letter-spacing:clamp(.09em,.14vw,.16em) !important;
  line-height:1.55 !important;
  color:#d9ddd4 !important;
}
.hero-stage{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 16px 10px 10px !important;
  margin-bottom:20px !important;
  border-radius:999px !important;
  background:rgba(10,14,10,.48) !important;
  border:1px solid rgba(200,255,0,.22) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.16) !important;
}
.hero-stage span{
  width:34px !important;
  height:34px !important;
  font-size:12px !important;
}
.hero-stage strong{
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  line-height:1.05 !important;
}
html[lang="ko"] .hero .hero-title-text,
html[lang="en"] .hero .hero-title-text{
  max-width:min(920px,82vw) !important;
  font-size:clamp(56px,6.55vw,86px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}
.hero .hero-title-text .hero-line-support{
  font-size:.7em !important;
  line-height:1.14 !important;
  margin-bottom:.24em !important;
}
.hero .hero-title-text .hero-line-focus{
  line-height:1.06 !important;
}
.hero-copy{
  max-width:46ch !important;
  font-size:clamp(16px,1.05vw,18px) !important;
  line-height:1.82 !important;
  margin-top:22px !important;
  color:#cfd5cc !important;
}
.hero-benefit-row{
  max-width:760px !important;
  gap:10px !important;
  margin-top:22px !important;
}
.hero-benefit-row span{
  min-height:40px !important;
  padding:0 14px !important;
  font-size:11px !important;
}
.hero-actions{
  max-width:720px !important;
  gap:14px !important;
  margin-top:28px !important;
}
.hero-actions .btn,
.hero-actions .btn-ghost{
  min-height:60px !important;
  padding:14px 18px !important;
}
.hero-actions .btn-ghost{
  min-width:190px !important;
}
.hero-slider-controls{
  margin-top:16px !important;
}

@media (max-width: 1180px){
  .hero-slider{
    width:min(1400px,92vw) !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:min(860px,88vw) !important;
    font-size:clamp(48px,7.8vw,74px) !important;
  }
  .hero-copy{
    font-size:clamp(15px,1.7vw,17px) !important;
    max-width:44ch !important;
  }
}

@media (max-width: 820px){
  .hero-slider{
    width:100% !important;
  }
  .hero-slide-grid{
    min-height:auto !important;
    padding-bottom:32px !important;
    gap:20px !important;
  }
  .hero-text-col{
    max-width:100% !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:100% !important;
    font-size:clamp(42px,9.2vw,60px) !important;
  }
  .hero-copy{
    max-width:36ch !important;
    font-size:clamp(14.5px,2.5vw,16px) !important;
  }
}

@supports (padding: max(0px)){
  @media (max-width: 680px){
    .site-header{
      padding-left:max(18px,env(safe-area-inset-left)) !important;
      padding-right:max(18px,env(safe-area-inset-right)) !important;
    }
    .hero{
      padding-left:max(18px,env(safe-area-inset-left)) !important;
      padding-right:max(18px,env(safe-area-inset-right)) !important;
      padding-top:calc(96px + env(safe-area-inset-top)) !important;
      padding-bottom:calc(28px + env(safe-area-inset-bottom)) !important;
    }
  }
}

@media (max-width: 680px){
  .hero{
    min-height:max(760px,100svh) !important;
  }
  .hero-slider{
    width:100% !important;
  }
  .hero-slide-grid{
    min-height:auto !important;
    gap:18px !important;
    padding-bottom:26px !important;
  }
  .hero-text-col{
    max-width:100% !important;
  }
  .hero-kicker{
    max-width:100% !important;
    margin-bottom:12px !important;
    font-size:10px !important;
    letter-spacing:.1em !important;
    line-height:1.5 !important;
  }
  .hero-stage{
    gap:10px !important;
    padding:9px 13px 9px 9px !important;
    margin-bottom:16px !important;
  }
  .hero-stage span{
    width:28px !important;
    height:28px !important;
    font-size:10px !important;
  }
  .hero-stage strong{
    font-size:13px !important;
    letter-spacing:.03em !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:100% !important;
    font-size:clamp(34px,9.5vw,50px) !important;
    line-height:1.05 !important;
  }
  .hero .hero-title-text .hero-line-support{
    font-size:.72em !important;
    line-height:1.18 !important;
    margin-bottom:.26em !important;
  }
  .hero-copy{
    max-width:32ch !important;
    font-size:clamp(14px,4vw,16px) !important;
    line-height:1.75 !important;
    margin-top:16px !important;
  }
  .hero-benefit-row{
    gap:8px !important;
    margin-top:18px !important;
  }
  .hero-benefit-row span{
    min-height:34px !important;
    padding:0 10px !important;
    font-size:9.5px !important;
  }
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    max-width:100% !important;
    margin-top:20px !important;
  }
  .hero-actions .btn,
  .hero-actions .btn-ghost{
    width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    padding:13px 16px !important;
  }
  .hero-slider-controls{
    margin-top:12px !important;
    gap:10px !important;
    justify-content:space-between !important;
  }
  .hero-slider-dots{
    justify-content:center !important;
  }
  .hero-slider-index{
    margin-left:0 !important;
    min-width:auto !important;
  }
}

@media (max-width: 430px){
  .hero{
    min-height:max(720px,100svh) !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(32px,9.8vw,44px) !important;
  }
  .hero-copy{
    max-width:100% !important;
    font-size:clamp(13.5px,4.1vw,15px) !important;
  }
  .hero-actions .btn,
  .hero-actions .btn-ghost{
    min-height:54px !important;
  }
  .hero-slider-arrow{
    width:38px !important;
    height:38px !important;
    font-size:20px !important;
  }
  .hero-slider-index{
    font-size:10px !important;
  }
}

/* v2.8.24 - match main Hero title typography to Guide Hero */
html[lang="ko"] .hero .hero-title-text,
html[lang="en"] .hero .hero-title-text{
  font-size:clamp(54px,7.2vw,116px) !important;
  line-height:.94 !important;
  letter-spacing:-.06em !important;
  max-width:1180px !important;
}
.hero .hero-title-text .hero-line-support,
.hero .hero-title-text .hero-line-focus{
  font-size:1em !important;
  line-height:.94 !important;
  margin-bottom:0 !important;
}
.hero .hero-title-text .hero-line-support{
  margin-bottom:.06em !important;
}

@media (max-width: 980px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(50px,8.4vw,92px) !important;
    line-height:.96 !important;
  }
  .hero .hero-title-text .hero-line-support,
  .hero .hero-title-text .hero-line-focus{
    line-height:.96 !important;
  }
}

@media (max-width: 680px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:12vw !important;
    line-height:1 !important;
    letter-spacing:-.055em !important;
    max-width:100% !important;
  }
  .hero .hero-title-text .hero-line-support,
  .hero .hero-title-text .hero-line-focus{
    font-size:1em !important;
    line-height:1 !important;
  }
  .hero .hero-title-text .hero-line-support{
    margin-bottom:.12em !important;
  }
}

@media (max-width: 390px){
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(38px,11.6vw,46px) !important;
  }
}


/* v2.8.25 - hero title overlay on right visual area + cleaner navigation dock */
@media (min-width: 1101px){
  .hero-slider{
    width:min(1440px,90vw) !important;
  }
  .hero-slide-grid{
    position:relative;
    display:block !important;
    min-height:min(74vh,780px) !important;
    padding-bottom:90px !important;
  }
  .hero-slide-grid::before{
    content:"";
    position:absolute;
    inset:8% 0 16% 42%;
    border-radius:36px;
    background:linear-gradient(102deg,rgba(4,5,4,0) 0%,rgba(4,5,4,.12) 24%,rgba(4,5,4,.56) 58%,rgba(4,5,4,.78) 100%);
    pointer-events:none;
    z-index:0;
  }
  .hero-text-col{
    position:relative;
    z-index:1;
    width:min(760px,52vw) !important;
    margin-left:auto !important;
    padding:clamp(24px,3vw,38px) clamp(18px,3vw,36px) clamp(24px,3vw,36px) clamp(22px,2.4vw,32px) !important;
  }
  .hero-kicker,
  .hero-stage,
  .hero-title-text,
  .hero-copy,
  .hero-benefit-row,
  .hero-actions{
    text-shadow:0 10px 28px rgba(0,0,0,.38);
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:min(760px,52vw) !important;
  }
  .hero-copy{
    max-width:40ch !important;
  }
  .hero-slider-controls{
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    padding:0 !important;
    min-width:auto !important;
    gap:14px !important;
    bottom:22px !important;
  }
}

@media (max-width: 1100px){
  .hero-slider-controls{
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    padding:0 !important;
  }
}


/* v2.8.26 - restore left-aligned main Hero content inside banner card */
@media (min-width: 1101px){
  .hero-slider{
    width:min(1360px,90vw) !important;
  }
  .hero-slide-grid{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr) !important;
    align-items:center !important;
    gap:34px !important;
    min-height:min(72vh,760px) !important;
    padding-bottom:56px !important;
  }
  .hero-slide-grid::before{
    content:none !important;
    display:none !important;
  }
  .hero-text-col{
    position:relative !important;
    z-index:1 !important;
    width:auto !important;
    max-width:min(960px,100%) !important;
    margin-left:0 !important;
    padding:0 !important;
    padding-right:min(2vw,18px) !important;
    justify-self:start !important;
    text-align:left !important;
  }
  .hero-kicker,
  .hero-stage,
  .hero-title-text,
  .hero-copy,
  .hero-benefit-row,
  .hero-actions{
    text-shadow:none !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:1180px !important;
  }
  .hero-copy{
    max-width:46ch !important;
  }
  .hero-benefit-row{
    max-width:760px !important;
  }
  .hero-actions{
    max-width:720px !important;
  }
}


/* v2.8.27 - left-aligned hero content with copy overlaid onto right visual area */
@media (min-width: 1101px){
  .hero-slider{
    width:min(1440px,90vw) !important;
  }
  .hero-slide-grid{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr) !important;
    align-items:center !important;
    gap:34px !important;
    min-height:min(74vh,780px) !important;
    padding-bottom:72px !important;
  }
  .hero-slide-grid::before{
    content:"" !important;
    position:absolute !important;
    inset:8% 0 14% 42% !important;
    border-radius:36px !important;
    background:linear-gradient(102deg,rgba(4,5,4,0) 0%,rgba(4,5,4,.12) 24%,rgba(4,5,4,.46) 58%,rgba(4,5,4,.68) 100%) !important;
    pointer-events:none !important;
    z-index:0 !important;
    display:block !important;
  }
  .hero-text-col{
    position:relative !important;
    z-index:2 !important;
    grid-column:1 / span 2 !important;
    align-self:center !important;
    justify-self:start !important;
    width:min(1020px,70vw) !important;
    max-width:min(1020px,70vw) !important;
    margin-left:clamp(28px,4vw,84px) !important;
    padding:0 !important;
    text-align:left !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:min(1000px,68vw) !important;
  }
  .hero-copy{
    max-width:46ch !important;
  }
  .hero-benefit-row{
    max-width:760px !important;
  }
  .hero-actions{
    max-width:720px !important;
  }
  .hero-kicker,
  .hero-stage,
  .hero-title-text,
  .hero-copy,
  .hero-benefit-row,
  .hero-actions{
    text-shadow:0 10px 28px rgba(0,0,0,.38) !important;
  }
}


/* v2.8.28 - align main hero content with lower section/title left edges */
@media (min-width: 1101px){
  .hero-slider{
    width:min(1440px,86vw) !important;
  }
  .hero-slide-grid{
    padding-bottom:72px !important;
  }
  .hero-text-col{
    width:min(1020px,68vw) !important;
    max-width:min(1020px,68vw) !important;
    margin-left:0 !important;
    padding-right:min(7vw,108px) !important;
  }
  html[lang="ko"] .hero .hero-title-text,
  html[lang="en"] .hero .hero-title-text{
    max-width:min(980px,66vw) !important;
  }
  .hero-slide-grid::before{
    inset:8% 0 14% 38% !important;
  }
}

/* v2.8.30 - equalize Hero CTA buttons and unify circular arrow icons */
.hero-actions{
  align-items:stretch !important;
}
.hero-actions .btn-primary-hero,
.hero-actions .btn-ghost{
  box-sizing:border-box !important;
  width:250px !important;
  min-width:250px !important;
  max-width:250px !important;
  min-height:60px !important;
  height:60px !important;
  padding:10px 14px 10px 18px !important;
  gap:14px !important;
  justify-content:space-between !important;
  align-items:center !important;
}
.btn-primary-hero .btn-copy{
  display:flex !important;
  justify-content:center !important;
}
.btn-primary-hero .btn-copy em{
  display:none !important;
}
.btn-primary-hero .btn-copy strong,
html[lang="ko"] .btn-primary-hero .btn-copy strong{
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}
.hero-actions .btn-ghost{
  font-size:12px !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
}
.hero-actions .btn-ghost .btn-icon{
  width:38px !important;
  height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 38px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.1) !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;
}

@media (max-width: 680px){
  .hero-actions .btn-primary-hero,
  .hero-actions .btn-ghost{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
  }
  .btn-primary-hero .btn-icon,
  .hero-actions .btn-ghost .btn-icon{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    font-size:17px !important;
  }
}

/* v2.8.31 - lock main Hero titles to exactly two lines */
.hero .hero-title-text{
  width:max-content !important;
  max-width:none !important;
}
.hero .hero-title-text .hero-line{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
}

@media (min-width:1101px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(52px,5vw,86px) !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(44px,4.2vw,72px) !important;
  }
}

@media (min-width:681px) and (max-width:1100px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(44px,6vw,64px) !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(36px,5vw,54px) !important;
  }
}

@media (max-width:680px){
  .hero-text-col{
    overflow:visible !important;
  }
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(25px,6.8vw,44px) !important;
    letter-spacing:-.055em !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(22px,5.7vw,38px) !important;
    letter-spacing:-.05em !important;
  }
  .hero .hero-title-text .hero-line-support,
  .hero .hero-title-text .hero-line-focus{
    line-height:1.02 !important;
  }
  .hero .hero-title-text .hero-line-support{
    margin-bottom:.12em !important;
  }
}

@media (max-width:390px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:6.65vw !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:5.45vw !important;
  }
}


/* v2.8.32 - stronger main Hero title emphasis while preserving exact two-line layout */
@media (min-width:1101px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(64px,6vw,108px) !important;
    line-height:.92 !important;
    letter-spacing:-.062em !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(54px,5.15vw,92px) !important;
    line-height:.94 !important;
  }
  .hero .hero-title-text .hero-line-support{
    margin-bottom:.08em !important;
  }
}

@media (min-width:681px) and (max-width:1100px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(50px,7.2vw,76px) !important;
    line-height:.95 !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(42px,6vw,64px) !important;
    line-height:.96 !important;
  }
}

@media (max-width:680px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(28px,7.15vw,46px) !important;
    line-height:1 !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(24px,6vw,40px) !important;
    line-height:1 !important;
  }
}

@media (max-width:390px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:7.05vw !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:5.85vw !important;
  }
}


/* v2.8.33 - compact equal-size Hero CTA buttons */
.hero-actions{
  gap:10px !important;
  margin-top:22px !important;
}
.hero-actions .btn-primary-hero,
.hero-actions .btn-ghost{
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;
  height:52px !important;
  min-height:52px !important;
  padding:8px 11px 8px 15px !important;
  gap:10px !important;
  border-radius:13px !important;
}
.btn-primary-hero .btn-copy strong,
html[lang="ko"] .btn-primary-hero .btn-copy strong,
.hero-actions .btn-ghost{
  font-size:11px !important;
}
.btn-primary-hero .btn-icon,
.hero-actions .btn-ghost .btn-icon{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  font-size:15px !important;
}

@media (max-width:680px){
  .hero-actions{
    justify-items:start !important;
    max-width:280px !important;
  }
  .hero-actions .btn-primary-hero,
  .hero-actions .btn-ghost{
    width:min(100%,280px) !important;
    min-width:0 !important;
    max-width:280px !important;
    height:50px !important;
    min-height:50px !important;
    padding:7px 10px 7px 14px !important;
  }
  .btn-primary-hero .btn-icon,
  .hero-actions .btn-ghost .btn-icon{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    font-size:14px !important;
  }
}


/* v2.8.34 - smaller Hero CTA buttons + stronger iPhone Hero title */
.hero-actions{
  gap:8px !important;
  margin-top:20px !important;
}
.hero-actions .btn-primary-hero,
.hero-actions .btn-ghost{
  width:176px !important;
  min-width:176px !important;
  max-width:176px !important;
  height:44px !important;
  min-height:44px !important;
  padding:6px 8px 6px 12px !important;
  gap:8px !important;
  border-radius:11px !important;
}
.btn-primary-hero .btn-copy strong,
html[lang="ko"] .btn-primary-hero .btn-copy strong,
.hero-actions .btn-ghost{
  font-size:10px !important;
}
.btn-primary-hero .btn-icon,
.hero-actions .btn-ghost .btn-icon{
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  font-size:12px !important;
}

@media (max-width:680px){
  .hero-actions{
    width:auto !important;
    max-width:none !important;
    justify-items:start !important;
  }
  .hero-actions .btn-primary-hero,
  .hero-actions .btn-ghost{
    width:172px !important;
    min-width:172px !important;
    max-width:172px !important;
    height:43px !important;
    min-height:43px !important;
    padding:6px 8px 6px 11px !important;
  }
  html[lang="ko"] .hero .hero-title-text{
    font-size:clamp(30px,7.8vw,40px) !important;
    line-height:.98 !important;
    letter-spacing:-.072em !important;
    font-weight:900 !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(26px,6.7vw,36px) !important;
    line-height:1 !important;
    letter-spacing:-.06em !important;
    font-weight:900 !important;
  }
  .hero .hero-title-text .hero-line-support{
    margin-bottom:.14em !important;
  }
}

@media (max-width:430px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:7.8vw !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:6.65vw !important;
  }
}

@media (max-width:390px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:7.7vw !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:6.55vw !important;
  }
}


/* v2.8.35 - significantly larger iPhone Hero typography */
@media (max-width:430px){
  .hero-text-col{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  html[lang="ko"] .hero .hero-title-text{
    width:calc(100vw - 36px) !important;
    max-width:calc(100vw - 36px) !important;
    font-size:10.2vw !important;
    line-height:.96 !important;
    letter-spacing:-.078em !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-support{
    font-size:.86em !important;
    line-height:1 !important;
    margin-bottom:.12em !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-focus{
    font-size:1.06em !important;
    line-height:.96 !important;
  }
  html[lang="en"] .hero .hero-title-text{
    width:calc(100vw - 36px) !important;
    max-width:calc(100vw - 36px) !important;
    font-size:8.2vw !important;
    line-height:.98 !important;
    letter-spacing:-.065em !important;
  }
}

@media (max-width:390px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:10vw !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:8vw !important;
  }
}

/* v2.8.36 - make first and second Hero title lines equal in size */
.hero .hero-title-text .hero-line-support,
.hero .hero-title-text .hero-line-focus{
  font-size:1em !important;
}
.hero .hero-title-text .hero-line-support{
  line-height:1.02 !important;
  margin-bottom:.14em !important;
}
.hero .hero-title-text .hero-line-focus{
  line-height:.98 !important;
}

@media (max-width:430px){
  html[lang="ko"] .hero .hero-title-text{
    width:calc(100vw - 36px) !important;
    max-width:calc(100vw - 36px) !important;
    font-size:8.95vw !important;
    line-height:.97 !important;
    letter-spacing:-.082em !important;
  }
  html[lang="en"] .hero .hero-title-text{
    width:calc(100vw - 36px) !important;
    max-width:calc(100vw - 36px) !important;
    font-size:7.5vw !important;
    line-height:.98 !important;
    letter-spacing:-.068em !important;
  }
  .hero .hero-title-text .hero-line-support,
  .hero .hero-title-text .hero-line-focus{
    font-size:1em !important;
  }
  .hero .hero-title-text .hero-line-support{
    transform:scaleX(.965);
    transform-origin:left center;
    margin-bottom:.12em !important;
  }
}

@media (max-width:390px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:8.75vw !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:7.3vw !important;
  }
}

/* v2.8.37 - iPhone Hero scale comparable to 01 / ABOUT display title */
@media (max-width:430px){
  .hero-text-col{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  html[lang="ko"] .hero .hero-title-text{
    width:calc(100vw - 36px) !important;
    max-width:calc(100vw - 36px) !important;
    font-size:14.4vw !important;
    line-height:.9 !important;
    letter-spacing:-.085em !important;
    overflow:visible !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-support,
  html[lang="ko"] .hero .hero-title-text .hero-line-focus{
    display:block !important;
    width:max-content !important;
    max-width:none !important;
    font-size:1em !important;
    line-height:.92 !important;
    white-space:nowrap !important;
    transform-origin:left center !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-support{
    transform:scaleX(.59) !important;
    margin-bottom:.06em !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-focus{
    transform:scaleX(.88) !important;
  }
  html[lang="en"] .hero .hero-title-text{
    font-size:11vw !important;
    line-height:.94 !important;
  }
}

@media (max-width:390px){
  html[lang="ko"] .hero .hero-title-text{
    font-size:14.1vw !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-support{
    transform:scaleX(.585) !important;
  }
  html[lang="ko"] .hero .hero-title-text .hero-line-focus{
    transform:scaleX(.86) !important;
  }
}

/* v2.8.38 - REBON HOLDINGS style Hero content card and CTA structure */
.hero .hero-benefit-row{
  display:none !important;
}
.hero .hero-text-col{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.hero .hero-stage{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  margin:0 0 20px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.72) !important;
}
.hero .hero-stage span{
  font-size:11px !important;
  letter-spacing:.16em !important;
  color:var(--accent) !important;
}
.hero .hero-stage strong{
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  color:rgba(255,255,255,.84) !important;
}
.hero .hero-copy{
  margin-top:28px !important;
}
.hero .hero-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:30px !important;
}
.hero .hero-actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  width:auto !important;
  min-width:172px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 18px 0 20px !important;
  border-radius:0 !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:-.015em !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
.hero .hero-actions .btn-primary{
  border:1px solid #fff !important;
  background:#fff !important;
  color:#0a0b0a !important;
}
.hero .hero-actions .btn-ghost{
  border:1px solid rgba(255,255,255,.5) !important;
  background:rgba(4,5,4,.12) !important;
  color:#fff !important;
}
.hero .hero-actions .btn-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:15px !important;
  line-height:1 !important;
  transition:transform .25s ease !important;
}
.hero .hero-actions .btn:hover .btn-arrow{
  transform:translate(2px,2px) !important;
}
.hero .hero-actions .btn-ghost:hover .btn-arrow{
  transform:translate(2px,-2px) !important;
}

@media (max-width:760px){
  .hero .hero-stage{
    margin-bottom:16px !important;
  }
  .hero .hero-copy{
    margin-top:22px !important;
  }
  .hero .hero-actions{
    flex-direction:row !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:24px !important;
  }
  .hero .hero-actions .btn{
    min-width:0 !important;
    width:auto !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 14px 0 16px !important;
    gap:16px !important;
    font-size:12px !important;
  }
}

@media (max-width:430px){
  .hero .hero-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    max-width:100% !important;
  }
  .hero .hero-actions .btn{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 12px !important;
    gap:8px !important;
    font-size:11.5px !important;
  }
}

/* v2.8.39 - exact REBON HOLDINGS Hero CTA CSS */
.hero .hero-actions{
  display:flex !important;
  gap:10px !important;
  margin-top:38px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  width:auto !important;
  max-width:none !important;
}
.hero .hero-actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  width:auto !important;
  min-width:210px !important;
  height:auto !important;
  min-height:0 !important;
  padding:17px 20px !important;
  border:1px solid rgba(255,255,255,.34) !important;
  border-radius:0 !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:normal !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:.25s !important;
}
.hero .hero-actions .btn > span{
  display:inline !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:16px !important;
  line-height:1 !important;
  transform:none !important;
}
.hero .hero-actions .btn-primary{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#000 !important;
}
.hero .hero-actions .btn-primary:hover,
.hero .hero-actions .btn-primary:focus-visible{
  background:#fff !important;
  border-color:#fff !important;
  color:#000 !important;
  transform:translateY(-2px) !important;
}
.hero .hero-actions .btn-ghost{
  background:transparent !important;
  color:#fff !important;
}
.hero .hero-actions .btn-ghost:hover,
.hero .hero-actions .btn-ghost:focus-visible{
  background:#fff !important;
  border-color:#fff !important;
  color:#000 !important;
  transform:translateY(-2px) !important;
}

@media (max-width:680px){
  .hero .hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:330px !important;
    margin-top:22px !important;
    gap:10px !important;
  }
  .hero .hero-actions .btn{
    width:100% !important;
    min-width:0 !important;
    padding:15px !important;
  }
}

@media (orientation:landscape) and (max-width:1100px) and (max-height:520px){
  .hero .hero-actions{
    margin-top:14px !important;
    flex-direction:row !important;
    width:auto !important;
    max-width:none !important;
  }
  .hero .hero-actions .btn{
    width:auto !important;
    min-width:180px !important;
  }
}

/* v2.8.40 - rounded REBON group CTA standard and equal iPhone button width */
.hero .hero-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:auto !important;
  max-width:none !important;
}
.hero .hero-actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  box-sizing:border-box !important;
  min-width:210px !important;
  min-height:52px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.hero .hero-actions .btn > span{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  font-size:14px !important;
  line-height:1 !important;
}
.hero .hero-actions .btn-primary > span{
  background:rgba(0,0,0,.1) !important;
  color:#000 !important;
}
.hero .hero-actions .btn-ghost > span{
  background:rgba(255,255,255,.1) !important;
  color:#fff !important;
}
.hero .hero-actions .btn-ghost:hover > span,
.hero .hero-actions .btn-ghost:focus-visible > span{
  background:rgba(0,0,0,.08) !important;
  color:#000 !important;
}

@media (max-width:680px){
  .hero .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    width:min(100%,330px) !important;
    max-width:330px !important;
    gap:10px !important;
  }
  .hero .hero-actions .btn,
  .hero .hero-actions .btn-primary,
  .hero .hero-actions .btn-ghost{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    min-height:50px !important;
    padding:0 18px 0 20px !important;
    border-radius:999px !important;
  }
}

@media (max-width:430px){
  .hero .hero-actions{
    width:100% !important;
    max-width:100% !important;
  }
  .hero .hero-actions .btn,
  .hero .hero-actions .btn-primary,
  .hero .hero-actions .btn-ghost{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:50px !important;
    min-height:50px !important;
  }
}

/* v2.8.41 - unify inquiry terminology and mobile menu typography */
@media (max-width:1100px){
  .site-nav > a,
  .site-nav > a.nav-cta,
  .site-nav .nav-cta{
    font-size:clamp(24px,6.6vw,38px) !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    font-weight:inherit !important;
    text-transform:none !important;
  }
}
@media (max-width:680px){
  .site-nav > a,
  .site-nav > a.nav-cta,
  .site-nav .nav-cta{
    font-size:clamp(25px,8vw,34px) !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    padding:15px 0 !important;
  }
}
@media (max-width:370px){
  .site-nav > a,
  .site-nav > a.nav-cta,
  .site-nav .nav-cta{
    font-size:23px !important;
  }
}

/* v2.8.42 - English page audit: complete Hero copy and CTA label rendering */
/* CTA: only the arrow receives the circular treatment; the label remains full-width text. */
.hero .hero-actions .btn > span:first-child{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:1 1 auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:inherit !important;
  font-size:inherit !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.hero .hero-actions .btn > .btn-arrow{
  flex:0 0 28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  font-size:14px !important;
  line-height:1 !important;
}

/* English desktop Hero: preserve the intentional two lines while ensuring no text is clipped. */
@media (min-width:1101px){
  html[lang="en"] .hero-slider{
    width:min(1720px,96vw) !important;
  }
  html[lang="en"] .hero-text-col{
    width:min(1660px,94vw) !important;
    max-width:min(1660px,94vw) !important;
    padding-right:0 !important;
    overflow:visible !important;
  }
  html[lang="en"] .hero .hero-title-text{
    width:min(1660px,94vw) !important;
    max-width:min(1660px,94vw) !important;
    font-size:clamp(58px,4.45vw,84px) !important;
    line-height:.98 !important;
    letter-spacing:-.062em !important;
    overflow:visible !important;
  }
  html[lang="en"] .hero .hero-title-text .hero-line{
    display:block !important;
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    font-size:1em !important;
    transform:none !important;
  }
  html[lang="en"] .hero .hero-title-text .hero-line-support{
    margin-bottom:.12em !important;
  }
  html[lang="en"] .hero-copy{
    max-width:58ch !important;
  }
}

/* English tablet/mobile: prioritize complete copy over an artificial two-line lock. */
@media (max-width:1100px){
  html[lang="en"] .hero .hero-title-text{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(46px,8.4vw,76px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
    overflow:visible !important;
  }
  html[lang="en"] .hero .hero-title-text .hero-line{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    font-size:1em !important;
    line-height:1 !important;
    transform:none !important;
  }
}

@media (max-width:680px){
  html[lang="en"] .hero .hero-title-text{
    font-size:clamp(39px,10.2vw,54px) !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
  }
  html[lang="en"] .hero .hero-title-text .hero-line-support{
    margin-bottom:.14em !important;
  }
  html[lang="en"] .hero .hero-actions .btn{
    font-size:11px !important;
    letter-spacing:.09em !important;
  }
  html[lang="en"] .hero .hero-actions .btn > span:first-child{
    white-space:nowrap !important;
  }
}

@media (max-width:390px){
  html[lang="en"] .hero .hero-title-text{
    font-size:10vw !important;
    letter-spacing:-.045em !important;
  }
  html[lang="en"] .hero .hero-actions .btn{
    padding-left:18px !important;
    padding-right:14px !important;
    font-size:10.5px !important;
  }
}

/* v2.8.43 - English desktop Hero fixed to three complete lines */
@media (min-width:1101px){
  html[lang="en"] .hero .hero-title-text{
    width:min(1420px,91vw) !important;
    max-width:min(1420px,91vw) !important;
    font-size:clamp(62px,4.75vw,92px) !important;
    line-height:.94 !important;
    letter-spacing:-.065em !important;
  }
  html[lang="en"] .hero .hero-title-text .hero-line{
    display:block !important;
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    font-size:1em !important;
    line-height:.96 !important;
    transform:none !important;
  }
  html[lang="en"] .hero .hero-title-text .hero-line-support,
  html[lang="en"] .hero .hero-title-text .hero-line-middle{
    margin-bottom:.08em !important;
  }
}


/* v2.8.53 - company introduction page anchors */
#about, #business, #projects, #partners, #contact { scroll-margin-top: 96px; }


/* v2.8.57 about page hero removal */
.about-page main > .section:first-child {
  padding-top: clamp(120px, 12vw, 170px);
}
@media (max-width: 768px) {
  .about-page main > .section:first-child {
    padding-top: 108px;
  }
}


/* v2.8.76 — Talent-first IP portfolio and DistroBeats detail page */
.talent-only-panel{display:block!important}
.talent-reference-card.is-clickable{position:relative;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.talent-reference-card.is-clickable:hover{transform:translateY(-5px);border-color:rgba(199,255,0,.55);box-shadow:0 22px 55px rgba(0,0,0,.22)}
.talent-reference-card.is-clickable:focus-visible{outline:2px solid #c7ff00;outline-offset:5px}
.talent-card-detail-link{display:inline-flex!important;margin-top:16px;align-items:center;position:relative;z-index:3;font-weight:800;color:#c7ff00!important;text-decoration:none}
.distrobeats-profile-hero{padding:150px clamp(24px,6vw,90px) 72px;background:#090b0a;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.portfolio-back-link{display:inline-flex;margin-bottom:34px;color:#c7ff00;text-decoration:none;font-weight:800}
.distrobeats-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);align-items:center;gap:clamp(36px,7vw,100px);max-width:1320px;margin:0 auto}
.distrobeats-profile-grid h1{font-size:clamp(54px,8vw,116px);line-height:.92;letter-spacing:-.065em;margin:18px 0 18px}
.distrobeats-profile-grid>div>p{font-size:clamp(18px,2vw,26px);color:#d5d8d2}
.distrobeats-profile-copy{max-width:680px!important;margin-top:30px!important;font-size:16px!important;line-height:1.8!important;color:#aeb4aa!important}
.distrobeats-profile-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.distrobeats-detail-section{padding-top:84px}
@media(max-width:760px){.distrobeats-profile-hero{padding-top:120px}.distrobeats-profile-grid{grid-template-columns:1fr}.distrobeats-profile-grid img{max-width:420px}.distrobeats-profile-grid h1{font-size:clamp(48px,17vw,78px)}}

/* REBON WILD v2.8.79 — Hansea model IP card and detail page */
.hansea-card .talent-reference-visual img{object-position:center 28%}
.hansea-page{background:#080a09;color:#f7f7f2}
.hansea-hero{padding:150px clamp(24px,5vw,76px) 88px;min-height:100svh;background:radial-gradient(circle at 78% 20%,rgba(213,255,0,.08),transparent 30%),linear-gradient(135deg,#080a09 0%,#101311 52%,#070908 100%);overflow:hidden}
.hansea-hero .portfolio-back-link{display:inline-flex;margin-bottom:42px;color:rgba(255,255,255,.72);text-decoration:none;font-size:14px;letter-spacing:.03em}
.hansea-hero .portfolio-back-link:hover{color:#dfff00}
.hansea-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(42px,7vw,110px);max-width:1480px;margin:0 auto}
.hansea-hero-copy{max-width:650px}
.hansea-eyebrow{margin:28px 0 12px;color:#dfff00;font-size:12px;font-weight:700;letter-spacing:.18em}
.hansea-hero h1{margin:0;font-size:clamp(72px,10vw,156px);line-height:.86;letter-spacing:-.07em;font-weight:800}
.hansea-hero h1 small{display:block;margin:24px 0 0;font-size:clamp(16px,1.4vw,22px);line-height:1;letter-spacing:.28em;font-weight:500;color:rgba(255,255,255,.55)}
.hansea-role{margin:34px 0 14px;font-size:clamp(18px,1.7vw,25px);font-weight:600}
.hansea-intro{max-width:620px;margin:0;color:rgba(255,255,255,.67);font-size:16px;line-height:1.85}
.hansea-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.hansea-tags span{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.74);font-size:10px;letter-spacing:.12em}
.hansea-contact{display:inline-flex;text-decoration:none}
.hansea-hero-visual{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;border-radius:40px;background:#111;box-shadow:0 42px 100px rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.1)}
.hansea-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.4));pointer-events:none}
.hansea-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.9) contrast(1.03)}
.hansea-hero-visual figcaption{position:absolute;left:24px;bottom:20px;z-index:1;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.75)}
.hansea-profile{padding-top:110px;padding-bottom:110px}
.hansea-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(50px,8vw,140px);align-items:start;margin-top:42px}
.hansea-profile h2,.hansea-usage>h2{margin:0;font-size:clamp(42px,6vw,86px);line-height:1.02;letter-spacing:-.055em}
.hansea-profile-copy>p{margin:0 0 42px;font-size:clamp(17px,1.5vw,22px);line-height:1.8;color:#4a4e49}
.hansea-profile dl{margin:0;border-top:1px solid rgba(0,0,0,.18)}
.hansea-profile dl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.14)}
.hansea-profile dt{font-size:12px;font-weight:700;letter-spacing:.08em;color:#70756f}
.hansea-profile dd{margin:0;font-size:15px;font-weight:600}
.hansea-gallery{padding-top:110px;padding-bottom:120px}
.hansea-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:38px 0 48px}
.hansea-gallery-head h2{margin:0;font-size:clamp(48px,7vw,98px);letter-spacing:-.06em;line-height:.92}
.hansea-gallery-head p{max-width:440px;margin:0;color:rgba(255,255,255,.58);line-height:1.7}
.hansea-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hansea-gallery-item{margin:0;overflow:hidden;border-radius:20px;background:#111;border:1px solid rgba(255,255,255,.08)}
.hansea-gallery-item:nth-child(6n+1),.hansea-gallery-item:nth-child(6n+4){grid-column:span 2}
.hansea-gallery-item img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease;filter:saturate(.88)}
.hansea-gallery-item:hover img{transform:scale(1.025);filter:saturate(1)}
.hansea-gallery-item figcaption{display:flex;align-items:center;gap:14px;padding:13px 15px;color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.04em}
.hansea-gallery-item figcaption span{color:#dfff00;font-size:10px;letter-spacing:.14em}
.hansea-usage{padding-top:110px;padding-bottom:120px}
.hansea-usage>h2{max-width:1050px;margin:38px 0 55px}
.hansea-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hansea-usage-grid article{padding:30px;border:1px solid rgba(0,0,0,.14);border-radius:24px;background:rgba(0,0,0,.025)}
.hansea-usage-grid article>span{font-size:11px;letter-spacing:.15em;color:#657000}
.hansea-usage-grid h3{margin:52px 0 14px;font-size:24px;letter-spacing:-.03em}
.hansea-usage-grid p{margin:0;color:#666b65;line-height:1.7;font-size:14px}
.hansea-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px;padding:35px 40px;border-radius:28px;background:#dfff00;color:#080a09}
.hansea-final-cta p{margin:0 0 6px;font-size:13px}
.hansea-final-cta h3{margin:0;font-size:clamp(26px,3vw,42px)}
.hansea-final-cta a{display:inline-flex;padding:15px 20px;border-radius:999px;background:#080a09;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
@media(max-width:1100px){.hansea-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(360px,1fr)}.hansea-gallery-grid{grid-template-columns:repeat(3,1fr)}.hansea-gallery-item:nth-child(6n+1),.hansea-gallery-item:nth-child(6n+4){grid-column:span 1}.hansea-usage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.hansea-hero{padding:120px 20px 60px}.hansea-hero-grid{grid-template-columns:1fr;gap:44px}.hansea-hero-copy{order:1}.hansea-hero-visual{order:2;border-radius:26px}.hansea-profile-grid{grid-template-columns:1fr;gap:35px}.hansea-gallery-head{display:block}.hansea-gallery-head p{margin-top:20px}.hansea-gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.hansea-gallery-item{border-radius:14px}.hansea-gallery-item figcaption{padding:10px;font-size:10px}.hansea-usage-grid{grid-template-columns:1fr}.hansea-final-cta{align-items:flex-start;flex-direction:column;padding:28px}.hansea-profile,.hansea-gallery,.hansea-usage{padding-top:82px;padding-bottom:82px}}
@media(max-width:520px){.hansea-gallery-grid{grid-template-columns:1fr}.hansea-profile dl div{grid-template-columns:95px 1fr}.hansea-hero h1{font-size:72px}}


/* REBON WILD v2.8.80 — portfolio all filter and balanced Hansea gallery */
.reference-browser-tabs{position:relative;align-items:center;padding-bottom:4px}
.reference-browser-tabs button[data-ref-category="all"]{font-weight:800}
.reference-browser-tabs button{transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
.reference-browser-tabs button:hover{transform:translateY(-1px);border-color:rgba(223,255,0,.7)}
.reference-browser-grid{align-items:stretch}
.talent-reference-card{height:100%;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.talent-reference-card:hover{transform:translateY(-4px);border-color:rgba(223,255,0,.45);box-shadow:0 18px 48px rgba(0,0,0,.24)}

.hansea-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.hansea-gallery-item,.hansea-gallery-item:nth-child(6n+1),.hansea-gallery-item:nth-child(6n+4){grid-column:span 1}
.hansea-gallery-item{display:flex;flex-direction:column;min-width:0;border-radius:18px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.hansea-gallery-item:hover{transform:translateY(-4px);border-color:rgba(223,255,0,.38);box-shadow:0 18px 46px rgba(0,0,0,.28)}
.hansea-gallery-item img{width:100%;aspect-ratio:3/4;object-fit:cover;cursor:zoom-in}
.hansea-gallery-item figcaption{min-height:48px;margin-top:auto}
.hansea-lightbox[hidden]{display:none}
.hansea-lightbox{position:fixed;inset:0;z-index:9999;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;padding:34px;background:rgba(3,4,4,.94);backdrop-filter:blur(16px)}
.hansea-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%}
.hansea-lightbox img{display:block;max-width:min(900px,86vw);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.hansea-lightbox figcaption{margin-top:14px;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.08em}
.hansea-lightbox button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.hansea-lightbox-prev,.hansea-lightbox-next{width:48px;height:48px;border-radius:50%;font-size:30px;justify-self:center}
.hansea-lightbox-close{position:absolute;right:24px;top:22px;width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1}
body.lightbox-open{overflow:hidden}
@media(max-width:1100px){.hansea-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.reference-browser-tabs{flex-wrap:nowrap;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin}.reference-browser-tabs button{flex:0 0 auto}.hansea-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hansea-lightbox{grid-template-columns:52px minmax(0,1fr) 52px;padding:20px 10px}.hansea-lightbox img{max-width:82vw;max-height:78vh}}
@media(max-width:520px){.hansea-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hansea-gallery-item figcaption{min-height:42px;padding:9px 8px}.hansea-lightbox{grid-template-columns:44px minmax(0,1fr) 44px}.hansea-lightbox-prev,.hansea-lightbox-next{width:38px;height:38px;font-size:24px}.hansea-lightbox-close{right:12px;top:12px}}

/* v2.8.81 — Unified talent IP card information format */
.reference-browser-grid .talent-reference-card{min-height:350px}
.reference-browser-grid .talent-reference-body{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-width:0}
.reference-browser-grid .talent-reference-body>span{min-height:34px;display:flex;align-items:flex-end}
.reference-browser-grid .talent-reference-body h3{margin-top:18px;margin-bottom:12px;line-height:1.02;overflow-wrap:anywhere}
.reference-browser-grid .talent-reference-body p{min-height:48px;margin:0 0 24px;line-height:1.55}
.reference-browser-grid .talent-card-detail-link{margin-top:auto}
@media(max-width:680px){
  .reference-browser-grid .talent-reference-card{min-height:310px}
  .reference-browser-grid .talent-reference-body p{min-height:auto;margin-bottom:20px}
}
.talent-detail-main{padding-top:94px;background:#080a09;color:#fff;min-height:100vh}
.talent-detail-hero{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:52px 0 44px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:56px;align-items:center}
.talent-detail-kicker{display:flex;align-items:center;gap:12px;color:#eaff00;font-size:11px;font-weight:800;letter-spacing:.18em}.talent-detail-kicker:before{content:"";width:32px;height:1px;background:#eaff00}
.talent-detail-hero h1{margin:24px 0 12px;font-size:clamp(58px,8vw,118px);line-height:.84;letter-spacing:-.075em}.talent-detail-hero h1 small{display:block;margin-top:22px;font-size:clamp(15px,1.4vw,20px);line-height:1.3;letter-spacing:.05em;color:#9d9f9e;font-weight:600}
.talent-detail-lead{max-width:720px;margin:30px 0 0;color:#c3c5c4;font-size:clamp(17px,1.5vw,22px);line-height:1.75;letter-spacing:-.02em}
.talent-detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.talent-detail-tags span{padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:10px;letter-spacing:.08em;color:#d9dbda}
.talent-detail-visual{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:30px;background:#111}.talent-detail-visual img{width:100%;height:100%;object-fit:cover;display:block}.talent-detail-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:inherit;pointer-events:none}
.talent-detail-body{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:44px 0 120px;border-top:1px solid rgba(255,255,255,.13)}
.talent-detail-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding:58px 0;border-bottom:1px solid rgba(255,255,255,.1)}.talent-detail-label{font-size:10px;font-weight:800;letter-spacing:.18em;color:#eaff00}.talent-detail-content h2{margin:0 0 24px;font-size:clamp(30px,4vw,54px);line-height:1.05;letter-spacing:-.05em}.talent-detail-content p{max-width:900px;margin:0;color:#b8bab9;font-size:16px;line-height:1.9}.talent-detail-content p+p{margin-top:16px}
.talent-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.talent-fact{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.025)}.talent-fact span{display:block;margin-bottom:14px;color:#777;font-size:9px;letter-spacing:.14em}.talent-fact strong{font-size:18px;line-height:1.4}
.talent-services{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.talent-service{padding:24px;border-radius:18px;background:#eef2e7;color:#101210}.talent-service b{display:block;margin-bottom:10px;font-size:18px}.talent-service p{color:#555!important;font-size:13px!important;line-height:1.7!important}
.talent-back{display:inline-flex;margin-top:42px;padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em}
@media(max-width:900px){.talent-detail-hero{grid-template-columns:1fr;gap:34px}.talent-detail-visual{max-width:640px;width:100%;aspect-ratio:4/4.7}.talent-detail-grid{grid-template-columns:1fr;gap:20px}.talent-facts{grid-template-columns:1fr 1fr}}
@media(max-width:680px){
 .talent-detail-main{padding-top:calc(76px + env(safe-area-inset-top))}
 .talent-detail-hero,.talent-detail-body{width:calc(100% - 32px)}
 .talent-detail-hero{padding:28px 0 30px;gap:24px}
 .talent-detail-kicker{font-size:9px}.talent-detail-kicker:before{width:22px}
 .talent-detail-hero h1{margin:18px 0 8px;font-size:clamp(50px,16vw,72px);line-height:.9;letter-spacing:-.065em;overflow-wrap:anywhere}
 .talent-detail-hero h1 small{margin-top:14px;font-size:13px;line-height:1.45;letter-spacing:.025em}
 .talent-detail-lead{margin-top:20px;font-size:16px;line-height:1.7}
 .talent-detail-tags{margin-top:22px;gap:7px}.talent-detail-tags span{padding:8px 10px;font-size:9px}
 .talent-detail-visual{aspect-ratio:4/5;border-radius:20px;max-height:68vh}
 .talent-detail-body{padding:12px 0 calc(88px + env(safe-area-inset-bottom))}
 .talent-detail-grid{padding:38px 0;gap:18px}
 .talent-detail-content h2{font-size:34px;margin-bottom:18px}
 .talent-detail-content p{font-size:15px;line-height:1.8}
 .talent-facts,.talent-services{grid-template-columns:1fr}
 .talent-fact,.talent-service{padding:20px;border-radius:15px}
 .talent-back{width:100%;justify-content:center;box-sizing:border-box;padding:15px 18px;margin-top:30px}
}
@media(max-width:390px){.talent-detail-hero,.talent-detail-body{width:calc(100% - 24px)}.talent-detail-hero h1{font-size:48px}.talent-detail-content h2{font-size:30px}.talent-detail-visual{max-height:62vh}}


/* v2.8.84 — Company introduction Leadership section */
.leadership-section{overflow:hidden}
.leadership-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr);gap:clamp(48px,7vw,108px);align-items:center;margin-top:clamp(38px,5vw,72px)}
.leadership-visual{display:flex;align-items:center;justify-content:center;min-width:0}
.leadership-photo-wrap{width:min(82%,500px);aspect-ratio:344/436;overflow:hidden;background:#121412}
.leadership-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover}
.leadership-content{padding:clamp(10px,2vw,28px) 0;min-width:0}
.leadership-kicker{display:block;margin-bottom:22px;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#dfff00}
.leadership-content h2{margin:0 0 24px;font-size:clamp(2.25rem,4vw,4.4rem);line-height:1.02;font-weight:600;letter-spacing:-.045em}
.leadership-content h2 span{display:block}
.leadership-content h2 em{display:block;margin-top:12px;font-size:.38em;line-height:1.25;font-style:normal;font-weight:400;letter-spacing:.02em;color:#b7b7b7}
.leadership-lead{max-width:780px;margin:0 0 34px;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.75;color:#d5d5d5}
.leadership-columns{display:grid;grid-template-columns:1.35fr .75fr;gap:42px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
.leadership-columns h3{margin:0 0 15px;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:#dfff00}
.leadership-columns ul{margin:0;padding-left:1.15rem;color:#d0d0d0}
.leadership-columns li{margin:0 0 11px;line-height:1.55}
.leadership-columns p{margin:0;color:#d0d0d0;line-height:1.65}
.leadership-edu-title{margin-top:30px!important}
@media(max-width:980px){.leadership-grid{grid-template-columns:1fr;gap:42px}.leadership-photo-wrap{width:min(72vw,390px)}.leadership-columns{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.leadership-section{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.leadership-grid{gap:34px;margin-top:32px}.leadership-visual{justify-content:flex-start}.leadership-photo-wrap{width:min(100%,360px)}.leadership-content h2{font-size:clamp(2.45rem,14vw,3.7rem)}.leadership-content h2 em{margin-top:8px;font-size:.42em}.leadership-lead{font-size:1rem;line-height:1.72}.leadership-columns{grid-template-columns:1fr;gap:30px}.leadership-columns li{font-size:.93rem}.leadership-edu-title{margin-top:26px!important}}


/* v2.8.89 — Shin Jungmoo profile and artwork detail pages */
.talent-career-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.talent-career-card{padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.talent-career-card strong{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.14em;color:#eaff00}
.talent-career-card p{margin:0;color:#d3d5d4;font-size:15px;line-height:1.8}
.talent-works-intro{max-width:900px}
.talent-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.talent-work-card{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.talent-work-card:hover{transform:translateY(-4px);border-color:rgba(234,255,0,.45);box-shadow:0 18px 46px rgba(0,0,0,.26)}
.talent-work-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#0f1110}
.talent-work-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px}
.talent-work-card-body span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#eaff00}
.talent-work-card-body h3{margin:0;font-size:20px;line-height:1.18;letter-spacing:-.04em}
.talent-work-card-body p{margin:0;color:#b8bab9;font-size:14px;line-height:1.7}
.talent-work-card-body b{margin-top:6px;font-size:13px;color:#ffffff}
.artwork-detail-main{padding-top:94px;background:#080a09;color:#fff;min-height:100vh}
.artwork-detail-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:54px 0 120px}
.artwork-back-links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}
.artwork-back-links a{color:#c7ff00;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.03em}
.artwork-back-links a:hover{color:#fff}
.artwork-detail-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.74fr);gap:36px;align-items:start}
.artwork-detail-image{overflow:hidden;border-radius:28px;background:#0f1110;border:1px solid rgba(255,255,255,.1)}
.artwork-detail-image img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;background:#0f1110}
.artwork-detail-copy{position:sticky;top:100px}
.artwork-detail-kicker{display:flex;align-items:center;gap:12px;color:#eaff00;font-size:11px;font-weight:800;letter-spacing:.18em}
.artwork-detail-kicker:before{content:"";width:32px;height:1px;background:#eaff00}
.artwork-detail-copy h1{margin:20px 0 12px;font-size:clamp(42px,5vw,74px);line-height:.92;letter-spacing:-.07em}
.artwork-detail-copy h1 small{display:block;margin-top:14px;font-size:15px;line-height:1.5;letter-spacing:.08em;color:#9d9f9e;font-weight:700}
.artwork-detail-copy p{margin:0 0 18px;color:#c4c6c5;font-size:16px;line-height:1.85}
.artwork-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.artwork-meta-card{padding:16px 16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.artwork-meta-card span{display:block;margin-bottom:7px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#eaff00}
.artwork-meta-card strong{display:block;font-size:15px;line-height:1.55;color:#fff}
.artwork-nav{display:flex;justify-content:space-between;gap:18px;margin-top:34px}
.artwork-nav a{flex:1;min-width:0;padding:18px 18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;transition:transform .25s ease,border-color .25s ease}
.artwork-nav a:hover{transform:translateY(-3px);border-color:rgba(234,255,0,.45)}
.artwork-nav a span{display:block;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#eaff00}
.artwork-nav a strong{display:block;font-size:18px;line-height:1.3;letter-spacing:-.03em}
.artwork-nav a em{display:block;margin-top:6px;color:#a9abaa;font-style:normal;font-size:13px;line-height:1.55}
.artwork-cta{margin-top:24px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.artwork-cta strong{display:block;margin-bottom:10px;font-size:24px;letter-spacing:-.04em}
.artwork-cta p{margin-bottom:14px}
.artwork-cta a{display:inline-flex;align-items:center;gap:8px;color:#0a0c08;background:#eaff00;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:800}
@media(max-width:1100px){.talent-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-detail-hero{grid-template-columns:1fr}.artwork-detail-copy{position:static}}
@media(max-width:780px){.talent-career-list,.talent-works-grid,.artwork-meta-grid{grid-template-columns:1fr}.artwork-detail-main{padding-top:calc(76px + env(safe-area-inset-top))}.artwork-detail-wrap{width:calc(100% - 32px);padding:32px 0 calc(92px + env(safe-area-inset-bottom))}.artwork-back-links{gap:12px;margin-bottom:20px}.artwork-detail-hero{gap:24px}.artwork-detail-image{border-radius:18px}.artwork-detail-copy h1{font-size:44px}.artwork-detail-copy h1 small{font-size:13px}.artwork-detail-copy p{font-size:15px}.artwork-nav{flex-direction:column}}
@media(max-width:520px){.talent-work-card-body{padding:15px 14px 18px}.artwork-detail-wrap{width:calc(100% - 24px)}.artwork-detail-copy h1{font-size:38px}.artwork-cta strong{font-size:21px}}


/* v2.8.90 — artwork catalogue metadata */
@media(min-width:901px){.artwork-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v2.8.92 — artwork catalog metadata refinement */
.artwork-catalog-note{margin-top:12px!important;color:#8f9290!important;font-size:13px!important}.artwork-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-meta-card strong{overflow-wrap:anywhere}@media(max-width:520px){.artwork-meta-grid{grid-template-columns:1fr}}

/* v2.8.93 — Hansea mobile hero alignment and visual portfolio UX */
.hansea-hero{
  padding:150px clamp(24px,6vw,90px) 72px;
  min-height:auto;
  background:#090b0a;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.hansea-hero .portfolio-back-link{
  display:inline-flex;
  margin-bottom:34px;
  color:#c7ff00;
  font-size:inherit;
  font-weight:800;
  letter-spacing:0;
}
.hansea-hero .portfolio-back-link:hover{color:#fff}
.hansea-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(240px,420px);
  align-items:center;
  gap:clamp(36px,7vw,100px);
  max-width:1320px;
}
.hansea-hero-copy{max-width:680px}
.hansea-hero .section-label{display:inline-block;margin:0}
.hansea-hero h1{
  margin:18px 0 18px;
  font-size:clamp(54px,8vw,116px);
  line-height:.92;
  letter-spacing:-.065em;
}
.hansea-hero h1 small{
  margin-top:18px;
  font-size:clamp(18px,2vw,26px);
  line-height:1.2;
  letter-spacing:.24em;
  color:#d5d8d2;
}
.hansea-role{margin:28px 0 14px;font-size:clamp(18px,2vw,26px);color:#d5d8d2}
.hansea-intro{max-width:680px;font-size:16px;line-height:1.8;color:#aeb4aa}
.hansea-hero-visual{
  width:100%;
  aspect-ratio:4/5;
  border-radius:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.hansea-hero-visual img{object-position:center 30%}
.hansea-contact{width:auto;min-width:0;padding-left:22px;padding-right:22px}

@media(max-width:780px){
  .hansea-hero{padding:120px 24px 56px}
  .hansea-hero-grid{grid-template-columns:1fr;gap:34px}
  .hansea-hero h1{font-size:clamp(48px,17vw,78px)}
  .hansea-hero h1 small{font-size:18px;margin-top:14px}
  .hansea-role{margin-top:26px;font-size:20px;line-height:1.55}
  .hansea-intro{font-size:16px;line-height:1.75}
  .hansea-tags{margin:24px 0 26px}
  .hansea-contact{display:inline-flex;width:auto;max-width:100%;padding:14px 22px}
  .hansea-hero-visual{max-width:420px;width:100%;aspect-ratio:4/5;border-radius:24px}

  .hansea-gallery{overflow:hidden}
  .hansea-gallery-head{margin-bottom:28px}
  .hansea-gallery-head h2{font-size:clamp(42px,13vw,62px);line-height:.96}
  .hansea-gallery-grid{
    display:flex;
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    margin-left:-20px;
    margin-right:-20px;
    padding:0 20px 18px;
    scroll-snap-type:x mandatory;
    scroll-padding-left:20px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .hansea-gallery-grid::-webkit-scrollbar{display:none}
  .hansea-gallery-item,
  .hansea-gallery-item:nth-child(6n+1),
  .hansea-gallery-item:nth-child(6n+4){
    flex:0 0 min(78vw,360px);
    width:min(78vw,360px);
    grid-column:auto;
    scroll-snap-align:start;
    border-radius:20px;
  }
  .hansea-gallery-item img{
    width:100%;
    height:auto;
    aspect-ratio:3/4;
    object-fit:cover;
    object-position:center top;
  }
  .hansea-gallery-item figcaption{min-height:46px;padding:12px 13px;font-size:11px}
}

@media(max-width:430px){
  .hansea-hero{padding-left:20px;padding-right:20px}
  .hansea-hero .portfolio-back-link{margin-bottom:34px}
  .hansea-hero h1{font-size:64px}
  .hansea-hero h1 small{font-size:16px;letter-spacing:.22em}
  .hansea-role{font-size:18px}
  .hansea-contact{font-size:14px}
  .hansea-gallery-grid{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  .hansea-gallery-item,
  .hansea-gallery-item:nth-child(6n+1),
  .hansea-gallery-item:nth-child(6n+4){flex-basis:84vw;width:84vw}
}

/* v2.8.94 — desktop portfolio scanability and Shin Jungmoo profile image */
@media (min-width:1101px){
  /* Compact, balanced hero portraits on desktop */
  .hansea-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:64px}
  .hansea-hero-visual{width:100%;max-width:520px;aspect-ratio:1/1;border-radius:30px;justify-self:end}
  .hansea-hero-visual img{object-position:center 28%}
  .talent-detail-hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,500px);align-items:center;gap:64px}
  .talent-detail-visual{width:100%;max-width:500px;aspect-ratio:1/1;border-radius:28px;justify-self:end}
  .talent-detail-visual img{object-position:center 34%}

  /* Hansea: contact-sheet layout for faster visual review */
  .hansea-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .hansea-gallery-item,.hansea-gallery-item:nth-child(6n+1),.hansea-gallery-item:nth-child(6n+4){grid-column:span 1}
  .hansea-gallery-item img{aspect-ratio:1/1;object-fit:cover;object-position:center 24%}
  .hansea-gallery-item figcaption{min-height:44px;padding:10px 12px;font-size:11px}

  /* Shin Jungmoo: denser artwork overview, preserving landscape compositions */
  .talent-works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .talent-work-card{border-radius:18px}
  .talent-work-card img{aspect-ratio:4/3;object-fit:cover}
  .talent-work-card-body{padding:14px 15px 17px;gap:6px}
  .talent-work-card-body h3{font-size:17px;line-height:1.3}
  .talent-work-card-body p{font-size:12px}
  .talent-work-card-body b{font-size:12px}
}
@media (min-width:1440px){
  .hansea-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .talent-works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Ensure Shin Jungmoo's updated profile is consistently framed in cards */
.talent-reference-card[data-ref-category="art-story"] .talent-reference-visual img{
  object-fit:cover;
  object-position:center 28%;
}
@media (min-width:1101px){
  .talent-reference-card[data-ref-category="art-story"] .talent-reference-visual img{object-position:center 24%}
}


/* v2.8.95 — Standardized Talent IP detail template */
.talent-standard-page{background:#080a09;color:#fff}
.talent-standard-hero{padding:clamp(130px,12vw,190px) max(5vw,32px) clamp(72px,8vw,120px);border-bottom:1px solid rgba(255,255,255,.12)}
.talent-standard-hero-inner{width:min(1420px,100%);margin:0 auto}
.talent-standard-back{display:inline-flex;align-items:center;margin:0 0 clamp(44px,5vw,72px);color:#c8ff00;text-decoration:none;font-size:clamp(15px,1.2vw,20px);font-weight:800;letter-spacing:-.02em}
.talent-standard-back:hover{color:#fff}
.talent-standard-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.76fr);gap:clamp(50px,8vw,120px);align-items:center}
.talent-standard-copy .section-label{display:block;margin-bottom:18px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.22em}
.talent-standard-copy h1{margin:0;font-size:clamp(64px,7vw,118px);line-height:.9;letter-spacing:-.075em}
.talent-standard-copy h1 small{display:block;margin-top:26px;font-size:clamp(20px,2vw,34px);line-height:1;letter-spacing:.24em;color:#aeb0af;font-weight:500}
.talent-standard-role{margin:32px 0 16px;font-size:clamp(22px,2vw,34px);font-weight:750;line-height:1.35;letter-spacing:-.045em}
.talent-standard-intro{max-width:760px;margin:0;color:#bbbdbc;font-size:clamp(16px,1.35vw,21px);line-height:1.85}
.talent-standard-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.talent-standard-tags span{padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:11px;letter-spacing:.12em;color:#e7e8e7}
.talent-standard-contact{display:inline-flex;margin-top:34px;padding:15px 24px;border-radius:999px;background:#c8ff00;color:#080a09;text-decoration:none;font-size:13px;font-weight:800}
.talent-standard-visual{margin:0;overflow:hidden;border-radius:34px;background:#151816;border:1px solid rgba(255,255,255,.12);aspect-ratio:1/1}
.talent-standard-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.talent-standard-profile{background:#f1f0eb;color:#0a0b0a;padding:clamp(76px,9vw,140px) max(5vw,32px)}
.talent-standard-profile-inner{width:min(1420px,100%);margin:0 auto}
.talent-standard-profile .section-label{color:#171817}
.talent-standard-profile-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.85fr);gap:clamp(50px,9vw,150px);align-items:start;margin-top:52px}
.talent-standard-profile h2{margin:0;font-size:clamp(52px,6vw,94px);line-height:.96;letter-spacing:-.07em}
.talent-standard-profile-copy>p{margin:0 0 34px;color:#555852;font-size:clamp(17px,1.35vw,21px);line-height:1.9}
.talent-standard-facts{margin:0;display:grid}
.talent-standard-facts>div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-top:1px solid rgba(0,0,0,.16)}
.talent-standard-facts>div:last-child{border-bottom:1px solid rgba(0,0,0,.16)}
.talent-standard-facts dt{font-size:12px;color:#787b75;font-weight:700}
.talent-standard-facts dd{margin:0;font-size:16px;font-weight:800;line-height:1.55}
.talent-standard-content{padding:clamp(78px,9vw,140px) max(5vw,32px);background:#080a09}
.talent-standard-content-inner{width:min(1420px,100%);margin:0 auto}
.talent-standard-content-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:40px;align-items:end;margin:46px 0 42px}
.talent-standard-content-head h2{margin:0;font-size:clamp(52px,6vw,96px);line-height:.96;letter-spacing:-.07em}
.talent-standard-content-head p{margin:0;color:#aeb0af;font-size:17px;line-height:1.75}
.talent-standard-extra{padding:clamp(70px,8vw,120px) max(5vw,32px);background:#f1f0eb;color:#0a0b0a}
.talent-standard-extra-inner{width:min(1420px,100%);margin:0 auto}
.talent-standard-extra .talent-career-list,.talent-standard-extra .talent-services{margin-top:36px}
.talent-standard-extra .talent-career-card,.talent-standard-extra .talent-service{background:#fff;border-color:rgba(0,0,0,.1);color:#0a0b0a}
.talent-standard-extra .talent-career-card p,.talent-standard-extra .talent-service p{color:#555852}
.talent-standard-extra h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.06em;margin:0}
@media(max-width:900px){
 .talent-standard-hero{padding-top:calc(116px + env(safe-area-inset-top));padding-left:24px;padding-right:24px}
 .talent-standard-grid{grid-template-columns:1fr;gap:40px}
 .talent-standard-back{margin-bottom:42px}
 .talent-standard-copy h1{font-size:clamp(58px,15vw,82px)}
 .talent-standard-visual{width:min(100%,560px);aspect-ratio:4/5;border-radius:28px}
 .talent-standard-profile,.talent-standard-content,.talent-standard-extra{padding-left:24px;padding-right:24px}
 .talent-standard-profile-grid,.talent-standard-content-head{grid-template-columns:1fr;gap:34px}
 .talent-standard-profile h2,.talent-standard-content-head h2{font-size:clamp(46px,12vw,68px)}
}
@media(max-width:520px){
 .talent-standard-hero{padding-left:20px;padding-right:20px;padding-bottom:64px}
 .talent-standard-back{font-size:16px;margin-bottom:48px}
 .talent-standard-copy .section-label{font-size:11px}
 .talent-standard-copy h1{font-size:56px}
 .talent-standard-copy h1 small{font-size:20px;margin-top:18px}
 .talent-standard-role{font-size:22px;margin-top:26px}
 .talent-standard-intro{font-size:16px;line-height:1.8}
 .talent-standard-visual{aspect-ratio:1/1}
 .talent-standard-profile,.talent-standard-content,.talent-standard-extra{padding-left:20px;padding-right:20px}
 .talent-standard-facts>div{grid-template-columns:92px 1fr;gap:16px}
}



/* v2.8.96 — clean talent imagery and Korean name-spacing standard */
/* Profile/hero images must remain image-only: no labels, badges, captions or text overlays. */
.talent-standard-visual::before,
.talent-standard-visual::after,
.talent-detail-visual::before,
.talent-detail-visual::after,
.hansea-hero-visual::before,
.hansea-hero-visual::after{content:none!important;display:none!important;background:none!important}
.talent-standard-visual figcaption,
.talent-detail-visual figcaption,
.hansea-hero-visual figcaption{display:none!important}
.talent-standard-visual img,
.talent-detail-visual img,
.hansea-hero-visual img{filter:none!important;mix-blend-mode:normal!important}

/* v2.8.100 — desktop horizontal portfolio carousel */
.portfolio-carousel-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
.portfolio-carousel-counter{min-width:70px;text-align:center;color:rgba(255,255,255,.62);font-size:12px;letter-spacing:.12em}
.portfolio-carousel-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:24px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.portfolio-carousel-btn:hover{background:#dfff00;border-color:#dfff00;color:#070907;transform:translateY(-2px)}
.portfolio-carousel-btn:disabled{opacity:.28;cursor:default;transform:none}
.talent-standard-content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.talent-standard-content-head>p{max-width:560px}

@media(min-width:901px){
  .hansea-gallery,.talent-standard-content{overflow:hidden}
  .hansea-gallery-head{align-items:flex-end}
  .hansea-gallery-grid,.talent-works-grid{
    display:flex!important;
    gap:20px!important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:4px max(7vw,40px) 28px 0;
    margin-right:calc(50% - 50vw);
    cursor:grab;
  }
  .hansea-gallery-grid::-webkit-scrollbar,.talent-works-grid::-webkit-scrollbar{display:none}
  .hansea-gallery-grid.is-dragging,.talent-works-grid.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
  .hansea-gallery-item,.hansea-gallery-item:nth-child(6n+1),.hansea-gallery-item:nth-child(6n+4){
    flex:0 0 clamp(360px,36vw,540px)!important;
    width:clamp(360px,36vw,540px)!important;
    scroll-snap-align:start;
    border-radius:22px;
  }
  .hansea-gallery-item img{aspect-ratio:4/3!important;object-fit:cover;object-position:center 24%}
  .hansea-gallery-item figcaption{min-height:52px;padding:14px 16px;font-size:12px}
  .talent-work-card{
    flex:0 0 clamp(420px,42vw,620px)!important;
    width:clamp(420px,42vw,620px)!important;
    scroll-snap-align:start;
  }
  .talent-work-card img{aspect-ratio:16/10!important;object-fit:contain!important;background:#111}
  .talent-work-card-body{min-height:150px}
}

@media(max-width:900px){
  .portfolio-carousel-controls{display:none}
  .talent-standard-content-head{display:block}
}

/* v2.8.101 — single-item portfolio viewer */
.portfolio-single-stage{position:relative;margin-top:34px}
.portfolio-single-stage .hansea-gallery-grid,
.portfolio-single-stage .talent-works-grid{
  display:flex!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  padding:0!important;
  margin:0!important;
  cursor:grab;
}
.portfolio-single-stage .hansea-gallery-grid::-webkit-scrollbar,
.portfolio-single-stage .talent-works-grid::-webkit-scrollbar{display:none}
.portfolio-single-stage .hansea-gallery-item,
.portfolio-single-stage .hansea-gallery-item:nth-child(6n+1),
.portfolio-single-stage .hansea-gallery-item:nth-child(6n+4),
.portfolio-single-stage .talent-work-card{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  border-radius:24px!important;
  overflow:hidden;
}
.portfolio-single-stage .hansea-gallery-item{background:#0c0e0d;border:1px solid rgba(255,255,255,.12)}
.portfolio-single-stage .hansea-gallery-item img,
.portfolio-single-stage .talent-work-card img{
  display:block;
  width:100%!important;
  height:min(68vh,720px)!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#090b0a;
}
.portfolio-single-stage .hansea-gallery-item figcaption{
  display:flex!important;align-items:center;gap:16px;min-height:72px;padding:18px 24px!important;
  font-size:14px!important;letter-spacing:.03em;border-top:1px solid rgba(255,255,255,.1)
}
.portfolio-single-stage .hansea-gallery-item figcaption span{color:#dfff00;font-size:12px;letter-spacing:.15em}
.portfolio-single-stage .talent-work-card{display:grid!important;grid-template-columns:minmax(0,1fr) 360px;background:#101211;border:1px solid rgba(255,255,255,.12)}
.portfolio-single-stage .talent-work-card img{grid-column:1;grid-row:1;height:min(68vh,720px)!important}
.portfolio-single-stage .talent-work-card-body{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;min-height:0!important;padding:42px 34px!important;border-left:1px solid rgba(255,255,255,.1)}
.portfolio-single-stage .talent-work-card-body h3{font-size:clamp(25px,2.5vw,38px);line-height:1.18;margin:14px 0 12px}
.portfolio-single-stage .talent-work-card-body p{font-size:15px;margin-bottom:28px}
.portfolio-single-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.portfolio-single-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#111312;color:#fff;font-size:26px;cursor:pointer;transition:.2s ease}
.portfolio-single-btn:hover{background:#dfff00;border-color:#dfff00;color:#060806;transform:translateY(-2px)}
.portfolio-single-btn:disabled{opacity:.25;cursor:default;transform:none}
.portfolio-single-counter{min-width:92px;text-align:center;color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.14em}
.portfolio-single-hit{position:absolute;top:0;bottom:76px;width:18%;z-index:3;border:0;background:transparent;cursor:pointer}
.portfolio-single-hit.prev{left:0}.portfolio-single-hit.next{right:0}
.portfolio-single-hit:focus-visible{outline:2px solid #dfff00;outline-offset:-4px}
.portfolio-carousel-controls{display:none!important}

@media(max-width:900px){
  .portfolio-single-stage{margin-top:24px}
  .portfolio-single-stage .hansea-gallery-item,
  .portfolio-single-stage .talent-work-card{border-radius:18px!important}
  .portfolio-single-stage .hansea-gallery-item img,
  .portfolio-single-stage .talent-work-card img{height:min(62vh,620px)!important}
  .portfolio-single-stage .talent-work-card{display:block!important}
  .portfolio-single-stage .talent-work-card-body{display:block;min-height:auto!important;padding:22px 20px!important;border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .portfolio-single-stage .talent-work-card-body h3{font-size:24px}
  .portfolio-single-hit{display:none}
  .portfolio-single-btn{width:48px;height:48px}
}

/* v2.8.104 — IP portfolio image lightbox */
.ip-lightbox-enabled{cursor:zoom-in}
.ip-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(5,7,10,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:32px}
.ip-lightbox.is-open{display:flex}
.ip-lightbox-dialog{position:relative;width:min(1440px,100%);height:min(900px,calc(100vh - 64px));display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;outline:none}
.ip-lightbox-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;border-radius:18px;background:#0b0d10}
.ip-lightbox-media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.ip-lightbox-close,.ip-lightbox-nav{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.18);background:rgba(8,10,13,.72);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease}
.ip-lightbox-close:hover,.ip-lightbox-nav:hover{background:rgba(255,255,255,.14)}
.ip-lightbox-close{top:18px;right:18px;width:46px;height:46px;border-radius:50%;font-size:28px;line-height:1}
.ip-lightbox-nav{top:50%;width:54px;height:72px;border-radius:999px;transform:translateY(-50%);font-size:30px}
.ip-lightbox-nav:hover{transform:translateY(-50%) scale(1.04)}
.ip-lightbox-nav.prev{left:18px}.ip-lightbox-nav.next{right:18px}
.ip-lightbox-nav:disabled{opacity:.25;cursor:default}
.ip-lightbox-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;color:#fff;padding:0 4px}
.ip-lightbox-title{font-size:17px;line-height:1.5;font-weight:600}
.ip-lightbox-counter{font-size:13px;letter-spacing:.12em;color:rgba(255,255,255,.62);white-space:nowrap;padding-top:3px}
body.ip-lightbox-lock{overflow:hidden}
@media(max-width:700px){.ip-lightbox{padding:14px}.ip-lightbox-dialog{height:calc(100vh - 28px);gap:12px}.ip-lightbox-media{border-radius:12px}.ip-lightbox-close{top:10px;right:10px;width:42px;height:42px}.ip-lightbox-nav{width:44px;height:58px;font-size:24px}.ip-lightbox-nav.prev{left:8px}.ip-lightbox-nav.next{right:8px}.ip-lightbox-caption{gap:12px}.ip-lightbox-title{font-size:14px}.ip-lightbox-counter{font-size:11px}}

/* v2.8.105 — IP portfolio experience redesign */
.ip-portfolio-hero{padding:clamp(140px,14vw,210px) max(5vw,32px) clamp(72px,8vw,120px);background:radial-gradient(circle at 78% 5%,rgba(207,255,0,.12),transparent 34%),#070908;border-bottom:1px solid rgba(255,255,255,.1)}
.ip-portfolio-hero-inner{width:min(1500px,100%);margin:0 auto}.ip-portfolio-kicker{font-size:12px;font-weight:800;letter-spacing:.24em;color:#dfff00;margin-bottom:28px}
.ip-portfolio-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end}.ip-portfolio-hero h1{margin:0;font-size:clamp(54px,7vw,112px);line-height:.94;letter-spacing:-.075em}.ip-portfolio-hero-grid p{max-width:780px;margin:30px 0 0;color:#b7bbb8;font-size:clamp(17px,1.4vw,22px);line-height:1.75}
.ip-portfolio-primary-cta{display:inline-flex;align-items:center;gap:36px;padding:18px 24px;border-radius:999px;background:#dfff00;color:#070907;text-decoration:none;font-size:14px;font-weight:900;white-space:nowrap;transition:.25s ease}.ip-portfolio-primary-cta:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(207,255,0,.18)}
.ip-featured-rail{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px;margin-top:clamp(60px,7vw,100px)}.ip-featured-card{position:relative;min-height:clamp(420px,42vw,620px);overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.13);background:#111;color:#fff;text-decoration:none}.ip-featured-card img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}.ip-featured-card:not(.is-wide) img{object-position:center}.ip-featured-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(3,5,4,.9) 100%)}.ip-featured-card:hover img{transform:scale(1.045);filter:saturate(1.06)}.ip-featured-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px}.ip-featured-overlay span{font-size:10px;letter-spacing:.18em;color:#dfff00}.ip-featured-overlay strong{display:block;margin-top:12px;font-size:clamp(30px,3vw,52px);letter-spacing:-.05em}.ip-featured-overlay p{margin:8px 0 20px;font-size:14px;color:#d1d4d1}.ip-featured-overlay b{font-size:13px}
.ip-value-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden}.ip-value-strip>div{padding:25px 28px;border-right:1px solid rgba(255,255,255,.1)}.ip-value-strip>div:last-child{border:0}.ip-value-strip span{color:#dfff00;font-size:11px}.ip-value-strip strong{display:block;margin:10px 0 7px;font-size:14px;letter-spacing:.1em}.ip-value-strip p{margin:0;color:#929793;font-size:13px}
.reference-page-main>.reference-category-section{padding-top:clamp(70px,8vw,120px)}.reference-browser{background:#0b0e0c;border-radius:32px;padding:clamp(20px,3vw,36px)}.reference-browser-tabs{position:sticky;top:84px;z-index:15;padding:10px;background:rgba(11,14,12,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09);border-radius:999px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.reference-browser-tabs::-webkit-scrollbar{display:none}.reference-browser-tabs button{flex:0 0 auto}.ip-browser-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 10px}.ip-search-box{display:flex;align-items:center;gap:12px;width:min(480px,100%);padding:0 18px;height:54px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.035)}.ip-search-box span{font-size:24px;color:#dfff00}.ip-search-input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit}.ip-search-input::placeholder{color:#777d79}.ip-browser-note{color:#858b87;font-size:13px}
.reference-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reference-browser-grid .talent-reference-card{min-height:480px!important;display:flex!important;flex-direction:column-reverse!important;gap:0!important;border-radius:28px!important}.talent-reference-card .talent-reference-visual{width:100%;min-height:260px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.talent-reference-card .talent-reference-visual img{max-width:none!important;width:100%!important;height:100%!important;aspect-ratio:16/10!important;border-radius:0!important;border:0!important;box-shadow:none!important;object-fit:cover!important}.talent-reference-card .talent-reference-body{flex:1;padding:26px!important;justify-content:flex-start!important}.ip-card-status{align-self:flex-start;padding:7px 10px;border-radius:999px;background:rgba(207,255,0,.1);color:#dfff00;font-size:9px!important;font-weight:900;letter-spacing:.12em!important}.ip-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.ip-card-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#b8bdb9;font-size:10px!important;letter-spacing:0!important}.talent-reference-card .talent-reference-body h3{margin-top:15px!important}.talent-reference-card .talent-reference-body a{margin-top:auto!important;padding-top:24px}
.ip-detail-dock{position:fixed;z-index:900;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,10,9,.82);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.35)}.ip-detail-dock a{padding:12px 18px;border-radius:999px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.ip-detail-dock-contact{background:#dfff00!important;color:#070907!important}
.portfolio-thumbnail-rail{display:flex;gap:9px;overflow-x:auto;padding:14px 2px 4px;scrollbar-width:none}.portfolio-thumbnail-rail::-webkit-scrollbar{display:none}.portfolio-thumbnail{flex:0 0 76px;width:76px;height:58px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:9px;overflow:hidden;background:#111;cursor:pointer;opacity:.48;transition:.2s}.portfolio-thumbnail img{width:100%;height:100%;object-fit:cover}.portfolio-thumbnail.active{opacity:1;border-color:#dfff00;box-shadow:0 0 0 2px rgba(207,255,0,.13)}.portfolio-progress{height:2px;margin-top:18px;background:rgba(255,255,255,.1);overflow:hidden}.portfolio-progress i{display:block;width:0;height:100%;background:#dfff00;transition:width .3s ease}
@media(max-width:1100px){.ip-featured-rail{grid-template-columns:1fr 1fr}.ip-featured-card.is-wide{grid-column:1/-1}.reference-browser-grid{grid-template-columns:1fr 1fr}.ip-portfolio-hero-grid{grid-template-columns:1fr}.ip-portfolio-primary-cta{justify-self:start}}
@media(max-width:700px){.ip-portfolio-hero{padding-left:20px;padding-right:20px}.ip-portfolio-hero h1{font-size:clamp(48px,14vw,68px)}.ip-featured-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px}.ip-featured-card,.ip-featured-card.is-wide{flex:0 0 84vw;min-height:480px;scroll-snap-align:start}.ip-value-strip{grid-template-columns:1fr}.ip-value-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.reference-browser-grid{grid-template-columns:1fr}.ip-browser-toolbar{display:block}.ip-browser-note{display:block;margin-top:13px}.reference-browser-tabs{top:72px;border-radius:18px}.ip-detail-dock{bottom:12px;width:calc(100% - 24px);justify-content:space-between}.ip-detail-dock a{flex:1;text-align:center}.portfolio-thumbnail{flex-basis:64px;width:64px;height:50px}}

/* v2.8.107 — responsive featured IP expansion and desktop viewport optimization */
@media (min-width:1101px){
  .reference-page-main{overflow-x:clip}
  .ip-portfolio-hero{
    padding-top:clamp(108px,11vh,160px);
    padding-right:clamp(24px,2.4vw,52px);
    padding-bottom:clamp(64px,8vh,110px);
    padding-left:clamp(24px,2.4vw,52px)
  }
  .ip-portfolio-hero-inner{width:min(1760px,100%)}
  .ip-featured-rail{
    display:flex;
    align-items:stretch;
    gap:clamp(14px,1.15vw,24px);
    height:clamp(500px,calc(100svh - 300px),760px);
    min-height:0;
    margin-top:clamp(42px,6vh,82px)
  }
  .ip-featured-card,
  .ip-featured-card.is-wide{
    flex:1 1 0;
    min-width:0;
    min-height:0;
    height:100%;
    border-radius:clamp(20px,1.5vw,30px);
    transition:flex-grow .58s cubic-bezier(.2,.72,.18,1),opacity .4s ease,border-color .35s ease,box-shadow .45s ease;
    will-change:flex-grow
  }
  .ip-featured-card.is-wide{flex-grow:1.16}
  .ip-featured-rail:hover .ip-featured-card{flex-grow:.86;opacity:.76}
  .ip-featured-rail:hover .ip-featured-card:hover,
  .ip-featured-rail:focus-within .ip-featured-card:focus-visible{
    flex-grow:1.58;
    opacity:1;
    z-index:3;
    border-color:rgba(223,255,0,.46);
    box-shadow:0 26px 80px rgba(0,0,0,.38)
  }
  .ip-featured-card img{transition:transform .75s cubic-bezier(.2,.72,.18,1),filter .45s ease}
  .ip-featured-card:hover img,
  .ip-featured-card:focus-visible img{transform:scale(1.075);filter:saturate(1.08) contrast(1.02)}
  .ip-featured-overlay{padding:clamp(24px,2vw,38px)}
  .ip-featured-overlay strong{font-size:clamp(34px,3.1vw,58px)}
  .ip-featured-overlay p{font-size:clamp(13px,.95vw,16px)}
  .ip-featured-overlay b{display:inline-flex;align-items:center;gap:8px;font-size:clamp(13px,.88vw,15px);transition:transform .35s ease,color .35s ease}
  .ip-featured-card:hover .ip-featured-overlay b,
  .ip-featured-card:focus-visible .ip-featured-overlay b{transform:translateX(7px);color:#dfff00}
}
@media (min-width:1600px) and (min-height:900px){
  .ip-portfolio-hero-inner{width:min(1840px,100%)}
  .ip-featured-rail{height:clamp(610px,64vh,820px)}
}
@media (min-width:1101px) and (max-height:760px){
  .ip-portfolio-hero{padding-top:96px;padding-bottom:56px}
  .ip-featured-rail{height:clamp(420px,calc(100svh - 245px),540px);margin-top:34px}
  .ip-featured-overlay{padding:24px}
  .ip-featured-overlay strong{font-size:clamp(30px,2.65vw,46px)}
  .ip-featured-overlay p{margin-bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  .ip-featured-card,.ip-featured-card img,.ip-featured-overlay b{transition:none!important}
}

/* v2.8.108 — clearer interaction affordances */
.talent-reference-visual{cursor:pointer}
.talent-card-detail-link{position:relative;z-index:4}
.work-lightbox-trigger{display:inline-flex;align-items:center;gap:.35em;cursor:zoom-in;position:relative;z-index:5}
.work-lightbox-trigger:focus-visible{outline:2px solid var(--accent,#d9ff43);outline-offset:5px;border-radius:2px}
.work-preview-detail-link{color:inherit;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.work-preview-detail-link:hover{text-decoration:underline}
html{scroll-behavior:smooth}
#visual-portfolio,#works,#distrobeats-portfolio{scroll-margin-top:96px}

/* v2.8.117 — IP search, centered status badge and circular profile portraits */
.reference-browser-grid .talent-reference-card .talent-reference-visual{
  min-height:286px!important;
  padding:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.075) 0%,rgba(255,255,255,.025) 42%,rgba(255,255,255,0) 72%),
    #0b0e0d!important;
  overflow:hidden!important;
}
.reference-browser-grid .talent-reference-card .talent-reference-visual img{
  width:clamp(190px,18vw,246px)!important;
  height:auto!important;
  max-width:246px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.42),0 0 0 10px rgba(255,255,255,.025)!important;
  transition:transform .35s ease,box-shadow .35s ease!important;
}
.reference-browser-grid .talent-reference-card:hover .talent-reference-visual img,
.reference-browser-grid .talent-reference-card:focus-within .talent-reference-visual img{
  transform:scale(1.035);
  box-shadow:0 28px 64px rgba(0,0,0,.5),0 0 0 12px rgba(207,255,0,.035)!important;
}
.reference-browser-grid .hansea-card .talent-reference-visual img{object-position:center 25%!important}
.reference-browser-grid .talent-reference-card[data-ref-category="art-story"] .talent-reference-visual img{object-position:center 24%!important}
.reference-browser-grid .talent-reference-card[data-ref-category="music-performance"] .talent-reference-visual img{object-position:center 34%!important}
.reference-browser-grid .ip-card-status{
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px;
  min-width:104px;
  padding:7px 13px!important;
  text-align:center!important;
  line-height:1.2!important;
}
.reference-empty[data-search-empty="true"] strong::before{content:""}
@media(max-width:760px){
  .reference-browser-grid .talent-reference-card .talent-reference-visual{min-height:245px!important;padding:24px!important}
  .reference-browser-grid .talent-reference-card .talent-reference-visual img{width:min(200px,68vw)!important;max-width:200px!important}
}
@media(prefers-reduced-motion:reduce){
  .reference-browser-grid .talent-reference-card .talent-reference-visual img{transition:none!important}
}


/* v2.8.119 — larger talent detail visuals and face-centered circular cards */
@media(min-width:901px){
  .talent-standard-hero-inner{width:min(1520px,100%)}
  .talent-standard-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:clamp(44px,6vw,96px)}
  .talent-standard-visual{width:min(100%,620px);justify-self:end;aspect-ratio:4/5;border-radius:38px}
}
.reference-browser-grid .hansea-card .talent-reference-visual img{object-position:center 22%!important}
.reference-browser-grid .talent-reference-card[data-ref-category="art-story"] .talent-reference-visual img{object-position:center 20%!important}
.reference-browser-grid .talent-reference-card[data-ref-category="music-performance"] .talent-reference-visual img{object-position:center 38%!important}

/* v2.8.121 — full-screen detail image viewing and normalized portrait framing */
.talent-standard-visual img,
.portfolio-single-stage .hansea-gallery-item img,
.portfolio-single-stage .talent-work-card img{
  cursor:zoom-in;
}

/* Detail hero portraits: consistent face scale and eye-line while preserving 4:5 editorial framing. */
.talent-standard-visual img[src*="hansea-01"]{
  object-position:center 24%!important;
  transform:scale(1.08);
}
.talent-standard-visual img[src*="talent-shin-jungmoo"]{
  object-position:center 25%!important;
  transform:scale(1.11);
}
.talent-standard-visual img[src*="talent-distrobeats-profile"]{
  object-position:center 37%!important;
  transform:scale(1.16);
}

/* Circular IP cards: use per-person scale variables so faces read at a comparable size. */
.reference-browser-grid .talent-reference-card .talent-reference-visual img{
  --portrait-scale:1;
  transform:scale(var(--portrait-scale))!important;
}
.reference-browser-grid .hansea-card .talent-reference-visual img{
  --portrait-scale:1.12;
  object-position:center 23%!important;
}
.reference-browser-grid .talent-reference-card[data-ref-category="art-story"] .talent-reference-visual img{
  --portrait-scale:1.18;
  object-position:center 22%!important;
}
.reference-browser-grid .talent-reference-card[data-ref-category="music-performance"] .talent-reference-visual img{
  --portrait-scale:1.15;
  object-position:center 37%!important;
}
.reference-browser-grid .talent-reference-card:hover .talent-reference-visual img,
.reference-browser-grid .talent-reference-card:focus-within .talent-reference-visual img{
  transform:scale(calc(var(--portrait-scale,1) * 1.035))!important;
}

/* v2.8.122 — image-first portfolio interaction */
.talent-work-card img,.hansea-gallery-item img,.artwork-detail-image img,.audio-reference-card img{cursor:zoom-in}
.talent-work-card-body:empty{display:none}

/* v2.8.123 — authoritative portfolio lightbox and click affordance */
.ip-portfolio-master-lightbox{z-index:2147483000}
.ip-portfolio-master-lightbox .ip-lightbox-dialog{width:min(1600px,100%);height:min(960px,calc(100dvh - 48px))}
.ip-portfolio-master-lightbox .ip-lightbox-media{background:rgba(4,6,8,.96)}
.ip-portfolio-master-lightbox .ip-lightbox-media img{max-width:calc(100% - 120px);max-height:calc(100% - 36px);object-fit:contain}
.hansea-gallery-item img,.talent-work-card img,.talent-standard-visual img,.artwork-detail-image img,.audio-reference-card img{cursor:zoom-in}
@media(max-width:700px){.ip-portfolio-master-lightbox .ip-lightbox-dialog{height:calc(100dvh - 20px)}.ip-portfolio-master-lightbox .ip-lightbox-media img{max-width:100%;max-height:calc(100% - 20px)}}
/* v2.8.124 definitive portfolio viewer */
.rw-zoomable{cursor:zoom-in!important}
.rw-viewer{position:fixed;inset:0;z-index:2147483000;display:none;place-items:center;background:rgba(0,0,0,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:20px}
.rw-viewer.open{display:grid}
.rw-viewer-dialog{position:relative;width:100%;height:100%;max-width:1800px;max-height:calc(100dvh - 40px);outline:0;display:grid;place-items:center}
.rw-viewer figure{margin:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:14px}
.rw-viewer figure img{display:block;max-width:calc(100vw - 140px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 32px 100px rgba(0,0,0,.65)}
.rw-viewer figcaption{width:min(1200px,calc(100vw - 60px));display:flex;justify-content:space-between;gap:24px;color:#fff;font-size:14px;letter-spacing:.02em}
.rw-viewer figcaption span{color:rgba(255,255,255,.58);white-space:nowrap}
.rw-viewer button{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.22);background:rgba(10,10,10,.72);color:#fff;display:grid;place-items:center;cursor:pointer}
.rw-viewer-close{right:12px;top:12px;width:50px;height:50px;border-radius:50%;font-size:30px}
.rw-viewer-prev,.rw-viewer-next{top:50%;transform:translateY(-50%);width:58px;height:74px;border-radius:999px;font-size:28px}
.rw-viewer-prev{left:12px}.rw-viewer-next{right:12px}.rw-viewer button:disabled{opacity:.2;cursor:default}
html.rw-viewer-lock,html.rw-viewer-lock body{overflow:hidden!important}
@media(max-width:700px){.rw-viewer{padding:8px}.rw-viewer figure img{max-width:100%;max-height:calc(100dvh - 92px)}.rw-viewer-prev,.rw-viewer-next{width:42px;height:58px;font-size:22px}.rw-viewer-prev{left:4px}.rw-viewer-next{right:4px}.rw-viewer-close{right:6px;top:6px;width:44px;height:44px}.rw-viewer figcaption{width:calc(100vw - 24px);font-size:12px}}

/* v2.8.126 — authoritative profile links and image viewer */
.rebon-zoomable-image{cursor:zoom-in!important}
.rebon-image-viewer{position:fixed;inset:0;z-index:2147483646;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.96);padding:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.rebon-image-viewer.is-open{display:flex!important}
.rebon-image-viewer__dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:none}
.rebon-image-viewer figure{margin:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:14px}
.rebon-image-viewer figure img{display:block;max-width:calc(100vw - 150px);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 28px 90px rgba(0,0,0,.7)}
.rebon-image-viewer figcaption{width:min(1200px,calc(100vw - 70px));display:flex;justify-content:space-between;gap:24px;color:#fff;font-size:14px}
.rebon-image-viewer figcaption span{color:rgba(255,255,255,.62);white-space:nowrap}
.rebon-image-viewer button{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.25);background:rgba(12,12,12,.78);color:#fff;cursor:pointer;display:grid;place-items:center}
.rebon-image-viewer__close{top:8px;right:8px;width:50px;height:50px;border-radius:50%;font-size:30px}
.rebon-image-viewer__prev,.rebon-image-viewer__next{top:50%;transform:translateY(-50%);width:58px;height:74px;border-radius:999px;font-size:28px}
.rebon-image-viewer__prev{left:8px}.rebon-image-viewer__next{right:8px}
.rebon-image-viewer button:disabled{opacity:.2;cursor:default}
html.rebon-viewer-lock,html.rebon-viewer-lock body{overflow:hidden!important}
#profile-top{scroll-margin-top:0}
@media(max-width:700px){.rebon-image-viewer{padding:8px}.rebon-image-viewer figure img{max-width:100%;max-height:calc(100dvh - 92px)}.rebon-image-viewer__prev,.rebon-image-viewer__next{width:42px;height:58px;font-size:22px}.rebon-image-viewer__close{width:44px;height:44px}.rebon-image-viewer figcaption{width:calc(100vw - 24px);font-size:12px}}

/* v2.8.129 — horizontal portfolio navigation */
.portfolio-flow-controls{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.portfolio-flow-button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:inherit;font:inherit;font-size:20px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,opacity .2s ease}
.portfolio-flow-button:hover:not(:disabled){background:#dfff00;border-color:#dfff00;color:#080a08;transform:translateY(-2px)}
.portfolio-flow-button:disabled{opacity:.28;cursor:default}
.portfolio-flow-counter{min-width:72px;text-align:center;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.66)}
.portfolio-flow-toolbar-host{display:flex;justify-content:flex-end;margin:0 0 18px}
.hansea-gallery-head,.talent-standard-content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.portfolio-flow-track.hansea-gallery-grid,.portfolio-flow-track.talent-works-grid{display:flex!important;grid-template-columns:none!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y pinch-zoom;padding:4px max(6vw,36px) 26px 0;margin-right:calc(50% - 50vw)}
.portfolio-flow-track::-webkit-scrollbar{display:none}
.portfolio-flow-track.is-dragging{cursor:grabbing!important;scroll-behavior:auto!important;scroll-snap-type:none!important;user-select:none}
.portfolio-flow-track.is-dragging img{pointer-events:none}
.portfolio-flow-track .hansea-gallery-item,.portfolio-flow-track .talent-work-card{scroll-snap-align:start;scroll-snap-stop:normal;flex:none!important;max-width:none!important}
.portfolio-flow-track .hansea-gallery-item{width:clamp(280px,31vw,460px)!important}
.portfolio-flow-track .talent-work-card{width:clamp(330px,38vw,560px)!important}
.portfolio-flow-track .hansea-gallery-item img{width:100%;aspect-ratio:4/5!important;object-fit:cover}
.portfolio-flow-track .talent-work-card img{width:100%;aspect-ratio:16/10!important;object-fit:contain!important;background:#0b0d0c}
@media(max-width:900px){.hansea-gallery-head,.talent-standard-content-head{align-items:flex-start}.portfolio-flow-controls{gap:7px}.portfolio-flow-button{width:40px;height:40px}.portfolio-flow-counter{min-width:62px;font-size:10px}.portfolio-flow-track.hansea-gallery-grid,.portfolio-flow-track.talent-works-grid{gap:12px!important;margin-left:-20px;margin-right:-20px;padding:4px 20px 22px}.portfolio-flow-track .hansea-gallery-item{width:min(78vw,360px)!important}.portfolio-flow-track .talent-work-card{width:min(86vw,430px)!important}}
@media(max-width:620px){.hansea-gallery-head,.talent-standard-content-head{display:block}.portfolio-flow-controls{margin:18px 0 0}.portfolio-flow-button{width:38px;height:38px}.portfolio-flow-track .hansea-gallery-item{width:76vw!important}.portfolio-flow-track .talent-work-card{width:84vw!important}}
@media(prefers-reduced-motion:reduce){.portfolio-flow-track{scroll-behavior:auto!important}.portfolio-flow-button{transition:none}}

/* v2.8.131 — authoritative IP portfolio search */
.ip-search-status{margin:10px 0 16px;color:var(--muted,#6f7379);font-size:13px;line-height:1.5;min-height:20px}
.reference-browser-grid>[data-ref-item].ip-search-hidden{display:none!important}
.reference-empty[hidden],.reference-pagination[hidden]{display:none!important}

/* v2.8.132 — unified talent portfolio layer and authoritative viewer */
.rebon-talent-portfolio-layer{position:relative;margin-inline:auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;background:#0b0d0c!important;box-shadow:0 22px 70px rgba(0,0,0,.18)}
.rebon-talent-portfolio-layer>.section-label,.rebon-talent-portfolio-layer>.hansea-gallery-head,.rebon-talent-portfolio-layer>.talent-standard-content-inner{position:relative;z-index:1}
.rebon-talent-track{display:flex!important;grid-template-columns:none!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y;padding-bottom:24px}
.rebon-talent-track::-webkit-scrollbar{display:none}.rebon-talent-track.is-dragging{cursor:grabbing;scroll-snap-type:none!important;user-select:none}.rebon-talent-track.is-dragging img{pointer-events:none}
.rebon-talent-track>.hansea-gallery-item,.rebon-talent-track>.talent-work-card,.rebon-talent-track>.portfolio-card,.rebon-talent-track>.track-card{flex:none!important;scroll-snap-align:start}
.rebon-talent-track>.hansea-gallery-item{width:clamp(280px,31vw,460px)!important}.rebon-talent-track>.talent-work-card{width:clamp(330px,38vw,560px)!important}
.rebon-talent-controls{display:flex;align-items:center;gap:10px;margin-left:auto}.rebon-talent-controls button{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:inherit;font-size:20px;cursor:pointer}.rebon-talent-controls button:hover:not(:disabled){background:#dfff00;color:#090b09;border-color:#dfff00}.rebon-talent-controls button:disabled{opacity:.28}.rebon-talent-controls span{min-width:72px;text-align:center;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.65)}
.rebon-talent-zoom{cursor:zoom-in!important}
.rebon-talent-viewer{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.rebon-talent-viewer.is-open{display:flex!important}
.rebon-talent-viewer__dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:0}.rebon-talent-viewer figure{margin:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:14px}.rebon-talent-viewer figure img{display:block;max-width:calc(100vw - 150px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 30px 100px rgba(0,0,0,.72)}.rebon-talent-viewer figcaption{width:min(1200px,calc(100vw - 70px));display:flex;justify-content:space-between;gap:24px;color:#fff;font-size:14px}.rebon-talent-viewer figcaption span{color:rgba(255,255,255,.6);white-space:nowrap}.rebon-talent-viewer button{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(12,12,12,.82);color:#fff;cursor:pointer}.rebon-talent-viewer__close{top:8px;right:8px;width:50px;height:50px;border-radius:50%;font-size:30px}.rebon-talent-viewer__prev,.rebon-talent-viewer__next{top:50%;transform:translateY(-50%);width:58px;height:74px;border-radius:999px;font-size:28px}.rebon-talent-viewer__prev{left:8px}.rebon-talent-viewer__next{right:8px}.rebon-talent-viewer button:disabled{opacity:.2;cursor:default}html.rebon-talent-viewer-lock,html.rebon-talent-viewer-lock body{overflow:hidden!important}
.ip-featured-rail .ip-featured-card[hidden]{display:none!important}
@media(max-width:700px){.rebon-talent-portfolio-layer{border-radius:20px}.rebon-talent-controls{margin-top:16px}.rebon-talent-controls button{width:40px;height:40px}.rebon-talent-track>.hansea-gallery-item{width:76vw!important}.rebon-talent-track>.talent-work-card{width:84vw!important}.rebon-talent-viewer{padding:8px}.rebon-talent-viewer figure img{max-width:100%;max-height:calc(100dvh - 92px)}.rebon-talent-viewer__prev,.rebon-talent-viewer__next{width:42px;height:58px}.rebon-talent-viewer figcaption{width:calc(100vw - 24px);font-size:12px}}

/* v2.8.133 — unified talent portfolio and definitive fullscreen viewer */
.talent-unified-gallery{position:relative;width:min(1480px,calc(100% - 32px));margin:72px auto;padding:clamp(28px,4vw,58px);border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#0b0d0c!important;color:#fff;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.talent-unified-gallery .talent-standard-content-inner{max-width:none!important;padding:0!important;margin:0!important}
.talent-unified-gallery .section-label{color:rgba(255,255,255,.56)!important}
.talent-unified-gallery .hansea-gallery-head,.talent-unified-gallery .talent-standard-content-head,.talent-unified-gallery .talent-unified-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:14px 0 28px}
.talent-unified-gallery h2{margin:0;color:#fff!important}.talent-unified-gallery p{color:rgba(255,255,255,.68)!important}
.rebon-track-v28133{display:flex!important;grid-template-columns:none!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y;padding:0 0 20px!important}
.rebon-track-v28133::-webkit-scrollbar{display:none}.rebon-track-v28133.is-dragging{cursor:grabbing;scroll-snap-type:none!important;user-select:none}.rebon-track-v28133.is-dragging img{pointer-events:none}
.rebon-track-v28133>.hansea-gallery-item,.rebon-track-v28133>.talent-work-card{flex:0 0 clamp(300px,34vw,520px)!important;width:clamp(300px,34vw,520px)!important;scroll-snap-align:start;margin:0!important}
.rebon-track-v28133>.hansea-gallery-item img,.rebon-track-v28133>.talent-work-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.rebon-track-v28133>.talent-work-card img{aspect-ratio:4/3}
.rebon-track-controls-v28133{display:flex;align-items:center;gap:12px;flex:none;margin-left:auto}.rebon-track-controls-v28133 button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer}.rebon-track-controls-v28133 button:disabled{opacity:.25;cursor:default}.rebon-track-controls-v28133 span{min-width:62px;text-align:center;color:rgba(255,255,255,.62);font-size:13px;letter-spacing:.08em}
.rebon-zoomable-v28133{cursor:zoom-in!important}
.rebon-viewer-v28133{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.rebon-viewer-v28133.is-open{display:flex!important}.rebon-viewer-v28133__dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:0}.rebon-viewer-v28133 figure{width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:12px}.rebon-viewer-v28133 figure img{display:block;max-width:calc(100vw - 150px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 32px 120px rgba(0,0,0,.75)}.rebon-viewer-v28133 figcaption{width:min(1200px,calc(100vw - 80px));display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:14px}.rebon-viewer-v28133 figcaption span{color:rgba(255,255,255,.58);white-space:nowrap}.rebon-viewer-v28133 button{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(12,12,12,.84);color:#fff;cursor:pointer}.rebon-viewer-v28133__close{top:8px;right:8px;width:52px;height:52px;border-radius:50%;font-size:31px}.rebon-viewer-v28133__prev,.rebon-viewer-v28133__next{top:50%;transform:translateY(-50%);width:58px;height:76px;border-radius:999px;font-size:40px}.rebon-viewer-v28133__prev{left:8px}.rebon-viewer-v28133__next{right:8px}.rebon-viewer-v28133 button:disabled{opacity:.2;cursor:default}html.rebon-viewer-v28133-lock,html.rebon-viewer-v28133-lock body{overflow:hidden!important}
@media(max-width:700px){.talent-unified-gallery{width:calc(100% - 16px);margin:36px auto;padding:22px 16px;border-radius:20px}.talent-unified-gallery .hansea-gallery-head,.talent-unified-gallery .talent-standard-content-head,.talent-unified-gallery .talent-unified-header{align-items:flex-start;flex-direction:column}.rebon-track-controls-v28133{margin-left:0}.rebon-track-v28133>.hansea-gallery-item,.rebon-track-v28133>.talent-work-card{flex-basis:82vw!important;width:82vw!important}.rebon-viewer-v28133{padding:8px}.rebon-viewer-v28133 figure img{max-width:100%;max-height:calc(100dvh - 90px)}.rebon-viewer-v28133__prev,.rebon-viewer-v28133__next{width:42px;height:58px;font-size:30px}.rebon-viewer-v28133 figcaption{width:calc(100vw - 24px);font-size:12px}}

/* v2.8.135 — exact Kang Hyunwoo-style talent showcase on all talent pages */
.talent-showcase-v28135{
  width:min(1480px,calc(100% - 80px))!important;
  margin:72px auto!important;
  padding:56px 58px 0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 0 0,rgba(208,255,0,.045),transparent 28%),
    linear-gradient(135deg,#0b0d0c,#090b0a 58%,#0a0c0b)!important;
  color:#fff!important;
  overflow:hidden!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28)!important;
}
.talent-showcase-v28135>.section-label{
  display:block!important;
  margin:0 0 38px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.24em!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135{
  display:grid!important;
  grid-template-columns:minmax(420px,1.05fr) minmax(340px,.95fr) auto!important;
  align-items:end!important;
  gap:42px!important;
  margin:0 0 30px!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135 h2{
  margin:0!important;
  font-size:clamp(58px,6vw,102px)!important;
  line-height:.94!important;
  letter-spacing:-.075em!important;
  white-space:nowrap!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135>p{
  max-width:560px!important;
  margin:0 0 3px!important;
  font-size:16px!important;
  line-height:1.75!important;
}
.talent-showcase-v28135 .rebon-track-controls-v28133{
  align-self:end!important;
  margin:0 0 3px!important;
  gap:14px!important;
}
.talent-showcase-v28135 .rebon-track-controls-v28133 button{
  width:48px!important;height:48px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.2)!important;
}
.talent-showcase-v28135 .rebon-track-controls-v28133 span{
  min-width:66px!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135{
  display:flex!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:0 0 28px!important;
  margin:0!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135::-webkit-scrollbar{display:none!important}
.talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{
  flex:0 0 calc((100% - 36px)/3)!important;
  width:calc((100% - 36px)/3)!important;
  min-width:0!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#0d0f0e!important;
  scroll-snap-align:start!important;
  color:#fff!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item img,
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item figcaption,
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card .talent-work-card-body{
  min-height:54px!important;
  padding:14px 16px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#0d0f0e!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item figcaption span,
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card .talent-work-card-body>span{
  color:#d6ff00!important;
  margin-right:12px!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card .talent-work-card-body h3{
  margin:5px 0 2px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.4!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card .talent-work-card-body p{
  margin:0!important;font-size:11px!important
}
.talent-showcase-footer-v28135{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:max-content!important;
  margin:12px auto -1px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-bottom:0!important;
  border-radius:999px 999px 0 0!important;
  background:#0b0d0c!important;
}
.talent-showcase-footer-v28135 a{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:92px!important;height:48px!important;padding:0 20px!important;
  border-radius:999px!important;color:#fff!important;font-size:13px!important;font-weight:700!important
}
.talent-showcase-footer-v28135 a.is-accent{background:#d6ff00!important;color:#090b0a!important}
@media(max-width:1050px){
  .talent-showcase-v28135>.talent-showcase-head-v28135{grid-template-columns:1fr auto!important;gap:24px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135>p{grid-column:1/2!important}
  .talent-showcase-v28135 .rebon-track-controls-v28133{grid-column:2/3!important;grid-row:1/3!important}
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{flex-basis:calc((100% - 18px)/2)!important;width:calc((100% - 18px)/2)!important}
}
@media(max-width:700px){
  .talent-showcase-v28135{width:calc(100% - 16px)!important;margin:36px auto!important;padding:28px 16px 0!important;border-radius:22px!important}
  .talent-showcase-v28135>.section-label{margin-bottom:24px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135 h2{font-size:clamp(46px,15vw,68px)!important;white-space:normal!important}
  .talent-showcase-v28135 .rebon-track-controls-v28133{margin:0!important}
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{flex-basis:82vw!important;width:82vw!important}
  .talent-showcase-footer-v28135 a{min-width:84px!important;height:44px!important;padding:0 16px!important;font-size:12px!important}
}


/* v2.8.136 — reliable circular portfolio navigation and restored language switch */
.rebon-track-controls-v28133 button:disabled{opacity:1!important;cursor:pointer!important}
.site-nav>.mobile-lang-switch{display:none}
@media(max-width:1100px){
  .site-nav>.mobile-lang-switch{display:flex!important;margin-top:8px;justify-content:center}
  .site-nav>.mobile-lang-switch a{color:#777}
  .site-nav>.mobile-lang-switch a.active{color:#050505}
}


/* v2.8.137 — deterministic talent card links */
.talent-reference-card{position:relative}
.talent-card-full-link{position:absolute;inset:0;z-index:2;border-radius:inherit;display:block}
.talent-reference-card .talent-reference-body,.talent-reference-card .talent-reference-visual{position:relative;z-index:1}
.talent-reference-card .talent-reference-visual{pointer-events:none}
.talent-reference-card .ip-card-status,.talent-reference-card .talent-card-detail-link{position:relative;z-index:4;pointer-events:auto}
.talent-reference-card .ip-card-status{display:inline-flex;text-decoration:none}
.talent-reference-card:has(.talent-card-full-link:focus-visible){outline:2px solid #d7ff00;outline-offset:4px}


/* v2.8.138 — left-aligned showcase copy/navigation and footer action removal */
.talent-showcase-footer-v28135{display:none!important}
.talent-showcase-v28135>.talent-showcase-head-v28135{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:18px!important;
  max-width:820px!important;
  margin:0 0 30px!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135 h2{
  width:100%!important;
  margin:0!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135>p{
  width:min(100%,680px)!important;
  max-width:680px!important;
  margin:0!important;
}
.talent-showcase-v28135 .rebon-track-controls-v28133{
  align-self:flex-start!important;
  margin:2px 0 0!important;
  max-width:100%!important;
}
@media(max-width:1050px){
  .talent-showcase-v28135>.talent-showcase-head-v28135{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:16px!important;
    max-width:760px!important;
  }
  .talent-showcase-v28135>.talent-showcase-head-v28135>p{
    grid-column:auto!important;
  }
  .talent-showcase-v28135 .rebon-track-controls-v28133{
    grid-column:auto!important;
    grid-row:auto!important;
  }
}
@media(max-width:700px){
  .talent-showcase-v28135{padding-bottom:24px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135{gap:14px!important;margin-bottom:24px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135>p{font-size:14px!important;line-height:1.65!important}
  .talent-showcase-v28135 .rebon-track-controls-v28133{width:auto!important;gap:10px!important}
}

/* v2.8.139 — bottom portfolio controls, native swipe and responsive image navigation */
.talent-showcase-v28135>.talent-showcase-head-v28135{margin-bottom:24px!important}
.talent-showcase-v28135>.talent-showcase-head-v28135 .rebon-track-controls-v28133{display:none!important}
.talent-showcase-v28135>.rebon-track-v28139{
  touch-action:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  cursor:default!important;
  padding-bottom:18px!important;
}
.rebon-track-controls-v28139{
  display:grid!important;
  grid-template-columns:52px minmax(72px,auto) 52px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  width:100%!important;
  padding:4px 0 28px!important;
  margin:0!important;
}
.rebon-track-controls-v28139 button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.rebon-track-controls-v28139 button:hover{background:rgba(214,255,0,.12)!important;border-color:#d6ff00!important;transform:translateY(-1px)!important}
.rebon-track-controls-v28139 span{min-width:72px!important;text-align:center!important;color:rgba(255,255,255,.7)!important;font-size:12px!important;letter-spacing:.14em!important}
.rebon-viewer-v28139__dialog{padding-bottom:86px!important}
.rebon-viewer-v28139__controls{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  transform:translateX(-50%)!important;
}
.rebon-viewer-v28139 .rebon-viewer-v28133__prev,
.rebon-viewer-v28139 .rebon-viewer-v28133__next{
  position:static!important;
  transform:none!important;
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  font-size:22px!important;
}
.rebon-viewer-v28139 figure{touch-action:pan-y!important}
@media(max-width:700px){
  .talent-showcase-v28135>.rebon-track-v28139{gap:12px!important;padding-bottom:12px!important;scroll-padding-inline:0!important}
  .talent-showcase-v28135>.rebon-track-v28139>.hansea-gallery-item,
  .talent-showcase-v28135>.rebon-track-v28139>.talent-work-card{flex-basis:calc(100vw - 64px)!important;width:calc(100vw - 64px)!important;scroll-snap-stop:always!important}
  .rebon-track-controls-v28139{grid-template-columns:50px 78px 50px!important;gap:12px!important;padding:8px 0 6px!important}
  .rebon-track-controls-v28139 button{width:50px!important;height:50px!important}
  .rebon-viewer-v28139__dialog{padding-bottom:78px!important}
  .rebon-viewer-v28139__controls{bottom:12px!important}
  .rebon-viewer-v28139 .rebon-viewer-v28133__prev,
  .rebon-viewer-v28139 .rebon-viewer-v28133__next{width:48px!important;height:48px!important}
}

/* v2.8.140 — device-specific responsive optimization for talent portfolio */
.talent-showcase-v28135{
  --rw-shell-gap:clamp(16px,1.35vw,24px);
  --rw-shell-pad-x:clamp(22px,4vw,64px);
  --rw-shell-pad-y:clamp(30px,4vw,58px);
  width:min(1540px,calc(100% - clamp(24px,4vw,72px)))!important;
  padding:var(--rw-shell-pad-y) var(--rw-shell-pad-x) 22px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135{
  max-width:min(760px,100%)!important;
  margin-bottom:clamp(22px,3vw,38px)!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135 h2{
  font-size:clamp(52px,5.1vw,92px)!important;
  line-height:.96!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.talent-showcase-v28135>.talent-showcase-head-v28135>p{
  font-size:clamp(14px,1.05vw,17px)!important;
  line-height:1.7!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135{
  gap:var(--rw-shell-gap)!important;
  scroll-padding-inline:0!important;
  scrollbar-width:none!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{
  flex:0 0 calc((100% - (var(--rw-shell-gap) * 2))/3)!important;
  width:calc((100% - (var(--rw-shell-gap) * 2))/3)!important;
  border-radius:clamp(15px,1.3vw,22px)!important;
}
.talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item img,
.talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card img{
  aspect-ratio:4/3!important;
}
.rebon-track-controls-v28139{
  grid-template-columns:clamp(46px,3.6vw,56px) minmax(76px,auto) clamp(46px,3.6vw,56px)!important;
  gap:clamp(10px,1.2vw,18px)!important;
  padding:10px 0 clamp(12px,2vw,28px)!important;
}
.rebon-track-controls-v28139 button{
  width:clamp(46px,3.6vw,56px)!important;
  height:clamp(46px,3.6vw,56px)!important;
}

/* Wide desktop: preserve three-card editorial composition */
@media(min-width:1440px){
  .talent-showcase-v28135{width:min(1540px,calc(100% - 80px))!important}
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{min-width:0!important}
}

/* Standard desktop and landscape tablet: three cards without clipping */
@media(min-width:1024px) and (max-width:1439px){
  .talent-showcase-v28135{
    --rw-shell-pad-x:clamp(30px,4vw,48px);
    width:calc(100% - clamp(28px,4vw,56px))!important;
  }
  .talent-showcase-v28135>.talent-showcase-head-v28135 h2{font-size:clamp(54px,6vw,78px)!important}
}

/* Tablet portrait: two cards, larger touch targets */
@media(min-width:768px) and (max-width:1023px){
  .talent-showcase-v28135{
    --rw-shell-pad-x:32px;
    --rw-shell-pad-y:40px;
    width:calc(100% - 32px)!important;
    border-radius:26px!important;
  }
  .talent-showcase-v28135>.talent-showcase-head-v28135{max-width:680px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135 h2{font-size:clamp(56px,9vw,76px)!important}
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{
    flex:0 0 calc((100% - var(--rw-shell-gap))/2)!important;
    width:calc((100% - var(--rw-shell-gap))/2)!important;
  }
  .rebon-track-controls-v28139 button{width:54px!important;height:54px!important}
}

/* Mobile: one primary card with a small next-card preview and native swipe */
@media(max-width:767px){
  .talent-showcase-v28135{
    --rw-shell-pad-x:clamp(14px,4.5vw,22px);
    --rw-shell-pad-y:clamp(26px,7vw,36px);
    width:calc(100% - 12px)!important;
    margin:24px auto 36px!important;
    padding:var(--rw-shell-pad-y) var(--rw-shell-pad-x) 18px!important;
    border-radius:22px!important;
  }
  .talent-showcase-v28135>.section-label{
    margin-bottom:18px!important;
    font-size:10px!important;
    letter-spacing:.2em!important;
  }
  .talent-showcase-v28135>.talent-showcase-head-v28135{
    gap:12px!important;
    margin-bottom:20px!important;
  }
  .talent-showcase-v28135>.talent-showcase-head-v28135 h2{
    font-size:clamp(42px,13vw,64px)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
  }
  .talent-showcase-v28135>.talent-showcase-head-v28135>p{
    font-size:14px!important;
    line-height:1.62!important;
  }
  .talent-showcase-v28135>.talent-showcase-track-v28135{
    gap:12px!important;
    margin-right:calc(var(--rw-shell-pad-x) * -1)!important;
    padding-right:var(--rw-shell-pad-x)!important;
    padding-bottom:12px!important;
    scroll-padding-left:0!important;
    scroll-snap-type:x mandatory!important;
    touch-action:pan-x pan-y!important;
  }
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{
    flex:0 0 min(84vw,430px)!important;
    width:min(84vw,430px)!important;
    border-radius:18px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item figcaption,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card .talent-work-card-body{
    min-height:58px!important;
    padding:14px!important;
  }
  .rebon-track-controls-v28139{
    grid-template-columns:48px minmax(74px,auto) 48px!important;
    gap:12px!important;
    padding:10px 0 4px!important;
  }
  .rebon-track-controls-v28139 button{
    width:48px!important;
    height:48px!important;
    font-size:20px!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .rebon-track-controls-v28139 span{font-size:11px!important;letter-spacing:.12em!important}
}

/* Small phones, including iPhone mini/SE widths */
@media(max-width:430px){
  .talent-showcase-v28135{width:calc(100% - 8px)!important;padding-left:14px!important;padding-right:14px!important}
  .talent-showcase-v28135>.talent-showcase-head-v28135 h2{font-size:clamp(40px,13vw,54px)!important}
  .talent-showcase-v28135>.talent-showcase-track-v28135{
    margin-right:-14px!important;
    padding-right:14px!important;
  }
  .talent-showcase-v28135>.talent-showcase-track-v28135>.hansea-gallery-item,
  .talent-showcase-v28135>.talent-showcase-track-v28135>.talent-work-card{
    flex-basis:82vw!important;
    width:82vw!important;
  }
}

/* Fullscreen viewer adapts to viewport and device safe areas */
.rebon-viewer-v28139{padding:clamp(10px,2vw,24px)!important}
.rebon-viewer-v28139__dialog{
  width:min(1500px,100%)!important;
  height:min(940px,calc(100dvh - clamp(20px,4vw,48px)))!important;
  padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
}
.rebon-viewer-v28139__dialog figure img{max-width:100%!important;max-height:calc(100dvh - 170px)!important;object-fit:contain!important}
@media(max-width:767px){
  .rebon-viewer-v28139{padding:0!important}
  .rebon-viewer-v28139__dialog{
    width:100%!important;
    height:100dvh!important;
    max-height:none!important;
    border-radius:0!important;
    padding:calc(54px + env(safe-area-inset-top)) 10px calc(76px + env(safe-area-inset-bottom))!important;
  }
  .rebon-viewer-v28139__dialog figure img{max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}
  .rebon-viewer-v28139__controls{bottom:calc(14px + env(safe-area-inset-bottom))!important}
}

/* v2.8.141 — random talent visual in main guide hero */
.guide-hero{isolation:isolate;padding-right:min(50vw,880px)}
.guide-hero>.section-label,.guide-hero>.guide-eyebrow,.guide-hero>h1,.guide-hero>.guide-lead,.guide-hero>.guide-choice-row{position:relative;z-index:3}
.guide-random-talent{position:absolute;z-index:2;right:clamp(28px,5vw,96px);top:50%;width:min(35vw,620px);height:min(68vh,760px);transform:translateY(-46%);opacity:0;transition:opacity .5s ease}
.guide-random-talent.is-ready{opacity:1}
.guide-random-talent-card{display:none;position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:clamp(22px,2.3vw,42px);background:#111;color:#fff;box-shadow:0 34px 90px rgba(0,0,0,.45);text-decoration:none}
.guide-random-talent-card.is-active{display:block}
.guide-random-talent-media{position:absolute;inset:0;display:block;background:#101210}
.guide-random-talent-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(4,6,5,.18) 64%,rgba(4,6,5,.95) 100%)}
.guide-random-talent-media img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.9) contrast(1.03);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.guide-random-talent-card:hover .guide-random-talent-media img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.guide-random-talent-meta{position:absolute;left:clamp(24px,2.3vw,42px);right:clamp(24px,2.3vw,42px);bottom:clamp(24px,3vw,52px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-shadow:0 2px 24px rgba(0,0,0,.55)}
.guide-random-talent-kicker{font-size:11px;letter-spacing:.18em;color:#cfff00;font-weight:800}
.guide-random-talent-meta strong{font-size:clamp(34px,3.2vw,62px);line-height:1;letter-spacing:-.055em}
.guide-random-talent-meta>span:not(.guide-random-talent-kicker){font-size:clamp(13px,1vw,17px);color:rgba(255,255,255,.72)}
.guide-random-talent-meta em{margin-top:10px;font-size:13px;font-style:normal;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:4px}
@media(max-width:1280px){.guide-hero{padding-right:46vw}.guide-random-talent{right:3vw;width:39vw;height:min(62vh,650px)}}
@media(max-width:980px){.guide-hero{padding-right:7vw;padding-bottom:72px;min-height:auto}.guide-random-talent{position:relative;right:auto;top:auto;width:100%;height:auto;aspect-ratio:16/10;transform:none;margin-top:54px}.guide-random-talent-card{border-radius:28px}.guide-random-talent-media img{object-position:center 22%}.guide-random-talent-meta strong{font-size:clamp(34px,7vw,58px)}}
@media(max-width:680px){.guide-hero{padding-right:22px}.guide-random-talent{margin-top:38px;aspect-ratio:4/5}.guide-random-talent-card{border-radius:22px}.guide-random-talent-meta{left:22px;right:22px;bottom:24px}.guide-random-talent-meta strong{font-size:38px}.guide-random-talent-media img{object-position:center 20%}}
@media(prefers-reduced-motion:reduce){.guide-random-talent,.guide-random-talent-media img{transition:none}}

/* v2.8.142 — uniform service-card typography and vertical rhythm */
.guide-grid article{
  min-height:300px;
  display:grid;
  grid-template-rows:14px 88px minmax(98px,1fr);
  align-content:start;
  row-gap:18px;
}
.guide-grid b{
  align-self:start;
  line-height:1.4;
}
.guide-grid h3{
  margin:0;
  align-self:start;
  font-size:28px;
  line-height:1.34;
  letter-spacing:-.045em;
  word-break:keep-all;
  overflow-wrap:normal;
}
.guide-grid p{
  margin:0;
  align-self:start;
  line-height:1.78;
  word-break:keep-all;
}
@media(max-width:1200px){
  .guide-grid article{
    min-height:286px;
    grid-template-rows:14px 80px minmax(98px,1fr);
    padding:26px;
    row-gap:16px;
  }
  .guide-grid h3{font-size:26px;line-height:1.34}
}
@media(max-width:980px){
  .guide-grid article{
    min-height:260px;
    grid-template-rows:14px 72px minmax(86px,1fr);
  }
}
@media(max-width:680px){
  .guide-grid article{
    min-height:232px;
    grid-template-rows:14px 64px auto;
    padding:24px;
    row-gap:14px;
  }
  .guide-grid h3{font-size:24px;line-height:1.32}
  .guide-grid p{font-size:14px;line-height:1.72}
}

/* v2.8.144 — compact desktop-landscape talent hero viewport */
@media (min-width:1100px) and (orientation:landscape){
  .talent-standard-hero{
    padding-top:clamp(104px,8.2vh,132px);
    padding-bottom:clamp(38px,5vh,64px);
  }
  .talent-standard-back{
    margin-bottom:clamp(20px,2.6vh,34px);
    font-size:clamp(14px,.95vw,18px);
  }
  .talent-standard-grid{
    align-items:center;
    gap:clamp(42px,5vw,82px);
  }
  .talent-standard-copy .section-label{margin-bottom:14px}
  .talent-standard-copy h1{
    font-size:clamp(62px,6.1vw,104px);
    line-height:.88;
  }
  .talent-standard-copy h1 small{
    margin-top:18px;
    font-size:clamp(18px,1.45vw,28px);
  }
  .talent-standard-role{
    margin:24px 0 12px;
    font-size:clamp(21px,1.65vw,30px);
  }
  .talent-standard-intro{
    font-size:clamp(15px,1.08vw,19px);
    line-height:1.72;
  }
  .talent-standard-tags{margin-top:20px}
  .talent-standard-contact{margin-top:24px}
  .talent-standard-visual{
    width:min(100%,560px);
    max-height:calc(100vh - 178px);
    min-height:0;
  }
}
@media (min-width:1100px) and (max-height:850px) and (orientation:landscape){
  .talent-standard-hero{
    padding-top:94px;
    padding-bottom:30px;
  }
  .talent-standard-back{
    margin-bottom:14px;
    font-size:14px;
  }
  .talent-standard-grid{gap:42px}
  .talent-standard-copy .section-label{margin-bottom:10px;font-size:10px}
  .talent-standard-copy h1{font-size:clamp(56px,5.45vw,86px)}
  .talent-standard-copy h1 small{margin-top:12px;font-size:18px}
  .talent-standard-role{margin:18px 0 10px;font-size:clamp(19px,1.5vw,25px)}
  .talent-standard-intro{font-size:15px;line-height:1.62;max-width:680px}
  .talent-standard-tags{margin-top:14px;gap:7px}
  .talent-standard-tags span{padding:7px 11px;font-size:9px}
  .talent-standard-contact{margin-top:16px;padding:12px 20px}
  .talent-standard-visual{
    width:min(100%,480px);
    max-height:calc(100vh - 130px);
  }
}
@media (min-width:1600px) and (min-height:900px) and (orientation:landscape){
  .talent-standard-hero-inner{width:min(1500px,100%)}
  .talent-standard-visual{width:min(100%,590px)}
}


/* v3.0.0 — major IP commercialization content system */
.guide-commercial-model,.guide-ready{padding:clamp(72px,8vw,132px) clamp(20px,5vw,88px)}
.guide-commercial-model{background:#080a09;color:#fff;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.guide-commercial-head,.guide-ready-head{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);gap:clamp(24px,5vw,88px);align-items:start;margin:28px 0 46px}
.guide-commercial-head>p,.guide-ready-head>p{margin:7px 0 0;color:#caff00;font-size:12px;font-weight:800;letter-spacing:.18em}
.guide-commercial-head h2,.guide-ready-head h2{margin:0;font-size:clamp(38px,5.4vw,86px);line-height:.98;letter-spacing:-.055em}
.guide-ready-head{grid-template-columns:minmax(180px,.36fr) minmax(0,1.1fr) minmax(260px,.54fr)}
.guide-ready-head>span{font-size:clamp(15px,1.25vw,20px);line-height:1.75;color:#555}
.guide-commercial-grid,.guide-ready-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.guide-ready-grid{grid-template-columns:repeat(5,minmax(0,1fr));border-color:rgba(0,0,0,.18)}
.guide-commercial-grid article,.guide-ready-grid article{min-height:280px;padding:30px 26px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:grid;grid-template-rows:34px minmax(86px,auto) 1fr;align-content:start}
.guide-ready-grid article{min-height:300px;border-color:rgba(0,0,0,.18)}
.guide-commercial-grid b,.guide-ready-grid b{color:#caff00;font-size:12px;letter-spacing:.16em}
.guide-ready-grid b{font-size:14px}
.guide-commercial-grid h3,.guide-ready-grid h3{margin:12px 0 20px;font-size:clamp(24px,2vw,34px);line-height:1.18;letter-spacing:-.045em}
.guide-commercial-grid p,.guide-ready-grid p{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.8}
.guide-ready-grid p{color:#555}
.guide-ready-note{margin-top:30px;padding:24px 28px;border:1px solid rgba(0,0,0,.18);display:flex;gap:18px;justify-content:space-between;align-items:center}
.guide-ready-note strong{font-size:17px}.guide-ready-note span{max-width:620px;color:#666;line-height:1.65}
.guide-process ol{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}
@media(max-width:1180px){.guide-commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-ready-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-process ol{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.guide-ready-head{grid-template-columns:1fr 2fr}.guide-ready-head>span{grid-column:2}}
@media(max-width:760px){.guide-commercial-model,.guide-ready{padding:64px 20px}.guide-commercial-head,.guide-ready-head{grid-template-columns:1fr;gap:16px;margin:22px 0 32px}.guide-ready-head>span{grid-column:auto}.guide-commercial-grid,.guide-ready-grid{grid-template-columns:1fr}.guide-commercial-grid article,.guide-ready-grid article{min-height:0;grid-template-rows:auto auto auto;padding:25px 22px}.guide-ready-note{align-items:flex-start;flex-direction:column}.guide-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* REBON WILD v3.0.8 — first-view hero viewport optimization */
.guide-hero{
  min-height:calc(100svh - 96px);
  padding-top:clamp(112px,12vh,148px);
  padding-bottom:clamp(48px,7vh,78px);
  justify-content:center;
}
.guide-hero>.guide-eyebrow{margin-bottom:clamp(14px,2vh,20px)}
.guide-hero>h1{
  font-size:clamp(50px,6.35vw,102px);
  line-height:.91;
  max-width:1040px;
}
.guide-hero>.guide-lead{
  margin-top:clamp(20px,3vh,28px);
  font-size:clamp(15px,1.08vw,18px);
  line-height:1.72;
  max-width:800px;
}
.guide-hero>.guide-choice-row{margin-top:clamp(22px,3.2vh,32px)}

@media (min-width:981px) and (max-height:820px){
  .guide-hero{min-height:calc(100svh - 84px);padding-top:96px;padding-bottom:36px}
  .guide-hero>h1{font-size:clamp(48px,5.8vw,84px);line-height:.9}
  .guide-hero>.guide-lead{margin-top:18px;line-height:1.62}
  .guide-hero>.guide-choice-row{margin-top:20px}
  .guide-random-talent{height:min(62vh,610px);transform:translateY(-43%)}
}

@media (min-width:681px) and (max-width:980px){
  .guide-hero{
    min-height:calc(100svh - 84px);
    padding:clamp(104px,13vh,128px) 38px 46px;
    justify-content:flex-start;
  }
  .guide-hero>.guide-eyebrow{margin-bottom:14px}
  .guide-hero>h1{font-size:clamp(50px,7.8vw,76px);line-height:.9;max-width:760px}
  .guide-hero>.guide-lead{margin-top:22px;font-size:16px;line-height:1.68;max-width:760px}
  .guide-hero>.guide-choice-row{margin-top:24px}
  .guide-random-talent{margin-top:34px;aspect-ratio:16/8.4;max-height:38svh}
}

@media (max-width:680px){
  .guide-hero{
    min-height:calc(100svh - 72px);
    padding:102px 20px 38px;
    justify-content:flex-start;
  }
  .guide-hero>.guide-eyebrow{font-size:10px;margin-bottom:13px}
  .guide-hero>h1{font-size:clamp(42px,12.5vw,61px);line-height:.88;letter-spacing:-.065em}
  .guide-hero>.guide-lead{margin-top:20px;font-size:14px;line-height:1.62}
  .guide-hero>.guide-choice-row{margin-top:22px;gap:8px}
  .guide-choice-row a{padding:13px 16px;font-size:13px}
  .guide-random-talent{margin-top:30px;aspect-ratio:16/11;max-height:35svh}
}

@media (max-width:390px), (max-height:700px) and (max-width:680px){
  .guide-hero{padding-top:90px;padding-bottom:30px}
  .guide-hero>h1{font-size:clamp(39px,11.8vw,50px)}
  .guide-hero>.guide-lead{font-size:13px;line-height:1.55;margin-top:16px}
  .guide-hero>.guide-choice-row{margin-top:18px}
  .guide-random-talent{margin-top:24px;max-height:31svh}
}


/* v3.0.18 — Google brand logo, iPhone first-view optimization and light-surface accent contrast */
/* On light surfaces, replace fluorescent lime text with an accessible dark botanical accent. */
.guide-ready-head>p,
.guide-ready-grid b{
  color:#486300!important;
}
.guide-ready a:not(.btn):not([class*="button"]),
.talent-standard-profile a:not(.btn),
.talent-standard-extra a:not(.btn){
  text-decoration-color:#486300;
}

/* iPhone / narrow mobile: portfolio landing first view */
@media (max-width:700px){
  .reference-page-main{overflow-x:clip}
  .ip-portfolio-hero{
    min-height:auto!important;
    padding-top:calc(94px + env(safe-area-inset-top))!important;
    padding-right:18px!important;
    padding-bottom:44px!important;
    padding-left:18px!important;
  }
  .ip-portfolio-kicker{
    margin-bottom:16px!important;
    font-size:10px!important;
    letter-spacing:.2em!important;
  }
  .ip-portfolio-hero-grid{gap:22px!important}
  .ip-portfolio-hero h1{
    max-width:10.8em!important;
    font-size:clamp(40px,11.5vw,52px)!important;
    line-height:.96!important;
    letter-spacing:-.065em!important;
    word-break:keep-all!important;
  }
  .ip-portfolio-hero-grid p{
    margin-top:18px!important;
    max-width:34em!important;
    font-size:14px!important;
    line-height:1.62!important;
    word-break:keep-all!important;
  }
  .ip-portfolio-primary-cta{
    gap:26px!important;
    padding:14px 19px!important;
    font-size:13px!important;
  }
  .ip-featured-rail{
    margin-top:30px!important;
    margin-right:-18px!important;
    padding-right:18px!important;
    gap:12px!important;
  }
  .ip-featured-card,.ip-featured-card.is-wide{
    flex-basis:min(78vw,330px)!important;
    min-height:clamp(330px,46svh,430px)!important;
    border-radius:22px!important;
  }
  .ip-featured-overlay{padding:22px!important}
  .ip-featured-overlay strong{font-size:clamp(29px,9vw,40px)!important}
  .ip-featured-overlay p{margin:6px 0 14px!important;font-size:12px!important}
}

/* iPhone / narrow mobile: talent detail first view */
@media (max-width:700px){
  .talent-standard-hero{
    min-height:auto!important;
    padding-top:calc(90px + env(safe-area-inset-top))!important;
    padding-right:18px!important;
    padding-bottom:34px!important;
    padding-left:18px!important;
  }
  .talent-standard-back{
    margin-bottom:22px!important;
    font-size:14px!important;
  }
  .talent-standard-grid{gap:24px!important}
  .talent-standard-copy .section-label{
    margin-bottom:12px!important;
    font-size:10px!important;
    letter-spacing:.19em!important;
  }
  .talent-standard-copy h1{
    font-size:clamp(46px,13vw,60px)!important;
    line-height:.92!important;
    letter-spacing:-.065em!important;
  }
  .talent-standard-copy h1 small{
    margin-top:12px!important;
    font-size:16px!important;
    letter-spacing:.2em!important;
  }
  .talent-standard-role{
    margin:20px 0 10px!important;
    font-size:20px!important;
    line-height:1.35!important;
  }
  .talent-standard-intro{
    font-size:14px!important;
    line-height:1.62!important;
    word-break:keep-all!important;
  }
  .talent-standard-tags{
    gap:7px!important;
    margin-top:17px!important;
  }
  .talent-standard-tags span{
    padding:7px 10px!important;
    font-size:9px!important;
  }
  .talent-standard-contact{
    margin-top:18px!important;
    padding:12px 19px!important;
    font-size:12px!important;
  }
  .talent-standard-visual{
    width:100%!important;
    max-height:38svh!important;
    aspect-ratio:16/11!important;
    border-radius:22px!important;
  }
  .talent-standard-visual img{object-position:center 24%!important}
  .ip-detail-dock{
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:calc(100% - 20px)!important;
    padding:6px!important;
  }
  .ip-detail-dock a{padding:11px 12px!important;font-size:11px!important}
}

@media (max-width:390px), (max-height:720px) and (max-width:700px){
  .ip-portfolio-hero{padding-top:calc(84px + env(safe-area-inset-top))!important;padding-bottom:36px!important}
  .ip-portfolio-hero h1{font-size:clamp(37px,10.7vw,46px)!important}
  .ip-portfolio-hero-grid p{font-size:13px!important;line-height:1.55!important}
  .ip-featured-card,.ip-featured-card.is-wide{min-height:320px!important}
  .talent-standard-hero{padding-top:calc(82px + env(safe-area-inset-top))!important;padding-bottom:28px!important}
  .talent-standard-back{margin-bottom:16px!important}
  .talent-standard-copy h1{font-size:clamp(42px,12vw,52px)!important}
  .talent-standard-role{margin-top:16px!important;font-size:18px!important}
  .talent-standard-intro{font-size:13px!important;line-height:1.55!important}
  .talent-standard-tags{margin-top:13px!important}
  .talent-standard-contact{margin-top:14px!important}
  .talent-standard-visual{max-height:32svh!important}
}

/* v3.0.18 — IP portfolio landing responsive system aligned with talent detail pages */
.reference-page-main{overflow-x:clip}
.ip-portfolio-hero{min-height:auto!important}
.ip-portfolio-hero-inner{width:min(1480px,100%)!important}
.ip-portfolio-hero-grid{align-items:end!important}
.ip-featured-rail{height:auto!important}
.ip-featured-card,.ip-featured-card.is-wide{height:auto!important}

/* Desktop: compact first-view composition and balanced 3-card grid */
@media (min-width:1200px){
  .ip-portfolio-hero{
    padding:clamp(124px,10vh,156px) clamp(36px,5vw,82px) clamp(64px,7vh,92px)!important;
  }
  .ip-portfolio-kicker{margin-bottom:20px!important}
  .ip-portfolio-hero-grid{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:48px!important;
  }
  .ip-portfolio-hero h1{
    max-width:11em!important;
    font-size:clamp(58px,5.4vw,88px)!important;
    line-height:.94!important;
  }
  .ip-portfolio-hero-grid p{
    margin-top:22px!important;
    max-width:720px!important;
    font-size:clamp(16px,1.15vw,20px)!important;
    line-height:1.65!important;
  }
  .ip-featured-rail{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin-top:44px!important;
    overflow:visible!important;
  }
  .ip-featured-card,.ip-featured-card.is-wide{
    min-height:0!important;
    aspect-ratio:4/5!important;
    border-radius:26px!important;
    grid-column:auto!important;
  }
  .ip-featured-card.is-wide{grid-column:span 1!important}
  .ip-featured-overlay{padding:26px!important}
  .ip-featured-overlay strong{font-size:clamp(32px,2.5vw,48px)!important}
  .ip-value-strip{margin-top:22px!important}
}

/* Tablet: same information hierarchy as detail pages, two-column visual grid */
@media (min-width:701px) and (max-width:1199px){
  .ip-portfolio-hero{
    padding:calc(108px + env(safe-area-inset-top)) clamp(28px,5vw,52px) 58px!important;
  }
  .ip-portfolio-kicker{margin-bottom:18px!important;font-size:11px!important}
  .ip-portfolio-hero-grid{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:28px!important;
    align-items:end!important;
  }
  .ip-portfolio-hero h1{
    max-width:10.8em!important;
    font-size:clamp(48px,7.4vw,72px)!important;
    line-height:.94!important;
    word-break:keep-all!important;
  }
  .ip-portfolio-hero-grid p{
    margin-top:20px!important;
    max-width:650px!important;
    font-size:15px!important;
    line-height:1.65!important;
  }
  .ip-portfolio-primary-cta{padding:14px 20px!important;font-size:13px!important}
  .ip-featured-rail{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    margin-top:38px!important;
    overflow:visible!important;
  }
  .ip-featured-card,.ip-featured-card.is-wide{
    min-height:0!important;
    aspect-ratio:4/5!important;
    border-radius:24px!important;
    grid-column:auto!important;
  }
  .ip-featured-card.is-wide{grid-column:span 2!important;aspect-ratio:16/8.6!important}
  .ip-featured-overlay{padding:24px!important}
  .ip-featured-overlay strong{font-size:clamp(31px,4.6vw,46px)!important}
  .ip-value-strip{margin-top:20px!important}
}

/* Mobile: no clipped adjacent card; content and primary visual are fully readable */
@media (max-width:700px){
  .ip-portfolio-hero{
    padding:calc(88px + env(safe-area-inset-top)) 18px 40px!important;
  }
  .ip-portfolio-kicker{margin-bottom:14px!important}
  .ip-portfolio-hero-grid{display:block!important}
  .ip-portfolio-hero h1{
    max-width:100%!important;
    font-size:clamp(38px,10.8vw,50px)!important;
    line-height:.95!important;
  }
  .ip-portfolio-hero-grid p{
    margin-top:16px!important;
    max-width:100%!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  .ip-portfolio-primary-cta{
    display:inline-flex!important;
    margin-top:22px!important;
    padding:13px 18px!important;
    font-size:12px!important;
  }
  .ip-featured-rail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:28px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .ip-featured-card,.ip-featured-card.is-wide{
    width:100%!important;
    min-height:0!important;
    flex:none!important;
    aspect-ratio:4/5!important;
    border-radius:22px!important;
    grid-column:auto!important;
  }
  .ip-featured-card:not(:first-child){aspect-ratio:16/11!important}
  .ip-featured-overlay{padding:20px!important}
  .ip-featured-overlay span{font-size:9px!important}
  .ip-featured-overlay strong{font-size:clamp(28px,8.8vw,38px)!important}
  .ip-featured-overlay p{font-size:12px!important}
  .ip-value-strip{margin-top:18px!important}
}

@media (max-width:390px), (max-height:720px) and (max-width:700px){
  .ip-portfolio-hero{padding-top:calc(80px + env(safe-area-inset-top))!important}
  .ip-portfolio-hero h1{font-size:clamp(35px,10.2vw,44px)!important}
  .ip-featured-card,.ip-featured-card.is-wide{aspect-ratio:4/4.8!important}
  .ip-featured-card:not(:first-child){aspect-ratio:16/10.5!important}
}

/* v3.0.18 — Unified responsive grid system across main, IP portfolio and detail pages */
:root{
  --rw-content-max:1760px;
  --rw-gutter:clamp(40px,4.2vw,80px);
  --rw-header-h:92px;
  --max:var(--rw-content-max);
}

/* Shared page rails */
.site-header{padding-inline:var(--rw-gutter)}
.section{padding-inline:var(--rw-gutter)}
.hero{padding-inline:0!important}
.hero-slider,
.ip-portfolio-hero-inner,
.talent-standard-hero-inner,
.talent-standard-profile-inner,
.contact-shell,
.intro-layout,
.capability-strip,
.section-head,
.service-grid,
.process-list,
.project-list,
.ecosystem-grid,
.reference-page-inner,
.reference-content-inner{
  width:min(var(--rw-content-max),calc(100% - (var(--rw-gutter) * 2)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Main page first-view grid */
.hero{
  min-height:100svh!important;
  padding-top:calc(var(--rw-header-h) + clamp(42px,5vh,76px))!important;
  padding-bottom:clamp(54px,7vh,96px)!important;
}
.hero-slider{position:relative!important}
.hero-slide-grid{
  grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr)!important;
  gap:clamp(44px,5vw,92px)!important;
  min-height:calc(100svh - var(--rw-header-h) - clamp(96px,13vh,164px))!important;
}
.hero-text-col{max-width:920px!important;padding-right:0!important}
.hero-visual-col,.hero-talent-card{justify-self:end}

/* IP portfolio landing uses the same content rail and vertical rhythm */
.ip-portfolio-hero{
  padding:calc(var(--rw-header-h) + clamp(42px,5vh,76px)) var(--rw-gutter) clamp(64px,7vh,96px)!important;
}
.ip-portfolio-hero-inner{width:min(var(--rw-content-max),100%)!important}
.ip-portfolio-hero-grid{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(36px,5vw,84px)!important;
}
.ip-portfolio-hero h1{max-width:12em!important}
.ip-featured-rail{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(16px,1.25vw,24px)!important;
}
.ip-featured-card,.ip-featured-card.is-wide{grid-column:auto!important;aspect-ratio:4/5!important}

/* Talent detail pages share exactly the same rail */
.talent-standard-hero{
  padding:calc(var(--rw-header-h) + clamp(42px,5vh,76px)) var(--rw-gutter) clamp(64px,7vh,96px)!important;
}
.talent-standard-hero-inner{width:min(var(--rw-content-max),100%)!important}
.talent-standard-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr)!important;
  gap:clamp(44px,6vw,104px)!important;
}
.talent-standard-profile{padding-inline:var(--rw-gutter)!important}
.talent-standard-profile-inner{width:min(var(--rw-content-max),100%)!important}

/* Standardize section headings and card grids to the shared rail */
.section-head,.intro-layout,.capability-strip,.service-grid,.process-list,.project-list,.ecosystem-grid,.contact-shell{
  width:min(var(--rw-content-max),100%)!important;
}

@media (min-width:1600px){
  .hero .hero-title-text{font-size:clamp(72px,6vw,116px)!important}
  .ip-portfolio-hero h1{font-size:clamp(68px,5.3vw,100px)!important}
  .talent-standard-copy h1{font-size:clamp(72px,5.3vw,104px)!important}
}

/* Tablet grid */
@media (min-width:701px) and (max-width:1199px){
  :root{
    --rw-gutter:clamp(28px,4.2vw,48px);
    --rw-header-h:86px;
  }
  .site-header{height:var(--rw-header-h)!important}
  .hero{
    padding-top:calc(var(--rw-header-h) + 40px)!important;
    padding-bottom:56px!important;
  }
  .hero-slide-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)!important;
    gap:clamp(28px,4vw,52px)!important;
    min-height:auto!important;
  }
  .hero .hero-title-text{font-size:clamp(50px,7.2vw,78px)!important}
  .ip-portfolio-hero,.talent-standard-hero{
    padding-top:calc(var(--rw-header-h) + 40px)!important;
    padding-bottom:56px!important;
  }
  .ip-featured-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ip-featured-card.is-wide{grid-column:auto!important;aspect-ratio:4/5!important}
  .talent-standard-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr)!important;
    gap:clamp(30px,4.5vw,58px)!important;
  }
}

/* Mobile grid: one rail, one column, consistent first-view hierarchy */
@media (max-width:700px){
  :root{
    --rw-gutter:18px;
    --rw-header-h:82px;
  }
  .site-header{height:var(--rw-header-h)!important;padding-inline:var(--rw-gutter)!important}
  .brand img{width:96px!important}
  .section{padding-inline:var(--rw-gutter)!important}
  .hero{
    min-height:auto!important;
    padding-top:calc(var(--rw-header-h) + 34px)!important;
    padding-bottom:42px!important;
  }
  .hero-slider,
  .ip-portfolio-hero-inner,
  .talent-standard-hero-inner,
  .talent-standard-profile-inner,
  .contact-shell,
  .intro-layout,
  .capability-strip,
  .section-head,
  .service-grid,
  .process-list,
  .project-list,
  .ecosystem-grid{
    width:100%!important;
  }
  .hero-slide-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    min-height:auto!important;
  }
  .hero-text-col{max-width:none!important}
  .hero .hero-title-text{font-size:clamp(42px,12vw,58px)!important;line-height:.93!important}
  .hero-copy{display:block!important;margin-top:18px!important;font-size:14px!important;line-height:1.62!important}
  .hero-actions{margin-top:24px!important}
  .hero-visual-col,.hero-talent-card{width:100%!important;justify-self:stretch!important}

  .ip-portfolio-hero,.talent-standard-hero{
    padding:calc(var(--rw-header-h) + 34px) var(--rw-gutter) 42px!important;
  }
  .ip-portfolio-hero-grid{display:block!important}
  .ip-portfolio-hero h1{font-size:clamp(40px,11.4vw,52px)!important;line-height:.94!important}
  .ip-featured-rail{grid-template-columns:1fr!important;gap:14px!important}
  .ip-featured-card,.ip-featured-card.is-wide,.ip-featured-card:not(:first-child){aspect-ratio:4/5!important}
  .talent-standard-grid{grid-template-columns:1fr!important;gap:28px!important}
  .talent-standard-visual{width:100%!important;max-height:none!important;aspect-ratio:4/5!important}
  .talent-standard-profile{padding-inline:var(--rw-gutter)!important}
}

@media (max-width:390px){
  :root{--rw-gutter:16px}
  .hero .hero-title-text{font-size:clamp(39px,11.6vw,50px)!important}
  .ip-portfolio-hero h1{font-size:clamp(37px,10.8vw,46px)!important}
}

/* v3.0.20 — IP portfolio hero vertical-rhythm correction
   Removes the duplicated page/header offset and aligns the portfolio first view
   with the main-page hero across desktop, tablet and iPhone. */
.reference-page-main{
  padding-top:0!important;
}

@media (min-width:1200px){
  .ip-portfolio-hero{
    padding-top:calc(var(--rw-header-h) + clamp(30px,3.2vh,48px))!important;
    padding-bottom:clamp(48px,5vh,68px)!important;
  }
  .ip-portfolio-kicker{margin-bottom:16px!important}
  .ip-portfolio-hero-grid p{margin-top:18px!important}
  .ip-featured-rail{margin-top:32px!important}
}

@media (min-width:701px) and (max-width:1199px){
  .ip-portfolio-hero{
    padding-top:calc(var(--rw-header-h) + clamp(24px,3vh,36px))!important;
    padding-bottom:44px!important;
  }
  .ip-portfolio-kicker{margin-bottom:14px!important}
  .ip-portfolio-hero-grid p{margin-top:16px!important}
  .ip-featured-rail{margin-top:28px!important}
}

@media (max-width:700px){
  .ip-portfolio-hero{
    padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + 18px)!important;
    padding-bottom:32px!important;
  }
  .ip-portfolio-kicker{margin-bottom:12px!important}
  .ip-portfolio-hero h1{
    font-size:clamp(38px,10.7vw,49px)!important;
    line-height:.94!important;
  }
  .ip-portfolio-hero-grid p{
    margin-top:14px!important;
    line-height:1.55!important;
  }
  .ip-portfolio-primary-cta{margin-top:18px!important}
  .ip-featured-rail{margin-top:24px!important}
  .ip-featured-card:first-child{
    aspect-ratio:16/11!important;
    min-height:0!important;
  }
}

@media (max-width:390px), (max-height:720px) and (max-width:700px){
  .ip-portfolio-hero{
    padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + 12px)!important;
    padding-bottom:26px!important;
  }
  .ip-portfolio-hero h1{font-size:clamp(35px,10vw,43px)!important}
  .ip-portfolio-hero-grid p{font-size:13px!important}
  .ip-portfolio-primary-cta{margin-top:16px!important}
  .ip-featured-rail{margin-top:20px!important}
}

/* v3.0.20 - IP portfolio hero vertical-rhythm correction */
.reference-page-main{padding-top:0!important}
@media (min-width:1200px){
  .ip-portfolio-hero{padding-top:calc(var(--rw-header-h) + clamp(30px,3.2vh,48px))!important;padding-bottom:clamp(48px,5vh,68px)!important}
  .ip-portfolio-kicker{margin-bottom:16px!important}
  .ip-portfolio-hero-grid p{margin-top:18px!important}
  .ip-featured-rail{margin-top:32px!important}
}
@media (min-width:701px) and (max-width:1199px){
  .ip-portfolio-hero{padding-top:calc(var(--rw-header-h) + clamp(24px,3vh,36px))!important;padding-bottom:44px!important}
  .ip-portfolio-kicker{margin-bottom:14px!important}
  .ip-portfolio-hero-grid p{margin-top:16px!important}
  .ip-featured-rail{margin-top:28px!important}
}
@media (max-width:700px){
  .ip-portfolio-hero{padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + 18px)!important;padding-bottom:32px!important}
  .ip-portfolio-kicker{margin-bottom:12px!important}
  .ip-portfolio-hero h1{font-size:clamp(38px,10.7vw,49px)!important;line-height:.94!important}
  .ip-portfolio-hero-grid p{margin-top:14px!important;line-height:1.55!important}
  .ip-portfolio-primary-cta{margin-top:18px!important}
  .ip-featured-rail{margin-top:24px!important}
  .ip-featured-card:first-child{aspect-ratio:16/11!important;min-height:0!important}
}
@media (max-width:390px), (max-height:720px) and (max-width:700px){
  .ip-portfolio-hero{padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + 12px)!important;padding-bottom:26px!important}
  .ip-portfolio-hero h1{font-size:clamp(35px,10vw,43px)!important}
  .ip-portfolio-hero-grid p{font-size:13px!important}
  .ip-portfolio-primary-cta{margin-top:16px!important}
  .ip-featured-rail{margin-top:20px!important}
}

/* REBON WILD v3.0.21 — unified header-to-hero spacing and device scale system */
:root{
  --rw-hero-gap-desktop:clamp(34px,4vh,58px);
  --rw-hero-gap-tablet:clamp(26px,3.4vh,42px);
  --rw-hero-gap-mobile:18px;
  --rw-hero-bottom-desktop:clamp(52px,6vh,82px);
  --rw-hero-bottom-tablet:48px;
  --rw-hero-bottom-mobile:32px;
}

/* Remove inherited page offsets so every first section measures from the fixed header. */
.guide-page,
.reference-page-main,
.talent-standard-page,
.policy-body main{
  padding-top:0!important;
}

/* Desktop — one shared top edge and content scale. */
@media (min-width:1200px){
  .guide-hero,
  .ip-portfolio-hero,
  .talent-standard-hero,
  .policy-hero{
    box-sizing:border-box;
    padding-top:calc(var(--rw-header-h) + var(--rw-hero-gap-desktop))!important;
    padding-bottom:var(--rw-hero-bottom-desktop)!important;
  }

  .guide-hero{
    min-height:100svh!important;
    justify-content:flex-start!important;
    padding-left:var(--rw-gutter)!important;
    padding-right:max(46vw,var(--rw-gutter))!important;
  }
  .guide-hero>.guide-eyebrow,
  .guide-hero>h1,
  .guide-hero>.guide-lead,
  .guide-hero>.guide-choice-row{
    width:min(900px,100%);
  }
  .guide-random-talent{
    top:calc(var(--rw-header-h) + var(--rw-hero-gap-desktop))!important;
    right:var(--rw-gutter)!important;
    width:min(35vw,620px)!important;
    height:calc(100svh - var(--rw-header-h) - var(--rw-hero-gap-desktop) - var(--rw-hero-bottom-desktop))!important;
    max-height:760px!important;
    min-height:520px!important;
    transform:none!important;
  }

  .ip-portfolio-hero-inner,
  .talent-standard-hero-inner,
  .policy-hero-inner{
    min-height:0!important;
  }
  .ip-portfolio-hero-grid,
  .talent-standard-grid{
    align-items:start!important;
  }
  .ip-featured-rail{margin-top:clamp(30px,3.4vh,44px)!important}
}

/* Tablet — same header-to-content ratio, compact two-column first view where possible. */
@media (min-width:701px) and (max-width:1199px){
  .guide-hero,
  .ip-portfolio-hero,
  .talent-standard-hero,
  .policy-hero{
    box-sizing:border-box;
    padding-top:calc(var(--rw-header-h) + var(--rw-hero-gap-tablet))!important;
    padding-bottom:var(--rw-hero-bottom-tablet)!important;
  }
  .guide-hero{
    min-height:auto!important;
    justify-content:flex-start!important;
    padding-left:var(--rw-gutter)!important;
    padding-right:var(--rw-gutter)!important;
  }
  .guide-random-talent{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin-top:32px!important;
    aspect-ratio:16/8.6!important;
    transform:none!important;
  }
  .ip-portfolio-hero-grid,
  .talent-standard-grid{align-items:start!important}
  .ip-featured-rail{margin-top:28px!important}
}

/* Mobile / iPhone — safe-area aware, identical visual gap after the header. */
@media (max-width:700px){
  .guide-hero,
  .ip-portfolio-hero,
  .talent-standard-hero,
  .policy-hero{
    box-sizing:border-box;
    padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + var(--rw-hero-gap-mobile))!important;
    padding-right:var(--rw-gutter)!important;
    padding-bottom:var(--rw-hero-bottom-mobile)!important;
    padding-left:var(--rw-gutter)!important;
  }
  .guide-hero{
    min-height:auto!important;
    justify-content:flex-start!important;
  }
  .guide-random-talent{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:24px!important;
    aspect-ratio:16/11!important;
    transform:none!important;
  }
  .guide-random-talent-card{border-radius:22px!important}
  .guide-hero>h1,
  .ip-portfolio-hero h1,
  .talent-standard-copy h1{
    text-wrap:balance;
  }
  .ip-featured-rail{margin-top:22px!important}
  .talent-standard-back{margin-bottom:18px!important}
  .talent-standard-grid{gap:24px!important}
}

@media (max-width:390px), (max-height:720px) and (max-width:700px){
  :root{--rw-hero-gap-mobile:12px;--rw-hero-bottom-mobile:26px}
  .guide-random-talent{margin-top:20px!important;aspect-ratio:16/10.5!important}
  .ip-featured-rail{margin-top:18px!important}
}


/* v3.0.24 — Expanded leadership roster */
.leadership-divider{height:1px;margin:clamp(64px,8vw,120px) 0 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 15%,rgba(255,255,255,.18) 85%,transparent)}
.leadership-grid-secondary{margin-top:clamp(64px,8vw,110px)}
.leadership-grid-secondary .leadership-photo-wrap img{object-position:center 20%}
@media(max-width:980px){.leadership-divider{margin-top:72px}.leadership-grid-secondary{margin-top:58px}}
@media(max-width:640px){.leadership-divider{margin-top:56px}.leadership-grid-secondary{margin-top:44px}}

/* v3.0.26 Leadership responsive polish and Korean name spacing */
.leadership-name-ko{white-space:nowrap;word-break:keep-all;letter-spacing:.16em!important}
.leadership-section .section-inner{width:100%;min-width:0}
.leadership-grid{width:100%;min-width:0}
.leadership-content,.leadership-columns,.leadership-columns>div{min-width:0}
.leadership-columns li{overflow-wrap:anywhere;word-break:keep-all}
.leadership-photo-wrap{max-width:100%}
.leadership-photo-wrap img{object-position:center 18%}
@media (min-width:1280px){
  .leadership-grid{grid-template-columns:minmax(320px,.8fr) minmax(560px,1.2fr);gap:clamp(64px,7vw,112px)}
  .leadership-photo-wrap{width:min(84%,500px)}
}
@media (min-width:768px) and (max-width:1100px){
  .leadership-section{padding-left:clamp(32px,5vw,64px);padding-right:clamp(32px,5vw,64px)}
  .leadership-grid{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:clamp(34px,5vw,60px);align-items:start}
  .leadership-photo-wrap{width:100%;max-width:360px}
  .leadership-content{padding-top:0}
  .leadership-content h2{font-size:clamp(2.35rem,5vw,3.7rem)}
  .leadership-columns{grid-template-columns:1fr;gap:28px}
}
@media (max-width:767px){
  .leadership-section{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .leadership-grid{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}
  .leadership-visual{justify-content:center}
  .leadership-photo-wrap{width:min(100%,390px);aspect-ratio:4/5}
  .leadership-content{padding:0}
  .leadership-kicker{margin-bottom:14px;font-size:.72rem;letter-spacing:.15em}
  .leadership-content h2{margin-bottom:20px;font-size:clamp(2.15rem,11.5vw,3.25rem);line-height:1.04;letter-spacing:-.04em}
  .leadership-content h2 em{margin-top:9px;font-size:.43em;line-height:1.3}
  .leadership-name-ko{letter-spacing:.2em!important}
  .leadership-lead{margin-bottom:26px;font-size:clamp(.96rem,4.2vw,1.05rem);line-height:1.72}
  .leadership-columns{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:24px}
  .leadership-columns h3{margin-bottom:12px;font-size:.75rem}
  .leadership-columns ul{padding-left:1.05rem}
  .leadership-columns li{margin-bottom:9px;font-size:.92rem;line-height:1.58}
  .leadership-divider{margin-top:52px}
  .leadership-grid-secondary{margin-top:40px}
}
@media (max-width:430px){
  .leadership-section{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .leadership-photo-wrap{width:100%}
  .leadership-content h2{font-size:clamp(2rem,12vw,2.9rem)}
  .leadership-lead{font-size:.96rem}
  .leadership-columns li{font-size:.89rem}
}
@media (max-width:360px){
  .leadership-section{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .leadership-content h2{font-size:1.95rem}
  .leadership-name-ko{letter-spacing:.14em!important}
  .leadership-columns li{font-size:.86rem}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:950px){
  .leadership-grid{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:32px;align-items:start}
  .leadership-photo-wrap{width:100%;max-width:300px}
  .leadership-columns{grid-template-columns:1fr 1fr;gap:24px}
}

/* v3.0.28 — normalize all IP portfolio circular portraits to Hansea standard */
.reference-browser-grid .talent-reference-card .talent-reference-visual{
  min-height:300px!important;
  padding:24px!important;
}
.reference-browser-grid .talent-reference-card .talent-reference-visual img{
  --portrait-scale:1!important;
  width:246px!important;
  height:246px!important;
  max-width:246px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center 24%!important;
  transform:none!important;
  flex:0 0 246px!important;
}
.reference-browser-grid .talent-reference-card:hover .talent-reference-visual img,
.reference-browser-grid .talent-reference-card:focus-within .talent-reference-visual img{
  transform:scale(1.02)!important;
}
/* Per-person focal points keep the face centered inside the shared circle. */
.reference-browser-grid .talent-reference-visual img[src*="hansea"]{object-position:center 23%!important}
.reference-browser-grid .talent-reference-visual img[src*="kang-hyunwoo"]{object-position:center 20%!important}
.reference-browser-grid .talent-reference-visual img[src*="yoon-seojin"]{object-position:center 19%!important}
.reference-browser-grid .talent-reference-visual img[src*="yoon-gaeun"]{object-position:center 20%!important}
.reference-browser-grid .talent-reference-visual img[src*="lee-dohyun"]{object-position:center 20%!important}
.reference-browser-grid .talent-reference-visual img[src*="song-hyerim"]{object-position:center 18%!important}
.reference-browser-grid .talent-reference-visual img[src*="talent-shin-jungmoo"]{object-position:center 22%!important}
.reference-browser-grid .talent-reference-visual img[src*="talent-distrobeats"]{object-position:center 34%!important}
.reference-browser-grid .talent-reference-visual img[src*="nox"]{object-position:center 22%!important}
@media(max-width:760px){
  .reference-browser-grid .talent-reference-card .talent-reference-visual{
    min-height:248px!important;
    padding:24px!important;
  }
  .reference-browser-grid .talent-reference-card .talent-reference-visual img{
    width:200px!important;
    height:200px!important;
    max-width:200px!important;
    flex-basis:200px!important;
  }
}

/* v3.0.29 — Korean business portfolio copy normalization */
.business-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.business-portfolio-grid .service-card h3{word-break:keep-all;}
@media (max-width:760px){.business-portfolio-grid{grid-template-columns:1fr;}}

/* v3.0.32 — desktop IP portfolio: 4 columns × 3 rows (12 cards per page) */
@media (min-width:1200px){
  .reference-browser-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .reference-browser-grid .talent-reference-card{
    min-width:0!important;
  }
  .reference-browser-grid .talent-reference-card .talent-reference-visual{
    min-height:250px!important;
    padding:20px!important;
  }
  .reference-browser-grid .talent-reference-card .talent-reference-visual img{
    width:210px!important;
    height:210px!important;
    max-width:210px!important;
    flex-basis:210px!important;
  }
  .reference-browser-grid .talent-reference-card .talent-reference-body{
    padding:22px!important;
  }
  .reference-browser-grid .talent-reference-card .talent-reference-body h3{
    font-size:clamp(28px,2vw,38px)!important;
  }
  .reference-browser-grid .talent-reference-card{
    min-height:430px!important;
  }
}
@media (min-width:1200px) and (max-width:1439px){
  .reference-browser-grid .talent-reference-card .talent-reference-visual{
    min-height:225px!important;
    padding:18px!important;
  }
  .reference-browser-grid .talent-reference-card .talent-reference-visual img{
    width:190px!important;
    height:190px!important;
    max-width:190px!important;
    flex-basis:190px!important;
  }
}

/* v3.0.33 Development Portfolio: 8-card business model grid */
.business-portfolio-section{padding-top:120px;padding-bottom:120px}
.business-portfolio-head{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);margin-bottom:56px}
.business-portfolio-head h2{font-size:clamp(48px,5.5vw,86px);line-height:.96}
.business-portfolio-grid{gap:18px}
.business-portfolio-card{min-height:250px;padding:22px 22px 18px;background:#f7f5ef}
.business-portfolio-card h3{font-size:clamp(34px,3.2vw,52px);line-height:.95;margin:26px 0 14px;word-break:keep-all}
.business-portfolio-card>p{font-size:13px;line-height:1.75;max-width:520px}
.business-portfolio-card .project-tags span{font-size:9px;padding:7px 10px}
.business-portfolio-card:after{width:120px;height:120px}
@media(max-width:900px){.business-portfolio-head{grid-template-columns:1fr}.business-portfolio-grid{grid-template-columns:1fr}.business-portfolio-card{min-height:240px}}
@media(max-width:680px){.business-portfolio-section{padding-top:78px;padding-bottom:78px}.business-portfolio-head h2{font-size:12vw}.business-portfolio-card h3{font-size:10vw}}


/* REBON WILD v3.1.0 — Scalable IP Discovery System */
:root{--rw-content-max:1600px;--rw-gutter:clamp(18px,3vw,48px);--rw-radius:22px;--rw-accent:#cfff00;--rw-surface:#101310;--rw-surface-2:#151915;--rw-border:rgba(255,255,255,.13);--rw-muted:rgba(255,255,255,.58)}
.ip-discovery-controls{max-width:var(--rw-content-max);margin:30px auto 28px;padding:0 var(--rw-gutter)}
.ip-class-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ip-class-tabs button,.ip-filter-chips button,.ip-filter-toggle{appearance:none;border:1px solid var(--rw-border);background:#0b0d0b;color:#fff;border-radius:999px;min-height:40px;padding:0 15px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.2s ease}.ip-class-tabs button span{opacity:.48;margin-left:5px}.ip-class-tabs button.active,.ip-filter-chips button.active{background:var(--rw-accent);border-color:var(--rw-accent);color:#080a08}.ip-class-tabs button:hover,.ip-filter-chips button:hover,.ip-filter-toggle:hover{border-color:rgba(207,255,0,.7)}
.ip-browser-toolbar-v2{display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:12px!important;align-items:center!important;margin:0!important}.ip-search-box-v2{min-height:52px!important;border-radius:14px!important;background:var(--rw-surface)!important;border:1px solid var(--rw-border)!important;padding:0 16px!important}.ip-search-box-v2 input{font-size:15px!important}.ip-toolbar-actions{display:flex;align-items:center;gap:8px}.ip-filter-toggle{min-height:52px;border-radius:14px;padding:0 18px}.ip-filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--rw-accent);color:#070907;font-size:10px}.ip-sort-wrap{height:52px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--rw-border);border-radius:14px;background:var(--rw-surface)}.ip-sort-wrap>span{font-size:10px;color:var(--rw-muted);letter-spacing:.12em}.ip-sort-select{border:0;background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:700;outline:none}.ip-sort-select option{background:#111;color:#fff}
.ip-context-filters{margin-top:16px;padding:14px 0;border-top:1px solid var(--rw-border);border-bottom:1px solid var(--rw-border)}.ip-filter-row{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:start;padding:7px 0}.ip-filter-label{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--rw-muted);padding-top:11px}.ip-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.ip-filter-chips button{min-height:34px;padding:0 12px;font-size:11px}.ip-filter-chips button[hidden]{display:none!important}.ip-advanced-filters{margin-top:10px;padding:18px;border:1px solid var(--rw-border);border-radius:16px;background:var(--rw-surface);display:flex;align-items:center;justify-content:space-between;gap:20px}.ip-advanced-filters[hidden]{display:none!important}.ip-advanced-filters p{margin:6px 0 0;color:var(--rw-muted);font-size:12px}.ip-filter-reset{border:0;background:none;color:var(--rw-accent);font-weight:800;cursor:pointer;white-space:nowrap}.ip-results-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px}.ip-search-status{margin:0!important;color:#fff!important;font-size:12px!important;font-weight:800!important}.ip-browser-note{font-size:11px!important;color:var(--rw-muted)!important;margin:0!important}.ip-type-badge{position:absolute;z-index:3;left:18px;top:18px;display:inline-flex!important;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(207,255,0,.45);border-radius:999px;background:rgba(8,10,8,.72);backdrop-filter:blur(8px);color:var(--rw-accent)!important;font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.08em!important}.talent-reference-body{position:relative}.talent-reference-body .ip-card-status+.ip-type-badge{top:50px}
.home-ip-system{padding:clamp(72px,9vw,150px) var(--rw-gutter);background:#070907;color:#fff}.home-ip-system-head{max-width:var(--rw-content-max);margin:0 auto 42px;display:grid;grid-template-columns:minmax(180px,.65fr) 1.4fr 1fr;gap:30px;align-items:start}.home-ip-system-head>p{margin:8px 0 0;color:var(--rw-accent);font-size:11px;font-weight:900;letter-spacing:.15em}.home-ip-system-head h2{margin:0;font-size:clamp(38px,5vw,78px);line-height:.98;letter-spacing:-.055em}.home-ip-system-head>span{color:rgba(255,255,255,.62);font-size:14px;line-height:1.75}.home-ip-class-grid{max-width:var(--rw-content-max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-ip-class-card{min-height:360px;padding:34px;border:1px solid var(--rw-border);border-radius:var(--rw-radius);background:linear-gradient(145deg,#111511,#090b09);color:#fff;text-decoration:none;display:flex;flex-direction:column;transition:.25s ease}.home-ip-class-card:hover{transform:translateY(-3px);border-color:rgba(207,255,0,.55)}.home-ip-class-card>span{font-size:10px;color:var(--rw-accent);font-weight:900;letter-spacing:.15em}.home-ip-class-card h3{margin:auto 0 12px;font-size:clamp(42px,5vw,76px);letter-spacing:-.05em}.home-ip-class-card p{max-width:520px;margin:0 0 30px;color:rgba(255,255,255,.62);line-height:1.6}.home-ip-class-card b{font-size:12px}.home-ip-taxonomy{max-width:var(--rw-content-max);margin:14px auto 0;padding:18px 20px;border:1px solid var(--rw-border);border-radius:15px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;color:rgba(255,255,255,.65);font-size:10px;font-weight:900;letter-spacing:.11em}.home-ip-taxonomy i{color:var(--rw-accent);font-style:normal}
@media(min-width:1200px){.reference-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.reference-browser-grid .talent-reference-card{min-width:0!important}}
@media(min-width:768px) and (max-width:1199px){.reference-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ip-discovery-controls{padding-inline:24px}.home-ip-system-head{grid-template-columns:1fr 2fr}.home-ip-system-head>span{grid-column:2}.home-ip-class-grid{grid-template-columns:1fr 1fr}.home-ip-class-card{min-height:300px}}
@media(max-width:767px){.ip-discovery-controls{margin-top:22px;padding:0 16px}.ip-class-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ip-class-tabs::-webkit-scrollbar,.ip-filter-chips::-webkit-scrollbar{display:none}.ip-class-tabs button{flex:0 0 auto;min-height:38px}.ip-browser-toolbar-v2{grid-template-columns:1fr!important}.ip-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.ip-filter-toggle,.ip-sort-wrap{width:100%;justify-content:center}.ip-context-filters{margin-top:12px}.ip-filter-row{grid-template-columns:1fr;gap:7px;padding:8px 0}.ip-filter-label{padding-top:0}.ip-filter-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.ip-filter-chips button{flex:0 0 auto}.ip-results-head{align-items:flex-start}.ip-browser-note{display:none}.ip-advanced-filters{align-items:flex-start;flex-direction:column}.reference-browser-grid{grid-template-columns:1fr!important}.ip-type-badge{left:14px;top:14px}.talent-reference-body .ip-card-status+.ip-type-badge{top:46px}.home-ip-system{padding:72px 18px}.home-ip-system-head{display:block;margin-bottom:28px}.home-ip-system-head h2{margin:14px 0 20px;font-size:clamp(38px,11vw,58px)}.home-ip-system-head>span{display:block}.home-ip-class-grid{grid-template-columns:1fr}.home-ip-class-card{min-height:280px;padding:26px}.home-ip-class-card h3{font-size:48px}.home-ip-taxonomy{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}}
@media(max-width:430px){.reference-browser-grid .talent-reference-card{border-radius:18px!important}.ip-search-box-v2{min-height:48px!important}.ip-filter-toggle,.ip-sort-wrap{height:48px;min-height:48px}.home-ip-taxonomy{margin-inline:0}}
@media(prefers-reduced-motion:reduce){.home-ip-class-card,.ip-class-tabs button,.ip-filter-chips button{transition:none!important}}


/* v3.1.1 — IP discovery filter/sort reliability + type badge layout fix */
.reference-browser[data-discovery-version="v311"] .talent-reference-body > .ip-type-badge{
  position:static!important; inset:auto!important; z-index:auto!important;
  display:inline-flex!important; align-items:center!important; align-self:flex-start!important;
  width:max-content!important; min-height:26px!important; height:26px!important;
  margin:12px 0 4px!important; padding:0 10px!important;
  border:1px solid rgba(207,255,0,.48)!important; border-radius:999px!important;
  background:rgba(207,255,0,.055)!important; color:var(--rw-accent)!important;
  font-size:9px!important; line-height:1!important; font-weight:900!important; letter-spacing:.08em!important;
  white-space:nowrap!important;
}
.reference-browser[data-discovery-version="v311"] .talent-reference-body > .ip-card-status{
  margin-top:0!important; padding-top:7px!important;
}
.reference-browser[data-discovery-version="v311"] .talent-reference-body > .ip-type-badge + span:not(.ip-type-badge){
  min-height:24px!important; margin-top:2px!important; display:flex!important; align-items:center!important;
}
.reference-browser[data-discovery-version="v311"] .ip-chip-count{
  display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px;
  margin-left:6px; padding:0 5px; border-radius:999px; background:rgba(255,255,255,.08);
  color:currentColor; opacity:.62; font-size:9px; line-height:1; font-weight:900; letter-spacing:0;
}
.reference-browser[data-discovery-version="v311"] .ip-class-tabs .ip-chip-count{background:transparent; padding:0; min-width:auto; margin-left:5px}
.reference-browser[data-discovery-version="v311"] .ip-filter-chips button:disabled{
  opacity:.34; cursor:not-allowed; border-style:dashed;
}
.reference-browser[data-discovery-version="v311"] .ip-filter-chips button:disabled:hover{border-color:var(--rw-border)}
.reference-browser[data-discovery-version="v311"] .ip-filter-chips button.active .ip-chip-count,
.reference-browser[data-discovery-version="v311"] .ip-class-tabs button.active .ip-chip-count{opacity:.72;background:rgba(8,10,8,.1)}
@media(max-width:767px){
 .reference-browser[data-discovery-version="v311"] .talent-reference-body > .ip-type-badge{margin-top:10px!important}
}

/* v3.1.2 — taxonomy integrity + stronger primary class hierarchy */
.reference-browser[data-discovery-version="v317"] .ip-class-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:0 0 18px!important;
}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button{
  position:relative;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;
  min-height:68px!important;padding:13px 16px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
  border:1px solid rgba(255,255,255,.16)!important;color:#f7f8f4!important;overflow:hidden;
}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button strong{grid-column:1;grid-row:1;font-size:13px;letter-spacing:.055em;font-weight:950}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button small{grid-column:1;grid-row:2;margin-top:3px;color:var(--rw-muted);font-size:10px;font-weight:650;letter-spacing:0}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button .ip-chip-count{grid-column:2;grid-row:1/3;min-width:30px!important;height:30px!important;margin:0!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:11px!important;opacity:1!important}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button.active{background:var(--rw-accent)!important;border-color:var(--rw-accent)!important;color:#080a08!important;box-shadow:0 0 0 1px rgba(207,255,0,.2),0 8px 30px rgba(207,255,0,.08)}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button.active small{color:rgba(8,10,8,.66)!important}
.reference-browser[data-discovery-version="v317"] .ip-class-tabs button.active .ip-chip-count{background:rgba(8,10,8,.12)!important;color:#080a08!important}
.reference-browser[data-discovery-version="v317"] .ip-filter-row[hidden]{display:none!important}
.reference-browser[data-discovery-version="v317"] .ip-is-hidden{display:none!important}
.reference-browser[data-discovery-version="v317"] .talent-reference-body > .ip-type-badge{
  position:static!important;inset:auto!important;z-index:auto!important;display:inline-flex!important;align-items:center!important;align-self:flex-start!important;
  width:max-content!important;min-height:26px!important;height:26px!important;margin:12px 0 4px!important;padding:0 10px!important;
  border:1px solid rgba(207,255,0,.48)!important;border-radius:999px!important;background:rgba(207,255,0,.055)!important;color:var(--rw-accent)!important;
  font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.08em!important;white-space:nowrap!important;
}
.reference-browser[data-discovery-version="v317"] .talent-reference-body > .ip-card-status{margin-top:0!important;padding-top:7px!important}
.reference-browser[data-discovery-version="v317"] .talent-reference-body > .ip-type-badge + span:not(.ip-type-badge){min-height:24px!important;margin-top:2px!important;display:flex!important;align-items:center!important}
.reference-browser[data-discovery-version="v317"] .ip-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);color:currentColor;opacity:.62;font-size:9px;line-height:1;font-weight:900;letter-spacing:0}
.reference-browser[data-discovery-version="v317"] .ip-filter-chips button:disabled{opacity:.32;cursor:not-allowed;border-style:dashed}
@media(max-width:767px){
 .reference-browser[data-discovery-version="v317"] .ip-class-tabs{grid-template-columns:repeat(3,minmax(148px,1fr));overflow-x:auto;padding-bottom:4px;margin-right:-16px!important;padding-right:16px}
 .reference-browser[data-discovery-version="v317"] .ip-class-tabs button{min-height:62px!important;padding:11px 13px!important}
 .reference-browser[data-discovery-version="v317"] .ip-class-tabs button strong{font-size:12px}
}

/* v3.1.5 — expressive IP type identity system */
.reference-browser[data-discovery-version="v317"] .ip-type-row .ip-filter-chips button{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  overflow:hidden;
  isolation:isolate;
  transition:border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row .ip-filter-chips button:not([data-filter-value="all"])::before,
.reference-browser[data-discovery-version="v317"] .talent-reference-card .ip-type-badge::before{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:18px;
  height:18px;
  border-radius:6px;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:0;
  box-sizing:border-box;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row .ip-filter-chips button:not(:disabled):hover{
  transform:translateY(-1px);
}

/* Digital Human — electric cyan / synthetic identity */
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-human"]{
  border-color:rgba(46,224,255,.42)!important;
  background:linear-gradient(180deg,rgba(46,224,255,.10),rgba(46,224,255,.025))!important;
  color:#8ceeff!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-human"]::before,
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="digital-human"] .ip-type-badge::before{
  content:"✦";
  background:rgba(46,224,255,.13);
  border:1px solid rgba(46,224,255,.48);
  color:#73edff;
  box-shadow:0 0 12px rgba(46,224,255,.16);
}
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="digital-human"] .ip-type-badge{
  border-color:rgba(46,224,255,.52)!important;
  background:linear-gradient(90deg,rgba(46,224,255,.12),rgba(46,224,255,.035))!important;
  color:#8ceeff!important;
  box-shadow:inset 0 0 0 1px rgba(46,224,255,.035),0 0 18px rgba(46,224,255,.06);
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-human"].active{
  background:#3ae5ff!important;border-color:#3ae5ff!important;color:#071013!important;
  box-shadow:0 7px 22px rgba(46,224,255,.16)!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-human"].active::before{color:#071013;background:rgba(7,16,19,.10);border-color:rgba(7,16,19,.18);box-shadow:none}

/* Real Human — warm amber / physical identity */
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="real-human"]{
  border-color:rgba(255,185,87,.40)!important;
  background:linear-gradient(180deg,rgba(255,185,87,.09),rgba(255,185,87,.022))!important;
  color:#ffd089!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="real-human"]::before,
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="real-human"] .ip-type-badge::before{
  content:"●";
  background:rgba(255,185,87,.12);
  border:1px solid rgba(255,185,87,.42);
  color:#ffc86b;
}
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="real-human"] .ip-type-badge{
  border-color:rgba(255,185,87,.48)!important;
  background:linear-gradient(90deg,rgba(255,185,87,.11),rgba(255,185,87,.03))!important;
  color:#ffd089!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="real-human"].active{
  background:#ffc46d!important;border-color:#ffc46d!important;color:#140d04!important;
  box-shadow:0 7px 22px rgba(255,185,87,.14)!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="real-human"].active::before{color:#140d04;background:rgba(20,13,4,.09);border-color:rgba(20,13,4,.16)}

/* Digital Twin — violet / mirrored identity */
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-twin"]{
  border-color:rgba(183,132,255,.40)!important;
  background:linear-gradient(180deg,rgba(183,132,255,.09),rgba(183,132,255,.022))!important;
  color:#d4b7ff!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-twin"]::before,
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="digital-twin"] .ip-type-badge::before{
  content:"◫";
  background:rgba(183,132,255,.12);
  border:1px solid rgba(183,132,255,.44);
  color:#ceb0ff;
}
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="digital-twin"] .ip-type-badge{border-color:rgba(183,132,255,.48)!important;background:linear-gradient(90deg,rgba(183,132,255,.11),rgba(183,132,255,.03))!important;color:#d4b7ff!important}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-twin"].active{background:#bd8cff!important;border-color:#bd8cff!important;color:#100817!important;box-shadow:0 7px 22px rgba(183,132,255,.14)!important}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="digital-twin"].active::before{color:#100817;background:rgba(16,8,23,.09);border-color:rgba(16,8,23,.16)}

/* Original Character — REBON lime / authored fictional identity */
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="original-character"]{
  border-color:rgba(207,255,0,.46)!important;
  background:linear-gradient(180deg,rgba(207,255,0,.09),rgba(207,255,0,.022))!important;
  color:var(--rw-accent)!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="original-character"]::before,
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="original-character"] .ip-type-badge::before{
  content:"◆";
  background:rgba(207,255,0,.11);
  border:1px solid rgba(207,255,0,.46);
  color:var(--rw-accent);
  box-shadow:0 0 12px rgba(207,255,0,.10);
}
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="original-character"] .ip-type-badge{border-color:rgba(207,255,0,.54)!important;background:linear-gradient(90deg,rgba(207,255,0,.12),rgba(207,255,0,.03))!important;color:var(--rw-accent)!important}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="original-character"].active{background:var(--rw-accent)!important;border-color:var(--rw-accent)!important;color:#080a08!important;box-shadow:0 7px 22px rgba(207,255,0,.14)!important}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="original-character"].active::before{color:#080a08;background:rgba(8,10,8,.10);border-color:rgba(8,10,8,.18);box-shadow:none}

/* Brand Character — coral / commissioned brand identity */
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="brand-character"]{
  border-color:rgba(255,117,106,.40)!important;
  background:linear-gradient(180deg,rgba(255,117,106,.09),rgba(255,117,106,.022))!important;
  color:#ffaaa2!important;
}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="brand-character"]::before,
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="brand-character"] .ip-type-badge::before{
  content:"■";
  background:rgba(255,117,106,.11);
  border:1px solid rgba(255,117,106,.43);
  color:#ff968c;
}
.reference-browser[data-discovery-version="v317"] .talent-reference-card[data-ip-type="brand-character"] .ip-type-badge{border-color:rgba(255,117,106,.48)!important;background:linear-gradient(90deg,rgba(255,117,106,.11),rgba(255,117,106,.03))!important;color:#ffaaa2!important}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="brand-character"].active{background:#ff8277!important;border-color:#ff8277!important;color:#160807!important;box-shadow:0 7px 22px rgba(255,117,106,.14)!important}
.reference-browser[data-discovery-version="v317"] .ip-type-row button[data-filter-value="brand-character"].active::before{color:#160807;background:rgba(22,8,7,.09);border-color:rgba(22,8,7,.16)}

/* Badge ergonomics */
.reference-browser[data-discovery-version="v317"] .talent-reference-card .ip-type-badge{
  gap:7px!important;
  min-height:29px!important;
  height:29px!important;
  padding:0 10px 0 6px!important;
  letter-spacing:.065em!important;
}
.reference-browser[data-discovery-version="v317"] .talent-reference-card:hover .ip-type-badge::before{
  transform:rotate(8deg) scale(1.04);
  transition:transform .22s ease;
}
@media(max-width:767px){
  .reference-browser[data-discovery-version="v317"] .ip-type-row .ip-filter-chips button{gap:6px}
  .reference-browser[data-discovery-version="v317"] .ip-type-row .ip-filter-chips button:not([data-filter-value="all"])::before{width:17px;height:17px;border-radius:5px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .reference-browser[data-discovery-version="v317"] .ip-type-row .ip-filter-chips button,
  .reference-browser[data-discovery-version="v317"] .talent-reference-card .ip-type-badge::before{transition:none!important;transform:none!important}
}

/* v3.1.6 — localized Type guide */
.reference-browser[data-discovery-version="v317"] .ip-type-guide{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 0 14px;padding-left:74px;
}
.reference-browser[data-discovery-version="v317"] .ip-type-guide span{
  min-height:54px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.018);
  color:rgba(255,255,255,.52);font-size:11px;line-height:1.45;
}
.reference-browser[data-discovery-version="v317"] .ip-type-guide strong{display:block;margin-bottom:2px;color:rgba(255,255,255,.88);font-size:11px;font-weight:750;letter-spacing:.01em}
@media(max-width:980px){.reference-browser[data-discovery-version="v317"] .ip-type-guide{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}}
@media(max-width:620px){.reference-browser[data-discovery-version="v317"] .ip-type-guide{display:flex;overflow-x:auto;gap:7px;margin-bottom:12px;padding:0 0 4px;scrollbar-width:none}.reference-browser[data-discovery-version="v317"] .ip-type-guide::-webkit-scrollbar{display:none}.reference-browser[data-discovery-version="v317"] .ip-type-guide span{flex:0 0 210px;min-height:50px;padding:9px 11px;font-size:10.5px}}


/* v3.1.7 contextual IP landing */
.reference-page-main.ip-context-character .ip-featured-rail{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:960px;
}
.reference-page-main.ip-context-character .ip-featured-card:not([hidden]){
  width:100%;
  aspect-ratio:16/8.8!important;
  min-height:0!important;
}
.reference-page-main.ip-context-human .ip-featured-card[data-ip-class="character"]{display:none!important}
.reference-page-main.ip-context-character .ip-featured-card[data-ip-class="human"]{display:none!important}
.ip-type-guide [hidden]{display:none!important}
@media(max-width:700px){
  .reference-page-main.ip-context-character .ip-featured-rail{max-width:none}
  .reference-page-main.ip-context-character .ip-featured-card:not([hidden]){flex:0 0 84vw;width:auto;aspect-ratio:4/5!important}
}


/* REBON WILD v3.1.8 — homepage vertical-space and responsive density optimization */
/* The explanatory IP Discovery headline block was removed; keep discovery actions compact and immediately actionable. */
.home-ip-system{
  padding:clamp(64px,6.2vw,96px) var(--rw-gutter)!important;
}
.home-ip-system>.home-ip-class-grid:first-child{margin-top:0!important}
.home-ip-class-card{
  min-height:clamp(270px,27vw,340px)!important;
  padding:clamp(26px,2.3vw,34px)!important;
}
.home-ip-class-card h3{margin-top:auto!important}
.home-ip-taxonomy{margin-top:12px!important;padding:15px 18px!important}

/* Shared homepage sections: reduce dead vertical space while preserving hierarchy. */
.guide-audience,.guide-ai,.guide-faq{
  padding-top:clamp(78px,7vw,108px)!important;
  padding-bottom:clamp(78px,7vw,108px)!important;
}
.guide-commercial-model,.guide-ready{
  padding-top:clamp(78px,7vw,108px)!important;
  padding-bottom:clamp(78px,7vw,108px)!important;
}
.guide-audience-head,.guide-commercial-head,.guide-ready-head{margin-top:0!important}

/* Desktop / wide screens */
@media (min-width:1200px){
  .home-ip-system{padding-left:var(--rw-gutter)!important;padding-right:var(--rw-gutter)!important}
  .home-ip-class-grid{gap:14px!important}
  .home-ip-class-card{min-height:300px!important}
  .guide-audience,.guide-ai,.guide-faq,.guide-commercial-model,.guide-ready{
    padding-left:var(--rw-gutter)!important;
    padding-right:var(--rw-gutter)!important;
  }
}

/* Tablet / iPad */
@media (min-width:701px) and (max-width:1199px){
  .home-ip-system{padding:64px var(--rw-gutter)!important}
  .home-ip-class-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .home-ip-class-card{min-height:250px!important;padding:26px!important}
  .home-ip-class-card h3{font-size:clamp(38px,5.5vw,58px)!important}
  .home-ip-class-card p{margin-bottom:22px!important}
  .home-ip-taxonomy{margin-top:12px!important;padding:14px 16px!important}
  .guide-audience,.guide-ai,.guide-faq,.guide-commercial-model,.guide-ready{
    padding:68px var(--rw-gutter)!important;
  }
}

/* Mobile / iPhone: prioritize content density, safe-area spacing and thumb-friendly cards. */
@media (max-width:700px){
  .home-ip-system{
    padding:52px max(18px,var(--rw-gutter)) 54px!important;
  }
  .home-ip-class-grid{grid-template-columns:1fr!important;gap:10px!important}
  .home-ip-class-card{
    min-height:220px!important;
    padding:22px!important;
    border-radius:20px!important;
  }
  .home-ip-class-card h3{font-size:clamp(38px,12vw,48px)!important;margin-bottom:8px!important}
  .home-ip-class-card p{font-size:13px!important;line-height:1.55!important;margin-bottom:20px!important}
  .home-ip-taxonomy{
    margin-top:10px!important;
    padding:13px 14px!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch;
  }
  .guide-audience,.guide-ai,.guide-faq,.guide-commercial-model,.guide-ready{
    padding:56px max(18px,var(--rw-gutter))!important;
  }
  .guide-audience-head,.guide-commercial-head,.guide-ready-head{margin-bottom:28px!important}
  .guide-grid,.guide-commercial-grid,.guide-ready-grid,.faq-grid{margin-top:28px!important}
}

/* Small iPhones and short mobile viewports */
@media (max-width:390px), (max-height:700px) and (max-width:700px){
  .home-ip-system{padding-top:44px!important;padding-bottom:46px!important}
  .home-ip-class-card{min-height:202px!important;padding:20px!important}
  .home-ip-class-card h3{font-size:38px!important}
  .guide-audience,.guide-ai,.guide-faq,.guide-commercial-model,.guide-ready{padding-top:48px!important;padding-bottom:48px!important}
}

/* REBON WILD v3.2.4 — canonical Featured IP marquee / contextual hero */
.ip-portfolio-hero .ip-featured-rail-wrap{
  position:relative;
  margin-top:clamp(28px,3.2vw,48px);
}
.ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee{
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
}
.ip-portfolio-hero .ip-featured-marquee .ip-featured-rail{
  display:flex!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  gap:16px!important;
  margin-top:0!important;
  height:auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  overscroll-behavior-x:auto!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
  padding:0 0 8px!important;
}
.ip-portfolio-hero .ip-featured-marquee .ip-featured-rail::-webkit-scrollbar{display:none!important}
.ip-portfolio-hero .ip-featured-marquee .ip-featured-card,
.ip-portfolio-hero .ip-featured-marquee .ip-featured-card.is-wide,
.ip-portfolio-hero .ip-featured-marquee .ip-featured-card:not(:first-child),
.reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card:not([hidden]),
.reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card:not([hidden]),
.reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone],
.reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone]{
  flex:0 0 calc((100% - 32px)/3)!important;
  flex-shrink:0!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  grid-column:auto!important;
  scroll-snap-align:none!important;
  border-radius:24px!important;
  opacity:1!important;
  transform:none!important;
}
.ip-portfolio-hero .ip-featured-overlay{padding:clamp(18px,2vw,28px)!important}
.ip-featured-rail-controls{display:none!important}
.ip-featured-card[data-loop-clone]{pointer-events:auto}
.reference-page-main.ip-context-human .ip-featured-card[data-ip-class="character"],
.reference-page-main.ip-context-character .ip-featured-card[data-ip-class="human"]{display:none!important}
.reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone][hidden],
.reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone][hidden]{display:none!important}

@media (max-width:1100px){
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card.is-wide,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card:not(:first-child),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone],
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone]{
    flex-basis:calc((100% - 16px)/2)!important;
  }
}
@media (max-width:700px){
  .ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee{
    margin-top:24px;
    margin-right:-20px;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-rail{
    gap:12px!important;
    padding-right:20px!important;
  }
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card.is-wide,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card:not(:first-child),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone],
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone]{
    flex:0 0 min(82vw,360px)!important;
  }
  .ip-portfolio-hero .ip-featured-overlay{padding:20px!important}
}
@media (prefers-reduced-motion:reduce){
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-rail{scroll-behavior:auto!important}
}

/* REBON WILD v3.2.5 — continuous Featured IP marquee hover behavior */
.ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee{
  cursor:default;
}
.ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee:hover .ip-featured-rail,
.ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee.is-marquee-paused .ip-featured-rail{
  /* Motion is driven by the marquee controller; this state documents and stabilizes hover pause. */
  scroll-behavior:auto!important;
}
.ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee:not(:hover):not(.is-marquee-paused) .ip-featured-rail{
  scroll-behavior:auto!important;
}


/* REBON WILD v3.2.8 — CSS-only continuous Featured IP marquee
   Continuous right-to-left motion; hover pauses, pointer leave resumes. */
@keyframes rebonFeaturedMarquee328{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 8px),0,0)}
}
.ip-portfolio-hero .ip-featured-rail-wrap.ip-featured-marquee{
  overflow:hidden!important;
  cursor:default!important;
}
.ip-portfolio-hero .ip-featured-marquee .ip-featured-rail{
  display:flex!important;
  width:max-content!important;
  max-width:none!important;
  gap:16px!important;
  overflow:visible!important;
  padding:0 0 8px!important;
  margin:0!important;
  transform:translate3d(0,0,0);
  animation:rebonFeaturedMarquee328 62s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform;
}
.ip-portfolio-hero .ip-featured-marquee:hover .ip-featured-rail,
.ip-portfolio-hero .ip-featured-marquee.is-marquee-paused .ip-featured-rail{
  animation-play-state:paused!important;
}
.ip-portfolio-hero .ip-featured-marquee:not(:hover):not(.is-marquee-paused) .ip-featured-rail{
  animation-play-state:running!important;
}
.ip-portfolio-hero .ip-featured-marquee .ip-featured-marquee-set{
  display:flex!important;
  flex:0 0 auto!important;
  gap:16px!important;
  align-items:stretch;
}
.ip-portfolio-hero .ip-featured-marquee .ip-featured-card,
.ip-portfolio-hero .ip-featured-marquee .ip-featured-card.is-wide,
.ip-portfolio-hero .ip-featured-marquee .ip-featured-card:not(:first-child),
.reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card:not([hidden]),
.reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card:not([hidden]),
.reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone],
.reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone]{
  flex:0 0 calc((100vw - 2 * max(20px, calc((100vw - 1600px)/2)) - 32px)/3)!important;
  width:clamp(300px,31vw,520px)!important;
  max-width:520px!important;
  min-width:300px!important;
}
@media(max-width:1100px){
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card.is-wide,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card:not(:first-child),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone],
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone]{
    flex-basis:clamp(300px,45vw,460px)!important;
    width:clamp(300px,45vw,460px)!important;
  }
}
@media(max-width:700px){
  @keyframes rebonFeaturedMarquee328{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(calc(-50% - 6px),0,0)}
  }
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-rail,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-marquee-set{gap:12px!important}
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-rail{animation-duration:48s!important}
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card.is-wide,
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-card:not(:first-child),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card:not([hidden]),
  .reference-page-main.ip-context-human .ip-featured-marquee .ip-featured-card[data-loop-clone],
  .reference-page-main.ip-context-character .ip-featured-marquee .ip-featured-card[data-loop-clone]{
    flex-basis:min(82vw,360px)!important;
    width:min(82vw,360px)!important;
    min-width:min(82vw,360px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ip-portfolio-hero .ip-featured-marquee .ip-featured-rail{animation:none!important;transform:none!important}
}


/* v3.3.6 — Korean/English character-name standard + VEIL profile framing */
.talent-standard-copy h1 small{
  display:block;
  margin-top:clamp(12px,1.4vw,22px);
  font-size:clamp(16px,1.45vw,24px);
  line-height:1;
  letter-spacing:.22em;
  color:#aeb0af;
  font-weight:600;
}
.reference-browser-grid .talent-reference-card .talent-reference-body h3 small{
  display:block;
  margin-top:8px;
  font-size:.38em;
  line-height:1;
  letter-spacing:.18em;
  color:#9da29f;
  font-weight:650;
}
.veil-page .talent-standard-visual img{object-position:center 20%;}
@media(max-width:760px){
  .talent-standard-copy h1 small{margin-top:12px;font-size:16px;letter-spacing:.18em;}
  .reference-browser-grid .talent-reference-card .talent-reference-body h3 small{margin-top:7px;font-size:.42em;}
  .veil-page .talent-standard-visual img{object-position:center 18%;}
}

/* v3.3.7 — universal face-first profile crop system
   All talent/character hero profile images are intentionally cropped around the face.
   New profile assets inherit this behavior automatically through .talent-standard-visual. */
.talent-standard-visual img{
  object-fit:cover!important;
  object-position:center 16%!important;
  transform:scale(1.16);
  transform-origin:center 18%;
}
/* VEIL: slightly higher focal point to keep the eyes/face centered in the crop. */
.veil-page .talent-standard-visual img{
  object-position:center 12%!important;
  transform:scale(1.20);
  transform-origin:center 14%;
}
@media(max-width:760px){
  .talent-standard-visual img{
    object-position:center 14%!important;
    transform:scale(1.18);
    transform-origin:center 16%;
  }
  .veil-page .talent-standard-visual img{
    object-position:center 10%!important;
    transform:scale(1.22);
    transform-origin:center 12%;
  }
}


/* v3.3.8 — BYTE original character integration */
.byte-page .talent-standard-visual img{
  object-position:center 18%!important;
  transform:scale(1.14);
  transform-origin:center 20%;
}
@media(max-width:760px){
  .byte-page .talent-standard-visual img{
    object-position:center 16%!important;
    transform:scale(1.16);
    transform-origin:center 18%;
  }
}

/* =========================================================
   v3.3.10 — GLOBAL IMAGE DOWNLOAD DETERRENCE
   Prevents common save/drag/long-press interactions while
   preserving normal links, galleries and responsive layouts.
   ========================================================= */
img,
picture,
svg image,
[data-image-protected="true"],
[data-protected-image] {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

/* Prevent accidental selection of image-only portfolio surfaces. */
.artwork-detail-image,
.talent-visual,
.talent-profile-media,
.talent-gallery,
.portfolio-card,
.ip-card,
.featured-ip-card {
  -webkit-touch-callout: none;
}


/* v3.3.11 — IP Protection messaging */
.ip-protection-section{position:relative;overflow:hidden;background:#070908;color:#f4f5ef}
.ip-protection-section:before{content:"PROTECT";position:absolute;right:-.04em;top:.12em;font-size:clamp(110px,19vw,330px);font-weight:900;line-height:.8;letter-spacing:-.08em;color:rgba(255,255,255,.025);pointer-events:none}
.ip-protection-head{max-width:var(--max);margin:34px auto 56px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:clamp(36px,7vw,110px);align-items:end;position:relative;z-index:1}
.ip-protection-kicker{margin:0 0 20px;color:#caff00;font-size:12px;font-weight:800;letter-spacing:.2em}
.ip-protection-head .chapter-title{margin:0;color:#f4f5ef}
.ip-protection-lead{margin:0;color:rgba(255,255,255,.68);font-size:clamp(15px,1.25vw,19px);line-height:1.85}
.ip-protection-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);position:relative;z-index:1}
.ip-protection-grid article{min-height:310px;padding:30px 26px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column}
.ip-protection-grid article>span{font-size:11px;color:rgba(255,255,255,.42);letter-spacing:.16em}.ip-protection-grid b{margin-top:34px;color:#caff00;font-size:12px;letter-spacing:.18em}.ip-protection-grid h3{margin:12px 0 18px;font-size:clamp(25px,2vw,34px);letter-spacing:-.045em}.ip-protection-grid p{margin:0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.8}
.ip-protection-principle{max-width:var(--max);margin:34px auto 0;padding:28px 0;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24);display:grid;grid-template-columns:minmax(230px,.42fr) 1fr;gap:36px;align-items:start}.ip-protection-principle strong{color:#caff00;font-size:13px;letter-spacing:.17em}.ip-protection-principle p{margin:0;max-width:820px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.75}.ip-protection-note{max-width:var(--max);margin:18px auto 0;color:rgba(255,255,255,.42);font-size:12px;line-height:1.7}
.guide-ip-protection{padding:clamp(72px,8vw,132px) clamp(20px,5vw,88px);background:#070908;color:#f4f5ef}
.guide-ip-protection-head{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr) minmax(260px,.6fr);gap:clamp(24px,5vw,78px);align-items:start;margin:28px 0 46px}.guide-ip-protection-head>p{margin:7px 0 0;color:#caff00;font-size:12px;font-weight:800;letter-spacing:.18em}.guide-ip-protection-head h2{margin:0;font-size:clamp(38px,5.2vw,80px);line-height:.99;letter-spacing:-.055em}.guide-ip-protection-head>span{color:rgba(255,255,255,.62);font-size:clamp(15px,1.2vw,19px);line-height:1.8}
.guide-ip-protection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.guide-ip-protection-grid article{min-height:260px;padding:28px 25px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.guide-ip-protection-grid b{color:#caff00;font-size:12px;letter-spacing:.16em}.guide-ip-protection-grid h3{margin:28px 0 16px;font-size:clamp(24px,2vw,32px);letter-spacing:-.04em}.guide-ip-protection-grid p{margin:0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75}.guide-ip-protection-note{margin-top:30px;padding:24px 28px;border:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:30px;align-items:center}.guide-ip-protection-note strong{max-width:620px;font-size:17px;line-height:1.55}.guide-ip-protection-note span{max-width:620px;color:rgba(255,255,255,.52);font-size:13px;line-height:1.7}
@media(max-width:1050px){.ip-protection-head{grid-template-columns:1fr}.ip-protection-grid,.guide-ip-protection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-ip-protection-head{grid-template-columns:1fr 2fr}.guide-ip-protection-head>span{grid-column:2}.ip-protection-principle{grid-template-columns:1fr}}
@media(max-width:680px){.ip-protection-head{margin:26px auto 36px;gap:22px}.ip-protection-grid,.guide-ip-protection-grid{grid-template-columns:1fr}.ip-protection-grid article,.guide-ip-protection-grid article{min-height:0;padding:24px 22px}.ip-protection-grid b{margin-top:24px}.ip-protection-principle{gap:14px;padding:22px 0}.guide-ip-protection{padding:64px 20px}.guide-ip-protection-head{grid-template-columns:1fr;gap:16px;margin:22px 0 32px}.guide-ip-protection-head>span{grid-column:auto}.guide-ip-protection-note{align-items:flex-start;flex-direction:column;padding:22px}}


/* v3.3.18 — trusted IP rights-management seal, unified across all IP visuals */
:root{
  --rw-certified-badge:url("assets/rebon-wild-ip-rights-managed-badge.png");
  --rw-certified-width:116px;
  --rw-certified-height:37px;
  --rw-certified-right:12px;
  --rw-certified-bottom:12px;
}

.ip-featured-card,
.guide-random-talent-card,
.talent-reference-visual,
.talent-standard-visual,
.talent-detail-visual,
.hansea-hero-visual,
.rw-certified-media,
.rw-certify,
[data-rw-certified]{position:relative;isolation:isolate}

.rw-certified-media{display:block;width:100%;overflow:hidden}
.talent-work-card>.rw-certified-media{border-radius:24px 24px 0 0}
.hansea-gallery-item>.rw-certified-media,
.artwork-detail-image>.rw-certified-media,
.audio-reference-card>.rw-certified-media,
.rw-certify>.rw-certified-media,
[data-rw-certified]>.rw-certified-media{border-radius:inherit}

.rw-certified-badge{
  position:absolute;
  right:var(--rw-certified-right);
  bottom:var(--rw-certified-bottom);
  width:var(--rw-certified-width);
  height:var(--rw-certified-height);
  background:var(--rw-certified-badge) center / contain no-repeat;
  filter:drop-shadow(0 7px 16px rgba(0,0,0,.34));
  pointer-events:none;
  user-select:none;
  z-index:12;
  opacity:.98;
  transform:translateZ(0);
}

.ip-featured-card>.rw-certified-badge,
.guide-random-talent-card>.rw-certified-badge{z-index:14}

@media(max-width:480px){
  :root{
    --rw-certified-right:10px;
    --rw-certified-bottom:10px;
  }
}

@media(prefers-reduced-transparency:reduce){
  .rw-certified-badge{opacity:1;filter:drop-shadow(0 5px 12px rgba(0,0,0,.42))}
}

/* v3.3.21 — company / IP-holder protection detail: compact premium typography */
.company-ip-security{padding-top:clamp(64px,6.8vw,108px);padding-bottom:clamp(64px,6.8vw,108px)}
.company-ip-security-head{max-width:var(--max);margin:24px auto 38px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(28px,5vw,76px);align-items:end}
.company-ip-security-kicker{margin:0 0 14px;color:#caff00;font-size:11px;font-weight:850;letter-spacing:.18em}
.company-ip-security-head>p{margin:0;color:rgba(255,255,255,.7);font-size:clamp(14px,1.05vw,17px);line-height:1.72;max-width:54ch}
.company-ip-security-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}
.company-ip-security-grid article{min-height:296px;padding:24px 24px 26px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))}
.company-ip-security-grid article>span{color:rgba(255,255,255,.34);font-size:10px;font-weight:700;letter-spacing:.17em}
.company-ip-security-grid b{margin-top:24px;color:#caff00;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:none}
.company-ip-security-grid h3{margin:9px 0 13px;font-size:clamp(21px,1.65vw,28px);line-height:1.15;letter-spacing:-.038em;min-height:2.3em;display:flex;flex-direction:column;justify-content:flex-start;gap:.04em;text-wrap:balance}
.company-ip-security-grid h3 span{display:block}
.company-ip-security-grid p{margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.68;max-width:42ch;display:flex;flex-direction:column;gap:1px;min-height:5.15em;text-wrap:pretty}
.company-ip-security-grid p span{display:block}
.company-ip-security-flow{max-width:var(--max);margin:24px auto 0;padding:18px 22px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.012)}
.company-ip-security-flow strong{font-size:12px;letter-spacing:.045em}.company-ip-security-flow i{color:#caff00;font-style:normal}.company-ip-security-note{max-width:var(--max);margin:14px auto 0;color:rgba(255,255,255,.45);font-size:11px;line-height:1.68}
.guide-holder-security{margin:38px 0 30px;padding:30px;border:1px solid rgba(7,9,8,.14);background:#f6f7f2}.guide-holder-security-head{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:22px 38px;align-items:start}.guide-holder-security-head>span{color:#5f7600;font-size:11px;font-weight:900;letter-spacing:.14em}.guide-holder-security-head h3{margin:0;font-size:clamp(25px,3vw,42px);letter-spacing:-.045em;line-height:1.08}.guide-holder-security-head p{grid-column:2;margin:0;color:rgba(7,9,8,.64);font-size:15px;line-height:1.75}.guide-holder-security-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(7,9,8,.13);border-left:1px solid rgba(7,9,8,.13)}.guide-holder-security-grid article{padding:22px 20px;border-right:1px solid rgba(7,9,8,.13);border-bottom:1px solid rgba(7,9,8,.13)}.guide-holder-security-grid b{color:#789300;font-size:11px;letter-spacing:.13em}.guide-holder-security-grid h4{margin:12px 0 10px;font-size:18px;letter-spacing:-.025em}.guide-holder-security-grid p{margin:0;color:rgba(7,9,8,.62);font-size:13px;line-height:1.7}
@media(max-width:960px){.company-ip-security{padding-top:58px;padding-bottom:58px}.company-ip-security-head{grid-template-columns:1fr;margin-bottom:30px}.company-ip-security-grid,.guide-holder-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-ip-security-grid article{min-height:282px}.guide-holder-security-head{grid-template-columns:1fr}.guide-holder-security-head p{grid-column:auto}}
@media(max-width:640px){.company-ip-security{padding-top:46px;padding-bottom:46px}.company-ip-security-head{margin:18px auto 24px;gap:18px}.company-ip-security-kicker{margin-bottom:10px}.company-ip-security-head>p{font-size:14px;line-height:1.65}.company-ip-security-grid,.guide-holder-security-grid{grid-template-columns:1fr}.company-ip-security-grid article{min-height:0;padding:22px 20px 24px}.company-ip-security-grid b{margin-top:18px}.company-ip-security-grid h3{min-height:0;margin:8px 0 11px;font-size:23px}.company-ip-security-grid p{min-height:0;max-width:none;font-size:13px;line-height:1.65}.company-ip-security-flow{justify-content:flex-start;margin-top:20px;padding:16px 18px}.company-ip-security-note{font-size:11px}.guide-holder-security{padding:22px 18px}}

/* REBON WILD v3.3.17 — homepage hero information-density & responsive composition */
/* Goal: remove unused first-view whitespace while preserving hierarchy and featured-IP visibility. */
@media (min-width:1200px){
  .guide-hero{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(380px,.72fr)!important;
    grid-template-rows:auto auto auto auto!important;
    column-gap:clamp(42px,5vw,84px)!important;
    row-gap:0!important;
    align-items:center!important;
    padding-top:calc(var(--rw-header-h) + clamp(24px,2.8vh,38px))!important;
    padding-right:var(--rw-gutter)!important;
    padding-bottom:clamp(34px,4vh,52px)!important;
    padding-left:var(--rw-gutter)!important;
  }
  .guide-hero>.guide-eyebrow,
  .guide-hero>h1,
  .guide-hero>.guide-lead,
  .guide-hero>.guide-choice-row{
    grid-column:1!important;
    width:min(100%,980px)!important;
  }
  .guide-hero>.guide-eyebrow{grid-row:1!important;align-self:end!important;margin:0 0 12px!important}
  .guide-hero>h1{
    grid-row:2!important;
    align-self:center!important;
    font-size:clamp(54px,5.75vw,92px)!important;
    line-height:.91!important;
    max-width:930px!important;
  }
  .guide-hero>.guide-lead{
    grid-row:3!important;
    align-self:start!important;
    margin-top:clamp(18px,2vh,24px)!important;
    max-width:820px!important;
    font-size:clamp(15px,1.03vw,17px)!important;
    line-height:1.66!important;
  }
  .guide-hero>.guide-choice-row{
    grid-row:4!important;
    align-self:start!important;
    margin-top:clamp(20px,2.2vh,28px)!important;
  }
  .guide-random-talent{
    grid-column:2!important;
    grid-row:1 / 5!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4/4.85!important;
    transform:none!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
  }
  .guide-random-talent-card{border-radius:clamp(24px,2vw,34px)!important}
  .guide-random-talent-meta{
    left:clamp(22px,2vw,34px)!important;
    right:clamp(22px,2vw,34px)!important;
    bottom:clamp(22px,2.6vw,38px)!important;
  }
  .guide-random-talent-meta strong{font-size:clamp(34px,3vw,54px)!important}

  /* Bring the next decision layer closer to the hero so the first two sections read as one composition. */
  .home-ip-system{padding-top:clamp(42px,4.4vw,66px)!important}
}

/* Landscape tablet / compact desktop: maintain a useful two-column first view. */
@media (min-width:900px) and (max-width:1199px){
  .guide-hero{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.78fr)!important;
    grid-template-rows:auto auto auto auto!important;
    gap:0 clamp(28px,4vw,52px)!important;
    padding-top:calc(var(--rw-header-h) + clamp(22px,3vh,34px))!important;
    padding-bottom:36px!important;
  }
  .guide-hero>.guide-eyebrow,.guide-hero>h1,.guide-hero>.guide-lead,.guide-hero>.guide-choice-row{grid-column:1!important;width:100%!important}
  .guide-hero>.guide-eyebrow{grid-row:1!important;margin-bottom:10px!important}
  .guide-hero>h1{grid-row:2!important;font-size:clamp(46px,6.4vw,70px)!important;line-height:.91!important}
  .guide-hero>.guide-lead{grid-row:3!important;margin-top:18px!important;font-size:15px!important;line-height:1.62!important}
  .guide-hero>.guide-choice-row{grid-row:4!important;margin-top:20px!important}
  .guide-random-talent{
    grid-column:2!important;grid-row:1 / 5!important;
    position:relative!important;top:auto!important;right:auto!important;
    width:100%!important;height:auto!important;max-height:none!important;
    margin:0!important;aspect-ratio:4/5!important;transform:none!important;align-self:center!important;
  }
  .guide-random-talent-meta{left:22px!important;right:22px!important;bottom:24px!important}
  .guide-random-talent-meta strong{font-size:clamp(32px,4.2vw,46px)!important}
  .home-ip-system{padding-top:50px!important}
}

/* Portrait tablet: stack tightly with a wide featured card, keeping both narrative and IP visible quickly. */
@media (min-width:701px) and (max-width:899px){
  .guide-hero{
    min-height:0!important;
    padding-top:calc(var(--rw-header-h) + 24px)!important;
    padding-bottom:34px!important;
  }
  .guide-hero>h1{font-size:clamp(48px,8.2vw,68px)!important;line-height:.92!important;max-width:720px!important}
  .guide-hero>.guide-lead{margin-top:18px!important;max-width:720px!important}
  .guide-hero>.guide-choice-row{margin-top:20px!important}
  .guide-random-talent{
    margin-top:26px!important;
    aspect-ratio:16/8.2!important;
    max-height:none!important;
  }
  .guide-random-talent-media img{object-position:center 24%!important}
  .guide-random-talent-meta{left:26px!important;right:26px!important;bottom:24px!important}
  .guide-random-talent-meta strong{font-size:clamp(34px,6vw,48px)!important}
  .home-ip-system{padding-top:46px!important}
}

/* Mobile / iPhone: reduce non-informational gaps and preserve safe-area behavior. */
@media (max-width:700px){
  .guide-hero{
    min-height:0!important;
    padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + 14px)!important;
    padding-bottom:28px!important;
  }
  .guide-hero>.guide-eyebrow{margin-bottom:10px!important}
  .guide-hero>h1{
    font-size:clamp(38px,11.4vw,54px)!important;
    line-height:.91!important;
    letter-spacing:-.06em!important;
  }
  .guide-hero>.guide-lead{
    margin-top:15px!important;
    font-size:13.5px!important;
    line-height:1.56!important;
  }
  .guide-hero>.guide-choice-row{margin-top:17px!important;gap:8px!important}
  .guide-choice-row a{padding:12px 15px!important;font-size:12.5px!important}
  .guide-random-talent{
    margin-top:20px!important;
    aspect-ratio:4/4.5!important;
    max-height:none!important;
  }
  .guide-random-talent-card{border-radius:20px!important}
  .guide-random-talent-media img{object-position:center 20%!important}
  .guide-random-talent-meta{left:20px!important;right:20px!important;bottom:20px!important;gap:6px!important}
  .guide-random-talent-kicker{font-size:9px!important}
  .guide-random-talent-meta strong{font-size:clamp(31px,9.8vw,40px)!important}
  .guide-random-talent-meta>span:not(.guide-random-talent-kicker){font-size:12px!important}
  .guide-random-talent-meta em{margin-top:6px!important;font-size:11.5px!important}
  .home-ip-system{padding-top:40px!important}
}

@media (max-width:390px), (max-height:700px) and (max-width:700px){
  .guide-hero{padding-top:calc(var(--rw-header-h) + env(safe-area-inset-top) + 10px)!important;padding-bottom:24px!important}
  .guide-hero>h1{font-size:clamp(36px,10.9vw,46px)!important}
  .guide-hero>.guide-lead{font-size:13px!important;margin-top:13px!important}
  .guide-random-talent{margin-top:18px!important;aspect-ratio:4/4.25!important}
  .home-ip-system{padding-top:36px!important}
}


/* v3.3.22 — rights-holder technical protection + security copy rhythm */
@media (min-width:961px){
  .company-ip-security-grid p.company-ip-card-copy span{white-space:nowrap}
}
.guide-holder-security{margin-top:42px;margin-bottom:34px;padding:32px;border:1px solid rgba(7,9,8,.14);background:linear-gradient(180deg,#f7f8f3,#f2f4ed)}
.guide-holder-security-head{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(260px,.72fr) minmax(320px,1fr);gap:22px 34px;align-items:start}
.guide-holder-security-head>span{padding-top:7px;color:#6e8700;font-size:10px;font-weight:900;letter-spacing:.14em}
.guide-holder-security-head h3{margin:0;font-size:clamp(27px,2.4vw,38px);line-height:1.08;letter-spacing:-.045em}
.guide-holder-security-head p{margin:0;color:rgba(7,9,8,.64);font-size:14px;line-height:1.72}
.guide-holder-security-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(7,9,8,.13);border-left:1px solid rgba(7,9,8,.13)}
.guide-holder-security-grid article{min-height:205px;padding:20px 19px 22px;border-right:1px solid rgba(7,9,8,.13);border-bottom:1px solid rgba(7,9,8,.13);display:flex;flex-direction:column}
.guide-holder-security-grid b{color:#718d00;font-size:10px;letter-spacing:.11em;line-height:1.35}
.guide-holder-security-grid h4{margin:13px 0 10px;font-size:18px;line-height:1.28;letter-spacing:-.026em}
.guide-holder-security-grid p{margin:auto 0 0;color:rgba(7,9,8,.62);font-size:13px;line-height:1.68}
.guide-holder-security-note{margin:18px 0 0;color:rgba(7,9,8,.5);font-size:11px;line-height:1.7}
@media(max-width:1100px){.guide-holder-security-head{grid-template-columns:1fr 1.2fr}.guide-holder-security-head>span{grid-column:1/-1}.guide-holder-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.guide-holder-security{margin-top:32px;padding:22px 18px}.guide-holder-security-head{grid-template-columns:1fr;gap:13px}.guide-holder-security-head>span{grid-column:auto}.guide-holder-security-head h3{font-size:28px}.guide-holder-security-head p{font-size:13px}.guide-holder-security-grid{grid-template-columns:1fr;margin-top:22px}.guide-holder-security-grid article{min-height:0;padding:18px 16px}.guide-holder-security-grid p{margin:0}.company-ip-security-grid p.company-ip-card-copy span{white-space:normal}}