:root{--hmct-navy:#1c3b60;--hmct-blue:#3b5d85;--hmct-ink:#364c66;--hmct-gold:#e5c292;--hmct-paper-color:#f4f6fa;--hmct-white:#fff;--hmct-shell:1200px;--hmct-font-body:"Cutive Mono",monospace;--hmct-font-display:"Haindan",serif;--hmct-font-script:"Mike Biro",cursive}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--hmct-paper-color);color:var(--hmct-ink)}
.hmct-home{overflow:clip;background-color:var(--hmct-paper-color);background-image:var(--hmct-paper);color:var(--hmct-ink);font-family:var(--hmct-font-body);font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.5px;word-spacing:-1px}
.hmct-home h1,.hmct-home h2,.hmct-home h3,.hmct-home p{margin-top:0}
.hmct-home a{color:inherit}
.hmct-shell{width:100%;max-width:var(--hmct-shell);margin-inline:auto}
.hmct-image-frame{position:relative;display:block;overflow:hidden}
.hmct-image-frame img{display:block;width:100%;height:100%;max-width:none}
.hmct-skip-link{position:absolute;left:1rem;top:-8rem;z-index:1000;background:#fff;color:#111;padding:.65rem 1rem}
.hmct-skip-link:focus{top:1rem}
.hmct-header{position:relative;z-index:30;background:var(--hmct-paper-color) var(--hmct-paper);border-bottom:1px solid rgba(28,59,96,.12)}
.hmct-header__inner{max-width:1500px;margin:auto;min-height:108px;padding:8px 2%;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.hmct-header__brand{display:block;flex:none}
.hmct-logo-frame--header{display:block;width:min(295px,27vw);height:90px}
.hmct-header__logo{display:block;width:100%;height:100%;object-fit:contain}
.hmct-nav__list{display:flex;align-items:center;gap:clamp(12px,2.2vw,32px);list-style:none;padding:0;margin:0}
.hmct-nav__list li{position:relative}
.hmct-nav__list a{display:block;text-decoration:none;color:var(--hmct-navy);font-family:var(--hmct-font-body);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:10px 2px}
.hmct-nav__list a:hover,.hmct-nav__list a:focus-visible{color:#d28e00;text-decoration:underline;text-underline-offset:5px}
.hmct-nav__list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;list-style:none;padding:8px 16px;margin:0;box-shadow:0 10px 24px rgba(10,29,51,.16)}
.hmct-nav__list li:hover>.sub-menu,.hmct-nav__list li:focus-within>.sub-menu{display:block}
.hmct-nav-toggle{display:none;border:1px solid var(--hmct-navy);background:transparent;color:var(--hmct-navy);border-radius:3px;padding:9px 12px;font:700 14px var(--hmct-font-body);cursor:pointer}
.hmct-nav-toggle__icon{display:inline-flex;vertical-align:middle;flex-direction:column;gap:3px;margin-left:6px}
.hmct-nav-toggle__icon span{display:block;width:17px;height:2px;background:currentColor}
.hmct-footer{background:#111e27;color:#fff;font-family:var(--hmct-font-body);font-size:14px}
.hmct-footer__inner{max-width:1200px;margin:auto;padding:56px 2%;display:flex;align-items:flex-start;justify-content:space-between;gap:36px}
.hmct-logo-frame--footer{display:block;width:230px;height:72px}
.hmct-footer__logo{display:block;width:100%;height:100%;object-fit:contain}
.hmct-footer__address p{margin:0}
.hmct-footer__legal-list{display:flex;gap:18px;list-style:none;padding:0;margin:0}
.hmct-footer a{color:#fff}
.hmct-eyebrow{text-transform:uppercase;letter-spacing:4.8px;line-height:1;font-size:19px;font-weight:600}
.hmct-cta-button{display:inline-flex;align-items:center;min-height:40px;padding:10px 12px;color:#fff!important;background:var(--hmct-navy);border-radius:3px;text-decoration:none;font-family:var(--hmct-font-body);font-size:16px;font-weight:800;letter-spacing:.5px;line-height:1}
.hmct-cta-button:hover,.hmct-cta-button:focus-visible{background:var(--hmct-gold);color:var(--hmct-navy)!important}
.hmct-home :focus-visible{outline:3px solid #d28e00;outline-offset:3px}

/* The source Coco engine owns the mask; these are only the theme's image slots. */
.hmct-reveal{max-width:1500px;margin:auto}
.hmct-reveal .coco-fx{--coco-stage-h:500px;--coco-scroll:0}
.hmct-reveal__stage{border-radius:15px;background:#f4f6fa}
.hmct-reveal__mountains{position:absolute;inset:0}
.hmct-reveal__mountains-image{display:block;width:100%;height:100%;object-fit:contain;object-position:0 135%}
.hmct-reveal__photo-image{display:block;width:100%;height:100%;object-fit:cover}

.hmct-intro{display:grid;grid-template-columns:73% 27%;align-items:center;padding:4% 2%;gap:0}
.hmct-intro__copy{min-width:0;padding-right:2.5%}
.hmct-intro .hmct-eyebrow{font-size:17px;margin:2px 0 0 4px}
.hmct-intro__title{font-family:var(--hmct-font-script);font-size:clamp(60px,7.6vw,97px);font-weight:400;line-height:1;color:var(--hmct-blue);margin:-10px 0 -15px}
.hmct-intro__body{font-size:16px;line-height:1.4}
.hmct-intro__body p{margin:0 0 15px}
.hmct-intro__portrait{width:100%;text-align:center}
.hmct-intro__portrait-frame{width:100%;aspect-ratio:1/1;mask-image:var(--hmct-portrait-mask);-webkit-mask-image:var(--hmct-portrait-mask);mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.hmct-intro__portrait-image{width:100%;height:100%;object-fit:cover}
.hmct-intro__signature{font-family:var(--hmct-font-script);font-size:42px;line-height:1;margin:10px 0 0;color:var(--hmct-navy)}

.hmct-projects{padding:5% 2% 6%}
.hmct-projects__eyebrow{text-align:center;margin:2px 0 0 4px}
.hmct-projects__title{margin:-10px 0 0;text-align:center;color:var(--hmct-navy);font-family:var(--hmct-font-display);font-size:61px;font-weight:400;line-height:1}
.hmct-projects__title span{display:block}
.hmct-projects__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"cat sonnwaerts" "kittel sonnwaerts" "kittel vergenoegd";gap:60px;padding:5% 2% 2%}
.hmct-project-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;border-radius:5px;color:#fff;display:flex;align-items:flex-end;padding:20px;background:#234}
.hmct-project-card--cat{grid-area:cat;min-height:379px}
.hmct-project-card--kittel{grid-area:kittel;min-height:308px;width:86%;justify-self:end}
.hmct-project-card--sonnwaerts{grid-area:sonnwaerts;min-height:446px;width:87%}
.hmct-project-card--vergenoegd{grid-area:vergenoegd;min-height:269px}
.hmct-project-card__image-frame,.hmct-project-card__overlay{position:absolute;inset:0;z-index:-1}
.hmct-project-card__image{width:100%;height:100%;object-fit:cover;transition:transform 1.5s ease}
.hmct-project-card:hover .hmct-project-card__image{transform:scale(1.07)}
.hmct-project-card__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease}
.hmct-project-card__slide[data-hmct-active="true"]{opacity:1}
.hmct-project-card--cat .hmct-project-card__image{animation:hmct-project-zoom 8s ease-in-out infinite alternate;transition:none}
.hmct-project-card--cat:hover .hmct-project-card__image{transform:none}
@keyframes hmct-project-zoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.hmct-project-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s ease}
.hmct-project-card__video[data-hmct-ready="true"]{opacity:1}
.hmct-project-card__overlay{background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.78) 92%)}
.hmct-project-card__copy{position:relative;z-index:1;color:#fff}
.hmct-project-card__copy h3{font-family:var(--hmct-font-script);font-size:63px;font-weight:400;line-height:1;margin:0 0 -4px;color:#fff}
.hmct-project-card__title-link{color:inherit!important;text-decoration:none}
.hmct-project-card__title-link:hover,.hmct-project-card__title-link:focus-visible{text-decoration:underline;text-underline-offset:5px}
.hmct-project-card__line{text-align:right;color:#fff;font-size:16px}.hmct-project-card__line p{margin:0}
.hmct-project-card__link{position:absolute;inset:0;z-index:2;overflow:hidden;text-indent:-9999px}
.hmct-projects__outro{text-align:center;max-width:900px;margin:0 auto;font-size:17px}

.hmct-intents{position:relative;isolation:isolate;min-height:61vh;color:#fff;display:flex;align-items:center}
.hmct-intents__background{position:absolute;inset:0;z-index:-1}
.hmct-intents__background-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.hmct-intents__background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}
.hmct-intents__inner{padding:5% 2%}
.hmct-intents h2{text-align:center;font:400 44px/1 var(--hmct-font-display);color:#fff;margin:0 0 30px}
.hmct-intents__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hmct-intents__item{max-width:24%;padding:9px 9px 0;min-height:80px;text-align:center;font:400 37px/1 var(--hmct-font-script);color:#fff;transition:transform .25s ease,text-shadow .25s ease}
.hmct-intents__item:hover{transform:rotate(-2deg) scale(1.04);text-shadow:0 0 12px #fff}

.hmct-team{padding:8% 2% 4%}
.hmct-team__people{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hmct-team__image-frame{height:clamp(180px,22vw,330px);border-radius:4px}
.hmct-team__image{width:100%;height:100%;object-fit:cover}
.hmct-team__person h3{text-align:center;font:400 46px/1 var(--hmct-font-script);color:var(--hmct-navy);margin:8px 0 0}
.hmct-team__copy{max-width:900px;margin:70px auto 0;text-align:center}
.hmct-team__copy h2{font:400 61px/1 var(--hmct-font-display);color:var(--hmct-navy);margin:0 0 22px}
.hmct-team__body{font-size:17px;line-height:1.45}.hmct-team__body p{margin:0 0 24px}

.hmct-panorama{position:relative;isolation:isolate;min-height:453px;display:flex;align-items:flex-start;text-align:center;color:#fff}
.hmct-panorama__image-frame{position:absolute;inset:0;z-index:-1}
.hmct-panorama__image{width:100%;height:100%;object-fit:cover}
.hmct-panorama__image-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000 0%,transparent 46%);opacity:.55}
.hmct-panorama__copy{padding:2% 0 4%}
.hmct-panorama__copy p{font:400 66px/1 var(--hmct-font-display);margin:1% 0 0}
.hmct-panorama__copy h2{font:400 clamp(70px,12.6vw,161px)/1 var(--hmct-font-display);margin:-1% 0 0}

.hmct-compass{text-align:center;padding:6% 2% 7%}
.hmct-compass .hmct-eyebrow{margin-bottom:0}
.hmct-compass h2{font:400 61px/1 var(--hmct-font-display);color:var(--hmct-navy);margin:-10px 0 26px}
.hmct-compass__body{max-width:930px;margin:auto;font:600 17px/1.4 var(--hmct-font-body);letter-spacing:-.7px}
.hmct-compass__body p{margin:0 0 18px}

.hmct-contact{position:relative;background:linear-gradient(125deg,#1c3b60,#3b5d85);color:#fff}
.hmct-contact__inner{padding:10% 2% 8%;display:grid;grid-template-columns:1fr 32%;gap:4%;align-items:center}
.hmct-contact__copy h2{font:400 67px/1 var(--hmct-font-script);color:#fff;margin:0 0 15px}
.hmct-contact__body{max-width:650px;font-size:17px}.hmct-contact__body p{margin:0 0 25px}
.hmct-contact .hmct-cta-button{background:#fff;color:var(--hmct-navy)!important}.hmct-contact .hmct-cta-button:hover{background:var(--hmct-gold)}
.hmct-contact__person{text-align:center;font:400 34px/1 var(--hmct-font-script)}
.hmct-contact__image-frame{aspect-ratio:1/1;max-width:350px;border-radius:50%;margin:auto auto 12px}
.hmct-contact__image{width:100%;height:100%;object-fit:cover}.hmct-contact__person p{margin:0}

.hmct-work{padding:11% 2% 6%;text-align:center}
.hmct-work .hmct-eyebrow{font-size:23px;margin:0}
.hmct-work h2{font:400 61px/1 var(--hmct-font-display);color:var(--hmct-navy);margin:-10px 0 45px}.hmct-work h2 span{display:block}
.hmct-work__collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;background:rgba(255,255,255,.7);padding:22px}
.hmct-work__column{display:grid;gap:18px;min-width:0}
.hmct-work__carousel{position:relative;min-width:0;min-height:280px;background:#f3f5f9;border-radius:5px;overflow:hidden}
.hmct-work__slide{display:none;height:100%;min-height:280px;align-items:center;justify-content:center}
.hmct-work__slide[data-hmct-active="true"]{display:flex}
.hmct-work__media{display:block;width:100%;height:100%;object-fit:contain}
.hmct-work__carousel--wide,.hmct-work__carousel--wide .hmct-work__slide{min-height:190px}
.hmct-work__carousel--square,.hmct-work__carousel--square .hmct-work__slide{min-height:220px}
.hmct-work__carousel-controls{position:absolute;bottom:5px;left:5px;right:5px;display:flex;justify-content:space-between;pointer-events:none}
.hmct-work__carousel-controls button{pointer-events:auto;border:0;background:rgba(28,59,96,.83);color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer;font:23px/1 sans-serif}
.hmct-work__single{aspect-ratio:1/1;background:#f3f5f9;border-radius:5px}
.hmct-work__video-frame{aspect-ratio:4/3;overflow:hidden;background:#1c3b60;border-radius:5px}
.hmct-work__video-frame video{display:block;width:100%;height:100%;object-fit:cover}
.hmct-work__partner{width:213px;height:100px;margin:30px auto}.hmct-work__partner-image{width:100%;height:100%;object-fit:contain}
.hmct-work__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.hmct-work__gallery-frame{aspect-ratio:4/3;border-radius:5px}
.hmct-work__gallery-frame img{width:100%;height:100%;object-fit:cover}

@media(max-width:1024px){
 .hmct-header__inner{min-height:95px}.hmct-logo-frame--header{height:75px;width:245px}
 .hmct-home{font-size:14.5px}.hmct-intro__title{font-size:48px}.hmct-projects__title,.hmct-compass h2,.hmct-team__copy h2,.hmct-work h2{font-size:48px}
 .hmct-projects__grid{gap:30px}.hmct-project-card--cat{min-height:310px}.hmct-project-card--sonnwaerts{min-height:340px}
 .hmct-project-card--kittel{min-height:268px}.hmct-project-card--vergenoegd{min-height:241px}
 .hmct-panorama__copy p,.hmct-panorama__copy h2{font-size:52px}.hmct-work__collage{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .hmct-header__inner{min-height:80px;padding:5px 5%}.hmct-logo-frame--header{width:195px;height:64px}
 .hmct-nav-toggle{display:block}.hmct-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:12px 5%;box-shadow:0 8px 18px rgba(0,0,0,.16)}
 .hmct-nav[data-hmct-open="true"]{display:block}.hmct-nav__list{display:block}.hmct-nav__list a{padding:12px 4px}.hmct-nav__list .sub-menu{position:static;box-shadow:none;display:block;padding:0 0 0 14px}
 .hmct-footer__inner{display:grid;padding:40px 5%}.hmct-footer__legal-list{flex-wrap:wrap}
 .hmct-home{font-size:16px;line-height:1.3}.hmct-shell{padding-left:5%;padding-right:5%}
 .hmct-reveal__stage{border-radius:0}
 .hmct-intro{display:flex;flex-direction:column;padding-top:10%;padding-bottom:10%;gap:24px}
 .hmct-intro__copy{padding:0}.hmct-intro .hmct-eyebrow{font-size:15px;letter-spacing:2.5px}.hmct-intro__title{font-size:48px;margin:0 0 10px}
 .hmct-intro__portrait{max-width:330px;margin:auto}.hmct-intro__signature{font-size:38px}
 .hmct-projects{padding-top:10%;padding-bottom:10%}.hmct-projects__eyebrow{font-size:15px;letter-spacing:2.4px}
 .hmct-projects__title{font-size:35px;margin:0}.hmct-projects__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"cat" "kittel" "sonnwaerts" "vergenoegd";gap:15px;padding:10% 0 12%}
 .hmct-project-card,.hmct-project-card--cat,.hmct-project-card--kittel,.hmct-project-card--sonnwaerts,.hmct-project-card--vergenoegd{width:100%;min-height:229px;padding:15px 20px}
 .hmct-project-card--cat{min-height:239px}.hmct-project-card--vergenoegd{min-height:212px}.hmct-project-card__copy h3{font-size:44px}
 .hmct-intents{min-height:61vh}.hmct-intents__inner{padding:10% 5%}.hmct-intents h2{font-size:35px}
 .hmct-intents__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hmct-intents__item{max-width:none;min-height:65px;font-size:28px}
 .hmct-team{padding-top:50px;padding-bottom:0}.hmct-team__people{grid-template-columns:repeat(2,1fr);gap:15px}
 .hmct-team__image-frame{height:220px}.hmct-team__person h3{font-size:36px}.hmct-team__copy{margin-top:35px}.hmct-team__copy h2{font-size:36px}
 .hmct-panorama{min-height:320px}.hmct-panorama__copy{padding-top:15px;padding-bottom:30px}.hmct-panorama__copy p,.hmct-panorama__copy h2{font-size:50px}
 .hmct-compass{padding-top:10%;padding-bottom:10%}.hmct-compass .hmct-eyebrow{font-size:15px;letter-spacing:2.5px}.hmct-compass h2{font-size:35px;margin:0 0 20px}.hmct-compass__body{font-size:16px}
 .hmct-contact__inner{grid-template-columns:1fr;padding-top:16%;padding-bottom:12%;gap:30px}.hmct-contact__copy h2{font-size:50px}.hmct-contact__person{max-width:260px;margin:auto}
 .hmct-work{padding-top:23%;padding-bottom:10%}.hmct-work .hmct-eyebrow{font-size:17px;letter-spacing:2.5px}.hmct-work h2{font-size:35px;margin:0 0 28px}
 .hmct-work__collage{grid-template-columns:1fr 1fr;padding:10px;gap:10px}.hmct-work__column{gap:10px}
 .hmct-work__carousel,.hmct-work__slide{min-height:200px}.hmct-work__carousel--square,.hmct-work__carousel--square .hmct-work__slide{min-height:160px}.hmct-work__carousel--wide,.hmct-work__carousel--wide .hmct-work__slide{min-height:130px}
 .hmct-work__gallery{grid-template-columns:repeat(2,1fr);gap:10px}
}
@media(max-width:420px){.hmct-team__image-frame{height:175px}.hmct-work__collage{grid-template-columns:1fr}.hmct-work__gallery{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.hmct-project-card__image,.hmct-intents__item,.hmct-project-card__slide{transition:none!important}.hmct-project-card--cat .hmct-project-card__image{animation:none!important}.hmct-project-card__video{display:none!important}.hmct-project-card:hover .hmct-project-card__image,.hmct-intents__item:hover{transform:none}}

/* Measured source header and hero at 1280 px: 90.898 px / 500 px. */
@media(min-width:1025px){
 .hmct-header{background:#fff;border-bottom:0}
 .hmct-header__inner{min-height:90.898px;padding:14.398px 3.36%}
 .hmct-logo-frame--header{width:204px;height:62.1px}
 .hmct-nav__list{gap:44px}
 .hmct-nav__list a{font:400 43px/1 var(--hmct-font-script);text-transform:none;letter-spacing:0;padding:0;color:#3b5d85}
 .hmct-reveal{height:auto;max-height:none;padding:0}
 .hmct-reveal__stage{height:500px;border-radius:0}
}
/* Source widget has a fixed 500 px stage and no extra scroll-distance setting. */
.hmct-reveal{height:auto;max-height:none;padding:0}
.hmct-reveal__stage{height:500px;max-height:none;background:transparent}
.hmct-reveal__mountains-image{object-position:50% 135%}
@media(max-width:1024px){.hmct-reveal__mountains-image{object-position:50% 100%}}