:root{color:#0a0a0a;font-synthesis:none;--paper:#f7f7f5;--soft:#efefed;--ink:#080808;background:#fff;font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{background:#fff;min-width:1180px;margin:0}body.modal-open{overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#111}main{background:#fff;overflow:hidden}.wordmark{letter-spacing:-.055em;white-space:nowrap;align-items:center;font-size:19px;font-weight:650;display:flex}.wordmark i{color:#fff;background:#0b0b0b;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-family:Georgia,serif;font-size:11px;font-style:normal;display:grid}.wordmark sup{align-self:flex-start;margin-top:2px;margin-left:2px;font-size:7px}.wordmark.dark{letter-spacing:-.04em;color:#fff;font-size:11px}.wordmark.dark i{color:#111;background:#fff;width:13px;height:13px;margin-right:4px;font-size:7px}.wordmark.dark sup{font-size:5px}.topbar{z-index:30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ecece9eb;border-radius:13px;grid-template-columns:150px minmax(310px,1fr) 110px 330px;align-items:center;width:min(960px,100% - 100px);height:52px;padding:6px 8px 6px 14px;font-size:13px;display:grid;position:absolute;top:22px;left:50%;transform:translate(-50%)}.top-message{white-space:nowrap;color:#a3a3a0;background:#ffffffc2;border-radius:10px;align-items:center;gap:16px;height:40px;padding:0 20px;display:flex;overflow:hidden}.top-message b{color:#111;font-size:17px}.top-message em{letter-spacing:.05em;font-size:10px;font-style:normal}.clock{justify-content:center;align-items:center;height:34px;font-weight:650;display:flex}.clock i{border:1px solid;border-radius:50%;width:14px;height:14px;margin-left:6px;position:relative}.clock i:after{content:"";transform-origin:bottom;background:#111;width:1px;height:4px;position:absolute;top:2px;left:6px;transform:rotate(-24deg)}.topbar nav{justify-content:space-around;display:flex}.topbar nav a{border-radius:9px;padding:10px 13px;transition:all .25s}.topbar nav a:hover{color:#fff;background:#111}.hero{background:#fbfbfa;height:max(900px,100vh);position:relative}.badge-rig{--lift:0px;--fade:1;--pull-angle:7deg;--arc-a:7deg;--arc-b:-5.7deg;--arc-c:3.6deg;--arc-d:-2.1deg;--arc-e:1deg;z-index:10;width:250px;transform:translateX(-50%) translateY(var(--lift));opacity:var(--fade);will-change:transform,opacity;position:absolute;top:0;left:50%}.pendulum{transform-origin:50% 0;will-change:transform;flex-direction:column;align-items:center;width:250px;display:flex;transform:rotate(0)}.badge-cord{z-index:4;flex:none;width:92px;height:396px;transition:height .82s cubic-bezier(.2,.82,.2,1);position:relative}.strap{background:linear-gradient(90deg,#c7c7c4 0%,#e1e1df 47%,#c5c5c2 100%);border-radius:0 0 5px 5px;width:26px;height:calc(100% - 112px);position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 4px 0 8px #00000009,inset -5px 0 9px #ffffff8c}.hardware{z-index:6;fill:none;stroke:#aaaba8;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #00000014);width:88px;height:128px;position:absolute;bottom:-2px;left:50%;overflow:visible;transform:translate(-50%)}.id-card{z-index:2;transform-origin:50% 7px;will-change:transform;background:#111;border-radius:12px;flex:none;width:214px;height:300px;margin-top:-10px;transition:transform .35s cubic-bezier(.2,.82,.2,1);position:relative;overflow:hidden;transform:rotate(-.8deg);box-shadow:0 15px 30px #00000029}.id-card img{object-fit:cover;object-position:center 18%;filter:saturate(1.04)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.eyelet{z-index:8;background:#08080870;border-radius:50%;width:22px;height:10px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 3px #000000e6,0 0 0 2px #e1e1ddad}.eyelet:after{content:"";background:#aaa;border-radius:4px;width:4px;height:8px;position:absolute;top:0;left:11px;transform:rotate(8deg);box-shadow:0 1px 1px #0000004d}.card-shade{background:linear-gradient(#0000000a 0%,#00000021 48%,#000000e0 100%);position:absolute;inset:0}.card-copy{z-index:2;color:#fff;position:absolute;top:42px;left:24px;right:16px}.card-copy h1{letter-spacing:-.075em;margin:0;font-size:35px;font-weight:520;line-height:1}.card-copy h1 sup{font-size:8px}.card-copy p{margin:24px 0 0;font-size:11px;line-height:1.5}.id-card strong{z-index:2;color:#fff;font:italic 700 34px/1 Georgia,serif;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.badge-rig.pulled .badge-cord{height:500px}.badge-rig.pulled .pendulum{transform:rotate(var(--pull-angle));transition:transform .22s cubic-bezier(.2,.7,.25,1)}.badge-rig.pulled .id-card{transform:translateY(5px)rotate(1.8deg)}.badge-rig.rebound .pendulum{animation:1.45s cubic-bezier(.2,.7,.2,1) pendulumRebound}.badge-rig.rebound .badge-cord{animation:1.45s cubic-bezier(.2,.72,.2,1) cordRebound}.badge-rig.rebound .id-card{animation:1.45s cubic-bezier(.2,.72,.2,1) cardInertia}@keyframes pendulumRebound{0%{transform:rotate(var(--arc-a))}22%{transform:rotate(var(--arc-b))}42%{transform:rotate(var(--arc-c))}60%{transform:rotate(var(--arc-d))}77%{transform:rotate(var(--arc-e))}90%{transform:rotate(-.35deg)}to{transform:rotate(0)}}@keyframes cordRebound{0%{height:500px}25%{height:382px}43%{height:410px}61%{height:390px}77%{height:400px}to{height:396px}}@keyframes cardInertia{0%{transform:translateY(5px)rotate(1.8deg)}22%{transform:translate(-4px,-5px)rotate(-4.5deg)}42%{transform:translate(3px,3px)rotate(2.8deg)}61%{transform:translate(-2px,-2px)rotate(-1.8deg)}79%{transform:translate(1px,1px)rotate(.7deg)}to{transform:translate(0)rotate(-.8deg)}}.hero-meta{font-size:11px;position:absolute;bottom:42px}.hero-meta.left{left:max(42px,50% - 810px)}.hero-meta.right{flex-direction:column;gap:7px;width:160px;display:flex;right:max(42px,50% - 810px)}.hero-meta span,.scroll-cue{letter-spacing:.16em;color:#777;font-size:8px}.hero-meta p{margin:7px 0 0}.hero-meta.right a{background:#efefed;border-radius:9px;padding:11px 14px}.hero-meta.right a:hover{color:#fff;background:#111}.scroll-cue{margin:0;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.micro-nav{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808f0;border-radius:8px;align-items:center;gap:12px;width:max-content;height:30px;margin:0 auto;padding:4px 5px 4px 8px;display:flex;position:sticky;top:14px;box-shadow:0 7px 20px #0000001f}.micro-nav>a:last-child{color:#111;background:#fff;border-radius:5px;padding:5px 11px;font-size:9px}.about{z-index:15;min-height:1150px;transform:translateY(var(--intro-rise,90px));will-change:transform;background:#fff;border-radius:26px 26px 0 0;margin-top:-82px;padding:100px max(34px,50vw - 850px) 90px;position:relative}.tool-strip{grid-template-columns:1.1fr repeat(4,1fr);align-items:stretch;gap:10px;max-width:1450px;margin:110px auto 0;display:grid}.tool-strip>span{letter-spacing:.14em;color:#888;align-self:center;font-size:9px}.tool-strip>div{background:#f0f0ee;border-radius:13px;flex-direction:column;justify-content:space-between;height:114px;padding:15px;display:flex}.tool-strip b{letter-spacing:-.06em;font-size:28px}.tool-strip small{letter-spacing:.13em;color:#777;font-size:7px}.manifesto{max-width:1450px;min-height:750px;margin:70px auto 0;padding-top:65px;position:relative}.manifesto-copy{width:430px;margin-left:52%;font-size:17px;line-height:1.5}.manifesto-copy span,.black-stage header span,.project-result>header span,.skills-heading span,.experience-main span,.gallery-modal header span{letter-spacing:.15em;color:#81817e;font-size:8px}.manifesto-copy p{margin:22px 0 0}.portrait-note{align-items:flex-end;gap:13px;display:flex;position:absolute;bottom:40px;right:20px}.portrait-note img{object-fit:cover;object-position:center 18%;border-radius:8px;width:78px;height:100px}.portrait-note p{color:#70706d;font-size:9px;line-height:1.7}.portrait-note b{color:#111}.manifesto h2{letter-spacing:-.078em;margin:0;font-size:clamp(72px,7.8vw,132px);font-weight:510;line-height:.88;position:absolute;bottom:10px;left:0}.manifesto h2 em{color:#b7b7b3;font-style:normal}.projects{background:#fff;padding:42px max(34px,50vw - 850px) 120px;position:relative}.black-stage{color:#fff;background:#090909;border-radius:18px;max-width:1620px;margin:-12px auto 0;padding:42px}.black-stage header{justify-content:space-between;align-items:flex-start;min-height:240px;display:flex}.black-stage header p{color:#d4d4d0;margin:70px 5% 0 0;font-size:17px;line-height:1.4}.work-mosaic{grid-template-rows:1fr 1fr;grid-template-columns:1.62fr 1fr 1fr;gap:12px;height:720px;display:grid}.work-mosaic button{color:#fff;text-align:left;background:#1b1b1b;border:0;border-radius:12px;padding:0;position:relative;overflow:hidden}.work-mosaic img{object-fit:cover;filter:saturate(.86)brightness(.82);width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .5s}.work-mosaic button:hover img{filter:saturate(1.03)brightness(.92);transform:scale(1.035)}.work-mosaic button:after{content:"";background:linear-gradient(#0000 48%,#000000c4 100%);position:absolute;inset:0}.work-mosaic span,.work-mosaic b,.work-mosaic i{z-index:2;position:absolute;bottom:16px}.work-mosaic span{color:#aaa;font-size:8px;left:16px}.work-mosaic b{font-size:13px;font-weight:500;left:48px}.work-mosaic i{color:#bbb;font-size:8px;font-style:normal;right:16px}.project-intro{grid-template-columns:1fr 1.4fr;align-items:start;gap:130px;max-width:1100px;margin:100px auto 120px;display:grid}.project-intro span{letter-spacing:-.035em;font-size:26px;line-height:1.25}.project-intro p{color:#6e6e6a;margin:0;font-size:13px;line-height:1.9}.project-explorer{grid-template-columns:300px 1fr;gap:16px;max-width:1620px;margin:0 auto;display:grid}.project-switcher{flex-direction:column;gap:6px;height:max-content;display:flex;position:sticky;top:62px}.project-switcher button{text-align:left;background:#f0f0ee;border:0;border-radius:11px;grid-template-columns:30px 1fr;min-height:88px;padding:17px 16px;transition:all .3s;display:grid}.project-switcher span{color:#888;grid-row:1/3;font-size:8px}.project-switcher b{font-size:15px;font-weight:500}.project-switcher small{letter-spacing:.1em;color:#888;margin-top:6px;font-size:7px}.project-switcher button.active,.project-switcher button:hover{color:#fff;background:#0a0a0a}.project-result{background:#f0f0ee;border-radius:15px;min-height:620px;overflow:hidden}.project-result>header{color:#fff;background:#0a0a0a;flex-direction:column;justify-content:space-between;min-height:185px;padding:25px;display:flex}.project-result>header h3{letter-spacing:-.065em;margin:0;font-size:51px;font-weight:500}.sub-switch{grid-template-columns:1fr 1fr;gap:6px;padding:7px;display:grid}.sub-switch button{background:#dededb;border:0;border-radius:8px;padding:14px;font-size:10px}.sub-switch button.active{background:#fff}.result-grid{grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid}.result-grid>button{color:#fff;text-align:left;background:#d9d9d6;border:0;border-radius:10px;min-height:345px;padding:0;position:relative;overflow:hidden}.result-grid img{object-fit:cover;width:100%;height:100%;transition:transform .55s;position:absolute;inset:0}.result-grid button:hover img{transform:scale(1.03)}.result-grid button:after{content:"";background:linear-gradient(#0000 44%,#000c 100%);position:absolute;inset:0}.result-grid span,.result-grid b,.result-grid i{z-index:2;position:absolute;left:15px}.result-grid span{color:#c7c7c4;font-size:8px;bottom:50px}.result-grid b{font-size:19px;font-weight:500;bottom:17px}.result-grid i{font-size:8px;font-style:normal;bottom:20px;left:auto;right:15px}.slot-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.slot-grid>div{background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-content:space-between;height:180px;padding:18px;display:grid}.slot-grid span{color:#888;font-size:8px}.slot-grid b{font-size:18px;font-weight:500}.slot-grid i{font-size:18px;font-style:normal}.numbers{background:#fff;grid-template-columns:repeat(3,1fr);gap:80px;max-width:1460px;margin:0 auto;padding:140px 0;display:grid}.numbers>div{text-align:center}.numbers strong{letter-spacing:-.075em;font-size:92px;font-weight:500;line-height:1;display:block}.numbers span{letter-spacing:.16em;color:#888;margin:15px 0 28px;font-size:8px;display:block}.numbers p{color:#777;font-size:11px}.skills{color:#fff;background:#080808;padding:42px max(34px,50vw - 850px) 36px;position:relative}.skills-heading{max-width:1500px;min-height:430px;margin:0 auto;padding:120px 0 70px}.skills-heading h2{letter-spacing:-.07em;margin:45px 0 0;font-size:clamp(60px,6.1vw,102px);font-weight:500;line-height:.93}.skills-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:1620px;margin:0 auto;display:grid}.skills-grid article{color:#111;background:#f7f7f5;border-radius:16px;flex-direction:column;min-height:540px;padding:26px;display:flex;position:relative;overflow:hidden}.skills-grid article>div{letter-spacing:.12em;color:#888;justify-content:space-between;font-size:8px;display:flex}.skills-grid h3{letter-spacing:-.055em;margin:auto 0 16px;font-size:37px;font-weight:500}.skills-grid p{color:#666;max-width:460px;margin:0 0 110px;font-size:12px;line-height:1.8}.skills-grid img{object-fit:cover;border-radius:8px;width:155px;height:104px;transition:all .45s;position:absolute;bottom:25px;right:28px;transform:rotate(-3deg);box-shadow:0 12px 30px #00000029}.skills-grid article:nth-child(2n) img{transform:rotate(3deg)}.skills-grid article:hover img{transform:rotate(0)translateY(-8px)scale(1.04)}.clarity{background:#050505;border-radius:16px;flex-direction:column;max-width:1620px;min-height:620px;margin:13px auto 0;padding:45px;display:flex;position:relative}.clarity>i{background:#fff;border-radius:50%;width:11px;height:11px;margin:auto}.clarity h3{letter-spacing:-.06em;text-align:center;white-space:nowrap;font-size:52px;font-weight:500;line-height:.98;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.clarity ol{grid-template-columns:repeat(5,1fr);gap:38px;margin:auto 0 0;padding:0;list-style:none;display:grid}.clarity li{color:#aaa;border-top:1px solid #343434;padding-top:14px;font-size:9px}.clarity li span{color:#555;margin-bottom:10px;font-size:7px;display:block}.experience{background:#fff;padding:42px max(34px,50vw - 850px) 120px;position:relative}.experience>h2{letter-spacing:-.075em;max-width:1500px;margin:150px auto 130px;font-size:clamp(58px,6.5vw,108px);font-weight:500;line-height:.91}.experience>h2 em{color:#b9b9b5;font-style:normal}.experience-row{grid-template-columns:1fr 1fr;gap:90px;max-width:1500px;margin:0 auto;display:grid}.experience-main h3{letter-spacing:-.045em;max-width:570px;margin:80px 0 20px;font-size:33px;font-weight:500;line-height:1.15}.experience-main p{color:#777;font-size:12px}.experience-row ul{margin:0;padding:0;list-style:none}.experience-row li{color:#555;padding:22px 0;font-size:13px;line-height:1.6}.evidence{grid-template-rows:1fr 1fr;grid-template-columns:1fr .5fr .75fr;gap:12px;max-width:1500px;margin:130px auto 0;display:grid}.evidence>div{background:#f0f0ee;border-radius:14px;overflow:hidden}.evidence-image{grid-row:1/3;height:520px}.evidence-image img{object-fit:cover;width:100%;height:100%}.evidence-list{grid-row:1/3;padding:24px}.evidence-list p{grid-template-columns:8px 1fr auto;align-items:center;gap:10px;margin:0;padding:17px 0;font-size:10px;display:grid}.evidence-list p i{border-radius:50%;width:7px;height:7px}.evidence-list p span{color:#888;font-size:8px}.evidence-result{flex-direction:column;grid-row:1/3;justify-content:flex-end;padding:30px;display:flex}.evidence-result strong{letter-spacing:-.075em;font-size:74px;font-weight:500}.evidence-result span{color:#777;font-size:10px}.faq{background:#fff;min-height:900px;padding:42px max(34px,50vw - 850px) 100px;position:relative}.faq-head{grid-template-columns:1fr 1fr;align-items:end;max-width:1500px;margin:140px auto 100px;display:grid}.faq-head h2{letter-spacing:-.065em;margin:0;font-size:62px;font-weight:500;line-height:.94}.faq-head h2 em{color:#aaa;font-style:normal}.faq-head>div{justify-self:center}.faq-head>div p{font-size:12px}.faq-head>div a{background:#f0f0ee;border-radius:7px;margin-top:10px;padding:10px 13px;font-size:11px;display:inline-block}.faq-list{width:60%;max-width:1500px;margin:0 auto}.faq-list details{background:#f2f2f0;border-radius:9px;margin-bottom:6px;padding:0 16px}.faq-list summary{cursor:pointer;justify-content:space-between;padding:18px 0;font-size:11px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-style:normal}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{color:#666;margin:0;padding:0 0 18px;font-size:10px;line-height:1.7}.contact{color:#fff;background:#070707;flex-direction:column;min-height:950px;padding:42px max(34px,50vw - 850px) 24px;display:flex;position:relative}.ticker{color:#111;white-space:nowrap;background:#fff;border-radius:10px;margin-top:62px;padding:8px 0;overflow:hidden}.ticker span{letter-spacing:.1em;font-size:8px;animation:18s linear infinite ticker;display:inline-block}@keyframes ticker{to{transform:translate(-35%)}}.contact>h2{letter-spacing:-.09em;white-space:nowrap;margin:75px 0 20px;font-size:clamp(190px,23vw,390px);font-weight:450;line-height:.75}.contact>h2 sup{vertical-align:top;letter-spacing:-.03em;font-size:.25em}.contact-links{grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;display:grid}.contact-links>div{color:#111;background:#f3f3f1;border-radius:12px;padding:10px 15px}.contact-links a,.contact-links p{justify-content:space-between;margin:0;padding:10px 0;font-size:10px;display:flex}.contact-bottom{letter-spacing:.1em;color:#777;justify-content:space-between;padding-top:22px;font-size:8px;display:flex}.gallery-modal{z-index:100;background:#f7f7f5;padding:18px;position:fixed;inset:0;overflow:auto}.gallery-modal>header{z-index:5;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0af0;border-radius:11px;justify-content:space-between;align-items:center;padding:13px 16px;display:flex;position:sticky;top:0}.gallery-modal h2{margin:4px 0 0;font-size:24px;font-weight:500}.gallery-modal button{color:#111;background:#fff;border:0;border-radius:7px;padding:11px 17px;font-size:10px}.modal-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:1700px;margin:18px auto;display:grid}.modal-grid figure{background:#fff;border-radius:12px;margin:0;padding:10px}.modal-grid img{width:100%;height:auto}.modal-grid figcaption{letter-spacing:.12em;color:#777;justify-content:space-between;padding:11px 3px 2px;font-size:8px;display:flex}@media (width<=1380px){.topbar{grid-template-columns:140px minmax(280px,1fr) 105px 300px}.about,.projects,.skills,.experience,.faq,.contact{padding-left:30px;padding-right:30px}.work-mosaic{height:610px}.skills-grid article{min-height:470px}.numbers{padding-left:50px;padding-right:50px}.contact>h2{font-size:260px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.badge-cord{height:330px}.strap{background:linear-gradient(90deg,#d3d3d0 0%,#eeeeeb 48%,#c9c9c6 100%);border-radius:0 0 6px 6px;height:calc(100% - 114px);box-shadow:inset 4px 0 8px #0000000d,inset -5px 0 9px #ffffffb8}.clip-hardware{z-index:7;filter:drop-shadow(0 3px 2px #00000021);width:70px;height:132px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.strap-cap{z-index:4;background:linear-gradient(90deg,#d5d5d2 0%,#f3f3f0 45%,#c8c8c5 100%);border-radius:5px 5px 10px 10px;width:34px;height:33px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:inset 3px 0 5px #00000012,inset -2px 0 4px #ffffffc7}.metal-neck{z-index:2;background:linear-gradient(90deg,#777 0%,#c5c5c2 38%,#696a68 100%);border-radius:2px;width:15px;height:36px;position:absolute;top:46px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #14141433}.clip-head{z-index:5;background:linear-gradient(90deg,#d0d0cd 0%,#f1f1ee 44%,#c8c8c5 100%);border-radius:8px 8px 5px 5px;width:38px;height:43px;position:absolute;top:77px;left:50%;transform:translate(-50%);box-shadow:inset 2px 0 5px #00000014,inset -2px 0 4px #ffffffb3}.clip-head:before{content:"";background:#080808;border-radius:0 0 14px 14px;width:25px;height:20px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 2px #ffffff14}.clip-head:after{content:"";z-index:-1;background:#080808;border-radius:0 0 14px 14px;width:25px;height:22px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.clip-tongue{z-index:7;background:linear-gradient(90deg,#d2d2cf 0%,#f4f4f1 45%,#c7c7c4 100%);border-radius:2px 2px 5px 5px;width:31px;height:30px;position:absolute;top:106px;left:50%;transform:translate(-50%);box-shadow:inset 2px 0 5px #00000014}.card-slot{z-index:5;background:#070707;border-radius:6px;width:62px;height:10px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 3px #000000e6,0 1px #fff3}.strap{background:repeating-linear-gradient(90deg,#ffffff1a 0 1px,#46464605 1px 2px),repeating-linear-gradient(0deg,#ffffff09 0 2px,#50505004 2px 4px),#d5d5d1;width:24px;box-shadow:inset 1px 0 2px #00000005,inset -1px 0 2px #ffffff2e}.strap-cap{background:linear-gradient(90deg,#d9d9d5 0%,#e4e4e0 48%,#d3d3cf 100%);box-shadow:inset 1px 0 2px #0000000a,inset -1px 0 2px #ffffff59}.id-card{box-shadow:2px 3px #25272b,0 15px 30px #00000026}.id-card:after{content:"";z-index:9;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset -1px 0 #ffffff14,inset 0 -2px #00000047}.pendulum{width:250px;display:block;animation:none!important;transform:none!important}.badge-cord{will-change:height;width:250px;transition:none;overflow:visible}.strap-curve{z-index:1;pointer-events:none;width:250px;height:max(0px,100% - 114px);position:absolute;top:0;left:0;overflow:visible}.strap-curve>path{fill:none;stroke:url(#strap-weave);stroke-width:24px;stroke-linecap:butt;vector-effect:non-scaling-stroke;filter:drop-shadow(1px 0 1px #00000009);will-change:d}.badge-tail{z-index:7;transform-origin:50% 18px;will-change:transform;width:250px;position:absolute;top:calc(100% - 132px);left:50%;transform:translate(-50%)}.badge-tail .clip-hardware{margin:0 auto;position:relative;bottom:auto;left:auto;transform:none}.badge-tail .id-card{will-change:transform;margin:-10px auto 0;transition:none}.badge-tail{perspective:900px}.id-card{transform-style:preserve-3d;overflow:visible}.card-face{border-radius:inherit;backface-visibility:hidden;transform-style:preserve-3d;background:#111;position:absolute;inset:0;overflow:hidden}.card-front{transform:rotateY(0)}.card-back{color:#fff;background:radial-gradient(circle at 72% 24%,#263956 0%,#111a29 34%,#070a0f 100%);transform:rotateY(180deg)}.back-copy{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:27px 23px 22px}.back-copy small{letter-spacing:.16em;color:#ffffff8c;font-size:7px}.back-copy b{text-shadow:0 10px 30px #00000059;align-self:center;font:italic 700 76px/1 Georgia,serif}.back-copy p{letter-spacing:.12em;color:#ffffffad;margin:0;font-size:8px;line-height:1.6}.flip-light{z-index:12;pointer-events:none;width:75%;opacity:var(--flip-light,0);transform:translateX(var(--flip-light-x,12%)) skewX(-13deg);filter:blur(3px);mix-blend-mode:screen;will-change:transform,opacity;background:linear-gradient(90deg,#0000 0%,#ffffff14 30%,#ffffffb8 51%,#accbff2e 66%,#0000 100%);position:absolute;top:-12%;bottom:-12%;left:-55%}.card-copy{inset:auto 14px 58px 22px}.card-copy h1{letter-spacing:-.06em;font-size:27px}.card-copy p{letter-spacing:.01em;margin:10px 0 0;font-size:9px;line-height:1.55}.id-card strong{font-family:Arial,sans-serif;font-size:24px;font-style:normal;font-weight:600;bottom:18px}.strap-cap{height:37px;top:14px}.id-card{transform-origin:50% 10px}.clip-tongue{height:33px}.topbar{opacity:1;transition:opacity .34s,background-color .34s;position:fixed}.topbar.dimmed{opacity:.42}.top-message{gap:14px}.top-message b{color:#a3a3a0;font-size:13px;font-weight:400}@font-face{font-family:FZ Lanting CJK;src:local(方正兰亭黑简体);font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+31C0-31EF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}:root{--site-font:"FZ Lanting CJK",Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-family:var(--site-font);font-synthesis:weight}body,button,input,textarea,select{font-family:var(--site-font)}.tool-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1360px}.tool-strip>div{height:137px}.work-mosaic{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.work-mosaic button.hero-work{grid-row:auto}.work-mosaic button:nth-child(4){grid-column:auto}.experience-main p{line-height:1.8}.experience>h2{font-size:clamp(48px,5.42vw,90px)}.clarity h3{letter-spacing:.12em;font-size:40px;line-height:1.176}.clarity li{font-size:12px}.header-banner-grid{gap:12px;width:92%;margin:22px auto 34px;padding:0;display:grid}.header-banner-grid>button{aspect-ratio:2048/344;color:#fff;text-align:left;background:#d9d9d6;border:0;border-radius:10px;width:100%;padding:0;position:relative;overflow:hidden}.header-banner-grid img{object-fit:cover;width:100%;height:100%;transition:transform .55s;position:absolute;inset:0}.header-banner-grid button:hover img{transform:scale(1.015)}.header-banner-grid button:after{content:"";background:linear-gradient(90deg,#00000073,#0000 48%,#00000029);position:absolute;inset:0}.header-banner-grid span,.header-banner-grid b,.header-banner-grid i{z-index:2;position:absolute;bottom:14px}.header-banner-grid span{color:#ddd;font-size:8px;left:16px}.header-banner-grid b{font-size:14px;font-weight:500;left:48px}.header-banner-grid i{color:#ddd;font-size:8px;font-style:normal;right:16px}.contact-details{flex-direction:column;justify-content:center;display:flex}.contact-links .contact-details p{justify-content:flex-start;padding:8px 0}.numbers>div:nth-child(3) strong{letter-spacing:0}.work-mosaic img{filter:saturate(.92)brightness()}.work-mosaic button:hover img{filter:saturate(1.03)brightness()}.work-mosaic button:after{background:linear-gradient(#0000 0% 50%,#000000b8 100%)}.project-explorer{align-items:start}.project-switcher{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-radius:16px;padding:8px;top:100px;box-shadow:0 18px 45px #0000001a}.project-pages{flex-direction:column;gap:44px;min-width:0;display:flex}.project-page{min-height:calc(100vh - 110px);scroll-margin-top:92px}.project-explorer{overflow:visible}.project-switcher{align-self:start;height:max-content;position:sticky;top:100px}.faq-head{grid-template-columns:1fr}main{overflow:clip}.project-explorer{grid-template-columns:216px minmax(0,1fr);gap:24px}.project-switcher{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f2f2efc2;border-radius:20px;gap:4px;padding:8px;top:96px;box-shadow:0 18px 48px #00000013}.project-switcher button{background:0 0;border-radius:13px;flex-direction:column;grid-template-columns:none;justify-content:center;min-height:76px;padding:15px 28px 15px 44px;transition:background-color .3s,color .3s,transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s;display:flex;position:relative}.project-switcher span{color:#777;background:#0000000e;border-radius:50%;grid-row:auto;place-items:center;width:22px;height:22px;font-size:7px;transition:all .3s;display:grid;position:absolute;top:17px;left:13px}.project-switcher b{letter-spacing:-.025em;font-size:14px;font-weight:500}.project-switcher small{letter-spacing:.13em;color:#92928e;margin-top:7px;font-size:6px;transition:all .3s}.project-switcher button:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:5px;height:5px;transition:all .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)scale(.3)}.project-switcher button.active{color:#fff;background:#0a0a0a;transform:translate(4px);box-shadow:0 12px 28px #00000021}.project-switcher button.active span{color:#111;background:#fff}.project-switcher button.active small{color:#ffffff80}.project-switcher button.active:after{opacity:1;transform:translateY(-50%)scale(1)}.project-switcher button:not(.active):hover{color:#111;background:#ffffffb8;transform:translate(2px)}.project-page>header p{max-width:460px;color:inherit;opacity:.56;margin:0;font-size:12px;line-height:1.7}.project-page[data-project=info]{background:#e7e7e3}.project-page[data-project=info]>header{color:#0a0a0a;background:#e7e7e3;min-height:230px}.project-page[data-project=info]>header span{color:#777}.slot-grid-info{grid-template-rows:none;grid-template-columns:1fr;gap:16px;padding:12px 0 18px}.slot-grid-info>div{background:#f8f8f6;border-radius:12px;height:auto;padding:20px}.slot-grid-info>div:first-child{color:#fff;background:#0a0a0a;grid-row:1/3}.slot-grid-info>div:first-child b{letter-spacing:-.05em;max-width:230px;font-size:34px;line-height:1.05}.slot-grid-info>div:first-child i{color:#fff}.slot-grid-info>div:nth-child(3){background:#d4d4cf}.slot-grid-info>div:last-child{grid-column:2/4}.slot-grid-info b{font-size:16px}.slot-grid>button{text-align:left;color:#fff;cursor:pointer;background:#fff;border:0;border-radius:10px;grid-template-columns:1fr auto;align-content:space-between;height:180px;padding:18px;display:grid;position:relative;overflow:hidden}.slot-grid>button img{object-fit:cover;filter:saturate(.82)brightness(.66);width:100%;height:100%;transition:transform .55s,filter .55s;position:absolute;inset:0}.slot-grid>button:after{content:"";background:linear-gradient(#0000001f,#000000c7);position:absolute;inset:0}.slot-grid>button span,.slot-grid>button b,.slot-grid>button i{z-index:1;color:#fff;position:relative}.slot-grid>button i{align-self:end;font-size:8px}.slot-grid>button:hover img{filter:saturate(.95)brightness(.76);transform:scale(1.035)}.slot-grid-info>button{aspect-ratio:auto;background:#0a0a0a;border-radius:18px;grid-area:auto/1;justify-self:center;width:86%;height:clamp(310px,25vw,390px);padding:0;display:block;box-shadow:0 16px 35px #0000001f}.slot-grid-info>button img{object-fit:cover;filter:saturate(.88)brightness(.8);background:#090909;width:68%;left:0;right:auto}.slot-grid-info>button:after{background:linear-gradient(90deg,#0a0a0a05 24%,#0a0a0ae6 58%,#0a0a0a 68% 100%)}.slot-grid-info>button span,.slot-grid-info>button b,.slot-grid-info>button i{text-align:left;position:absolute;left:calc(68% + 28px);right:28px}.slot-grid-info>button span{letter-spacing:.16em;color:#8d8d88;font-size:8px;top:28px}.slot-grid-info>button b{letter-spacing:.02em;font-size:30px;line-height:1.05;top:50%;transform:translateY(-50%)}.slot-grid-info>button i{letter-spacing:.12em;color:#aaa;font-size:8px;bottom:28px}.slot-grid-info>button:nth-child(2n) img{left:auto;right:0}.slot-grid-info>button:nth-child(2n){border-radius:18px;justify-self:center}.slot-grid-info>button:nth-child(2n):after{background:linear-gradient(270deg,#0a0a0a05 24%,#0a0a0ae6 58%,#0a0a0a 68% 100%)}.slot-grid-info>button:nth-child(2n) span,.slot-grid-info>button:nth-child(2n) b,.slot-grid-info>button:nth-child(2n) i{left:28px;right:calc(68% + 28px)}.project-page[data-project=brand]{color:#fff;background:#080808;position:relative}.project-page[data-project=brand]>header{background:0 0;min-height:260px}.project-page[data-project=brand]>header h3{max-width:650px;font-size:62px}.project-page[data-project=brand]>header p{text-align:right;color:#fff;align-self:flex-end}.brand-result-grid{background:#080808;grid-template-columns:1.35fr .65fr;gap:12px;padding:14px}.brand-result-grid>button{border-radius:13px;min-height:520px}.brand-result-grid>button:nth-child(2) img{filter:grayscale(.3)contrast(1.06)}.brand-result-grid>button:after{background:linear-gradient(#0000 48%,#000000eb 100%)}.brand-result-grid b{font-size:23px}.project-page[data-project=shop]{background:#deded8;min-height:0}.project-page[data-project=shop]>header{color:#0a0a0a;background:linear-gradient(135deg,#f0f0ec 0%,#d3d3cd 100%);min-height:250px}.project-page[data-project=shop]>header span{color:#777}.project-page[data-project=shop]>header h3{font-size:56px}.project-page[data-project=shop]>header p{text-align:right;margin-left:auto}.slot-grid-shop{grid-template-rows:repeat(2,205px);grid-template-columns:1.1fr .9fr 1fr;gap:9px;padding:10px}.slot-grid-shop>div{background:#f6f6f3;border-radius:14px;height:auto;padding:20px}.slot-grid-shop>div:first-child{color:#fff;background:radial-gradient(circle at 72% 18%,#3b3b3a 0%,#181818 34%,#080808 100%);grid-row:1/3}.slot-grid-shop>div:first-child b{letter-spacing:-.06em;max-width:210px;font-size:38px;line-height:1}.slot-grid-shop>div:first-child span,.slot-grid-shop>div:first-child i{color:#fff}.slot-grid-shop>div:nth-child(3),.slot-grid-shop>div:nth-child(5){background:#c8c8c1}.slot-grid-shop b{font-size:16px}.shop-gallery{background:#111214;padding:10px;position:relative}.shop-feature{aspect-ratio:1200/628;color:#fff;cursor:pointer;background:#090a0b;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.shop-feature:after{content:"";pointer-events:none;background:linear-gradient(#00000047,#0000 24% 66%,#00000061);position:absolute;inset:0}.shop-feature img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s;animation:.58s cubic-bezier(.16,1,.3,1) both shop-feature-in}.shop-feature:hover img{filter:brightness(1.03);transform:scale(1.012)}.shop-feature span,.shop-feature i{z-index:2;letter-spacing:.16em;color:#fff;text-shadow:0 1px 7px #000c;font-size:7px;font-style:normal;position:absolute;top:17px}.shop-feature span{left:18px}.shop-feature i{right:18px}.shop-gallery-nav{background:#090a0b;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px;padding:6px;display:grid;position:static}.shop-gallery-nav button{color:#fff;text-align:left;opacity:.56;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;height:44px;padding:0 12px;transition:background-color .35s,color .35s,opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);display:grid}.shop-gallery-nav button:hover{opacity:.86;transform:translateY(-1px)}.shop-gallery-nav button.active{color:#111;opacity:1;background:#fff;transform:none}.shop-gallery-nav span{letter-spacing:.14em;font-size:6px}.shop-gallery-nav b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}@keyframes shop-feature-in{0%{opacity:.25;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}.project-switcher span{width:16px;height:16px;top:20px}.project-switcher button:first-child span{background:#1c1c1c}.project-switcher button:nth-child(2) span{background:#5f5f5f}.project-switcher button:nth-child(3) span{background:#a0a0a0}.project-switcher button:nth-child(4) span{background:#d8d8d8}.project-switcher button.active span{box-shadow:0 0 0 4px #ffffff29}.skills-heading{min-height:190px;padding:120px 0 35px}.skills-grid.capability-deck{perspective:1200px;background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1540px;height:520px;padding:34px 32px 14px;display:grid}.capability-deck article{--credential-bg:#deded9;background:var(--credential-bg);color:#0b0b0b;cursor:default;transform-origin:50% 12px;border:0;border-radius:14px;outline:none;min-width:0;height:450px;min-height:0;padding:28px 24px 22px;transition:transform .62s cubic-bezier(.16,1,.3,1),background-color .4s,box-shadow .62s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 16px 32px #00000038}.capability-deck article:before{content:"";opacity:.16;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 20px,#00000009 20px 21px);transition:opacity .4s;position:absolute;inset:0}.capability-deck article.active,.capability-deck article:hover,.capability-deck article:focus-visible{--credential-bg:#fafaf7;transform:translateY(-16px)scale(1.012);box-shadow:0 30px 48px #0000005c}.capability-deck article.active:before,.capability-deck article:hover:before,.capability-deck article:focus-visible:before{opacity:.28}.capability-deck .skill-topline{z-index:3;color:#111;justify-content:flex-end;align-items:center;margin-top:10px;display:flex;position:relative}.capability-deck .skill-topline small{letter-spacing:.18em;color:#777;font-size:6px}.credential-number{z-index:1;letter-spacing:.055em;color:#0000000e;font-size:132px;font-weight:500;line-height:.8;transition:color .38s,transform .58s cubic-bezier(.16,1,.3,1);position:absolute;top:75px;left:19px}.capability-deck article.active .credential-number,.capability-deck article:hover .credential-number,.capability-deck article:focus-visible .credential-number{color:#00000009;transform:translateY(-10px)}.capability-deck .skill-copy{z-index:3;color:inherit;margin:auto 0 0;transition:transform .62s cubic-bezier(.16,1,.3,1);display:block;position:relative}.capability-deck article.active .skill-copy,.capability-deck article:hover .skill-copy,.capability-deck article:focus-visible .skill-copy{transform:translateY(-7px)}.capability-deck .skill-copy>small{letter-spacing:.18em;color:#777;margin-bottom:11px;font-size:7px;display:block}.capability-deck .skill-copy h3{letter-spacing:.02em;color:inherit;margin:0 0 16px;font-size:clamp(25px,1.74vw,30px);line-height:1.04}.capability-deck .skill-copy p{color:#686864;max-width:300px;margin:0 0 27px;font-size:10px;line-height:1.75}.credential-footer{z-index:3;justify-content:space-between;align-items:flex-end;padding-top:15px;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .4s;position:relative;color:#555!important;display:flex!important}.credential-footer span{letter-spacing:.12em;max-width:68%;font-size:6px;line-height:1.6}.credential-footer small{letter-spacing:.14em;font-size:6px}.capability-deck article.active .credential-footer,.capability-deck article:hover .credential-footer,.capability-deck article:focus-visible .credential-footer{transform:translateY(-3px);color:#444!important}@media (width<=1380px){.skills-grid.capability-deck{gap:14px;height:485px;padding:32px 20px 14px}.capability-deck article{height:420px;padding:25px 18px 19px}.credential-number{font-size:112px}.capability-deck .skill-copy h3{font-size:25px}}.project-result>header h3,.project-page[data-project=brand]>header h3,.project-page[data-project=shop]>header h3{letter-spacing:.025em;font-size:clamp(38px,2.78vw,48px)}.brand-result-grid{align-items:start}.brand-result-grid>button:nth-child(2){aspect-ratio:1273/2698;min-height:0}body{min-width:0}.black-stage{background:#3b3d40}.showcase-head h2{letter-spacing:-.055em;max-width:720px;margin:42px 0 0;font-size:clamp(38px,3.2vw,56px);font-weight:500;line-height:1.02}.showcase-head p{justify-self:end;color:#dededb!important;margin:54px 0 0!important}.showcase-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.showcase-overview>div{background:#ffffff0e;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:1fr auto;align-content:space-between;min-height:118px;padding:16px 18px;display:grid}.showcase-overview strong{letter-spacing:-.06em;color:#fff;grid-area:1/2/3;font-size:38px;font-weight:500;line-height:1}.showcase-overview span{color:#d2d2ce;font-size:9px}.work-mosaic{grid-template-rows:none;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:230px;gap:10px;height:auto}@media (width<=900px){.slot-grid-info>button{aspect-ratio:16/9;border-radius:12px;width:100%;height:auto}.slot-grid-info>button img,.slot-grid-info>button:nth-child(2n) img{width:100%;left:0;right:auto}.slot-grid-info>button:after,.slot-grid-info>button:nth-child(2n):after{background:linear-gradient(#0000000d 42%,#000000db 100%)}.slot-grid-info>button span,.slot-grid-info>button:nth-child(2n) span{top:18px;left:18px;right:auto}.slot-grid-info>button b,.slot-grid-info>button:nth-child(2n) b{font-size:24px;inset:auto 18px 42px;transform:none}.slot-grid-info>button i,.slot-grid-info>button:nth-child(2n) i{bottom:18px;left:18px;right:auto}}@media (width>=701px) and (width<=1000px){.topbar{grid-template-columns:112px minmax(140px,1fr) 86px 225px;gap:0;width:calc(100% - 40px)}.topbar>.wordmark{min-height:40px}.top-message{padding:0 12px}.topbar nav a{justify-content:center;align-items:center;min-height:40px;padding:10px 8px;display:flex}}@media (width<=700px){html,body{width:100%;max-width:100%;overflow-x:hidden}.topbar{border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:10px;width:calc(100% - 24px);height:48px;padding:5px 7px 5px 12px;top:12px}.top-message{justify-content:center;min-width:0;height:38px;padding:0 12px}.top-message span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clock,.topbar nav{display:none}.hero{height:820px;min-height:820px}.badge-rig{transform-origin:50% 0;transform:translate(-50%)scale(.88)}.hero-meta{bottom:22px}.hero-meta.left{left:20px}.hero-meta.right{gap:5px;width:142px;right:20px}.hero-meta.right a{padding:10px 12px}.scroll-cue{display:none}.about{border-radius:20px 20px 0 0;min-height:0;margin-top:-44px;padding:72px 16px 64px}.micro-nav{top:9px}.tool-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:64px}.tool-strip>div{height:108px;padding:13px}.tool-strip b{font-size:22px}.manifesto{min-height:0;margin-top:54px;padding-top:0}.manifesto-copy{width:auto;margin-left:0;font-size:15px}.portrait-note{justify-content:flex-end;margin-top:42px;position:static}.manifesto h2{margin-top:64px;font-size:52px;line-height:.92;position:static}.projects{padding:28px 12px 76px}.black-stage{border-radius:14px;margin:0;padding:16px}.black-stage header,.showcase-head{min-height:0!important;display:block!important}.showcase-head h2{margin:32px 0 0;font-size:34px}.black-stage header p,.showcase-head p{font-size:14px;margin:28px 0 0!important}.showcase-overview{grid-template-columns:1fr;gap:7px;margin:30px 0 12px}.showcase-overview>div{min-height:88px}.showcase-overview strong{font-size:32px}.work-mosaic{grid-template-rows:none;grid-template-columns:1fr;gap:8px;height:auto}.work-mosaic button,.work-mosaic button.hero-work{aspect-ratio:16/10;grid-area:auto}.project-intro{grid-template-columns:1fr;gap:24px;margin:62px auto 72px}.project-intro span{font-size:22px}.project-explorer{grid-template-columns:minmax(0,1fr);gap:18px}.project-switcher{z-index:22;overscroll-behavior-x:contain;border-radius:14px;flex-direction:row;gap:5px;width:100%;padding:6px;display:flex;position:sticky;top:70px;overflow-x:auto}.project-switcher button{flex:0 0 145px;min-height:64px;padding:13px 24px 13px 42px}.project-switcher button.active,.project-switcher button:not(.active):hover{transform:none}.project-switcher span{top:16px;left:13px}.project-switcher button:after{right:10px}.project-pages{gap:24px}.project-page{min-height:0;scroll-margin-top:150px}.project-result>header,.project-page[data-project=info]>header,.project-page[data-project=brand]>header,.project-page[data-project=shop]>header{min-height:170px;padding:20px}.project-result>header h3,.project-page[data-project=brand]>header h3,.project-page[data-project=shop]>header h3{font-size:32px;line-height:1.12}.project-page>header p,.project-page[data-project=brand]>header p,.project-page[data-project=shop]>header p{text-align:left;align-self:auto;margin-top:24px}.sub-switch{grid-template-columns:1fr}.result-grid,.brand-result-grid{grid-template-columns:1fr;gap:8px;padding:8px}.result-grid>button,.brand-result-grid>button{aspect-ratio:16/10;min-height:0}.brand-result-grid>button:nth-child(2){aspect-ratio:1273/2698}.slot-grid,.slot-grid-shop{grid-template-rows:none;grid-template-columns:1fr;padding:8px}.slot-grid>div,.slot-grid-shop>div{height:160px;grid-area:auto!important}.shop-gallery{background:#deded8;padding:6px}.shop-feature{aspect-ratio:1200/628;border-radius:10px}.shop-feature span,.shop-feature i{font-size:5px;top:10px}.shop-feature span{left:10px}.shop-feature i{right:10px}.shop-gallery-nav{-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-width:none;background:0 0;border-radius:0;gap:6px;margin:0;padding:7px 0 0;display:flex;position:static;overflow-x:auto}.shop-gallery-nav::-webkit-scrollbar{display:none}.shop-gallery-nav button{color:#111;opacity:.62;background:#efefec;border-radius:7px;flex:0 0 110px;height:36px;padding:0 9px}.shop-gallery-nav button.active{color:#fff;opacity:1;background:#111}.slot-grid-info{gap:10px;padding:8px}.slot-grid-info>button{box-shadow:none}.numbers{grid-template-columns:1fr;gap:58px;padding:82px 24px}.numbers strong{font-size:72px}.skills{padding:24px 12px 28px}.skills-heading{min-height:150px;padding:90px 4px 24px}.skills-grid.capability-deck{grid-template-columns:1fr;gap:12px;height:auto;padding:12px 4px 24px}.capability-deck article{height:360px;padding:24px 20px}.capability-deck article.active,.capability-deck article:hover,.capability-deck article:focus-visible{transform:none}.credential-number{font-size:104px}.clarity{min-height:560px;padding:28px 22px}.clarity h3{white-space:normal;width:calc(100% - 44px);font-size:31px;line-height:1.2;top:34%}.clarity ol{grid-template-columns:1fr;gap:12px}.experience{padding:24px 20px 76px}.experience>h2{margin:90px auto 58px;font-size:47px}.experience-row{grid-template-columns:1fr;gap:30px}.experience-main h3{margin:0 0 18px;font-size:28px}.experience-row li{padding:17px 0}.faq{min-height:0;padding:24px 20px 76px}.faq-head{margin:80px auto 54px}.faq-head h2{font-size:50px}.faq-list{width:100%}.contact{min-height:760px;padding:24px 16px 20px}.contact>h2{white-space:normal;margin-top:70px;font-size:92px}.contact-links{grid-template-columns:1fr}.contact-bottom{flex-wrap:wrap;gap:14px}.gallery-modal{padding:8px}.gallery-modal>header{padding:11px 12px}.gallery-modal h2{font-size:18px}.gallery-modal button{padding:9px 12px}.modal-grid{grid-template-columns:1fr;gap:8px;margin:8px auto}.modal-grid figure{padding:6px}}.projects{background:#fff}.black-stage{color:#171715;background:#f0f0ee;border:0;border-radius:18px;max-width:1600px;margin:0 auto;padding:68px 62px 64px;box-shadow:0 24px 70px #36312a14}.showcase-head{grid-template-columns:minmax(0,1.5fr) minmax(180px,.5fr);gap:56px;align-items:start!important;min-height:320px!important;display:grid!important}.showcase-head>div>span{letter-spacing:.22em;color:#817e77;font-size:7px}.showcase-head h2{max-width:900px;font-family:var(--site-font);letter-spacing:.05em;margin:64px 0 0;font-size:clamp(40px,3vw,45px);font-weight:400;line-height:1.16}.showcase-head h2 em{color:#908d85;font-style:normal}.showcase-head p{letter-spacing:.16em;border-left:1px solid #17171533;justify-self:end;padding-left:28px;color:#6f6c65!important;margin:5px 0 0!important;font-size:9px!important;line-height:1.8!important}.showcase-overview{border-top:1px solid #17171538;border-bottom:1px solid #17171538;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 56px;padding:0;display:grid}.showcase-overview>div{background:0 0;border:0;border-right:1px solid #17171529;border-radius:0;grid-template-columns:1fr auto;align-content:space-between;min-height:130px;padding:20px 24px;display:grid}.showcase-overview>div:last-child{border-right:0}.showcase-overview small{letter-spacing:.18em;color:#817e77;font-size:7px}.showcase-overview strong{letter-spacing:-.055em;color:#171715;grid-area:1/2/3;font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:400;line-height:1}.showcase-overview span{letter-spacing:.08em;color:#66635d;font-size:9px}.work-mosaic{grid-template-rows:none;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:300px;gap:32px 18px;height:auto;display:grid}.work-mosaic button,.work-mosaic button.hero-work{color:#171715;text-align:left;background:0 0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) 48px;padding:0;display:grid;position:relative;overflow:visible}.work-mosaic button.hero-work{grid-area:1/1/3/9}.work-mosaic button:nth-child(2){grid-area:1/9/auto/13}.work-mosaic button:nth-child(3){grid-area:2/9/auto/13}.work-mosaic button:nth-child(4){grid-area:3/1/auto/5}.work-mosaic button:nth-child(5){grid-area:3/5/auto/9}.work-mosaic button:nth-child(6){grid-area:3/9/auto/13}.work-mosaic button:after{display:none}.work-mosaic .work-image{background:#101113;border-radius:14px;min-width:0;display:block;position:relative;inset:auto;overflow:hidden}.work-mosaic .work-image:after{content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.work-mosaic .work-image img{object-fit:cover;filter:saturate(.78)contrast(1.02)brightness(.9);width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .55s;position:static}.work-mosaic button:hover .work-image img{filter:saturate(.96)contrast(1.01)brightness(.97);transform:scale(1.025)}.work-mosaic .work-caption{border:0;grid-template-rows:1fr;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:0;display:grid;position:static;inset:auto}.work-mosaic .work-caption small{letter-spacing:.15em;color:#817e77;text-transform:uppercase;font-size:6px}.work-mosaic .work-caption b{font-family:var(--site-font);letter-spacing:.015em;color:#171715;font-size:20px;font-weight:400;position:static;inset:auto}.work-mosaic .work-caption i{letter-spacing:.14em;color:#77746e;grid-area:1/2;align-self:center;font-size:7px;font-style:normal;position:static;inset:auto}.project-intro{border-top:1px solid #c9c5bc;grid-template-columns:1fr 1fr;gap:110px;max-width:1400px;margin:120px auto 140px;padding-top:46px}.project-intro span{font-family:var(--site-font);letter-spacing:-.025em;font-size:36px;line-height:1.3}.project-intro p{color:#706d67;justify-self:end;max-width:560px;font-size:12px;line-height:2}.contact-links>div{grid-template-rows:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.contact-links .contact-details{text-align:left;grid-template-columns:1fr;justify-content:stretch;justify-items:stretch}.contact-links .contact-details p{text-align:left;justify-content:flex-start;justify-self:stretch;width:100%}.faq-list details p{white-space:pre-line}.faq-list summary{font-size:14px}.faq-list details p{font-size:12px}.faq-list details{border:1px solid #0000;transition:background-color .25s,border-color .25s,box-shadow .25s}.faq-list details[open]{box-shadow:none;background:0 0;border-color:#0000}.faq-list details[open] summary{background:#f2f2f0;border:0;border-radius:9px;margin:0 -16px;padding:18px 16px}.faq-list details[open] p{color:#fff;background:#3b3d40;border-radius:9px;width:auto;margin:6px -16px 0;padding:18px 20px;line-height:1.9;box-shadow:0 10px 26px #16181917}@media (width<=700px){.skills{padding:24px 28px 30px}.skills-grid.capability-deck{gap:10px;padding:12px 0 28px}.capability-deck article{height:310px;padding:21px 19px}.credential-number{font-size:84px}.capability-deck .skill-copy h3{font-size:27px}.capability-deck .skill-copy p{font-size:11px;line-height:1.65}.clarity{min-height:0;padding:34px 22px 28px;display:block}.clarity>i{margin:0 auto 66px;display:block}.clarity h3{letter-spacing:.08em;white-space:normal;width:auto;margin:0 0 72px;font-size:29px;line-height:1.28;position:static;transform:none}.clarity ol{grid-template-columns:1fr;gap:12px;margin:0}.work-mosaic{counter-reset:folder;padding:30px 0 14px;display:block}.work-mosaic button,.work-mosaic button.hero-work,.work-mosaic button:nth-child(n){counter-increment:folder;width:100%;box-shadow:none;z-index:1;background:#e7e7e3;border:0;border-radius:18px;grid-template-rows:210px 46px;margin-left:0;padding:12px 10px 0;display:grid;position:relative;transform:none}.work-mosaic button:nth-child(n)+button:nth-child(n){margin-top:-168px}.work-mosaic button:before{content:"0" counter(folder);z-index:-1;letter-spacing:.14em;color:#6e6e69;background:#e7e7e3;border:0;border-radius:11px 11px 0 0;align-items:center;width:82px;height:24px;padding-left:12px;font-size:7px;display:flex;position:absolute;top:-22px;left:12px}.work-mosaic button:nth-child(2){z-index:2}.work-mosaic button:nth-child(3){z-index:3}.work-mosaic button:nth-child(4){z-index:4}.work-mosaic button:nth-child(5){z-index:5}.work-mosaic button:nth-child(6){z-index:6}.work-mosaic .work-image{border-radius:12px}.projects{background:#fff;padding:24px 10px 72px}.black-stage{box-shadow:none;border-radius:14px;padding:34px 16px 38px}.showcase-head{min-height:0!important;display:block!important}.showcase-head h2{letter-spacing:.12em;margin:42px 0 0;font-size:40px;line-height:1.18}.showcase-head p{border-top:1px solid #17171533;border-left:0;padding:16px 0 0;margin:36px 0 0!important}.showcase-overview{grid-template-columns:repeat(3,minmax(0,1fr));margin:42px 0 38px}.showcase-overview>div{flex-direction:column;justify-content:space-between;min-height:104px;padding:13px 8px;display:flex}.showcase-overview small{font-size:5px;line-height:1.5}.showcase-overview strong{font-size:29px}.showcase-overview span{font-size:7px}.work-mosaic{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto;gap:30px}.work-mosaic button,.work-mosaic button.hero-work,.work-mosaic button:nth-child(n){aspect-ratio:auto;grid-area:auto;grid-template-rows:210px 48px}.work-mosaic .work-caption b{font-size:18px}.work-mosaic .work-caption i{font-size:6px}.project-intro{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px);margin:76px auto 90px;padding-top:28px}.project-intro p{justify-self:start}.about>.micro-nav,.experience>.micro-nav{display:none}.projects>.micro-nav{gap:8px;height:26px;margin:0;padding:3px 4px 3px 7px;position:absolute;top:-90px;left:20px}.projects>.micro-nav .wordmark.dark{font-size:10px}.projects>.micro-nav .wordmark.dark i{width:12px;height:12px;margin-right:3px;font-size:6px}.projects>.micro-nav>a:last-child{padding:4px 9px;font-size:8px}.about{padding-top:48px}.tool-strip{margin-top:28px}.manifesto{min-height:330px}.portrait-note{justify-content:flex-end;margin:0;position:absolute;bottom:0;right:0}.manifesto-copy{font-size:12px}.black-stage{background:0 0;padding:0}.showcase-head{background:#f0f0ee;border-radius:14px 14px 0 0;padding:34px 16px 22px}.showcase-head h2{letter-spacing:.04em;font-size:28px;line-height:1.2}.showcase-overview{background:#f0f0ee;border-top:0;border-bottom:0;border-radius:0 0 14px 14px;margin:0 0 38px;padding:0 16px 34px}.work-mosaic{padding-top:18px}.project-intro span{font-size:21px}.project-intro p{text-align:right;justify-self:end;font-size:10px;line-height:1.9}.project-explorer{gap:14px;width:calc(100% - 40px);margin:0 auto}.project-switcher{border-radius:12px;padding:4px}.project-switcher:not(.compact){scrollbar-width:none}.project-switcher:not(.compact)::-webkit-scrollbar{display:none}.project-switcher button{flex-basis:150px;min-height:58px;padding:10px 18px 10px 36px}.project-switcher span{top:13px;left:11px}.project-nav-range{appearance:none;cursor:ew-resize;background:0 0;width:112px;height:12px;margin:-9px auto -5px;padding:0;display:block}.project-nav-range::-webkit-slider-runnable-track{background:#d1d1cd;border-radius:999px;height:3px}.project-nav-range::-webkit-slider-thumb{-webkit-appearance:none;background:#7f7f7a;border:0;border-radius:999px;width:34px;height:5px;margin-top:-1px}.project-nav-range::-moz-range-track{background:#d1d1cd;border-radius:999px;height:3px}.project-nav-range::-moz-range-thumb{background:#7f7f7a;border:0;border-radius:999px;width:34px;height:5px}.project-result{border-radius:12px}.project-result>header,.project-page[data-project=info]>header,.project-page[data-project=brand]>header,.project-page[data-project=shop]>header{min-height:138px;padding:16px}.project-result>header h3,.project-page[data-project=brand]>header h3,.project-page[data-project=shop]>header h3{font-size:27px}.sub-switch{gap:5px;padding:6px}.sub-switch button{padding:11px}.result-grid,.brand-result-grid{gap:7px;padding:6px}.result-grid>button,.brand-result-grid>button{aspect-ratio:16/9}.slot-grid-info>button b,.slot-grid-info>button:nth-child(2n) b,.brand-result-grid>button b{font-size:22px}.slot-grid,.slot-grid-shop,.slot-grid-info{padding:6px}.project-switcher.compact{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f4f1d6;border:1px solid #00000014;border-radius:15px;flex-direction:column;gap:4px;width:42px;height:auto;margin:0;padding:4px;display:flex;position:fixed;top:88px;left:8px;overflow:visible;box-shadow:0 12px 32px #00000024}.project-switcher.compact button{width:34px;height:34px;min-height:34px;box-shadow:none;background:#ffffffc7;border-radius:11px;flex:0 0 34px;padding:0;position:relative;transform:none}.project-switcher.compact button.active{color:#fff;background:#0a0a0a;transform:none;box-shadow:0 7px 16px #0000002e}.project-switcher.compact b,.project-switcher.compact small{display:none}.project-switcher.compact button:before{text-align:center;letter-spacing:.08em;color:currentColor;font-size:7px;display:block;position:absolute;inset:7px 0 auto}.project-switcher.compact button:first-child:before{content:"01"}.project-switcher.compact button:nth-child(2):before{content:"02"}.project-switcher.compact button:nth-child(3):before{content:"03"}.project-switcher.compact button:nth-child(4):before{content:"04"}.project-switcher.compact span{width:5px;height:5px;box-shadow:none;position:absolute;top:22px;left:50%;transform:translate(-50%)}.project-switcher.compact button:after,.project-switcher.compact+.project-nav-range{display:none}.project-switcher.compact+.project-nav-range+.project-pages{margin-top:76px}}@media (width>=701px){.project-nav-range{display:none}.manifesto-copy{width:500px}.projects>.micro-nav{margin:0;position:absolute;top:-160px;left:max(56px,50% - 750px)}.faq-list{interpolate-size:allow-keywords}.faq-list details{box-shadow:none;background:#f2f2f0;border:0;padding:0 18px;transition:background-color .42s,color .42s,box-shadow .5s cubic-bezier(.16,1,.3,1);overflow:clip}.faq-list details[open]{color:#fff;background:#171819;box-shadow:0 18px 48px #1414121f}.faq-list summary{transition:color .35s,padding-left .45s cubic-bezier(.16,1,.3,1)}.faq-list details[open] summary{color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff1f;border-radius:0;margin:0;padding:18px 0}.faq-list summary i{transition:transform .5s cubic-bezier(.16,1,.3,1),color .35s}.faq-list details::details-content{opacity:0;transition-behavior:allow-discrete;block-size:0;transition:block-size .7s cubic-bezier(.16,1,.3,1),opacity .3s,transform .58s cubic-bezier(.16,1,.3,1);overflow:clip;transform:translateY(-6px)}.faq-list details[open]::details-content{opacity:1;block-size:auto;transform:translateY(0)}.faq-list details p{opacity:0;transform-origin:50% 0;transition:opacity .3s,transform .58s cubic-bezier(.16,1,.3,1);transform:translateY(-10px)scale(.995)}.faq-list details[open] p{color:#d8d8d4;width:auto;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;margin:0;padding:18px 2px 22px;line-height:1.9;transition-delay:60ms;transform:translateY(0)scale(1)}}