@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:#103b80;--surface:#103b80;--ink:#edf6ff;--accent:#a3dbff;--button-ink:#103b80;--line:#80a7da66}body{background-image:linear-gradient(#b1d0ff0d 1px,transparent 1px),linear-gradient(90deg,#b1d0ff0d 1px,transparent 1px);background-size:24px 24px}h1,h2,h3{letter-spacing:-.065em}.site-header{border-bottom:1px solid var(--line)}.hero{grid-template-columns:1.1fr 1.2fr}.drawing{border:1px solid #b5d5ff;padding:30px;position:relative;box-shadow:12px 12px 0 #081f4933}.drawing:before,.drawing:after{content:'+';position:absolute;font-size:24px;line-height:1;top:-12px;left:-8px}.drawing:after{left:auto;right:-8px;top:auto;bottom:-12px}.drawing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;font:12px/1.6 Display,monospace}.drawing-grid b{display:block;font-size:30px}.drawing-foot{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:9px}.drawing .flow{margin:40px 0}.service{border-top:1px dashed var(--line);padding-top:22px}.case{position:relative;border:1px solid #b1d0ff99;padding:36px}.case-intro{border-bottom:1px dashed var(--line);padding-bottom:22px}.case-no{font-size:48px}.case .flow{max-width:760px;border-bottom:1px solid var(--line);padding-bottom:18px}.case-detail{grid-template-columns:1fr 2fr 1fr;gap:30px}.case-detail .build{grid-row:span 2}.case-detail .benefit{grid-column:3;grid-row:1 / span 2}.process-grid li{border:1px dashed var(--line);padding:22px}.evidence{border-top:1px solid var(--line)}.contact{position:relative}.contact:after{content:'↗';position:absolute;right:30px;top:75px;font-size:200px;font-family:system-ui;opacity:.3}@media(max-width:1000px){.case-detail{grid-template-columns:1fr 1.5fr}.case-detail .benefit{grid-column:1;grid-row:auto}.hero{grid-template-columns:1fr}.drawing{max-width:760px}}@media(max-width:700px){.case-detail{grid-template-columns:1fr}.case-detail .benefit{grid-column:auto}.case-detail .build{grid-row:auto}.drawing{padding:20px}.contact:after{display:none}.case{padding:23px}.process-grid li{padding:15px}.drawing-grid{font-size:10px}}

/* 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}
@media(max-width:700px){.service-grid{grid-template-columns:1fr}.service h3{font-size:25px}.service p{font-size:15px}}

.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}}