first commit

wp-content/themes/pkmp/css/custom.css

@@ -0,0 +1 @@
+*{box-sizing:border-box;font-family:"Inter",sans-serif}html{scroll-behavior:smooth}body{margin:0 !important}a{text-decoration:none}p{margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1370px}}.btn{display:inline-flex;flex-direction:row;-moz-column-gap:12px;column-gap:12px;align-items:center;justify-content:center;color:#fcf7f8;font-size:14px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #ee343b;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover{color:#fcf7f8}.btn svg{width:12px;height:12px}h4.sub-title{font-size:12px;font-weight:500;letter-spacing:3px;line-height:1.3;margin-bottom:20px;text-transform:uppercase}h2.title{font-size:72px;font-weight:500;font-family:"Cormorant Garamond",serif;line-height:1;margin-bottom:24px}h2.title span{font-family:"Cormorant Garamond",serif}@media(max-width: 1199px){h2.title{font-size:52px}}.text{margin-bottom:40px}.text p{font-size:18px;line-height:1.5;font-weight:400}.text p:last-child{margin-bottom:0}.box-1{position:relative;height:100svh}.box-1 .circle{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:100%;z-index:2;background:#fff;background:linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, #fff 100%);backdrop-filter:blur(12px)}.box-1 .circle span{color:#10111a;font-size:24px;font-weight:300;letter-spacing:1.2px;line-height:1.3;font-family:"Cormorant Garamond",serif}@media(max-width: 767px){.box-1 .circle{display:none !important}}.box-1 ._row{display:grid;grid-template-columns:50% 50%;align-items:center;height:100%}@media(max-width: 767px){.box-1 ._row{grid-template-columns:1fr}}.box-1 ._row ._col{position:relative;padding:80px;height:100%;align-content:center;display:flex;flex-direction:column;justify-content:space-between}.box-1 ._row ._col:hover .bg-img img{transform:scale(1.06)}.box-1 ._row ._col:hover .bg-img::before{opacity:.8}.box-1 ._row ._col:hover .btn{margin-left:16px}.box-1 ._row ._col .logo{position:relative;z-index:2}.box-1 ._row ._col .logo img{width:100%;max-width:181px}.box-1 ._row ._col .bg-img{position:absolute;inset:0;overflow:hidden}.box-1 ._row ._col .bg-img::before{content:"";position:absolute;inset:0;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.box-1 ._row ._col .bg-img img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.box-1 ._row ._col ._col-content{position:relative;z-index:1}@media(max-width: 767px){.box-1 ._row ._col{padding:32px}}.box-1 ._row ._col-1 .bg-img::before{background:linear-gradient(to top, oklch(16% 0.03 255deg) 0%, oklab(16% -0.00776457 -0.0289778 / 0.5) 50%, oklab(16.1422% -0.00823083 -0.0285079 / 0.1) 100%)}.box-1 ._row ._col-1 h4.sub-title{color:#ee343b}.box-1 ._row ._col-1 h2.title{color:#fcf7f8}.box-1 ._row ._col-1 h2.title span{color:#ee343b}.box-1 ._row ._col-1 .text p{color:#969fab}.box-1 ._row ._col-1 .btn{color:#ee343b;border-bottom-color:#ee343b}.box-1 ._row ._col-2 .bg-img::before{background:linear-gradient(to top, oklab(99% -0.00102606 -0.00281908 / 0.95) 0%, oklab(99% -0.00102606 -0.00281908 / 0.6) 50%, oklab(99% -0.00102606 -0.00281908 / 0.2) 100%)}.box-1 ._row ._col-2 h4.sub-title{color:#6b3078}.box-1 ._row ._col-2 h2.title{color:#10111a}.box-1 ._row ._col-2 h2.title span{color:#6b3078}.box-1 ._row ._col-2 .text p{color:#5f636f}.box-1 ._row ._col-2 .btn{color:#10111a;border-bottom-color:#6b3078}/*# sourceMappingURL=custom.css.map */