code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.site-footer{background:var(--color-text);color:#fff;min-width:0;overflow:clip;padding:64px var(--page-padding) 28px;position:relative;width:100%}.site-footer:before{bottom:-18px;color:hsla(0,0%,100%,.035);content:"PREET.DEV";font-size:clamp(3.2rem,11vw,9rem);font-weight:950;letter-spacing:0;line-height:1;max-width:calc(100% - var(--page-padding)*2);overflow:hidden;pointer-events:none;position:absolute;right:max(18px,var(--page-padding));white-space:nowrap}.footer-bottom,.footer-container{margin:0 auto;max-width:var(--page-max);min-width:0;position:relative;width:100%;z-index:1}.footer-container{grid-gap:46px;align-items:start;display:grid;gap:46px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto}.footer-brand{max-width:420px;min-width:0}.footer-logo{color:#fff;display:inline-flex;font-size:1.45rem;font-weight:950;line-height:1;margin-bottom:16px;transition:opacity .25s ease}.footer-logo:hover{opacity:.75}.footer-brand p{color:#b8b8b8;font-size:.95rem;line-height:1.8;margin:0;overflow-wrap:break-word}.footer-links{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.footer-column{display:flex;flex-direction:column;gap:12px;min-width:0}.footer-column h3{color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.footer-column a{color:#b8b8b8;font-size:.92rem;font-weight:700;overflow-wrap:anywhere;transition:color .25s ease,transform .25s ease}.footer-column a:hover{color:#fff;transform:translateX(4px)}.footer-socials{display:flex;gap:12px;justify-content:flex-end;min-width:0}.footer-socials a{align-items:center;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:1.05rem;height:44px;justify-content:center;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;width:44px}.footer-socials a:hover{background:#fff;border-color:#fff;color:var(--color-text);transform:translateY(-4px)}.footer-bottom{align-items:center;border-top:1.5px solid #ffffff1a;color:#9f9f9f;display:flex;gap:18px;justify-content:space-between;margin-top:52px;padding-top:24px}.footer-bottom p,.footer-bottom span{font-size:.82rem;font-weight:700;margin:0;min-width:0;overflow-wrap:break-word}@media (max-width:900px){.site-footer{padding-top:58px}.footer-container{gap:40px;grid-template-columns:1fr}.footer-socials{flex-wrap:wrap;justify-content:flex-start}.footer-bottom{align-items:flex-start;flex-direction:column}}@media (max-width:560px){.site-footer{padding-top:50px}.site-footer:before{bottom:-8px;font-size:3.4rem}.footer-links{gap:30px;grid-template-columns:1fr}.footer-socials a{height:42px;width:42px}}.home{background:#fafafa;color:#1a1a1a;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-top:64px}.home h1,.home h2,.home p{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:none!important}.home-hero{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:88vh;overflow:hidden;padding:95px 60px 70px;position:relative}.hero-content{max-width:780px;position:relative;text-align:center;z-index:3}.home-bg-shape{border-radius:999px;filter:blur(1px);pointer-events:none;position:absolute;z-index:0}.shape-one{animation:blobFloat 8s ease-in-out infinite;background:#fff;border:1.5px solid #eee;height:340px;left:24px;top:105px;width:340px}.shape-two{animation:blobFloat 7s ease-in-out infinite reverse;background:#f1f1f1;bottom:90px;height:220px;right:28px;width:220px}.shape-three{animation:blobFloat 6s ease-in-out infinite;background:#1a1a1a;height:90px;opacity:.04;right:18%;top:24%;width:90px}@keyframes blobFloat{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(12px)}to{transform:translateY(0) translateX(0)}}.floating-code{color:#1a1a1a;font-weight:950;letter-spacing:0;opacity:.08;pointer-events:none;position:absolute;z-index:1}.code-one{animation:floatCode 5s ease-in-out infinite;font-size:3rem;left:17%;top:25%}.code-two{animation:floatCode 6s ease-in-out infinite reverse;font-size:2.8rem;right:15%;top:34%}.code-three{animation:floatCode 7s ease-in-out infinite;bottom:24%;font-size:2.5rem;left:22%}@keyframes floatCode{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(-4deg)}to{transform:translateY(0) rotate(0deg)}}.home-section-tag{align-items:center;background:#fff;border:1.5px solid #eee;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.035);color:#777;display:inline-flex;font-size:.76rem;font-weight:900;gap:10px;letter-spacing:.02em;padding:9px 15px}.home-section-tag:before{color:#c7c7c7;content:"✦"}.hero-title{color:#1a1a1a;font-size:clamp(4rem,9vw,7.8rem);font-weight:950;letter-spacing:0;line-height:.86;margin:26px 0 28px}.ink-banner{color:#1a1a1a;display:inline-block;position:relative}.ink-banner:after{background:#00000014;border-radius:999px;bottom:8px;content:"";height:18px;left:3%;position:absolute;right:3%;z-index:-1}.hero-description{color:#777;font-size:1.05rem;line-height:1.85;margin:0 auto 34px;max-width:620px}.hero-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 auto 34px}.hero-stats div{background:#fff;border:1.5px solid #eee;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.045);min-width:120px;padding:16px 18px;transition:all .25s ease}.hero-stats div:hover{border-color:#dcdcdc;box-shadow:0 22px 50px rgba(0,0,0,.075);transform:translateY(-5px)}.hero-stats span{color:#1a1a1a;display:block;font-size:1.5rem;font-weight:950;letter-spacing:0}.hero-stats p{color:#888;font-size:.78rem;font-weight:800;margin:4px 0 0}.skill-orbit{flex-wrap:wrap;gap:12px}.skill-bubble,.skill-orbit{display:flex;justify-content:center}.skill-bubble{align-items:center;animation:skillFloat 3s ease-in-out infinite;background:#fff;border:1.5px solid #eee;border-radius:50%;box-shadow:0 14px 34px rgba(0,0,0,.045);color:#1a1a1a;font-size:1.15rem;height:46px;transition:all .25s ease;width:46px}.skill-bubble:nth-child(2){animation-delay:.2s}.skill-bubble:nth-child(3){animation-delay:.4s}.skill-bubble:nth-child(4){animation-delay:.6s}.skill-bubble:nth-child(5){animation-delay:.8s}.skill-bubble:nth-child(6){animation-delay:1s}.skill-bubble:hover{animation:none;background:#1a1a1a;border-color:#1a1a1a;color:#fff;transform:translateY(-6px) rotate(-6deg)}@keyframes skillFloat{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}.home-cards-section{padding:24px 48px 90px;position:relative}.home-section-heading{margin:0 auto 28px;max-width:1180px}.home-section-heading h2{color:#1a1a1a;font-size:clamp(2.2rem,5vw,4rem);font-weight:950;letter-spacing:0;line-height:.95;margin:16px 0 0}.home-cards-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px}.home-card{background:#fff;border:1.5px solid #eee;border-radius:24px;box-shadow:0 18px 38px rgba(0,0,0,.045);cursor:pointer;display:flex;flex-direction:column;min-height:245px;min-width:0;overflow:hidden;padding:32px;position:relative;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.home-card:after{background:#dcdcdc;border-radius:50%;content:"";height:9px;position:absolute;right:22px;top:22px;transition:all .28s ease;width:9px}.home-card:hover{border-color:#d8d8d8;box-shadow:0 28px 60px #00000014;transform:translateY(-8px)}.home-card:hover:after{background:#1a1a1a}.home-card-icon{align-items:center;animation:iconFloat 2.8s ease-in-out infinite;background:#fafafa;border:1.5px solid #eee;border-radius:50%;color:#1a1a1a;display:flex;font-size:1.3rem;height:52px;justify-content:center;margin-bottom:34px;transition:transform .35s ease,background .35s ease,color .35s ease,border-color .35s ease;width:52px}.home-card:hover .home-card-icon{animation:none;background:#1a1a1a;border-color:#1a1a1a;color:#fff;transform:translateY(-8px) rotate(-8deg) scale(1.12)}@keyframes iconFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.home-card-title{color:#1a1a1a;font-size:1.18rem;font-weight:950;margin-bottom:14px;overflow-wrap:break-word;transition:transform .28s ease}.home-card-description{color:#888;font-size:.94rem;line-height:1.75;margin-bottom:24px;overflow-wrap:break-word;transition:color .28s ease}.home-card:hover .home-card-title{transform:translateY(-2px)}.home-card:hover .home-card-description{color:#666}.home-card-link{color:#1a1a1a;font-size:.82rem;font-weight:900;margin-top:auto;opacity:0;transform:translateY(8px);transition:all .28s ease}.home-card-link span{display:inline-block;margin-left:5px;transition:transform .28s ease}.home-card:hover .home-card-link{opacity:1;transform:translateY(0)}.home-card:hover .home-card-link span{transform:translateX(4px)}@media (max-width:960px){.home-hero{padding:82px 40px 60px}.home-cards-grid{grid-template-columns:1fr 1fr}.hero-title{font-size:clamp(3.4rem,10vw,5.8rem)}}@media (max-width:640px){.home-hero{min-height:auto;padding:70px 24px 52px}.hero-content{max-width:100%}.hero-title{font-size:3.5rem}.hero-description{font-size:.92rem}.hero-stats{gap:10px}.hero-stats div{min-width:95px;padding:14px}.home-cards-section{padding:24px 20px 64px}.home-cards-grid{grid-template-columns:1fr}.home-card{min-height:230px;padding:28px}.floating-code,.home-bg-shape{display:none}}@media (max-width:420px){.hero-title{font-size:3rem}.home-section-tag{font-size:.68rem}.skill-bubble{height:42px;width:42px}}.about-page{align-items:center;display:flex}.about-container{display:flex;justify-content:center}.about-profile{max-width:920px;min-width:0;padding:34px;width:100%}.about-header{align-items:center;display:flex;gap:22px;margin-bottom:34px;min-width:0}.avatar{background:#fff;border:1.5px solid #e7e7e7;border-radius:50%;box-shadow:0 12px 26px #00000014;flex:0 0 auto;height:86px;object-fit:cover;padding:4px;transition:transform .3s ease,box-shadow .3s ease;width:86px}.avatar:hover{box-shadow:0 18px 36px #0000001f;transform:scale(1.05) rotate(-2deg)}.name-title{min-width:0}.name-title h1{color:var(--color-text);font-size:clamp(1.9rem,5vw,2.35rem);font-weight:900;letter-spacing:0;line-height:1;margin:0 0 8px;overflow-wrap:break-word}.name-title p{color:var(--color-muted);font-size:.95rem;font-weight:500;margin:0;overflow-wrap:break-word}.about-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.about-card{background:#fff;border:1.5px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-soft);min-width:0;overflow:hidden;overflow-wrap:break-word;padding:22px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.about-card:before{background:#e5e5e5;border-radius:50%;content:"";height:8px;position:absolute;right:14px;top:14px;width:8px}.about-card:hover{border-color:#dcdcdc;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.about-card-title{align-items:center;color:var(--color-text);display:flex;font-size:.78rem;font-weight:900;gap:8px;letter-spacing:.12em;margin:0 0 16px;overflow-wrap:anywhere;text-transform:uppercase}.bio{color:var(--color-muted);font-size:.92rem;line-height:1.75;margin:0;max-width:95%}.skills{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.skill{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px;color:#222;font-size:.78rem;font-weight:700;max-width:100%;overflow-wrap:anywhere;padding:8px 12px;transition:all .25s ease}.skill:hover{background:var(--color-text);border-color:var(--color-text);color:#fff;transform:translateY(-2px)}.contact-list{display:flex;flex-direction:column;gap:13px;min-width:0}.contact-item{align-items:center;color:var(--color-muted);display:flex;font-size:.9rem;gap:10px;line-height:1.4;min-width:0;overflow-wrap:anywhere;transition:color .25s ease,transform .25s ease}.contact-item svg{color:var(--color-text);flex:0 0 auto;font-size:1.1rem}.contact-item span{min-width:0;overflow-wrap:anywhere}.contact-item:hover{color:var(--color-text);cursor:pointer;transform:translateX(3px)}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-link{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:50%;color:var(--color-text);display:flex;font-size:1.15rem;height:42px;justify-content:center;transition:all .25s ease;width:42px}.social-link:hover{background:var(--color-text);border-color:var(--color-text);color:#fff;transform:translateY(-4px)}@media (max-width:768px){.about-page{align-items:flex-start}.about-profile{border-radius:22px;padding:24px}.about-header{flex-direction:column;gap:16px;text-align:center}.about-grid{grid-template-columns:1fr}.bio{max-width:100%}.contact-item,.social-links{justify-content:center;text-align:center}}@media (max-width:480px){.about-profile{border-radius:20px;padding:20px}.about-card{padding:20px}.about-card-title{font-size:.72rem}}.contact-page{align-items:center;display:flex}.contact-container{display:flex;justify-content:center}.contact-card{background:#fff;border:1.5px solid #eee;border-radius:28px;box-shadow:0 24px 65px #0000000f;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1050px;overflow:hidden;width:100%}.contact-info{background:#1a1a1a;color:#fff;min-width:0;overflow:hidden;padding:56px;position:relative}.contact-info:before{bottom:-18px;color:hsla(0,0%,100%,.035);content:"CONTACT";font-size:6rem;font-weight:950;left:18px;letter-spacing:0;line-height:1;pointer-events:none;position:absolute}.contact-info h1{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff;font-size:clamp(3rem,6vw,5rem);font-weight:950;letter-spacing:0;line-height:.9;margin:0 0 24px;text-shadow:none!important}.subtitle{color:#cfcfcf;font-size:1rem;line-height:1.8;margin:0 0 44px;max-width:420px}.contact-details{display:flex;flex-direction:column;gap:18px;position:relative;z-index:2}.detail-item{border-top:1px solid #ffffff1a;padding:18px 0}.detail-item:last-child{border-bottom:1px solid #ffffff1a}.detail-text h3{color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.detail-text p{color:#b8b8b8;font-size:.95rem;line-height:1.6;margin:0}.contact-form{background:#fff;min-width:0;padding:56px}.form-group{margin-bottom:24px;position:relative}.form-input{background:#fafafa;border:1.5px solid #eee;border-radius:18px;color:#1a1a1a;font-size:.95rem;font-weight:600;min-height:58px;min-width:0;outline:none;padding:22px 18px 10px;transition:all .25s ease;width:100%}textarea.form-input{min-height:155px;padding-top:26px;resize:vertical}.form-input:hover{border-color:#dcdcdc}.form-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 14px 34px #0000000f}.form-label{color:#888;font-size:.88rem;font-weight:700;left:18px;pointer-events:none;position:absolute;top:18px;transition:all .2s ease}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#1a1a1a;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;top:9px}.submit-btn{align-items:center;background:#1a1a1a;border:1.5px solid #1a1a1a;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:900;gap:10px;justify-content:center;min-height:54px;transition:all .25s ease;width:100%}.submit-btn:hover{background:#000;border-color:#000;box-shadow:0 18px 36px #0000001f;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}@media (max-width:900px){.contact-page{align-items:flex-start}.contact-card{grid-template-columns:1fr}.contact-form,.contact-info{padding:42px}.contact-info:before{font-size:5rem}}@media (max-width:600px){.contact-card{border-radius:24px}.contact-form,.contact-info{padding:28px}.contact-info h1{font-size:3.2rem}.subtitle{font-size:.92rem;margin-bottom:34px}.detail-text p{font-size:.88rem;word-break:break-word}.form-input{border-radius:16px}}@media (max-width:420px){.contact-form,.contact-info{padding:24px}.contact-info h1{font-size:2.8rem}.contact-info:before{font-size:3.8rem}}.projects-page{padding-bottom:96px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}.project-card{flex-direction:column;gap:22px;min-height:320px;padding:30px}.project-card,.project-card-top{display:flex;justify-content:space-between}.project-card-top{align-items:flex-start;gap:14px;min-width:0}.project-date,.project-status{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.74rem;font-weight:900;line-height:1.1;min-width:0;overflow-wrap:anywhere;padding:8px 13px}.project-status{flex:0 0 auto}.project-status.is-complete{color:var(--color-text)}.project-status.is-progress{background:var(--color-text);border-color:var(--color-text);color:#fff}.project-title{color:var(--color-text);font-size:clamp(1.45rem,3vw,2rem);font-weight:950;letter-spacing:0;line-height:1.05;margin:0;overflow-wrap:break-word}.project-description{color:var(--color-muted);font-size:.96rem;line-height:1.8;margin:0;overflow-wrap:break-word}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.project-link{align-items:center;background:var(--color-text);border:1.5px solid var(--color-text);border-radius:999px;color:#fff;display:inline-flex;font-size:.86rem;font-weight:900;justify-content:center;line-height:1;max-width:100%;min-height:44px;overflow-wrap:anywhere;padding:10px 20px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.project-link-secondary{background:#fff;border-color:var(--color-border);color:var(--color-text)}.project-link:hover{box-shadow:0 14px 30px #0000001f;transform:translateY(-2px)}.project-link-secondary:hover{border-color:var(--color-text)}.project-link-disabled{background:var(--color-bg);border-color:var(--color-border);color:var(--color-muted);cursor:default}.project-link-disabled:hover{box-shadow:none;transform:none}@media (max-width:820px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:0}}@media (max-width:520px){.project-card{border-radius:22px;padding:24px}.project-card-top{align-items:flex-start;flex-direction:column}.project-status{flex:initial}}.cert-section{margin-bottom:76px}.cert-section:last-child{margin-bottom:0}.cert-section-title{align-items:center;color:var(--color-text);display:inline-flex;font-size:.85rem;font-weight:900;gap:10px;letter-spacing:.14em;margin:0 0 24px;text-transform:uppercase}.cert-section-title:before{background:#c7c7c7;border-radius:999px;content:"";height:7px;width:7px}.certs-grid,.skills-container{grid-gap:18px;display:grid;gap:18px;min-width:0}.skills-container{grid-template-columns:repeat(2,minmax(0,1fr))}.certs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cert-card,.skill-category{background:#fff;border:1.5px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-soft);min-width:0;overflow:hidden;overflow-wrap:break-word;padding:26px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.cert-card:before,.skill-category:after{background:#dedede;border-radius:50%;content:"";height:9px;position:absolute;right:18px;top:18px;width:9px}.cert-card:hover,.skill-category:hover{border-color:#dcdcdc;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.skill-category-title{align-items:center;color:var(--color-text);display:flex;font-size:1.05rem;font-weight:900;gap:10px;letter-spacing:0;margin:0 0 18px;overflow-wrap:break-word}.skill-category-icon{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:1rem;height:38px;justify-content:center;transition:transform .25s ease;width:38px}.skill-category:hover .skill-category-icon{transform:rotate(-5deg) scale(1.05)}.skill-items{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.skill-item{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px;color:#222;font-size:.78rem;font-weight:800;max-width:100%;overflow-wrap:anywhere;padding:8px 13px;transition:all .25s ease}.skill-item:hover{background:var(--color-text);border-color:var(--color-text);color:#fff;transform:translateY(-2px)}.cert-org{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.72rem;font-weight:900;margin:0 0 16px;max-width:100%;overflow-wrap:anywhere;padding:7px 11px}.cert-name{color:var(--color-text);font-size:1.15rem;font-weight:900;letter-spacing:0;line-height:1.25;margin:0 0 14px;overflow-wrap:break-word}.cert-date,.cert-id{color:var(--color-muted);font-size:.86rem;line-height:1.6;margin:0;overflow-wrap:break-word}.cert-id{color:#999;font-size:.78rem;margin-top:12px}@media (max-width:960px){.certs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.certs-grid,.skills-container{grid-template-columns:1fr}.cert-card,.skill-category{border-radius:22px;padding:22px}}@media (max-width:480px){.cert-section{margin-bottom:58px}.cert-section-title{font-size:.75rem}.skill-category-title{font-size:.98rem}.skill-item{font-size:.74rem;padding:7px 10px}}.work-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.work-card{background:#fff;border:1.5px solid var(--color-border);border-radius:26px;box-shadow:var(--shadow-soft);min-width:0;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.work-card:hover{border-color:#dcdcdc;box-shadow:var(--shadow-hover);transform:translateY(-6px)}.work-image{align-items:center;background:linear-gradient(to bottom right,#ececec,#d8d8d8);display:flex;height:300px;justify-content:center}.work-image span{color:#00000014;font-size:clamp(4.8rem,12vw,8rem);font-weight:950;line-height:1}.work-content{padding:30px}.work-card-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;min-width:0}.work-label{color:var(--color-muted);font-weight:900;letter-spacing:.12em;margin:0;text-transform:uppercase}.work-card-top span,.work-label{font-size:.74rem;overflow-wrap:anywhere}.work-card-top span{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;color:#555;flex:0 0 auto;font-weight:800;max-width:48%;padding:8px 13px}.work-content h2{color:var(--color-text);font-size:clamp(1.55rem,3vw,2.1rem);font-weight:950;letter-spacing:0;line-height:1.08;margin:0 0 18px;overflow-wrap:break-word}.work-content>p{color:#666;line-height:1.75;margin:0 0 26px;overflow-wrap:break-word}.work-content a{align-items:center;background:var(--color-text);border:1.5px solid var(--color-text);border-radius:999px;color:#fff;display:inline-flex;font-weight:900;line-height:1;max-width:100%;min-height:42px;overflow-wrap:anywhere;padding:10px 18px;transition:transform .25s ease,box-shadow .25s ease}.work-content a:hover{box-shadow:0 14px 30px #0000001f;transform:translateY(-2px)}@media (max-width:850px){.work-grid{grid-template-columns:1fr}}@media (max-width:480px){.work-image{height:230px}.work-content{padding:24px}.work-card-top{align-items:flex-start;flex-direction:column}.work-card-top span{max-width:100%}}:root{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Open Sans",Arial,sans-serif;--color-bg:#fafafa;--color-surface:#fff;--color-text:#1a1a1a;--color-muted:#777;--color-border:#eee;--shadow-soft:0 18px 45px rgba(0,0,0,.055);--shadow-hover:0 24px 60px rgba(0,0,0,.085);--radius-card:26px;--page-max:1180px;--page-padding:clamp(18px,5vw,48px);--nav-offset:64px}*,:after,:before{box-sizing:border-box}html{background:#fafafa;background:var(--color-bg);overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Open Sans,Arial,sans-serif;font-family:var(--font-body);line-height:1.6;margin:0;overflow-x:hidden}#root,body{background:#fafafa;background:var(--color-bg);min-height:100vh;min-width:0;width:100%}#root{overflow-x:clip}canvas,img,svg,video{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell,.page{background:#fafafa;background:var(--color-bg);min-height:100vh;min-width:0;width:100%}.page{color:#1a1a1a;color:var(--color-text);overflow-x:clip;padding:132px clamp(18px,5vw,48px) 90px;padding:calc(var(--nav-offset) + 68px) var(--page-padding) 90px}.page-container{margin:0 auto;max-width:1180px;max-width:var(--page-max);min-width:0;width:100%}.page-header{margin:0 auto 64px;max-width:900px;text-align:center;width:100%}.page-tag{align-items:center;background:#fff;background:var(--color-surface);border:1.5px solid #eee;border:1.5px solid var(--color-border);border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.035);color:#777;color:var(--color-muted);display:inline-flex;font-size:.76rem;font-weight:900;gap:10px;justify-content:center;letter-spacing:.02em;margin:0 0 22px;max-width:100%;overflow-wrap:anywhere;padding:9px 15px}.page-tag:before{background:#c7c7c7;border-radius:999px;content:"";flex:0 0 auto;height:6px;width:6px}.page-title{color:#1a1a1a;color:var(--color-text);font-size:clamp(3rem,7vw,5.8rem);font-weight:900;-webkit-hyphens:none;hyphens:none;letter-spacing:0;line-height:.98;margin:0 0 22px;overflow-wrap:normal;word-break:normal}.page-subtitle{color:#777;color:var(--color-muted);font-size:1rem;line-height:1.8;margin:0 auto;max-width:680px;overflow-wrap:break-word}.clean-card{background:#fff;background:var(--color-surface);border:1.5px solid #eee;border:1.5px solid var(--color-border);border-radius:26px;border-radius:var(--radius-card);box-shadow:0 18px 45px rgba(0,0,0,.055);box-shadow:var(--shadow-soft);min-width:0;overflow:hidden;overflow-wrap:break-word;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.clean-card:hover{border-color:#dcdcdc;box-shadow:0 24px 60px rgba(0,0,0,.085);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.pill-button{align-items:center;border:1.5px solid #eee;border:1.5px solid var(--color-border);border-radius:999px;display:inline-flex;font-size:.86rem;font-weight:900;justify-content:center;line-height:1;min-height:44px;padding:10px 20px}@media (max-width:768px){.page{padding-bottom:68px;padding-top:108px;padding-top:calc(var(--nav-offset) + 44px)}.page-header{margin-bottom:46px}}@media (max-width:480px){.page{padding-left:16px;padding-right:16px}.page-title{font-size:clamp(2.5rem,17vw,4rem)}}
/*# sourceMappingURL=main.a4ffb3f8.css.map*/