*{box-sizing:border-box}:root{--bg:#080808;--fg:#f5f3ef;--muted:#9b9b97;--gold:#f4c77e;--line:#242424}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:10;top:0;left:0;right:0;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,8,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:108px;display:block;mix-blend-mode:screen}.nav nav{display:flex;gap:30px;font-size:13px;color:#c9c7c2}.nav nav a:hover{color:var(--gold)}.lang{border:1px solid #444;background:transparent;color:var(--fg);padding:9px 12px;border-radius:999px;font-size:11px;cursor:pointer}.hero{min-height:100vh;padding:150px 7vw 80px;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:6vw}.hero-copy{max-width:900px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,8vw,126px);line-height:.93;letter-spacing:-.065em;margin:28px 0 34px;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--gold)}.lead{max-width:600px;color:#b8b6b1;font-size:17px;line-height:1.65}.button{display:inline-flex;gap:35px;align-items:center;margin-top:25px;padding:14px 18px;border:1px solid #555;border-radius:999px;font-size:13px}.button:hover{background:var(--fg);color:#080808}.hero-mark{justify-self:end;width:210px;color:#777;font-size:10px;letter-spacing:.15em}.hero-mark .line{height:1px;background:#333;margin:16px 0}.statement,.section{padding:130px 7vw;border-top:1px solid var(--line)}.statement h2,.section-head h2{font-size:clamp(42px,6vw,88px);line-height:1;letter-spacing:-.05em;margin:28px 0 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:65px}.section-head h2{margin:0;max-width:650px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.services article{background:var(--bg);padding:38px;min-height:310px}.services article>span{color:#666;font-size:12px}.services h3{font-size:25px;margin:80px 0 16px}.services p{color:#8e8d89;font-size:14px;line-height:1.7}.work-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:320px 260px;gap:14px}.work-card{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:25px;background:#181818;background-size:cover;background-position:center}.work-card.large{grid-row:span 2}.work-card:not(.has-image)::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#171717,#34312b)}.work-card:nth-child(2):not(.has-image)::before{background:linear-gradient(135deg,#111,#292929)}.work-card:nth-child(3):not(.has-image)::before{background:var(--gold)}.work-card div{position:relative;z-index:1;display:flex;justify-content:space-between;width:100%;font-size:11px;letter-spacing:.12em}.work-card span{opacity:.6}.work-card:nth-child(3){color:#080808}.note{color:#666;font-size:11px;margin-top:14px}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-grid h2{font-size:clamp(42px,6vw,80px);line-height:.98;letter-spacing:-.055em;margin:0}.about-grid p{color:#a4a29d;font-size:17px;line-height:1.75}.contact{padding:160px 7vw;background:#101010}.contact h2{font-size:clamp(48px,8vw,112px);line-height:.95;letter-spacing:-.065em;max-width:1000px;margin:25px 0 45px}.email{font-size:clamp(24px,4vw,55px);border-bottom:1px solid #555;padding-bottom:10px;display:inline-flex;gap:35px}.contact-small{margin-top:18px;color:#666;font-size:11px}footer{padding:30px 7vw;display:flex;justify-content:space-between;color:#666;font-size:10px;letter-spacing:.12em}@media(max-width:800px){.nav{height:68px;padding:0 20px}.brand img{width:88px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding:125px 22px 60px}.hero-mark{justify-self:start;margin-top:70px}.statement,.section,.contact{padding:85px 22px}.section-head{display:block;margin-bottom:45px}.section-head .eyebrow{margin-bottom:22px}.services{grid-template-columns:1fr}.services article{min-height:260px}.services h3{margin-top:55px}.work-grid{grid-template-columns:1fr;grid-template-rows:300px 220px 220px}.work-card.large{grid-row:auto}.about-grid{grid-template-columns:1fr;gap:45px}footer{padding:25px 22px}}

.work-card{position:relative;overflow:hidden}
.project-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.work-card>div{position:relative;z-index:2}
.work-card.has-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.38),rgba(0,0,0,0) 60%);z-index:1;pointer-events:none}


/* TWO PORTFOLIO LAYOUTS */
.portfolio-group{margin-top:78px}
.portfolio-group:first-child{margin-top:0}
.portfolio-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:600}
.portfolio-label span:last-child{color:#666;font-weight:400}
.portfolio-grid{display:grid;grid-template-columns:minmax(0,2fr) 146px 146px;grid-template-rows:260px 260px;gap:14px}
.portfolio-grid .work-card:nth-child(1){grid-column:1;grid-row:1 / 3}
.portfolio-grid .work-card:nth-child(2){grid-column:2 / 4;grid-row:1}
.portfolio-grid .work-card:nth-child(3){grid-column:2;grid-row:2;width:146px;height:260px}
.portfolio-grid .work-card:nth-child(4){grid-column:3;grid-row:2;width:146px;height:260px}
.portfolio-grid .work-card:nth-child(3) .project-video,
.portfolio-grid .work-card:nth-child(4) .project-video{object-fit:cover;object-position:center}
.portfolio-grid .empty-slot{border:1px dashed #2b2b2b;background:#0d0d0d;color:#444;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.12em}
@media(max-width:800px){.portfolio-group{margin-top:58px}.portfolio-grid{grid-template-columns:1fr;grid-template-rows:none}.portfolio-grid .work-card:nth-child(n),.portfolio-grid .empty-slot{grid-column:auto;grid-row:auto;width:100%;height:220px}.portfolio-grid .work-card:nth-child(1){height:300px}.portfolio-grid .work-card:nth-child(3),.portfolio-grid .work-card:nth-child(4){width:min(100%,220px);height:auto;aspect-ratio:9/16;justify-self:center}}


/* FASTEIGNALJOSMYNDUN — 16:9 VIDEO + 4 x 3:2 PHOTOS */
.property-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  grid-template-rows:auto;
  gap:14px;
  align-items:start;
}
.property-grid .work-card,
.property-grid .empty-slot{width:100%;height:auto;min-height:0}
.property-grid .work-card:nth-child(1),
.property-grid .empty-slot:nth-child(1){
  grid-column:1;
  grid-row:1 / 3;
  aspect-ratio:16 / 9;
}
.property-grid .work-card:nth-child(n+2),
.property-grid .empty-slot:nth-child(n+2){aspect-ratio:3 / 2}
.property-grid .work-card:nth-child(2),
.property-grid .empty-slot:nth-child(2){grid-column:2;grid-row:1}
.property-grid .work-card:nth-child(3),
.property-grid .empty-slot:nth-child(3){grid-column:3;grid-row:1}
.property-grid .work-card:nth-child(4),
.property-grid .empty-slot:nth-child(4){grid-column:2;grid-row:2}
.property-grid .work-card:nth-child(5),
.property-grid .empty-slot:nth-child(5){grid-column:3;grid-row:2}
.property-grid{
  grid-template-columns:minmax(0,1.2fr) minmax(0,.5fr) minmax(0,.5fr);
}
.property-grid .project-video{object-fit:cover;object-position:center}
@media(max-width:800px){
  .property-grid{grid-template-columns:1fr;grid-template-rows:none}
  .property-grid .work-card:nth-child(n),
  .property-grid .empty-slot:nth-child(n){grid-column:auto;grid-row:auto;width:100%;height:auto}
  .property-grid .work-card:nth-child(1),
  .property-grid .empty-slot:nth-child(1){aspect-ratio:16/9}
  .property-grid .work-card:nth-child(n+2),
  .property-grid .empty-slot:nth-child(n+2){aspect-ratio:3/2}
}
/* Fix Chrome video color/rendering while scrolling */
.project-video {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    isolation: isolate;
}

.work-card {
    transform: translateZ(0);
    isolation: isolate;
}
.work-card.has-media::after {
    background: linear-gradient(
        to top,
        rgba(0,0,0,.38),
        rgba(0,0,0,0) 60%
    );
}\n\n/* BOOKING / CAL.COM */
.booking-section{background:#0b0b0b}
.booking-head{align-items:flex-start}
.booking-head>div{max-width:720px}
.booking-intro{max-width:430px;color:#9d9b96;font-size:15px;line-height:1.75;margin:8px 0 0}
.booking-shell{border:1px solid var(--line);background:#080808;min-height:680px;overflow:hidden}
.cal-inline{width:100%;min-height:680px;overflow:auto}
.cal-inline iframe{width:100%!important;min-height:680px!important;border:0!important}
.booking-fallback{padding:70px 7vw;text-align:center;color:#a4a29d}
.booking-fallback .button{color:var(--fg)}
@media(max-width:800px){.booking-head{display:block}.booking-intro{margin-top:24px}.booking-shell,.cal-inline,.cal-inline iframe{min-height:760px}}\n

/* BOOKING SERVICE SWITCHER — persistent choices */
.booking-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.booking-option{appearance:none;border:1px solid var(--line);background:#111;color:var(--fg);min-height:86px;padding:18px 20px;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;font:inherit;letter-spacing:.07em;text-transform:uppercase;transition:border-color .2s ease,background .2s ease,color .2s ease}
.booking-option:hover{border-color:#68645c;background:#151515}
.booking-option.active{background:var(--gold);border-color:var(--gold);color:#080808}
.booking-option-number{font-size:10px;opacity:.55;flex:0 0 auto}
.booking-option>span:last-child{font-size:12px;font-weight:600;line-height:1.35}
.cal-panel{display:none}
.cal-panel.active{display:block}
@media(max-width:800px){.booking-options{grid-template-columns:1fr}.booking-option{min-height:68px;padding:14px 16px}.booking-option>span:last-child{font-size:11px}}


/* BOOKING V2 — premium horizontal service cards, same ONE SHOT font */
.booking-section{background:#090909;padding-top:112px}
.booking-head{display:block;text-align:center;margin:0 auto 42px;max-width:980px}
.booking-head>div{max-width:none}
.booking-head .eyebrow{margin-bottom:18px}
.booking-head h2{max-width:none;margin:0;font-size:clamp(42px,5vw,74px);letter-spacing:-.045em}
.booking-intro{max-width:680px;margin:18px auto 0;color:#aaa7a1;font-size:15px;line-height:1.7}

.booking-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto 26px;width:100%}
.booking-option{appearance:none;border:1px solid #4d4333;background:linear-gradient(180deg,#111,#0e0e0e);color:var(--fg);min-height:112px;padding:24px 28px;display:flex;align-items:center;gap:22px;text-align:left;cursor:pointer;font:inherit;letter-spacing:0;text-transform:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.booking-option:hover{border-color:var(--gold);background:#131313;transform:translateY(-2px)}
.booking-option.active{background:linear-gradient(135deg,#f6d997,var(--gold));border-color:var(--gold);color:#090909;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.booking-option-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;color:var(--gold)}
.booking-option.active .booking-option-icon{color:#090909}
.booking-option-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.booking-option-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.booking-option-copy strong{font:inherit;font-size:13px;font-weight:650;line-height:1.25;letter-spacing:.055em;text-transform:uppercase}
.booking-option-copy small{font:inherit;font-size:12px;line-height:1.35;color:#aaa7a1;letter-spacing:0;text-transform:none}
.booking-option.active .booking-option-copy small{color:rgba(9,9,9,.72)}
.booking-option-number{display:none}

.booking-shell{border:1px solid #303030;background:#0b0b0b;min-height:680px;overflow:hidden;border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.20)}
.cal-inline{width:100%;min-height:680px;overflow:auto;background:#0b0b0b}
.cal-inline iframe{width:100%!important;min-height:680px!important;border:0!important;background:#0b0b0b}

@media(max-width:1050px){
  .booking-option{padding:22px 20px;gap:16px}
  .booking-option-icon{width:34px;height:34px;flex-basis:34px}
  .booking-option-icon svg{width:29px;height:29px}
  .booking-option-copy strong{font-size:11px}
  .booking-option-copy small{font-size:11px}
}
@media(max-width:800px){
  .booking-section{padding-top:85px}
  .booking-head{text-align:left;margin-bottom:34px}
  .booking-intro{margin:16px 0 0}
  .booking-options{grid-template-columns:1fr;gap:10px}
  .booking-option{min-height:86px;padding:18px 20px}
  .booking-shell,.cal-inline,.cal-inline iframe{min-height:760px}
}


/* ONE SHOT BUILDER — dynamic design controls */
.nav{padding-left:calc(var(--builder-horizontal-pad,7vw));padding-right:calc(var(--builder-horizontal-pad,7vw))}
.nav nav{gap:var(--builder-nav-gap,30px)}
.nav nav[data-align="left"]{margin-right:auto;margin-left:36px}
.nav nav[data-align="center"]{margin-left:auto;margin-right:auto}
.nav nav[data-align="right"]{margin-left:auto;margin-right:36px}
.statement,.section,.contact{padding-top:var(--builder-section-pad,130px);padding-bottom:var(--builder-section-pad,130px);padding-left:var(--builder-horizontal-pad,7vw);padding-right:var(--builder-horizontal-pad,7vw)}
.hero{padding-left:var(--builder-horizontal-pad,7vw);padding-right:var(--builder-horizontal-pad,7vw)}
.builder-section{position:relative;isolation:isolate;overflow:hidden}
.builder-section>*:not(.builder-bg-media):not(.builder-bg-overlay){position:relative;z-index:2}
.builder-bg-media,.builder-bg-overlay{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none}
.builder-bg-media{object-fit:cover}
.builder-bg-overlay{z-index:1!important}
.builder-hidden{display:none!important}
.builder-boxed>*:not(.builder-bg-media):not(.builder-bg-overlay){max-width:1180px;margin-left:auto;margin-right:auto}
.builder-section[data-align="center"] .section-head,.builder-section[data-align="center"] .about-grid,.builder-section[data-align="center"] .booking-head{justify-items:center;text-align:center}
.builder-section[data-align="center"] .section-head{justify-content:center;flex-direction:column;align-items:center}
.builder-section[data-align="center"] .booking-intro,.builder-section[data-align="center"] .lead{margin-left:auto;margin-right:auto}
.builder-section[data-align="right"] .section-head,.builder-section[data-align="right"] .booking-head{text-align:right;justify-content:flex-end}
.builder-section[data-align="right"] .about-grid{text-align:right}
.booking-options{grid-template-columns:repeat(var(--booking-columns,3),minmax(0,1fr))!important}
@media(max-width:800px){.nav nav[data-align]{margin:0}.statement,.section,.contact{padding-left:22px;padding-right:22px}.hero{padding-left:22px;padding-right:22px}.booking-options{grid-template-columns:1fr!important}}

/* =========================================================
   AUGLÝSINGAGERÐ — 3 x 16:9 + 3 x 9:16
   01 + 02 landscape on top
   03 landscape bottom-left
   04 + 05 + 06 vertical bottom-right
   ========================================================= */
.ads-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:auto auto;
  gap:14px;
  align-items:start;
}

.ads-grid .work-card,
.ads-grid .empty-slot{
  width:100%;
  height:auto;
  min-height:0;
}

/* 01 — 16:9 */
.ads-grid .work-card:nth-child(1),
.ads-grid .empty-slot:nth-child(1){
  grid-column:1 / 4;
  grid-row:1;
  aspect-ratio:16 / 9;
}

/* 02 — 16:9 */
.ads-grid .work-card:nth-child(2),
.ads-grid .empty-slot:nth-child(2){
  grid-column:4 / 7;
  grid-row:1;
  aspect-ratio:16 / 9;
}

/* 03 — 16:9 */
.ads-grid .work-card:nth-child(3),
.ads-grid .empty-slot:nth-child(3){
  grid-column:1 / 4;
  grid-row:2;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  color:var(--fg);
}

/* 04 / 05 / 06 — 9:16 */
.ads-grid .work-card:nth-child(4),
.ads-grid .empty-slot:nth-child(4){
  grid-column:4 / 5;
  grid-row:2;
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
}
.ads-grid .work-card:nth-child(5),
.ads-grid .empty-slot:nth-child(5){
  grid-column:5 / 6;
  grid-row:2;
  aspect-ratio:9 / 16;
}
.ads-grid .work-card:nth-child(6),
.ads-grid .empty-slot:nth-child(6){
  grid-column:6 / 7;
  grid-row:2;
  aspect-ratio:9 / 16;
}

.ads-grid .project-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media(max-width:800px){
  .ads-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:none;
    gap:10px;
  }

  .ads-grid .work-card:nth-child(1),
  .ads-grid .empty-slot:nth-child(1),
  .ads-grid .work-card:nth-child(2),
  .ads-grid .empty-slot:nth-child(2),
  .ads-grid .work-card:nth-child(3),
  .ads-grid .empty-slot:nth-child(3){
    grid-column:1 / 4;
    grid-row:auto;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
  }

  .ads-grid .work-card:nth-child(4),
  .ads-grid .empty-slot:nth-child(4){
    grid-column:1;
    grid-row:auto;
    width:100%;
    height:auto;
    aspect-ratio:9 / 16;
  }
  .ads-grid .work-card:nth-child(5),
  .ads-grid .empty-slot:nth-child(5){
    grid-column:2;
    grid-row:auto;
    width:100%;
    height:auto;
    aspect-ratio:9 / 16;
  }
  .ads-grid .work-card:nth-child(6),
  .ads-grid .empty-slot:nth-child(6){
    grid-column:3;
    grid-row:auto;
    width:100%;
    height:auto;
    aspect-ratio:9 / 16;
  }
}
/* FIX: Property photos 02–05 are always 3:2 */
.property-grid .work-card:nth-child(n+2),
.property-grid .empty-slot:nth-child(n+2) {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
}

/* Don't inherit the dark Social-card text styling */
.property-grid .work-card:nth-child(3),
.property-grid .work-card:nth-child(4) {
    color: var(--fg);
}
/* Fela project-númer 01, 02, 03... */
.work-card > div > span {
    display: none !important;
}

/* Halda project-nafninu hægra megin */
.work-card > div {
    justify-content: flex-end !important;
}

/* Fela númer í tómum project-gluggum líka */
.empty-slot {
    font-size: 0 !important;
}

/* REAL ESTATE SUBPAGE LINK — synced with ONE SHOT */
.service-more{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
  padding:11px 15px;
  border:1px solid #4b4b4b;
  border-radius:999px;
  color:var(--fg);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.service-more span{opacity:.75}
.service-more:hover{background:var(--gold);border-color:var(--gold);color:#080808}