/* R Click Media — additive visual upgrade */
.home-upgraded{--paper:#f8faff;background:var(--paper)}
.home-upgraded .hero{grid-template-columns:1.12fr 1fr;gap:45px;min-height:720px;padding:64px 0 72px;position:relative}
.home-upgraded .hero:before{content:'';position:absolute;inset:0 -5vw;z-index:-1;background:radial-gradient(ellipse at 90% 40%,#dbe5ff 0,transparent 52%),radial-gradient(ellipse at 0 100%,#f3ddff66,transparent 50%)}
.home-upgraded .hero h1{font-size:clamp(55px,5.4vw,78px);line-height:1.08;letter-spacing:-.065em;max-width:650px;margin:27px 0}
.home-upgraded .hero h1 em{background:linear-gradient(95deg,#154cfa,#7650e8);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-upgraded .hero h1 em:after{display:none}
.home-upgraded .hero-copy{max-width:420px}
.home-upgraded .hero .eyebrow{font-size:11px;letter-spacing:1.6px}
.home-upgraded .hero-visual{min-height:530px;perspective:1100px;isolation:isolate}
.studio-display{width:100%;min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff;background:linear-gradient(135deg,#dae3ff,#ebe7ff 65%,#fce4d9);border-radius:36px;box-shadow:0 30px 70px #25428117;transform:rotate(3deg);transition:background .45s;overflow:hidden}
.studio-display:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #9db1ef80;border-radius:50%;box-shadow:0 0 0 45px #ffffff23,0 0 0 90px #ffffff1c}
.studio-label{position:absolute;left:25px;top:22px;font-size:10px;letter-spacing:2px;font-weight:700;color:#344d8c}
.studio-number{position:absolute;right:23px;top:16px;font-size:14px;font-family:monospace;color:#344d8c}
.studio-mark{width:220px;height:225px;background:white;border-radius:28px;box-shadow:15px 25px 40px #1a358d19;position:relative;display:grid;place-items:center;transform:rotate(-10deg)}
.studio-mark .hero-logo{width:175px;height:175px}
.studio-caption{position:absolute;left:26px;bottom:27px;color:#25385e;font-family:Manrope,sans-serif;font-weight:650;font-size:26px;line-height:1.2;letter-spacing:-1px;max-width:280px}
.studio-arrow{position:absolute;right:25px;bottom:25px;background:var(--blue);color:white;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:26px}
.studio-tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;padding:7px;gap:4px;border:1px solid #d7dfef;background:#fff;border-radius:40px;box-shadow:0 12px 35px #24376312;width:max-content;max-width:100%}
.studio-tabs button{background:transparent;border:0;border-radius:30px;padding:11px 18px;font:500 13px 'DM Sans',sans-serif;color:#596579;cursor:pointer}
.studio-tabs button[aria-pressed=true]{background:#192124;color:white}
.studio-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.studio-display[data-mode=social]{background:linear-gradient(130deg,#efdfff,#fde4eb,#ffdfc1)}
.studio-display[data-mode=ads]{background:linear-gradient(130deg,#d4efe4,#e1f4c7,#e1ebff)}
.home-upgraded .hero-meta{font-size:12px;flex-wrap:wrap}
.home-upgraded .button{transition:transform .25s,box-shadow .25s,background .25s}
.home-upgraded .button:hover{box-shadow:0 12px 26px #174afa2c;transform:translateY(-4px)}
.home-upgraded .button span{transition:transform .25s}.home-upgraded .button:hover span{transform:translate(3px,-3px)}
.home-upgraded .band{background:#184afa;color:#fff;border:0;transform:rotate(-1.3deg);margin:8px 0 30px;padding:23px 0}
.home-upgraded .band-content{color:white;font-weight:500}.home-upgraded .band-content span:before{color:#cce27e}
.home-upgraded .service{position:relative;overflow:hidden;background:linear-gradient(140deg,#fff,#edf2ff);border-color:#dce3f2}
.home-upgraded .service:nth-child(2){background:linear-gradient(140deg,#fff,#f2eaff)}
.home-upgraded .service:nth-child(3){background:linear-gradient(140deg,#fff,#fff0e5)}
.home-upgraded .service-top{margin-bottom:35px}.home-upgraded .service-num{font-size:35px;font-weight:600;color:#b8c6e1;letter-spacing:-2px}
.home-upgraded .work-section{background:#eef2fb}
.home-upgraded .project-art{min-height:320px;border-radius:23px;transform-style:preserve-3d;transition:transform .25s,box-shadow .25s;position:relative}
.home-upgraded .project-art:before{content:'';position:absolute;inset:20px;border:1px solid currentColor;border-radius:15px;opacity:.12;pointer-events:none}
.home-upgraded .project-category{top:35px;left:36px}
.home-upgraded .project-word{font-size:clamp(28px,3.6vw,47px);transform:translateZ(25px)}
.home-upgraded .project-open{right:34px;bottom:33px;background:#ffffff66}
.home-upgraded .project:hover .project-art{box-shadow:0 25px 40px #182c551b}
.home-upgraded .project:last-child .project-art{min-height:220px}
.home-upgraded .contact-box{background:linear-gradient(115deg,#e5eaff,#e6efff 55%,#f2e5ff);border-color:#d3dfff}
.home-upgraded .contact-box h2{font-size:clamp(40px,5vw,70px)}
.scroll-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,#164bfa,#9d6cff);width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
@media(max-width:1050px){.home-upgraded .hero{gap:24px}.studio-mark{width:190px;height:195px}.studio-mark .hero-logo{width:155px;height:155px}.studio-display{min-height:390px}.home-upgraded .hero-visual{min-height:480px}.studio-caption{font-size:23px}}
@media(max-width:800px){.home-upgraded .hero{grid-template-columns:1fr;padding-top:48px;min-height:auto}.home-upgraded .hero h1{font-size:clamp(52px,8.7vw,75px)}.home-upgraded .hero-visual{width:90%;min-height:490px;max-width:520px}.home-upgraded .project-art{min-height:270px}.studio-display{min-height:400px}}
@media(max-width:540px){.home-upgraded .hero{gap:15px;padding-bottom:35px}.home-upgraded .hero h1{font-size:clamp(44px,11.3vw,60px)}.home-upgraded .hero-visual{width:100%;min-height:430px;margin-top:8px}.studio-display{min-height:350px;border-radius:27px;transform:rotate(2deg);width:95%}.studio-mark{width:170px;height:175px}.studio-mark .hero-logo{width:135px;height:135px}.studio-caption{font-size:21px;bottom:23px;left:22px;max-width:200px}.studio-label{font-size:9px;left:20px}.studio-number{font-size:12px}.studio-tabs button{padding:10px 15px;font-size:12px}.studio-arrow{height:37px;width:37px;font-size:22px}.home-upgraded .band{transform:none;margin-top:0}.home-upgraded .project-art{min-height:270px}.home-upgraded .hero-meta{gap:9px}.home-upgraded .hero-meta .divider{display:none}.home-upgraded .hero .eyebrow{font-size:10px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.studio-display,.home-upgraded .project-art{transform:none!important}.scroll-progress{display:none}}