#project-guide .hk-project-appendix{padding:0;border:0;border-radius:0;background:transparent}#project-guide .hk-project-appendix>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid #a7b5b6;border-bottom:1px solid #a7b5b6;list-style:none;font-size:20px;font-weight:500}#project-guide .hk-project-appendix>summary::-webkit-details-marker{display:none}#project-guide .hk-project-appendix .faq_question-wrap{display:flex;align-items:center;gap:20px}#project-guide .hk-project-appendix .faq_number-wrap{display:none}#project-guide .hk-project-appendix .faq_button{display:block;position:relative;flex:0 0 40px;width:40px;height:40px;border:1px solid #a7b5b6;border-radius:50%}#project-guide .hk-project-appendix .faq_button-line{position:absolute;display:block;width:14px;height:2px;background:#0a4a55;left:12px;top:18px}#project-guide .hk-project-appendix .faq_button-line.is-second{transform:rotate(90deg);transition:transform .2s}#project-guide .hk-project-appendix[open] .faq_button-line.is-second{transform:rotate(0deg)}#project-guide .hk-project-appendix>summary:focus-visible{outline:2px solid #cfff69;outline-offset:4px}
/* Brand layer only. Nordic's original Switzer/Inter/Roboto Mono,
   type scale, grids, spacing, radii and IX3 interactions remain in its CSS. */
:root{--hk-green:#0a4a55}
::selection{background:#0a4a55;color:#fff}
img{height:auto}
.hk-service-deliverables .work_image,.hk-service-deliverables .works_image{object-fit:contain;background:#f4f3ef}
.works_item-content h1,.works_item-content h2{text-align:center}
.button-in{background-color:#0a4a55}
.section_pricing{background-color:#0a4a55}
.navbar_logo{width:210px;height:auto;max-width:none}
.menu_logo{width:180px;height:auto}
.navbar_contact-pic{object-fit:contain;background:#edf3f2;padding:9px}
/* Fit the longer brand name; "studio" keeps Nordic's original type scale. */
h1.home-header_heading{font-size:10vw}
.footer_brand{font-size:14.5vw}
.section_clients .clients_card{padding:0;overflow:hidden}
.section_clients .clients_brand-card img{width:100%;height:100%;max-width:none;object-fit:cover}
.section_clients .clients_pic{overflow:hidden}.section_clients .clients_pic img{object-position:center;object-fit:cover}
.tab_images .tab_image{object-fit:cover!important;object-position:center!important}
.footer_label-words{margin-left:.25em}
.footer_label-texts{column-gap:.25em}
.footer_label-texts>p:first-child{margin-right:.25em}
.hk-menu-industries{margin-top:1.5rem}.hk-menu-industries>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.hk-menu-industries a{font-size:.875rem;color:inherit;text-decoration:underline;text-underline-offset:3px}
.hk-menu-industry-picker{margin-top:1rem;width:100%}.hk-menu-industry-picker summary{font-size:1.1rem;cursor:pointer}.hk-menu-industry-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;margin-top:1rem}.hk-menu-industry-picker a{font-size:.85rem;text-decoration:underline;color:inherit;line-height:1.35}
.works_infos-group.right .works_info{max-width:5.5rem;white-space:normal;overflow-wrap:normal;line-height:1.25}
.section_faq .faq_content{align-items:start}.section_faq .faq_infos{position:sticky;top:7rem;align-self:start;height:max-content;z-index:2}.section_faq .faq_img-wrap{display:block!important;flex:0 0 clamp(260px,40vw,520px);min-height:260px;height:clamp(260px,40vw,520px)!important;overflow:hidden}.section_faq .faq_img{display:block;width:100%;height:100%!important;object-fit:cover}
.section_blog img{object-fit:cover}.section_blog .blog_item:nth-child(2) img{object-position:35% center}.section_blog .blog_item:nth-child(3) img{object-position:70% center}
.hk-scroll-reel{overflow:hidden!important;background:#0e1719}
.testimonials_heading-wrap .display-inline:first-child{margin-right:.22em}
.testimonials_img{object-position:center!important}
@media(max-width:767px){.testimonials_block{display:flex;flex-direction:column;gap:0}.testimonials_img-wrap{display:block!important;position:relative!important;inset:auto!important;margin:0!important;transform:none!important;width:100%!important;max-width:none!important;height:240px!important;min-height:240px;flex:none}.testimonials_img{width:100%;height:100%;object-fit:cover}.testimonials_slider,.testimonials_slider-mask{height:auto!important}.testimonials_content{width:100%!important;flex:none;position:relative;z-index:1}}
.hk-scroll-reel .hk-reel-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.hk-scroll-reel .hk-reel-frame:first-of-type{opacity:1}
@media(max-width:991px){.section_showreel{height:320vh!important}.section_showreel .showreel_sticky{position:sticky!important;top:0;height:100vh!important;overflow:hidden}.section_showreel .hk-scroll-reel{position:absolute!important;top:27vh!important;left:4%!important;width:92%!important;height:55vh!important;min-height:0;transform:none!important}.section_showreel .showreel_headings{position:absolute;top:13vh!important;transform:none!important}.section_showreel .showreel_subheading-wrap{position:absolute;top:auto!important;bottom:5vh!important;transform:none!important}.section_showreel .showreel_heading{color:#101418!important;font-size:clamp(2rem,7vw,4rem)}}
.section_clients .clients_number{z-index:1;top:12px;left:12px;padding:5px 8px;border-radius:4px;background:rgba(255,255,255,.92);color:#171717}
/* One project enquiry, reusing Nordic's plan, feature and action components. */
.hk-project-enquiry .pricing_plans{grid-column:1/-1;width:100%}
.hk-project-enquiry .pricing_plan{width:100%;flex:1;min-width:0}
.hk-project-enquiry .pricing_plan-infos{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.hk-project-enquiry .pricing_plan-description{max-width:34rem}
.hk-project-enquiry .pricing_plan-name{max-width:24rem}
.hk-project-enquiry .pricing_action{max-width:30rem;align-self:center;width:100%}
/* The service directory keeps Nordic's card markup but removes the large
   editorial gaps used by the single-project works page. */
.hk-services-directory .works_component{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:start}
.hk-services-directory .works_component>.works_grid,.hk-services-directory .works_wrapper-v2,.hk-services-directory .works_list-v2{display:contents!important}
.hk-services-directory .works_item-v2{grid-column:auto!important;grid-row:auto!important;width:100%;margin:0!important}
.hk-services-directory .works_item-v2 .works_img-wrap{aspect-ratio:1.45;min-height:0}
.hk-services-directory .works_item-v2 .works_item-content{min-height:5rem}
@media(max-width:991px){.hk-services-directory .works_component{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hk-services-directory .works_component{grid-template-columns:1fr;gap:1rem}.hk-services-directory .works_item-v2 .works_img-wrap{aspect-ratio:1.55}}
.clients_plus{font-size:.75rem}
.hk-ambient-image{width:100%;height:100%;object-fit:cover}
.showreel_play-icon,.showreel_play-icon-tablet{color:#fff}
.hk-service-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:.9375rem;line-height:1.5;margin-top:.5rem;text-decoration:underline;text-underline-offset:4px}
.hk-email{display:inline-block;overflow-wrap:anywhere}
.hk-image-note,.hk-form-note,.hk-form-status{font-size:.75rem;line-height:1.5}
.hk-form-note,.hk-form-status{margin-top:1rem;max-width:38rem}
.menu_legal-links{flex-wrap:wrap;row-gap:10px}
.work-header_brand{min-width:0}.work-header_brand h1{overflow-wrap:anywhere}
.work_grid .hk-clone-copy-row{grid-column:2;padding-bottom:2rem;border-bottom:1px solid #ddd;margin-bottom:2rem}
/* Overlap the fade layers in the original flex list while reserving their real
   content height, including the accessible link, instead of a fixed 8rem gap. */
.marquee_text-item{position:relative;flex:0 0 100%;margin-right:-100%;width:100%;text-align:center}
.marquee_text-item:not(.is-active){visibility:hidden;pointer-events:none}
.marquee_text-item.is-active{visibility:visible;pointer-events:auto}
.marquee_heading a{color:inherit;text-decoration:none}
.hk-ai-overview-link{color:inherit;text-decoration:inherit}
.section_services{background:#e2e6e5}
.section_services .services_bg-wrapper{width:48%;left:auto;right:0;overflow:hidden}
.section_services .marquee_image{overflow:hidden}
.section_services .services_image{position:absolute;width:100%;max-width:none;left:auto;right:0;height:100%;object-fit:contain;object-position:right center!important}
.features_results-card img{object-fit:cover;object-position:right center}
@media(min-width:480px) and (max-width:991px){.section_services .services_bg-wrapper{width:38%}}
@media(max-width:479px){.section_services{padding-bottom:300px}.section_services .services_bg-wrapper{width:100%;top:auto;bottom:0;height:280px}.section_services .services_content{margin-bottom:0}}
.hk-clone-faq{padding-top:8rem}
.hk-skip{position:fixed;z-index:99999;left:1rem;top:-80px;background:#0a4a55;color:white;padding:14px 24px}.hk-skip:focus{top:10px}
:focus-visible{outline:2px solid #0a4a55;outline-offset:5px}
.menu[aria-hidden=true]{pointer-events:none}.menu[aria-hidden=false]{pointer-events:auto}
.hk-menu-fallback .menu{display:flex!important;opacity:1!important;transform:none!important;clip-path:none!important;visibility:visible!important}.hk-menu-fallback .menu *{opacity:1}.hk-menu-fallback .menu_bg{display:block!important;opacity:1!important}
.w-webflow-badge,[hidden]{display:none!important}
.hk-about-services .section_awards a{color:#f4fbfb!important;text-decoration:underline;text-underline-offset:4px}.hk-about-services .section_awards a:hover{color:#b8d9c3!important}
.hk-about-services .team_img-wrap{aspect-ratio:1.6;height:auto!important;background:#e3e9e7}.hk-about-services .team_img{width:100%;height:100%;object-fit:contain!important}
.hk-about-services .team_img,.hk-about-services .approach_img,.hk-about-services .team_img-wrap,.hk-about-services .approach_img-wrap{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}
.hk-service-index .works_label._1{background:#0a4a55!important;color:#fff!important}.hk-service-index .works_label._1 *{color:#fff}
.hk-portfolio-index .works_image{object-position:top!important}
.hk-portfolio-detail .work_images-grid{display:block}.hk-portfolio-detail .work_images-grid img{width:100%;height:auto;object-fit:contain}.hk-portfolio-detail .work_images-grid>div:not(:first-child){display:none}
.hk-portfolio-detail .work_images-grid .work_image-wrap{aspect-ratio:auto;height:auto;overflow:visible}.hk-portfolio-detail .work_images-grid .work_image{position:relative;transform:none!important;clip-path:none!important}
.hk-portfolio-gallery .work_images-grid>div:not(:first-child){display:block;margin-top:2rem}
.hk-project-screenshots{padding:48px 24px 72px;max-width:1320px;margin:auto;color:#101416}.hk-project-screenshots header{margin-bottom:36px;max-width:850px}.hk-project-screenshots h2{font-size:clamp(32px,5vw,62px);line-height:1.08;margin:18px 0}.hk-project-screenshots header p{line-height:1.6}.hk-screen-grid{display:grid;grid-template-columns:1fr;gap:36px}.hk-screen{margin:0;border:1px solid #d5dfde;border-radius:12px;background:white;overflow:hidden}.hk-screen>a{display:block;background:#e8edec;overflow:hidden}.hk-screen img{display:block;width:100%;height:auto;max-height:820px;object-fit:cover;object-position:top;transform:none!important;clip-path:none!important}.hk-screen figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px}.hk-screen figcaption span{font-family:monospace;font-size:12px;color:#537275}.hk-screen h3{font-size:24px;margin:6px 0}.hk-screen figcaption p{font-size:13px;color:#537275}.hk-screen-button{display:inline-block!important;background:#0a4a55!important;color:white;padding:13px 20px;border-radius:8px;white-space:nowrap}.hk-image-dialog{position:fixed;inset:0;width:96vw;max-width:none;height:94dvh;max-height:none;border:0;border-radius:12px;padding:0;background:#edf2f0;color:#132c30;z-index:2147483647}.hk-image-dialog::backdrop{background:rgb(0 0 0 / .8)}.hk-image-toolbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:white;border-bottom:1px solid #cbd5d2}.hk-image-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-image-toolbar div{display:flex;gap:8px}.hk-image-toolbar button{background:#0a4a55;color:white;border:0;border-radius:6px;padding:10px 14px;cursor:pointer}.hk-image-scroll{height:calc(100% - 72px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.hk-image-scroll img{display:block;max-width:none!important;height:auto;margin:0 auto;transform:none!important}.hk-image-dialog img[data-fit=true]{width:100%}.hk-screen-open:focus-visible,.hk-image-toolbar button:focus-visible{outline:3px solid #c9ff68;outline-offset:3px}@media(max-width:767px){.hk-project-screenshots{padding:32px 8px 48px}.hk-screen figcaption{align-items:flex-start;flex-direction:column;padding:20px}.hk-screen img{max-height:520px}.hk-image-toolbar{height:100px;align-items:flex-start;flex-direction:column;padding:10px}.hk-image-scroll{height:calc(100% - 100px)}.hk-image-toolbar button{font-size:13px;padding:9px}.hk-image-dialog{width:98vw;height:96dvh}}
@media(max-width:991px){.navbar_logo{width:170px}.navbar_talk-to{display:none}.navbar_contact-pic{display:none}}
@media(max-width:991px){.section_faq .faq_infos{position:sticky;top:5rem}}
@media(max-width:767px){.section_faq .faq_infos{position:relative;top:auto}.section_faq .faq_img-wrap{height:280px!important}}
@media(max-width:767px){.menu_logo{width:155px}.work_grid .hk-clone-copy-row{grid-column:auto}.footer_brand{font-size:14vw}.work-header_brand h1{font-size:2.1rem}}
@media(max-width:767px){.hk-project-enquiry .pricing_plan-infos{grid-template-columns:1fr;gap:2rem}.hk-project-enquiry .pricing_plan{margin:0;padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.load_component{display:none!important}[animation^=header-reveal],[animation^=reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.tab_image:not(._1),.home-header_subhead:not(._1),.tab_subtext:not(._1){visibility:hidden!important}.tab_image._1,.home-header_subhead._1,.tab_subtext._1{opacity:1!important;visibility:visible!important;transform:none!important}.home-header_heading,.navbar_content,.tab_content,.tab_images{opacity:1!important;clip-path:none!important;transform:none!important}.marquee_track{transform:none!important}.interaction_visual_wrap{display:none}}
img[src*="hero-monitor"]{object-position:50% 12%}.contact-form_form>.hk-form-note,.contact-form_form>.hk-form-status{padding:0 1.5rem 1rem}.contact-form_button{background-color:#0a4a55}
/* Project stories pair each screen with its own explanation. */
.hk-project-story.hk-project-screenshots{max-width:none;margin:0;background:#f7faf8;padding:64px max(24px,4vw)}.hk-project-story.hk-project-screenshots>header{max-width:1360px;margin:0 auto 38px}.hk-project-story .hk-planning-layout{max-width:1360px;grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:36px}.hk-project-story .hk-planning-layout>aside{border:1px solid #0a4a55;scrollbar-color:#0a4a55 #dce8e1;scroll-padding:45px 0 16px}.hk-project-story .hk-planning-layout ol{padding-left:18px}.hk-project-story .hk-planning-layout li{margin:8px 0;padding:0;border-radius:7px}.hk-project-story .hk-planning-layout a{display:block;padding:9px 10px;border:2px solid transparent;border-radius:7px;text-decoration:none}.hk-project-story .hk-planning-layout a.is-reading{background:#0a4a55;border-color:#b7e772;color:#fff;font-weight:600}.hk-project-story .hk-planning-copy>section{padding:0;margin-bottom:48px}.hk-project-story .hk-story-section>.hk-screen{margin:0 0 28px}.hk-project-story .hk-screen h3{font-size:22px;margin:5px 0}.hk-project-story .hk-screen figcaption p{margin-bottom:0}.hk-project-story .hk-story-section>p{max-width:850px}.hk-project-story .hk-story-section>h3{font-size:clamp(25px,3vw,35px);margin-bottom:20px}.hk-project-story .hk-project-appendix{border:1px solid #c8d9cf;border-radius:10px;background:#fff;padding:24px}.hk-project-story .hk-project-appendix>summary{font-size:22px;font-weight:600;color:#0a4a55;cursor:pointer}.hk-project-story .hk-project-appendix[open]>summary{margin-bottom:24px}.hk-project-story .hk-project-appendix section{margin:30px 0}.hk-project-story .hk-appendix-intro{border-left:3px solid #0a4a55;padding-left:18px}.hk-project-story .hk-screen-button{font-size:14px}.hk-image-toolbar button:disabled{opacity:.5;cursor:wait}@media(max-width:900px){.hk-project-story.hk-project-screenshots{padding:45px 20px}.hk-project-story .hk-planning-layout{display:block}.hk-project-story .hk-planning-layout>aside{position:sticky;top:94px;max-height:205px;z-index:20;margin-bottom:28px;padding:14px 18px;box-shadow:0 8px 24px #132c3014}.hk-project-story .hk-planning-layout>aside summary{font-size:16px}.hk-project-story .hk-planning-layout>aside a{padding:6px 8px}.hk-project-story .hk-project-appendix{padding:18px}.hk-project-story .hk-screen figcaption{gap:12px;padding:18px}}
/* Scope the preserved Forerunner story while retaining the studio navigation. */
@media(max-width:767px){#main.hk-story-content .article-thumbnail{height:100%}}
#main.hk-story-content{background:#f6f6f1;color:#111;font-family:Arial,sans-serif}
#main.hk-story-content .hero-article{padding-top:0}
#main.hk-story-content h1{font-size:clamp(40px,4.4vw,80px);line-height:1.05;letter-spacing:-.055em}
#main.hk-story-content .article-hero-right{padding-top:130px;padding-bottom:64px}
#main.hk-story-content .body-article h2{font-size:clamp(26px,2.2vw,40px);line-height:1.2;margin:48px 0 24px;letter-spacing:-.035em}
#main.hk-story-content .body-article p{font-size:19px;line-height:1.7;margin-bottom:24px}
#main.hk-story-content .body-article a{color:#0a4a55;text-decoration:underline}
#main.hk-story-content .body-article blockquote{font-size:clamp(28px,3vw,48px);line-height:1.2;text-transform:uppercase;border-left:3px solid #c9fa70;padding-left:24px;margin:48px 0}
#main.hk-story-content .article-bottom-info{color:#111}
#main.hk-story-content .article-latest-section{padding-top:100px}
#main.hk-story-content .article-card{min-height:500px}
@media(max-width:767px){#main.hk-story-content .article-hero-right{padding-top:32px;padding-bottom:48px}#main.hk-story-content .article-thumbnail-placeholder{height:55vh;min-height:320px}#main.hk-story-content .article-card{min-height:420px}#main.hk-story-content .body-article p{font-size:18px}}