@font-face{font-family:Display;src:url("letur.woff2") format("woff2");font-display:swap;font-weight:100 900}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img,svg{max-width:100%}img{display:block}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;z-index:20;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:12px}.site-header{max-width:1320px;margin:auto;padding:30px 48px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand img{height:36px;width:auto}.site-header nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:600}.site-header nav a{text-decoration:none}.nav-cta{border:1px solid currentColor;padding:9px 15px}.page{max-width:1320px;margin:auto;padding:0 48px}.hero{padding:76px 0 88px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.eyebrow,.client,.duration,.file-label,.plate-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.eyebrow{margin:0 0 24px}h1,h2,h3{font-family:Display,system-ui;line-height:1.08;font-weight:600;margin:0;letter-spacing:-.045em}h1{font-size:clamp(46px,5.4vw,78px)}h2{font-size:clamp(35px,4vw,55px)}h3{font-size:26px}h4{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}p{margin:14px 0 0}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:550px;margin-top:25px}.hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:32px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:15px 24px;background:var(--accent);color:var(--button-ink);font-weight:700;text-decoration:none;line-height:1.3}.secondary{font-size:13px;font-weight:700}.hero-art{min-width:0}.section{padding:86px 0;border-top:1px solid var(--line)}.section-heading{max-width:710px;margin-bottom:45px}.section-heading>p:last-child{max-width:600px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.service-no{font-size:12px;display:block;margin-bottom:28px}.service h3{font-size:23px}.service p{font-size:14px}.case-grid{display:grid;gap:32px}.case{min-width:0;padding:32px;border:1px solid var(--line);background:var(--surface)}.case-intro{display:flex;gap:22px;align-items:flex-start;margin-bottom:30px}.case-no{font-family:Display,system-ui;font-size:32px;line-height:1.3;opacity:.65}.client{margin:0 0 10px;font-size:10px}.case-detail{display:grid;grid-template-columns:1fr 1.7fr;gap:28px 48px}.case-detail p,.case-detail li,.before p,.after li,.story-bottom p{font-size:14px}.case ol{padding-left:22px;margin:0}.case li{padding-left:4px;margin-bottom:12px}.benefit{border-left:3px solid var(--accent);padding-left:20px}.case-detail .build{grid-row:span 2}.technology p{opacity:.8}.flow{display:block;width:100%;margin:20px 0 30px;stroke:currentColor;stroke-width:1.4;fill:none}.flow rect{fill:var(--surface)}.flow text{fill:currentColor;stroke:none;font:12px system-ui;text-anchor:middle}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0}.process-grid h3{font-size:23px}.process-grid p{font-size:14px}.step{font-family:Display;font-size:40px;display:block}.duration{margin:15px 0}.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0 45px}.evidence strong{font-size:22px;font-family:Display;display:block}.evidence span{font-size:12px;display:block;margin-top:8px}.contact{padding:90px 0}.contact h2{font-size:clamp(42px,5.5vw,80px)}.contact>p:not(.eyebrow){max-width:630px;margin:24px 0 28px}.email{display:block;width:fit-content;margin-top:22px;font-size:15px}.site-footer{padding:30px 0;border-top:1px solid var(--line);display:flex;gap:22px;justify-content:space-between;font-size:12px}.site-footer p{margin:0}.site-footer a{white-space:nowrap}.code{padding:25px;background:var(--surface);font-family:Display,monospace;border:1px solid var(--line);font-size:14px;line-height:1.9}.window-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.04em;padding:10px 15px;background:var(--ink);color:var(--bg)}.window-bar span{margin-left:auto}.dot{width:8px;height:8px;display:inline-block;background:var(--accent);border-radius:100%;margin-right:8px}@media(max-width:1000px){.site-header,.page{padding-left:28px;padding-right:28px}.hero{gap:30px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.hero-copy>p:not(.eyebrow){font-size:17px}}@media(max-width:700px){.site-header{padding:22px 20px;flex-wrap:wrap;gap:20px}.site-header nav{width:100%;gap:19px;justify-content:space-between;font-size:11px}.brand img{height:32px}.nav-cta{padding:6px 10px}.page{padding:0 20px}.hero{grid-template-columns:1fr;padding:40px 0 55px;gap:35px}h1{font-size:48px}h2{font-size:36px}.section{padding:55px 0}.section-heading{margin-bottom:30px}.service-grid{gap:28px 20px}.service h3{font-size:21px}.service-no{margin-bottom:14px}.case{padding:22px}.case-intro{gap:15px}.case h3{font-size:26px}.case-detail{grid-template-columns:1fr;gap:24px}.case-detail .build{grid-row:auto}.case-grid{gap:24px}.evidence{grid-template-columns:1fr;gap:20px}.evidence div{border-bottom:1px solid var(--line);padding-bottom:20px}.evidence strong{font-size:25px}.process-grid{gap:30px 22px}.contact{padding:55px 0}.site-footer{flex-wrap:wrap;gap:15px}.flow text{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
 :root{--bg:#fbfaff;--surface:#fff;--ink:#30294a;--accent:#7654ce;--button-ink:#fff;--line:#ddd5f1}.site-header{border-bottom:1px solid var(--line)}h1{font-size:clamp(52px,6vw,86px)}.hero{gap:45px}.node-map{padding:35px 20px;border-radius:20px;border:1px solid var(--line);background-image:radial-gradient(#d1c7e6 1px,transparent 1px);background-size:15px 15px}.node-top,.node-bottom{display:flex;gap:20px;justify-content:space-around;align-items:center;font-size:12px}.node-top{padding-bottom:25px}.node-top span,.node-bottom span{background:white;border:1px solid var(--line);padding:8px 14px;border-radius:8px}.node-map .flow{color:var(--accent);margin:0 0 20px}.node-bottom{padding-top:12px}.service-grid{grid-template-columns:1fr 1fr;gap:50px 70px}.service{position:relative;border-left:2px solid var(--line);padding-left:30px}.service:before{content:'';width:12px;height:12px;position:absolute;left:-7px;top:0;border-radius:50%;background:var(--accent)}.service-no{color:var(--accent);margin-bottom:12px}.service h3{font-size:28px}.service p{font-size:16px}.work .section-heading{margin:auto;text-align:center;max-width:750px;padding-bottom:50px}.work .section-heading>p:last-child{margin:20px auto 0}.case-grid{position:relative;gap:70px;padding:0 40px}.case-grid:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line)}.case{position:relative;border-radius:22px;border:1px solid var(--line);padding:38px;box-shadow:0 10px 30px #684f8b08}.case:before{content:'';position:absolute;width:14px;height:14px;border:3px solid var(--bg);background:var(--accent);border-radius:100%;top:-44px;left:calc(50% - 7px)}.case .flow{border:1px solid var(--line);border-radius:12px;background:#f7f4fd;padding:10px;color:var(--accent);margin-bottom:35px}.case-intro{align-items:center}.case-no{font-size:20px;border:1px solid var(--line);border-radius:100%;width:50px;height:50px;display:grid;place-items:center;flex-shrink:0;color:var(--accent);opacity:1}.case h3{font-size:32px}.benefit{background:#f2eefb;border:0;border-radius:10px;padding:20px}.evidence{border:1px solid var(--line);padding:26px 35px;border-radius:15px}.process-grid{gap:20px}.process-grid li{border-top:2px solid var(--line);padding-top:22px;position:relative}.process-grid .step{color:var(--accent)}.contact{border-top:1px solid var(--line);text-align:center}.contact p:not(.eyebrow){margin:28px auto}.contact .email{margin:22px auto}.button{border-radius:10px}.contact h2{font-size:clamp(50px,7vw,95px)}@media(max-width:700px){.service-grid{grid-template-columns:1fr;gap:32px}.service h3{font-size:26px}.node-map{padding:25px 10px}.node-top,.node-bottom{gap:10px;font-size:10px}.node-top span,.node-bottom span{padding:7px 10px}.case-grid{padding:0;gap:55px}.case{padding:23px}.case h3{font-size:27px}.case-intro{gap:13px}.case-no{width:40px;height:40px;font-size:18px}.case:before{top:-35px}.case .flow{padding:0;border-radius:5px}.evidence{padding:25px}.evidence div:last-child{border:0;padding:0}}

/* Rúm fyrir íslensk samsett orð í þröngum dálkum. */
.hero-copy,.service,.process-grid>li,.section-heading>*{min-width:0}h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.day-comparison>div,.manifesto>*{min-width:0}

.flow-mobile{display:none}@media(max-width:700px){.flow:not(.flow-mobile){display:none}.flow-mobile{display:block;max-width:300px;margin:25px auto}.flow-mobile text{font-size:14px}.drawing .flow-mobile{margin:30px auto}.node-map .flow-mobile{margin:20px auto}.case .flow-mobile{padding:10px}.drawing-grid{font-size:11px}}
