/* Andreas Simonsen – shared site styles */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
img,video{max-width:100%}
[data-if]{display:contents}
[data-if][hidden]{display:none!important}
button{font:inherit}
button:disabled{cursor:not-allowed}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #231F20;outline-offset:3px}
#film,#arbejde{scroll-margin-top:90px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* keep fade-ins from creating a containing block for fixed overlays once finished */
.as-in,.pf-item{animation-fill-mode:backwards!important}

/* ---------- mobile ---------- */
.as-mbar{display:none}
@media (max-width: 760px){
  .as-hdr.as-hdr{flex-wrap:nowrap!important;align-items:center!important}
  .as-mbar{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
  .as-hdr > a:first-child{position:relative;z-index:2}
  .as-mbook{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #231F20;color:#231F20;text-decoration:none;font-family:'Josefin Sans',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
  .as-burger{width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:#231F20;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}
  .as-burger span{display:block;width:22px;height:1px;background:currentColor;transition:transform .3s ease}
  .as-hdr.is-open .as-burger span:first-child{transform:translateY(4px) rotate(45deg)}
  .as-hdr.is-open .as-burger span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .as-mpanel{display:none!important}
  .as-hdr.is-open .as-mpanel{display:flex!important;position:fixed;inset:0;z-index:1;height:100vh;height:100dvh;overflow-y:auto;background:#FBFBFB;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between;gap:32px!important;padding:96px 24px 40px}
  .as-hdr.is-open .as-mpanel > nav{order:1;flex-direction:column!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:2px!important;font-size:22px!important;letter-spacing:.16em!important}
  .as-hdr.is-open .as-mpanel > nav a{padding:10px 0!important}
  .as-hdr.is-open .as-mpanel > nav a[href*="book"]{margin-top:20px;min-height:52px!important;padding:0 22px!important;font-size:13px}
  .as-hdr.is-open .as-mpanel > [role="group"]{order:2;font-size:13px!important;gap:10px!important}
  .as-hdr.is-open .as-mpanel > [role="group"] a{padding:8px 0!important}

  /* front page: portfolio preview in two columns */
  #arbejde > div[style*="columns"]{columns:2!important;column-gap:12px!important}
  #arbejde figure{margin-bottom:22px!important}
  #arbejde figcaption{margin-top:4px!important;font-size:9px!important;letter-spacing:.16em!important}
  #arbejde > div:first-child{margin-bottom:24px!important}

  /* portfolio: filters as one swipeable row */
  nav:has(> button[data-filter]){flex-wrap:nowrap!important;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding-left:16px!important;padding-right:16px!important;padding-bottom:28px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-left:16px}
  nav:has(> button[data-filter])::-webkit-scrollbar{display:none}
  nav:has(> button[data-filter]) > button{flex:0 0 auto;white-space:nowrap}
}