@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ef;--ink:#252823;--muted:#82857c;--line:#dedfd5;--accent:#6e785e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:114px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Manrope',sans-serif;font-size:32px;letter-spacing:-2px;font-weight:800}.brand span{font-family:Arial;font-size:11px;vertical-align:top;display:inline-block;margin:7px 0 0 5px;letter-spacing:0}nav{display:flex;align-items:center;gap:40px;font-size:13px}.active{display:flex;align-items:center;gap:10px}.dot,.status{height:5px;width:5px;border-radius:50%;background:var(--accent);display:inline-block}.ai-link{padding:13px 19px;border:1px solid #c9cdbf;border-radius:50px;display:flex;align-items:center;gap:18px;transition:background .25s,transform .25s}.ai-link:hover{background:#e6e8de;transform:translateY(-2px)}.spark{font-size:19px}.hero{margin:0 6%}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;padding-top:41px}.edition{margin-left:auto;color:var(--muted);font-size:9px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:585px}.intro{position:relative;z-index:2;padding:35px 0;animation:appear 1.1s both}h1{font-family:'Manrope',sans-serif;font-size:clamp(55px,6.2vw,95px);line-height:1.1;letter-spacing:-5px;font-weight:500;margin:0 0 29px}em{font-family:Georgia,'Songti SC',serif;font-weight:400;color:var(--accent)}.intro p{font-size:13px;line-height:2.1;color:#707569;letter-spacing:1px}.explore{display:inline-flex;align-items:center;gap:32px;margin-top:22px;font-size:12px;border-bottom:1px solid #a3aa98;padding:0 0 13px;transition:gap .25s}.explore:hover{gap:45px}.explore span{font-size:22px}.signature{font-family:Georgia,serif;font-style:italic;font-size:18px;margin-top:49px;color:#929989}.art{height:520px;position:relative;display:grid;place-items:center;isolation:isolate}.halo{width:100%;height:100%;position:absolute;background:radial-gradient(ellipse at 50% 45%,#dce2cd9e,transparent 65%);filter:blur(22px)}.sculpture{width:350px;height:350px;position:relative;transform-style:preserve-3d;transform:rotate(-28deg);animation:float 12s ease-in-out infinite;filter:drop-shadow(15px 38px 18px #59614925)}.ring{position:absolute;inset:22px;border-radius:50%;border:49px solid transparent;background:linear-gradient(125deg,#eef0de 5%,#b2baa2 24%,#7e8970 45%,#cfd3bb 63%,#f0f0df 80%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:inset 0 0 20px #eff3dc,0 2px 5px #57614840}.r1{transform:rotateY(55deg) rotateX(20deg)}.r2{transform:rotateY(-55deg) rotateX(20deg)}.r3{transform:rotateX(62deg) rotateY(10deg)}.r4{transform:rotateX(-62deg) rotateY(10deg)}.core{position:absolute;inset:115px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f7f7e6,#b1baa1 50%,#657255);box-shadow:inset -15px -15px 25px #49563b40;opacity:.95}.art-caption,.art-number{position:absolute;bottom:14px;font-size:8px;letter-spacing:2px;color:#8d9383}.art-caption{left:33px}.art-number{right:0}.hero-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 32px;font-size:9px;letter-spacing:1.7px;color:#858b7b}.hero-foot a span{font-size:16px;margin-left:25px}.about{margin:70px 6% 100px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.2fr 1fr;gap:40px;align-items:start}.section-label{font-size:9px;letter-spacing:1.5px;color:#858b7b;padding-top:9px}h2{font-weight:400;font-size:35px;line-height:1.7;letter-spacing:2px;margin:0}.about-copy{font-size:12px;line-height:2.2;color:#5f6758;padding-top:4px}.about-copy p{margin-top:0}.muted{color:#909589}.about-copy a{display:inline-flex;gap:70px;padding:10px 0;border-bottom:1px solid #aeb4a4}footer{margin:0 6%;padding:27px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9386}footer .brand{font-size:23px;color:var(--ink)}.footer-note{font-size:8px;letter-spacing:1px}.footer-note span{margin-left:15px;font-size:16px}.ai-main{min-height:calc(100vh - 205px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 25px}.ai-orb{width:90px;height:90px;background:radial-gradient(circle at 30% 25%,#f3f4e3,#a9b697 55%,#586846);border-radius:50%;box-shadow:0 20px 50px #7b896630;margin-bottom:38px;animation:float 8s ease-in-out infinite}.ai-main .eyebrow{padding:0}.ai-main h1{font-size:70px;letter-spacing:-3px;margin:24px 0}.ai-main p{font-size:13px;line-height:2;color:#808677}.pill{font-size:10px;color:#768368;border:1px solid #cdd4c3;padding:8px 14px;border-radius:25px;margin-top:10px}.back{font-size:12px;margin-top:38px;padding-bottom:8px;border-bottom:1px solid #aeb4a4}@keyframes float{0%,100%{transform:translateY(0) rotate(-28deg)}50%{transform:translateY(-18px) rotate(-18deg)}}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){header,.hero,.about,footer{max-width:1400px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{height:90px}nav{gap:20px}.hero-grid{grid-template-columns:1fr;min-height:auto}.intro{padding-top:65px}h1{font-size:68px;letter-spacing:-3.5px}.art{height:380px;margin-top:-12px}.sculpture{width:300px;height:300px}.ring{border-width:42px}.core{inset:100px}.signature{margin-top:30px}.about{grid-template-columns:1fr 1fr;gap:24px;margin-top:45px;margin-bottom:65px}.section-label{grid-column:1/-1}.art-caption{left:0}.footer-note{display:none}}@media(max-width:480px){header,.hero,.about,footer{margin-left:7%;margin-right:7%}.brand{font-size:28px}nav{gap:17px;font-size:11px}.ai-link{gap:10px;padding:10px 13px}.eyebrow{font-size:8px;letter-spacing:1.3px}.edition{font-size:7px}h1{font-size:54px;letter-spacing:-2.7px}.intro p{font-size:11px}.art{height:330px}.sculpture{width:265px;height:265px}.ring{border-width:37px;inset:17px}.core{inset:87px}.hero-foot{font-size:7px;letter-spacing:.8px}.about{grid-template-columns:1fr}h2{font-size:30px}.about-copy{max-width:300px}footer{gap:20px;font-size:8px}.ai-main h1{font-size:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
button{font:inherit;color:inherit}.project-menu{position:relative;z-index:10}.project-trigger{display:flex;align-items:center;gap:13px;padding:12px 0;border:0;background:none;cursor:pointer;font-size:13px}.project-trigger:hover,.project-trigger.selected{color:var(--accent)}.chevron{transition:transform .2s;font-size:16px}.project-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.project-dropdown{position:absolute;right:-24px;top:100%;padding:22px 20px 14px;width:235px;background:#f9f9f3;border:1px solid var(--line);box-shadow:0 18px 40px #3c493014;border-radius:12px;animation:appear .2s both}.project-dropdown[hidden]{display:none}.dropdown-label{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.project-dropdown a{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:15px 11px;margin:10px -6px 0;border-radius:6px}.project-dropdown a:hover,.project-dropdown a:focus-visible{background:#e9eddf}.projects-main{margin:0 6%}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:65px 0 50px}.projects-heading h1{font-size:clamp(42px,5vw,76px);letter-spacing:-3px;margin:0;line-height:1.2}.projects-heading p{font-size:12px;line-height:2.2;color:#828878;margin:0 0 7px}.collection-bar{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#838a7a}.project-count{padding:4px 7px;background:#e8ebdf;margin-left:9px;border-radius:15px;color:#606953}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.project-preview{height:330px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e5e8db;border-radius:3px}.project-preview>*{transition:transform .5s}.project-preview:hover .mini-browser,.project-preview:hover .ai-preview-content{transform:translateY(-6px)}.mini-browser{width:78%;background:var(--paper);padding:17px 20px;box-shadow:0 20px 40px #5f6b4e1c;transform:rotate(-3deg);border:1px solid #dce0d1;border-radius:6px}.mini-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.mini-top strong{font-size:12px;letter-spacing:-.5px}.mini-top span{font-size:5px;letter-spacing:1px}.mini-body{display:flex;align-items:center;justify-content:space-between;height:175px;font-family:Georgia,serif;font-size:26px;line-height:1.15}.mini-body small{display:block;font-family:Arial;font-size:5px;letter-spacing:1px;margin-top:20px}.mini-art{width:120px;height:120px;position:relative}.mini-art i{position:absolute;inset:10px;border:16px solid #b4bfa2;border-radius:50%;transform:rotate(-35deg) scaleX(.6)}.mini-art i:nth-child(2){transform:rotate(35deg) scaleX(.6);border-color:#c8cfb7}.mini-art i:nth-child(3){transform:rotate(90deg) scaleX(.5);border-color:#9daa8b}.mini-art b{position:absolute;inset:40px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#ecf0da,#859671)}.preview-index{position:absolute;bottom:20px;left:24px;font-size:7px;letter-spacing:1.3px;color:#7b846f}.preview-arrow{position:absolute;right:20px;bottom:15px;width:32px;height:32px;border:1px solid #aab49b;border-radius:50%;display:grid;place-items:center}.ai-preview{background:#e9e7df}.ai-preview-content{display:flex;flex-direction:column;align-items:center;gap:14px}.preview-orb{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f5f6e5,#b0bd99 55%,#6a7c53);box-shadow:0 20px 35px #7d8c6820}.ai-preview-content>span{font-size:6px;letter-spacing:2px;color:#909584}.ai-preview-content strong{font-family:Georgia,serif;font-size:36px;font-weight:400}.ai-preview-content small{font-size:8px;color:#89907e}.project-meta{display:flex;justify-content:space-between;margin-top:23px;font-size:8px;letter-spacing:1.2px;color:#88907e}.project-status{letter-spacing:0;display:flex;align-items:center;gap:6px}.project-status:before{content:'';width:4px;height:4px;background:#7b8c62;border-radius:50%}.project-status.preparing:before{background:#baa37b}.project-card h2{font-family:'Manrope',sans-serif;font-size:26px;letter-spacing:-.7px;line-height:1.5;margin:10px 0}.project-card h2 a{display:flex;justify-content:space-between}.project-card h2 span{font-size:20px;color:#859076}.project-card p{font-size:12px;line-height:2.1;color:#858c7e;max-width:440px;margin:0}.collection-note{display:flex;align-items:center;justify-content:center;gap:20px;padding:70px 0 80px;color:#89937b}.collection-note>span{font-size:29px}.collection-note p{font-size:12px;letter-spacing:1px}.collection-note small{display:block;font-family:Georgia,serif;font-style:italic;font-size:13px;letter-spacing:0;margin-top:9px;color:#a0a796}@media(min-width:1600px){.projects-main{max-width:1400px;margin:auto}}@media(max-width:800px){header{flex-wrap:wrap;height:auto;min-height:110px;padding:20px 0;gap:15px}nav{gap:22px}.projects-heading{display:block;padding:50px 0 35px}.projects-heading p{margin-top:25px}.project-grid{gap:26px}.project-preview{height:260px}.mini-browser{padding:12px;width:85%}.mini-body{font-size:20px;height:140px}.mini-art{width:90px;height:90px}.mini-art i{border-width:12px}.mini-art b{inset:30px}.collection-bar>span:last-child{font-size:7px;letter-spacing:.8px}}@media(max-width:520px){header .brand{font-size:27px}header nav{width:100%;justify-content:space-between;gap:15px}.project-trigger{font-size:11px}.project-dropdown{right:-50px;width:220px}.projects-main{margin:0 7%}.projects-heading h1{font-size:40px;letter-spacing:-1.7px}.projects-intro .edition{display:none}.collection-bar>span:last-child{display:none}.project-grid{grid-template-columns:1fr;gap:40px}.project-preview{height:300px}.mini-browser{width:78%}.mini-body{font-size:24px;height:165px}.mini-art{width:110px;height:110px}.mini-art b{inset:36px}.project-card h2{font-size:25px}.collection-note{padding:50px 0}footer .brand{font-size:20px;letter-spacing:-1px}}
.nai-preview{background:#e8e4c9}.nai-cover{display:flex;align-items:center;flex-direction:column;gap:14px}.nai-cover-face{width:135px;height:135px;background:#fff;border-radius:50%;box-shadow:0 15px 30px #8b936425}.nai-cover strong{font-size:24px;font-weight:400;letter-spacing:2px;color:#64714e}.nai-cover small{font-size:7px;letter-spacing:2px;color:#8c967b}

.nai-cover-face{background:#fff url('assets/naiwa/level-9.jpg') center/contain no-repeat;border-radius:12px}

.nai-cover-face{background: url('assets/naiwa/circles-3.png') 100% center/300% 100%;border-radius:50%}