:root{
  --bg:#ffffff; --text:#111111; --muted:#5f5f5f; --line:#d8d8d8; --line-2:#bdbdbd;
  --nav:#3f3f3f; --nav-hover:#111111;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}

.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.nav-wrap{max-width:1360px;margin:0 auto;padding:34px 24px 14px}
.top-nav{display:flex;justify-content:center;align-items:center;gap:42px;flex-wrap:wrap}
.top-nav > a,.menu-trigger{position:relative;font-size:1.12rem;font-weight:600;color:var(--nav);cursor:pointer;letter-spacing:.005em;padding-bottom:6px}
.top-nav > a:hover,.menu-trigger:hover,.project-menu:hover > .menu-trigger,.top-nav > a.active,.project-menu.active > .menu-trigger{color:var(--nav-hover)}
.top-nav > a.active::after,.project-menu.active > .menu-trigger::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--text)}

.project-menu{position:relative;display:inline-flex;align-items:center;padding-bottom:20px;margin-bottom:-20px}
.dropdown{
  display:none;position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);
  min-width:270px;border:1px solid var(--line);background:#fff;padding:8px;z-index:200
}
.project-menu:hover .dropdown,.project-menu:focus-within .dropdown{display:block}
.dropdown a{display:block;padding:10px 12px;color:var(--muted);font-weight:400;white-space:nowrap}
.dropdown a:hover,.dropdown a.active{background:#f5f5f5;color:var(--text)}

.page-title{max-width:1360px;margin:0 auto;padding:10px 24px 54px;text-align:center}
.page-title h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.85rem,3.45vw,2.95rem);line-height:1.04;letter-spacing:.01em}
.title-rule{max-width:1360px;margin:0 auto 26px;padding:0 24px}
.title-rule .line,.lightbox-title-rule .line{width:100%;height:1px;background:var(--line)}

.gallery-wrap{max-width:1360px;margin:0 auto;padding:0 24px 42px}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}
.gallery-col{display:grid;gap:12px}
.gallery-card{display:block;border:1px solid var(--line);overflow:hidden;background:#fafafa;cursor:pointer}
.gallery-card img{width:100%;height:auto;display:block}
.gallery-card:hover{border-color:var(--line-2)}

.contact-strip{max-width:1360px;margin:0 auto;padding:10px 24px 54px;text-align:center}
.contact-strip a{color:var(--muted);font-size:.95rem}
.contact-strip a:hover{color:var(--text)}

.lightbox{position:fixed;inset:0;background:rgba(255,255,255,.985);display:none;z-index:100}
.lightbox.open{display:block}
.lightbox-topbar{position:fixed;top:0;left:0;right:0;z-index:115;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.lightbox-topbar .nav-wrap{max-width:1360px;margin:0 auto;padding:34px 24px 14px}
.lightbox-title-rule{max-width:1360px;margin:0 auto;padding:0 24px}

.home-btn{
  position:fixed;top:18px;left:0;width:88px;height:42px;
  display:flex;align-items:center;justify-content:center;
  background:transparent;color:#111;cursor:pointer;z-index:130;border:none;padding:0
}
.home-btn:hover{opacity:.75}
.home-btn svg{width:32px;height:32px;display:block}
.home-btn path{stroke-width:2.5}

.lightbox-inner{position:fixed;left:0;right:0;top:96px;bottom:0;display:grid;place-items:center;padding:24px 24px 40px}
.lightbox-stage{width:100%;height:100%;display:grid;place-items:center}
.lightbox-frame{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;max-width:100%;max-height:100%}
.lightbox img{
  max-width:min(82vw,1400px);
  max-height:78vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
}
.lightbox-caption{margin:0;min-height:0;color:var(--muted);font-size:.95rem;line-height:1.45;text-align:center}
.lightbox-caption:empty{display:none}

.edge-nav{
  position:fixed;top:50%;transform:translateY(-50%);
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:26px;color:#505050;border:1px solid var(--line);
  background:rgba(255,255,255,.88);cursor:pointer;z-index:110
}
.edge-nav:hover{color:#111;border-color:var(--line-2);background:#fff}
.edge-nav.prev{left:18px}.edge-nav.next{right:18px}.edge-nav.hidden{display:none}

.simple-page{min-height:100vh;background:#fff;color:#111}
.simple-wrap{max-width:900px;margin:0 auto;padding:160px 24px 40px;text-align:center}
.simple-wrap .back{display:inline-block;margin-bottom:22px;color:var(--muted);font-size:1rem}
.simple-wrap h1{margin:0 0 16px;font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.4vw,4.1rem)}
.simple-wrap p{margin:0 auto;max-width:680px;color:var(--muted);line-height:1.6}


.category-rails-section{
  min-height:calc(100vh - 108px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:28px 0;
  background:#fff;
}

.category-rail-wrap{
  position:relative;
  width:100vw;
  max-width:none;
  margin:0;
  padding:0;
  background:#fff;
}

.category-rail-wrap-bw{
  margin-top:2px;
  border-top:2px solid #fff;
}

.category-rail-viewport{
  width:100vw;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  -ms-overflow-style:none;
  scrollbar-width:none;
  background:#fff;
}

.category-rail-viewport::-webkit-scrollbar{
  display:none;
}

/* Övre remsan */
.category-rail{
  display:flex;
  gap:1px;
  height:333px;
  align-items:stretch;
  will-change:auto;
  transition:none;
  touch-action:pan-y;
  background:#fff;
}

.category-rail-wrap:not(.category-rail-wrap-bw) .category-card{
  flex:0 0 auto;
  height:333px;
  width:auto;
  overflow:hidden;
  background:transparent;
  cursor:pointer;
  border:none;
  display:flex;
  align-items:stretch;
  justify-content:center;
}

.category-rail-wrap:not(.category-rail-wrap-bw) .category-card img{
  display:block;
  width:auto;
  height:333px;
  max-height:333px;
  object-fit:cover;
}

/* Nedre svartvita remsan */
.category-rail-wrap-bw .category-rail{
  height:267px;
  align-items:stretch;
  background:#fff;
}

.category-rail-wrap-bw .category-card{
  flex:0 0 auto;
  height:267px;
  width:auto;
  overflow:hidden;
  background:transparent;
  cursor:pointer;
  border:none;
  display:flex;
  align-items:stretch;
  justify-content:center;
}

.category-rail-wrap-bw .category-card img{
  display:block;
  width:auto;
  height:267px;
  max-height:267px;
  object-fit:cover;
}

.category-card:hover img{transform:scale(1.012)}
.category-card img{transition:transform .35s ease}
.category-rail-bw .category-card img,
.category-card.is-bw img{filter:grayscale(1)}
.category-rail-nav{
  position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.94);
  color:#505050;cursor:pointer;z-index:10
}
.category-rail-nav:hover{background:#fff;color:#111;border-color:var(--line-2)}
.category-rail-nav.prev{left:16px}
.category-rail-nav.next{right:16px}
.category-rail-nav.hidden{display:none}

.video-stage{max-width:1120px;margin:0 auto;padding:12px 24px 56px}
.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}
.video-frame video{width:100%;height:100%;display:block;background:#000}
.video-caption{margin:14px 0 0;color:var(--muted);font-size:.95rem;line-height:1.45;text-align:center}
.video-caption:empty{display:none}


.category-contact{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);
  z-index:40;text-align:center;padding:0 18px;
}
.category-contact a{color:#6f6f6f;font-size:.9rem;letter-spacing:.004em}
.category-contact a:hover{color:#404040}
.lightbox.open ~ .category-contact{display:none}

@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}

@media (max-width:980px){
  .category-rail{
    height:292px;
  }

  .category-rail-wrap:not(.category-rail-wrap-bw) .category-card{
    height:292px;
  }

  .category-rail-wrap:not(.category-rail-wrap-bw) .category-card img{
    height:292px;
    max-height:292px;
  }

  .category-rail-wrap-bw .category-rail{
    height:233px;
  }

  .category-rail-wrap-bw .category-card{
    height:233px;
  }

  .category-rail-wrap-bw .category-card img{
    height:233px;
    max-height:233px;
  }
}

@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .nav-wrap,.page-title,.title-rule,.gallery-wrap,.contact-strip,.lightbox-topbar .nav-wrap,.lightbox-title-rule{padding-left:18px;padding-right:18px}
  .nav-wrap,.lightbox-topbar .nav-wrap{padding-top:28px;padding-bottom:12px}
  .top-nav{gap:22px}
  .top-nav > a,.menu-trigger{font-size:1.02rem}
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gallery-col{gap:10px}
  .dropdown{left:0;transform:none}
  .page-title{padding-top:24px;padding-bottom:22px}
  .title-rule{margin-bottom:22px}
  .lightbox-inner{top:90px;padding:16px 14px 24px}
  .lightbox img{max-width:90vw;max-height:calc(100vh - 250px)}
  .edge-nav{width:48px;height:48px;font-size:24px}
  .edge-nav.prev{left:10px}.edge-nav.next{right:10px}
  .home-btn{top:8px;left:0;width:64px}
  .category-rails-section{min-height:calc(100vh - 90px);gap:12px;padding:18px 0}
  .category-rail{
    height:208px;
  }
  .category-rail-wrap:not(.category-rail-wrap-bw) .category-card{
    height:208px;
  }
  .category-rail-wrap:not(.category-rail-wrap-bw) .category-card img{
    height:208px;
    max-height:208px;
  }
  .category-rail-wrap-bw .category-rail{
    height:167px;
  }
  .category-rail-wrap-bw .category-card{
    height:167px;
  }
  .category-rail-wrap-bw .category-card img{
    height:167px;
    max-height:167px;
  }
  .category-rail-viewport::-webkit-scrollbar{display:none}
  .category-rail-nav{width:46px;height:46px}
  .category-rail-nav.prev{left:6px}.category-rail-nav.next{right:6px}
}


.about-page .site-header{position:sticky}
.about-main{min-height:calc(100vh - 108px);display:flex;align-items:center;justify-content:center;padding:40px 24px 72px}
.about-wrap{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,430px) minmax(320px,560px);gap:64px;align-items:center}
.about-photo{margin:0}
.about-photo img{width:100%;height:auto;display:block}
.about-copy{max-width:560px}
.about-copy h1{margin:0 0 18px;font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.05;letter-spacing:.01em}
.about-copy p{margin:0 0 18px;color:#4a4a4a;font-size:1.02rem;line-height:1.72}
.about-copy p:last-child{margin-bottom:0}
.about-contact{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;text-align:center;padding:0 18px}
.about-contact a{color:#6f6f6f;font-size:.9rem;letter-spacing:.004em}
.about-contact a:hover{color:#404040}

@media (max-width:980px){
  .about-main{padding-top:24px;padding-bottom:82px}
  .about-wrap{grid-template-columns:1fr;gap:30px;max-width:720px}
  .about-copy{max-width:none}
}
@media (max-width:760px){
  .about-main{min-height:auto;display:block;padding:26px 18px 82px}
  .about-wrap{gap:24px}
  .about-copy h1{margin-bottom:14px}
  .about-copy p{font-size:.98rem;line-height:1.66}
}


.project-contact{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;text-align:center;padding:0 18px}
.project-contact a{color:#6f6f6f;font-size:.9rem;letter-spacing:.004em}
.project-contact a:hover{color:#404040}


/* v4 performance and mobile menu */
.project-menu.open .dropdown{display:block}
.menu-trigger{background:none;border:none}
@media (hover:hover){
  .project-menu:hover .dropdown,.project-menu:focus-within .dropdown{display:block}
}
@media (max-width:760px){
  .top-nav{gap:16px 18px}
  .project-menu{padding-bottom:0;margin-bottom:0}
  .dropdown{top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:min(86vw,320px);max-width:86vw;box-shadow:0 10px 24px rgba(0,0,0,.08)}
  .simple-wrap{padding-top:132px}
}


/* v8 lightbox captions and simple content workflow */
.lightbox-stage{display:flex;justify-content:center;width:100%}
.lightbox-frame{display:flex;flex-direction:column;align-items:center;width:100%}
.lightbox-frame img{margin:0 auto}
.lightbox-caption{
  display:block;
  width:min(34ch, 88vw);
  max-width:34ch;
  margin:14px auto 0;
  color:#5a5a5a;
  font-size:.98rem;
  line-height:1.55;
  text-align:center;
  text-wrap:pretty;
}
.lightbox-caption:empty{display:none}
@media (max-width:760px){
  .lightbox-caption{
    width:min(30ch, 86vw);
    max-width:30ch;
    margin-top:12px;
    font-size:.94rem;
    line-height:1.5;
  }
}


/* v9 lightbox return control */
.lightbox .home-btn{display:flex !important}
.lightbox-frame{gap:14px}
.lightbox-back-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:0 auto 2px;
  padding:0;
  border:none;
  background:transparent;
  cursor:pointer;
  flex:0 0 auto;
}
.lightbox-back-strip span{
  display:block;
  width:12px;
  height:18px;
  border:1px solid #111;
  background:transparent;
  border-radius:1px;
}
.lightbox-back-strip:hover span,
.lightbox-back-strip:focus-visible span{
  background:#111;
}
.lightbox-back-strip:focus-visible{
  outline:none;
}
@media (max-width:760px){
  .lightbox-back-strip{gap:3px;margin-bottom:2px}
  .lightbox-back-strip span{width:10px;height:15px}
}


/* Home hero redesign */
.home-hero-page .home-btn{
  position:fixed;
}
.home-top-nav{
  gap:42px;
}
.home-hero-main{
  max-width:1360px;
  margin:0 auto;
  padding:0 24px 18px;
}
.home-page-title{
  padding-bottom:34px;
}
.home-hero{
  position:relative;
  min-height:clamp(560px, 72vh, 860px);
  border:1px solid var(--line);
  background:#f4f4f4;
  overflow:hidden;
}
.hero-slides{
  position:relative;
  min-height:inherit;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .8s ease;
}
.hero-slide.is-active{
  opacity:1;
  pointer-events:auto;
  z-index:2;
}
.hero-media,
.hero-media img{
  width:100%;
  height:100%;
}
.hero-media{
  position:absolute;
  inset:0;
}
.hero-media img{
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.48) 0%, rgba(0,0,0,.12) 36%, rgba(0,0,0,.05) 100%);
}
.hero-overlay-dark{
  background:linear-gradient(to top, rgba(0,0,0,.68) 0%, rgba(0,0,0,.32) 46%, rgba(0,0,0,.18) 100%);
}
.hero-copy{
  position:absolute;
  left:40px;
  right:40px;
  bottom:118px;
  z-index:3;
  color:#fff;
  max-width:720px;
}
.hero-copy-left{
  text-align:left;
}
.hero-copy-center{
  left:50%;
  right:auto;
  width:min(780px, calc(100% - 80px));
  transform:translateX(-50%);
  text-align:center;
}
.hero-kicker{
  display:inline-block;
  margin-bottom:14px;
  font-size:.95rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-copy h2{
  margin:0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2rem, 4.8vw, 4.3rem);
  line-height:1.02;
  text-wrap:balance;
}
.hero-copy-about h2{
  margin-bottom:18px;
}
.hero-copy p{
  margin:0;
  max-width:660px;
  font-size:1.05rem;
  line-height:1.62;
  color:rgba(255,255,255,.92);
}
.hero-copy-center p{
  margin:0 auto;
}
.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.5);
  background:rgba(10,10,10,.18);
  color:#fff;
  font-size:1.75rem;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s ease, border-color .2s ease, opacity .2s ease;
}
.hero-arrow:hover{
  background:rgba(10,10,10,.34);
  border-color:rgba(255,255,255,.82);
}
.hero-arrow-prev{ left:20px; }
.hero-arrow-next{ right:20px; }
.hero-categories{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  flex-wrap:wrap;
  width:calc(100% - 64px);
}
.hero-categories a{
  color:#fff;
  font-size:1.02rem;
  letter-spacing:.02em;
  opacity:.38;
  transition:opacity .2s ease, color .2s ease;
}
.hero-categories a:hover,
.hero-categories a.is-active{
  opacity:1;
}
.hero-categories.all-active a{
  opacity:1;
}
.home-top-nav a.is-current{
  color:var(--nav-hover);
}
.home-top-nav a.is-current::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:1px;
  background:var(--text);
}
.home-contact-strip{
  padding-top:12px;
}
@media (max-width: 920px){
  .home-top-nav{
    gap:24px;
  }
  .home-hero{
    min-height:70vh;
  }
  .hero-copy{
    left:24px;
    right:24px;
    bottom:112px;
  }
  .hero-copy-center{
    width:min(700px, calc(100% - 48px));
  }
  .hero-copy h2{
    font-size:clamp(1.8rem, 8vw, 3.2rem);
  }
  .hero-copy p{
    font-size:1rem;
  }
  .hero-categories{
    gap:18px;
    bottom:22px;
    width:calc(100% - 40px);
  }
}
@media (max-width: 680px){
  .home-page-title{
    padding:8px 24px 24px;
  }
  .home-hero-main{
    padding:0 12px 12px;
  }
  .home-hero{
    min-height:78vh;
  }
  .hero-arrow{
    top:auto;
    bottom:88px;
    transform:none;
    width:44px;
    height:44px;
    font-size:1.4rem;
  }
  .hero-arrow-prev{ left:12px; }
  .hero-arrow-next{ right:12px; }
  .hero-copy{
    left:18px;
    right:18px;
    bottom:134px;
  }
  .hero-copy-center{
    width:calc(100% - 36px);
  }
  .hero-kicker{
    margin-bottom:10px;
    font-size:.8rem;
  }
  .hero-copy p{
    font-size:.95rem;
    line-height:1.55;
  }
  .hero-categories{
    gap:12px 16px;
    font-size:.95rem;
    bottom:20px;
  }
  .hero-categories a{
    font-size:.95rem;
  }
}


.hero-overlay-soft{
  background:linear-gradient(to top, rgba(0,0,0,.44) 0%, rgba(0,0,0,.16) 42%, rgba(0,0,0,.08) 100%);
}
.hero-copy-about-textonly{
  max-width:860px;
  margin:0 auto;
  left:50%;
  right:auto;
  bottom:33%;
  transform:translateX(-50%);
  text-align:center;
}
.hero-copy-about-textonly p{
  margin:0;
  font-size:clamp(1.32rem,2.1vw,1.86rem);
  line-height:1.52;
  letter-spacing:.004em;
  font-weight:500;
  text-wrap:pretty;
}
@media (max-width:760px){
  .hero-copy-about-textonly{
    left:24px;
    right:24px;
    bottom:28%;
    transform:none;
  }
  .hero-copy-about-textonly p{
    font-size:1.08rem;
    line-height:1.5;
    font-weight:500;
  }
}


/* v4 adjustments */
.hero-arrow{
  display:none !important;
}
.hero-copy-about-textonly{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(860px, calc(100% - 96px));
  max-width:none;
  bottom:24% !important;
  text-align:center !important;
}
.hero-copy-about-textonly p{
  text-align:center !important;
}
@media (max-width:760px){
  .hero-copy-about-textonly{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 48px);
    bottom:24% !important;
  }
}


/* v5 adjustments */
.hero-copy-about-textonly{
  text-align:center !important;
}
.hero-copy-about-textonly p{
  font-size:clamp(.92rem,1.18vw,1.08rem) !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-family:inherit !important;
  text-align:center !important;
  width:100%;
  margin:0 auto !important;
}
@media (max-width:760px){
  .hero-copy-about-textonly p{
    font-size:.84rem !important;
    line-height:1.45 !important;
    letter-spacing:.12em !important;
  }
}


/* v6 transition refinements */
.hero-slide{
  transition:
    opacity 1.35s ease-in-out,
    transform 4.8s ease-out,
    filter 1.35s ease-in-out;
  transform:scale(1.035);
  filter:brightness(.93);
  will-change:opacity, transform, filter;
}
.hero-slide.is-active{
  transform:scale(1);
  filter:brightness(1);
}
.hero-slide .hero-media{
  transition:transform 6.2s ease-out, filter 1.35s ease-in-out;
  transform:scale(1.035);
}
.hero-slide.is-active .hero-media{
  transform:scale(1);
}
.hero-overlay-soft{
  transition:opacity 1.35s ease-in-out;
}


/* v7 refine – less pulse */
.hero-slide{
  transition:
    opacity 1s ease-in-out,
    transform 3.2s ease-out,
    filter 1s ease-in-out;
  transform:scale(1.02);
}
.hero-slide .hero-media{
  transition:transform 4.2s ease-out;
  transform:scale(1.02);
}


/* v8 - faster timing + project dropdown in hero nav */
.hero-categories{
  overflow:visible;
}
.hero-project-menu{
  position:relative;
  display:flex;
  align-items:center;
}
.hero-project-trigger{
  display:inline-block;
}
.hero-project-dropdown{
  position:absolute;
  left:50%;
  bottom:calc(100% + 12px);
  transform:translateX(-50%);
  min-width:240px;
  padding:10px 14px;
  background:rgba(10,10,10,.82);
  border:1px solid rgba(255,255,255,.2);
  display:flex;
  flex-direction:column;
  gap:8px;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.hero-project-dropdown a{
  opacity:.78 !important;
  white-space:nowrap;
  text-align:center;
  font-size:.94rem;
  letter-spacing:.03em;
}
.hero-project-dropdown a:hover{
  opacity:1 !important;
}
.hero-project-menu:hover .hero-project-dropdown,
.hero-project-menu:focus-within .hero-project-dropdown{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(-4px);
}
.hero-project-menu .hero-project-trigger.is-active + .hero-project-dropdown,
.hero-project-menu:hover .hero-project-trigger,
.hero-project-menu:focus-within .hero-project-trigger{
  opacity:1;
}
@media (max-width:760px){
  .hero-project-dropdown{
    min-width:210px;
    padding:9px 12px;
    gap:6px;
  }
  .hero-project-dropdown a{
    font-size:.88rem;
  }
}


/* v9 - softer anchored project dropdown */
.hero-project-menu{
  position:relative;
  display:flex;
  align-items:center;
}
.hero-project-dropdown{
  position:absolute;
  left:50%;
  bottom:100%;
  transform:translateX(-50%);
  min-width:260px;
  padding:12px 16px;
  background:rgba(120,120,120,.48);
  border:none;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.hero-project-dropdown a{
  color:#fff !important;
  opacity:1 !important;
  white-space:nowrap;
  text-align:center;
  font-size:.92rem;
  letter-spacing:.03em;
}
.hero-project-dropdown a:hover{
  opacity:1 !important;
  text-decoration:none;
}
.hero-project-menu:hover .hero-project-dropdown,
.hero-project-menu:focus-within .hero-project-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%);
}
@media (max-width:760px){
  .hero-project-dropdown{
    min-width:220px;
    padding:10px 12px;
    gap:6px;
  }
  .hero-project-dropdown a{
    font-size:.86rem;
  }
}


/* v10 - narrower anchored project block */
.hero-project-dropdown{
  min-width:168px !important;
  max-width:168px !important;
  width:168px !important;
  padding:10px 10px 12px !important;
  gap:6px !important;
  bottom:-2px !important;
  border-radius:0 !important;
  background:rgba(120,120,120,.42) !important;
}
.hero-project-dropdown a{
  font-size:.84rem !important;
  line-height:1.2 !important;
  letter-spacing:.025em !important;
  white-space:normal !important;
}
.hero-project-dropdown a br{
  display:block;
}
@media (max-width:760px){
  .hero-project-dropdown{
    min-width:156px !important;
    max-width:156px !important;
    width:156px !important;
    bottom:-2px !important;
  }
  .hero-project-dropdown a{
    font-size:.8rem !important;
  }
}


/* v11 - project block behind trigger and almost to image bottom */
.hero-project-menu{
  position:relative;
  display:flex;
  align-items:center;
}
.hero-project-dropdown{
  min-width:max-content !important;
  max-width:none !important;
  width:auto !important;
  padding:28px 10px 4px !important;
  gap:6px !important;
  bottom:-10px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  background:rgba(120,120,120,.42) !important;
}
.hero-project-menu:hover .hero-project-dropdown,
.hero-project-menu:focus-within .hero-project-dropdown{
  transform:translateX(-50%) !important;
}
.hero-project-dropdown a{
  display:block;
  width:max-content;
  margin:0 auto;
  padding:0 2px;
  font-size:.84rem !important;
  line-height:1.2 !important;
  white-space:normal !important;
}
.hero-project-trigger{
  position:relative;
  z-index:2;
}
.hero-project-dropdown{
  z-index:1;
}
@media (max-width:760px){
  .hero-project-dropdown{
    padding:26px 8px 3px !important;
    bottom:-10px !important;
  }
  .hero-project-dropdown a{
    font-size:.8rem !important;
  }
}


/* v12 - text only project submenu */
.hero-project-dropdown{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:26px 0 2px !important;
  min-width:max-content !important;
  width:auto !important;
  bottom:-8px !important;
}
.hero-project-dropdown a{
  color:#fff !important;
  opacity:.58 !important;
  font-weight:400 !important;
  letter-spacing:.03em !important;
  transition:opacity .18s ease, font-weight .18s ease, text-decoration-color .18s ease;
  text-decoration:underline;
  text-decoration-color:transparent;
  text-underline-offset:3px;
  white-space:nowrap !important;
}
.hero-project-dropdown a:hover,
.hero-project-dropdown a:focus{
  opacity:1 !important;
  font-weight:600 !important;
  text-decoration-color:rgba(255,255,255,.95);
}
.hero-project-menu:hover .hero-project-trigger,
.hero-project-menu:focus-within .hero-project-trigger{
  opacity:1 !important;
  font-weight:600 !important;
}


/* v13 - move submenu up and make it fully white */
.hero-project-dropdown{
  bottom:18px !important;
  padding:0 !important;
}
.hero-project-dropdown a{
  color:#fff !important;
  opacity:1 !important;
}


/* v14 - nudge project submenu upward */
.hero-project-dropdown{
  bottom:28px !important;
}


/* v14 - top nav project dropdown */
.home-top-nav{
  overflow:visible;
}
.home-project-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.home-project-trigger{
  display:inline-block;
}
.home-project-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px 12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  background:rgba(20,20,20,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.home-project-dropdown a{
  white-space:nowrap;
  color:#fff !important;
  opacity:.82;
}
.home-project-dropdown a:hover,
.home-project-dropdown a:focus{
  opacity:1;
}
.home-project-menu:hover .home-project-dropdown,
.home-project-menu:focus-within .home-project-dropdown,
.home-project-menu.is-open .home-project-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}


/* v15 - spacing and stricter top project behavior */
.hero-project-dropdown{
  bottom:32px !important;
  gap:6px !important;
}
.hero-project-dropdown a:first-child{
  margin-top:10px !important;
}
.home-project-dropdown{
  gap:6px !important;
}
.home-project-dropdown a:first-child{
  margin-top:10px !important;
}


/* v16 - top project trigger should match other top nav items exactly */
.home-project-menu{
  display:inline-flex;
  align-items:center;
  font:inherit !important;
}
.home-project-trigger{
  font:inherit !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
  text-transform:inherit !important;
  text-decoration:none;
}
.home-project-trigger:hover,
.home-project-trigger:focus,
.home-project-menu.is-open .home-project-trigger{
  color:var(--nav-hover) !important;
}


/* v17 - top project trigger must match other top nav items exactly */
.home-top-nav > .home-project-menu,
.home-top-nav .home-project-menu{
  position:relative;
  display:inline-block !important;
  vertical-align:baseline;
  font:inherit !important;
}
.home-top-nav .home-project-trigger{
  all:unset;
  display:inline-block;
  cursor:pointer;
  color:inherit !important;
  font:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  text-transform:inherit !important;
}
.home-top-nav .home-project-trigger:hover,
.home-top-nav .home-project-trigger:focus,
.home-top-nav .home-project-menu.is-open .home-project-trigger{
  color:var(--nav-hover) !important;
}
.home-top-nav .home-project-trigger::after{
  content:none !important;
}


/* v17 - project dropdowns stay visible while interacting */
.home-project-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  display:flex !important;
  flex-direction:column;
  gap:6px !important;
  padding:10px 12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  background:rgba(20,20,20,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  z-index:30;
}
.home-project-dropdown a{
  white-space:nowrap;
  color:#fff !important;
  opacity:1 !important;
  transition:transform .16s ease, opacity .16s ease;
}
.home-project-dropdown a:first-child{
  margin-top:10px !important;
}
.home-project-dropdown a:hover,
.home-project-dropdown a:focus{
  transform:scale(1.04);
}
.home-project-menu:hover .home-project-dropdown,
.home-project-menu:focus-within .home-project-dropdown,
.home-project-menu.is-open .home-project-dropdown{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.hero-project-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.hero-project-dropdown{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:32px !important;
  display:flex !important;
  flex-direction:column;
  gap:6px !important;
  padding:0 !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:transparent !important;
  z-index:25;
}
.hero-project-dropdown a{
  color:#fff !important;
  opacity:1 !important;
  transition:transform .16s ease, font-weight .16s ease, text-decoration-color .16s ease;
  text-decoration:underline;
  text-decoration-color:transparent;
  text-underline-offset:3px;
  white-space:nowrap !important;
}
.hero-project-dropdown a:first-child{
  margin-top:10px !important;
}
.hero-project-dropdown a:hover,
.hero-project-dropdown a:focus{
  font-weight:600 !important;
  transform:scale(1.04);
  text-decoration-color:rgba(255,255,255,.95);
}
.hero-project-menu:hover .hero-project-dropdown,
.hero-project-menu:focus-within .hero-project-dropdown,
.hero-project-menu.is-open .hero-project-dropdown{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}


/* v18 - make top Project match top nav exactly */
.home-top-nav .home-project-menu{
  position:relative;
  display:inline-flex !important;
  align-items:center;
}
.home-top-nav .home-project-trigger,
.home-top-nav .home-project-trigger:link,
.home-top-nav .home-project-trigger:visited{
  display:inline-block !important;
  font-family:var(--font-sans) !important;
  font-size:.92rem !important;
  font-weight:400 !important;
  letter-spacing:.06em !important;
  line-height:1 !important;
  color:var(--muted) !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  cursor:pointer !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.home-top-nav .home-project-trigger:hover,
.home-top-nav .home-project-trigger:focus,
.home-top-nav .home-project-menu.is-open .home-project-trigger{
  color:var(--nav-hover) !important;
}
.home-top-nav .home-project-trigger::after{
  content:none !important;
}


/* v18 - hover corridors so menus don't disappear */
.home-project-menu{
  padding-bottom:46px;
  margin-bottom:-46px;
}
.home-project-dropdown{
  top:calc(100% + 2px) !important;
  padding-top:12px !important;
  z-index:40;
}
.home-project-dropdown a{
  transition:transform .16s ease, opacity .16s ease;
}
.home-project-dropdown a:hover,
.home-project-dropdown a:focus{
  transform:scale(1.04);
}

.hero-project-menu{
  padding-top:46px;
  margin-top:-46px;
}
.hero-project-dropdown{
  bottom:44px !important;
  padding-bottom:10px !important;
  z-index:35;
}
.hero-project-trigger{
  position:relative;
  z-index:36;
}


/* v19 - restore original submenu positions; keep only hover persistence */
.home-project-menu{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.home-project-dropdown{
  top:calc(100% + 8px) !important;
  padding-top:10px !important;
}

.hero-project-menu{
  padding-top:0 !important;
  margin-top:0 !important;
}
.hero-project-dropdown{
  bottom:32px !important;
  padding-bottom:0 !important;
}


/* v20 - only fix top Project typography */
.home-top-nav .home-project-trigger,
.home-top-nav .home-project-trigger:link,
.home-top-nav .home-project-trigger:visited{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  text-transform:inherit !important;
}


/* v21 - exact match for top nav Project label */
.top-nav .home-project-trigger,
.top-nav .home-project-trigger:link,
.top-nav .home-project-trigger:visited{
  position:relative !important;
  font-size:1.12rem !important;
  font-weight:600 !important;
  color:var(--nav) !important;
  cursor:pointer !important;
  letter-spacing:.005em !important;
  padding-bottom:6px !important;
  font-family:inherit !important;
  line-height:normal !important;
  text-transform:none !important;
  text-decoration:none !important;
}
@media (max-width: 900px){
  .top-nav .home-project-trigger,
  .top-nav .home-project-trigger:link,
  .top-nav .home-project-trigger:visited{
    font-size:1.02rem !important;
  }
}

/* Projektöversikt – kompakt layout */


.project-page-title{
  max-width:1360px;
  margin:0 auto;
  padding:10px 24px 33px;
  text-align:center;
}

.project-page-title h1{
  margin:0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(1.85rem,3.45vw,2.95rem);
  line-height:1.04;
  letter-spacing:.01em;
}

.project-title-rule{
  max-width:1360px;
  margin:0 auto 24px;
  padding:0 24px;
  background:#fff;
}

.project-title-rule .line{
  width:100%;
  height:1px;
  background:var(--line);
}

.project-list-page{
  position:relative;
  z-index:1;
  padding:6px 0 72px;
}

.project-list.project-list-compact{
  max-width:1360px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  flex-direction:column;
  gap:28px;
}

.project-row{
  display:grid;
  grid-template-columns:minmax(240px, 31%) minmax(0, 1fr);
  gap:22px;
  align-items:start;
}

.project-row-image{
  width:100%;
  aspect-ratio:3 / 2;
  overflow:hidden;
  background:#f2f2f2;
  border:1px solid var(--line);
}

.project-row-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.project-row:hover .project-row-image img{
  transform:scale(1.01);
}

.project-row-copy{
  padding-top:2px;
  max-width:720px;
}

.project-row-copy h2{
  margin:0 0 8px;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(1.22rem,1.6vw,1.65rem);
  line-height:1.08;
  letter-spacing:.01em;
}

.project-row-copy p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.56;
}

.project-link{
  display:inline-block;
  color:var(--text);
  font-size:.96rem;
  line-height:1.4;
  border-bottom:1px solid transparent;
}

.project-row:hover .project-link{
  border-color:var(--text);
}

@media (max-width:900px){
  .project-sticky-head{
    top:76px;
  }

  .project-row{
    grid-template-columns:1fr;
    gap:14px;
  }

  .project-row-copy{
    max-width:none;
  }
}

@media (max-width:760px){
  .project-page-title{
    padding:8px 18px 12px;
  }

  .project-title-rule{
    margin:0 auto 18px;
    padding:0 18px;
  }

  .project-list.project-list-compact{
    padding:0 18px;
    gap:24px;
  }

  .project-row-copy h2{
    margin-bottom:8px;
  }

  .project-row-copy p{
    font-size:.97rem;
    line-height:1.58;
  }
}

/* Karlgårdsbron viewer – safe override */
.lightbox,
.lightbox-topbar,
.lightbox-inner,
.lightbox-stage,
.lightbox-frame{
  background:#fff !important;
}

.lightbox .top-nav a,
.lightbox .top-nav a:visited,
.lightbox .home-btn,
.lightbox .edge-nav,
.lightbox .lightbox-caption{
  color:#111 !important;
}

.lightbox .home-btn path{
  stroke:#111 !important;
}

.lightbox-title-rule .line{
  background:#d8d8d8 !important;
}

.lightbox img{
  height:78vh !important;
  width:auto !important;
  max-width:min(82vw,1400px) !important;
  max-height:none !important;
  object-fit:contain !important;
  background:#fff !important;
}

@media (max-width:760px){
  .lightbox img{
    height:auto !important;
    max-height:calc(100vh - 250px) !important;
    max-width:90vw !important;
  }
}
/* Karlgårdsbron – gridikon och thumb-galleri */
.project-grid-link{
  display:grid;
  grid-template-columns:repeat(3, 8px);
  grid-auto-rows:8px;
  gap:3px;
  margin:0 auto 14px;
  width:max-content;
}
.project-grid-link span{
  display:block;
  width:8px;
  height:8px;
  border:1px solid #111;
  background:transparent;
}

.project-grid-page{
  max-width:1360px;
  margin:0 auto;
  padding:0 24px 84px;
}

.project-grid-wrap{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}

.project-thumb-card{
  display:block;
  border:1px solid var(--line);
  background:#fff;
  overflow:hidden;
}

.project-thumb-card img{
  display:block;
  width:100%;
  height:240px;
  object-fit:cover;
}

.project-thumb-card.is-active{
  border-color:#111;
}

.project-thumb-card:hover{
  border-color:var(--line-2);
}

@media (max-width:900px){
  .project-grid-wrap{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width:760px){
  .project-grid-wrap{
    grid-template-columns:repeat(2, 1fr);
    gap:10px;
  }

  .project-thumb-card img{
    height:180px;
  }
}
/* Projektviewer – samma höjd och samma överkant */
.lightbox-inner{
  display:block !important;
  padding:10px 10px 10px !important;
}

.lightbox-stage{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

.lightbox-frame{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  background:#fff !important;
}

.lightbox img{
  display:block !important;
  height:68vh !important;
  width:auto !important;
  max-width:min(82vw,1400px) !important;
  max-height:none !important;
  object-fit:contain !important;
  margin:0 auto !important;
  border:1px solid rgba(0,0,0,.85) !important;
  background:#fff !important;
}

.project-grid-link{
  margin:0 auto 14px !important;
}

@media (max-width:760px){
  .lightbox-inner{
    padding:16px 14px 24px !important;
  }

  .lightbox img{
    height:auto !important;
    max-height:calc(100vh - 250px) !important;
    max-width:90vw !important;
  }
}
/* Projektsida – förfinad editorial version */
.project-title-rule-compact{
  margin:22px auto 18px;
}

.project-list-page-refined{
  padding:8 0 82px;
}

.project-list-refined{
  gap:34px;
}

.project-row-refined{
  position:relative;
  grid-template-columns:minmax(280px, 36%) minmax(0, 1fr);
  gap:26px;
  align-items:center;
  padding:10px 0 18px;
  border-bottom:1px solid rgba(0,0,0,.06);
  transition:transform .22s ease, opacity .22s ease;
}

.project-row-refined::before{
  content:"";
  position:absolute;
  inset:-6px -10px;
  background:linear-gradient(180deg, rgba(0,0,0,.018), rgba(0,0,0,.008));
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}

.project-row-refined:hover::before{
  opacity:1;
}

.project-row-refined:hover{
  transform:translateY(-1px);
}

.project-row-refined:hover .project-row-image-refined img{
  transform:scale(1.018);
}

.project-row-refined:hover .project-row-copy-refined h2 a,
.project-row-refined:hover .project-link-refined{
  color:#111;
}

.project-row-refined:hover .project-link-refined{
  border-color:#111;
}

.project-row-image-refined{
  aspect-ratio:1.7 / 1;
  background:#f3f3f3;
  border:1px solid rgba(0,0,0,.08);
}

.project-row-image-refined img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.project-row-copy-refined{
  max-width:760px;
  padding-top:0;
}

.project-row-copy-refined h2{
  margin:0 0 10px;
  font-size:clamp(1.34rem,1.9vw,1.9rem);
}

.project-row-copy-refined h2 a{
  transition:color .22s ease;
}

.project-row-copy-refined p{
  margin:0 0 14px;
  max-width:64ch;
  color:#5a5a5a;
  line-height:1.62;
}

.project-link-refined{
  font-size:.98rem;
  border-bottom:1px solid transparent;
  transition:border-color .22s ease, color .22s ease;
}

.project-link-refined span{
  display:inline-block;
  transition:transform .22s ease;
}

.project-row-refined:hover .project-link-refined span{
  transform:translateX(2px);
}

@media (max-width:900px){
  .project-list-refined{
    gap:26px;
  }

  .project-row-refined{
    grid-template-columns:1fr;
    gap:14px;
    padding:0 0 22px;
  }

  .project-row-refined::before{
    inset:-4px -6px;
  }

  .project-row-copy-refined p{
    max-width:none;
  }
}

@media (max-width:760px){
  .project-title-rule-compact{
    margin:10 auto 14px;
  }

  .project-list-page-refined{
    padding:4 0 82px;
  }

  .project-row-refined{
    gap:12px;
    padding:0 0 20px;
  }

  .project-row-copy-refined h2{
    margin-bottom:8px;
    font-size:clamp(1.24rem, 5.6vw, 1.62rem);
  }

  .project-row-copy-refined p{
    margin-bottom:12px;
    font-size:.97rem;
    line-height:1.58;
  }
}

/* v22 - hard reset for lightbox image sizing and border */
.lightbox .lightbox-inner{
  display:block !important;
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  top:96px !important;
  bottom:0 !important;
  padding:10px 10px 10px !important;
}

.lightbox .lightbox-stage{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

.lightbox .lightbox-frame{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  gap:14px !important;
  background:#fff !important;
}

.lightbox .lightbox-frame > img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:min(82vw, 1400px) !important;
  max-height:68vh !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:1px solid rgba(0,0,0,.85) !important;
  outline:none !important;
  box-shadow:none !important;
  background:#fff !important;
}

@media (max-width:760px){
  .lightbox .lightbox-inner{
    top:90px !important;
    padding:16px 14px 24px !important;
  }

  .lightbox .lightbox-frame > img{
    max-width:90vw !important;
    max-height:calc(100vh - 250px) !important;
    width:auto !important;
    height:auto !important;
  }
}