.main{display:block;overflow-x:clip;width:100%;max-width:100%;box-sizing:border-box}#About,#DemoReel,#Projects,#FilmIndustryWork,#PersonalProjects,#Testimonials,#Contact,#Footer{scroll-margin-top:72px}#About,#DemoReel,#Projects,#Testimonials,#Contact{padding-top:var(--section-gap);margin-bottom:var(--section-gap)}#Home,#Projects{overflow-x:clip}#Footer{padding-top:var(--section-gap);padding-bottom:var(--section-gap);overflow-x:clip}.sectionContent{max-width:1000px;margin:0 auto;padding:0 24px;min-width:0;box-sizing:border-box}.sectionContent--wide{max-width:min(1200px,100%)}.sectionCard{background:#121414cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);transition:border-color var(--transition)}.sectionCard:hover{border-color:#ffffff1f}.sectionCard--accent{background:linear-gradient(135deg,#64b4ff0f,#121414e6 40%);border-color:#64b4ff26;position:relative;overflow:hidden}.sectionCard--accent:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),transparent);border-radius:4px 0 0 4px}.sectionTitle{font-size:clamp(1.5rem,5vw,2.25em);font-family:Ropa Sans,sans-serif;font-weight:600;color:var(--text-primary);text-align:center;z-index:500;letter-spacing:.02em}.sectionSubtitle{font-size:clamp(1.15rem,3.5vw,1.5rem);font-family:Ropa Sans,sans-serif;font-weight:600;color:var(--text-primary);text-align:center;letter-spacing:.02em;margin:0 0 16px}@media screen and (max-width: 600px){:root{--section-gap: 48px}}.heroNameWrap{position:relative;cursor:default;background:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)) drop-shadow(0 6px 24px rgba(0,0,0,.3))}.heroName{margin:0;animation:heroFadeIn 1s ease-out .3s both;font-family:Ropa Sans,sans-serif;font-weight:700;font-size:clamp(2.5rem,10vw,5.5rem);letter-spacing:.05em;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:.08em}.heroLetterWrap{position:relative;display:inline-block;background:transparent}.heroPiece{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(135deg,#f5f8fff2,#e6eefa80 35%,#dce8fa73,#ebf2fc8c 75%,#f8faffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .45s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.heroPiece{transform-origin:50% 50%}.heroPiece--active{transform:translate(calc((var(--rx, .5) - .5) * 20px),calc((var(--ry, .5) - .5) * 20px)) rotate(calc((var(--rx, .5) - .5) * 8deg + (var(--ry, .5) - .5) * 6deg));filter:drop-shadow(-2px 0 rgba(70,130,220,.9)) drop-shadow(2px 0 rgba(255,99,99,.9)) drop-shadow(0 0 4px rgba(0,0,0,.4)) drop-shadow(0 0 2px rgba(255,255,255,.2))}.heroLetterSize{visibility:hidden;display:inline-block;-webkit-user-select:none;user-select:none;background:transparent}.heroLetterWrap .heroPiece{top:0;left:0;right:0;bottom:0;width:100%;height:100%}.heroLetterWrap .heroPiece{position:absolute;top:0;right:0;bottom:0;left:0}.heroLetter--space{display:inline-block;min-width:.2em}.heroPiece::selection{-webkit-text-fill-color:#fff}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heroTagline{margin:12px 0 0;font-family:Ropa Sans,sans-serif;font-weight:400;font-size:clamp(1rem,2.5vw,1.4rem);letter-spacing:.35em;text-transform:uppercase;text-align:center;color:#ffffffb3;animation:heroFadeIn 1.2s ease-out .4s both}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logo{position:absolute;z-index:100;top:38%;left:50%;transform:translate(-50%,-100%);width:80%;padding:0 5vw;box-sizing:border-box;pointer-events:auto}.container{display:block;position:absolute;height:800px;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;left:0;top:0;box-sizing:border-box;z-index:0}.imageContainer{display:block;position:absolute;top:0;height:100%}.react-parallax-background-children{height:100%}.img1 img{position:absolute;bottom:-5px;width:1920px;height:1080px;transform:translate(-50%)}.img5 img{position:fixed;top:-300px;left:50%;width:1920px;transform:translate(-50%)}.img3 img{position:relative;top:0;height:850px}.img4 img{position:relative;top:0;height:1080px}.paraContainer{position:relative;bottom:0;padding:0 24px;box-sizing:border-box;width:100%;max-width:100%;min-height:min(100vh,800px)}@media screen and (max-width: 720px){.paraContainer{padding-left:max(20px,4vw);padding-right:max(20px,4vw);min-height:min(100vh,550px)}.container{width:calc(100% + 2*max(20px,4vw));margin-left:calc(-1*max(20px,4vw));margin-right:calc(-1*max(20px,4vw))}.logo{top:32%;padding-left:max(16px,4vw);padding-right:max(16px,4vw)}.heroTagline{letter-spacing:.2em}.img1 img{width:1280px;height:720px}.img5 img{position:absolute;top:-200px;width:1280px;height:1280px}.img3 img{top:0;width:1000px;height:562px}.img4 img{top:0;width:1280px;height:720px}.container{height:550px}}@media screen and (max-width: 400px){.paraContainer{padding-left:max(16px,4vw);padding-right:max(16px,4vw)}.container{width:calc(100% + 2*max(16px,4vw));margin-left:calc(-1*max(16px,4vw));margin-right:calc(-1*max(16px,4vw))}.logo{top:32%;padding-left:max(20px,5vw);padding-right:max(20px,5vw)}.heroTagline{letter-spacing:.15em}.img3 img,.img4 img{top:0}}@media screen and (min-width: 2500px){.logo{top:25%}.img3 img{top:0}.img1 img{bottom:-10px}}.navbar{position:sticky;top:0;z-index:10000;display:flex;align-items:center;justify-content:flex-end;padding:12px 8%;flex-wrap:wrap;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.06);transition:backdrop-filter var(--transition),background var(--transition)}.navbar--scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#070909d9}.navLinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.navbar a{display:inline-block;font-family:Ropa Sans,sans-serif;font-weight:500;font-size:.9em;letter-spacing:.02em;position:relative;cursor:pointer;margin:0 2px;padding:10px 14px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;transition:color var(--transition),background var(--transition),border-color var(--transition)}.navbar a:hover{color:var(--accent);background:#64b4ff0f;border-color:#64b4ff26}.navbar a.active{color:var(--accent);background:#64b4ff14;border-color:#64b4ff33}.navHamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background var(--transition),border-color var(--transition);-webkit-tap-highlight-color:transparent}.navHamburger:hover{background:#64b4ff14;border-color:#64b4ff33}.navHamburgerBar{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;transition:transform .25s ease,opacity .25s ease}.navHamburger[aria-expanded=true] .navHamburgerBar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navHamburger[aria-expanded=true] .navHamburgerBar:nth-child(2){opacity:0}.navHamburger[aria-expanded=true] .navHamburgerBar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media screen and (max-width: 900px){.navHamburger{display:flex;order:-1}.navbar{justify-content:flex-end}.navLinks{display:none;position:fixed;top:68px;left:50%;transform:translate(-50%);width:100%;flex-direction:column;align-items:center;background:var(--bg-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:20px 24px;gap:6px;border:none;border-radius:0;border-top:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg);box-sizing:border-box}.navLinks.navLinks--open{display:flex}.navbar a{width:100%;max-width:320px;text-align:center;padding:14px 20px;font-size:1.1em;margin:0;border-radius:var(--radius-sm)}}@media screen and (max-width: 720px){.navbar{padding:12px 16px}.navLinks{padding:16px 20px}.navbar a{margin:0;padding:14px 20px;font-size:1.05em;background:#ffffff0d}.navbar a:hover{background:#ffffff1a}}@media screen and (max-width: 480px){.navbar{padding:10px 12px}.navLinks{padding:12px 16px}.navbar a{padding:14px 18px;font-size:1em;margin:0}}@media screen and (min-width: 2500px){.navbar a{font-size:1.2em}}.about{background:var(--bg-dark)}.aboutBento{max-width:100%;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:16px}.aboutBentoIntro{grid-column:1 / -1;padding:28px 32px;background:linear-gradient(135deg,rgba(100,180,255,.06) 0%,transparent 50%);border:1px solid rgba(100,180,255,.15);border-radius:var(--radius-lg);position:relative;overflow:hidden}.aboutBentoIntro:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),transparent);border-radius:4px 0 0 4px}.aboutIntro{font-size:1.05rem;color:var(--text-muted);line-height:1.7;margin:0 0 20px;max-width:90%}.aboutResumeBtn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#64b4ff66,#64b4ff40);color:#fff;text-decoration:none;font-weight:500;font-family:Ropa Sans,sans-serif;font-size:.95rem;letter-spacing:.02em;border-radius:999px;border:1px solid rgba(100,180,255,.4);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.aboutResumeBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #64b4ff40;border-color:#64b4ff99}.aboutBentoSkills,.aboutBentoExperience,.aboutBentoEducation{padding:20px 24px;background:#121414cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);transition:border-color var(--transition),transform .2s ease}.aboutBentoSkills:hover,.aboutBentoExperience:hover,.aboutBentoEducation:hover{border-color:#ffffff1f}.aboutBentoSkills{grid-column:1;grid-row:2 / 4}.aboutBentoExperience{grid-column:2;grid-row:2 / 4}.aboutBentoEducation{grid-column:1 / -1}.aboutBentoTitle{font-family:Ropa Sans,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.aboutSkillRow{margin-bottom:14px}.aboutSkillRow:last-child{margin-bottom:0}.aboutSkillLabel{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:6px}.aboutSkillTags{display:flex;flex-wrap:wrap;gap:6px}.aboutSkillTag{padding:5px 10px;font-size:.8rem;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:border-color var(--transition),background var(--transition),color var(--transition)}.aboutSkillTag:hover{border-color:#64b4ff4d;background:#64b4ff0f;color:var(--text-primary)}.aboutTimeline{display:flex;flex-direction:column;gap:20px}.aboutTimelineItem{display:flex;gap:14px;position:relative}.aboutTimelineDot{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #64b4ff80}.aboutTimelineContent{flex:1;min-width:0}.aboutItemRole{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.aboutItemMeta{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.aboutItemBullets{margin:0;padding-left:16px;font-size:.85rem;color:var(--text-muted);line-height:1.5}.aboutItemBullets li{margin-bottom:4px}.aboutItemBullets li:last-child{margin-bottom:0}.aboutEduList{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aboutEduItem{padding:14px 18px;background:#ffffff05;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04);transition:background var(--transition),border-color var(--transition)}.aboutEduItem:hover{background:#ffffff0a;border-color:#ffffff14}.aboutItemDetail{font-size:.85rem;color:var(--text-muted)}@media screen and (max-width: 700px){.aboutBento{grid-template-columns:1fr;grid-template-rows:auto}.aboutBentoIntro{padding:20px 24px}.aboutIntro{max-width:100%}.aboutBentoSkills,.aboutBentoExperience{grid-column:1}.aboutBentoSkills,.aboutBentoExperience{grid-row:auto}.aboutBentoEducation{grid-column:1}.aboutEduList{grid-template-columns:1fr}}.demoReelWrap{position:relative;min-height:320px}.demoReelShapes{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none;overflow:visible;z-index:0}.demoReelCard{position:relative;padding:24px;z-index:1}.demoShape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25}.demoShape--1{width:240px;height:240px;background:radial-gradient(circle,rgba(100,180,255,.4) 0%,transparent 70%);top:0;right:0;transform:translate(30%,-30%);animation:demoShapeFloat 12s ease-in-out infinite}.demoShape--2{width:180px;height:180px;background:radial-gradient(circle,rgba(100,180,255,.3) 0%,transparent 70%);bottom:0;left:0;transform:translate(-30%,30%);animation:demoShapeFloat 14s ease-in-out infinite reverse;animation-delay:-3s}.demoShape--3{width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:0;left:10%;transform:translateY(-50%);animation:demoShapeFloat 10s ease-in-out infinite;animation-delay:-5s}.demoShape--4{width:48px;height:48px;border:1px solid rgba(100,180,255,.2);background:transparent;filter:blur(0);opacity:.7;bottom:15%;right:8%;animation:demoShapeFloat 8s ease-in-out infinite;animation-delay:-2s}@keyframes demoShapeFloat{0%,to{transform:translate(30%,-30%) scale(1)}33%{transform:translate(calc(30% + 10px),calc(-30% - 8px)) scale(1.08)}66%{transform:translate(calc(30% - 8px),calc(-30% + 6px)) scale(.96)}}.demoShape--2{animation-name:demoShapeFloat2}@keyframes demoShapeFloat2{0%,to{transform:translate(-30%,30%) scale(1)}33%{transform:translate(calc(-30% - 8px),calc(30% + 8px)) scale(1.06)}66%{transform:translate(calc(-30% + 6px),calc(30% - 6px)) scale(.97)}}.demoShape--3{animation-name:demoShapeFloat3}@keyframes demoShapeFloat3{0%,to{transform:translateY(-50%) scale(1)}33%{transform:translateY(calc(-50% - 8px)) scale(1.1)}66%{transform:translateY(calc(-50% + 6px)) scale(.95)}}.demoShape--4{animation-name:demoShapeFloat4}@keyframes demoShapeFloat4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6px,-6px) scale(1.15)}66%{transform:translate(-4px,4px) scale(.9)}}.demoReelVideoWrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden}.demoReelCard .youtube{position:absolute;top:0;left:0;width:100%;height:100%;display:block;box-shadow:var(--shadow-md);border:none;border-radius:var(--radius-md);z-index:200;transition:box-shadow var(--transition)}.demoReelCard .youtube:hover{box-shadow:0 16px 40px #0006}.demoTitle{position:relative;display:block;margin:0 0 32px}@media screen and (max-width: 720px){.demoReelCard{padding:16px}.demoTitle{margin:0 0 24px}}@media screen and (max-width: 530px){.demoTitle{margin:0 0 24px}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900;display:flex;align-items:center;justify-content:center}.modalBody{width:min(1000px,95vw);max-height:90vh;overflow:auto}.togglefullscreen .modalBody,.projectDetailModal .modalBody{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.industryTitle{display:block;margin:0 0 20px}.industryPosters{padding:24px;margin-bottom:40px;background:#12141499;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.industryPostersHint{font-size:.8rem;color:var(--text-muted);text-align:center;margin:0 0 20px}.industryPostersHint a{color:var(--accent);text-decoration:none}.industryPostersHint a:hover{text-decoration:underline}.industryPostersHint code{font-size:.85em;background:#ffffff0f;padding:2px 6px;border-radius:var(--radius-sm)}.industryPostersGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;justify-content:center;max-width:100%}.industryPosterCard{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;border-radius:var(--radius-md);overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.06);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.industryPosterCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0006;border-color:#64b4ff33}.industryPosterCard--placeholder{visibility:hidden;pointer-events:none;border-color:transparent;background:transparent}.industryPosterImgWrap{width:100%;aspect-ratio:2/3;overflow:hidden;background:#00000080}.industryPosterImgWrap img{width:100%;height:100%;object-fit:cover;display:block}.industryPosterTitle{font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-primary);padding:10px 8px 4px;text-align:center;line-height:1.2}.industryPosterYear{font-size:.7rem;color:var(--text-muted);padding-bottom:8px}.projectsTitle{display:block;margin:0 0 32px}.projectsContainer{position:relative;display:block;text-align:center;width:100%;min-width:0;margin:0;padding:24px;box-sizing:border-box}.projectsBento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:130px;grid-auto-flow:dense;gap:16px;max-width:100%}.projectCard{position:relative;min-width:0;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:#12141499;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-md);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.projectCard:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #00000080;border-color:#64b4ff40;z-index:10}.projectCardInner{position:relative;width:100%;height:100%}.projectCardInner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.projectCard img{width:100%;height:100%;object-fit:cover;display:block}.projectCardLabel{position:absolute;bottom:8px;left:12px;font-family:Syne,sans-serif;font-size:.75rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.8)}.projectCard--standard{grid-column:span 1;grid-row:span 1}.projectCard--wide{grid-column:span 2;grid-row:span 1}.projectCard--large{grid-column:span 2;grid-row:span 2}.projectDetailModal{z-index:10001;display:flex;align-items:stretch;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#070909e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;padding:16px;box-sizing:border-box;max-width:100vw}.projectDetailContent{position:relative;flex:1;width:100%;max-width:1200px;min-width:0;min-height:0;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(135deg,#64b4ff0a,#121414fa 20%);border-radius:var(--radius-lg);border:1px solid rgba(100,180,255,.12);box-shadow:var(--shadow-lg);overflow:hidden;box-sizing:border-box}.projectDetailScroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:28px 36px 48px;scrollbar-width:thin;scrollbar-color:rgba(100,180,255,.3) transparent}.projectDetailScroll::-webkit-scrollbar{width:8px}.projectDetailScroll::-webkit-scrollbar-track{background:transparent}.projectDetailScroll::-webkit-scrollbar-thumb{background:#64b4ff40;border-radius:4px}.projectDetailScroll::-webkit-scrollbar-thumb:hover{background:#64b4ff66}.projectDetailNav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#121414e6;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--text-muted);cursor:pointer;z-index:10;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.projectDetailNav:hover{color:var(--accent);background:#64b4ff1a;border-color:#64b4ff40;transform:translateY(-50%) scale(1.05)}.projectDetailNav--prev{left:16px}.projectDetailNav--next{right:16px}.projectDetailClose{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--text-muted);cursor:pointer;z-index:10;transition:background var(--transition),color var(--transition),border-color var(--transition)}.projectDetailClose:hover{color:var(--accent);background:#64b4ff14;border-color:#64b4ff33}.projectDetailClose:focus{outline:none;box-shadow:0 0 0 2px #fff3}.projectDetailHeader{padding-right:56px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.projectDetailBadge{display:inline-block;font-family:Ropa Sans,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--accent);background:#64b4ff1a;padding:6px 12px;border-radius:var(--radius-sm);margin-bottom:10px}.projectDetailTitle{margin:0;font-family:Ropa Sans,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}.projectDetailSubtitle{margin:8px 0 0;font-size:.85rem;color:var(--text-muted)}.fullProjectImage{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--radius-md);margin:20px 0;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-md);object-fit:cover;box-sizing:border-box}.youtubeProjectWrapper{position:relative;width:100%;max-width:100%;margin:20px 0;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-sizing:border-box}.youtubeProject{position:absolute;top:0;left:0;width:100%;height:100%;min-height:280px;border:none;border-radius:var(--radius-md)}@media screen and (max-width: 900px) and (min-width: 721px){.projectsBento{grid-template-columns:repeat(2,1fr);grid-auto-rows:110px;gap:14px}.projectCard--wide,.projectCard--large{grid-column:span 2;grid-row:span 2}}@media screen and (max-width: 720px){.projectsTitle{margin:0 0 24px}.projectsBento{grid-template-columns:repeat(2,1fr);grid-auto-rows:100px;gap:12px}.projectCard--wide{grid-column:span 2}.projectCard--large{grid-column:span 2;grid-row:span 2}.projectsContainer{width:100%;padding:16px}.projectDetailModal{padding:4px;box-sizing:border-box}.projectDetailContent{padding:20px 16px 28px;box-sizing:border-box;max-width:100%}.projectDetailScroll{padding:20px 16px 48px;overflow-x:auto;-webkit-overflow-scrolling:touch}.projectDetailHeader{padding-right:48px;min-width:0}.projectDetailTitle,.projectDetailSubtitle{overflow-wrap:break-word;word-break:break-word}.projectDetailNav{width:40px;height:40px;top:50%}.projectDetailNav--prev{left:8px}.projectDetailNav--next{right:8px}.projectDetailClose{top:14px;right:14px;width:40px;height:40px}.youtubeProject{min-height:220px}}@media screen and (max-width: 720px){.industryPostersGrid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.industryPosters{padding:16px;margin-bottom:32px}}@media screen and (max-width: 435px){.projectsBento{grid-auto-rows:90px;gap:10px}.industryPostersGrid{grid-template-columns:repeat(2,1fr);gap:12px}}#Testimonials{overflow-x:hidden}.sliderContainer{display:flex;justify-content:center;padding:0 1rem}.slider{border-radius:var(--radius-lg);display:block;position:relative;width:100%;max-width:600px;height:550px;margin:0 auto;background:linear-gradient(135deg,#64b4ff0a,#121414e6 30%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(100,180,255,.12);box-shadow:var(--shadow-lg);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.slider:hover{cursor:pointer;border-color:#64b4ff33}.testimonialSlide{display:block}.testimonialAnimate{animation:testimonialSlideUp .4s ease-out forwards;opacity:0}@keyframes testimonialSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar{float:left;border-radius:var(--radius-md);display:block;background-color:gray;width:140px;height:140px;margin:80px 28px 80px -50px;box-shadow:var(--shadow-lg);object-fit:cover}.slider ::-webkit-scrollbar{width:0px;background:transparent}.quote{overflow:auto;position:relative;height:450px;font-family:Noto Sans JP,sans-serif;padding:32px 56px 24px 0;line-height:25px;font-size:1em;color:#fff}.quote h2{margin-bottom:10px;font-size:2.2em;line-height:40px;font-family:Ropa Sans,sans-serif}.quote h3{margin-top:-5px;margin-bottom:40px;font-size:1em;color:#969696}.date{color:#969696}.testimonialsTilte{margin:0 0 32px}.carouselIndicators{display:flex;flex-direction:column;position:absolute;right:16px;top:50%;transform:translateY(-50%);gap:6px;align-items:center}.carouselDot{width:8px;height:8px;border-radius:999px;background:#f0f0f04d;border:none;margin:0;padding:0;cursor:pointer;flex-shrink:0;transition:height .35s ease,background-color .2s ease}.carouselDot.active{background-color:#64b4ffcc;height:20px}@media screen and (max-width: 720px){.sliderContainer{padding:0 1rem}.quote{height:380px}.avatar{width:100px;height:100px;margin:40px 16px 24px 0}.slider{height:480px}.quote h2{font-size:1.6em}}@media screen and (max-width: 600px){.sliderContainer{padding:0 .75rem}.avatar{width:80px;height:80px;margin:24px 12px 16px 0}.quote{height:320px;padding:16px 48px 24px 12px}.slider{height:420px}.quote h2{font-size:1.4em}}@media screen and (max-width: 480px){.sliderContainer{padding:0 .5rem}.quote{height:280px;padding:12px 44px 20px 8px;font-size:.9em;line-height:1.4}.testimonialsTilte{margin:0 0 24px}.avatar{width:64px;height:64px;margin:16px 12px 12px 0}.slider{height:360px}.quote h2{font-size:1.2em;line-height:1.3}.quote h3{margin-bottom:8px;font-size:.9em}}.contact{background:var(--bg-dark)}.contactCard{padding:32px 36px;max-width:600px;margin:0 auto}.contactForm{display:flex;flex-direction:column;gap:20px}.contactRowGroup{display:flex;gap:16px}.contactRowGroup .contactRow{flex:1;min-width:0}.contactRow{display:flex;flex-direction:column;gap:6px}.contactLabel{font-size:.9rem;font-weight:500;color:var(--text-muted);font-family:Ropa Sans,sans-serif;letter-spacing:.02em}.contactInput{width:100%;padding:12px 16px;font-size:1rem;font-family:Noto Sans JP,sans-serif;color:var(--text-primary);background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-sizing:border-box;transition:border-color var(--transition),background var(--transition)}.contactInput::placeholder{color:var(--text-muted);opacity:.8}.contactInput:hover:not(:disabled){border-color:#ffffff26}.contactInput:focus{outline:none;border-color:#64b4ff66;background:#00000073}.contactInput:disabled{opacity:.7;cursor:not-allowed}.contactTextarea{resize:vertical;min-height:120px}.contactError{margin:0;font-size:.9rem;color:#e57373}.contactSubmit{align-self:flex-start;padding:12px 28px;font-size:.95rem;font-weight:500;font-family:Ropa Sans,sans-serif;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#64b4ff66,#64b4ff40);border:1px solid rgba(100,180,255,.4);border-radius:999px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),opacity var(--transition)}.contactSubmit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #64b4ff40;border-color:#64b4ff99}.contactSubmit:disabled{opacity:.8;cursor:not-allowed;transform:none}.contactMessage{text-align:center;padding:24px 0}.contactMessage p{margin:0 0 12px;font-size:1.05rem;color:var(--text-muted);line-height:1.6}.contactMessage p:last-child{margin-bottom:0}.contactMessage--success p{color:var(--text-primary)}.contactMessage--config code{font-size:.9em;background:#ffffff14;padding:2px 8px;border-radius:var(--radius-sm);color:var(--accent)}.contactMessage--config a{color:var(--accent);text-decoration:none}.contactMessage--config a:hover{text-decoration:underline}.contactMailLink{font-weight:500}@media screen and (max-width: 600px){.contactCard{padding:24px 20px}.contactForm{gap:16px}.contactRowGroup{flex-direction:column;gap:0}}.footer{display:block;width:100%;max-width:100%;padding:0 24px 24px;box-sizing:border-box}.footerContent{max-width:min(1200px,100%);margin:0 auto;min-width:0}.footerCard{background:#121414cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:36px 32px;text-align:center;position:relative;overflow:hidden;transition:border-color var(--transition)}.footerCard:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(120px,30%);height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:2px}.footerCard:hover{border-color:#ffffff1a}.footerName{margin:0 0 4px;font-family:Ropa Sans,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.04em;color:var(--text-primary)}.footerTagline{margin:0 0 24px;font-size:.85rem;color:var(--text-muted);font-family:Noto Sans JP,sans-serif}.footerLinks{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.footerLink{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.footerLink:hover{color:var(--accent);background:#64b4ff14;border-color:#64b4ff33;transform:translateY(-2px)}.footerIcon{width:1.1rem;height:1.1rem}.footerCopyright{margin:0;font-size:.75rem;color:var(--text-muted);opacity:.7;font-family:Noto Sans JP,sans-serif}@media screen and (max-width: 600px){.footerCard{padding:28px 20px}.footerLink{width:36px;height:36px}.footerIcon{width:1rem;height:1rem}}:root{--section-gap: 80px;--bg-dark: rgb(7, 9, 9);--bg-card: rgb(18, 20, 20);--text-primary: rgba(255, 255, 255, .95);--text-muted: rgba(255, 255, 255, .6);--accent: rgba(100, 180, 255, .6);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--transition: .25s ease}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;width:100%;max-width:100%;box-sizing:border-box}body{margin:0;overflow-x:clip;width:100%;max-width:100%;box-sizing:border-box;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-webkit-user-select:none;user-select:none;background-color:var(--bg-dark)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,monospace}