/* DADO IT V4 | B2B editorial system. Self-hosted assets, no external typefaces. */
:root{--v4-graphite:#101722;--v4-wine:#b0113f;--v4-rose:#d34368;--v4-cream:#f7f7f6;--v4-text:#222936}
body{font-family:"Segoe UI", "Avenir Next", "Helvetica Neue",Arial,sans-serif;font-size:16.5px;line-height:1.72;color:var(--v4-text);background:#fff}
h1,h2,h3{font-family:"Avenir Next","Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:650;letter-spacing:-.043em;line-height:1.14}
.container{width:min(100% - 92px,1330px)}
.announcement{height:30px;letter-spacing:.105em;font-size:10px;background:#090f18;color:#bfc7d2}
.site-header{height:82px;background:#121924;border-bottom:1px solid #ffffff15}
.site-header.scrolled{background:#121924f7;box-shadow:0 12px 32px #0002}
.brand{width:155px}
.desktop-nav{gap:clamp(13px,1.45vw,25px)}
.desktop-nav>a,.nav-dd-trigger{font-size:13px;font-weight:580;color:#d4d9e2;letter-spacing:-.015em}
.desktop-nav>a:hover,.desktop-nav>a.active,.nav-dd-trigger:hover{color:#fff}
.nav-phone{border-color:#ffffff38;color:#e5e9f1}
.btn-header{border-radius:3px;background:#b61643;min-height:43px;font-weight:650}
.dropdown-menu{background:#fbfbfc;border-radius:4px}
.v4-hero{height:min(770px,calc(100svh - 112px));min-height:590px;background:#101722;isolation:isolate;position:relative;overflow:hidden;color:#fff}
.v4-hero-film{position:absolute;inset:0;z-index:-3;background:#101722 url('/assets/img/hero-vienna-4k.jpg') center center / cover no-repeat}
.v4-hero-film video{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transform:scale(1.015)}
.v4-hero-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(11,17,27,.97) 0%,rgba(12,18,29,.95) 28%,rgba(12,18,29,.62) 54%,rgba(12,18,29,.02) 100%),linear-gradient(0deg,rgba(10,16,26,.6),transparent 28%)}
.v4-hero:after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 64% 70%,transparent 30%,#0b111c26 75%);pointer-events:none}
.v4-hero-inner{height:100%;display:flex;align-items:center;padding-bottom:38px}
.v4-hero-content{max-width:775px;position:relative;z-index:2}
.v4-eyebrow{display:flex;align-items:center;gap:13px;font-weight:640;font-size:11px;letter-spacing:.135em;color:#eab3c2;margin-bottom:31px;text-transform:uppercase;flex-wrap:wrap}
.v4-square{height:7px;width:7px;flex:none;background:#df3565;transform:rotate(45deg)}
.v4-kicker-sep{color:#a2acb8;font-weight:400}
.v4-hero h1{font-size:clamp(54px,5.6vw,88px);font-weight:620;color:#f5f5f6;line-height:1.045;letter-spacing:-.059em;margin:0 0 27px;max-width:830px;text-wrap:balance}
.v4-hero-content>p{font-size:clamp(17px,1.35vw,19.5px);font-weight:390;line-height:1.66;color:#c4cbd5;max-width:655px;margin:0 0 34px}
.v4-hero-ctas{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.v4-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:59px;padding:14px 19px;background:#b71543;color:#fff;text-decoration:none;border:1px solid #c82a52;border-radius:2px;font-size:15px;font-weight:660;transition:background .2s,transform .2s}
.v4-primary:hover{background:#cf2855;transform:translateY(-2px)}
.v4-plain-link{display:inline-flex;gap:12px;align-items:center;color:#f5f3f5;text-decoration:none;font-size:14px;font-weight:630;transition:color .2s}
.v4-plain-link:hover{color:#f895b0}
.v4-hero-lower{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff2b;padding-top:17px;padding-bottom:23px;font-size:10px;line-height:1.4;letter-spacing:.08em;font-weight:640;color:#b4bec9}
.v4-hero-lower>span{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.v4-hero-lower i{height:3px;width:3px;background:#d2486a;border-radius:50%;display:inline-block}
.v4-hero-media{display:flex;gap:23px;align-items:center;white-space:nowrap}
.v4-hero-media>span{font-size:10px;color:#9ea9b8}
#motion-toggle{background:transparent;color:#e0e5ec;border:0;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:550;padding:6px;white-space:nowrap}
#motion-toggle:hover{color:white}
#motion-toggle span{font-size:17px;line-height:0}
.v3-section-what{background:#fff}
.v3-service{border-radius:3px;background:#f8f8f8}
.v3-section-intro h2,.v3-manner-intro h2,.v3-video-copy h2,.v3-switch h2,.v3-contact-inner h2{font-size:clamp(38px,3.6vw,54px);letter-spacing:-.035em;font-weight:650}
.v3-section-intro p,.v3-manner-intro>p,.v3-video-copy>p,.v3-switch p,.v3-contact-inner p{font-size:16.5px;line-height:1.75}
.v3-service h3{font-size:22px}
.v3-service p{font-size:15px}
.v4-story{padding:100px 0;background:#151c27;color:#eef1f5;position:relative;overflow:hidden}
.v4-story-grid{display:grid;grid-template-columns:.85fr 1fr;gap:min(10vw,142px);align-items:center}
.v4-story-mark{min-height:410px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 50%,#493041 0%,#1d2635 49%,#1a222f 80%);border:1px solid #ffffff16;overflow:hidden}
.v4-story-mark:after{content:"";position:absolute;inset:-100px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 75px #ffffff04,0 0 0 150px #ffffff03}
.v4-story-symbol{font-size:clamp(125px,16vw,230px);font-weight:750;color:#eaedf2;letter-spacing:-.12em;line-height:1;position:relative;z-index:1}
.v4-story-symbol span{color:#c62554}
.v4-story-mark-foot{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c0c7d0;letter-spacing:.1em;font-weight:680;z-index:1}
.v4-story-text .v3-label{color:#e889a1;margin-bottom:24px}
.v4-story-text h2{color:#f7f7f8;font-size:clamp(38px,4vw,58px);line-height:1.13;margin:0 0 24px;font-weight:620;max-width:660px}
.v4-story-text p{color:#b9c4d1;font-size:16px;line-height:1.8;margin:0 0 16px}
.v4-story-link{color:#b51b47;display:inline-flex;align-items:center;gap:13px;font-size:15px;font-weight:680;margin-top:19px;text-decoration:none}
.v4-story-text .v4-story-link{color:#fa9db4}
.v4-story-link:hover{text-decoration:underline;text-underline-offset:6px}
.v4-partners{padding:100px 0;background:#f4f5f5}
.v4-partners-head{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:end;margin-bottom:34px}
.v4-partners h2{font-size:clamp(35px,3.7vw,51px);max-width:750px;margin:0;font-weight:640}
.v4-partners-head p{font-size:16px;color:#646c78;line-height:1.75;margin:0}
.v4-tech-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v4-tech-row span{background:white;border:1px solid #e1e4e6;min-height:125px;padding:27px 25px;color:#b01844;font-family:Consolas,monospace;font-size:12px;display:flex;gap:17px;align-items:center}
.v4-tech-row b{font-family:"Segoe UI",Arial,sans-serif;font-weight:650;font-size:18px;color:#242b34}
.v4-partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v4-partner-card{background:#fff;border:1px solid #e6e8e9;min-height:185px;padding:22px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;justify-content:center;transition:transform .2s,border-color .2s}
.v4-partner-card:hover{transform:translateY(-3px);border-color:#b8355b}
.v4-partner-card img{height:56px;width:100%;max-width:195px;object-fit:contain;object-position:left center;margin-bottom:13px}
.v4-partner-monogram{height:55px;width:55px;display:grid;place-items:center;background:#f3e6ea;font-size:22px;font-weight:720;color:#a9133b;margin-bottom:11px}
.v4-partner-card strong{font-size:17px;font-weight:680;color:#292f3a}
.v4-partner-card small{font-size:12px;color:#747a86}
.v4-info-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:start}
.v4-info-grid h2{font-size:clamp(37px,4vw,54px);font-weight:650;margin:0 0 24px}
.v4-info-grid p{font-size:17px;line-height:1.8;color:#616a76}
.v4-info-grid .v3-btn{margin-top:20px}
.v4-approach{padding:35px 40px;background:#f6f6f7;border:1px solid #e4e6e8}
.v4-approach>span{display:block;font-size:12px;letter-spacing:.1em;color:#a81945;font-weight:720;margin-bottom:12px}
.v4-approach>div{display:grid;grid-template-columns:55px 1fr;column-gap:18px;padding:23px 0;border-bottom:1px solid #dce0e5}
.v4-approach>div:last-child{border:0}
.v4-approach strong{color:#a81945;font-size:13px;grid-row:span 2}
.v4-approach h3{font-size:22px;margin:0 0 4px}
.v4-approach p{font-size:14px;margin:0}
.v4-about-band{background:#141b27;color:#fff;padding:95px 0}
.v4-about-band span{color:#ee9cb2;letter-spacing:.13em;font-size:12px;font-weight:700}
.v4-about-band h2{font-size:clamp(42px,5vw,70px);color:#fff;font-weight:640;margin:24px 0}
.v4-about-band p{max-width:590px;color:#b9c3d0;font-size:17px}
@media(max-width:1250px){.desktop-nav{gap:13px}.desktop-nav>a,.nav-dd-trigger{font-size:12px}.nav-wrap{gap:16px}.brand{width:145px}.v4-hero h1{font-size:clamp(55px,5.8vw,78px)}}
@media(max-width:1050px){.desktop-nav{display:none}.mobile-toggle{background:#ffffff17;color:#eff3fa}.mobile-menu:not([hidden]){background:#161e29;box-shadow:0 20px 40px #1117}.mobile-menu a{color:#f4f4f6;border-color:#ffffff25}.v4-hero{height:680px}.v4-story-grid{gap:6%}.v4-partner-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:min(100% - 38px,640px)}.announcement{font-size:9px}.v4-hero{height:auto;min-height:695px}.v4-hero-film video{height:100%;min-height:695px}.v4-hero-shade{background:linear-gradient(90deg,#101722ec,#101722ce 60%,#1017226b),linear-gradient(0deg,#101722e8,transparent 40%)}.v4-hero-inner{padding:74px 0 123px;min-height:695px}.v4-hero h1{font-size:clamp(46px,9vw,67px);line-height:1.075;letter-spacing:-.054em}.v4-eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:28px}.v4-hero-content>p{font-size:16px;line-height:1.72}.v4-hero-lower{flex-wrap:wrap;padding-bottom:17px;padding-top:13px;font-size:9px}.v4-hero-media>span{display:none}.v4-hero-media{width:100%;justify-content:flex-end}.v4-story,.v4-partners{padding:75px 0}.v4-story-grid,.v4-partners-head,.v4-info-grid{grid-template-columns:1fr;gap:36px}.v4-story-mark{min-height:280px}.v4-story-symbol{font-size:156px}.v4-tech-row,.v4-partner-grid{grid-template-columns:1fr}.v4-tech-row span{min-height:85px}.v4-partner-card{min-height:140px}.v4-story-text h2{font-size:clamp(35px,8vw,52px)}.v4-approach{padding:25px}.v4-about-band{padding:74px 0}}
@media(max-width:430px){.v4-hero h1{font-size:clamp(43px,10vw,56px)}.v4-hero-ctas{gap:20px}.v4-primary{font-size:14px}.v4-hero-lower>span{gap:8px}.v4-hero-lower{font-size:8px}.v4-story-mark-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){.v4-hero-film video{display:none}.v4-primary:hover,.v4-partner-card:hover{transform:none}}
@media(max-width:520px){.announcement{font-size:0;letter-spacing:0;overflow:hidden;white-space:nowrap}.announcement::after{content:"DADO IT  ·  WIEN & ÖSTERREICH";font-size:9px;letter-spacing:.14em;color:#c8d0dc}.announcement-dot,.announcement .ann-sep{display:none}}