:root{--bg:#f2efe9;--panel:#fbfaf7;--ink:#181918;--muted:#6f706d;--muted2:#96938d;--line:#ddd7ce;--line-strong:#beb5aa;--accent:#7f3142;--accent-soft:rgba(127,49,66,.055);--shadow:0 14px 32px rgba(30,24,25,.07);--shadow-strong:0 24px 52px rgba(30,24,25,.11);--w:min(calc(100% - 44px),1260px)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:"Segoe UI","PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;background:linear-gradient(rgba(127,49,66,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(127,49,66,.018) 1px,transparent 1px),var(--bg);background-size:32px 32px,32px 32px,auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}body.page-leaving{opacity:.72;transition:opacity .16s ease}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(242,239,233,.90);backdrop-filter:blur(10px)}.home-header{position:fixed;left:0;right:0}.nav{width:var(--w);min-height:58px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:50px;height:auto;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.12}.brand-copy b{font-size:15px}.brand-copy small{font-size:10px;color:var(--muted)}.home-school{font-size:10px;letter-spacing:.08em;color:var(--muted)}.nav-links{display:flex;gap:22px;flex-wrap:wrap}.nav-links a{position:relative;padding:18px 0 17px;color:var(--muted);font-size:13px;transition:color .22s ease}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}.home-v10{height:100dvh;min-height:720px;overflow:hidden}.home-carousel{width:var(--w);height:100dvh;margin:0 auto;padding-top:58px;display:grid;grid-template-rows:68px minmax(0,1fr)}.scene-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}.scene-tab{position:relative;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 14px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;text-align:left;cursor:pointer;transition:color .25s ease,border-color .28s ease}.scene-tab:not(:last-child)::after{content:"";position:absolute;right:0;top:22px;bottom:22px;width:1px;background:var(--line)}.scene-tab-no{font-size:10px;color:var(--muted2);transition:color .25s ease}.scene-tab:hover{color:var(--ink)}.scene-tab.is-active{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.scene-tab.is-active .scene-tab-no{color:var(--accent)}.scene-stage{position:relative;min-height:0;overflow:hidden}.scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,43fr) minmax(430px,57fr);align-items:center;gap:54px;padding:28px 28px 26px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(12px,5px,0) scale(.996);filter:blur(1px);transition:opacity .48s cubic-bezier(.22,.61,.36,1),transform .58s cubic-bezier(.22,.61,.36,1),filter .42s ease,visibility 0s linear .58s}.scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none;transition-delay:0s}.scene-copy{max-width:520px;padding-left:16px}.scene-kicker{margin:0 0 14px;color:var(--accent);font-size:11px;letter-spacing:.11em}.scene-copy h1{margin:0;font-size:clamp(58px,5vw,72px);line-height:1;letter-spacing:-.045em;font-weight:700}.scene-lead{margin:24px 0 0;color:#74736f;font-size:15.5px;line-height:1.9}.scene-lead-strong{color:#41413e}.scene-meta{margin:11px 0 0;color:var(--accent);font-size:12px}.scene-cta{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:26px;padding:0 16px;border:1px solid var(--line-strong);border-radius:4px;background:rgba(251,250,247,.76);font-size:13px;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.scene-cta span{transition:transform .2s ease}.scene-cta:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 8px 18px rgba(30,24,25,.05)}.scene-cta:hover span{transform:translateX(4px)}.scene-cta-dark{background:var(--ink);border-color:var(--ink);color:#fff}.scene-cta-dark:hover{background:var(--accent);border-color:var(--accent);color:#fff}.scene-art{position:relative;height:min(67vh,570px);min-height:440px;overflow:hidden}.scene-art::before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:1px;background:var(--line)}.scene-copy>*{opacity:0;transform:translateX(-8px);transition:opacity .4s ease,transform .48s ease}.scene.is-active .scene-kicker{opacity:1;transform:none;transition-delay:.08s}.scene.is-active h1{opacity:1;transform:none;transition-delay:.12s}.scene.is-active .scene-lead{opacity:1;transform:none;transition-delay:.18s}.scene.is-active .scene-meta{opacity:1;transform:none;transition-delay:.22s}.scene.is-active .scene-cta{opacity:1;transform:none;transition-delay:.26s}.about-art{overflow:visible}.about-character-wrap{position:absolute;right:9%;bottom:-3%;width:min(57%,400px);opacity:0;transform:translateX(12px);transition:opacity .48s ease .20s,transform .52s cubic-bezier(.22,.61,.36,1) .20s}.scene.is-active .about-character-wrap{opacity:1;transform:none}.about-character{width:100%;animation:characterBreath 6s ease-in-out infinite}@keyframes characterBreath{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(1px,-3px,0) scale(1.003)}}.about-orbit{position:absolute;right:10%;top:14%;width:55%;opacity:0;transform:translateX(10px);transition:opacity .42s ease .28s,transform .48s ease .28s}.about-stars{position:absolute;right:3%;top:8%;width:21%;opacity:0;transition:opacity .42s ease .34s}.scene.is-active .about-orbit{opacity:.10;transform:none}.scene.is-active .about-stars{opacity:.12}.about-hairclip{position:absolute;left:11%;bottom:18%;width:16%;opacity:.05}.activities-art{overflow:visible}.activity-photo,.activity-poster{position:absolute;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.activity-photo img,.activity-poster img{width:100%;height:100%;object-fit:cover}.activity-photo span{position:absolute;left:14px;bottom:12px;padding:5px 8px;background:rgba(251,250,247,.90);border:1px solid rgba(221,215,206,.85);font-size:10px;color:#555}.photo-main{z-index:3;left:13%;top:12%;width:52%;height:63%;padding:8px;transform:rotate(-1.8deg)}.photo-secondary{z-index:4;right:3%;top:32%;width:38%;height:48%;padding:7px;transform:rotate(2deg)}.activity-poster{z-index:1;right:11%;top:5%;width:26%;height:42%;padding:6px;transform:rotate(5deg);opacity:.78}.scene.is-active .photo-main:hover{transform:translateY(-3px) rotate(-.8deg);box-shadow:var(--shadow-strong)}.scene.is-active .photo-secondary:hover{transform:translateY(-3px) rotate(.8deg);box-shadow:var(--shadow-strong)}.activity-label{position:absolute;left:10%;bottom:6%;z-index:5;display:flex;flex-direction:column;gap:2px}.activity-label b{font-size:9px;letter-spacing:.12em;color:var(--accent)}.activity-label span{font-size:11px;color:var(--muted)}.works-art{overflow:visible}.book-object{position:absolute;left:42%;top:49%;width:min(44%,300px);aspect-ratio:2481/3508;transform:translate(-50%,-50%) rotate(-2deg);cursor:pointer;transition:transform .26s ease,filter .26s ease}.book-pages{position:absolute;inset:9px -11px -9px 11px;z-index:0;border:1px solid #d7d0c6;background:repeating-linear-gradient(to right,#f8f5ef 0 3px,#ece6de 3px 4px)}.book-object img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;border:1px solid var(--line-strong);box-shadow:var(--shadow-strong)}.scene.is-active .book-object:hover{transform:translate(-50%,calc(-50% - 4px)) rotate(0deg) scale(1.015)}.book-meta{position:absolute;right:8%;top:26%;display:flex;flex-direction:column;gap:5px}.book-meta span{font-size:10px;color:var(--accent);letter-spacing:.10em}.book-meta b{font-size:14px;color:var(--muted);font-weight:500}.works-icon{position:absolute;right:3%;bottom:6%;width:31%;opacity:.08}.games-art{display:grid;place-items:center;background:linear-gradient(rgba(23,24,23,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.018) 1px,transparent 1px);background-size:22px 22px}.game-preview-shell{position:relative;width:min(82%,560px);aspect-ratio:16/10;border:1px solid var(--line-strong);border-radius:11px;overflow:hidden;background:#ece9e4;box-shadow:var(--shadow-strong);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.scene.is-active .game-preview-shell:hover{transform:translateY(-3px) scale(1.012);box-shadow:0 28px 58px rgba(30,24,25,.13);border-color:#a89f95}.game-browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid var(--line);background:rgba(251,250,247,.95)}.game-browser-bar i{width:7px;height:7px;border-radius:50%;border:1px solid #bdb6ae}.game-browser-bar span{margin-left:auto;font-size:8px;color:var(--muted)}.game-preview-frame{display:block;width:160%;height:160%;border:0;transform:scale(.625);transform-origin:0 0;pointer-events:none;background:#f1efe9}.game-preview-link{position:absolute;inset:34px 0 0;z-index:4;cursor:pointer}.game-meta{position:absolute;right:4%;bottom:7%;display:flex;flex-direction:column;gap:4px}.game-meta span{font-size:9px;letter-spacing:.11em;color:var(--accent)}.game-meta b{font-size:11px;color:var(--muted);font-weight:500}.join-art{display:grid;place-items:center;overflow:visible}.invite-card{position:relative;width:min(62%,410px);min-height:330px;padding:36px 34px 28px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:5px;background:rgba(251,250,247,.94);box-shadow:var(--shadow);transform:rotate(1deg);transition:transform .24s ease,box-shadow .24s ease}.scene.is-active .invite-card:hover{transform:translateY(-2px) rotate(.4deg);box-shadow:var(--shadow-strong)}.invite-accent{position:absolute;left:22px;top:22px;width:2px;height:44px;background:var(--accent)}.invite-card img{width:46%;max-height:96px;object-fit:contain;margin:8px 0 20px}.invite-card b{font-size:15px}.invite-card small{margin-top:30px;color:var(--muted);font-size:10px}.invite-card strong{margin-top:4px;color:var(--accent);font-size:32px;letter-spacing:.05em}.invite-foot{margin-top:auto;color:#aaa49d;font-size:8px;letter-spacing:.12em}.join-envelope{position:absolute;left:7%;bottom:8%;width:23%;opacity:.08}.join-hairclip{position:absolute;right:8%;top:10%;width:18%;opacity:.055}.page-shell{width:var(--w);margin:0 auto;padding:34px 0 74px}.page-hero{min-height:470px;display:grid;grid-template-columns:minmax(0,46fr) minmax(420px,54fr);gap:48px;align-items:center;padding:18px 0 30px}.page-copy{max-width:610px}.page-kicker{margin:0 0 14px;color:var(--accent);font-size:11px;letter-spacing:.11em}.page-copy h1{margin:0;font-size:clamp(54px,5vw,72px);line-height:1;letter-spacing:-.045em}.page-lead{margin:24px 0 0;color:var(--muted);font-size:15px;line-height:1.9}.page-visual{position:relative;min-height:400px;border-left:1px solid var(--line);overflow:hidden}.about-page-character-wrap{position:absolute;right:10%;bottom:-5%;width:min(58%,410px)}.about-page-character-wrap img{animation:characterBreath 6s ease-in-out infinite}.page-orbit{position:absolute;right:9%;top:13%;width:55%;opacity:.10}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tag-cloud span{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(251,250,247,.66);color:var(--muted);font-size:12px;transition:transform .2s ease,border-color .2s ease,color .2s ease}.tag-cloud span:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.content-section{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{margin:0;font-size:32px;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:13px}.feature-grid,.route-grid,.steps-grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.route-card,.step-card{border:1px solid var(--line);background:rgba(251,250,247,.78);padding:22px;border-radius:8px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.feature-card:hover,.route-card:hover,.step-card:hover{transform:translateY(-3px);border-color:#cabdb0;background:#fffdf9;box-shadow:var(--shadow)}.feature-card>span,.step-card>span{color:var(--accent);font-size:10px;letter-spacing:.1em}.feature-card h3,.step-card h3{margin:9px 0 8px;font-size:19px}.feature-card p,.step-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.route-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 18px}.route-card b{font-size:20px}.route-card span{color:var(--muted);font-size:12px}.route-card i{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-style:normal;transition:transform .22s ease}.route-card:hover i{transform:translateX(4px)}.page-tab-row{display:flex;gap:10px;margin-top:26px}.page-tab{min-height:40px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(251,250,247,.68);color:var(--muted);cursor:pointer;transition:all .2s ease}.page-tab:hover,.page-tab.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.activities-page-visual{overflow:visible}.page-photo-main{left:12%;top:9%;width:61%;height:67%;padding:8px;transform:rotate(-1.5deg)}.page-photo-small{right:2%;bottom:7%;width:39%;height:48%;padding:7px;transform:rotate(2deg)}.switch-panel{display:none;opacity:0;transform:translateY(7px)}.switch-panel.active{display:block;animation:panelIn .34s ease forwards}@keyframes panelIn{to{opacity:1;transform:none}}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.activity-record{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(251,250,247,.78);transition:transform .22s ease,box-shadow .22s ease}.activity-record:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.activity-record img{width:100%;height:270px;object-fit:cover}.activity-record>div{padding:18px}.activity-record span{font-size:9px;color:var(--accent);letter-spacing:.1em}.activity-record h3{margin:6px 0 7px;font-size:20px}.activity-record p{margin:0;color:var(--muted);font-size:13px}.spring-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.spring-poster-card img{width:100%;border:1px solid var(--line);box-shadow:var(--shadow)}.spring-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spring-gallery figure{margin:0}.spring-gallery img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);border-radius:6px}.spring-gallery figcaption{margin-top:7px;color:var(--muted);font-size:12px}.works-page-visual{display:grid;place-items:center;overflow:visible}.book-object-large{position:relative;left:auto;top:auto;transform:rotate(-2deg);width:min(48%,300px)}.book-object-large:hover{transform:translateY(-4px) rotate(0deg) scale(1.015)}.shelf-line{display:grid;grid-template-columns:2fr 120px 120px;gap:18px;align-items:stretch}.shelf-book{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(251,250,247,.78)}.shelf-cover img{width:100%;box-shadow:var(--shadow);border:1px solid var(--line-strong)}.shelf-copy span{font-size:10px;color:var(--accent);letter-spacing:.1em}.shelf-copy h3{margin:8px 0 10px;font-size:30px}.shelf-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.future-spine{min-height:260px;border:1px solid var(--line);border-radius:6px;background:rgba(251,250,247,.46);display:flex;align-items:center;justify-content:center;gap:10px;writing-mode:vertical-rl;color:var(--muted2);font-size:10px;letter-spacing:.08em}.future-spine i{font-style:normal}.games-page-visual{display:grid;place-items:center;overflow:visible}.game-preview-large{width:min(88%,680px)}.project-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:1px solid var(--line);border-radius:8px;background:rgba(251,250,247,.78)}.project-card span{font-size:9px;color:var(--accent);letter-spacing:.1em}.project-card h2{margin:6px 0 7px;font-size:28px}.project-card p{margin:0;color:var(--muted);font-size:13px}.inline-action{white-space:nowrap;color:var(--accent);font-size:13px}.join-page-visual{display:grid;place-items:center;overflow:visible}.join-info-card{width:min(70%,440px);padding:30px 30px 26px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:6px;background:rgba(251,250,247,.92);box-shadow:var(--shadow)}.join-info-logo{width:48%;max-height:90px;object-fit:contain;margin-bottom:16px}.join-info-card>b{font-size:15px}.join-info-card>span{margin-top:20px;color:var(--muted);font-size:10px}.join-info-card>strong{color:var(--accent);font-size:28px;letter-spacing:.05em}.join-qr{width:min(82%,330px);margin-top:18px;border-radius:8px}@media(max-width:980px){.home-v10{height:auto;min-height:100vh;overflow:auto}.home-carousel{height:auto;min-height:100vh}.scene-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(140px,1fr))}.scene-stage{min-height:760px}.scene{grid-template-columns:1fr;gap:18px;padding:24px 10px 30px}.scene:not(.is-active){display:none}.scene-art{height:390px;min-height:390px}.scene-art::before{display:none}.page-hero{grid-template-columns:1fr}.page-visual{border-left:0;border-top:1px solid var(--line);min-height:380px}.feature-grid,.route-grid,.steps-grid{grid-template-columns:1fr 1fr}.spring-layout{grid-template-columns:1fr}.shelf-line{grid-template-columns:1fr 90px 90px}}@media(max-width:640px){:root{--w:min(calc(100% - 24px),1260px)}.home-school{display:none}.nav-links{display:none}.scene-copy h1,.page-copy h1{font-size:44px}.feature-grid,.route-grid,.steps-grid,.activity-grid,.spring-gallery{grid-template-columns:1fr}.shelf-line{grid-template-columns:1fr}.future-spine{min-height:80px;writing-mode:horizontal-tb}.shelf-book{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============================================================
   V11 — unified inner-page system
   ============================================================ */
html{scroll-behavior:smooth}
.home-v11{height:100dvh;min-height:720px;overflow:hidden}
.home-v11 .home-carousel{height:100dvh}
.inner-page .site-header{position:sticky;top:0}
.inner-page .page-shell{padding-top:24px}

/* hero shared proportions */
.inner-page .page-hero{min-height:450px;grid-template-columns:minmax(0,46fr) minmax(420px,54fr);gap:52px;padding:22px 0 34px}
.inner-page .page-copy h1{font-size:clamp(58px,5vw,68px)}
.page-lead-split{max-width:590px;line-height:1.9}
.page-lead-split>span{color:#41413e}
.page-scroll-cta{display:inline-flex;align-items:center;gap:14px;margin-top:24px;color:var(--ink);font-size:13px;border-bottom:1px solid var(--line-strong);padding-bottom:5px;transition:color .2s ease,border-color .2s ease}
.page-scroll-cta i{font-style:normal;color:var(--accent);transition:transform .2s ease}
.page-scroll-cta:hover{color:var(--accent);border-color:var(--accent)}
.page-scroll-cta:hover i{transform:translateY(3px)}
.page-current{margin:18px 0 0;color:var(--accent);font-size:11px;letter-spacing:.08em}
.hero-actions{margin-top:24px}

/* load-in */
.reveal-on-load .page-copy{animation:heroCopyIn .42s ease both}
.reveal-on-load .page-visual{animation:heroVisualIn .46s .08s ease both}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}

/* about */
.about-page-character-wrap{width:min(53%,370px);right:11%;bottom:-4%}
.about-page-character-wrap img{animation:aboutInnerBreath 6s ease-in-out infinite}
@keyframes aboutInnerBreath{0%,100%{transform:none}50%{transform:translateY(-2px) scale(1.002)}}
.large-tags{max-width:940px;gap:10px}
.large-tags span{padding:8px 13px;border-radius:5px;background:rgba(251,250,247,.65);font-size:13px}
.section-head>div{min-width:0}
.section-no{margin:0 0 4px;color:var(--accent);font-size:10px;letter-spacing:.11em}
.section-head>div h2{margin:0}
.slices-section{padding-top:36px}
.slice-list{display:flex;flex-direction:column;gap:42px}
.slice-row{display:grid;grid-template-columns:minmax(0,40fr) minmax(420px,60fr);gap:44px;align-items:center;min-height:300px}
.slice-row.reverse{grid-template-columns:minmax(420px,60fr) minmax(0,40fr)}
.slice-row.reverse .slice-copy{order:2}.slice-row.reverse .slice-media{order:1}
.slice-copy{padding:22px 8px}
.slice-copy>span{font-size:10px;color:var(--accent);letter-spacing:.1em}
.slice-copy h3{margin:8px 0 12px;font-size:28px;letter-spacing:-.03em}
.slice-copy p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.85}
.slice-copy a{font-size:12px;color:var(--accent)}
.slice-links{display:flex;gap:18px}
.slice-media{margin:0;height:300px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:rgba(251,250,247,.65)}
.slice-media>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.slice-row:hover .slice-media>img{transform:scale(1.012)}
.creation-pair{display:grid;grid-template-columns:42% 58%;gap:0;padding:24px;align-items:center;background:rgba(251,250,247,.76)}
.creation-pair .creation-book{width:72%;height:auto;justify-self:center;box-shadow:var(--shadow);transform:rotate(-2deg)}
.creation-game{height:68%;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:22px;background:linear-gradient(rgba(23,24,23,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.025) 1px,transparent 1px),#f1efe9;background-size:18px 18px;color:var(--muted)}
.creation-game span{font-size:9px;color:var(--accent);letter-spacing:.1em}.creation-game b{margin-top:8px;color:var(--ink);font-size:20px}.creation-game i{margin-top:8px;font-style:normal;font-size:9px;letter-spacing:.1em}
.directory-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.directory-links a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:5px 14px;padding:22px 18px;transition:background .22s ease,color .22s ease}
.directory-links a:not(:last-child){border-right:1px solid var(--line)}
.directory-links a:hover{background:rgba(127,49,66,.035);color:var(--accent)}
.directory-links span{font-size:19px;font-weight:700}.directory-links small{color:var(--muted);font-size:12px}.directory-links i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--accent);transition:transform .2s ease}.directory-links a:hover i{transform:translateX(4px)}
.join-prompt{margin-top:58px;padding:26px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.join-prompt p{margin:0;font-size:24px;font-weight:700}.join-prompt>div{display:flex;align-items:center;gap:22px}.join-prompt span{color:var(--muted);font-size:13px}.join-prompt a{color:var(--accent);font-size:13px}

/* activities: hero follows current tab */
.activities-page-visual{overflow:visible}
.activity-hero-set{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .3s ease,transform .34s ease,visibility 0s linear .34s}
.activity-hero-set.active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hero-mini-poster{position:absolute;right:7%;top:5%;z-index:1;width:24%;height:43%;padding:6px;margin:0;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(5deg);opacity:.75}
.hero-mini-poster img{width:100%;height:100%;object-fit:cover}
.activities-page-hero .page-tab-row{margin-top:25px}

/* works */
.publication-note{position:absolute;right:9%;top:26%;display:flex;flex-direction:column;gap:5px}.publication-note span{font-size:10px;color:var(--accent);letter-spacing:.1em}.publication-note b{font-size:14px;color:var(--muted);font-weight:500}.publication-note small{font-size:10px;color:var(--muted2)}
.shelf-line{grid-template-columns:2fr 104px}

/* common footer */
.site-footer{margin-top:26px;border-top:1px solid var(--line);background:rgba(251,250,247,.34)}
.footer-inner{width:var(--w);min-height:112px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.footer-inner>div{display:flex;flex-direction:column;gap:4px}.footer-inner b{font-size:14px}.footer-inner span{font-size:11px;color:var(--muted)}.footer-side{text-align:right}.footer-side small{font-size:10px;color:var(--muted2)}

/* inner page responsive */
@media(max-width:980px){
  .home-v11{height:auto;min-height:100vh;overflow:auto}
  .inner-page .page-hero{grid-template-columns:1fr;gap:20px}
  .slice-row,.slice-row.reverse{grid-template-columns:1fr;gap:14px}.slice-row.reverse .slice-copy,.slice-row.reverse .slice-media{order:initial}
  .directory-links{grid-template-columns:1fr}.directory-links a:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}
  .footer-inner{padding:24px 0}
}
@media(max-width:640px){
  .join-prompt{align-items:flex-start;flex-direction:column}.join-prompt>div{align-items:flex-start;flex-direction:column;gap:8px}
  .slice-media{height:230px}.creation-pair{grid-template-columns:1fr 1fr;padding:14px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-side{text-align:left}
}


/* V12 works published through admin */
.admin-published-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
.admin-published-work{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px;border:1px solid var(--line);border-radius:7px;background:rgba(251,250,247,.72);transition:.22s ease}.admin-published-work:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c9bcb0}.admin-published-work img{width:120px;aspect-ratio:2481/3508;object-fit:cover;box-shadow:0 8px 18px rgba(30,24,25,.08)}.admin-published-work span{font-size:9px;color:var(--accent);letter-spacing:.08em}.admin-published-work b{display:block;margin:6px 0;font-size:20px}.admin-published-work p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.admin-published-work i{display:block;margin-top:12px;color:var(--accent);font-size:12px;font-style:normal}@media(max-width:700px){.admin-published-grid{grid-template-columns:1fr}.admin-published-work{grid-template-columns:90px 1fr}.admin-published-work img{width:90px}}
.data-loading{display:grid;place-items:center;min-height:180px;color:var(--muted);font-size:12px}.dynamic-works-grid{display:grid;gap:18px}.dynamic-work-card{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(251,250,247,.76)}.dynamic-work-cover img{width:100%;aspect-ratio:2481/3508;object-fit:cover;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.dynamic-work-card span{font-size:10px;color:var(--accent);letter-spacing:.08em}.dynamic-work-card h3{margin:7px 0 9px;font-size:27px}.dynamic-work-card p{margin:0 0 9px;color:var(--muted);font-size:13px;line-height:1.75}.dynamic-work-card small{display:block;color:var(--muted2);font-size:10px;margin-bottom:16px}.dynamic-activities{display:grid;gap:18px}.dynamic-activity-card{display:grid;grid-template-columns:minmax(260px,38%) 1fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(251,250,247,.78)}.dynamic-activity-cover{min-height:260px;background:#eae4dc;display:grid;place-items:center;color:var(--muted)}.dynamic-activity-cover img{width:100%;height:100%;object-fit:cover}.dynamic-activity-copy{padding:22px}.dynamic-activity-copy>span{font-size:10px;color:var(--accent)}.dynamic-activity-copy h3{margin:7px 0 9px;font-size:25px}.dynamic-activity-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.mini-photo-strip{display:flex;gap:7px;margin-top:18px}.mini-photo-strip img{width:74px;height:54px;object-fit:cover;border:1px solid var(--line);border-radius:4px}.activity-hero-dynamic{position:absolute;inset:0}.activity-dyn-photo{position:absolute;margin:0;padding:6px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.activity-dyn-photo img{width:100%;height:100%;object-fit:cover}.activity-dyn-photo.p1{left:12%;top:9%;width:60%;height:68%;transform:rotate(-1.4deg)}.activity-dyn-photo.p2{right:2%;bottom:6%;width:38%;height:47%;transform:rotate(2deg)}.activity-dyn-photo.p3{right:9%;top:5%;width:26%;height:37%;transform:rotate(4deg);opacity:.8}.activity-empty-visual{position:absolute;inset:15%;display:grid;place-items:center;border:1px dashed var(--line-strong);color:var(--muted)}
@media(max-width:760px){.dynamic-work-card,.dynamic-activity-card{grid-template-columns:1fr}.dynamic-work-cover{max-width:190px}.dynamic-activity-cover{min-height:220px}.mini-photo-strip{overflow-x:auto}.activity-dyn-photo.p1{left:5%;width:68%}.activity-dyn-photo.p2{right:2%;width:42%}}