/* imgroot.nl — privacy pages (EN/NL/IT). Generated from the former inline <style> blocks; edit here. */
/* ---- base ---- */

/* header v3: one menu bar for both sites */

.nav-links a:hover,.mm-link:hover,.hdr-lang a:hover,.mm-lang a:hover{color:var(--c-red)}
.mm-link[aria-current]{color:var(--c-red) !important}

header.hdr-stuck{background:rgba(31,3,40,0.94) !important}
/* site switch: a colored dot per site, teal = Evert Groot, red = Absoluut */

/* corner radius scale: fully round = clickable (buttons, pill, chips) · 20px = content (cards, photos, tiles) · 12px = small UI (fields, menus; items 8px) */
:root{--acc:var(--c-red);--pop:#2c0739}

/* footer: name + socials on top, small legal row below */
/* page theme: aubergine & red (Absoluut) */
body{background:var(--c-aubergine)}
a:hover{color:var(--c-pink)}

.hdr-lang a,.mm-lang a{color:#b98fc8}
.site-sw a,.site-sw.sw-flip a[aria-current]{color:var(--c-lilac)}
.site-sw a[aria-current],.site-sw a[aria-current]:hover,.site-sw.sw-flip a:not([aria-current]){color:var(--c-aubergine)}
.ft2-sub,.ft2-bottom a{color:#efd3f6}
.ft2-bottom{color:#cba8d8}
footer.ft2 nav a:hover,footer.ft2 nav a:focus-visible{color:var(--c-pink)}

/* end page theme */
/* page theme: utilitarian press kit */

.ft2-sub,.ft2-bottom a{color:#efd3f6}
.ft2-bottom{color:#cba8d8}
/* end page theme */

/* ---- base ---- */
@media print{
    header,#mobile-menu,footer,[data-print],[data-copy],#top .btn-solid,#top a{display:none !important}
    *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
    #top{padding:24px 0 !important}
    section{break-inside:auto}
        
    h2{break-after:avoid}
    
    a[href^="http"]::after{content:""}
  }

/* ---- hv-sys ---- */
/* unified hover system: primary · secondary · text link · icon · card */
:root{--hv-acc:var(--c-pink);--hv-acc-l:var(--c-red);--hv-glow:rgba(0,0,0,.32)}

@media (prefers-reduced-motion:reduce){
  .btn-solid,.btn-ghost,.hv-2,footer.ft2 nav a,.hv-ar,.reel img,.reel video,a.case .case-img img{transform:none !important}
}

/* ---- polish-sys ---- */
/* polish pass: skip link, focus on light bands, field borders, tap targets, hero proof row, gigs, listen, press photos */

/* browser surfaces in the page palette */

/* arrows: one drawn set instead of font glyphs. down = further on this page, right = another page of the site,
   up-right = another website, download = save a file. The glyph stays in the markup as a text fallback. */

/* footer: no reserved space for a floating button that now steps aside here; tappable legal links on phones */
@media (max-width: 640px){.ft2-bottom{padding-top:14px !important}}

/* mobile menu: sections sit low, close to the thumb; languages above a full-width call to action */

/* pages with a hero button: the header button joins in once the bar sticks, so the first screen has one call to action */

/* site switch: both names always written out; very narrow phones get a smaller size so both still fit */

/* ---- legal-sys ---- */
/* privacy page: press kit palette (aubergine intro, white reading column, cap-red accents) */
.site-sw.no-cur .sw-thumb{display:none}
.legal{max-width:560px}
.legal a .hv-ar{margin-left:.25em}
.legal > p:first-child{font-size:clamp(19px,1.6vw,22px);line-height:1.6;color:var(--c-plum-ink)}
.legal h2{margin:clamp(48px,5vw,64px) 0 14px;font-family:'Baloo Bhai 2',sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-0.03em;font-weight:800;color:var(--c-plum-ink)}
.legal h3{margin:28px 0 6px;font-size:17px;line-height:1.4;font-weight:800;color:var(--c-red)}
.legal p,.legal li{font-size:17px;line-height:1.7;color:var(--c-body-grey)}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 14px;padding:0;list-style:none;border-top:1px solid var(--c-line)}
.legal li{padding:12px 0;border-bottom:1px solid var(--c-line)}
.legal strong{color:var(--c-plum-ink)}
.legal a{color:var(--c-plum-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--c-red);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .25s ease}
.legal a:hover{color:var(--c-red)}
.legal a:focus-visible{outline:2px solid var(--c-red);outline-offset:3px;border-radius:2px}

/* ---- mono ---- */
/* privacy page in greyscale: near-black intro and menu, white reading column, contrast instead of colour */
:root{--hv-acc:#ffffff;--hv-acc-l:var(--c-black-soft);--hv-glow:rgba(0,0,0,.28);--acc:#ffffff;--pop:#1b1b1b}
body{background:#121212}
a:hover{color:#ffffff}
::selection{background:var(--c-black-soft);color:#ffffff}
header.hdr-stuck{background:rgba(18,18,18,.94) !important}
.site-sw a,.site-sw.sw-flip a[aria-current]{color:#a8a8a8}
.hdr-lang a,.mm-lang a{color:#8f8f8f}
.nav-links a:hover,.mm-link:hover,.hdr-lang a:hover,.mm-lang a:hover{color:#ffffff}
.mm-link[aria-current]{color:#8f8f8f !important}
.ft2-sub{color:#a8a8a8}
.ft2-bottom{color:#8f8f8f}
.ft2-bottom a{color:#d4d4d4}
footer.ft2 nav a{background:rgba(255,255,255,0.08)}
footer.ft2 nav a:hover,footer.ft2 nav a:focus-visible{color:#ffffff;background:rgba(255,255,255,0.14)}
.legal > p:first-child,.legal h2,.legal strong{color:var(--c-black-soft)}
.legal h3{margin:36px 0 8px;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--c-black-soft)}
.legal p,.legal li{color:#4d4d4d}
.legal ul{border-top-color:#e5e5e5}
.legal li{border-bottom-color:#e5e5e5}
.legal a{color:var(--c-black-soft);text-decoration-color:#b5b5b5}
.legal a:hover{color:var(--c-black-soft);text-decoration-color:var(--c-black-soft)}
.legal a:focus-visible{outline-color:var(--c-black-soft)}
@media print{html,body,body > div{background:#ffffff !important}}
.hero-lang{display:none;margin:18px 0 0 -12px}
.hero-lang a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:13px;font-weight:800;letter-spacing:0.1em;color:#8f8f8f;text-decoration:none}
.hero-lang a[aria-current],.hero-lang a:hover{color:#ffffff}
.hero-lang a:focus-visible{outline:2px solid #ffffff;outline-offset:-4px;border-radius:6px}
@media (max-width: 1060px){.hero-lang{display:flex}}

/* images carry their intrinsic size; CSS decides the rendered height */

/* reading column: a comfortable measure, company details as rows, unbroken link underlines */
.legal{max-width:680px}
.legal a{text-decoration-skip-ink:none}
.legal .facts li{display:flex;flex-wrap:wrap;gap:2px 16px}
.legal .facts li > span{flex:0 0 250px;color:var(--c-black-soft);font-weight:700}
@media (max-width: 560px){.legal .facts li > span{flex-basis:100%}}

/* ---- Extracted from inline styles (one class per repeated style) ---- */
.v-page-div{font-family: 'Manrope', sans-serif;color: var(--c-black-soft);background: var(--c-white);min-height: 100vh;overflow: hidden}
.v-page-div-2{position: relative}
.v-page-header{position: absolute;left: 0;right: 0;top: 0;z-index: 5;max-width: none;padding-left: calc(max(0px, (100% - 1360px) / 2) + clamp(20px, 4vw, 48px));padding-right: calc(max(0px, (100% - 1360px) / 2) + clamp(20px, 4vw, 48px));max-width: 1360px;margin: 0 auto;padding: 22px clamp(20px, 4vw, 48px);display: grid;grid-template-columns: auto auto minmax(0, 1fr);align-items: center;gap: 24px 44px}
.v-main-section{background: var(--c-dark);padding: clamp(150px, 16vw, 210px) 0 clamp(56px, 7vw, 96px)}
.v-top-h1{margin: 0;color: var(--c-white);font-family: 'Baloo Bhai 2', sans-serif;font-weight: 800;font-size: clamp(32px, 6.4vw, 96px);line-height: 0.92;letter-spacing: -0.045em;overflow-wrap: break-word;hyphens: manual}
.v-top-p{margin: clamp(18px, 2vw, 28px) 0 0;font-size: clamp(16px, 1.3vw, 18px);line-height: 1.55;color: var(--c-grey-mid)}
.v-main-section-2{background: var(--c-white);color: var(--c-black-soft)}
.v-main-div{padding-top: clamp(64px, 8vw, 112px);padding-bottom: clamp(80px, 10vw, 136px)}
.v-page-footer{max-width: none;margin: 0;padding: clamp(48px, 6vw, 80px) calc(max(0px, (100% - 1360px) / 2) + clamp(20px, 4vw, 48px)) 36px;background: var(--c-dark-2)}
.v-page-nav{display: flex;align-items: center;gap: 10px}
.v-page-a.v-page-a.v-page-a{display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;border-radius: 999px;background: rgba(255,255,255,0.1)}
.v-page-a-2.v-page-a-2.v-page-a-2{display: inline-flex;align-items: center;justify-content: center;height: 46px;padding: 0 16px;border-radius: 999px;background: rgba(255,255,255,0.1)}
.v-page-span{display: block;width: 89px;height: 16px;background: currentColor;-webkit-mask: url(/assets/img/bops-logo-white.png) center / contain no-repeat;mask: url(/assets/img/bops-logo-white.png) center / contain no-repeat}

/* ONE LINE FOR ALL BUTTONS (hover and keyboard focus)
   - nothing lifts: the label stays where it is; only the arrow moves, 3px in its own direction
   - solid buttons keep their text colour, the background deepens a little and a soft shadow appears */

/* footer links (Privacy Policy, FREYcreates): a 44px tap area on wider screens too; the negative margin keeps the row height */