/* QUIETLY 1.7.5 — Consolidated header / portrait final.
   Replaces 1.7.3 + 1.7.4 layers rather than stacking them.
   Scope: global header, home manifesto contrast and Katrine portrait ONLY. */

/* Keep readability of dark green section without altering typography/content. */
.q10-home .q10-manifesto,
.q10-home .q10-manifesto h2,
.q10-home .q10-manifesto h2 :is(em,i,strong,span){color:#faf9f5!important;opacity:1!important}
.q10-home .q10-manifesto .q10-overline{color:#dce7db!important}
.q10-home .q10-manifesto .q10-overline span{color:#ebcdb9!important}
.q10-home .q10-manifesto-foot span{color:#eed7c3!important}

/* One header on all pages. No Studio link in public markup. */
.site-header.q15-header{
  top:var(--wp-admin--admin-bar--height,0px);
  z-index:1000;
  background:rgba(248,247,242,.985);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(40,65,48,.13);
  box-shadow:0 5px 22px rgba(35,59,43,.045)
}
.q15-header .q15-header-inner,
body:has(.q10) .q15-header .q15-header-inner{
  width:100%;max-width:1560px;min-height:86px;
  padding:13px clamp(22px,3.1vw,54px);
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;column-gap:clamp(19px,2vw,32px);
}
.q15-header .q15-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;max-width:100%;text-decoration:none;flex:none}
.q15-header .q15-brand .identity-tree{width:70px;height:42px;flex:0 0 70px;object-fit:contain}
.q15-header .identity-words{min-width:0}
.q15-header .identity-words b,
body:has(.q10) .q15-header .identity-words b{
  color:#243b2e!important;font-size:19px;line-height:1.14;
  font-weight:405;letter-spacing:-.045em;white-space:nowrap
}
.q15-header .identity-words small{font-size:8px;line-height:1.4;letter-spacing:.15em;margin-top:4px;color:#607363}
.q15-header .q15-nav,
body:has(.q10) .q15-header .q15-nav{
  position:static;display:flex;flex-direction:row;align-items:center;
  justify-content:flex-end;justify-self:end;
  flex-wrap:nowrap;flex:0 1 auto;
  gap:clamp(16px,1.55vw,25px);min-width:0;
  margin:0;padding:0;border:0;background:transparent;
  box-shadow:none;max-height:none;min-height:0;overflow:visible
}
.q15-header .q15-services-menu{position:relative;display:flex;align-items:center;flex:0 0 auto;min-height:46px}
.q15-header .q15-nav-trigger{
  display:inline-flex;align-items:center;gap:9px;
  padding:12px 0;min-height:46px;
  font:500 13px/1.25 var(--sans)!important;letter-spacing:0!important;
  color:#2a3f32!important;white-space:nowrap;cursor:pointer
}
.q15-header .q15-nav > a.q15-nav-link,
body:has(.q10) .q15-header .q15-nav > a.q15-nav-link{
  display:inline-flex;align-items:center;
  padding:12px 0;min-height:46px;
  font:500 13px/1.25 var(--sans)!important;letter-spacing:0!important;
  color:#2a3f32!important;text-decoration:none;white-space:nowrap;
  border:0;flex:0 0 auto
}
.q15-header .q15-nav > a.q15-nav-link:hover,
.q15-header .q15-nav-trigger:hover{color:#916e5c!important}
.q15-header .q15-nav > a.q15-nav-link[aria-current="page"]:after{bottom:4px}
.q15-header .q15-nav > a.q161-wizard-cta,
body:has(.q10) .q15-header .q15-nav > a.q161-wizard-cta{
  display:inline-flex!important;align-items:center;justify-content:center;
  font:530 12px/1.2 var(--sans)!important;letter-spacing:.005em!important;
  color:#405c45!important;white-space:nowrap;
  background:#eef1e9;border:1px solid #b5c6b6!important;border-radius:999px!important;
  min-height:45px!important;min-width:107px;
  padding:11px 19px 11px 30px!important;
  text-decoration:none!important;box-shadow:none!important;
  margin:0;transform:none
}
.q15-header .q15-nav > a.q161-wizard-cta:before{left:16px;top:50%;background:#729172}
.q15-header .q15-nav > a.q161-wizard-cta:after{display:none!important}
.q15-header .q15-nav > a.q161-wizard-cta:hover{background:#e0e8db}
.q15-header .q15-header-tools{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:14px;flex:none;margin:0}
.q15-header .q15-book{
  display:inline-flex;min-height:46px;padding:12px 20px;
  font:540 12px/1.2 var(--sans)!important;letter-spacing:.015em;
  gap:16px;border-radius:999px!important;white-space:nowrap;
  background:#203e30;color:#fff;text-decoration:none;align-items:center
}
.q15-header .q15-book:hover{background:#365845;color:#fff}
.q15-header .qk-lang-switch{display:inline-flex;align-items:center;flex:none;gap:2px;padding:3px 5px;border-radius:999px;background:#eff1ea;border:1px solid #dce4da}
.q15-header .qk-lang-switch a{min-width:29px;min-height:31px;display:inline-flex;justify-content:center;align-items:center;font-size:10px;font-weight:580;letter-spacing:0}
.q15-header .qk-lang-switch a[aria-current="true"]{background:#294537;color:#fff;border-radius:999px}
.q15-header .q15-menu-toggle{display:none}
.q15-header .q15-book-mobile{display:none!important}
.q15-header :is(a,button,summary):focus-visible{outline:2px solid #668b70;outline-offset:4px}
.q15-header .q15-dropdown{border-radius:12px;box-shadow:0 18px 50px rgba(27,48,34,.13)}
.q15-header .q15-studio-link,.q15-header .q15-nav-studio-mobile{display:none!important}

@media (min-width:1171px) and (max-width:1300px){
  .q15-header .q15-header-inner,body:has(.q10) .q15-header .q15-header-inner{
    padding-inline:clamp(18px,2vw,27px);column-gap:18px
  }
  .q15-header .q15-brand .identity-tree{width:58px;flex-basis:58px;height:39px}
  .q15-header .identity-words b,body:has(.q10) .q15-header .identity-words b{font-size:17px}
  .q15-header .q15-nav,body:has(.q10) .q15-header .q15-nav{gap:13px}
  .q15-header .q15-nav-trigger,
  .q15-header .q15-nav > a.q15-nav-link{font-size:11.5px!important}
  .q15-header .q15-nav > a.q161-wizard-cta{font-size:11.5px!important;min-width:98px;padding-inline:26px 13px!important}
  .q15-header .q15-book{padding-inline:14px}
  .q15-header .q15-header-tools{gap:10px}
}

/* The drawer starts directly below the header; no giant empty space. */
@media(max-width:1170px){
  .q15-header .q15-header-inner,
  body:has(.q10) .q15-header .q15-header-inner{
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    min-height:75px;padding:11px clamp(18px,3.4vw,38px);
    column-gap:13px
  }
  .q15-header .q15-brand{gap:9px;min-width:0}
  .q15-header .q15-header-tools{justify-self:end;gap:12px}
  .q15-header .q15-nav,
  body:has(.q10) .q15-header .q15-nav{
    display:none!important;
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    width:100%!important;z-index:1001!important;
    margin:0!important;
    background:#faf9f5!important;
    border:0!important;border-bottom:1px solid #d8e1d7!important;
    border-radius:0!important;box-shadow:0 19px 35px rgba(24,44,32,.13)!important;
    padding:18px clamp(22px,5vw,60px) max(32px,env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 75px - var(--wp-admin--admin-bar--height,0px))!important;
    min-height:0!important;height:auto!important;
    overflow-y:auto!important;overscroll-behavior:contain;
    flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
    flex-wrap:nowrap!important;gap:0!important
  }
  .q15-header .q15-nav.open,
  body:has(.q10) .q15-header .q15-nav.open{display:flex!important;justify-content:flex-start!important;min-height:0!important}
  .q15-header .q15-services-menu{width:100%;min-height:0;display:block;border-bottom:1px solid #dce4db}
  .q15-header .q15-nav-trigger{
    display:flex!important;align-items:center;justify-content:space-between!important;
    width:100%;min-height:60px;padding:15px 1px!important;
    font:480 17px/1.3 var(--sans)!important
  }
  .q15-header .q15-nav > a.q15-nav-link,
  body:has(.q10) .q15-header .q15-nav > a.q15-nav-link{
    display:flex!important;align-items:center;justify-content:flex-start;
    width:100%;min-height:60px;padding:15px 1px!important;
    font:480 17px/1.3 var(--sans)!important;
    letter-spacing:-.015em!important;
    white-space:normal;border:0;border-bottom:1px solid #dce4db!important
  }
  .q15-header .q15-nav > a.q161-wizard-cta,
  body:has(.q10) .q15-header .q15-nav > a.q161-wizard-cta{
    width:100%;max-width:none;min-height:49px!important;margin:22px 0 0!important;
    padding:14px 20px!important;background:#ecf2eb;border:1px solid #b4c8b7!important;
    border-radius:999px!important;justify-content:center!important;
    font-size:13px!important;font-weight:530!important;color:#34503c!important;
    box-sizing:border-box;letter-spacing:0!important
  }
  .q15-header .q15-nav > a.q161-wizard-cta:before{display:none!important}
  .q15-header .q15-nav > a.q161-wizard-cta:after{display:none!important}
  .q15-header .q15-nav > a.q15-book-mobile{
    display:flex!important;align-items:center;justify-content:center;
    width:100%;min-height:50px;margin:11px 0 2px;padding:13px 20px!important;
    border:0!important;border-radius:999px!important;
    background:#254333;color:#fff!important;
    font:550 13px/1.3 var(--sans)!important;letter-spacing:.01em;
    text-decoration:none
  }
  .q15-header .q15-dropdown{position:static!important;width:100%;max-width:none;left:auto;top:auto;box-shadow:none!important;
    background:#eef1ea!important;padding:15px 18px 18px;margin:0 0 15px;border:0!important;border-radius:10px}
  .q15-header .q15-dropdown:before{display:none}
  .q15-header .q15-dropdown-heading{margin-bottom:12px}
  .q15-header .q15-dropdown-items>a{min-height:56px}
  .q15-header .q15-menu-toggle{
    display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;
    flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;
    padding:0;margin:0;
    border:1px solid #d6e0d6;background:#eef1eb;border-radius:999px;
    transition:background .2s,border-color .2s
  }
  .q15-header .q15-menu-toggle span{width:20px;height:1.5px;display:block;margin:2.5px 0;background:#294536;transition:transform .2s,background .2s}
  .q15-header .q15-menu-toggle[aria-expanded="true"]{background:#294536;border-color:#294536}
  .q15-header .q15-menu-toggle[aria-expanded="true"] span{background:#fff}
  .q15-header .q15-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
  .q15-header .q15-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  .q15-header .q15-book{display:inline-flex}
}
@media(max-width:700px){
  .q15-header .q15-header-inner,
  body:has(.q10) .q15-header .q15-header-inner{min-height:70px;padding:10px 16px;column-gap:10px}
  .q15-header .q15-brand{gap:7px}
  .q15-header .q15-brand .identity-tree{width:47px;height:34px;flex-basis:47px}
  .q15-header .identity-words b,body:has(.q10) .q15-header .identity-words b{font-size:15.5px}
  .q15-header .identity-words small{font-size:7px;letter-spacing:.09em}
  .q15-header .q15-book{display:none!important}
  .q15-header .q15-header-tools{gap:8px}
  .q15-header .qk-lang-switch{gap:1px;padding:2px 3px;margin:0}
  .q15-header .qk-lang-switch a{min-height:29px;min-width:25px;font-size:10px}
  .q15-header .q15-nav,
  body:has(.q10) .q15-header .q15-nav{max-height:calc(100dvh - 70px - var(--wp-admin--admin-bar--height,0px))!important;padding-inline:22px!important}
}
@media(max-width:375px){
  .q15-header .q15-header-inner,
  body:has(.q10) .q15-header .q15-header-inner{padding-inline:10px;column-gap:6px}
  .q15-header .q15-brand{gap:5px}
  .q15-header .q15-brand .identity-tree{width:39px;height:31px;flex-basis:39px}
  .q15-header .identity-words b,body:has(.q10) .q15-header .identity-words b{font-size:13.3px}
  .q15-header .identity-words small{font-size:6.4px;letter-spacing:.05em}
  .q15-header .q15-header-tools{gap:5px}
  .q15-header .qk-lang-switch{padding:2px 1px}
  .q15-header .qk-lang-switch a{min-width:23px;min-height:27px;font-size:9.5px}
  .q15-header .q15-menu-toggle{width:42px;min-width:42px;flex-basis:42px;height:42px;min-height:42px}
}
body.qk173-menu-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.q15-header .q15-menu-toggle,.q15-header .q15-menu-toggle span{transition:none!important}}

/* Portrait art direction: no hard oval or visible frame. Fade to page's warm white. */
.q10-home .q10-meet{background:#f8f7f2!important;overflow:hidden}
.q10-home .q10-meet:after{display:none!important}
.q10-home .q10-meet-portrait{
  background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:hidden!important;
  /* Intersect soft radial and four-edge masks: no visible rectangular crop. */
  -webkit-mask-image:
    radial-gradient(ellipse 86% 88% at 52% 48%,#000 52%,transparent 96%),
    linear-gradient(to bottom,transparent 0%,#000 17%,#000 78%,transparent 100%),
    linear-gradient(to right,transparent 0%,#000 16%,#000 83%,transparent 100%);
  -webkit-mask-composite:source-in,source-in;
  mask-image:
    radial-gradient(ellipse 86% 88% at 52% 48%,#000 52%,transparent 96%),
    linear-gradient(to bottom,transparent 0%,#000 17%,#000 78%,transparent 100%),
    linear-gradient(to right,transparent 0%,#000 16%,#000 83%,transparent 100%);
  mask-composite:intersect,intersect;
}
.q10-home .q10-meet-portrait:after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to top,#f8f7f2 0%,rgba(248,247,242,.72) 10%,transparent 36%),
    linear-gradient(to right,rgba(248,247,242,.83) 0%,transparent 28%),
    linear-gradient(to left,rgba(248,247,242,.68) 0%,transparent 18%);
}
.q10-home .q10-meet-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:grayscale(1) contrast(.97) brightness(1.03)!important}
.q10-home .q10-meet-caption{background:transparent}
@media(max-width:1100px){
  .q10-home .q10-meet-portrait{width:64%;height:465px;right:3%;top:255px}
  .q10-home .q10-meet-caption{background:linear-gradient(90deg,rgba(248,247,242,.98),rgba(248,247,242,.8) 80%,transparent)!important}
}
@media(max-width:540px){
  .q10-home .q10-meet{padding:70px 22px 86px}
  .q10-home .q10-meet-portrait{width:77%;height:360px;right:-2%;top:278px}
  .q10-home .q10-meet-caption{background:linear-gradient(90deg,rgba(248,247,242,.99) 0%,rgba(248,247,242,.89) 70%,transparent)!important;padding-right:15px}
}