.feat{color:#fff;background:#333;height:min(56.25vw,88vh);min-height:460px;display:block;position:relative;overflow:hidden}.feat img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform 1.8s var(--ease);position:absolute;inset:0}.feat:before{content:"";z-index:1;transition:transform 1.1s var(--ease);background:#11161b80;position:absolute;inset:0}.feat:hover:before{transform:translateY(100%)}@media (hover:none){.feat:before{background:#11161b47}}.feat:hover img{transform:scale(1.025)}.feat:after{content:"";z-index:2;background:linear-gradient(#0a0d1000 42%,#0a0d1080 70%,#0a0d10db 100%);position:absolute;inset:0}.feat__txt{z-index:3;position:absolute;bottom:clamp(32px,5vw,64px);left:0;right:0}.feat__txt .mono{color:#fff}.feat h3{letter-spacing:-.035em;margin:14px 0 26px;font-size:clamp(36px,5vw,80px);font-weight:400;line-height:1}.feat__spec{border-top:1px solid #ffffffbf;flex-wrap:wrap;max-width:880px;display:flex}.feat__spec div{flex-direction:column;gap:6px;padding:14px 32px 0 0;display:flex}.feat__spec div+div{border-left:1px solid #fff6;padding-left:24px}.feat__spec span{color:#fff;opacity:.92}.feat__spec b{color:#fff;font-size:16px;font-weight:500}.feat__go{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #fff;gap:10px;margin-top:26px;padding-bottom:5px;font-size:12.5px;font-weight:500;display:inline-flex}.feat__go i{color:var(--orange);transition:transform .35s var(--ease);font-style:normal}.feat:hover .feat__go i{transform:translate(4px)}.pgrid{grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(14px,1.6vw,24px);display:grid}.pc{aspect-ratio:16/9;color:#fff;background:#20262c;display:block;position:relative;overflow:hidden}.pc img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform 1.4s var(--ease);position:absolute;inset:0}.pc:before{content:"";z-index:1;transition:transform .9s var(--ease);background:#11161b94;position:absolute;inset:0}.pc:hover:before{transform:translateY(100%)}.pc:after{content:"";z-index:2;background:linear-gradient(#0a0d1000 40%,#0a0d109e 70%,#0a0d10e6 100%);position:absolute;inset:0}.pc__t{z-index:3;padding:clamp(20px,2vw,28px) 76px clamp(20px,2vw,28px) clamp(20px,2vw,28px);position:absolute;bottom:0;left:0;right:0}.pc__t b{letter-spacing:-.015em;font-size:clamp(19px,1.7vw,26px);font-weight:500;line-height:1.2;display:block}.pc__f{color:#fff;margin-top:10px;font-size:15px;display:block}.pc__t em{color:#fff;opacity:.92;margin-top:4px;font-size:14px;font-style:normal;display:block}.pc>i{z-index:3;border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;transition:background .3s,border-color .3s;display:grid;position:absolute;bottom:clamp(20px,2vw,28px);right:clamp(20px,2vw,28px)}.pc:hover img{transform:scale(1.05)}.pc:hover>i{background:var(--orange);border-color:var(--orange)}@media (hover:none){.pc:before{background:#11161b52}}.feat .loop,.pc .loop{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease),transform 1.8s var(--ease);position:absolute;inset:0}.pc .loop{transition:opacity .6s var(--ease),transform 1.4s var(--ease)}.loop.on{opacity:1}.feat:hover .loop{transform:scale(1.025)}.pc:hover .loop{transform:scale(1.05)}.featbox{position:relative}.loopctl{z-index:4;right:max(var(--pad),calc((100% - 1440px) / 2 + var(--pad)));color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .3s,color .3s;display:grid;position:absolute;bottom:clamp(32px,5vw,64px)}.loopctl[hidden]{display:none}.loopctl svg{fill:currentColor;width:12px;height:12px}.loopctl .i-play,.loopctl[data-state=play] .i-pause{display:none}.loopctl[data-state=play] .i-play{display:block}@media (hover:hover){.loopctl:hover{color:var(--ink);background:#fff}}.psub,.pprog,.pall{display:none}@media (width<=760px){#projects .head .more{display:none}.feat{height:auto;min-height:0;color:var(--ink);background:0 0}.feat img{aspect-ratio:16/9;background:#333;height:auto;position:relative}.feat:before{display:none}.feat:after{background:linear-gradient(#0a0d1000 30%,#0a0d1040 55%,#0a0d10c7 100%);height:56.25vw;bottom:auto}.feat__txt{position:static}.feat__cap{left:var(--pad);right:var(--pad);z-index:3;color:#fff;line-height:normal;position:absolute;top:calc(56.25vw - 14px);transform:translateY(-100%)}.feat__cap .mono{opacity:.9;font-size:10px}.feat h3{letter-spacing:-.02em;margin:6px 0 0;font-size:24px;font-weight:500;line-height:1.1}.feat__spec{border-top:0;border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;max-width:none;line-height:normal;display:grid}.feat__spec div,.feat__spec div+div{border-left:0;padding:14px 0;display:block}.feat__spec .is-area+.is-sys{border-left:1px solid var(--rule);padding-left:16px}.feat__spec .is-scope{border-top:1px solid var(--rule);grid-column:1/-1}.feat__spec span{color:var(--grey);opacity:1;font-size:10px;display:block}.feat__spec b{color:var(--ink);margin-top:6px;font-size:16px;display:block}.feat__go{border-bottom-color:var(--ink);margin-top:18px;font-size:12px;line-height:normal}.feat .loop{height:56.25vw;bottom:auto}.loopctl{border-color:#ffffffb3;width:32px;height:32px;top:12px;bottom:auto;right:12px}.loopctl svg{width:10px;height:10px}.psub{justify-content:space-between;align-items:baseline;margin:44px 0 16px;line-height:normal;display:flex}.psub .mono{color:var(--grey);font-size:11px}.pgrid{margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.pgrid::-webkit-scrollbar{display:none}.pgrid .pc{aspect-ratio:4/5;scroll-snap-align:start;flex:0 0 78%}.js .pgrid .pc.rv{opacity:1;transition:none;transform:none}.pgrid .pc:focus-visible{outline-offset:-3px}.pgrid .pc:before{display:none}.pgrid .pc:after{background:linear-gradient(#0a0d1000 42%,#0a0d1066 68%,#0a0d10d9 100%)}.pgrid .pc__t{padding:0;line-height:normal;bottom:18px;left:18px;right:64px}.pgrid .pc__t b{letter-spacing:-.01em;font-size:20px;line-height:1.2}.pgrid .pc__f{margin-top:8px;font-size:14px}.pgrid .pc__t em{margin-top:3px;font-size:13.5px}.pgrid .pc>i{width:36px;height:36px;font-size:15px;bottom:18px;right:16px}.pc .loop{display:none}.pprog{background:var(--rule);height:1px;margin-top:18px;display:block;position:relative}.pprog i{background:var(--ink);width:33.3%;height:2px;transition:transform .4s var(--ease);position:absolute;top:-.5px;left:0}.pall{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:30px;padding:16px 0;font-size:12px;font-weight:500;line-height:normal;display:flex}.pall i{color:var(--orange);font-style:normal}}