:root{--paper:#fbfaf6;--ink:#27364a;--ink-soft:#526579;--muted:#6d7b8c;--sky:#dff1fb;--sky-deep:#96c9e4;--sky-ink:#3f7797;--sun:#f6c85f;--sun-soft:#fff0bd;--coral:#df826d;--line:#3f5d7926;--shadow:0 24px 70px #30526c1c;--serif:Georgia, "Times New Roman", "Songti SC", "STSong", serif;--sans:ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 86% 8%, #f6c85f30 0 6%, transparent 22%), repeating-linear-gradient(0deg, #39506005 0 1px, transparent 1px 5px), linear-gradient(180deg, #f8fcfe 0, var(--paper) 48%, #f7faf7 100%);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.75}a{color:inherit}a:focus-visible{outline:3px solid var(--sky-ink);outline-offset:5px;border-radius:8px}img{max-width:100%;display:block}.page{min-height:100vh;position:relative;overflow:hidden}.page:before,.page:after{content:"";z-index:-1;pointer-events:none;border:2px solid #96c9e43b;border-radius:50%;position:absolute}.page:before{width:210px;height:88px;top:360px;left:-68px;transform:rotate(-18deg)}.page:after{border-color:#f6c85f40;width:130px;height:160px;top:760px;right:-54px;transform:rotate(24deg)}.shell{width:min(1260px,100% - 80px);margin-inline:auto}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:9px;padding:9px 15px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid #3f5d791a}.nav-wrap{justify-content:space-between;align-items:center;gap:36px;min-height:94px;display:flex}.identity{letter-spacing:.025em;font-weight:750;text-decoration:none}.identity span{color:var(--sky-ink)}.identity i{color:#d59d27;margin-inline:.4em;font-style:normal}nav{align-items:center;gap:34px;display:flex}nav a{color:var(--ink-soft);font-size:.92rem;text-decoration:none}nav a[aria-current=page]{color:var(--ink);font-weight:750;position:relative}nav a[aria-current=page]:after{content:"";background:var(--sun-soft);border-radius:50%;height:5px;position:absolute;bottom:-12px;left:-3px;right:-3px;transform:rotate(-1.5deg)}.lang{border:1px solid var(--line);background:#ffffff73;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:750}.hero{grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);align-items:center;gap:clamp(60px,8vw,112px);min-height:680px;padding-block:76px 70px;display:grid}.eyebrow{color:var(--sky-ink);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 13px;font-size:.78rem;font-weight:750;display:flex}.eyebrow:before{content:"";background:var(--sky-deep);border-radius:4px;width:30px;height:2px}.hero h1{color:var(--ink);font-family:var(--serif);letter-spacing:-.06em;align-items:center;gap:18px;margin:0;font-size:clamp(4.5rem,8vw,7.3rem);font-weight:500;line-height:.9;display:flex}.brand-dots{background:var(--sun);width:14px;height:14px;box-shadow:21px 8px 0 -4px var(--sun-soft), 34px -3px 0 -5px var(--sky-deep);border-radius:50%;margin-top:24px}.clarify{font-family:var(--serif);letter-spacing:.01em;margin:27px 0 20px;font-size:clamp(1.6rem,2.4vw,2.25rem);font-weight:650}.thoughts{color:var(--ink-soft);margin:0;padding:0;font-size:clamp(1rem,1.5vw,1.22rem);list-style:none}.thoughts li{margin-block:2px}.thoughts .now{color:var(--ink);background:linear-gradient(#0000 70%,#fff0bdf2 70%);font-weight:760;display:inline}.practice{color:#7b6d50;margin:22px 0 0}.site-note{max-width:620px;color:var(--muted);margin:7px 0 0;font-size:.93rem}.actions{flex-wrap:wrap;gap:14px;margin-top:31px;display:flex}.button{border-radius:9px 13px 10px 12px;justify-content:center;align-items:center;min-height:50px;padding:10px 22px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)rotate(-.25deg)}.primary{color:#fff;background:var(--ink);box-shadow:0 8px #27364a1c}.secondary{background:#ffffff61;border:1px solid #3f5d7940}.time-note{min-height:420px;box-shadow:var(--shadow);background:#ffffffb3;border:1px solid #3f5d791c;border-radius:4px 18px 7px 15px;flex-direction:column;justify-content:center;padding:58px 46px 46px;display:flex;position:relative;transform:rotate(1deg)}.time-note:before{content:"";background:#dff1fbe6;width:120px;height:31px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 4px #32424e14}.note-kicker{color:#a97610;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:850}.time-row{grid-template-columns:1fr 1.18fr 1fr;align-items:center;margin:58px 0 48px;display:grid}.moment{text-align:center;color:#9aa5ad;opacity:.62;animation:.75s ease-out both soften-in;position:relative}.moment:first-child{animation-delay:80ms}.moment:last-child{animation-delay:.22s}.moment:after{content:"";background:var(--line);width:100%;height:1px;position:absolute;top:36px;left:50%}.moment:last-child:after{left:auto;right:50%}.moment strong,.moment span{display:block}.moment strong{font-family:var(--serif);font-size:1.1rem;font-weight:500}.moment span{margin-top:12px;font-size:.75rem}.moment.now{z-index:1;color:var(--ink);opacity:1;animation:.62s ease-out .65s both now-in}.moment.now:before{content:"";border:2px solid var(--sun);border-radius:48% 54% 49% 52%;width:94px;height:92px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.moment.now strong{font-size:1.7rem;font-weight:700}.moment.now span{color:#a97610;font-weight:800}.note-line{color:var(--muted);font-family:var(--serif);text-align:center;margin:0;font-size:.95rem}.work-section{border-top:1px solid var(--line);background:#ffffff2e;padding:76px 0 110px}.work-head{grid-template-columns:.9fr 1.1fr;align-items:end;gap:80px;margin-bottom:40px;display:grid}.work-head h2{font-family:var(--serif);margin:0;font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.3}.work-head p{color:var(--muted);margin:0}.project-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.project-card,.empty-projects{border:1px solid var(--line);background:#ffffff7a;border-radius:9px 19px 9px 15px;padding:28px}.project-card{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:22px;display:grid}.project-card:only-child{grid-column:1/-1}.project-card-image{aspect-ratio:16/9;border:1px solid var(--line);background:var(--sky);border-radius:6px 14px 8px 11px;min-height:0;display:block;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;min-height:0}.empty-projects{grid-template-columns:minmax(230px,.7fr) 1.3fr;align-items:center;gap:42px;display:grid}.placeholder-art{background:repeating-linear-gradient(0deg, transparent 0 26px, #3f5d7914 27px), var(--sky);border-radius:7px 17px 8px 13px;min-height:190px;position:relative;overflow:hidden}.placeholder-art:before{content:"";border:3px solid #3f779773;border-radius:50%;width:44%;height:46%;position:absolute;top:27%;left:17%;transform:rotate(-8deg)}.placeholder-art i{background:var(--sun);border-radius:50%;width:9px;height:9px;position:absolute}.placeholder-art i:first-child{top:24px;right:37px}.placeholder-art i:nth-child(2){background:var(--sky-deep);width:5px;height:5px;top:51px;right:21px}.placeholder-art i:nth-child(3){background:var(--coral);bottom:25px;left:31px}.content-tag{color:var(--sky-ink);letter-spacing:.05em;border:1px solid #3f77974d;border-radius:999px;margin:0 0 8px;padding:3px 9px;font-size:.7rem;font-weight:800;display:inline-block}.tag-list{flex-wrap:wrap;gap:7px;margin:0 0 10px;padding:0;list-style:none;display:flex}.tag-list li{color:var(--sky-ink);letter-spacing:.035em;border:1px solid #3f77974d;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:800;line-height:1.55}.empty-projects h3,.project-card h3{font-family:var(--serif);margin:3px 0 8px;font-size:1.55rem}.project-card h3 a{color:var(--ink);text-decoration:none}.empty-projects p,.project-card p{color:var(--muted)}.text-link,.project-card a{color:var(--sky-ink);text-underline-offset:4px;font-weight:750}.card-links{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.page-intro{border-bottom:1px solid var(--line);padding:105px 0 80px}.page-intro h1{max-width:950px;font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:500;line-height:1.18}.page-intro>p:last-child{max-width:760px;color:var(--muted);margin:26px 0 0;font-size:1.06rem}.project-list{padding-block:76px 120px}.content-placeholder{text-align:center;min-height:280px;color:var(--muted);border:1px dashed var(--sky-deep);background:#ffffff73;border-radius:10px 22px 10px 17px;align-content:center;place-items:center;gap:18px;padding:45px;display:grid}.content-placeholder span{color:#a97610;background:var(--sun-soft);border-radius:52% 48% 55% 45%;place-items:center;width:58px;height:58px;font-size:1.4rem;display:grid}.content-placeholder p{max-width:650px;margin:0}.projects-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.index-card{border:1px solid var(--line);background:#ffffff8c;border-radius:10px 22px 11px 17px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 55px #30526c12}.index-card:only-child{grid-column:1/-1;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);display:grid}.index-card-image{aspect-ratio:16/9;background:var(--sky);border-bottom:1px solid var(--line);display:block;overflow:hidden}.index-card:only-child .index-card-image{border-right:1px solid var(--line);border-bottom:0}.index-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .28s}.index-card-image:hover img{transform:scale(1.015)}.index-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:28px 30px 30px;display:flex}.index-card:only-child .index-card-body{justify-content:center;padding:clamp(32px,5vw,64px)}.index-card h2{font-family:var(--serif);margin:3px 0 10px;font-size:clamp(1.65rem,2.4vw,2.15rem);line-height:1.25}.index-card h2 a{color:var(--ink);text-decoration:none}.index-card-body>p:not(.content-tag){color:var(--muted);margin:0}.index-card .card-links{margin-top:auto;padding-top:18px}.project-page{padding-bottom:110px}.project-hero{padding-block:80px 72px}.project-back{color:var(--sky-ink);text-underline-offset:4px;margin-bottom:48px;display:inline-block}.project-hero h1{max-width:1000px;font-family:var(--serif);letter-spacing:-.045em;margin:10px 0 22px;font-size:clamp(3rem,6.5vw,6.2rem);font-weight:500;line-height:1.04}.project-lead{max-width:820px;color:var(--muted);margin:0 0 30px;font-size:clamp(1.06rem,1.8vw,1.28rem)}.project-gallery{border-top:1px solid var(--line);padding-block:70px}.section-heading{grid-template-columns:.55fr 1.45fr;align-items:end;gap:50px;margin-bottom:34px;display:grid}.section-heading h2{font-family:var(--serif);margin:0;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:500}.detail-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.detail-screenshot-grid figure{margin:0}.detail-screenshot-grid figure:only-child{grid-column:1/-1}.detail-screenshot-grid img{border:1px solid var(--line);border-radius:9px 20px 10px 16px;width:100%;box-shadow:0 20px 60px #30526c14}.detail-screenshot-grid figcaption{color:var(--muted);margin-top:10px;font-size:.84rem}.project-story{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(50px,9vw,120px);padding-block:76px;display:grid}.project-story aside h2{font-family:var(--serif);margin:0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500}.project-copy{max-width:800px}.project-actions{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding-top:50px;display:flex}.about-intro{padding-bottom:58px}.placeholder-notice{border-left:3px solid var(--sun);background:#fff0bd47;padding:15px 18px}.mindfulness-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);align-items:center;gap:clamp(60px,8vw,112px);padding-block:88px 96px;display:grid}.mindfulness-copy{max-width:650px}.mindfulness-copy h2{font-family:var(--serif);margin:0 0 24px;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:500;line-height:1.25}.mindfulness-copy>p:not(.eyebrow){color:var(--ink-soft);font-size:1.08rem}.mindfulness-copy .mindfulness-closing{color:#7b6d50;font-family:var(--serif);margin-top:28px;font-size:1.18rem}.story-intro{padding-top:88px}.story-intro h2{max-width:930px;font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:500;line-height:1.18}.story-intro h2 span{display:block}.about-content{grid-template-columns:minmax(280px,.7fr) 1.3fr;align-items:start;gap:clamp(50px,9vw,120px);padding-block:52px 120px;display:grid}.about-note{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffa6;border-radius:5px 17px 7px 13px;padding:54px 36px 42px;position:sticky;top:30px;transform:rotate(-1deg)}.about-note:before{content:"";background:#dff1fbe6;width:100px;height:28px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(2deg)}.about-note span{color:var(--sky-ink);letter-spacing:.12em;font-weight:850}.about-note p{font-family:var(--serif);margin:28px 0 0;font-size:1.35rem}.markdown{color:var(--ink-soft)}.markdown h2{color:var(--ink);font-family:var(--serif);margin:0 0 18px;font-size:2rem;line-height:1.25}.markdown h2:not(:first-child){margin-top:64px}.markdown p{margin-block:0 22px}.profile-copy{font-size:1.05rem;line-height:1.9}.profile-copy blockquote{color:var(--ink);border-left:4px solid var(--sky-ink);font-family:var(--serif);background:#dff1fb73;border-radius:0 12px 12px 0;margin:36px 0;padding:24px 28px;font-size:1.2rem;line-height:1.75}.profile-copy blockquote p{margin:0}.profile-copy ul,.profile-copy ol{margin:8px 0 30px;padding-left:1.5em}.profile-copy li{margin:10px 0;padding-left:.35em}.profile-copy strong{color:var(--ink)}.story-photo{margin:34px 0 42px}.story-photo img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:7px 19px 9px 15px;display:block}.story-photo figcaption{color:var(--muted);margin-top:12px;font-size:.88rem;line-height:1.55}.story-photo--portrait{max-width:480px;margin-inline:auto}.story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin:36px 0 48px;display:grid}.story-gallery .story-photo{margin:0}.story-gallery--competition{grid-template-columns:1.25fr .75fr}.site-footer{border-top:1px solid var(--line);background:#ffffff4d}.footer-inner{min-height:150px;color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:45px;font-size:.85rem;display:grid}.footer-inner p{margin:0}.footer-inner strong{color:var(--ink);font-family:var(--serif);font-size:1.35rem;display:block}.footer-inner span{margin-top:4px;display:block}.not-found{place-items:center;min-height:100vh;padding:28px;display:grid}.not-found main{width:min(680px,100%)}.not-found h1{font-family:var(--serif);margin:10px 0;font-size:clamp(2.6rem,7vw,5rem);line-height:1.1}.not-found p{color:var(--muted)}.not-found-en{font-size:.9rem}@keyframes soften-in{0%{opacity:0;transform:translateY(5px)}to{opacity:.62;transform:none}}@keyframes now-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (width<=900px){.shell{width:min(100% - 40px,720px)}.nav-wrap{align-items:flex-start;padding-block:23px}nav{flex-wrap:wrap;justify-content:flex-end;gap:15px 21px}.hero{grid-template-columns:1fr;gap:60px;padding-top:65px}.time-note{min-height:370px}.work-head,.about-content,.mindfulness-section{grid-template-columns:1fr;gap:40px}.project-grid,.projects-index-grid{grid-template-columns:1fr}.section-heading,.project-story{grid-template-columns:1fr;gap:24px}.about-note{max-width:520px;position:relative;top:auto}.footer-inner{grid-template-columns:1fr auto;padding-block:34px}.footer-inner p:nth-child(2){grid-row:2}}@media (width<=600px){.shell{width:calc(100% - 32px)}.nav-wrap{display:block}nav{justify-content:flex-start;margin-top:18px}nav a[aria-current=page]:after{bottom:-7px}.hero{padding-block:54px}.hero h1{font-size:clamp(4.1rem,22vw,5.5rem)}.brand-dots{display:none}.clarify{font-size:1.65rem}.actions{flex-direction:column;align-items:stretch}.time-note{min-height:350px;padding:52px 19px 38px}.moment.now:before{width:76px;height:80px}.moment.now strong{font-size:1.4rem}.work-head{gap:18px}.empty-projects,.project-card,.project-card:only-child{grid-template-columns:1fr;gap:24px}.page-intro{padding-block:70px 55px}.index-card:only-child{display:flex}.index-card:only-child .index-card-image{border-right:0;border-bottom:1px solid var(--line)}.index-card:only-child .index-card-body{padding:28px 30px 30px}.detail-screenshot-grid{grid-template-columns:1fr}.detail-screenshot-grid figure:only-child{grid-column:auto}.project-hero{padding-block:55px}.project-back{margin-bottom:34px}.project-gallery,.project-story{padding-block:55px}.project-actions{flex-direction:column}.mindfulness-section{padding-block:60px 68px}.mindfulness-section .time-note{min-height:350px}.story-intro{padding-top:64px}.about-content{padding-block:42px 85px}.story-gallery,.story-gallery--competition{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:15px}.footer-inner p:nth-child(2){grid-row:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}