:root{color:#121415;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111314;--paper:#f7f7f3;--gray:#979b9c;--yellow:#fffbab;--blue:#a8c4ff;--green:#9df6ad;--orange:#ffd0a4;background:#979b9c;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{min-width:320px;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:20;color:#fff;justify-content:flex-end;align-items:center;width:100%;height:84px;padding:0 clamp(24px,5vw,88px);display:flex;position:absolute;top:0;left:0}.site-header nav{gap:clamp(26px,4vw,56px);display:flex}.site-header nav a{letter-spacing:.12em;opacity:.92;padding:12px 0;font-size:13px;transition:opacity .18s}.site-header nav a:hover,.site-header nav a:focus-visible{opacity:.55}.hero{background:var(--gray);color:#fff;height:100svh;min-height:min(900px,100svh);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000001a);height:28%;position:absolute;inset:auto 0 0}.hero-portrait{z-index:2;object-fit:contain;filter:saturate(.86)contrast(1.03);width:min(39vw,560px);height:auto;position:absolute;bottom:-8%;left:13%}.hero-role{z-index:3;flex-direction:column;gap:6px;font-size:clamp(21px,2.2vw,34px);font-weight:300;line-height:1.1;display:flex;position:absolute;top:34%;right:18%}.hero-role .eyebrow{font-size:inherit;letter-spacing:inherit;opacity:.82}.visual-arrow{z-index:3;color:#fff;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:square;stroke-linejoin:miter;opacity:.88;pointer-events:none;width:42px;height:42px;position:absolute}.hero-arrow{top:22%;left:62%}.hero-name{z-index:4;white-space:nowrap;letter-spacing:.04em;will-change:transform;gap:.42em;width:max-content;margin:0;font-size:clamp(76px,11.3vw,182px);font-weight:760;line-height:.76;animation:28s linear infinite name-marquee;display:flex;position:absolute;bottom:48px;left:0}@keyframes name-marquee{to{transform:translate(calc(-50% - .21em))}}.project{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(620px,78svh,820px);padding:88px 7vw 44px;display:flex;position:relative;overflow:hidden}.project-amphion{background:var(--yellow)}.project-tiro{background:var(--blue)}.project-vr{background:var(--green)}.project-repair{background:var(--orange)}.project-copy{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative}.project h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.05}.project-name{margin:12px 0 4px;font-size:14px;font-weight:600}.project-summary{opacity:.72;max-width:520px;margin:0 0 20px;font-size:13px;line-height:1.7}.detail-button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;border-radius:999px;min-width:112px;height:38px;padding:0 22px;font-size:12px;transition:color .18s,background .18s,transform .18s}.detail-button:hover,.detail-button:focus-visible{color:var(--ink);background:0 0;transform:translateY(-2px)}.project-image{z-index:2;object-fit:contain;filter:drop-shadow(0 16px 20px #00000012);max-height:47vh;margin-top:20px;display:block;position:relative}.project-image-phone{width:min(40vw,500px)}.project-image-screen{width:min(49vw,660px)}.project-image-vr{width:min(50vw,680px)}.project-image-repair{width:min(33vw,430px);margin-bottom:-16%}footer{color:#fff;background:#17191a;min-height:300px;padding:76px clamp(24px,8vw,130px) 24px;position:relative}.footer-arrow{width:26px;height:26px;top:-44px;right:88px;transform:scaleX(-1)rotate(-4deg)}.contact-inner{grid-template-columns:84px 1fr auto;align-items:center;gap:28px;max-width:1180px;margin:0 auto;display:grid}.contact-inner>img{object-fit:cover;object-position:50% 20%;background:var(--gray);border-radius:50%;width:72px;height:72px}.footer-kicker{color:#ffffff85;letter-spacing:.12em;margin:0 0 4px;font-size:11px}.contact-inner h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,46px)}.contact-links{gap:12px;display:flex;position:relative}.contact-links a{border:1px solid #ffffff7a;border-radius:999px;padding:12px 20px;font-size:12px;transition:background .18s,color .18s}.contact-links a:hover,.contact-links a:focus-visible{color:var(--ink);background:#fff}.copyright{color:#ffffff57;max-width:1180px;margin:70px auto 0;font-size:10px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.pdf-dialog{color:#fff;background:#111314;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.pdf-dialog::backdrop{background:#000000c7}.viewer-shell{grid-template-rows:auto 1fr;height:100%;display:grid}.viewer-header{z-index:5;background:#17191a;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:13px clamp(16px,3vw,42px);display:flex;position:relative}.viewer-label{color:#ffffff6b;letter-spacing:.2em;margin:0 0 3px;font-size:9px}.viewer-header h2{margin:0;font-size:18px}.viewer-actions{align-items:center;gap:10px;display:flex}#viewer-progress{color:#ffffff80;text-align:right;min-width:50px;font-size:11px}.viewer-download,.viewer-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;align-items:center;height:34px;padding:0 15px;font-size:11px;display:inline-flex}.viewer-close{color:var(--ink);background:#fff}.viewer-stage{overscroll-behavior:contain;background:#242728;padding:28px max(16px,50vw - 600px);overflow:auto}.viewer-loading{color:#ffffff8f;text-align:center;padding:18vh 0}.pdf-pages{flex-direction:column;align-items:center;gap:22px;display:flex}.pdf-page{background:#dfe1df;width:min(100%,1100px);position:relative;overflow:hidden}.pdf-page:before{content:attr(data-page-label);color:#00000059;letter-spacing:.1em;font-size:10px;position:absolute;inset:16px auto auto 16px}.pdf-page img{width:100%;height:auto;display:block}@media (width<=720px){.site-header{height:68px;padding:0 18px}.site-header nav{gap:22px}.site-header nav a{font-size:11px}.hero{height:100svh;min-height:720px}.hero-portrait{width:min(92vw,470px);bottom:-2%;left:50%;transform:translate(-56%)}.hero-role{text-align:right;font-size:22px;top:20%;right:20px}.hero-arrow{width:30px;height:30px;top:14%;left:35%}.hero-name{letter-spacing:-.045em;font-size:clamp(56px,18vw,86px);line-height:.82;bottom:30px;left:0}.project{justify-content:space-between;min-height:680px;padding:72px 22px 36px}.project h2{font-size:clamp(38px,11vw,52px)}.project-summary{max-width:290px;font-size:12px}.detail-button{min-width:120px;height:42px}.project-image{max-height:43vh;margin-top:28px}.project-image-phone{width:min(92vw,480px)}.project-image-screen{width:min(96vw,560px)}.project-image-vr{width:min(100vw,570px)}.project-image-repair{width:min(78vw,380px);max-height:48vh;margin-bottom:-27%}footer{min-height:420px;padding:64px 22px 22px}.footer-arrow{width:22px;height:22px;top:-34px;right:24px;transform:scaleX(-1)rotate(2deg)}.contact-inner{grid-template-columns:58px 1fr;gap:18px}.contact-inner>img{width:56px;height:56px}.contact-links{flex-direction:column;grid-column:1/-1;align-items:stretch;margin-top:24px}.contact-links a{text-align:center;padding:14px 18px}.copyright{text-align:center;margin-top:60px}.viewer-header{align-items:flex-start;min-height:104px;padding:12px 14px}.viewer-header h2{max-width:160px;font-size:15px}.viewer-actions{flex-wrap:wrap;justify-content:flex-end}#viewer-progress{width:100%}.viewer-download,.viewer-close{height:32px;padding:0 12px}.viewer-stage{padding:14px 10px 40px}.pdf-pages{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-name{animation:none}}