/* NOTE: Staging presentation for the HOOB special-projects collection page. */
@media only screen and (min-width:770px){.cms-projects .logo img,.cms-projects .header-top-container .item.item-left,.cms-projects .lang-switcher .label:not(.dropdown-icon):not(:hover),.cms-projects .currency-switcher .dropdown-heading:not(:hover),.cms-projects .page-header:not(.sticky-header) .mini-cart .dropdown-heading:not(:hover),.cms-projects .account-links .header.links:not(:hover),.cms-projects .page-header:not(.sticky-header) .search-wrapper .action.search:not(:hover),.cms-projects .page-header:not(.sticky-header) .nav-container .nav-item .level-top:not(:hover){filter:invert(1)}}
.hh-projects .hh-projects-hero .hoob-category-hero__content{color:#ffffff}
.hh-projects .hh-projects-hero .hoob-category-hero__title{max-width:760px;color:#ffffff}
.hh-projects .hh-projects-hero .hoob-category-hero__lead{max-width:620px;color:rgba(255,255,255,.84)}
.hh-projects .hh-projects-hero .hh-category-hero__descriptor{margin-bottom:16px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.2}
.hh-projects .hh-projects-hero .hoob-category-actions{margin-top:28px}
.hh-projects .hh-projects-hero .hoob-category-hero__media::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.56) 42%,rgba(0,0,0,.04) 72%);content:""}
.hh-projects-answer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:44px;font-size:18px;line-height:1.65}
.hh-projects-answer p{margin:0}
.hh-projects-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(43,43,43,.16)}
.hh-projects-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid rgba(43,43,43,.22);color:#2b2b2b;text-decoration:none}
.hh-projects-nav a:hover,.hh-projects-nav a:focus{border-color:#2b2b2b;background:#2b2b2b;color:#ffffff}
.hh-projects-archive{background:#f4f4f4}
.hh-projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px}
.hh-project-card{display:flex;grid-column:span 6;flex-direction:column;scroll-margin-top:100px}
.hh-project-card--feature{grid-column:1/-1}
.hh-project-card--wide{grid-column:span 7}
.hh-project-card--narrow{grid-column:span 5}
.hh-project-card__media{display:block;min-height:0;margin:0;overflow:hidden;background:#2b2b2b}
.hh-project-card__media img{display:block;width:100%;height:clamp(320px,36vw,520px);padding:0;object-fit:cover;background:transparent}
.hh-project-card--feature .hh-project-card__media img{height:clamp(360px,45vw,650px);object-position:center}
.hh-project-card--wide .hh-project-card__media img{object-position:center}
.hh-project-card__media--contain img{object-fit:contain;background:#ffffff}
.hh-project-card__media--soft,.hh-project-card__media--soft img{background:#f4f4f4}
.hh-project-card .hh-card-body{display:flex;flex:1;flex-direction:column;padding:28px}
.hh-project-card h3{margin:0 0 16px;font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.04}
.hh-project-card h3 a{color:inherit;text-decoration:none}
.hh-project-card h3 a:hover,.hh-project-card h3 a:focus{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.hh-project-card p{margin:0;color:rgba(43,43,43,.76);font-size:16px;line-height:1.62}
.hh-project-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:auto 0 0;padding-top:28px}
.hh-project-card__facts div{padding-top:12px;border-top:1px solid rgba(43,43,43,.16)}
.hh-project-card__facts dt{margin-bottom:4px;color:rgba(43,43,43,.58);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hh-project-card__facts dd{margin:0;color:#2b2b2b;font-weight:700}
.hh-project-card__graphic{display:flex;min-height:clamp(320px,36vw,520px);padding:clamp(28px,5vw,70px);flex-direction:column;justify-content:space-between;background:#2b2b2b;color:#ffffff}
.hh-project-card__graphic span{font-size:clamp(48px,8vw,118px);font-weight:800;letter-spacing:-.05em;line-height:.85}
.hh-project-card__graphic strong{font-size:clamp(20px,3vw,42px);letter-spacing:.12em}
.hh-project-card__graphic--myata span{color:#5bd2ec}
.hh-project-card__graphic--zirconium{background:#000000}
.hh-project-card__graphic--zirconium span{color:#ffffff}
.hh-project-card__graphic--zirconium strong{align-self:flex-end;color:#ff9e1b;font-size:clamp(70px,12vw,170px);line-height:.75}
.hh-projects-principles .hh-section-head h2{color:#ffffff}
.hh-projects-manifesto__media{margin:0;overflow:hidden;background:#000000}
.hh-projects-manifesto__media img{display:block;width:100%;height:auto;aspect-ratio:2/1;padding:0;object-fit:cover}
.hh-projects-manifesto__close{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:44px;margin-top:44px}
.hh-projects-manifesto__close p{grid-column:2;max-width:980px;margin:0;color:#ffffff;font-size:clamp(48px,5.2vw,78px);font-weight:500;letter-spacing:-.035em;line-height:.98}
@media(max-width:900px){.hh-projects-answer{grid-template-columns:1fr}.hh-projects-grid{gap:28px}.hh-project-card--wide,.hh-project-card--narrow{grid-column:span 6}.hh-projects-manifesto__close{grid-template-columns:1fr}.hh-projects-manifesto__close p{grid-column:1}.hh-projects .hh-cta .hh-wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:768px){.hh-projects .hh-projects-hero .hoob-category-hero__media{height:clamp(220px,28svh,260px)}.hh-projects .hh-projects-hero .hoob-category-hero__media::after{display:none}.hh-projects .hh-projects-hero .hoob-category-hero__media img{object-position:66% 50%}.hh-projects .hh-projects-hero .hoob-category-hero__title{font-size:clamp(40px,12vw,54px)}.hh-projects .hh-projects-hero .hoob-category-actions .pagebuilder-button-primary{width:auto;align-self:flex-start}.hh-project-card__media img,.hh-project-card__graphic{height:auto;min-height:360px}.hh-project-card--feature .hh-project-card__media img{height:360px;object-position:68% 50%}}
@media(max-width:640px){.hh-projects-grid{grid-template-columns:1fr;gap:24px}.hh-project-card,.hh-project-card--feature,.hh-project-card--wide,.hh-project-card--narrow{grid-column:1}.hh-project-card .hh-card-body{padding:24px 22px}.hh-project-card__media img,.hh-project-card__graphic{min-height:320px}.hh-project-card__facts{gap:14px}.hh-projects-nav{gap:8px}.hh-projects-nav a{min-height:40px;padding:0 12px;font-size:13px}.hh-projects-manifesto__media img{aspect-ratio:1}.hh-projects-manifesto__close{margin-top:30px}.hh-projects-manifesto__close p{font-size:clamp(38px,12vw,50px)}.hh-projects .hh-cta .action.primary{width:100%;text-align:center}}
@media only screen and (max-width:768px){.cms-projects .hoob-category-hero--mobile-flush{margin-top:0;top:-10px;margin-bottom:-10px}}
@media(prefers-reduced-motion:reduce){.hh-projects-nav a{transition:none}}
