:root{--paper: #f3ede2;--paper-2: #e9e0d0;--ink: #1e1a15;--ink-soft: #5e554a;--rule: #cfc4b2;--accent: #c2502a;--green: #2f5d50;--mustard: #d9a441;--card: #f8f3ea;--serif-latin: "Instrument Serif", "Times New Roman", serif;--serif: "Instrument Serif", "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--serif-cn: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--label: ui-sans-serif, -apple-system, "PingFang SC", "Helvetica Neue", sans-serif;--gutter: clamp(16px, 4vw, 48px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #17140f;--paper-2: #221d17;--ink: #efe7da;--ink-soft: #a99e8e;--rule: #3a332a;--accent: #e0734b;--green: #6fa894;--mustard: #e3b55c;--card: #1e1a14;color-scheme:dark}}:root[data-theme=dark]{--paper: #17140f;--paper-2: #221d17;--ink: #efe7da;--ink-soft: #a99e8e;--rule: #3a332a;--accent: #e0734b;--green: #6fa894;--mustard: #e3b55c;--card: #1e1a14;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif-cn);font-size:17px;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}::selection{background:var(--accent);color:var(--paper)}.wrap{width:100%;max-width:1240px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.2 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .grain{mix-blend-mode:screen;opacity:.12}}.masthead,.hero-meta,.section-en,.tag,.status,.contact-label,.copy-btn,.colophon,.hero-index .num{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:22px;padding-bottom:14px;font-size:12px;border-bottom:3px double var(--ink)}.masthead-logo{font-weight:600}.masthead-title{font-family:var(--serif-cn);font-weight:900;font-size:15px;letter-spacing:.4em;text-transform:none}.masthead-nav{display:flex;justify-content:flex-end;gap:22px}.masthead-nav a,.masthead-logo{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .3s ease}.masthead-nav a:hover,.masthead-logo:hover{background-size:100% 1px}.hero{padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(48px,7vw,96px)}.hero-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--ink-soft);padding-bottom:10px;border-bottom:1px solid var(--rule)}.hero-hello{margin-top:clamp(32px,6vw,72px);font-size:clamp(18px,2.2vw,26px);font-weight:600;color:var(--ink-soft)}.hero-name{font-family:var(--serif-latin);font-weight:400;font-size:clamp(104px,23vw,330px);line-height:.82;letter-spacing:-.035em;margin-left:-.04em}.hero-dot{color:var(--accent)}.hero-bottom{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-top:clamp(28px,4vw,48px);padding-top:28px;border-top:1px solid var(--ink)}.hero-lead{font-size:clamp(19px,2vw,24px);line-height:1.8}.hero-lead em{font-style:normal;font-weight:900;color:var(--accent)}.hero-index{list-style:none;margin:0;padding:0}.hero-index a{display:grid;grid-template-columns:48px 1fr auto;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule);font-size:20px;font-weight:600;transition:padding .3s ease,color .3s ease}.hero-index li:first-child a{border-top:1px solid var(--rule)}.hero-index .num{font-size:12px;color:var(--accent)}.hero-index .arrow{transition:transform .3s ease}.hero-index a:hover{padding-left:8px;color:var(--accent)}.hero-index a:hover .arrow{transform:translate(4px)}.badge{position:absolute;right:0;top:0;width:clamp(108px,13vw,156px);transform:translate(10%,-118%);animation:spin 22s linear infinite}.badge-bg{fill:var(--mustard)}.badge-text{font-family:var(--label);font-size:15px;font-weight:600;letter-spacing:.2em;fill:#1e1a15}.badge-center{font-family:var(--serif-cn);font-weight:900;font-size:54px;fill:#1e1a15}@keyframes spin{to{transform:translate(10%,-118%) rotate(360deg)}}.ticker{overflow:hidden;background:var(--ink);color:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(-1.2deg);margin:0 -2vw}.ticker-track{display:flex;width:max-content;padding:14px 0;font-size:clamp(18px,2.4vw,28px);font-weight:900;white-space:nowrap;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translate(-50%)}}.section{padding-top:clamp(72px,10vw,128px);padding-bottom:clamp(72px,10vw,128px)}.section-head{display:flex;align-items:baseline;gap:clamp(12px,2vw,24px);padding-bottom:18px;margin-bottom:clamp(32px,4vw,56px);border-bottom:1px solid var(--ink)}.section-no{font-family:var(--serif-latin);font-style:italic;font-size:clamp(40px,5vw,64px);line-height:1;color:var(--accent)}.section-head h2{font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.1}.section-en{margin-left:auto;font-size:11px;color:var(--ink-soft)}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,28px)}.card{grid-column:span 5;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--ink)}.card--feature{grid-column:span 7;grid-row:span 2}.card--wide{grid-column:span 12;flex-direction:row}.card-art{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-bottom:1px solid var(--ink)}.card--feature .card-art{aspect-ratio:auto;flex:1;min-height:300px}.card--wide .card-art{aspect-ratio:auto;width:clamp(120px,22%,260px);border-bottom:0;border-right:1px solid var(--ink)}.card-body{padding:clamp(18px,2vw,28px)}.card--wide .card-body{flex:1;align-self:center}.card-tags{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.tag{font-size:11px;padding:3px 10px;border:1px solid var(--ink);border-radius:99px}.status{font-size:11px;color:var(--ink-soft)}.status--on:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);vertical-align:1px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.card h3{font-size:clamp(22px,2.2vw,28px);font-weight:900;line-height:1.3;margin-bottom:8px}.card--feature h3{font-size:clamp(28px,3.2vw,40px)}.card p{color:var(--ink-soft);font-size:16px}.card-art>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.art-ai{background:var(--accent);background-image:radial-gradient(rgb(255 255 255 / .22) 1.5px,transparent 1.5px);background-size:18px 18px;display:grid;place-items:center}.art-ai-word{font-family:var(--serif-latin);font-style:italic;font-size:clamp(120px,16vw,220px);line-height:1;color:#f3ede2}.art-ai-spark{position:absolute;top:14%;right:16%;font-size:40px;color:var(--mustard);animation:spin-only 8s linear infinite}@keyframes spin-only{to{transform:rotate(360deg)}}.art-road{background:linear-gradient(to bottom,var(--mustard) 0 58%,var(--green) 58%)}.road-sun{position:absolute;left:50%;top:58%;width:34%;aspect-ratio:1;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);clip-path:inset(0 0 50% 0)}.road-line{position:absolute;left:50%;bottom:0;width:46%;height:42%;transform:translate(-50%);background:#1e1a15;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.road-line:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,#f3ede2 0 10px,transparent 10px 20px)}.art-film{background:#1e1a15;display:flex;align-items:center;justify-content:center;gap:8%;padding:0 8%}.art-film:before,.art-film:after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(to right,#f3ede2 0 8px,transparent 8px 18px);opacity:.85}.art-film:before{top:10px}.art-film:after{bottom:10px}.film-frame{flex:1;aspect-ratio:4 / 3;border-radius:3px;background:var(--mustard)}.film-frame:nth-child(2){background:var(--accent)}.film-frame:nth-child(3){background:var(--green)}.art-next{display:grid;place-items:center;min-height:140px;background:repeating-linear-gradient(-45deg,var(--paper-2) 0 12px,var(--paper) 12px 24px)}.art-next span{font-family:var(--serif-latin);font-style:italic;font-size:96px;line-height:1;color:var(--accent)}.section--reels{padding-top:0}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}.reel{margin:0}.reel-frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#1e1a15;border:1px solid var(--ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.reel:hover .reel-frame{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--ink)}.reel-frame video{display:block;width:100%;height:100%;object-fit:cover}.reel.is-playing video{object-fit:contain}.reel-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;border:0;padding:0;background:linear-gradient(to top,rgb(30 26 21 / .45),transparent 45%);cursor:pointer}.reel-play span{display:grid;place-items:center;width:68px;height:68px;padding-left:5px;border-radius:50%;background:var(--accent);color:#f3ede2;font-size:22px;box-shadow:0 8px 24px #00000040;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.reel-play:hover span{transform:scale(1.12)}.reel.is-playing .reel-play{display:none}.reel figcaption{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;padding-top:14px}.reel-no{font-family:var(--serif-latin);font-style:italic;font-size:26px;line-height:1;color:var(--accent)}.reel-title{font-size:18px;font-weight:900}.reel-meta{font-family:var(--label);font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.contact{background:var(--ink);color:var(--paper);padding:clamp(72px,10vw,128px) 0}.section-head--invert{border-bottom-color:var(--paper)}.section-head--invert .section-en{color:color-mix(in srgb,var(--paper) 60%,transparent)}.contact-big{font-size:clamp(64px,13vw,180px);font-weight:900;line-height:1;letter-spacing:-.02em;margin-bottom:clamp(32px,5vw,64px)}.contact-q{color:var(--accent)}.contact-list{list-style:none;margin:0;padding:0}.contact-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:20px 0;border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent)}.contact-row:last-child{border-bottom:1px solid color-mix(in srgb,var(--paper) 25%,transparent)}.contact-label{font-size:12px;color:color-mix(in srgb,var(--paper) 60%,transparent)}.contact-value{font-family:var(--serif);font-size:clamp(20px,2.6vw,32px);min-width:0;overflow-wrap:anywhere}a.contact-value{background:linear-gradient(var(--accent),var(--accent)) 0 100% / 0 2px no-repeat;transition:background-size .35s ease,color .35s ease}a.contact-value:hover{background-size:100% 2px;color:var(--accent)}.copy-btn{font-size:11px;padding:9px 16px;background:transparent;color:var(--paper);border:1px solid color-mix(in srgb,var(--paper) 50%,transparent);border-radius:99px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.copy-btn:hover{background:var(--paper);color:var(--ink)}.copy-btn.is-copied{background:var(--accent);border-color:var(--accent);color:#f3ede2}.copy-btn:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:36px;font-size:11px;color:var(--ink-soft)}.to-top:hover{color:var(--accent)}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{opacity:1;transform:none}.cards .reveal:nth-child(2){transition-delay:.08s}.cards .reveal:nth-child(3){transition-delay:.16s}.cards .reveal:nth-child(4){transition-delay:.24s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}.js .reveal{opacity:1;transform:none;transition:none}}@media(max-width:860px){.card,.card--feature{grid-column:span 12;grid-row:auto}.card--feature .card-art{min-height:0;aspect-ratio:16 / 10;flex:none}.hero-bottom{grid-template-columns:1fr}}@media(max-width:600px){body{font-size:16px}.masthead{grid-template-columns:1fr auto}.masthead-title{display:none}.hero-meta span:nth-child(3){display:none}.badge{transform:translateY(-125%)}@keyframes spin{to{transform:translateY(-125%) rotate(360deg)}}.card--wide{flex-direction:column}.reels{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 8px;scrollbar-width:none}.reels::-webkit-scrollbar{display:none}.reel{flex:0 0 76%;scroll-snap-align:center}.reel:hover .reel-frame{transform:none;box-shadow:none}.card--wide .card-art{width:auto;border-right:0;border-bottom:1px solid var(--ink)}.section-en{display:none}.contact-row{grid-template-columns:1fr auto;gap:4px 12px}.contact-label{grid-column:1 / -1}}