.main-logo-section{background-color:#6f141b;width:100%;min-height:100vh;display:block;position:relative}.logo-wrap{flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-mark{width:260px;height:auto}.logo-title{color:#f5efe6;letter-spacing:1px;font-family:the-seasons,sans-serif;font-size:36px;font-weight:500}.portfolio-main{background:#fff;padding:80px 0 50px}.portfolio-detail{grid-template-columns:1fr 2fr;align-items:start;gap:80px;display:grid}.portfolio-detail-left{justify-content:flex-start;display:flex}.portfolio-detail-right{gap:48px;display:grid}.portfolio-block p{color:#111;margin:8px 0 0;line-height:1.6}.portfolio-detail .work-with-us,.portfolio-detail .work-with-us-head{text-align:left;padding:0;font-size:28px;font-weight:600;animation:none}.portfolio-detail .work-with-us span{opacity:0;color:#00000040;display:inline-block;transform:translateY(2px)}.portfolio-detail .work-with-us.is-typing span{animation:.6s forwards softType}.main-color{background-color:#6f141b;border-radius:15px;width:100%;height:500px}.second-color{background-color:#fff4e5;border-radius:15px;width:100%;height:500px}.support-color{background-color:#151515;border-radius:15px;width:100%;height:500px}.colors{grid-template-columns:5fr 4fr 3fr;gap:24px;display:grid}.main-color,.second-color,.support-color{justify-content:flex-end;align-items:flex-end;padding:24px;display:flex}.color-text{text-align:right;color:#fff;flex-direction:column;align-items:flex-end;display:flex}.color-text h5{color:#fff;margin:0}.tipografi-section{background:#fff;padding:120px 0 140px}.tipografi-inner{position:relative}.tipografi-watermark{color:#f6f6f6af;letter-spacing:2px;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:-6px -6px 12px #f7f7f7,6px 6px 12px #ccc;justify-content:center;align-items:center;font-family:Inter,-apple-system,sans-serif;font-size:220px;font-weight:700;display:flex;position:absolute;inset:0}.tipografi-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:80px;display:grid;position:relative}.tipografi-card{text-align:center}.tipografi-title{text-align:center;margin-bottom:24px;font-family:The Seasons;font-size:40px;font-weight:300}.tipografi-line{letter-spacing:1px;margin:12px 0 0;font-size:20px}.tipografi-card:first-child .tipografi-title,.tipografi-card:first-child .tipografi-line{font-family:The Seasons}.tipografi-card:last-child .tipografi-title,.tipografi-card:last-child .tipografi-line{font-family:Inter,sans-serif}.portfolio-imgs{gap:60px;margin-top:80px}.portfolio-card{gap:18px;display:grid}.portfolio-card-image,.portfolio-card-image-mini{border-radius:18px;transition:background .4s;overflow:hidden}.portfolio-card-image img{width:100%;transition:filter .4s,transform .4s;display:block;filter:grayscale()!important}.portfolio-card-image-mini img{width:100%;transition:filter .4s,transform .4s;filter:grayscale()!important}.portfolio-card:hover img{transform:scale(1.02);filter:grayscale(0%)!important}.portfolio-card:hover .portfolio-card-image,.portfolio-card:hover .portfolio-card-image-mini{background:#6f141b}.portfolio-card:hover .portfolio-card-image img{filter:grayscale(0%);transform:scale(1.01)}.portfolio-card-text h4{margin:0 0 6px;font-size:25px;font-weight:400}.portfolio-card-text p{color:#b7b7b7;margin:0;padding:10px 0;line-height:1.6}@media (width<=992px){.tipografi-grid{grid-template-columns:1fr;gap:48px}.tipografi-watermark{font-size:84px}}@media (width<=767.98px){.colors{grid-template-columns:1fr}.colors .main-color,.colors .second-color,.colors .support-color{height:250px!important}}@keyframes softType{0%{opacity:0;color:#00000040;transform:translateY(2px)}to{opacity:1;color:#000;transform:translateY(0)}}@media (pointer:coarse){.portfolio-card img{filter:grayscale();transition:filter .5s}.portfolio-card.is-active img{filter:grayscale(0%)}}@media (width<=992px){.portfolio-detail{grid-template-columns:1fr;gap:40px}.portfolio-card-text{margin-top:40px;padding:0 20px}.portfolio-card-text h4{margin:0 0 6px;font-size:16px;font-weight:400}.portfolio-card-text p{color:#b7b7b7;margin:0;font-size:12px;line-height:1.6}.portfolio-card{gap:18px;display:grid;margin-top:40px!important;margin-bottom:50px!important}.tipografi-title{text-align:center;margin-bottom:24px;font-family:The Seasons;font-size:18px;font-weight:700}.tipografi-line{letter-spacing:1px;margin:12px 0 0;font-size:12px}.portfolio-detail .work-with-us{font-size:12px;font-weight:700}.portfolio-detail .work-with-us-head{text-align:left;padding:0;font-size:18px;font-weight:600;animation:none}.portfolio-block p{color:#111;margin:8px 0 0;font-size:12px;line-height:1.6}}