*{box-sizing:border-box}body{margin:0;color:#eeeaf2;background:radial-gradient(ellipse at 90% 10%,#51415d44,transparent 60%),radial-gradient(ellipse at 0 90%,#98734b20,transparent 55%),#121017;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;min-height:100svh}a{color:inherit;text-decoration:none}a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}a:focus-visible{outline:2px solid #fff;outline-offset:8px}header,footer{max-width:1120px;margin:auto;padding:32px;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#c5bfce}header{border-bottom:1px solid #ffffff18}main{max-width:1000px;margin:auto;padding:90px 32px 120px;min-height:70svh}.section-index{color:#a49baa;font-size:11px;letter-spacing:.14em;margin-bottom:52px}.panel-kicker{font-size:11px;letter-spacing:.15em;color:#beb3c9}h1{font-size:clamp(32px,5vw,58px);font-weight:450;letter-spacing:-.04em;line-height:1.3;margin:20px 0 42px}p{max-width:760px;font-size:17px;line-height:2;color:#c6c1ca}.responsibility{margin-top:42px;font-size:13px;color:#e2cead}footer{border-top:1px solid #ffffff18;padding-bottom:45px}@media(max-width:640px){main{padding:55px 24px 75px}header,footer{padding:24px;font-size:11px}p{font-size:15px}}

/* Project case studies */
main{padding-top:64px}.section-index{margin-bottom:34px}.project-lead{font-size:clamp(18px,2.2vw,23px);line-height:1.8;color:#e0dbe4}.responsibility{margin:28px 0 24px}.demo-jump{display:inline-block;font-size:13px;padding:12px 0;border-bottom:1px solid #ffffff45;margin-bottom:22px}.detail-section{margin-top:52px;padding-top:32px;border-top:1px solid #ffffff16}.detail-section h2{font-size:23px;font-weight:500;letter-spacing:-.02em;margin:0 0 20px}.detail-section p,.detail-section li{font-size:16px;line-height:1.95;color:#c6c1ca}.detail-section ul{padding-left:20px;max-width:800px}.detail-section li{padding-left:7px;margin:12px 0}.demo-placeholder{min-height:270px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #ffffff25;border-radius:18px;background:linear-gradient(135deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px #ffffff10}.demo-symbol{font-size:36px;color:#d6c7ae;margin-bottom:16px}.demo-placeholder strong{font-size:17px;font-weight:450}.demo-placeholder p{font-size:13px;max-width:540px;margin-bottom:0}#demo{scroll-margin-top:28px}@media(max-width:640px){.detail-section{margin-top:36px;padding-top:25px}.detail-section p,.detail-section li{font-size:15px}.demo-placeholder{padding:24px;min-height:230px}}

@media(min-width:768px){.project-lead-single{max-width:none;white-space:nowrap;font-size:clamp(14px,1.5vw,18px);letter-spacing:-.025em}}

.project-intro-actions{display:flex;justify-content:flex-end;margin-top:-18px}.project-intro-actions .demo-jump{margin-bottom:0}.project-intro-actions+.detail-section{margin-top:24px}

.project-demo-player{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;object-fit:contain;background:#08080b;border:1px solid #ffffff25;border-radius:16px}.project-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-demo-pair figure{margin:0;min-width:0}.project-demo-pair figcaption{font-size:15px;color:#e2cead;margin-bottom:16px}@media(max-width:760px){.project-demo-pair{grid-template-columns:1fr}}

.project-demo-player.project-demo-compact{width:76%;max-width:820px;margin-inline:auto;height:auto}@media(max-width:640px){.project-demo-player.project-demo-compact{width:100%}}