:root{--font-satoshi:"Satoshi-Variable"}html,body{min-height:100%;font-family:var(--font-satoshi), "Satoshi-Variable", sans-serif;background:#030712;margin:0}body:has(.tp-project-detail-page){color:#f3f5f8;background:radial-gradient(1200px 500px at 15% -10%,#62f3d62e,#0000),radial-gradient(900px 480px at 80% 10%,#f5b65a2e,#0000),#05070c}main.tp-project-detail-page{z-index:1;font-family:var(--font-satoshi), "Satoshi-Variable", sans-serif;color:#f3f5f8;background:0 0;line-height:1.6;position:relative}main.tp-project-detail-page .hero{min-height:690px;padding:170px 0 110px;position:relative;overflow:hidden}main.tp-project-detail-page .hero-layout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:50px;display:grid}main.tp-project-detail-page .hero-content{z-index:2;position:relative}main.tp-project-detail-page .hero-content h1{color:#f8fafc;font-family:var(--font-satoshi), "Satoshi-Variable", sans-serif;letter-spacing:-.05em;margin:18px 0;font-size:clamp(42px,6vw,84px);line-height:1.05}main.tp-project-detail-page .hero-title .line{display:block;overflow:hidden}main.tp-project-detail-page .hero-title .line span{display:inline-block}main.tp-project-detail-page .hero-summary{color:#94a3b8;max-width:600px;font-size:clamp(16px,1.35vw,20px);line-height:1.7}main.tp-project-detail-page .hero-visual{place-items:center;min-height:420px;display:grid;position:relative}main.tp-project-detail-page .hero-screen{background:#0f1424;border:1px solid #ffffff14;border-radius:28px;position:absolute;inset:8% 12%;overflow:hidden}main.tp-project-detail-page .hero-screen img{object-fit:cover;width:100%;height:100%}@media (max-width:991px){main.tp-project-detail-page .hero{min-height:auto;padding:150px 0 85px}}@media (max-width:767px){main.tp-project-detail-page .hero{padding:125px 0 70px}main.tp-project-detail-page .hero-visual{min-height:360px}}.tp-layer-content{z-index:2}.hamenu .tp-menu-detail{font-weight:500;line-height:1.3}.video-popup-overlay.active .video-popup-poster{background-image:url(/assets/imgs/showreel.jpg)}.tp-brand-heading{font-size:clamp(26px,3vw,38px)}.tp-blog-heading-row{border-top:1px solid #ffffff14;gap:20px}.project-cards-wrapper .cards-track .card.hidden{display:none}