.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;font-size:36px;font-weight:500}.portfolio-main{background:#fff;padding:80px 0 120px}.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{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%;min-height:500px}.second-color{background-color:#fff4e5;border-radius:15px;width:100%;min-height:500px}.support-color{background-color:#151515;border-radius:15px;width:100%;min-height:500px}.colors{gap:24px}.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:#f1f1f1b7;letter-spacing:2px;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:-6px -6px 12px #fff,6px 6px 12px #d7d7d7;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{margin-bottom:24px;font-family:The Seasons;font-size:44px;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:#6f6f6f;margin:0;line-height:1.6}@media (width<=992px){.tipografi-grid{grid-template-columns:1fr;gap:48px}.tipografi-watermark{font-size:120px}}@keyframes softType{0%{opacity:0;color:#00000040;transform:translateY(2px)}to{opacity:1;color:#000;transform:translateY(0)}}@media (width<=992px){.portfolio-detail{grid-template-columns:1fr;gap:40px}.portfolio-detail .work-with-us{font-size:24px}}