#home-view{padding-bottom:40px;background:#d9f3ff}
#home-view .shell{width:min(1280px,calc(100% - var(--page-inset)))}
#home-view .hero{width:100%;height:auto;aspect-ratio:1920/744}
#home-view .hero img,#home-view .hero video{display:block;width:100%;height:100%;object-fit:cover}
#home-view .about{grid-template-columns:287px 1fr;gap:71px;height:320px;margin-top:51px;padding:0 70px 0 115px;border:2px solid #fff;border-radius:32px;background:linear-gradient(177deg,#f3ffff,#f2fdff)}
#home-view .portrait{width:287px;height:334px;margin-top:-51px;border-radius:28px;overflow:hidden;background:none}
#home-view .portrait img{display:block;width:100%;height:100%;object-fit:cover}
#home-view .about h2{margin:0 0 31px;font-size:18px;line-height:1.4;letter-spacing:.9px}
#home-view .chips{gap:16px;margin-bottom:29px}
#home-view .chips span{height:32px;padding:7px 14px;background:#dff4ff;font-size:14px;line-height:18px}
#home-view .about p{max-width:737px;margin:0;font-size:15px;line-height:1.55}
#home-view .about p+p{margin-top:0}
#home-view .projects{padding:56px 0 0}
#home-view .projects>h2,#home-view .contact>h2{margin:0;font-size:20px;line-height:28px}
#home-view .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:20px}
#home-view .project-card{display:block;width:100%;min-height:339px;height:339px;padding:44px 39px;border-radius:31px;overflow:hidden}
#home-view .project-card b{font-size:25px;line-height:35px;letter-spacing:1.25px}
#home-view .project-card span{font-size:18px;line-height:25px;letter-spacing:.9px}
#home-view .project-card b{position:absolute;z-index:4;top:43px;left:39px}
#home-view .project-card span{position:absolute;z-index:4;top:90px;left:39px;margin:0}
#home-view .project-card.cyan{border:1px solid transparent;transition:background .6s cubic-bezier(.22,1,.36,1) .06s,border-color .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.cyan::before,#home-view .project-card.cyan::after{position:absolute;z-index:1;content:"";aspect-ratio:1888/948;border-radius:9px;background:rgba(255,255,255,.7);box-shadow:0 0 24px rgba(176,231,249,.35);transition:all .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.cyan::before{top:162px;left:15.82%;width:68.35%;opacity:.42}
#home-view .project-card.cyan::after{top:167px;left:13.78%;width:72.43%;opacity:.8}
#home-view .project-card img{z-index:2;top:172px;left:10.98%;right:auto;bottom:auto;width:78.04%;height:auto;aspect-ratio:1888/948;border-radius:9px;box-shadow:0 0 18px rgba(176,231,249,.35);transition:all .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.cyan:hover,#home-view .project-card.cyan:focus-visible{border-color:#fff;background:linear-gradient(#fff,#f2fcff)}
#home-view .project-card.cyan:hover::before,#home-view .project-card.cyan:focus-visible::before{top:157px;left:13.68%;width:72.62%}
#home-view .project-card.cyan:hover::after,#home-view .project-card.cyan:focus-visible::after{top:163px;left:11.51%;width:76.96%}
#home-view .project-card.cyan:hover img,#home-view .project-card.cyan:focus-visible img{top:169px;left:8.53%;width:82.94%}
#home-view .project-card.violet{cursor:pointer;border:1px solid transparent;transition:background .6s cubic-bezier(.22,1,.36,1) .06s,border-color .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.violet img{top:155px;left:7.93%;width:84.15%;aspect-ratio:345/215;border-radius:0;box-shadow:none;object-fit:contain;transition:all .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.violet:hover,#home-view .project-card.violet:focus-visible{border-color:#fff;background:linear-gradient(#fff,#f7f0ff)}
#home-view .project-card.violet:hover img,#home-view .project-card.violet:focus-visible img{top:148px;left:5.29%;width:89.43%}
#home-view .project-card.yellow{border:1px solid transparent;transition:background .6s cubic-bezier(.22,1,.36,1) .06s,border-color .6s cubic-bezier(.22,1,.36,1) .06s;outline-offset:3px}
#home-view .project-card.yellow img{top:144px;left:10.49%;width:76.34%;aspect-ratio:313/255;border-radius:0;box-shadow:none;object-fit:contain;transition:all .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.yellow:hover,#home-view .project-card.yellow:focus-visible{border-color:#fff;background:linear-gradient(#fff,#fffbea)}
#home-view .project-card.yellow:hover img,#home-view .project-card.yellow:focus-visible img{top:136px;left:8.1%;width:81.1%}
#home-view .project-card.mint{cursor:pointer;border:1px solid transparent;background:linear-gradient(#e2fffb,rgba(255,255,255,.19));transition:background .6s cubic-bezier(.22,1,.36,1) .06s,border-color .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.mint img{top:155px;left:7.95%;width:84.1%;aspect-ratio:254/152;border-radius:0;box-shadow:none;object-fit:contain;transition:all .6s cubic-bezier(.22,1,.36,1) .06s}
#home-view .project-card.mint:hover,#home-view .project-card.mint:focus-visible{border-color:#fff;background:linear-gradient(#fff,#f2fcff)}
#home-view .project-card.mint:hover img,#home-view .project-card.mint:focus-visible img{top:148px;left:5.3%;width:89.4%}
#home-view .project-card em{display:none}
#home-view .contact{padding:88px 0 0}
#home-view .contact>div{position:relative;display:block;height:240px;margin-top:20px;padding:0;border-radius:29px;overflow:hidden;background:linear-gradient(78deg,#fff6f7,#eefcff)}
#home-view .contact>div>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#home-view .contact-links{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;gap:26px;align-items:center;justify-content:center}
#home-view .contact a{display:flex;align-items:center;gap:15px;font-size:18px;line-height:25px}
#home-view .contact a img{position:static;display:block;object-fit:contain;flex:0 0 auto}
#home-view .contact a .phone-icon{width:14px;height:18px}
#home-view .contact a .email-icon{width:16px;height:15px}
@media(max-width:1100px){#home-view .about{grid-template-columns:230px 1fr;gap:42px;height:auto;min-height:300px;padding:34px 48px}#home-view .portrait{width:230px;height:268px;margin-top:0}#home-view .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#home-view .project-card{width:100%}}
@media(max-width:760px){#home-view .hero{aspect-ratio:1920/744}#home-view .hero video{height:100%}#home-view .about{grid-template-columns:1fr;gap:24px;margin-top:24px;padding:28px}#home-view .portrait{width:180px;height:210px}#home-view .about h2{margin-bottom:18px}#home-view .chips{gap:8px;margin-bottom:18px}#home-view .project-grid{grid-template-columns:1fr}#home-view .project-card{min-height:380px}#home-view .contact{padding-top:52px}#home-view .contact>div{height:190px}#home-view .contact a{font-size:14px}}