/* Aukasíðurnar: Leikum saman, Að vera vinir, Staðirnir og Væntanlegt. */
main{padding:30px 0 40px}

.hetja{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:0 max(16px,4vw);margin:0 auto 70px;max-width:1240px}
.hetja-texti .stimpill{margin:0 0 10px 4px}
.hetja h1{font-family:var(--hand);font-weight:400;font-size:clamp(52px,8vw,96px);line-height:.92;margin:4px 0 16px;transform:rotate(-2deg)}
.hetja-texti>p{font-size:18px;line-height:1.55;color:var(--soft);margin:0 0 22px;max-width:520px}
.hetja-takkar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}

.vikan{--c:var(--gul);--t:var(--gul-t);padding:30px 24px 22px}
.vikan::before{border-width:3px;box-shadow:8px 9px 0 var(--c);border-radius:28px 16px 30px 14px}
.vikan-merki{position:absolute;top:-15px;left:20px;font-family:var(--hand);font-size:17px;background:var(--ink);color:var(--paper);padding:5px 13px 3px;border-radius:10px 6px 12px 5px;transform:rotate(-3deg)}
.vikan h2{font-family:var(--hand);font-weight:400;font-size:44px;line-height:1;margin:14px 0 8px}
.vikan>p{font-size:17px;margin:0 0 14px}
.vikan .vinatturad{margin-bottom:16px}

.siur{margin:-6px 0 22px}
.leikur{display:grid;grid-template-rows:auto auto 1fr auto;justify-items:start;gap:4px;border:0;background:none;text-align:left;transform:rotate(var(--tilt,0deg));transition:transform .18s cubic-bezier(.2,1.4,.4,1);animation:inn .35s both;animation-delay:calc(var(--i,0)*40ms)}
.leikur p{font-size:15px}
.leikur .meta{margin:10px 0 0;font-size:13.5px}
@media(hover:hover){.leikur:hover{transform:rotate(0) translateY(-6px) scale(1.03)}.leikur:hover .titil-takn{animation:wiggle .5s ease-in-out}}

.gluggi h2{font-family:var(--hand);font-weight:400;font-size:40px;line-height:1;margin:0 40px 10px 0}
.skref{margin:4px 0 16px;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.skref li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;font-size:16px}
.skref li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border:2.5px solid var(--ink);border-radius:50% 45% 50% 42%;background:var(--paper);font-family:var(--hand);font-size:19px}
.tharf{font-size:15px;margin:0 0 12px}
.gluggi-takkar{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* Kort */
.kort-rammi{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.kort{padding:12px;min-width:0}
.kort-skrun{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kort svg{display:block;width:100%;height:auto}
.kort-strjuka{display:none;margin:6px 0 0;text-align:center;font-size:13px;color:var(--soft)}
.k-texti{font-family:var(--hand);fill:var(--ink)}
.k-texti-ljos{font-family:var(--hand)}
.kort [data-k]{cursor:pointer;outline:none}
.kort .stofa rect{transition:fill .15s,stroke-width .15s}
.kort .stofa:hover rect,.kort .stofa:focus-visible rect{stroke-width:3.5}
.kort .stofa.valinn rect{stroke-width:4}
.kort .k-takki{transition:transform .15s;transform-box:fill-box;transform-origin:center}
.kort .k-takki:hover,.kort .k-takki:focus-visible,.kort .k-takki.valinn{transform:scale(1.06) rotate(-2deg)}
.pinni circle{stroke:var(--ink);stroke-width:3;transition:r .15s}
.pinni text{font-family:var(--hand);font-size:22px;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.pinni:hover circle,.pinni:focus-visible circle{r:21}
.pinni.valinn circle{r:22;stroke-width:4}
.pinni .hringur{fill:none;stroke:var(--ink);stroke-dasharray:4 5;opacity:0;stroke-width:2}
.pinni.valinn .hringur,.pinni:focus-visible .hringur{opacity:1}
.kort .vinastadur-pinni path,.kort .pinni path{transition:transform .15s;transform-box:fill-box;transform-origin:center}
.kort .pinni.valinn path{transform:scale(1.25) rotate(12deg)}

.kort-upplysingar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:26px;align-items:start}
.stadur-spjald h3{margin:0 0 6px}
.stadur-undir{margin:0 0 2px;font-family:var(--hand);font-size:16px;color:var(--soft)}
.stadur-spjald p{font-size:15.5px}
.stadur-leikir{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.stad-hopar{display:grid;gap:14px}
.stad-hopur h4{margin:0 0 6px;font-family:var(--hand);font-weight:400;font-size:19px}
.stad-hopur>div{display:flex;flex-wrap:wrap;gap:8px}

/* Vinátta */
.vinatta-rammi{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}
.vinatta{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:22px 18px}
.vinatta .spjald{padding:14px 14px 12px}
.vinatta .takn{font-size:34px;line-height:1;display:block;margin-bottom:4px}
.vinatta h3{font-size:21px}
.vinatta p{font-size:14.5px}
.askorun-rammi{position:sticky;top:96px;perspective:900px}
.askorun{position:relative;width:100%;aspect-ratio:3/4;border:0;padding:0;background:none;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,1.2,.4,1)}
.askorun>span{position:absolute;inset:0;display:grid;place-content:center;gap:10px;padding:22px;text-align:center;backface-visibility:hidden;border:3px solid var(--ink);border-radius:22px 14px 26px 12px;box-shadow:7px 8px 0 var(--ink)}
.askorun-bak{background:repeating-linear-gradient(45deg,var(--bleik) 0 14px,var(--bleik-t) 14px 28px)}
.askorun-bak b{font-family:var(--hand);font-weight:400;font-size:34px;line-height:1;background:var(--paper);border:2.5px solid var(--ink);border-radius:12px 8px 14px 7px;padding:8px 10px 4px;transform:rotate(-4deg)}
.askorun-bak span{font-size:15px;background:var(--paper);border-radius:8px;padding:4px 8px}
.askorun-framan{background:var(--paper);transform:rotateY(180deg)}
.askorun-framan small{font-family:var(--hand);font-size:17px;color:var(--soft)}
.askorun-framan strong{font-family:var(--hand);font-weight:400;font-size:28px;line-height:1.1}
.askorun-framan em{font-style:normal;font-size:14px;color:var(--soft)}
.askorun.snuid{transform:rotateY(180deg)}

.leid .stimpill{position:absolute;top:-12px;right:10px}
.leid .takn{font-size:40px;line-height:1;display:block;margin-bottom:6px}
.synis-hlekkur{margin:22px 0 0;font-family:var(--hand);font-size:21px}
.synis-hlekkur a{color:var(--ink)}


@media(max-width:900px){
 .hetja{grid-template-columns:minmax(0,1fr);gap:44px}
 .vinatta-rammi,.kort-upplysingar{grid-template-columns:minmax(0,1fr)}
 .askorun-rammi{position:static;max-width:300px;width:100%;margin:0 auto}
}
@media(max-width:640px){
 .top .deila{display:none}
 .kort svg{min-width:660px}
 .kort-strjuka{display:block}
 .hetja h1{font-size:56px}
 .krakkar .andlit{width:54px;height:54px;margin-right:-12px}
 .vikan h2{font-size:36px}
 .leikur{min-height:0}
 .vinatta{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:18px 14px}
}

/* Haus aukasíðu */
.sidu-hetja{padding:0 max(16px,4vw);margin:10px auto 40px;max-width:1240px}
.sidu-hetja .stimpill{margin:0 0 8px 4px}
.sidu-hetja h1{font-family:var(--hand);font-weight:400;font-size:clamp(46px,7vw,84px);line-height:.95;margin:4px 0 14px;transform:rotate(-2deg)}
.sidu-hetja>p{font-size:18px;line-height:1.55;color:var(--soft);margin:0;max-width:620px}