@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");@import url("https://use.typekit.net/tmq6iso.css");:root{--foreground-rgb:0,0,0;--background-rgb:255,255,255;--primary-color:#5eacb8;--primary-hover:#4a9599;--secondary-color:#fffdf0;--text-gray:#4b5563;--text-gray-light:#6b7280;--text-gray-dark:#1f2937;--body-font:"Poppins","Zen Kaku Gothic New",sans-serif;--heading-font:bickham-script-pro-3,sans-serif;--accent-font:the-seasons,sans-serif}html{scroll-behavior:auto;height:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb));font-family:var(--body-font);font-weight:500;line-height:1.5;overflow-x:hidden;-webkit-overflow-scrolling:auto;min-height:100%}a{text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}.persistent-nav{display:flex;flex-direction:column;z-index:1000;position:fixed;width:135px}.persistent-nav.fixed{position:fixed;top:16px;right:16px}.persistent-nav-link{text-decoration:none;color:#5eacb8;transition:color .3s ease;margin:5px 0;font-size:1.3rem;line-height:1;text-align:right;position:relative;overflow:hidden}.persistent-nav-link span{display:inline-block;transition:transform .6s,opacity .6s}.persistent-nav-link .char{display:inline-block;transition:all .6s ease}.persistent-nav-link .default-text{position:relative;z-index:1;display:block}.persistent-nav-link .hover-text{position:absolute;top:2px;right:0;font-family:var(--accent-font);font-size:1.3rem;letter-spacing:.4px;line-height:1;opacity:0;margin:auto;padding:0 10px;width:max-content;border-radius:26px;text-align:center;transition:opacity 1s,border-color 1s}.persistent-nav-link .nav-text-wrapper{position:relative;display:inline-block;border:1px solid transparent;border-radius:26px;padding:0 10px;transition:border-color .3s}.persistent-nav-link:hover .default-text .char{transform:translateY(-120%);opacity:0}.persistent-nav-link:hover .hover-text{opacity:1}.persistent-nav-link:hover .hover-text .char{opacity:0;transform:translateY(100%);animation:slideUpChar .6s forwards}@keyframes slideUpChar{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.persistent-nav-link .hover-text .char{animation:none}.persistent-nav-link:not(:hover) .hover-text .char{animation:slideDownChar .3s forwards;animation-delay:var(--exit-delay,0ms)}@keyframes slideDownChar{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.persistent-nav-link:hover{background-color:transparent}.persistent-nav-link-active .default-text{color:#000}.nav-line{position:fixed;top:40px;width:calc(100% - 32px);height:1.5px;background-color:#5eacb8;margin:0 16px;z-index:9999;transition:all .5s}.nav-line.top-color{background-color:#fffdf0}.bottom-border,.top-border{width:100%;height:1px;background-color:#e0e0e0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}.header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 2px rgba(0,0,0,.05)}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;height:4rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-gray-dark);text-decoration:none}.nav-desktop{display:none}@media (min-width:768px){.nav-desktop{display:flex;gap:2rem}}.nav-link{color:var(--text-gray);text-decoration:none;font-weight:500}.nav-link:hover{color:var(--text-gray-dark)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.375rem;color:var(--text-gray-light)}.mobile-menu-button:hover{color:var(--text-gray);background-color:#f3f4f6}.mobile-menu{display:none;position:absolute;top:4rem;left:0;right:0;padding:.5rem;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.mobile-menu.active{display:block}.mobile-menu-link{display:block;padding:.75rem 1rem;color:var(--text-gray);text-decoration:none;font-weight:500;border-radius:.375rem}.mobile-menu-link:hover{color:var(--text-gray-dark);background-color:#f3f4f6}.hero{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;padding-top:4rem;background:linear-gradient(to bottom right,#e0e7ff,#f5f3ff,#fce7f3);text-align:center}.hero-content{z-index:10;padding:1rem}.hero-title{font-size:.875rem;font-weight:500;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.hero-name{font-size:4rem;font-weight:800;color:var(--text-gray-dark);margin-bottom:1rem;line-height:1.2}@media (min-width:768px){.hero-name{font-size:6rem}}.hero-catchphrase{font-size:1.25rem;font-weight:600;color:var(--text-gray);margin-bottom:2rem}@media (min-width:768px){.hero-catchphrase{font-size:1.5rem}}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:10;color:var(--text-gray);animation:bounce 1s infinite}.scroll-text{font-size:.75rem;font-weight:500;letter-spacing:.05em}.works{padding:4rem 1rem;background-color:#fff}.works-container{max-width:1200px;margin:0 auto}.works-title{font-size:1.875rem;font-weight:700;text-align:center;color:var(--text-gray-dark);margin-bottom:2rem}@media (min-width:768px){.works-title{font-size:2.25rem}}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem}.filter-button{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .3s}.filter-button.active{background-color:var(--primary-color);color:#fff}.filter-button:not(.active){background-color:#e5e7eb;color:var(--text-gray)}.filter-button:not(.active):hover{background-color:#d1d5db}.works-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.works-grid{grid-template-columns:repeat(3,1fr)}}.work-card{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:box-shadow .3s}.work-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.work-image{width:100%;height:16rem;object-fit:cover;transition:transform .5s}.work-card:hover .work-image{transform:scale(1.05)}.work-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3),transparent)}.work-content{position:absolute;bottom:0;left:0;padding:1rem;color:#fff;width:100%}.work-tags{margin-bottom:.25rem}.work-tag{display:inline-block;background-color:rgba(79,70,229,.8);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .625rem;border-radius:9999px;margin-right:.5rem}.work-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.work-category{font-size:.875rem;color:#d1d5db}.about{padding:4rem 1rem;background-color:#f9fafb;text-align:center}.about-container{max-width:1200px;margin:0 auto}.about-title{font-size:1.875rem;font-weight:700;color:var(--text-gray-dark);margin-bottom:1rem}@media (min-width:768px){.about-title{font-size:2.25rem}}.about-description{font-size:1.125rem;color:var(--text-gray);margin-bottom:2rem}.about-link{color:var(--primary-color);font-weight:500;text-decoration:none}.about-link:hover{color:var(--primary-hover)}.contact{padding:4rem 1rem;background-color:#eef2ff;text-align:center}.contact-container{max-width:1200px;margin:0 auto}.contact-title{font-size:1.875rem;font-weight:700;color:var(--text-gray-dark);margin-bottom:1rem}@media (min-width:768px){.contact-title{font-size:2.25rem}}.contact-description{font-size:1.125rem;color:var(--text-gray);margin-bottom:2rem}.contact-button{display:inline-block;background-color:var(--primary-color);color:#fff;font-weight:700;padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;transition:background-color .3s}.contact-button:hover{background-color:var(--primary-hover)}.footer{background-color:var(--secondary-color);color:var(--primary-color);padding:1rem}.footerContainer{max-width:1200px;margin:5rem auto;text-align:center;align-items:center;flex-flow:column wrap;gap:50px}.footerContainer,.footerNav{display:flex;justify-content:center}.footerNav{gap:1.5rem}.footerLink{color:var(--primary-color);font-size:.75rem}.footerLink:hover{text-decoration:underline}.footerCta{display:flex;justify-content:center}.footerCtaLink{padding:.5rem 1.5rem;border:1px solid var(--primary-color);border-radius:2rem;color:var(--primary-color);font-size:.875rem;transition:all .3s}.footerCtaLink:hover{background-color:var(--primary-color);color:#fff}.footerCopyright{font-size:.8rem;color:var(--primary-color);text-align:center;border-top:2px solid var(--primary-color);width:calc(100% - 32px);margin:6rem auto 0;padding-top:1rem}.footerSocial{justify-content:center}.footerSocial,.footerSocialIcons{display:flex;gap:1rem}.footerSocialLink{width:2rem;height:2rem;background-color:var(--primary-color);color:var(--secondary-color);border-radius:.25rem;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.footerContainer{flex-direction:column;gap:1rem}.footerNav{display:none}.footerCtaLink{font-size:.75rem;padding:.4rem 1.2rem}.footerSocialIcons{margin-top:1rem}}.mobile-fixed-nav{display:none}@media (max-width:768px){.mobile-fixed-nav{display:flex;position:fixed;top:1rem;right:1rem;z-index:100;gap:1.5rem;padding:.5rem 1rem;background-color:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2rem;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease}.mobile-fixed-nav.dark-bg{background-color:rgba(255,248,231,.7)}.mobile-fixed-nav.light-bg{background-color:rgba(91,170,175,.7)}.mobile-nav-link{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s}.mobile-fixed-nav.light-bg .mobile-nav-link{color:#fffdf0}.mobile-nav-link.active{font-weight:700;position:relative}.mobile-nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:currentColor}}.section-title{font-size:27rem;font-weight:400;font-style:italic;color:var(--primary-color);padding-top:100px;font-family:var(--heading-font);text-align:left;position:relative;left:-20px;line-height:.6}.section-title .first-letter{font-family:var(--heading-font);font-style:normal;font-style:oblique -5deg}.section-title .rest-letters{font-family:var(--accent-font);font-size:10rem;font-weight:400}.works-title2{padding-top:100px;left:-30px}.works-title2 .rest-letters{position:relative;left:-7px}.about-title2,.contact-title2{left:-30px;margin-bottom:0}.about-title2 .rest-letters{margin-left:5px}.section-description{font-size:1rem;line-height:1.7;color:#333;margin-bottom:1.2rem;white-space:pre-line;max-width:800px}.section-heading{margin-bottom:1.5rem;text-align:left}.section-heading,.section-name{font-size:2rem;font-weight:700;color:#333}.section-name{margin-bottom:1rem}.section-content{margin-bottom:3rem;align-items:flex-start}@media (max-width:768px){.section-content{flex-direction:column;gap:1.5rem}.section-title{font-size:42vw;margin-bottom:2rem;padding-top:150px;left:-10px}.section-title .rest-letters{font-size:15vw}.works-title2{padding-top:100px}.persistent-nav{background:transparent;z-index:10;position:fixed;top:53px;right:16px}.nav-text-wrapper{background:rgba(255,248,231,.63);-webkit-mask-image:linear-gradient(180deg,1,.7 70%,0);mask-image:linear-gradient(180deg,1,.7 70%,0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.persistent-nav:after{content:"";position:absolute;inset:0;z-index:-1;width:113px;left:17px;top:-12px;height:119px;pointer-events:none;border-radius:0 0 10px 10px}.persistent-nav-link{margin:2.5px 0}.persistent-nav-link .nav-text-wrapper{padding:2.5px 10px}}p{font-size:1rem}@media (max-width:768px){p{font-size:.8rem}.section-heading{font-size:1.2rem}.section-description{font-size:.8rem}}