/* MORE THAN AI — horizontal gate and four families of work. */
.stage{height:calc(100svh - 260px);min-height:580px;max-height:1000px;--acid:#efff00}
.title-svg{width:100%;left:0;max-width:none;color:#efff00;filter:drop-shadow(0 8px 24px #0008)}
.second-line{fill:#f4f3e9;font-size:225px;letter-spacing:-8px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.type-letter{transform-box:fill-box;transform-origin:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.stage.lens-hover .type-m{transform:translateX(-6px) rotate(-1deg)}
.stage.lens-hover .type-r{transform:translateX(6px) rotate(.7deg)}
.stage.lens-hover .type-e{transform:translateX(9px)}
.stage.lens-hover .second-line{transform:translateY(4px)}
#oRim{filter:drop-shadow(0 9px 12px #000b);transition:filter .5s}
.stage.lens-hover #oRim{filter:drop-shadow(0 0 16px #efff0040) drop-shadow(0 9px 12px #000b)}
.sharp-window,.lens-hit,.lens-optics{border-radius:50%}
.sharp-window{box-shadow:inset 0 0 25px #0005,0 0 30px #efff0010}
.lens-hit{clip-path:ellipse(50% 50% at 50% 50%);z-index:8}
.lens-optics{position:absolute;z-index:6;pointer-events:none;overflow:hidden;border:1px solid #faffcf50;background:radial-gradient(ellipse at 27% 16%,#ffffed13,transparent 40%),radial-gradient(ellipse at 70% 90%,#d7fa3410,transparent 30%);box-shadow:inset 7px 9px 18px #fff8b915,inset -10px -12px 22px #0005}
.lens-optics:before{content:'';position:absolute;inset:5px;border-radius:50%;border-top:2px solid #fffbd96b;border-left:1px solid #faffc128;transform:rotate(-28deg);transition:transform 1s,opacity 1s;opacity:.55}
.stage.lens-hover .lens-optics:before{transform:rotate(-8deg);opacity:.95}
.lens-action{bottom:15px;font-size:8px;letter-spacing:1.2px;box-shadow:0 4px 20px #0008}
.chrome-background{opacity:.8}.blurred{filter:blur(13px) saturate(.8) brightness(.65)}
.scene-card{border-color:#e7ead64d;border-radius:7px;background:#10130f;transform-origin:center;box-shadow:0 18px 55px #000b}
.scene-card .work-cover{position:absolute;inset:0 0 67px;aspect-ratio:auto;width:100%;height:calc(100% - 67px);border-radius:0;border:0}
.scene-card .cover-source{object-fit:contain;padding:20px 9px 0;background:#11150f}
.scene-card .cover-rail{font-size:5px;top:8px;left:10px;right:10px}
.scene-card .cover-mark{display:none}
.scene-card .poster-title{height:67px;padding:10px 13px 9px;background:#10140feF;border-top:1px solid #ffffff15}
.poster-title b{font-size:14px;line-height:1.35;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.poster-title small{font-size:6px;letter-spacing:1.4px;margin-top:5px;color:#b7c09e}
.top-left,.top-right{font-size:7px;letter-spacing:1.5px}
.top-right span{font-size:7px}
.first-hint{bottom:20px;font-size:9px}
.focus-bar{gap:30px;padding:22px 0;min-height:126px}
.focus-copy>a{font-size:22px}.focus-copy p{font-size:12px}.focus-copy p.en{font-size:10px}
.work-cover{position:relative;aspect-ratio:1.25;overflow:hidden;background:var(--work-bg,#151810);isolation:isolate}
.work-cover>.art{width:100%;height:100%;aspect-ratio:auto;display:block}
.work-cover>.art svg{display:block;width:100%;height:100%}
.cover-source{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.cover-rail{position:absolute;z-index:2;top:13px;left:15px;right:15px;display:flex;justify-content:space-between;font:7px/1.5 monospace;letter-spacing:1.4px;color:#f2f6dc;text-shadow:0 1px 5px #000;background:#0a0d0bd9;padding:5px 7px;border-radius:2px;pointer-events:none}
.work-cover>.art~.cover-rail{visibility:hidden}
.cover-mark{position:absolute;width:7px;height:7px;border:1px solid var(--work-color);right:16px;bottom:16px;background:#0a0d0b80}
.cover-learning .cover-mark{border-radius:50%}.cover-talks .cover-mark{transform:rotate(45deg)}.cover-explorations .cover-mark{border-radius:50%;box-shadow:0 0 0 4px #ffffff15}
/* Category browsing is direct and visible, with a quiet search row below it. */
.category-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:10px 0 25px}
.category-nav button{--category-accent:#efff00;position:relative;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 18px;border:1px solid #ffffff25;border-radius:4px;transition:background .25s,border-color .25s,transform .25s;min-width:0}
.category-nav button:before{content:'';position:absolute;left:18px;top:0;height:2px;width:20px;background:var(--category-accent);opacity:.4;transition:width .3s,opacity .3s}
.category-nav button>span{font-size:13px;line-height:1.3;color:#c8cfbd}.category-nav small{display:block;font-size:7px;letter-spacing:1.2px;color:#7f8c76;margin-top:8px}.category-nav sup{font:10px monospace;color:#8e9a82}
.category-nav button:hover{border-color:var(--category-accent);transform:translateY(-2px)}
.category-nav button.active{background:#ffffff07;border-color:var(--category-accent)}
.category-nav button.active:before{width:calc(100% - 36px);opacity:1}
.category-nav button.active>span,.category-nav button.active sup{color:var(--category-accent)}
.index-controls{border-top:0;border-bottom:1px solid var(--line);margin-bottom:0;padding:0 0 20px;gap:30px}
.index-controls label{border-bottom:1px solid #ffffff25}.index-controls label:focus-within{border-color:var(--acid)}
.index-controls input:focus-visible{outline:0}.index-controls select{background:transparent;border-radius:2px;border-color:#ffffff25;min-width:170px}
.collection-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#9fa990;margin:25px 0 20px}.collection-meta p{margin:0}.collection-meta>span{font-family:monospace}
.index-card{border-radius:5px;--card-accent:#b4e782}.index-card.card-learning{--card-accent:#e9b678}.index-card.card-talks{--card-accent:#e89b87}.index-card.card-explorations{--card-accent:#c3b5f7}
.index-card .work-cover{border-bottom:1px solid #ffffff15}
.index-card-info{position:relative;padding:19px 35px 18px 17px;min-height:96px}
.index-card-info h2{font-size:15px;line-height:1.5;margin-bottom:8px}.index-card-info p{color:var(--card-accent);font-size:8px;letter-spacing:.7px}
.index-arrow{position:absolute;right:17px;bottom:19px;font-size:18px;color:var(--card-accent);transition:transform .25s}
.index-card:hover .index-arrow{transform:translate(2px,-2px)}
.index-card:hover,.index-card:focus-visible{border-color:var(--card-accent)}
.hover-summary{inset:0 0 96px;background:#0a0f0bea;padding:22px}.hover-summary span{color:var(--card-accent)}
.hover-summary p{font-size:12px;line-height:1.9}.hover-summary p.en{font-size:10px;line-height:1.7}
.archive-badge{top:48px;z-index:3}
/* A personal philosophy rather than an advertising slogan. */
#about{height:550px;background:linear-gradient(140deg,#1d2417,#0e120d);border-color:#717b5a}
#about h2{font-size:38px;margin-bottom:25px}.bio-scroll p{font-size:12px;line-height:2}
.bio-manifesto{margin:32px 0 30px;padding:0 0 30px;border-bottom:1px solid #ffffff25}
.bio-manifesto>p{font-size:13px;color:#c4cbb8;margin:0;letter-spacing:.4px}
.bio-manifesto>div{padding:20px 0 22px;display:flex;flex-direction:column;gap:10px}
.bio-manifesto>div>span{font-size:28px;color:#eff0e7;letter-spacing:1px;line-height:1.25}
.bio-manifesto>div>span:nth-child(2){color:#d3dfbb}.bio-manifesto>div>span:nth-child(3){color:#b3ca8e}
.bio-manifesto strong{color:#efff00;font-weight:400}
.bio-scroll .bio-section{padding-top:23px;margin-top:27px}.bio-scroll .bio-section>span{font-size:8px;letter-spacing:1px}
.bio-scroll .about-sign{font-size:9px;letter-spacing:1.3px;margin-top:35px}
/* Shared structure; four different visual and editorial treatments. */
.project-page{--project-accent:#b4e782;--line:#ffffff25;--muted:#91a181;--ink:#eef1e7;--acid:var(--project-accent);color:var(--ink);padding-top:40px}
.project-page :is(button,a):focus-visible{outline-color:var(--project-accent)}
.project-category-heading{display:flex;align-items:center;gap:20px;padding:23px 0 34px;border-top:1px solid var(--line);margin-bottom:22px}
.project-category-heading>div>span{font:8px/1.5 monospace;letter-spacing:1.6px;color:var(--project-accent)}
.project-category-heading p{font-size:12px;letter-spacing:.8px;margin:7px 0 0;color:var(--muted)}
.project-category-heading>b{margin-left:auto;font:45px/1 monospace;letter-spacing:-3px;font-weight:400;color:var(--project-accent)}
.project-category-heading>b small{font:6px/2 monospace;letter-spacing:1.6px;display:block;margin-top:6px;text-align:right;color:var(--muted)}
.category-symbol{width:38px;height:38px;display:block;border:1px solid var(--project-accent);position:relative;flex-shrink:0}
.category-symbol:before,.category-symbol:after{content:'';position:absolute}
.project-hero{gap:65px;position:relative;isolation:isolate;align-items:center}
.hero-visual{min-width:0;position:relative}
.hero-cover{border:1px solid var(--line);border-radius:4px}
.project-hero .work-cover>.art{aspect-ratio:auto;border:0;border-radius:0}
.visual-caption{display:block;font:8px/1.5 monospace;letter-spacing:2px;margin-top:16px;color:var(--muted)}
.project-heading .eyebrow{font-size:7px;color:var(--project-accent)}
.project-heading h1{font-size:clamp(30px,3.8vw,57px);line-height:1.2;letter-spacing:-1.2px;font-weight:500;margin:22px 0 16px}
.project-heading .english-title{font-size:12px;letter-spacing:1px;color:var(--project-accent)}
.project-heading .summary{font-size:15px;line-height:1.9;color:var(--ink)}
.project-heading .summary-en{font-size:11px;line-height:1.85;color:var(--muted)}
.project-page .tags span{border-color:var(--line);color:var(--muted)}
.project-page .launch{background:var(--project-accent);color:#10150d;font-size:10px;letter-spacing:.4px;padding:17px 20px;border-radius:2px;transition:transform .25s,filter .25s}
.project-page .launch:hover{transform:translateY(-2px);filter:brightness(1.12)}
.category-statement{margin-top:60px;padding:30px 0 33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.category-statement>span{font:7px/1.5 monospace;letter-spacing:1.8px;color:var(--project-accent)}
.category-statement>p{font-size:clamp(22px,3vw,38px);line-height:1.4;margin:17px 0 11px;letter-spacing:1px}
.category-statement>small{font-size:11px;line-height:1.8;color:var(--muted)}
.project-body{padding-top:36px}.project-section{grid-template-columns:1fr 2.15fr;gap:40px;padding:32px 0;border-color:var(--line)}
.project-section h2{font:10px/1.9 var(--body);letter-spacing:.7px;color:var(--project-accent)}
.project-section p{color:var(--ink);font-size:14px;line-height:2.1}.project-section p.en{color:var(--muted);font-size:12px;line-height:1.95}
.project-highlights{counter-reset:highlights;display:grid;gap:0;list-style:none;padding:0}
.project-highlights li{display:flex;gap:20px;align-items:flex-start;padding:21px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.9}
.project-highlights li:first-child{padding-top:0}.project-highlights li:last-child{border-bottom:0;padding-bottom:0}
.project-highlights .highlight-index{font:10px/2 monospace;letter-spacing:1px;flex-shrink:0;color:var(--project-accent);margin-top:2px}
.project-highlights li>div{min-width:0}.project-highlights li>div>span{font-size:11px;line-height:1.9;color:var(--muted);margin-top:7px}
.project-page .project-status,.project-page .verification-note{border-color:var(--line);color:var(--muted);font-size:10px;line-height:1.8}
.screenshot-section figure{min-width:0}.screenshot-section img{border-radius:0;border-top:0;border-color:var(--line)}
.screenshot-bar{height:29px;border:1px solid var(--line);border-radius:5px 5px 0 0;display:flex;align-items:center;gap:5px;padding:0 10px;background:#ffffff05}
.screenshot-bar i{width:4px;height:4px;border:1px solid var(--muted);border-radius:50%;opacity:.6}.screenshot-bar span{font:7px/1.5 monospace;letter-spacing:1px;margin-left:7px;color:var(--muted)}
.screenshot-section figcaption{font-size:8px;color:var(--muted);margin-top:13px}
.related{display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-color:var(--line);padding:30px 0 10px}
.related .eyebrow{width:100%;margin:0;color:var(--muted)}.related a{font-size:20px;color:var(--project-accent);margin:0;line-height:1.6}
.related .all-works-link{font-size:9px;letter-spacing:1px;margin-left:auto;color:var(--muted)}
/* PRODUCTS — an instrument panel: measured grid, squared edges, visible structure. */
body[data-project-theme="products"]{background:#0e1511}
.theme-products{--project-accent:#b4e782;--muted:#8eaa92;--line:#afcfaa30;--ink:#e2e9dc}
.theme-products .category-symbol:before{inset:8px;border:1px solid var(--project-accent)}
.theme-products .category-symbol:after{width:1px;top:-5px;bottom:-5px;left:18px;background:var(--project-accent);opacity:.5}
.theme-products .project-hero{padding:35px;background:linear-gradient(#afcfaa08 1px,transparent 1px),linear-gradient(90deg,#afcfaa08 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--line);gap:40px;grid-template-columns:1fr 1fr}
.theme-products .hero-visual:before{content:'';position:absolute;inset:-10px -10px 17px;border:1px solid var(--line);pointer-events:none}
.theme-products .project-heading h1{font-family:GallerySans,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:900}
.theme-products .tags span{border-radius:1px;font-family:monospace}
.theme-products .category-statement{padding-left:25px;border-left:3px solid var(--project-accent)}
.theme-products .project-highlights li{padding:20px;border:1px solid var(--line);border-bottom:0;background:#b4e78204}
.theme-products .project-highlights li:last-child{padding:20px;border-bottom:1px solid var(--line)}
.theme-products .project-highlights .highlight-index{border:1px solid var(--line);width:28px;height:28px;text-align:center;line-height:26px}
/* LEARNING — an unfolding journey: warm light, curved routes and a continuous path. */
body[data-project-theme="learning"]{background:#181510}
.theme-learning{--project-accent:#e9b678;--muted:#b5a68e;--line:#e9b67833;--ink:#f1e5d1}
.theme-learning .category-symbol{border-radius:50%;border-style:dashed}
.theme-learning .category-symbol:before{inset:9px;border-radius:50%;border:1px solid var(--project-accent)}
.theme-learning .category-symbol:after{height:1px;left:-5px;right:-5px;top:18px;background:var(--project-accent)}
.theme-learning .project-hero{padding-top:15px;grid-template-columns:1.1fr 1fr;gap:60px}
.theme-learning .hero-visual:before{content:'';position:absolute;inset:-24px 14px 36px -20px;border:1px solid var(--line);border-radius:48% 48% 5px 5px;z-index:-1}
.theme-learning .hero-cover{border-radius:45% 45% 4px 4px;aspect-ratio:1.05;border-color:#e9b67860;background:radial-gradient(ellipse at top,#e9b67815,#181510)}
.theme-learning .hero-cover .cover-source{object-fit:contain;padding:18px 0;background:transparent}
.theme-learning .hero-cover .cover-rail{top:auto;bottom:14px;background:#181510d9;left:25px;right:25px}
.theme-learning .hero-cover>.art{padding:25px}
.theme-learning .category-statement{padding-left:30px;background:linear-gradient(90deg,#e9b6780a,transparent)}
.theme-learning .category-statement:before{content:'';position:absolute;left:0;top:35px;bottom:30px;width:1px;background:var(--project-accent)}
.theme-learning .project-highlights{padding-left:12px}
.theme-learning .project-highlights li{position:relative;border:0;border-left:1px solid #e9b67850;padding:0 0 33px 30px;gap:0}
.theme-learning .project-highlights li:last-child{padding-bottom:0}
.theme-learning .project-highlights .highlight-index{position:absolute;left:-12px;top:0;width:24px;height:24px;border:1px solid #e9b67880;background:#181510;border-radius:50%;font-size:8px;line-height:22px;text-align:center;margin:0}
.theme-learning .screenshot-bar{background:#e9b67809}
/* TALKS — an editorial issue: paper, ink, serif headlines and emphatic rules. */
body[data-project-theme="talks"]{background:#eee8dc}
body[data-project-theme="talks"] .site-header{color:#f1f0e6}
body[data-project-theme="talks"] footer{color:#686355;border-color:#2a241e25}
.theme-talks{--project-accent:#b64532;--muted:#74695c;--line:#3a312d35;--ink:#28231e;--acid:#b64532}
.theme-talks .project-category-heading{border-top:3px solid #28231e;border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:45px}
.theme-talks .project-category-heading>b{font:italic 54px/1 Georgia,serif}
.theme-talks .category-symbol{border:0;background:#b64532;width:32px;height:38px}
.theme-talks .category-symbol:before{left:8px;right:8px;top:9px;height:1px;background:#eee8dc;box-shadow:0 6px #eee8dc,0 12px #eee8dc,0 18px #eee8dc}
.theme-talks .project-hero{grid-template-columns:.85fr 1.3fr;gap:65px}
.theme-talks .hero-visual{transform:rotate(-3deg);padding:12px;background:#f8f3e9;border:1px solid #30271d55;box-shadow:8px 10px 0 #28231e12;margin:15px 0}
.theme-talks .hero-cover{border-radius:0;border-color:#28231e50}
.theme-talks .hero-visual .visual-caption{margin:12px 2px 3px;font-size:7px}
.theme-talks .project-heading h1{font-family:Georgia,'Songti SC','SimSun',serif;font-weight:600;font-size:clamp(35px,4.3vw,65px);letter-spacing:-1px;line-height:1.16}
.theme-talks .project-heading .english-title{font-family:Georgia,serif;font-size:16px;font-style:italic;letter-spacing:.2px}
.theme-talks .tags span{border-radius:0;padding:5px 8px;color:#6a5a4b;font-size:8px}
.theme-talks .launch{background:#28231e;color:#f6eee0;border-radius:0}
.theme-talks .category-statement{border-top:3px solid #28231e;border-bottom:1px solid #28231e;padding:28px 0}
.theme-talks .category-statement>p{font-family:Georgia,'Songti SC','SimSun',serif;font-weight:600}
.theme-talks .project-body{padding-top:0;margin-top:40px}.theme-talks .project-section h2{font-weight:600;letter-spacing:.5px}
.theme-talks .project-highlights{grid-template-columns:repeat(2,1fr);gap:28px}
.theme-talks .project-highlights li,.theme-talks .project-highlights li:first-child,.theme-talks .project-highlights li:last-child{display:block;border:0;border-top:2px solid #28231e;padding:17px 0 0}
.theme-talks .project-highlights .highlight-index{font:italic 30px/1 Georgia,serif;margin:0 0 14px;color:#b64532}
.theme-talks .project-highlights li>div{font-family:Georgia,'Songti SC',serif;font-size:16px;line-height:1.8}
.theme-talks .project-highlights li>div>span{font-family:var(--body);font-size:10px}
.theme-talks .screenshot-bar{border-radius:0;background:#dcd4c5}.theme-talks .screenshot-bar span{color:#6b6255}
.theme-talks .related{border-top:3px solid #28231e}.theme-talks .related a{font-family:Georgia,'Songti SC',serif}
/* EXPLORATIONS — a spatial gallery: soft fields, orbital forms, suspended objects. */
body[data-project-theme="explorations"]{background:#11101b}
.theme-explorations{--project-accent:#c5b1ff;--muted:#9b95b5;--line:#c5b1ff30;--ink:#e9e4f3;background:radial-gradient(ellipse at 15% 14%,#8c5be017,transparent 35%),radial-gradient(ellipse at 88% 38%,#485c9a14,transparent 35%)}
.theme-explorations .category-symbol{border-radius:50%;transform:rotate(-28deg);height:22px;width:43px}
.theme-explorations .category-symbol:before{inset:-9px 9px;border:1px solid var(--project-accent);border-radius:50%;opacity:.65}
.theme-explorations .category-symbol:after{width:5px;height:5px;left:18px;top:7px;background:var(--project-accent);border-radius:50%}
.theme-explorations .project-hero{padding:25px 0;gap:70px}
.theme-explorations .hero-visual{padding:20px;isolation:isolate}
.theme-explorations .hero-visual:before{content:'';position:absolute;inset:-20px 0 15px;border:1px solid #c5b1ff25;border-radius:50%;transform:rotate(-21deg) scale(1.08,.85);z-index:-1}
.theme-explorations .hero-visual:after{content:'';position:absolute;inset:20px -14px 30px;border:1px solid #c5b1ff12;border-radius:50%;transform:rotate(23deg) scale(.95,1.07);z-index:-1}
.theme-explorations .hero-cover{transform:rotate(-2deg);border-radius:14px;border-color:#c5b1ff55;box-shadow:0 25px 70px #0005,0 0 50px #b291ff0a}
.theme-explorations .hero-cover .cover-rail{border-radius:5px}
.theme-explorations .visual-caption{text-align:center;font-size:7px;letter-spacing:2.5px;margin-top:24px}
.theme-explorations .project-heading h1{font-weight:400;letter-spacing:1px}
.theme-explorations .tags span{border-radius:20px}
.theme-explorations .launch{border:1px solid #c5b1ff60;background:#c5b1ff10;color:#e3d9ff;border-radius:30px;padding-left:24px;padding-right:24px}
.theme-explorations .category-statement{text-align:center;border:0;padding:40px 15px;background:radial-gradient(ellipse,#c5b1ff09,transparent 70%)}
.theme-explorations .category-statement:before,.theme-explorations .category-statement:after{content:'';position:absolute;left:45%;right:45%;height:1px;background:#c5b1ff60;top:0}
.theme-explorations .category-statement:after{top:auto;bottom:0}
.theme-explorations .project-highlights{grid-template-columns:repeat(2,1fr);gap:14px}
.theme-explorations .project-highlights li,.theme-explorations .project-highlights li:first-child,.theme-explorations .project-highlights li:last-child{padding:23px;display:block;border:1px solid #c5b1ff25;background:linear-gradient(140deg,#c5b1ff0a,#c5b1ff02);border-radius:12px}
.theme-explorations .project-highlights li:nth-child(even){transform:translateY(12px)}
.theme-explorations .project-highlights .highlight-index{margin:0 0 15px;color:#c5b1ff;font-size:9px}
.theme-explorations .interest-section{padding-bottom:45px}
.theme-explorations .screenshot-section figure{padding:10px;background:#c5b1ff05;border:1px solid #c5b1ff20;border-radius:12px}
.theme-explorations .screenshot-section img{border:0;border-radius:4px}.theme-explorations .screenshot-bar{border:0;background:none}
.theme-explorations .screenshot-section figcaption{margin-left:5px}
@media(min-width:1700px){.stage{min-height:670px}}
@media(max-width:1100px){.category-nav{gap:8px}.category-nav button{padding:18px 12px}.category-nav button:before{left:12px}.category-nav button.active:before{width:calc(100% - 24px)}.category-nav small{font-size:6px;letter-spacing:.7px}.project-hero,.theme-learning .project-hero,.theme-talks .project-hero,.theme-explorations .project-hero{gap:35px}.theme-products .project-hero{padding:25px;gap:30px}.project-heading h1{font-size:36px}.project-section{grid-template-columns:1fr 2.5fr;gap:25px}.theme-explorations .hero-visual{padding:12px}.focus-copy>a{font-size:20px}}
@media(max-width:700px){
 .stage{height:calc(100svh - 330px);min-height:360px;max-height:600px}.title-svg{width:100%;left:0;max-width:100%}.top-left{font-size:6px;letter-spacing:1px}.top-right{font-size:6px}.top-right span{display:none}.first-hint{bottom:55px;font-size:8px}.focus-bar{gap:14px;min-height:155px}.focus-copy>a{font-size:17px}.focus-copy p{font-size:10px}.focus-copy p.en{font-size:9px}.lens-action{font-size:5px;padding:4px 6px;bottom:4px}.scene-card .work-cover{inset:0 0 29px;height:calc(100% - 29px)}.scene-card .cover-source{padding:4px 2px 0}.scene-card .cover-rail{display:none}.scene-card .poster-title{height:29px;padding:4px}.poster-title b{font-size:6px;-webkit-line-clamp:2}.poster-title small{display:none}
 .index-heading h1{font-size:36px}.category-nav{display:flex;overflow-x:auto;gap:8px;margin:5px -5.5% 22px;padding:0 5.5% 10px;scrollbar-width:thin;scrollbar-color:#efff0060 transparent;scroll-snap-type:x proximity}.category-nav button{min-width:125px;padding:16px 12px;scroll-snap-align:start}.category-nav button>span{font-size:11px}.category-nav small{font-size:6px}.category-nav sup{font-size:9px}.index-controls{gap:14px;padding-bottom:15px}.index-controls select{min-width:0;flex:0 0 auto;max-width:none;width:100%;font-size:9px}.collection-meta{font-size:7px;letter-spacing:.8px;margin:20px 0 15px}.index-card-info{padding:12px 26px 13px 12px;min-height:90px}.index-card-info h2{font-size:12px;line-height:1.5}.index-card-info p{font-size:7px}.index-arrow{right:10px;bottom:14px;font-size:13px}.cover-rail{font-size:5px;top:7px;left:7px;right:7px;padding:3px;letter-spacing:.5px}.hover-summary{inset:0 0 90px;padding:12px}.hover-summary p{font-size:10px;line-height:1.7}.hover-summary p.en{font-size:8px}.hover-summary span{font-size:7px}.archive-badge{top:32px;left:7px;font-size:6px;padding:4px 6px}
 #about h2{font-size:34px}.bio-manifesto>div>span{font-size:25px}.bio-manifesto>p{font-size:12px}.bio-manifesto{margin-top:28px}.bio-scroll p{font-size:12px}
 .project-page{padding-top:28px}.project-category-heading{padding:18px 0 25px;margin-bottom:18px;gap:14px}.project-category-heading>div>span{font-size:6px;letter-spacing:1px}.project-category-heading p{font-size:10px}.project-category-heading>b{font-size:35px}.project-category-heading>b small{font-size:5px;letter-spacing:.6px}.category-symbol{width:28px;height:28px}.theme-products .category-symbol:after{left:13px}.theme-learning .category-symbol:after{top:13px}.theme-explorations .category-symbol{width:32px}.theme-explorations .category-symbol:after{left:13px}.project-hero,.theme-products .project-hero,.theme-learning .project-hero,.theme-talks .project-hero,.theme-explorations .project-hero{grid-template-columns:1fr;gap:30px}.project-heading h1{font-size:34px;letter-spacing:-.5px}.project-heading .summary{font-size:14px}.project-heading .summary-en{font-size:11px}.project-heading .eyebrow{font-size:7px}.project-page .launch{font-size:10px}.hero-cover{aspect-ratio:1.25}.project-section{grid-template-columns:1fr;gap:20px;padding:27px 0}.project-section p{font-size:13px;line-height:2}.project-section p.en{font-size:11px}.project-section h2{font-size:10px}.category-statement{margin-top:35px;padding:25px 0}.category-statement>p{font-size:26px}.category-statement>small{font-size:10px}.project-body{padding-top:25px}.project-highlights li{font-size:13px}.project-highlights li>div>span{font-size:10px}.related{gap:20px}.related a{font-size:18px}.related .all-works-link{margin-left:0;font-size:8px}.theme-products .project-hero{padding:18px}.theme-products .category-statement{padding-left:16px}.theme-learning .hero-visual{max-width:90%;margin:10px auto 0}.theme-learning .hero-cover{aspect-ratio:1.2}.theme-learning .project-hero{padding-top:12px}.theme-talks .project-category-heading{margin-bottom:30px}.theme-talks .hero-visual{margin:0 12px}.theme-talks .project-heading h1{font-size:40px}.theme-talks .project-heading .english-title{font-size:15px}.theme-talks .project-highlights{gap:20px;grid-template-columns:1fr}.theme-talks .project-highlights li>div{font-size:15px}.theme-explorations .hero-visual{margin:5px 10px}.theme-explorations .project-highlights{grid-template-columns:1fr}.theme-explorations .project-highlights li:nth-child(even){transform:none}.theme-explorations .category-statement{padding:30px 0}.screenshot-bar span{font-size:6px}.screenshot-section figcaption{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.stage .type-letter,.stage .second-line,.stage .lens-optics:before{transform:none!important}.index-card,.category-nav button,.project-page .launch{transition:none}.cover-source{transition:none}}
body.motion-off .stage .type-letter,body.motion-off .stage .second-line{transform:none!important}