:root{--paper:#FAFCFF;--ink:#102A56;--blue:#245BFF;--muted:#52657F;--line:#DCE5F2;--light:#EAF0FF;--pointer-x:0px;--pointer-y:0px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1376px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:10px;left:12px;z-index:99;background:var(--blue);color:white;padding:10px 18px;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand-dot{color:var(--blue);font-size:30px}nav{display:flex;gap:38px;margin-left:auto;margin-right:45px}nav a{font-size:15px;position:relative}nav a:after,.text-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:99px;background:var(--blue);color:white;padding:12px 25px;font-size:15px;min-height:48px;transition:background .25s,box-shadow .25s}.pill:hover{background:#1647df;box-shadow:0 8px 25px #245bff25}.download{padding:10px 23px;min-height:44px;gap:15px}.hero{position:relative;min-height:660px;display:grid;grid-template-columns:1.15fr 1fr;align-items:start;padding-top:52px}.hero-copy{z-index:2}.eyebrow{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.4}.hero h1{font-size:clamp(120px,14.3vw,210px);letter-spacing:-.075em;line-height:1.17;margin-top:12px;font-weight:900;white-space:nowrap;display:flex;align-items:baseline}.hero h1 span{margin-left:.08em}.name-period{font-family:Arial,sans-serif;color:var(--blue);font-size:.9em;font-style:normal;margin-left:.04em}.hero-role{font-size:clamp(23px,2.35vw,34px);font-weight:700;letter-spacing:.01em;line-height:1.5}.hero-role span{font-weight:400;color:#8ba1c9;padding-inline:8px}.hero-line{font-size:clamp(22px,2vw,28px);line-height:1.6;margin-top:17px}.hero-line br{display:none}.hero-intro{font-size:16px;color:var(--muted);line-height:1.9;margin-top:21px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:27px}.hero-actions .pill{padding-inline:25px}.text-link{position:relative;font-size:15px}.hero-art{position:relative;height:475px;margin-top:22px;display:grid;place-items:center;isolation:isolate;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .35s ease-out}.name-disc{width:min(32vw,446px);aspect-ratio:1;border-radius:50%;background:var(--blue);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset -22px -18px 60px #1647df35;color:var(--paper);overflow:hidden;transform:rotate(-13deg);animation:disc-enter 1.3s cubic-bezier(.2,.8,.2,1) both}.name-disc:before{content:"";position:absolute;width:90%;height:90%;border:1px solid #ffffff35;border-radius:50%}.disc-letter{font-family:Arial,sans-serif;font-size:clamp(110px,14.5vw,200px);font-weight:700;letter-spacing:-.13em;line-height:1;z-index:1}.letter-c{transform:translateY(-14px)}.letter-s{transform:translateY(19px);margin-right:13px}.disc-slash{font-family:Arial,sans-serif;font-size:120px;font-weight:200;margin-inline:6px;opacity:.5;transform:rotate(15deg)}.disc-small{position:absolute;bottom:52px;font-size:10px;letter-spacing:3px;transform:rotate(13deg)}.orbit{position:absolute;inset:19px 2px;border:1px solid #c6d6f4;border-radius:50%;z-index:-1;transform:rotate(-27deg)}.orbit-one{inset:42px -23px;transform:rotate(-30deg) scaleY(.8)}.orbit-two{inset:-9px 56px;transform:rotate(27deg)}.orbit-one:after{content:"";width:11px;height:11px;background:var(--blue);border-radius:50%;position:absolute;left:17%;top:7%}.art-note{position:absolute;font-size:11px;letter-spacing:2px;font-weight:600;z-index:2}.note-top{top:0;left:15px}.note-bottom{bottom:0;left:20px}.art-cross{position:absolute;font-weight:200;font-size:35px;color:var(--blue)}.cross-one{right:15px;top:28px}.cross-two{left:0;bottom:67px;font-size:27px}.scribble{position:absolute;right:-10px;bottom:10px;font-family:KaiTi,"STKaiti",serif;font-size:27px;line-height:1.5;color:var(--blue);transform:rotate(-10deg)}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:32px 0 29px;margin-top:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;letter-spacing:2px}.hero-foot i{color:#9fb3d4;padding:0 14px;font-style:normal}.hero-foot a{letter-spacing:0}.hero-foot a span{margin-left:17px;color:var(--blue)}.hero-enter{animation:rise-in .8s cubic-bezier(.2,.8,.2,1) both}.hero-enter:nth-child(2){animation-delay:.09s}.hero-enter:nth-child(3){animation-delay:.18s}.hero-enter:nth-child(4){animation-delay:.25s}.hero-enter:nth-child(5){animation-delay:.32s}.hero-enter:nth-child(6){animation-delay:.38s}.section{padding-top:72px;padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:41px;gap:30px}.section-heading h2{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-1.5px;margin-top:12px;font-weight:800}.accent{color:var(--blue)}.section-aside{font-size:14px;color:var(--muted);line-height:1.8}.project-row{display:grid;grid-template-columns:.82fr 1.65fr;gap:50px;padding:28px 0;border-top:1px solid var(--line);align-items:center}.project-row:last-child{border-bottom:1px solid var(--line)}.project-copy{position:relative;padding-left:95px;padding-bottom:5px}.project-number{position:absolute;top:0;left:0;font-family:Arial,sans-serif;font-size:43px;line-height:1;color:var(--blue);letter-spacing:-2px}.project-number i{font-style:normal;font-size:32px;color:#a6bcff;font-weight:200;margin-left:6px}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:14px}.status i{display:block;width:6px;height:6px;background:var(--blue);border-radius:50%}.status-outline i{border:1px solid var(--blue);background:transparent}.project-copy h3{font-size:25px;line-height:1.5;letter-spacing:-.8px;font-weight:700}.project-copy p{font-size:15px;color:var(--muted);margin-top:13px;line-height:1.8}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tags span{font-size:12px;border:1px solid #c7d5f5;border-radius:99px;padding:3px 10px;color:#426397}.project-link{background:none;padding:0;margin-top:25px;font-size:14px;display:inline-flex;align-items:center;gap:22px}.project-link span{font-size:21px;transition:transform .25s;color:var(--blue)}.project-link:hover span{transform:rotate(90deg)}.project-cover{height:338px;text-align:left;position:relative;border-radius:9px;overflow:hidden;isolation:isolate;display:block;width:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-cover:hover{transform:translateY(-4px)}.cover-caption{position:absolute;left:34px;top:28px;font-size:10px;letter-spacing:2px;z-index:2}.cover-bottom{position:absolute;left:34px;bottom:26px;font-size:12px;letter-spacing:1px}.cover-view{position:absolute;width:70px;height:70px;background:var(--blue);color:white;border-radius:50%;display:grid;place-items:center;right:25px;bottom:24px;font-size:12px;letter-spacing:1px;transition:transform .3s,background .3s;z-index:3}.project-cover:hover .cover-view{transform:rotate(-15deg) scale(1.08)}.cover-index{background:#E5EEFF;color:var(--ink);background-image:linear-gradient(#c8d7f440 1px,transparent 1px),linear-gradient(90deg,#c8d7f440 1px,transparent 1px);background-size:45px 45px}.index-word{position:absolute;top:76px;left:38px;font-size:54px;font-weight:800;line-height:1.3;letter-spacing:-3px}.index-word em{color:var(--blue);font-style:normal}.chart-bars{position:absolute;bottom:0;right:95px;display:flex;align-items:flex-end;gap:14px;height:77%;width:42%;transform:rotate(-9deg) translateY(14%)}.chart-bars i{flex:1;min-width:14px;background:linear-gradient(180deg,#245BFF,#adc6ff);border-radius:99px 99px 0 0;height:36%;transition:transform .5s}.chart-bars i:nth-child(2){height:48%}.chart-bars i:nth-child(3){height:41%}.chart-bars i:nth-child(4){height:69%}.chart-bars i:nth-child(5){height:62%}.chart-bars i:nth-child(6){height:85%}.chart-bars i:nth-child(7){height:100%}.cover-index:hover .chart-bars i{transform:translateY(-12px)}.cover-agent{background:#102A56;color:white}.cover-agent:before{content:"";width:400px;height:400px;border:1px solid #42618a;border-radius:50%;position:absolute;right:-30px;top:-25px}.cover-agent:after{content:"";width:400px;height:400px;border:1px solid #42618a;border-radius:50%;position:absolute;right:60px;top:60px}.agent-type{position:absolute;top:62px;left:34px;font-family:Arial,sans-serif;font-size:62px;font-weight:700;line-height:1.03;letter-spacing:-3px;z-index:2}.agent-type em{font-style:normal;color:#92afff}.agent-orb{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;position:absolute;font-family:Arial,sans-serif;font-size:18px;letter-spacing:3px;font-weight:bold;z-index:1;transition:transform .6s}.orb-a{right:28%;top:52px;background:#DCE7FF;color:var(--ink)}.orb-b{right:6%;top:132px;background:var(--blue);color:white}.cover-agent:hover .orb-a{transform:translate(10px,8px)}.cover-agent:hover .orb-b{transform:translate(-10px,-8px)}.cover-agent .cover-view{background:white;color:var(--ink)}.cover-voice{background:#E8EDFF;color:var(--blue)}.voice-type{position:absolute;left:34px;top:65px;font-size:55px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-2.8px;line-height:1.2;z-index:2}.voice-type em{font-style:normal;color:var(--ink)}.waveform{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;width:52%;right:0;bottom:22px;height:150px;opacity:.6;transform:rotate(-13deg)}.waveform i{width:9px;border-radius:99px;background:var(--blue);height:18%;transition:transform .3s}.waveform i:nth-child(3n){height:40%}.waveform i:nth-child(4n){height:75%}.waveform i:nth-child(5n){height:100%}.cover-voice:hover .waveform i{animation:voice-wave .75s ease-in-out infinite alternate}.cover-voice:hover .waveform i:nth-child(2n){animation-delay:.15s}
.disc-reveal{position:absolute;inset:0;background:#E9F0FF;color:var(--blue);z-index:3;display:grid;place-items:center;clip-path:circle(0 at var(--mask-x,50%) var(--mask-y,50%));transition:clip-path .4s cubic-bezier(.2,.8,.2,1);font-size:clamp(37px,4.7vw,64px);font-weight:800;line-height:1.35;letter-spacing:-3px}.disc-reveal>span{transform:rotate(13deg)}.reveal-period{color:var(--ink)}.magnetic{transition:transform .25s ease-out,background .25s,box-shadow .25s}.more-work{font-size:14px;line-height:1.9;color:var(--muted);max-width:750px;margin:26px 0 0 auto}.about-section{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:105px 94px;border-bottom:1px solid var(--line)}.about-head h2{font-size:clamp(30px,3.3vw,48px);letter-spacing:-1.6px;line-height:1.55;margin-top:22px}.about-sign{font-size:14px;letter-spacing:1px;color:var(--muted);display:block;margin-top:30px}.about-copy p{margin-bottom:18px;font-size:16px;line-height:2;color:var(--muted)}.about-copy .about-lead{font-size:21px;font-weight:600;line-height:1.7;color:var(--ink);margin-bottom:22px}.interest-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.interest-line span{font-size:13px;background:var(--light);padding:6px 13px;border-radius:99px;color:#476ba7}.experience-section{padding-top:77px;padding-bottom:60px}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}.timeline-date{font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--muted);font-size:16px;letter-spacing:.5px;padding-top:4px}.timeline-copy{position:relative;padding-left:32px}.timeline-copy:before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border:1px solid #a8b9d7;border-radius:50%}.timeline-row:first-child .timeline-copy:before{border:0;background:var(--blue);box-shadow:0 0 0 5px #245bff12}.timeline-copy h3{font-size:23px;font-weight:600;line-height:1.5}.timeline-org{font-size:14px;color:var(--muted);margin-top:7px}.timeline-copy>p:last-child:not(.timeline-org){margin-top:14px;font-size:15px;line-height:1.9;color:var(--muted);max-width:650px}.current-label{display:inline-block;font-size:11px;font-weight:400;vertical-align:middle;color:var(--blue);background:var(--light);border-radius:99px;padding:3px 11px;line-height:1.5;margin-left:14px}.skills-section{padding:26px 0 57px}.skills-section>h2{font-size:26px;margin-top:13px;letter-spacing:-.7px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.skill-grid article{border-top:1px solid var(--line);padding-top:25px}.skill-label{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.skill-grid h3{font-size:22px;margin-top:17px;font-weight:600}.skill-grid p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:11px;max-width:330px;min-height:54px}.tool-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px}.tool-list span{font-size:13px;color:#476397}.off-duty{padding-top:43px;padding-bottom:100px}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.experiment{background:#F0F4FA;border:1px solid #e3eaf5;padding:33px 35px;border-radius:9px;display:flex;flex-direction:column;min-height:330px}.experiment-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.experiment-top .eyebrow{font-size:10px;letter-spacing:1.5px}.experiment-top .status{margin:0;font-size:11px;white-space:nowrap}.experiment h3{font-size:27px;line-height:1.4;margin-top:25px;letter-spacing:-.8px}.experiment>p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:17px}.experiment-end{display:flex;gap:18px;align-items:center;margin-top:auto;padding-top:29px;color:var(--blue)}.experiment-end>span{font-size:17px;font-weight:600}.experiment-end>i{font-style:normal;color:#b5c7ea}.experiment-end>small{font-size:10px;letter-spacing:1px;color:var(--muted);margin-left:auto}.experiment-blue{background:#EAF0FF;border-color:#dce6ff}.experiment-end>.experiment-asterisk{font-size:40px;font-weight:400;line-height:1}.contact-section{background:var(--blue);color:white;overflow:hidden}.contact-inner{padding-top:64px}.contact-section .eyebrow{color:#cbd9ff;font-size:11px}.contact-inner h2{font-size:clamp(43px,5.7vw,81px);font-weight:700;letter-spacing:-3px;line-height:1.3;margin-top:24px}.contact-inner h2 span{color:#acc3ff}.contact-copy{color:#d6e1ff;font-size:16px;line-height:1.9;margin-top:25px}.email-row{display:flex;align-items:center;gap:40px;margin-top:33px;flex-wrap:wrap}.email-row>a{font-family:Arial,sans-serif;font-size:clamp(22px,2.8vw,38px);letter-spacing:-.5px;line-height:1.4;position:relative}.email-row>a:after{content:"";height:1px;position:absolute;left:0;bottom:-7px;width:100%;background:#b5caff;transition:transform .3s;transform-origin:left}.email-row>a:hover:after{transform:scaleX(.6)}.email-row button{background:transparent;border:1px solid #789cff;border-radius:99px;color:white;font-size:12px;padding:9px 16px;display:flex;gap:11px;align-items:center}.email-row button svg{width:16px;height:16px}.email-row button:hover{background:#ffffff15}.contact-social{display:flex;gap:28px;align-items:center;font-size:12px;color:#d6e1ff;margin-top:32px}.contact-social a{margin-left:auto;text-decoration:underline;text-underline-offset:5px}.contact-section footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #7b9fff;margin-top:55px;padding:23px 0;color:#d6e1ff;font-size:11px}.contact-section footer a{color:white}.contact-section footer a span{margin-left:12px}.contact-section a:focus-visible,.contact-section button:focus-visible{outline-color:white}body:has(dialog[open]){overflow:hidden}html{scrollbar-gutter:stable}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);border-radius:13px;width:min(900px,calc(100% - 64px));max-height:calc(100dvh - 80px);box-shadow:0 30px 120px #04163350;overscroll-behavior:contain}dialog::backdrop{background:#071a3e8c;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-enter .3s cubic-bezier(.2,.8,.2,1)}.dialog-shell{padding:30px 42px 45px}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.dialog-close{border:1px solid var(--line);border-radius:50%;background:none;width:39px;height:39px;font-size:28px;line-height:1;display:grid;place-items:center;font-weight:200}.dialog-close:hover{background:var(--light);color:var(--blue)}#detail-title{font-size:36px;line-height:1.4;letter-spacing:-1.3px;max-width:650px}.detail-intro{font-size:17px;color:var(--muted);margin-top:20px;line-height:1.9}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid var(--line);padding:21px 0;margin:27px 0 30px}.detail-meta dt{font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.detail-meta dd{margin:0;font-size:14px;line-height:1.7}.detail-section{margin-top:25px}.detail-section h3{font-size:20px;font-weight:600;margin-bottom:10px}.detail-section p{font-size:15px;line-height:1.95;color:var(--muted)}.detail-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.detail-facts span{background:var(--light);color:#426397;padding:5px 12px;border-radius:99px;font-size:12px}.detail-link{margin-top:30px;font-size:14px;display:inline-flex;align-items:center;gap:20px}.detail-footnote{margin-top:29px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:12px 23px;border-radius:99px;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);white-space:nowrap}.notice.visible{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.name-disc:hover .disc-reveal{clip-path:circle(145px at var(--mask-x,50%) var(--mask-y,50%))}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes disc-enter{from{opacity:0;transform:rotate(-35deg) scale(.85)}to{opacity:1;transform:rotate(-13deg) scale(1)}}@keyframes voice-wave{to{transform:scaleY(.4)}}
@media(max-width:1100px){.about-section{gap:60px}.experiment{padding:28px}.experiment-top{gap:9px}.experiment-top .eyebrow{font-size:9px;letter-spacing:1px}.experiment-end{gap:12px}.experiment-end>small{font-size:9px}}
@media(max-width:760px){.more-work{font-size:13px;margin-top:24px}.about-section{grid-template-columns:1fr;gap:27px;padding-block:60px 48px}.about-head h2{font-size:35px;line-height:1.5;margin-top:16px;letter-spacing:-1px}.about-sign{margin-top:18px;font-size:12px}.about-copy p{font-size:14px;line-height:1.95;margin-bottom:15px}.about-copy .about-lead{font-size:19px;line-height:1.7;margin-bottom:20px}.interest-line{margin-top:21px;gap:8px}.interest-line span{font-size:12px;padding:5px 12px}.experience-section{padding-top:50px;padding-bottom:36px}.timeline-row{grid-template-columns:1fr;gap:11px;padding:25px 0}.timeline-date{font-size:12px;padding:0}.timeline-copy{padding-left:20px}.timeline-copy h3{font-size:20px}.timeline-copy:before{width:5px;height:5px;top:11px}.timeline-org{font-size:12px;margin-top:6px}.timeline-copy>p:last-child:not(.timeline-org){font-size:14px;margin-top:11px}.current-label{font-size:10px;padding:3px 8px;margin-left:8px}.skills-section{padding-block:18px 30px}.skills-section>h2{font-size:23px}.skill-grid{grid-template-columns:1fr;gap:26px;margin-top:27px}.skill-grid article{padding-top:18px}.skill-grid h3{font-size:20px;margin-top:12px}.skill-grid p{font-size:14px;min-height:0;max-width:none}.tool-list{margin-top:13px}.tool-list span{font-size:12px}.off-duty{padding-top:33px;padding-bottom:60px}.off-duty .section-heading h2{font-size:29px}.experiment-grid{grid-template-columns:1fr;gap:16px}.experiment{padding:24px;min-height:295px}.experiment h3{font-size:25px;margin-top:23px}.experiment-top .eyebrow{font-size:9px}.experiment>p{font-size:14px;line-height:1.9;margin-top:15px}.experiment-end{padding-top:25px}.experiment-end>small{font-size:9px}.contact-inner{padding-top:43px}.contact-inner h2{font-size:44px;letter-spacing:-1.9px;line-height:1.35;margin-top:22px}.contact-copy{font-size:14px;margin-top:21px}.email-row{gap:23px;margin-top:25px}.email-row>a{font-size:27px}.email-row button{font-size:11px;padding:8px 13px}.contact-social{flex-wrap:wrap;gap:13px 24px;margin-top:29px;font-size:11px}.contact-social a{width:100%;margin:5px 0 0}.contact-section footer{margin-top:36px;padding:21px 0;gap:12px;font-size:10px}.contact-section footer>span:nth-child(2){display:none}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);border-radius:11px}.dialog-shell{padding:20px 23px 30px}.dialog-toolbar{margin-bottom:20px}.dialog-close{width:34px;height:34px;font-size:25px}#detail-title{font-size:28px;letter-spacing:-.8px}.detail-intro{font-size:15px;margin-top:17px}.detail-meta{grid-template-columns:1fr;gap:14px;padding:18px 0;margin-block:21px 25px}.detail-meta>div{display:grid;grid-template-columns:70px 1fr;gap:10px}.detail-meta dt{margin:0;font-size:11px}.detail-meta dd{font-size:13px}.detail-section{margin-top:23px}.detail-section h3{font-size:18px}.detail-section p{font-size:14px;line-height:1.9}.detail-facts span{font-size:11px}.detail-footnote{font-size:11px}.disc-reveal{display:none}}
@media(min-width:1600px){.hero{padding-top:70px;min-height:720px}.hero-art{margin-top:27px}.hero-foot{margin-top:38px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{margin-right:10px;gap:25px}.hero{min-height:630px}.hero-art{height:420px;margin-top:30px}.disc-slash{font-size:90px}.disc-small{bottom:35px;font-size:9px}.scribble{font-size:24px}.project-row{grid-template-columns:1fr 1.45fr;gap:28px}.project-copy{padding-left:72px}.project-number{font-size:34px}.project-number i{font-size:26px}.project-copy h3{font-size:23px}.project-cover{height:318px}.agent-orb{width:115px;height:115px;font-size:14px}.orb-a{right:24%;top:80px}.orb-b{right:5%;top:174px}.agent-type{font-size:49px}.voice-type{font-size:45px}.index-word{font-size:47px}.chart-bars{right:30px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:94px;flex-wrap:wrap;gap:0;padding:19px 0 15px}.brand{font-size:21px}.download{min-height:38px;font-size:13px;padding:8px 15px;margin-left:auto}.download svg{width:15px;height:15px}nav{order:3;width:100%;justify-content:space-between;margin:16px 0 0;gap:20px}nav a{font-size:14px}.hero{padding-top:31px;min-height:0;grid-template-columns:1fr;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:clamp(115px,31vw,170px);margin-top:13px;letter-spacing:-.08em;line-height:1.2}.hero-role{font-size:clamp(20px,5vw,27px)}.hero-role span{padding:0 4px}.hero-line{font-size:23px;margin-top:16px;line-height:1.5}.hero-line br{display:block}.hero-intro{font-size:14px;margin-top:18px}.desktop-break{display:none}.hero-actions{margin-top:22px}.hero-art{height:330px;width:100%;max-width:400px;margin:42px auto 8px}.name-disc{width:255px}.disc-letter{font-size:126px}.disc-slash{font-size:88px;margin:0 4px}.disc-small{font-size:8px;letter-spacing:2px;bottom:35px}.orbit-one{inset:34px 6px}.orbit-two{inset:0 48px}.art-note{font-size:9px}.note-top{left:10px}.note-bottom{left:5px;bottom:14px}.scribble{font-size:23px;right:0;bottom:0}.cross-one{right:8px;top:19px;font-size:29px}.cross-two{left:4px;bottom:67px;font-size:23px}.hero-foot{margin-top:10px;padding:25px 0;font-size:11px;letter-spacing:1px}.hero-foot i{padding:0 10px}.hero-foot a span{margin-left:10px}.section{padding-top:47px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:30px;letter-spacing:-1px;margin-top:10px}.section-aside{font-size:13px;line-height:1.8;margin-top:17px}.section-aside br{display:none}.project-row{grid-template-columns:1fr;gap:26px;padding:27px 0 33px}.project-copy{padding-left:65px}.project-number{font-size:33px}.project-copy h3{font-size:24px}.project-copy p{font-size:14px;margin-top:10px}.project-copy h3 br{display:none}.tags{margin-top:13px}.project-link{margin-top:17px}.status{font-size:11px;margin-bottom:10px}.project-cover{height:270px}.cover-caption{left:25px;top:22px;font-size:9px}.cover-bottom{left:25px;bottom:21px;font-size:11px}.cover-view{width:55px;height:55px;font-size:10px;right:19px;bottom:18px}.index-word{font-size:44px;left:25px;top:67px}.chart-bars{width:43%;right:29px;gap:9px}.chart-bars i{min-width:10px}.agent-type{font-size:49px;left:25px;top:60px}.agent-orb{width:100px;height:100px;font-size:12px}.orb-a{right:21%;top:58px}.orb-b{right:3%;top:140px}.cover-agent:before,.cover-agent:after{width:290px;height:290px}.voice-type{font-size:43px;top:70px;left:25px}.waveform{height:110px;gap:6px}.waveform i{width:7px}}
.hero-intro,.project-copy p,.about-copy p:not(.about-lead),.timeline-copy>p:last-child:not(.timeline-org),.skill-grid p,.experiment>p,.contact-copy,.detail-section p{font-size:16px}
.eyebrow,.status,.tags span,.cover-caption,.skill-label,.experiment-top .eyebrow,.experiment-top .status,.experiment-end>small,.contact-section footer,.contact-social,.detail-meta dt,.detail-footnote,.detail-facts span,.tool-list span{font-size:12px}
.cover-caption{max-width:calc(100% - 65px);line-height:1.6}.email-row button,.download{font-size:14px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}