/* E&H / daylight: warm paper, ink and individual service colours. */
:root{color-scheme:light;--bg:#f3f0e8;--panel:#faf8f2;--text:#172c42;--muted:#536476;--line:#172c422b;--blue:#245cc4;--page-tint:#e4eaf5;--gutter:clamp(22px,5vw,88px)}
body{background:var(--bg)}
[data-page=telefonassistenter]{--page-tint:#dcece1;--blue:#2c6a50}
[data-page=grafisk-design],[data-page=visuelt-indhold]{--page-tint:#f1ded1;--blue:#9a4936}
[data-page=chatbots]{--page-tint:#e6e1f3;--blue:#63509b}
[data-page=om-os]{--page-tint:#e7e9cb;--blue:#556637}
[data-page=projekter]{--page-tint:#dfe8ed}
[data-page=indsigter]{--page-tint:#eae3d5;--blue:#735740}
::selection{background:#ccdcf6;color:#172c42}
.site-header{height:96px;background:#f3f0e8f5}
.brand-logo{width:184px}
.desktop-nav>a,.nav-dropdown>button{color:#425366}
.desktop-nav>a:hover,.nav-dropdown>button:hover{background:#e2e7eb;color:var(--text)}
.desktop-nav>a[aria-current],.nav-dropdown>button.is-current-section,.dropdown-panel a[aria-current]{background:#e0e8f5;border-color:#b6c8e5;color:#204d97;box-shadow:none}
.dropdown-panel{background:#faf8f2;border-radius:16px;box-shadow:0 16px 40px #172c4217}
.dropdown-panel a:hover{background:#e8edf1;border-radius:8px}
.button{background:var(--text);color:#fff;border-color:var(--text);border-radius:999px;min-height:52px;padding-inline:25px}
.button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.button.secondary{border-color:var(--line);color:var(--text)}
.button.secondary:hover{background:#e0e8f5}
.header-cta{min-height:44px;padding:12px 20px}.header-cta[aria-current]{background:#245cc4;color:white;border-color:#245cc4;box-shadow:none}
.menu-toggle{color:var(--text);border-radius:30px}
.text-link{border-color:#172c4260;color:var(--text)}
.text-link:hover,.breadcrumb a:hover,.form-actions .back:hover{color:var(--blue)}
.eyebrow{color:var(--muted);letter-spacing:.12em}.eyebrow:before{border-radius:50%}
.muted{color:var(--muted)}
/* A continuous, light kinetic composition behind the homepage. */
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#edf0e8}
.hero-motion{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(115deg,#f3f0e8 20%,#ebefe8 56%,#d9e6ef)}
.motion-grid{position:absolute;inset:0;background-image:linear-gradient(#334c6410 1px,transparent 1px),linear-gradient(90deg,#334c6410 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.motion-orbit{position:absolute;width:800px;height:360px;border:1px solid #436d9550;border-radius:50%;right:-240px;top:13%;transform:rotate(-35deg);animation:orbit-drift 24s ease-in-out infinite alternate}
.orbit-one{border-width:46px;border-color:#b7cce048;width:1050px;height:520px;right:-350px;top:2%}
.orbit-two{animation-delay:-8s;right:-160px;top:25%;border-width:2px}
.orbit-three{animation-delay:-16s;right:-140px;top:32%;width:660px}
.motion-sun{position:absolute;width:220px;height:220px;border-radius:50%;background:#dfba8c80;right:7%;top:3%;animation:sun-drift 17s ease-in-out infinite alternate;box-shadow:inset -25px -18px 60px #f3f0e888}
@keyframes orbit-drift{from{transform:translate(-25px,20px) rotate(-35deg)}to{transform:translate(80px,-30px) rotate(-12deg)}}
@keyframes sun-drift{to{transform:translate(-120px,110px) scale(.85)}}
.hero-motion.is-paused *{animation-play-state:paused!important}
.hero{min-height:710px;padding-top:70px;padding-bottom:40px;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:48px}
.hero h1{font-size:clamp(3.6rem,6.1vw,6.6rem);line-height:.99;letter-spacing:-.065em}
.hero h1 .second-line{display:block;font-size:.68em;line-height:1.15;margin-top:22px;color:#245cc4;letter-spacing:-.05em}
.hero .eyebrow,.hero p{color:#42576b}
.hero p{max-width:440px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:16px 24px}
.motion-control-row{display:flex;justify-content:space-between;align-items:center;padding-block:14px 24px;gap:20px;color:#536476;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}
.motion-toggle{background:#f9f8f0b8;border:1px solid var(--line);color:var(--text);font-size:.72rem;border-radius:99px;padding:8px 13px;letter-spacing:0;text-transform:none}
.motion-toggle span{margin-left:12px}.hero-bottom{background:var(--bg)}
.status-dot{background:#387157}.industry-strip{color:#526372}.industry-strip span+span:before{color:#8599a9}
.showroom{background:#faf9f1d9;border:1px solid #ffffff;box-shadow:0 28px 70px #294b6820;border-radius:22px;transform:rotate(1.5deg);padding:22px}
.showroom-heading{color:#526372}.showroom-window{box-shadow:0 8px 25px #172c4210;border-color:#d0d8de}
.showroom-tab,.showroom-pause{color:#42576b;border-color:#becbd5}
.showroom-tab[aria-selected=true]{background:#172c42;color:#fff;border-color:#172c42}
.showroom-tab:hover,.showroom-pause:hover{background:#dfe8f0;color:#172c42}
.hero .showroom-caption,.showroom-caption{color:#536476!important}
.hero .showroom-copy p{color:inherit}.showroom-bar{background:#f0f1ed;color:#536476}
/* Section rhythm, materials and details. */
.work-section{background:#e5ebee}.story-section{background:#ece9de}.passion-band{background:#e4e8d4}
.story-section h2 span{color:#566c55}.service-row:hover{background:#e7eaf0}
.service-row .number,.number{color:var(--blue)}.circle-arrow{border-color:#172c4240}
.project-meta p,.work-note,.process-card>span,.footer-bottom{color:var(--muted)}
.project-meta h3{color:var(--text)}.project-visual{border-radius:16px}.concept-badge{background:#f8f6f0;color:#243b4c;border-color:#243b4c30}
.process-card{border-color:var(--line)}.process-card h3{color:var(--text)}
.call-demo{background:#fafaf5;border-radius:24px;border-color:#c4d6cd;box-shadow:0 18px 55px #172c4210}
.call-icon{background:#dfede5;border-color:#bacfc3;color:#32634d}.demo-label{border-color:var(--line);color:var(--muted)}
.chat-line{background:#e8edea;color:#253d46}.chat-line.customer{background:#e1e9f5;color:#243c59}
.chat-line small{color:#516574}.booking-note{color:#36634d}
.faq-list details{padding:25px 0}.faq-list details[open]{background:#faf8f2;padding-inline:18px;border-radius:12px}
.faq-list summary{font-weight:500}.faq-list details p{color:var(--muted)}
.site-footer{background:#e9e7df}.footer-links{color:#4d5e70}.footer-links strong{color:var(--text)}
.filter-button,.pill{color:var(--text);border-radius:30px}.filter-button:hover{border-color:var(--text)}
.filter-button[aria-pressed=true]{background:var(--text);color:white}.filter-bar{gap:12px}
.article-cover{background:#dce7ee;border-radius:14px}.browser-bar{background:#cfd8df}.browser-bar i{background:#8194a4}
.device-pair{border-color:#b0bec9;background:#e2e8e9}.feature-step{opacity:.65}.feature-step.is-active{opacity:1}
.planning-note{background:#faf9f3}.process-number{border-color:#91a7bb}.article-aside{border-color:var(--line)}
/* Each main page has its own visual introduction. */
.distinctive-hero{max-width:1600px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:clamp(32px,6vw,90px);align-items:center;padding-block:80px 90px}
.page-hero-copy h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1.04}.page-hero-copy>p{margin-top:30px;max-width:600px;font-size:1.05rem;line-height:1.85}
.page-specimen{padding:28px;background:var(--page-tint);border-radius:5px 70px 5px 5px;min-width:0;position:relative;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:430px}
.specimen-index,.specimen-caption{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#485c6a}.specimen-index{margin-bottom:24px}.specimen-caption{margin-top:auto;padding-top:24px;border-top:1px solid #172c4220}
.page-specimen h2{font-size:1.55rem;letter-spacing:-.04em;margin-bottom:25px;line-height:1.2}
.mini-window{border:1px solid #99afc5;border-radius:8px;background:#faf9f2;transform:rotate(-4deg);margin:6px 5px 34px;box-shadow:12px 14px 0 #b4c5dd66;overflow:hidden}
.mini-window-bar{height:24px;display:flex;gap:4px;border-bottom:1px solid #172c4220;padding:9px}.mini-window-bar i{width:5px;height:5px;border-radius:50%;background:#90a7bf}
.mini-web-copy{font:500 1.8rem/1.05 var(--display);letter-spacing:-.045em;padding:20px}.mini-web-grid{display:flex;gap:8px;padding:0 20px}.mini-web-grid i{height:48px;flex:1;background:#cad9eb;border-radius:4px}.mini-web-grid i:nth-child(2){background:#dddac1}.mini-web-grid i:nth-child(3){background:#eacdb7}.mini-window>span{display:block;font-size:.7rem;padding:15px 20px}
.specimen-voice{border-radius:150px 150px 20px 20px;text-align:center;padding-top:48px}.signal-disc{width:190px;height:190px;border:1px solid #779886;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;box-shadow:0 0 0 18px #c9e0d350,0 0 0 38px #c9e0d330}
.signal-bars{display:flex;gap:7px;align-items:center}.signal-bars i{display:block;width:6px;height:var(--bar);background:#42775d;border-radius:10px}.specimen-chip{display:block;font-size:.73rem;margin-bottom:26px}
.specimen-design{border-radius:5px;overflow:visible}.design-stack{position:relative;padding:0 15px 24px;min-height:250px}.design-sheet{background:#f9f0d8;color:#894537;padding:22px;font:500 2.7rem/.94 var(--display);letter-spacing:-.06em;transform:rotate(-7deg);width:77%;min-height:210px;box-shadow:3px 7px 18px #713e3619}.design-sheet span{display:block;font:.55rem var(--body);letter-spacing:.07em;margin-top:24px}.design-card{position:absolute;right:0;bottom:26px;padding:22px;background:#839681;color:#fff;font:500 2.5rem var(--display);transform:rotate(8deg);box-shadow:0 7px 20px #172c421a}.design-card span{display:block;font:.6rem var(--body)}
.specimen-chat{border-radius:36px 36px 36px 5px}.specimen-conversation{padding:12px 0 28px;display:grid;gap:16px}.specimen-conversation>span{display:block;padding:16px;background:#faf8fd;border-radius:14px 14px 14px 2px;font-size:.85rem;max-width:90%;box-shadow:0 4px 8px #50447709}.specimen-conversation>span:first-child{background:#d0c6e9;margin-left:auto;border-radius:14px 14px 2px 14px}.specimen-conversation .conversation-dots{width:70px;font-size:1.3rem;letter-spacing:.15em;color:#63509b;padding:4px 16px}
.about-monogram{font:600 clamp(4rem,8vw,8rem) var(--display);letter-spacing:-.12em;text-align:center;padding:20px 0 40px}.about-monogram span{font:italic .65em Georgia,serif;color:#69764e;padding-inline:10px}
.specimen-projects{border-radius:4px;transform:rotate(2deg)}.project-specimen{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;margin-bottom:24px}.project-specimen span{font-size:.6rem;text-transform:uppercase;grid-row:1}.project-specimen strong{font:500 1.8rem/1 var(--display);letter-spacing:-.045em;padding:25px 12px;min-height:140px;background:#f8f0df}.project-specimen strong:last-child{background:#bcced4;transform:translateY(12px)}
.specimen-insights{border-radius:0;border-top:6px solid #846a53}.editorial-mark{font:italic 150px/1 Georgia,serif;color:#80664e;padding:0 15px 20px}.editorial-mark span{font:90px var(--display);margin-left:20px;color:#a0957b}
[data-page=om-os] .about-values>div{border-top:3px solid #7c8960;padding-top:26px}
[data-page=projekter] .project-grid{gap:60px 32px}
[data-page=indsigter] .article-card{border-top-width:3px}
/* Contextual endings, with different compositions instead of one repeated pitch. */
.cta-section{background:var(--page-tint);border:0;margin:0;padding-block:90px}
.cta-inner h2{font-size:clamp(2.7rem,5.5vw,6rem)}.cta-inner p{max-width:570px;color:#43596b}
.closing-idea{background:#dce6ef}.closing-idea .cta-inner{align-items:center}.closing-idea h2{color:#204d97}
.closing-web{background:#dce7f3}.closing-web .cta-inner{border-top:1px solid #7190b2;padding-top:45px}
.closing-voice{background:#dde9df}.closing-voice .cta-inner{align-items:center}.closing-detail{margin-top:28px;font-size:.8rem;color:#4b6255}.closing-detail a{display:inline-block;margin-top:10px;font:500 2rem var(--display);color:#2c624c;letter-spacing:-.04em}
.closing-chat{background:#e7e1f3}.closing-topics{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.closing-topics span{padding:8px 15px;border-radius:20px 20px 20px 3px;background:#f7f3fc;font-size:.8rem;color:#5b467d}
.closing-design{background:#efdfd2}.closing-design .cta-inner{align-items:center}.closing-swatches{display:flex;margin-top:30px}.closing-swatches i{height:45px;width:65px;background:#92503e}.closing-swatches i:nth-child(2){background:#c99776}.closing-swatches i:nth-child(3){background:#f7eed7}.closing-swatches i:nth-child(4){background:#879682}
.closing-about{background:#e4e7d0}.closing-signature{margin-top:28px;font:italic 1.8rem Georgia,serif;color:#4e603e}.closing-signature span{display:block;margin-top:8px;font:.75rem var(--body)}
.closing-projects{background:#dce6e8}.closing-projects .cta-inner{align-items:center}.closing-insights{background:#e9e2d2}.closing-insights .cta-inner{align-items:start}
.closing-restaurant{background:#edddc8}.closing-salon{background:#e4e9d8}
/* Form and examples remain functional and legible in daylight. */
.quote-assurance p{color:var(--muted)}.form-shell{background:#faf9f4;border-radius:24px;box-shadow:0 20px 60px #172c4208}.form-progress i{background:#d7dee1}.form-progress i.active{background:var(--blue)}
.field>span,.field-label{color:var(--text)}.field input,.field select,.field textarea{background:#fffefa;border-color:#a4b2bf;color:var(--text);border-radius:8px}.field input::placeholder,.field textarea::placeholder{color:#637384}.field [aria-invalid=true]{border-color:#aa3934}
.choice{border-color:#a4b2bf;border-radius:9px}.choice:has(input:checked){background:#e7eef9}.choice input{accent-color:#245cc4}.form-error{color:#a4322c}.noscript-note{background:#e4e8ef;color:var(--text)}
.example-questions button,.identity-tabs button{background:#faf8f3;border-color:#a6b4c1;color:var(--text)}.example-questions button:hover,.identity-tabs button:hover{background:#e4e9f0}.example-questions button[aria-pressed=true],.identity-tabs button[aria-pressed=true]{background:var(--text);color:#fff;border-color:var(--text)}
.chat-example{background:#faf9fc;border-color:#bcafcf;box-shadow:0 20px 45px #40345e12}.chat-example-head,.chat-example-bottom{border-color:#cec5dd}.chat-example-head small,.chat-example-bottom,.handoff-example small{color:#586278}.chat-source{color:#586278!important}.handoff-example{color:#433653;background:#ece6f6;border-color:#b9abc9}
.identity-card,.identity-flyer{background:#e8e4db;border-color:#cbc5b9}.specimen-label{color:#536476}.print-flyer p{color:var(--ink)}
@media(min-width:801px){[data-page=index] .services-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:0}[data-page=index] .service-row{grid-template-columns:36px 1fr 45px;gap:20px;padding:30px;background:#f9f7f0;border:1px solid var(--line);border-radius:14px;align-items:start}[data-page=index] .service-row h3{font-size:2rem}[data-page=index] .service-row p{grid-column:2;grid-row:2}[data-page=index] .service-row .circle-arrow{grid-column:3;grid-row:1/3}[data-page=index] .service-row:nth-child(2){background:#e7eee4}[data-page=index] .service-row:nth-child(3){background:#f0e5da}[data-page=index] .service-row:nth-child(4){background:#e9e5f2}[data-page=index] .service-row:hover{transform:translateY(-3px)}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:6.2vw}.distinctive-hero{gap:30px;grid-template-columns:1.2fr 1fr}.page-hero-copy h1{font-size:4.8vw}.page-specimen{padding:24px;min-height:400px}.site-header .brand-logo{width:145px}.header-cta{padding-inline:16px}}
@media(max-width:800px){.site-header{height:84px}.desktop-nav{background:#f3f0e8}.dropdown-panel{background:#faf8f2}.hero{grid-template-columns:1fr;padding-block:52px 34px;gap:40px}.hero h1{font-size:clamp(3.6rem,10vw,5.8rem)}.hero h1 .second-line{font-size:.64em;margin-top:14px}.hero p{max-width:540px}.showroom{transform:none;max-width:620px;width:100%;justify-self:center}.motion-orbit{right:-450px}.motion-sun{right:-70px}.motion-control-row>span{display:none}.distinctive-hero{grid-template-columns:1fr;padding-block:50px 60px;gap:40px}.page-hero-copy h1{font-size:clamp(3rem,8vw,5rem)}.page-specimen{min-height:0;max-width:570px;width:100%;margin:auto}.specimen-voice{padding-top:40px}.signal-disc{width:170px;height:170px}.about-monogram{font-size:6rem}.specimen-projects{transform:none}.cta-inner{align-items:start!important}.cta-section{padding-block:65px}.footer-brand .brand-logo{width:180px}}
@media(max-width:540px){.site-header .brand-logo{width:127px}.header-cta{padding:10px 13px;font-size:.72rem;min-height:42px}.header-inner{gap:8px}.menu-toggle{font-size:.75rem;padding:9px 12px}.hero h1{font-size:clamp(3.4rem,13vw,4.7rem)}.hero .eyebrow{font-size:.65rem}.hero-actions{gap:10px 18px}.showroom{padding:16px;border-radius:18px}.hero .showroom-caption{font-size:.65rem}.motion-control-row{padding-bottom:20px}.page-hero-copy h1{font-size:clamp(2.75rem,10vw,3.6rem)}.page-hero-copy>p{font-size:1rem}.page-specimen{padding:24px}.cta-inner h2{font-size:2.8rem}.cta-inner{gap:30px}.form-shell{padding:24px 18px}.industry-strip{background:#edece3}.service-row{padding-block:27px}.service-row h3{font-size:1.6rem}.showroom-controls{gap:8px}.showroom-tab{padding-inline:9px}.specimen-design{overflow:hidden}.project-specimen strong{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.hero-motion *{animation:none!important}.motion-toggle{display:none!important}}
.showroom-heading b{color:#536476}
.showroom .showroom-copy p{font-size:.75rem;line-height:1.6;margin:0}
@media(max-width:540px){.showroom .showroom-copy p{font-size:.7rem}}

/* Current focus: the second service is graphic design. */
@media(min-width:801px){[data-page=index] .service-row[href="grafisk-design.html"]{background:#f0e5da}}