.ffn{--ffn-bg:#10101a;--ffn-main:#9370db;--ffn-soft:#ffffffcc;--ffn-text:#fff;--ffn-panel:#0b0b13;container-type:inline-size;min-height:100%;background:var(--ffn-bg);color:var(--ffn-text);font-family:var(--ff-font-kosugi),"Kosugi Maru",system-ui,sans-serif}.ffn *,.ffn :after,.ffn :before{box-sizing:border-box;margin:0;padding:0}.ffn a{color:inherit;text-decoration:none}.ffn a,.ffn button,.ffn h1,.ffn h2,.ffn h3,.ffn h4,.ffn h5,.ffn h6,.ffn p{font-family:var(--ff-font-kosugi),"Kosugi Maru",system-ui,sans-serif}.ffn ul{list-style:none}.ffn-accent{color:var(--ffn-main)}.ffn-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:24px 14%;background:var(--ffn-bg)}.ffn-logo{font-size:1.8rem;font-weight:600}.ffn-navbar{display:flex}.ffn-navbar a{display:inline-block;padding:10px 20px;font-size:1rem;font-weight:500;border-bottom:2px solid transparent;transition:.3s}.ffn-navbar a:hover{color:var(--ffn-main);border-bottom-color:var(--ffn-main)}.ffn-menu-btn{display:none;border:0;background:none;color:inherit;cursor:pointer}.ffn section{padding:120px 14%}.ffn-btn{display:inline-block;padding:0 25px;line-height:42px;border:1px solid transparent;background:var(--ffn-main);color:var(--ffn-text)!important;box-shadow:4px 4px var(--ffn-text);font-size:14px;letter-spacing:2px;transition:all .35s ease}.ffn-btn:hover{background:var(--ffn-text);color:var(--ffn-main)!important;box-shadow:4px 4px var(--ffn-main)}.ffn-btn--ghost{background:transparent;border-color:var(--ffn-main);box-shadow:none}.ffn-btn--ghost:hover{box-shadow:4px 4px var(--ffn-main)}.ffn-picture{display:block;width:100%;max-width:560px;aspect-ratio:1;object-fit:cover;border-radius:12px}.ffn-picture--empty{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(147,112,219,.55),transparent 55%),radial-gradient(circle at 75% 80%,rgba(147,112,219,.3),transparent 50%),var(--ffn-panel);border:1px dashed rgba(147,112,219,.5)}.ffn-picture__initials{font-size:clamp(3rem,9cqi,6rem);color:var(--ffn-main);letter-spacing:4px}.ffn-home{display:grid;grid-template-columns:repeat(2,1fr);gap:6rem;align-items:center;min-height:calc(100vh - 90px)}.ffn-home__text h5{margin-bottom:20px;font-size:25px;font-weight:500}.ffn-home__text h1{margin-bottom:20px;font-size:clamp(2.5rem,7cqi,5rem);font-weight:700;line-height:1}.ffn-home__text h6{margin-bottom:25px;font-size:18px;font-weight:500;line-height:1.6}.ffn-about{display:grid;grid-template-columns:repeat(2,1fr);gap:5rem;align-items:center}.ffn-about__text h3,.ffn-center-title{margin-bottom:30px;font-size:30px;font-weight:300;letter-spacing:6px}.ffn-about__text h2{max-width:470px;margin-bottom:2rem;font-size:1.9rem;font-weight:500;line-height:1.2}.ffn-about__text p{max-width:570px;margin-bottom:1.5rem;color:var(--ffn-soft);font-weight:300;line-height:1.8rem}.ffn-center-title{text-align:center}.ffn-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:2rem;margin-top:4.4rem}.ffn-service{padding:60px 35px;border-radius:5px;background:var(--ffn-panel);transition:all .4s}.ffn-service:hover{transform:translateY(-15px);box-shadow:0 15px 30px rgba(0,0,0,.7)}.ffn-service h3,.ffn-service svg{margin-bottom:20px}.ffn-service h3{font-size:1.25rem;font-weight:500}.ffn-service p{color:var(--ffn-soft);font-size:18px;line-height:30px}.ffn section.ffn-cta{margin:100px 0;padding:150px 6%;background:var(--ffn-panel);text-align:center}.ffn-cta h4{margin-bottom:30px;font-size:1.6rem;font-weight:300}.ffn-resume{text-align:center}.ffn-resume .ffn-center-title{font-weight:580}.ffn-resume-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(450px,100%),1fr));gap:3rem;margin-top:4.4rem}.ffn-box{padding:40px 30px;border-radius:5px;background:var(--ffn-panel);transition:all .4s}.ffn-box:hover{transform:translateX(-15px);box-shadow:0 15px 30px rgba(0,0,0,.7)}.ffn-box h6{margin-bottom:10px;color:#6b7280;font-size:14px;font-weight:600}.ffn-box h4{margin:25px 0 13px;font-size:1.3rem;font-weight:700}.ffn-box p{margin-bottom:1.2rem;color:var(--ffn-soft);font-weight:300;line-height:1.8rem}.ffn-box h5{color:var(--ffn-soft);font-size:14px;font-weight:500}.ffn-contact{text-align:center}.ffn-contact__card{max-width:550px;margin:4.2rem auto 0;padding:40px 30px;border-radius:5px;background:var(--ffn-panel)}.ffn-contact__text{margin-bottom:24px;color:var(--ffn-soft);line-height:1.8rem}.ffn-contact__line{display:block;margin-bottom:10px;font-size:1.1rem}.ffn-contact__line:hover{color:var(--ffn-main)}.ffn-contact__links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px}.ffn-footer{margin-top:3rem;padding:30px;background:var(--ffn-panel);color:var(--ffn-soft);text-align:center;line-height:1.8rem}.ffn-footer a{color:var(--ffn-main)}@container (max-width: 768px){.ffn-header{padding:18px 4%}.ffn-menu-btn{display:inline-flex}.ffn-navbar{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;background:var(--ffn-panel);box-shadow:0 15px 30px rgba(0,0,0,.7)}.ffn-navbar.is-open{display:flex}.ffn-navbar a{display:block;margin:.5rem 1rem;padding:.75rem 1rem;border-bottom:0;border-left:2px solid var(--ffn-main)}.ffn section{padding:50px 4%}.ffn-about,.ffn-home{grid-template-columns:1fr;gap:2rem;min-height:0;text-align:center}.ffn-picture{margin:0 auto}.ffn-home__text h5{font-size:20px}.ffn-home__text h6{font-size:14px}.ffn-about__text h2,.ffn-about__text p{max-width:none}.ffn-about__text h3,.ffn-center-title{font-size:22px}.ffn section.ffn-cta{margin:40px 0;padding:80px 6%}.ffn-service{padding:30px 20px}.ffn-resume-grid{gap:2rem}}