.home-page #projects{scroll-margin-top:var(--home-nav-height,98px)}
.home-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d6d9d1;border-left:1px solid #d6d9d1}.home-project-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;min-height:350px;padding:45px 35px;border-right:1px solid #d6d9d1;border-bottom:1px solid #d6d9d1;background:#fdfbf7;color:#19211e;text-decoration:none;overflow:hidden;isolation:isolate;transition:background .35s}.home-project-card:hover,.home-project-card:focus-visible{background:#f1f3ee}.hp-copy{position:relative;z-index:2;align-self:center}.hp-tag{display:block;font-size:10px;letter-spacing:.1em;font-weight:500;color:#5a625f;margin-bottom:28px}.hp-copy h4{font-size:32px;font-weight:600;line-height:1.2;margin:0 0 20px;transition:color .25s}.hp-copy p{font-size:14px;line-height:1.85;color:#535c56;word-break:keep-all;margin-bottom:26px}.hp-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:160px;font-size:11px;color:#004aad;border-bottom:1px solid #004aad66;padding-bottom:8px}.hp-cta>span{transition:transform .25s}.home-project-card:hover .hp-cta>span,.home-project-card:focus-visible .hp-cta>span{transform:translate(3px,-3px)}.home-project-card:hover h4,.home-project-card:focus-visible h4{color:#004aad}.hp-preview{position:relative;align-self:center;height:230px;min-width:0;pointer-events:none;opacity:.68;transition:opacity .3s}.home-project-card:hover .hp-preview,.home-project-card:focus-visible .hp-preview{opacity:1}.hp-record{position:absolute;width:190px;height:190px;left:50%;top:10px;margin-left:-95px;border-radius:50%;background:repeating-radial-gradient(circle at center,#162b44 0 2px,#27405e 2px 3px,#162b44 3px 5px);border:1px solid #142b48;animation:hp-spin 7s linear infinite;animation-play-state:paused}.hp-record-label{position:absolute;inset:57px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f6f4ee;border-radius:50%;color:#004aad}.hp-record-label b{font-family:Georgia,serif;font-size:31px;line-height:1.1}.hp-record-label span{font-size:5px;margin-top:7px;letter-spacing:.07em}.hp-equalizer,.hp-waveform{position:absolute;display:flex;justify-content:center;align-items:center;gap:5px;width:100%;height:45px;bottom:0}.hp-equalizer i,.hp-waveform i{display:block;width:4px;height:var(--bar);background:#004aad;transform-origin:center;animation:hp-level 1.1s calc(var(--i)*-.14s) ease-in-out infinite alternate;animation-play-state:paused}.hp-voice{position:absolute;inset:15px -5px 45px;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#004aad}.hp-voice span{font-size:clamp(15px,1.8vw,24px);font-weight:600;letter-spacing:-.025em;line-height:1.1;transform:translateX(0);transition:transform .55s cubic-bezier(.16,1,.3,1)}.hp-voice span:nth-child(2){color:#19211e;font-weight:400}.hp-voice span:nth-child(3){font-size:clamp(13px,1.5vw,19px);font-weight:400}.hp-mm:hover .hp-voice span:nth-child(1),.hp-mm:focus-visible .hp-voice span:nth-child(1){transform:translateX(8px)}.hp-mm:hover .hp-voice span:nth-child(2),.hp-mm:focus-visible .hp-voice span:nth-child(2){transform:translateX(-7px)}.hp-waveform{height:65px;gap:7px}.hp-waveform i{width:2px}.hp-page{position:absolute;top:28px;left:50%;width:132px;height:177px;margin-left:-66px;padding:18px;background:#f6f4ee;border:1px solid #9daea3;color:#19211e;box-shadow:3px 8px 12px #19211e12;transition:transform .55s cubic-bezier(.16,1,.3,1)}.hp-page-back{transform:rotate(-8deg) translateX(-13px);background:#e6ecdf}.hp-page-back b{font-size:10px;letter-spacing:.05em}.hp-page-back span{display:block;font-size:9px;line-height:1.9;margin:24px 0 15px}.hp-page-middle{transform:rotate(8deg) translateX(13px);background:#e9eef6}.hp-page-middle span{display:block;font-size:9px;line-height:1.7;margin-bottom:24px}.hp-page i{display:block;height:1px;background:#748780;margin:12px 0}.hp-page-cover{display:flex;flex-direction:column;justify-content:space-between;background:#004aad;color:#f6f4ee;transform:rotate(-2deg);border-color:#004aad}.hp-page-cover b{font:400 65px Georgia,serif;letter-spacing:-.04em}.hp-page-cover span{font-size:8px;letter-spacing:.06em;line-height:1.7}.hp-print:hover .hp-page-back,.hp-print:focus-visible .hp-page-back{transform:rotate(-17deg) translate(-30px,-9px)}.hp-print:hover .hp-page-middle,.hp-print:focus-visible .hp-page-middle{transform:rotate(18deg) translate(28px,-6px)}.hp-print:hover .hp-page-cover,.hp-print:focus-visible .hp-page-cover{transform:rotate(-4deg) translateY(8px)}.hp-particles,.hp-particle-fallback{position:absolute;inset:0;width:100%;height:100%}.hp-particles{display:none}.hp-particle-ready .hp-particles{display:block}.hp-particle-ready .hp-particle-fallback{display:none}.hp-particle-fallback{opacity:.45}.hp-community{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 39px Georgia,serif;color:#004aad;white-space:nowrap;pointer-events:none}.home-project-card.is-engaged.is-visible .hp-record,.home-project-card.is-engaged.is-visible .hp-equalizer i,.home-project-card.is-engaged.is-visible .hp-waveform i{animation-play-state:running}.home-project-grid[data-motion=paused] *{animation-play-state:paused!important}
@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-level{from{transform:scaleY(.4)}to{transform:scaleY(1.15)}}
@media(max-width:1000px){.home-project-card{padding:30px 24px;gap:10px}.hp-record{width:160px;height:160px;margin-left:-80px;top:25px}.hp-record-label{inset:45px}.hp-preview{height:225px}.hp-page{width:115px;height:165px;margin-left:-57.5px}.hp-page-cover b{font-size:60px}}
@media(max-width:768px){.home-project-grid{grid-template-columns:1fr}.home-project-card{min-height:310px;padding:30px;gap:20px}.hp-preview{height:225px}.hp-tag{margin-bottom:22px}.hp-copy h4{font-size:30px}.hp-copy p{font-size:13px}.hp-voice span{font-size:22px}.hp-voice span:nth-child(3){font-size:17px}.hp-community{font-size:34px}}
@media(max-width:390px){.home-project-card{padding:25px 20px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hp-record{width:140px;height:140px;margin-left:-70px;top:30px}.hp-record-label{inset:38px}.hp-record-label b{font-size:27px}.hp-page{width:100px;height:151px;margin-left:-50px;padding:15px}.hp-voice span{font-size:19px}.hp-voice span:nth-child(3){font-size:15px}.hp-equalizer{gap:4px}.hp-waveform{gap:5px}}
@media(hover:none){.hp-preview{opacity:1}.hp-page-back{transform:rotate(-13deg) translate(-22px,-5px)}.hp-page-middle{transform:rotate(13deg) translate(20px,-3px)}}
@media(prefers-reduced-motion:reduce){.home-project-card *{animation:none!important;transition:none!important}.home-project-card{transition:none}}

@media(max-width:390px){.hp-print .hp-page-back,.hp-print:hover .hp-page-back,.hp-print:focus-visible .hp-page-back{transform:rotate(-12deg) translate(-12px,-5px)}.hp-print .hp-page-middle,.hp-print:hover .hp-page-middle,.hp-print:focus-visible .hp-page-middle{transform:rotate(12deg) translate(12px,-3px)}}