html:has(#p-casestudies){overscroll-behavior:none}#p-casestudies{color:#1a1a1c;user-select:none;cursor:default;touch-action:none;overscroll-behavior:none;background:#fff;width:100%;height:100dvh;padding:0;position:relative;overflow:hidden}.cs3-header{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:30px 38px;display:flex;position:absolute;top:0;left:0;right:0}.cs3-header-left{line-height:1.5}.cs3-label{letter-spacing:.38em;text-transform:uppercase;color:#1a1a1c;font-size:9px}.cs3-sublabel{letter-spacing:.2em;color:#1a1a1c73;margin-top:4px;font-size:11px;font-weight:100}.cs3-viewport{z-index:10;perspective:1500px;perspective-origin:50% 44%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cs3-stage{width:0;height:0;transform-style:preserve-3d;position:relative;transform:translateY(-70px)}.cs3-ring{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:relative}.cs3-card-wrap{transform-origin:50%;width:248px;height:324px;transform-style:preserve-3d;margin:-162px 0 0 -124px;position:absolute;top:50%;left:50%}.cs3-card{cursor:pointer;background:#e8e8e8;border:none;width:100%;height:100%;padding:0;transition:box-shadow .45s,transform .45s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000001f}.cs3-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.cs3-card-idx{letter-spacing:.18em;color:#fff9;font-size:9px;position:absolute;bottom:9px;left:10px}.cs3-card-cat{letter-spacing:.22em;text-transform:uppercase;color:#ffffff73;font-size:8px;position:absolute;top:10px;right:10px}.cs3-card.active{transform:scale(1.045);box-shadow:0 28px 80px #00000038}.cs3-footer{z-index:35;pointer-events:none;flex-direction:column;align-items:center;padding-bottom:30px;display:flex;position:absolute;bottom:0;left:0;right:0}.cs3-idx{letter-spacing:.3em;color:#c9a24b;margin-bottom:8px;font-size:11px}.cs3-title{letter-spacing:.1em;text-transform:uppercase;text-align:center;color:#1a1a1c;max-width:min(640px,86vw);margin:0;font-size:clamp(18px,2.6vw,30px);font-weight:100;line-height:1.1}.cs3-meta{letter-spacing:.26em;text-transform:uppercase;color:#1a1a1c73;margin-top:10px;font-size:10px}.cs3-ticks{pointer-events:all;align-items:flex-end;gap:7px;height:22px;margin-top:18px;display:flex}.cs3-tick{cursor:pointer;background:#1a1a1c2e;border:none;width:2px;padding:0;transition:height .4s,background .4s}.cs3-tick.active{background:#c9a24b}.cs3-navrow{pointer-events:none;align-items:center;gap:16px;margin-top:12px;display:flex}.cs3-arrow{pointer-events:all;cursor:pointer;color:#1a1a1c8c;background:0 0;border:1px solid #1a1a1c2e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;line-height:1;transition:background .2s,color .2s,border-color .2s;display:flex}.cs3-arrow:hover{color:#c9a24b;background:#1a1a1c0a;border-color:#c9a24b}.cs3-hint{letter-spacing:.28em;text-transform:uppercase;color:#1a1a1c4d;font-size:9px;animation:3.4s ease-in-out infinite cs3Pulse}@keyframes cs3Pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes cs3SlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cs3-detail{z-index:60;pointer-events:all;visibility:hidden;opacity:0;background:linear-gradient(#141210 0%,#0d0b09 100%);transition:opacity .35s,visibility .35s;display:flex;position:absolute;inset:0}.cs3-detail.open{visibility:visible;opacity:1}.cs3-detail.open .cs3-detail-body{animation:.7s cubic-bezier(.2,.7,.2,1) 60ms both cs3SlideIn}.cs3-detail-hero{flex:0 0 60%;min-width:0;min-height:0;padding:72px 0 72px 72px;position:relative}.cs3-detail-hero img{object-fit:cover;width:100%;height:100%;display:block;box-shadow:0 50px 120px #0009}.cs3-detail-frames{letter-spacing:.22em;text-transform:uppercase;color:#ece8e073;font-size:9px;position:absolute;bottom:48px;left:72px}.cs3-detail-body{flex-direction:column;flex:1;min-height:0;padding:80px 72px 72px 60px;display:flex;overflow-y:auto}.cs3-detail-num{letter-spacing:.3em;color:#c9a24b;font-size:10px}.cs3-detail-title{letter-spacing:.1em;text-transform:uppercase;color:#ece8e0;margin:14px 0 0;font-size:clamp(28px,4vw,56px);font-weight:100;line-height:1.06}.cs3-detail-note{color:#ece8e0ad;max-width:36ch;margin:20px 0 0;font-size:13px;font-weight:200;line-height:1.7}.cs3-detail-rows{border-top:1px solid #ece8e01f;margin-top:auto;padding-top:24px}.cs3-detail-row{letter-spacing:.06em;border-bottom:1px solid #ece8e00f;justify-content:space-between;gap:20px;padding:9px 0;font-size:11px;display:flex}.cs3-detail-row span:first-child{text-transform:uppercase;letter-spacing:.2em;color:#ece8e061;font-size:9px}.cs3-detail-row span:last-child{color:#ece8e0;text-align:right}.cs3-detail-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;display:flex}.cs3-detail-btn{color:#c9a24b;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;background:#c9a24b1f;border:1px solid #c9a24b66;padding:13px 28px;font-size:9px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.cs3-detail-btn:hover{background:#c9a24b33;border-color:#c9a24b}.cs3-detail-close{z-index:4;color:#ece8e0;cursor:pointer;background:#ece8e012;border:1px solid #ece8e033;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;line-height:1;transition:background .2s,border-color .2s;display:flex;position:absolute;top:22px;right:28px}.cs3-detail-close:hover{background:#ece8e026;border-color:#ece8e080}@media (width<=860px){#p-casestudies{height:calc(100dvh - 52px)}.cs3-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.cs3-detail{flex-direction:column}.cs3-detail-hero{flex:0 0 40%;padding:32px 20px 14px}.cs3-detail-body{padding:18px 24px calc(18px + env(safe-area-inset-bottom))}.cs3-detail-close{top:12px;right:16px}.cs3-detail-frames{left:20px}.cs3-header{padding:20px}.cs3-title{font-size:16px}.cs3-stage{transform:translateY(-58px)}}