.project-dialog,.projects-page,.work-card{--p-text:#21232b;--p-muted:#6a6e7a;--p-faint:#888d98;--p-surface:#ffffff;--p-soft:#f3f4f7;--p-border:#e5e6eb;--p-accent:#5853bc;--p-inverse:#ffffff;color:var(--p-text)}.dark .project-dialog,.dark .projects-page,.dark .work-card{--p-text:#eeeff3;--p-muted:#9295a2;--p-faint:#6f7381;--p-surface:#0e0f12;--p-soft:#17191e;--p-border:#25272f;--p-accent:#b6b2f1;--p-inverse:#121318}.work-card{border:1px solid var(--p-border);background:var(--p-surface);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s}.work-card:hover{border-color:var(--p-faint);transform:translateY(-4px);box-shadow:0 16px 45px #0000000d}.work-card-art{position:relative;align-self:stretch;flex-shrink:0;aspect-ratio:16/9;min-width:0;margin:7px 7px 0;border-radius:10px;overflow:hidden}.work-card-art>.project-cover{position:absolute;inset:0}.work-card-art-top{position:absolute;inset:17px 17px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.card-open-icon{height:30px;width:30px;border-radius:50%;background:#ffffffaa;color:#30313c;display:grid;place-items:center;transition:background .2s,transform .2s}.card-open-icon svg{height:14px;width:14px}.work-card:hover .card-open-icon{transform:rotate(45deg);background:white}.work-card-content{padding:22px 25px 23px;flex:1;display:flex;flex-direction:column}.work-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;line-height:1.5;color:var(--p-muted);text-transform:uppercase;letter-spacing:.09em}.meta-divider{color:var(--p-faint);margin:0 5px;opacity:.6}.project-index{color:var(--p-faint);font-variant-numeric:tabular-nums}.work-card-content h3{font-size:27px;line-height:1.25;letter-spacing:-.045em;font-weight:550;margin:10px 0 8px}.work-card-role{display:block;margin:-1px 0 9px;color:var(--p-accent);font-size:11px;font-weight:500}.work-card-content>p{max-width:400px;font-size:12px;line-height:1.8;color:var(--p-muted);text-wrap:pretty}.work-card-bottom{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.project-tags{display:flex;flex-wrap:wrap;gap:5px}.project-tags>span{font-size:9px;line-height:1.5;padding:4px 8px;border:1px solid var(--p-border);color:var(--p-muted);border-radius:5px}.card-explore{display:flex;flex-shrink:0;align-items:center;gap:8px;color:var(--p-muted);font-size:10px}.card-explore svg{height:15px;width:15px;transition:transform .2s}.work-card:hover .card-explore{color:var(--p-text)}.work-card:hover .card-explore svg{transform:translateX(3px)}.project-cover{width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate}.cover-image{background:var(--p-soft)}.cover-image-cover{background:#b5c8f7}.cover-image .project-cover-image{object-fit:contain}.cover-image-icon .project-cover-image{padding:clamp(30px,5vw,70px)}.cover-education{background:#dedcf4}.cover-sukan{background:#d7e5df}.cover-orbit{position:absolute;border:1px solid #ffffff66;border-radius:50%;pointer-events:none}.cover-orbit-one{width:470px;height:470px;top:-230px;right:-100px}.cover-orbit-two{width:370px;height:370px;bottom:-230px;left:-90px}.cover-browser{width:78%;position:absolute;top:26%;left:6%;border:4px solid #ffffffc9;border-radius:8px;background:white;overflow:hidden;box-shadow:0 15px 30px #403b7526;transform:rotate(-4deg);transition:transform .5s}.cover-browser-solo{width:84%;left:8%;top:24%;transform:rotate(-2deg)}.cover-browser-bar{display:flex;align-items:center;gap:3px;height:21px;padding:0 7px;background:#f5f5f8}.cover-browser-bar>span:not(.cover-browser-address){width:4px;height:4px;border-radius:50%;background:#d6d6e0}.cover-browser-bar>span:first-child{background:#e2b1b5}.cover-browser-address{color:#888994;font-size:5px;margin:0 auto;letter-spacing:.03em}.cover-desktop-image{width:100%;height:auto;display:block}.cover-phone{height:82%;aspect-ratio:9/20;position:absolute;right:7%;bottom:6%;border:4px solid #232633;border-radius:20px;box-shadow:0 12px 30px #22243433;overflow:hidden;background:#232633;transform:rotate(6deg);transition:transform .5s}.cover-phone img{width:100%;height:100%;object-fit:cover}.cover-sukan .cover-browser{transform:rotate(-3deg);top:27%}.cover-sukan .cover-phone{transform:rotate(5deg);border-color:#27372f}.work-card:hover .cover-browser{transform:rotate(-1deg) translateY(-3px)}.work-card:hover .cover-phone{transform:rotate(3deg) translateY(-4px)}.cover-product-label{position:absolute;bottom:14px;left:17px;display:flex;align-items:center;gap:5px;color:#4e4d6b;font-size:8px;background:#ffffffcf;padding:5px 7px;border-radius:4px}.cover-label-dot{height:4px;width:4px;border-radius:50%;background:currentColor}.cover-sukan .cover-product-label{color:#4d6659}.cover-mammam{background:#f1e6d2;color:#776036}.cover-mammam .cover-phone{border-color:#574a32}.cover-mammam .cover-product-label{color:#776036}.cover-brand-logo{position:absolute;top:18px;right:62px;width:36px;height:36px;object-fit:contain;border-radius:9px;background:white;box-shadow:0 3px 10px #00000012;z-index:2}.cover-samaro{background:#dce7f0;color:#2d455a}@media (max-width:1050px){.work-card-content{padding:20px}.work-card-bottom{gap:7px}}@media (max-width:767px){.work-card-art{margin:5px 5px 0}.work-card-content{padding:18px 16px}.work-card-meta{font-size:7px;letter-spacing:.06em}.work-card-content h3{font-size:23px}.work-card-content>p{font-size:11px}.work-card-bottom{padding-top:17px}.project-tags>span{font-size:8px;padding:3px 6px}.work-card-art-top{inset:12px 12px auto}.card-open-icon{height:27px;width:27px}.cover-phone{border-width:3px;border-radius:14px}.cover-brand-logo{top:12px;right:50px;width:28px;height:28px;border-radius:7px}.cover-product-label{left:16px;bottom:16px;font-size:6px}.cover-browser{border-width:3px}}@media (max-width:600px){.work-card-content{padding:21px}.work-card-meta{font-size:8px}.work-card-content h3{font-size:26px}.work-card-content>p{font-size:12px}.work-card-bottom{padding-top:20px}.cover-product-label{font-size:7px;bottom:18px;left:20px}}.work-card:focus-visible{outline:2px solid var(--p-accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.project-cover,.project-cover *,.work-card,.work-card *{transition:none!important;animation:none!important}}.quote-modal_dialog__3xPEO{--q-text:#24262e;--q-muted:#6b6f7b;--q-faint:#858a97;--q-surface:#ffffff;--q-soft:#f6f6f9;--q-border:#e4e5ec;--q-accent:#7162a6;--q-selected:#f3f0f9;--q-error:#b0444f;--q-inverse:#ffffff;color:var(--q-text);background:var(--q-surface);border:1px solid var(--q-border);border-radius:16px;width:min(740px,calc(100vw - 48px));max-width:740px;max-height:calc(100dvh - 48px);margin:24px;box-shadow:0 30px 100px #00000040;overflow:hidden}.dark .quote-modal_dialog__3xPEO{--q-text:#eeeff3;--q-muted:#989ba8;--q-faint:#777b89;--q-surface:#101115;--q-soft:#17181e;--q-border:#282a33;--q-accent:#bbb1e1;--q-selected:#211e2d;--q-error:#e8969e;--q-inverse:#121318}.quote-modal_wrapper__CfjOR{padding:0}.quote-modal_backdrop__0v4b_{background:#07080cbf;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.quote-modal_dialog__3xPEO .quote-modal_closeButton__yJ_Y6{top:20px;right:23px;padding:7px;color:var(--q-muted);border-radius:6px;background:var(--q-soft);z-index:5}.quote-modal_dialog__3xPEO .quote-modal_closeButton__yJ_Y6:hover{color:var(--q-text)}.quote-modal_dialog__3xPEO .quote-modal_header__CQhom{display:block;padding:28px 34px 24px;border-bottom:1px solid var(--q-border);flex-shrink:0}.quote-modal_eyebrow__zzBwy{font-size:8px;line-height:1.6;font-weight:500;letter-spacing:.14em;color:var(--q-muted);padding-right:30px}.quote-modal_header__CQhom h2{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-.045em;margin-top:12px;padding-right:15px}.quote-modal_header__CQhom h2>span{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;color:var(--q-muted)}.quote-modal_intro__LrHSy{font-size:12px;line-height:1.8;font-weight:400;color:var(--q-muted);margin-top:10px;max-width:510px}.quote-modal_form__ZpFZU{display:flex;flex-direction:column;min-height:0;flex:1}.quote-modal_dialog__3xPEO .quote-modal_body__2Xw8W{padding:24px 34px;gap:20px;overscroll-behavior:contain}.quote-modal_fields__GVGXn{display:flex;flex-direction:column;gap:22px;min-width:0}.quote-modal_fields__GVGXn:disabled{opacity:.65}.quote-modal_sectionTitle__oHlCc{display:flex;align-items:baseline;gap:12px;font-size:12px;font-weight:500;letter-spacing:-.01em;color:var(--q-text);margin-bottom:15px}.quote-modal_sectionTitle__oHlCc>span{font-size:9px;font-weight:400;color:var(--q-faint);font-variant-numeric:tabular-nums}.quote-modal_contactFields__Zq0hB{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.quote-modal_field__9ygJ6{display:flex;flex-direction:column;gap:8px;min-width:0}.quote-modal_field__9ygJ6>label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10px;font-weight:500;line-height:1.5}.quote-modal_field__9ygJ6 :is(input,textarea,select){width:100%;min-width:0;padding:11px 12px;border:1px solid var(--q-border);border-radius:7px;background:var(--q-surface);color:var(--q-text);font-family:inherit;font-size:12px;line-height:1.6;outline:none;transition:border-color .2s,box-shadow .2s}.quote-modal_field__9ygJ6 input{min-height:43px}.quote-modal_field__9ygJ6 textarea{resize:vertical;min-height:108px;max-height:240px}.quote-modal_field__9ygJ6 :is(input,textarea)::placeholder{color:var(--q-faint);opacity:1}.quote-modal_field__9ygJ6 :is(input,textarea,select):hover{border-color:var(--q-faint)}.quote-modal_field__9ygJ6 :is(input,textarea,select):focus{border-color:var(--q-accent);box-shadow:0 0 0 3px var(--q-selected)}.quote-modal_field__9ygJ6 :is(input,textarea)[aria-invalid=true]{border-color:var(--q-error)}.quote-modal_projectSection__aCYkx{min-width:0}.quote-modal_projectSection__aCYkx>legend{float:none}.quote-modal_projectTypes__0capB{display:flex;flex-wrap:wrap;gap:7px}.quote-modal_projectChoice__PNaO1{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 11px;border:1px solid var(--q-border);border-radius:6px;color:var(--q-muted);font-size:10px;line-height:1.5;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.quote-modal_projectChoice__PNaO1 svg{height:12px;width:12px;flex-shrink:0;opacity:0}.quote-modal_projectChoice__PNaO1:hover{border-color:var(--q-faint);color:var(--q-text)}.quote-modal_projectChoice__PNaO1:has(input:checked){border-color:var(--q-accent);background:var(--q-selected);color:var(--q-accent)}.quote-modal_projectChoice__PNaO1:has(input:checked) svg{opacity:1}.quote-modal_projectChoice__PNaO1:has(input:focus-visible){outline:2px solid var(--q-accent);outline-offset:3px}.quote-modal_projectChoice__PNaO1:has(input:disabled){cursor:wait}.quote-modal_projectSection__aCYkx:has(input[aria-invalid=true]) .quote-modal_projectChoice__PNaO1{border-color:var(--q-error)}.quote-modal_projectSection__aCYkx>.quote-modal_fieldError__jj9Wv{margin-top:9px}.quote-modal_detailHint__DQmyS{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--q-faint);font-size:9px;line-height:1.5}.quote-modal_detailHint__DQmyS>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.quote-modal_budgetRow__Zubvv{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.quote-modal_budgetRow__Zubvv>p{color:var(--q-muted);font-size:10px;line-height:1.9;padding-top:18px;max-width:235px}.quote-modal_optional__Id89y{font-size:9px;font-weight:400;color:var(--q-faint);white-space:nowrap}.quote-modal_selectWrapper__Y_NYW{position:relative}.quote-modal_selectWrapper__Y_NYW>select{appearance:none;padding-right:34px;min-height:43px;cursor:pointer}.quote-modal_selectWrapper__Y_NYW>svg{position:absolute;top:calc(50% - 7px);right:13px;height:14px;width:14px;color:var(--q-muted);pointer-events:none}.quote-modal_selectWrapper__Y_NYW option{color:var(--q-text);background:var(--q-surface)}.quote-modal_consentField__6lw8c{padding-top:17px;border-top:1px solid var(--q-border)}.quote-modal_consent__Jsy5X{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.8;color:var(--q-muted);cursor:pointer}.quote-modal_consent__Jsy5X>input{accent-color:var(--q-accent);width:15px;height:15px;flex-shrink:0;margin-top:2px}.quote-modal_consent__Jsy5X>input[aria-invalid=true]{outline:1px solid var(--q-error);outline-offset:2px}.quote-modal_consentField__6lw8c>.quote-modal_fieldError__jj9Wv{margin-top:8px;padding-left:25px}.quote-modal_fieldError__jj9Wv{color:var(--q-error);font-size:10px;line-height:1.6}.quote-modal_errorMessage__FIKEj{border:1px solid var(--q-error);border-radius:7px;color:var(--q-error);padding:13px 15px;font-size:11px;line-height:1.7}.quote-modal_errorMessage__FIKEj>a{display:inline-flex;align-items:center;gap:7px;margin-top:6px;color:var(--q-text);text-decoration:underline;text-underline-offset:3px}.quote-modal_dialog__3xPEO .quote-modal_footer__FtY1d{border-top:1px solid var(--q-border);padding:18px 34px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;background:var(--q-soft)}.quote-modal_footerNote__ojH9w{font-size:10px;line-height:1.7;color:var(--q-muted)}.quote-modal_footerNote__ojH9w a{display:inline-flex;gap:6px;color:var(--q-text);margin-left:4px}.quote-modal_footerNote__ojH9w a:hover{color:var(--q-accent)}.quote-modal_footerButtons__GgBpa{display:flex;align-items:center;gap:8px}.quote-modal_dialog__3xPEO .quote-modal_cancelButton__N5TBN{min-width:65px;padding:10px 13px;font-size:11px;color:var(--q-muted);height:41px;border-radius:6px;background:transparent}.quote-modal_dialog__3xPEO .quote-modal_cancelButton__N5TBN:hover{color:var(--q-text);background:var(--q-border)}.quote-modal_dialog__3xPEO .quote-modal_submitButton__LvQIx{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:160px;height:41px;border-radius:6px;padding:10px 16px;background:var(--q-text);color:var(--q-inverse);font-size:11px;font-weight:500}.quote-modal_dialog__3xPEO .quote-modal_submitButton__LvQIx:not(:disabled):hover{opacity:.85}.quote-modal_submitButton__LvQIx svg{height:15px;width:15px;flex-shrink:0}.quote-modal_dialog__3xPEO :is(button,a,input[type=checkbox]):focus-visible{outline:2px solid var(--q-accent);outline-offset:3px}.quote-modal_dialog__3xPEO .quote-modal_successBody__k73dU{padding:34px}.quote-modal_successContent__Fkm_9{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.quote-modal_errorMessage__FIKEj:focus,.quote-modal_successContent__Fkm_9:focus{outline:none}.quote-modal_successIcon__roWwx{width:42px;height:42px;display:grid;place-items:center;border:1px solid #79b28d66;background:#79b28d12;color:#39815b;border-radius:50%}.dark .quote-modal_successIcon__roWwx{color:#91caa6}.quote-modal_successIcon__roWwx svg{width:22px;height:22px}.quote-modal_successContent__Fkm_9 h3{font-size:22px;font-weight:500;letter-spacing:-.03em}.quote-modal_successContent__Fkm_9>p{color:var(--q-muted);font-size:13px;line-height:1.9;max-width:480px}.quote-modal_successContent__Fkm_9 strong{color:var(--q-text);font-weight:500;overflow-wrap:anywhere}.quote-modal_summary__aCcYa{width:100%;border-top:1px solid var(--q-border);margin-top:7px}.quote-modal_summary__aCcYa>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:20px;padding:13px 0;border-bottom:1px solid var(--q-border);font-size:11px;line-height:1.6}.quote-modal_summary__aCcYa dt{color:var(--q-muted)}.quote-modal_summary__aCcYa dd{overflow-wrap:anywhere}.quote-modal_srOnly__ctEkA{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:600px){.quote-modal_dialog__3xPEO{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:12px;border-radius:12px}.quote-modal_dialog__3xPEO .quote-modal_header__CQhom{padding:25px 22px 20px}.quote-modal_dialog__3xPEO .quote-modal_closeButton__yJ_Y6{top:18px;right:16px}.quote-modal_header__CQhom h2{font-size:30px;padding-right:20px;max-width:360px}.quote-modal_intro__LrHSy{font-size:11px;margin-top:12px;max-width:300px}.quote-modal_dialog__3xPEO .quote-modal_body__2Xw8W{padding:22px}.quote-modal_fields__GVGXn{gap:23px}.quote-modal_contactFields__Zq0hB{grid-template-columns:1fr;gap:15px}.quote-modal_sectionTitle__oHlCc{font-size:12px;margin-bottom:14px}.quote-modal_field__9ygJ6>label{font-size:11px}.quote-modal_field__9ygJ6 :is(input,textarea,select){font-size:16px;line-height:1.4;padding:11px 12px}.quote-modal_field__9ygJ6 textarea{min-height:135px}.quote-modal_projectChoice__PNaO1{font-size:11px;padding:12px;min-height:44px}.quote-modal_projectTypes__0capB{gap:7px}.quote-modal_detailHint__DQmyS{font-size:9px}.quote-modal_budgetRow__Zubvv{grid-template-columns:1fr;gap:7px}.quote-modal_budgetRow__Zubvv>p{padding:0;font-size:10px;max-width:100%}.quote-modal_consent__Jsy5X{font-size:11px;gap:11px}.quote-modal_consent__Jsy5X>input{width:17px;height:17px;margin-top:2px}.quote-modal_dialog__3xPEO .quote-modal_footer__FtY1d{flex-wrap:wrap;padding:15px 22px max(17px,env(safe-area-inset-bottom));gap:13px}.quote-modal_footerButtons__GgBpa{width:100%;justify-content:space-between}.quote-modal_footerNote__ojH9w{order:2;width:100%;text-align:center;font-size:10px}.quote-modal_dialog__3xPEO .quote-modal_submitButton__LvQIx{min-width:155px;min-height:44px;font-size:12px}.quote-modal_dialog__3xPEO .quote-modal_cancelButton__N5TBN{min-height:44px}.quote-modal_dialog__3xPEO .quote-modal_successBody__k73dU{padding:27px 22px}.quote-modal_successContent__Fkm_9 h3{font-size:21px}.quote-modal_successContent__Fkm_9>p{font-size:12px}.quote-modal_successBody__k73dU+.quote-modal_footer__FtY1d{justify-content:flex-end}.quote-modal_fieldError__jj9Wv{font-size:10px}}@media (prefers-reduced-motion:reduce){.quote-modal_dialog__3xPEO *{animation:none!important;transition:none!important}}