/* SPIRIT IN MEDIA V7 – focused hero only. The left copy and all sections below are preserved. */
.hero-v4 .lab-experience{max-width:700px;gap:13px;display:flex;flex-direction:column;align-items:stretch;min-width:0}
.hero-v4 .lab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#8b7c82;text-transform:uppercase}
.hero-v4 .lab-head>span:first-child{display:inline-flex;align-items:center;gap:8px}
.hero-v4 .lab-live{width:7px;height:7px;background:#fd6262;border-radius:50%;display:inline-block}
.hero-v4 .lab-window{position:relative;overflow:hidden;isolation:isolate;background:#fff;border:1px solid #e4dcd9;box-shadow:0 25px 70px #2d1b2420,0 4px 13px #2d1b2408;border-radius:20px;height:clamp(420px,38vw,515px);transition:box-shadow .35s,transform .35s}
.hero-v4 .lab-window:hover{box-shadow:0 35px 82px #2d1b2426,0 5px 14px #2d1b2408;transform:translateY(-2px)}
.hero-v4 .lab-browser-bar{height:40px;border-bottom:1px solid #eee8e5;background:#fff;position:relative;z-index:5;display:flex;align-items:center;gap:15px;padding:0 18px}
.hero-v4 .lab-browser-dots{display:flex;gap:5px}.hero-v4 .lab-browser-dots i{width:7px;height:7px;border-radius:50%;background:#e7dedc}.hero-v4 .lab-browser-dots i:first-child{background:#fd6262}
.hero-v4 .lab-browser-address{margin:auto;font-size:10px;letter-spacing:.02em;color:#958a8d;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.hero-v4 .lab-browser-brand{color:#fd6262;font-size:15px;font-weight:800;letter-spacing:-.08em}
.hero-v4 .lab-scenes{position:absolute;inset:40px 0 0}
.hero-v4 .lab-scene{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .35s ease,transform .35s ease,visibility .35s ease}
.hero-v4 .lab-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
/* Webdesign: a full miniature website, not floating service cards */
.hero-v4 .lab-web{background:linear-gradient(128deg,#fbf8f5 0%,#f6efec 50%,#eee4df 100%);color:#171519}
.hero-v4 .lab-web:after{content:"";position:absolute;right:0;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,#ffffff29);pointer-events:none}
.hero-v4 .lab-web-kicker{position:absolute;top:23px;right:25px;z-index:2;font-size:9px;letter-spacing:.12em;font-weight:800;color:#b37d7f}
.hero-v4 .lab-web-brand{position:absolute;top:23px;left:27px;z-index:3;font-size:11px;font-weight:850;letter-spacing:-.035em}
.hero-v4 .lab-web-brand span{color:#fd6262}
.hero-v4 .lab-web-main{position:absolute;inset:56px 0 34px;display:flex;align-items:center;min-width:0}
.hero-v4 .lab-web-main>div:first-child{position:relative;z-index:3;width:58%;padding-left:clamp(22px,2.2vw,33px);padding-right:0;transform:translateY(-5px)}
.hero-v4 .lab-mini-eyebrow{font-size:9px;font-weight:800;letter-spacing:.12em;color:#b35a61}
.hero-v4 .lab-web-main h2{font-size:clamp(32px,3.6vw,55px);line-height:1.05;letter-spacing:-.075em;margin:17px 0 17px;font-weight:780}
.hero-v4 .lab-web-main h2 em{font-style:normal;color:#fd6262}
.hero-v4 .lab-web-main p{max-width:225px;font-size:10px;color:#756a6c;line-height:1.75;margin:0 0 19px}
.hero-v4 .lab-link-dark{background:#171519;color:white;border-radius:99px;display:inline-flex;gap:14px;align-items:center;font-size:9px;font-weight:800;padding:11px 15px;transition:background .2s,transform .2s}
.hero-v4 .lab-link-dark:hover{background:#fd6262;color:white;transform:translateY(-2px)}
.hero-v4 .lab-visual{position:absolute;top:0;bottom:0;right:0;width:58%;min-width:0;isolation:isolate;pointer-events:none;transform:translate(var(--lab-x,0px),var(--lab-y,0px));transition:transform .35s ease-out}
.hero-v4 .lab-globe{position:absolute;z-index:-1;right:-25%;top:8%;width:112%;aspect-ratio:1;background:radial-gradient(circle at 37% 32%,#ffaca7 0%,#fd6262 52%,#e64959 100%);border-radius:50%;box-shadow:inset -14px -22px 38px #ae3a4566;opacity:.93}
.hero-v4 .lab-orbit-outline{position:absolute;right:-28%;top:5%;width:114%;height:103%;border:1px solid #e48b8a70;border-radius:50%;transform:rotate(-30deg) skewX(14deg);z-index:-1}
.hero-v4 .lab-visual img{position:absolute;z-index:2;right:-8%;top:-1%;width:95%;height:104%;object-fit:contain;object-position:center;filter:drop-shadow(-14px 19px 19px #54202733);animation:labRocket 5.4s ease-in-out infinite}
@keyframes labRocket{0%,100%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
.hero-v4 .lab-web-base{position:absolute;inset:auto 0 0;height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:#fffdfbbb;border-top:1px solid #e8dddb;z-index:4;font-size:8px;font-weight:800;letter-spacing:.09em;color:#756b6b}
.hero-v4 .lab-web-base b{color:#fd6262;font-size:14px}
/* Search: a simple journey from a relevant query to contact. No fake rankings or performance claims. */
.hero-v4 .lab-search{background:#17171b;color:#fff;padding:32px clamp(23px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:17px}
.hero-v4 .lab-search:before{content:"";position:absolute;right:-95px;top:-55px;width:325px;height:325px;background:radial-gradient(circle,#fd626228,transparent 65%);pointer-events:none}
.hero-v4 .lab-search-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:.11em;color:#c6b9be;font-weight:800;position:relative;z-index:1}.hero-v4 .lab-search-label>span:last-child{color:#ff9c9f}
.hero-v4 .lab-search h2{position:relative;z-index:1;font-size:clamp(34px,3.65vw,54px);line-height:1.1;letter-spacing:-.075em;font-weight:800;margin:0}.hero-v4 .lab-search h2 em{color:#fd6262;font-style:normal}
.hero-v4 .lab-search>p{position:relative;z-index:1;color:#b9b0b4;font-size:11px;line-height:1.68;max-width:360px;margin:0}
.hero-v4 .lab-search-demo{max-width:450px;position:relative;z-index:1;display:grid;gap:8px}
.hero-v4 .lab-search-input{display:flex;gap:9px;align-items:center;border:1px solid #554c53;background:#242329;color:#fbf7f7;border-radius:11px;padding:12px 15px;font-size:11px;max-width:100%;font-weight:600}
.hero-v4 .lab-search-input svg{width:16px;height:16px;flex-shrink:0;color:#fd6262}
.hero-v4 .lab-search-result{background:#fff;border-radius:9px;padding:15px 19px;color:#1e1b21;box-shadow:0 14px 36px #0002}
.hero-v4 .lab-search-result small{color:#fd6262;font-size:8px;font-weight:850;letter-spacing:.13em}
.hero-v4 .lab-search-result strong{display:block;font-size:14px;letter-spacing:-.035em;margin:7px 0 3px}
.hero-v4 .lab-search-result p{font-size:9px;color:#6c6268;margin:0;line-height:1.6}
.hero-v4 .lab-search-cta{font-size:10px;font-weight:800;color:#f0e5e6;display:inline-flex;gap:10px;align-items:center;position:relative;z-index:1;width:max-content;max-width:100%;border-bottom:1px solid #ffffff6d;padding-bottom:3px}
.hero-v4 .lab-search-cta:hover{color:#fd6262;border-color:#fd6262}
.hero-v4 .lab-example-note{position:absolute;bottom:12px;right:20px;font-size:8px;color:#9f9298;letter-spacing:.04em}
/* Social: a single branded post concept, a deliberate, recognisable medium */
.hero-v4 .lab-social{background:linear-gradient(135deg,#fff2ef,#f9d1cf 65%,#efb7b6);padding:26px 30px;color:#1e171d}
.hero-v4 .lab-social-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:#8f4c55;margin-bottom:17px}
.hero-v4 .lab-social-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:23px;align-items:center;height:calc(100% - 37px)}
.hero-v4 .lab-social-preview{background:#fff;border:1px solid #f2d5d5;border-radius:12px;box-shadow:0 20px 45px #4a1d2b27;overflow:hidden;transform:rotate(-2deg);transition:transform .4s ease;width:100%;max-width:285px;justify-self:end}
.hero-v4 .lab-window:hover .lab-social.is-active .lab-social-preview{transform:rotate(0) translateY(-3px)}
.hero-v4 .lab-social-profile{display:flex;align-items:center;gap:8px;padding:10px;color:#241b20;font-size:9px;font-weight:800}
.hero-v4 .lab-social-avatar{height:24px;width:24px;display:grid;place-items:center;border-radius:50%;background:#fd6262;color:#fff;font-size:14px}
.hero-v4 .lab-social-profile small{display:block;color:#a29599;font-size:7px;letter-spacing:.07em;margin-top:2px}
.hero-v4 .lab-social-profile>span:last-child{margin-left:auto;font-size:13px;color:#bbb0b6}
.hero-v4 .lab-social-art{background:linear-gradient(145deg,#ff989b,#fd6262 75%,#e34c60);height:255px;position:relative;overflow:hidden;color:#fff}
.hero-v4 .lab-social-art img{height:95%;width:93%;position:absolute;right:-9%;bottom:-16%;object-fit:contain;filter:drop-shadow(0 12px 20px #40102255);transform:rotate(5deg)}
.hero-v4 .lab-social-art-top,.hero-v4 .lab-social-art-bottom{position:absolute;z-index:2;left:13px;font-weight:900;font-size:20px;letter-spacing:-.085em;line-height:1;max-width:130px;text-shadow:0 2px 6px #40202a20}
.hero-v4 .lab-social-art-top{top:16px}.hero-v4 .lab-social-art-bottom{bottom:14px}
.hero-v4 .lab-social-caption{padding:9px 12px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#292327}
.hero-v4 .lab-social-caption small{font-size:7px;font-weight:800;color:#9f8289;letter-spacing:.04em}
.hero-v4 .lab-social-copy{align-self:center}.hero-v4 .lab-social-copy>span{font-size:9px;color:#9e555e;letter-spacing:.14em;font-weight:800}
.hero-v4 .lab-social-copy h2{font-size:clamp(29px,3.4vw,47px);line-height:1.1;letter-spacing:-.077em;margin:13px 0 15px;font-weight:800}.hero-v4 .lab-social-copy h2 em{font-style:normal;color:#f04f5d}
.hero-v4 .lab-social-copy p{font-size:10px;line-height:1.7;color:#6c535a;margin:0 0 16px}
.hero-v4 .lab-social-copy a{font-size:10px;font-weight:850;border-bottom:1px solid #aa676f;padding-bottom:5px;color:#292125}
.hero-v4 .lab-social-copy a:hover{color:#fd6262;border-color:#fd6262}
/* Simple, purposeful interactive tabs and explanatory line */
.hero-v4 .lab-bottom{display:flex;flex-direction:column;gap:11px}
.hero-v4 .lab-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hero-v4 .lab-tab{position:relative;display:flex;gap:11px;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:#fff;border:1px solid #e8dcda;color:#6f6267;padding:13px 9px;font-weight:800;font-size:11px;box-shadow:0 2px 10px #27192205;transition:border-color .25s,color .25s,background .25s,transform .25s}
.hero-v4 .lab-tab:hover{border-color:#fd6262;transform:translateY(-2px)}.hero-v4 .lab-tab[aria-selected=true]{background:#221b21;color:#fff;border-color:#221b21}
.hero-v4 .lab-tab-num{font-size:9px;font-weight:850;color:#e96c76}.hero-v4 .lab-tab[aria-selected=true] .lab-tab-num{color:#fd6262}
.hero-v4 .lab-benefit{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:650;color:#897e80;min-width:0;line-height:1.4}
.hero-v4 .lab-benefit-line{height:1px;background:#fd6262;flex:0 0 23px;display:block}.hero-v4 #lab-benefit-text{flex:1;min-width:0}.hero-v4 #lab-benefit-link{border:1px solid #e8deda;border-radius:50%;height:30px;width:30px;flex:0 0 30px;display:grid;place-items:center;color:#fd6262;background:#fff;font-size:15px;transition:background .2s}
.hero-v4 #lab-benefit-link:hover{background:#fd6262;color:#fff}
@media(max-width:1200px){.hero-v4 .lab-window{height:456px}.hero-v4 .lab-web-main h2{font-size:clamp(31px,3.4vw,49px)}.hero-v4 .lab-search h2{font-size:clamp(31px,3.9vw,50px)}.hero-v4 .lab-search{gap:14px;padding:23px 26px}.hero-v4 .lab-social-art{height:220px}.hero-v4 .lab-social-layout{gap:12px}.hero-v4 .lab-social{padding:22px}}
@media(max-width:900px){.hero-v4 .lab-experience{width:100%;max-width:700px}.hero-v4 .lab-window{height:500px}.hero-v4 .lab-web-main h2{font-size:clamp(40px,5vw,56px)}.hero-v4 .lab-search h2{font-size:clamp(38px,5.5vw,55px)}.hero-v4 .lab-social-art{height:270px}.hero-v4 .lab-social-layout{gap:25px}}
@media(max-width:650px){.hero-v4 .lab-head{font-size:8px;letter-spacing:.09em}.hero-v4 .lab-window{height:clamp(330px,105vw,470px);border-radius:16px}.hero-v4 .lab-browser-bar{height:34px;padding:0 12px;gap:8px}.hero-v4 .lab-browser-address{font-size:8px}.hero-v4 .lab-scenes{top:34px}.hero-v4 .lab-web-kicker{top:15px;right:13px;font-size:7px}.hero-v4 .lab-web-brand{top:15px;left:16px;font-size:9px}.hero-v4 .lab-web-main{top:41px;bottom:30px}.hero-v4 .lab-web-main>div:first-child{width:59%;padding-left:17px}.hero-v4 .lab-web-main h2{font-size:clamp(29px,7.65vw,43px);margin:12px 0 13px}.hero-v4 .lab-mini-eyebrow{font-size:7px}.hero-v4 .lab-web-main p{font-size:9px;line-height:1.55;max-width:170px;margin-bottom:12px}.hero-v4 .lab-link-dark{font-size:8px;padding:9px 11px;gap:6px}.hero-v4 .lab-visual{width:60%}.hero-v4 .lab-visual img{right:-15%;width:110%}.hero-v4 .lab-globe{top:13%;width:119%;right:-32%}.hero-v4 .lab-orbit-outline{right:-32%}.hero-v4 .lab-web-base{height:30px;padding:0 14px;font-size:7px}.hero-v4 .lab-search{padding:20px 17px;gap:11px}.hero-v4 .lab-search-label{font-size:8px}.hero-v4 .lab-search h2{font-size:clamp(27px,8vw,40px)}.hero-v4 .lab-search>p{font-size:10px}.hero-v4 .lab-search-input{padding:10px 12px;font-size:10px}.hero-v4 .lab-search-result{padding:10px 12px}.hero-v4 .lab-search-result strong{font-size:12px}.hero-v4 .lab-example-note{font-size:7px;bottom:8px;right:13px}.hero-v4 .lab-social{padding:15px}.hero-v4 .lab-social-label{margin-bottom:8px;font-size:7px}.hero-v4 .lab-social-layout{gap:11px;height:calc(100% - 25px);grid-template-columns:1.05fr .95fr}.hero-v4 .lab-social-preview{transform:rotate(-2deg)}.hero-v4 .lab-social-profile{padding:6px;gap:5px;font-size:8px}.hero-v4 .lab-social-avatar{height:20px;width:20px;font-size:11px}.hero-v4 .lab-social-profile small{font-size:5.5px}.hero-v4 .lab-social-art{height:clamp(170px,53vw,270px)}.hero-v4 .lab-social-art-top,.hero-v4 .lab-social-art-bottom{font-size:clamp(15px,5vw,22px);left:9px}.hero-v4 .lab-social-copy>span{font-size:7px}.hero-v4 .lab-social-copy h2{font-size:clamp(24px,6.1vw,35px);margin:9px 0}.hero-v4 .lab-social-copy p{font-size:9px;margin-bottom:12px}.hero-v4 .lab-social-copy a{font-size:9px}.hero-v4 .lab-tab{padding:12px 6px;font-size:10px;gap:6px}.hero-v4 .lab-tab-num{font-size:8px}.hero-v4 .lab-benefit{font-size:9px}.hero-v4 .lab-benefit-line{flex-basis:18px}}
@media(max-width:370px){.hero-v4 .lab-window{height:332px}.hero-v4 .lab-web-main h2{font-size:27px}.hero-v4 .lab-web-main p{font-size:8px;max-width:128px}.hero-v4 .lab-web-main>div:first-child{width:60%}.hero-v4 .lab-web-kicker{font-size:6px}.hero-v4 .lab-web-base span:first-child{font-size:6px}.hero-v4 .lab-social-art{height:165px}.hero-v4 .lab-social-copy h2{font-size:22px}.hero-v4 .lab-social-copy p{font-size:8px}.hero-v4 .lab-tab{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-v4 .lab-window,.hero-v4 .lab-scene,.hero-v4 .lab-visual,.hero-v4 .lab-social-preview,.hero-v4 .lab-visual img{transition:none!important;animation:none!important}}