/* Selected centered project gallery, using the actual project illustrations. */
.site-design.subpage-design main .hjemmesider .service-content>#eksempel.websites-project-gallery{display:block;padding:48px 0 28px;margin:0;background:#fff;border:0;border-radius:0}
#eksempel.websites-project-gallery .web-project-heading{text-align:center;max-width:820px;margin:0 auto 32px}
#eksempel.websites-project-gallery .eyebrow{display:block;color:#123e46;font-size:11px;line-height:1.6;letter-spacing:.16em;margin:0 0 15px}
#eksempel.websites-project-gallery .web-project-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.2;font-weight:650;letter-spacing:-.035em;max-width:none;color:#123e46;margin:0 0 18px}
#eksempel.websites-project-gallery .web-project-heading p{font-size:16px;line-height:1.75;color:#526d71;margin:0}
#eksempel.websites-project-gallery .web-project-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;isolation:isolate}
#eksempel.websites-project-gallery .web-project-grid:before{content:"";position:absolute;z-index:-1;top:0;left:-20px;right:-20px;height:clamp(180px,25vw,310px);background:linear-gradient(135deg,#f4f5f4,#e9eeeb);border-radius:70px 70px 45px 45px / 42px 42px 40px 40px}
#eksempel.websites-project-gallery .web-project-card{display:block;min-width:0;background:none;color:#123e46;border:0;border-radius:24px;text-decoration:none;box-shadow:none;overflow:visible}
#eksempel.websites-project-gallery .web-project-stage{position:relative;padding:25px 20px 10px;min-width:0}
#eksempel.websites-project-gallery .web-project-laptop{position:relative;width:100%;padding-bottom:16px;filter:drop-shadow(0 13px 13px #123e4625)}
#eksempel.websites-project-gallery .web-project-screen{position:relative;margin:0 12px;padding:8px;background:#202727;border:1px solid #4a5150;border-radius:14px 14px 5px 5px;overflow:hidden}
#eksempel.websites-project-gallery .web-project-screen img{display:block;width:100%;height:auto;aspect-ratio:1200/780;object-fit:contain;border-radius:5px;border:0;transition:transform .35s}
#eksempel.websites-project-gallery .web-project-keyboard{position:absolute;left:0;right:0;bottom:1px;height:16px;border-radius:0 0 35% 35% / 0 0 100% 100%;background:linear-gradient(#c6ccc9 0%,#e6e9e7 25%,#9aa29e 75%,#737d78 100%);border-top:1px solid #b4bdb7}
#eksempel.websites-project-gallery .web-project-keyboard:after{content:"";position:absolute;left:42%;right:42%;height:4px;top:0;border-radius:0 0 8px 8px;background:#929d96}
#eksempel.websites-project-gallery .web-project-copy{text-align:center;padding:20px 8px 0}
#eksempel.websites-project-gallery .web-project-copy .eyebrow{font-size:10px;margin:0 0 12px}
#eksempel.websites-project-gallery .web-project-copy h3{font-size:clamp(23px,2.2vw,28px);line-height:1.25;letter-spacing:-.025em;font-weight:650;color:#123e46;margin:0 0 13px}
#eksempel.websites-project-gallery .web-project-copy p{font-size:14px;line-height:1.75;color:#526d71;margin:0 auto 20px;max-width:470px}
#eksempel.websites-project-gallery .web-project-link{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:44px;padding:10px 20px;color:#123e46;border:1px solid #123e46;border-radius:100px;font-size:13px;font-weight:600;line-height:1.5;background:#fff;transition:background .2s,color .2s}
#eksempel.websites-project-gallery .web-project-card:focus-visible{outline:3px solid #123e46;outline-offset:6px}
#eksempel.websites-project-gallery .web-project-footer{text-align:center;margin:30px auto 0}
#eksempel.websites-project-gallery .web-project-footer .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;background:#123e46;color:#fff;border:1px solid #123e46;border-radius:100px;font-size:14px;line-height:1.5;font-weight:600;padding:13px 24px;text-decoration:none}
#eksempel.websites-project-gallery .web-project-footer .button:hover{background:#1d5058}
#eksempel.websites-project-gallery .web-project-footer .button:focus-visible{outline:3px solid #123e46;outline-offset:4px}
#eksempel.websites-project-gallery .web-project-footer p{font-size:11px;line-height:1.65;margin:17px 0 0;color:#708581}
@media(hover:hover){#eksempel.websites-project-gallery .web-project-card:hover .web-project-link{background:#123e46;color:#fff}}
@media(max-width:760px){.site-design.subpage-design main .hjemmesider .service-content>#eksempel.websites-project-gallery{padding:34px 0 24px}#eksempel.websites-project-gallery .web-project-heading h2{font-size:29px}#eksempel.websites-project-gallery .web-project-heading p{font-size:14px}#eksempel.websites-project-gallery .web-project-grid{grid-template-columns:1fr;gap:30px}#eksempel.websites-project-gallery .web-project-grid:before{display:none}#eksempel.websites-project-gallery .web-project-stage{padding:23px 12px 8px;background:#f0f3f1;border-radius:38px 38px 24px 24px}#eksempel.websites-project-gallery .web-project-copy{padding-top:20px}#eksempel.websites-project-gallery .web-project-copy h3{font-size:25px}#eksempel.websites-project-gallery .web-project-footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){#eksempel.websites-project-gallery .web-project-link,#eksempel.websites-project-gallery .web-project-screen img{transition:none}}