/* Homepage project stages share HITM's structure and interactions. */
.project-feature{border-top:1px solid var(--line);scroll-margin-top:96px}
.project-feature--sonixed{background:#17191d}
.project-feature--sangkee{background:#201c1a}
.project-feature--archive{background:#19181d}
.project-feature .hitm-heading{grid-template-columns:1.2fr .65fr .9fr;gap:4%}
.project-feature .hitm-heading>div{min-width:0}
.project-feature .hitm-heading-main h2{width:auto;font-size:clamp(64px,8vw,128px);overflow-wrap:anywhere}
.project-feature .hitm-longname{white-space:normal;font-size:clamp(10px,1.1vw,15px);line-height:1.6;margin-top:18px}
.project-feature .hitm-quote strong{font-size:clamp(18px,1.6vw,25px)}
.project-feature .hitm-metadata span{line-height:1.7}
.project-panel-placeholder{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:64px 22px 90px;background:repeating-linear-gradient(135deg,transparent 0 60px,#ffffff04 60px 61px)}
.project-panel-placeholder>span,.project-concept-label{font-family:var(--mono);font-size:8px;letter-spacing:.07em;line-height:1.7;color:var(--muted)}
.project-panel-placeholder>strong{font-family:var(--display);font-size:clamp(26px,3.6vw,52px);font-weight:400;line-height:1.1;color:#ffffff35;overflow-wrap:anywhere}
.project-panel-system{background:#202026}
.project-panel-detail{background:#242128}
.project-feature--sangkee .project-panel-system{background:#29211c}
.project-feature--sangkee .project-panel-detail{background:#302720}
.project-concept-label{position:absolute;z-index:2;top:17px;right:16px;max-width:calc(100% - 65px);padding:5px 8px;color:var(--ink);background:#101013d9}
.project-panel-pending .panel-caption{right:18px}
.project-panel-pending:hover::after{border-color:transparent;background:none}
@media(max-width:1130px){.project-feature .hitm-heading-main h2{font-size:clamp(58px,8vw,96px)}.project-panel-placeholder{padding-inline:16px}.project-panel-placeholder>strong{font-size:clamp(24px,3.6vw,42px)}}
@media(max-width:860px){.project-feature .hitm-heading{grid-template-columns:1fr .65fr;gap:26px}.project-feature .hitm-metadata{grid-column:1/-1}.project-feature .hitm-heading-main h2{font-size:clamp(58px,10vw,88px)}.project-feature .hitm-metadata p{max-width:none}.project-feature .section-kicker{flex-wrap:wrap;line-height:1.7}}
@media(max-width:620px){.project-feature{scroll-margin-top:80px}.project-feature .hitm-heading{display:block}.project-feature .hitm-heading-main h2{font-size:clamp(44px,13vw,80px)}.project-feature .hitm-longname{margin:12px 0 22px}.project-feature-gallery{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.project-panel-preview{grid-column:1/-1;aspect-ratio:1.4}.project-panel-pending,.project-panel-support{aspect-ratio:3 / 4}.project-panel-placeholder{padding:42px 14px 85px;gap:16px}.project-panel-placeholder>strong{font-size:clamp(22px,6vw,34px)}.project-panel-placeholder>span{font-size:7px}.project-feature .hitm-bottom>span{line-height:1.8}.project-feature .extend-rule{min-width:20px}.project-concept-label{top:10px;font-size:7px}}