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