:root{--rose:#688B36;--rose-2:#7DA64C;--rose-light:#C9DDA7;--rose-soft:#F0F7E7;--cream:#FBFCF6;--cream-2:#F5F8ED;--cream-3:#EBF1E0;--mauve:#698E79;--mauve-deep:#355E49;--plum:#294636;--plum-dark:#183326;--lavender:#A2BCA5;--lavender-soft:#EAF3E9;--peach:#E5B654;--peach-soft:#FCF1D5;--sage:#7FAB78;--sage-soft:#ECF4E7;--ink:#22352A;--ink-2:#4D6255;--ink-3:#788A7D;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.94);--line:rgba(34,53,42,.13);--line-strong:rgba(34,53,42,.25);--shadow:0 8px 28px rgba(27,60,39,.07);--shadow-hover:0 18px 42px rgba(27,60,39,.13);--radius:12px;--radius-card:18px;--radius-large:28px;--radius-pill:999px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video{max-width:100%;height:auto}h1,h2,h3,p,blockquote{margin-top:0}h1,h2,h3{line-height:1.26;letter-spacing:-.025em}h1{font-size:clamp(2.3rem,4.8vw,4.7rem)}h2{font-size:clamp(1.55rem,3vw,2.5rem)}h3{font-size:1.19rem}p{color:var(--ink-2)}a:hover{color:var(--rose)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--peach);outline-offset:3px}.container{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:15px;top:-90px;background:white;padding:10px;z-index:999}.skip-link:focus{top:15px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--rose);font-size:.77rem}.lead{font-size:1.12rem;line-height:1.95}.muted,.hint{font-size:.88rem;color:var(--ink-3)}.small-label{font-size:.76rem;font-weight:750;color:var(--rose)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--rose);color:white;border:1px solid var(--rose);border-radius:999px;padding:11px 22px;font-weight:750;line-height:1.4;transition:.2s}.button:hover{background:var(--mauve-deep);color:white;transform:translateY(-2px)}.button-outline{background:transparent;color:var(--plum)}.button-outline:hover{color:white}.plain-link,.section-link{font-weight:750;color:var(--mauve-deep)}.site-header{position:sticky;top:0;z-index:70;height:70px;background:rgba(251,252,246,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:background .2s}.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 5px 20px rgba(20,45,27,.05)}.header-inner{display:flex;height:100%;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:205px;font-size:1.06rem;font-weight:900;line-height:1.2;color:var(--plum)}.brand small{display:block;font-size:.62rem;letter-spacing:.1em;color:var(--ink-3);font-weight:550;margin-top:6px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(135deg,var(--rose),var(--plum));border-radius:13px;color:white;font-weight:900}.desktop-nav{display:flex;gap:16px;align-items:center;flex:1;justify-content:center}.desktop-nav a{white-space:nowrap;font-weight:650;font-size:.85rem;color:var(--ink-2);border-bottom:2px solid transparent;padding-block:11px}.desktop-nav a:hover{color:var(--rose);border-color:var(--rose)}.header-tools{display:flex;align-items:center;gap:12px}.header-tools a{font-size:.88rem;font-weight:700}.header-app{padding:5px 10px;border:1px solid var(--line);border-radius:20px}.icon-button{border:0;background:none;font-size:1.5rem;color:var(--plum);width:32px;height:36px}.menu-trigger{display:none}.mobile-menu{display:none}.search-modal{display:none;position:fixed;inset:0;z-index:250;align-items:flex-start;justify-content:center}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(11,30,20,.65)}.search-dialog{position:relative;margin:12vh 18px 0;background:white;max-width:630px;width:100%;border-radius:24px;padding:36px;box-shadow:var(--shadow-hover)}.search-dialog h2{font-size:2rem}.modal-close{position:absolute;right:20px;top:14px;background:none;border:0;font-size:2rem;color:var(--ink-2)}.search-form{display:flex;gap:9px;align-items:center}.search-form input{min-width:0;flex:1;border:1px solid var(--line-strong);padding:13px 17px;border-radius:100px;background:#fff}.search-form label{font-weight:700}.home-hero{background:linear-gradient(135deg,#FBFCF6 0%,#F0F7E7 56%,#FCF1D5 100%);overflow:hidden}.hero-layout{min-height:570px;display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:25px;padding-block:56px 35px}.hero-copy h1{font-weight:900;max-width:720px;margin:15px 0 20px}.hero-copy h1 em{font-style:normal;color:var(--rose)}.hero-copy .lead{max-width:660px}.hero-search{display:flex;background:white;max-width:650px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:5px;gap:6px;margin-top:26px}.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:10px 20px;background:none}.hero-search button{border:0;border-radius:999px;color:white;background:var(--plum);font-weight:750;padding:8px 23px}.hero-cta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:24px}.disclosure{font-size:.79rem;color:var(--ink-3);margin-top:30px}.hero-stage{min-height:480px;position:relative}.stage-main{position:absolute;left:0;right:21%;top:9%;bottom:8%;background:radial-gradient(circle at 75% 22%,#e7bb6d 0,transparent 29%),linear-gradient(147deg,#31543e,#74934d 66%,#d6e9b7);border-radius:36px;overflow:hidden;padding:40px;color:white;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 70px rgba(24,51,38,.16)}.stage-kicker{position:absolute;top:33px;font-size:.67rem;letter-spacing:.2em;color:#e6f2d8}.stage-title{font-size:clamp(2rem,3vw,3.2rem);font-weight:900;line-height:1.17;position:relative;z-index:2}.stage-sub{font-size:.8rem;position:relative;z-index:2;margin-top:14px;letter-spacing:.09em}.stage-orbit{position:absolute;border:25px solid rgba(244,238,182,.22);width:340px;height:340px;border-radius:50%;top:3%;right:-25%}.stage-phone{position:absolute;right:0;top:3%;width:35%;height:70%;border:8px solid var(--plum-dark);background:linear-gradient(165deg,#f1e3a7,#aed9b5 65%,#48654d);border-radius:35px;box-shadow:0 20px 45px rgba(22,49,28,.22);padding:27px 16px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(8deg)}.stage-phone span,.stage-phone small{font-size:.68rem;font-weight:700}.stage-phone strong{font-size:clamp(1.2rem,2.3vw,2.1rem);line-height:1.35}.stage-note{position:absolute;right:1%;bottom:0;background:var(--surface);padding:14px 20px;border-radius:18px;box-shadow:var(--shadow);font-size:.75rem;color:var(--ink-2)}.stage-note strong{color:var(--plum)}.hero-bottom{padding:0 0 24px}.chips,.tab-links{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:8px 17px;background:white;border:1px solid var(--line);border-radius:999px;white-space:nowrap;font-size:.88rem;font-weight:700;color:var(--ink-2);transition:.2s}.chip:hover,.chip.selected{background:var(--plum);color:white;border-color:var(--plum)}.home-section{padding:78px 0}.tinted{background:var(--cream-2)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px}.section-heading h2{margin-bottom:10px}.section-heading p:last-child{margin-bottom:0;max-width:760px}.section-link{white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.work-card{min-width:0;background:white;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.work-visual{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;overflow:hidden;color:white}.work-visual:before,.detail-art:before{content:"";position:absolute;width:230px;height:230px;border:36px solid rgba(255,255,255,.13);border-radius:50%;right:-65px;top:-60px}.work-visual:after{content:"";position:absolute;width:100px;height:100px;background:rgba(245,217,143,.35);border-radius:22px;transform:rotate(35deg);bottom:-60px;left:20%}.work-visual:hover{color:white}.visual-drama{background:linear-gradient(140deg,#325e48,#8db685)}.visual-ai{background:linear-gradient(135deg,#44675f,#7f9e76 65%,#e5b654)}.visual-comic{background:linear-gradient(140deg,#7a8656,#304f44 70%,#eac67a)}.visual-vertical{background:linear-gradient(145deg,#e1b663,#7e9855 63%,#476754)}.visual-monogram{font-size:2.4rem;font-weight:900;line-height:1;position:relative;z-index:1}.visual-label{font-weight:700;font-size:.72rem;align-self:flex-start;padding:4px 10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:30px;position:relative;z-index:1}.work-info{padding:19px}.work-info h3{margin:6px 0 10px}.work-info p{font-size:.86rem;line-height:1.7;min-height:4.8em}.card-end{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:.75rem;color:var(--ink-3)}.card-end a{color:var(--rose);font-weight:700}.spot-layout{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:20px}.spot-aside{border-radius:24px;padding:32px;background:var(--plum);color:white;display:flex;flex-direction:column;justify-content:center}.spot-aside p{color:rgba(255,255,255,.78)}.spot-aside a{color:var(--rose-light)}.spot-aside .eyebrow{color:var(--peach)}.split-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.split-layout .work-card:first-child .work-visual{aspect-ratio:2/1}.rail-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vertical-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vertical-layout .work-visual{aspect-ratio:9/12}.bento-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.bento-layout .work-card:first-child{grid-row:span 2}.bento-layout .work-card:first-child .work-visual{aspect-ratio:5/3}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person-card{padding:25px;background:white;border-radius:20px;border:1px solid var(--line)}.person-card p{font-size:.89rem}.person-card strong{display:block;color:var(--rose);font-size:.85rem;margin-bottom:14px}.avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:24px;background:var(--rose-soft);color:var(--rose);font-size:2rem;font-weight:900;margin-bottom:20px}.timeline{border-top:1px solid var(--line)}.time-row{display:grid;grid-template-columns:145px 1fr 1.8fr;gap:20px;align-items:start;padding:23px 6px;border-bottom:1px solid var(--line)}.time-row>span{font-size:.82rem;font-weight:800;color:var(--rose)}.time-row h3,.time-row h2{font-size:1.2rem;margin:0}.time-row p{margin:0}.genre-cloud{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.genre-cloud a{display:flex;justify-content:space-between;align-items:center;padding:24px;background:white;border:1px solid var(--line);border-radius:18px;font-weight:800}.genre-cloud a:hover{background:var(--rose-soft)}.collection-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-tile{border-radius:25px;padding:29px;background:linear-gradient(145deg,var(--plum),#61845a);color:white;display:flex;flex-direction:column;min-height:300px}.collection-tile:nth-child(2){background:linear-gradient(145deg,#668d55,#a0b87c)}.collection-tile:nth-child(3){background:linear-gradient(145deg,#8b9e72,#426958)}.collection-tile p{color:rgba(255,255,255,.83);font-size:.87rem;line-height:1.8}.collection-tile small{color:var(--peach-soft)}.collection-tile b{margin-top:auto}.collection-tile:hover{color:white}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:110px 1fr 1.7fr 22px;gap:20px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line)}.article-row>span:nth-child(3){font-size:.87rem;color:var(--ink-2)}.guide-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center;background:linear-gradient(125deg,var(--plum-dark),var(--mauve-deep));border-radius:28px;padding:45px;color:white}.guide-panel p{color:rgba(255,255,255,.78)}.guide-panel .eyebrow{color:var(--peach)}.guide-panel .button{background:var(--peach);border-color:var(--peach);color:var(--plum-dark)}.guide-points{display:grid;gap:22px}.guide-points span{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.25);font-weight:750}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:flex;gap:23px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.rank-list li>strong{font-size:2.5rem;line-height:1;color:var(--rose);width:55px;font-weight:900}.rank-list li:nth-child(2)>strong{color:var(--plum)}.rank-list li:nth-child(3)>strong{color:#b38b33}.rank-list li>div{flex:1}.rank-list li a{font-size:1.13rem;font-weight:800}.rank-list li p{margin:3px 0 0;font-size:.88rem}.rank-list li>span,.rank-list li>a:last-child{font-size:.79rem;color:var(--ink-3)}.quote-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.quote-layout blockquote{font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:1.55;font-weight:900;color:var(--plum)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:20px;padding:26px}.post small{color:var(--rose);font-weight:800}.post p{font-size:.9rem}.post a,.post b{margin-top:auto;color:var(--mauve-deep);font-size:.85rem}.like-button{border:1px solid var(--line);border-radius:30px;padding:8px 12px;background:var(--cream);margin-top:20px;align-self:flex-start;color:var(--ink-2)}.like-button.liked{background:var(--rose-soft);color:var(--rose)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-grid>div{padding:28px;border:1px solid var(--line);background:white;border-radius:20px}.trust-grid strong{font-size:1.18rem}.trust-grid a{color:var(--rose);font-weight:750}.app-showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;padding:35px 50px;background:var(--rose-soft);border-radius:30px}.phone-art{max-width:270px;margin:auto;background:#193c2d;border-radius:40px;padding:12px;box-shadow:15px 25px 50px rgba(26,61,37,.2);transform:rotate(-5deg)}.phone-art-screen{min-height:420px;border-radius:30px;padding:30px 22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#e8cb79,#b8d69c 55%,#416c4f)}.phone-art-screen strong{font-size:2.1rem;line-height:1.25}.phone-art-screen span{font-size:.8rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 5px}.faq-list summary{cursor:pointer;font-weight:780;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'＋';color:var(--rose)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:900px;padding-top:15px;line-height:2}.page-hero{background:linear-gradient(130deg,var(--cream),var(--rose-soft) 60%,var(--peach-soft));padding:70px 0 75px}.page-hero h1{font-size:clamp(2.2rem,4.4vw,4.1rem);max-width:950px;margin:13px 0 16px}.page-hero .lead{max-width:920px}.roomy{padding-top:55px;padding-bottom:95px}.editorial-intro,.prose-panel{padding:30px 34px;margin:35px 0;border-radius:22px;background:white;border:1px solid var(--line);line-height:2}.editorial-intro p,.prose-panel p{max-width:1050px}.discovery-intro{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:40px;margin-bottom:50px}.visual-poster,.feature-art,.community-art{background:linear-gradient(145deg,#315b45,#c1d5a3);min-height:300px;border-radius:30px;display:flex;flex-direction:column;justify-content:end;padding:35px;color:white;font-size:2.5rem;font-weight:900}.visual-poster span,.feature-art span,.community-art span{font-size:.8rem;letter-spacing:.15em}.feature-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin-bottom:40px}.feature-lead p{line-height:2}.feature-art{background:linear-gradient(130deg,#2f5c45,#d6b456)}.result-title{margin:35px 0 22px;font-size:1.4rem}.page-search{padding:20px;background:white;border:1px solid var(--line);border-radius:20px;margin-bottom:25px}.empty-state{text-align:center;padding:55px;border:1px dashed var(--line-strong);border-radius:22px}.collection-feature{display:grid;grid-template-columns:50px 1.3fr .9fr;gap:35px;padding:35px 10px;border-bottom:1px solid var(--line)}.collection-number{color:var(--rose);font-weight:900;font-size:1.8rem}.collection-feature h2{font-size:1.9rem}.collection-feature p{line-height:2}.audience{font-weight:700;color:var(--plum)}.collection-links{display:grid;align-content:center;gap:10px}.collection-links a{display:flex;justify-content:space-between;gap:15px;padding:15px;background:white;border-radius:12px;border:1px solid var(--line)}.collection-links span{color:var(--rose);font-size:.82rem}.detail-hero{background:var(--rose-soft);padding:70px 0}.detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.detail-art{min-height:500px;position:relative;overflow:hidden;border-radius:30px;display:flex;flex-direction:column;justify-content:end;padding:45px;color:white}.detail-art span,.detail-art small{z-index:1}.detail-art strong{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin:15px 0;z-index:1}.detail-copy h1{font-size:clamp(2rem,4vw,3.8rem)}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:19px 0}.meta-row span{background:white;padding:5px 12px;border-radius:30px;color:var(--mauve-deep);font-size:.8rem}.detail-body{display:grid;grid-template-columns:1fr 265px;gap:25px}.detail-sidebar,.reading-sidebar{padding:27px;background:white;border:1px solid var(--line);border-radius:22px;align-self:start;display:flex;flex-direction:column;gap:16px;position:sticky;top:92px}.detail-sidebar h2,.reading-sidebar h2{font-size:1.15rem}.detail-sidebar a,.reading-sidebar a{border-bottom:1px solid var(--line);padding-bottom:10px}.article-hero{text-align:center}.article-hero h1,.article-hero .lead{margin-inline:auto}.article-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.article-actions button{background:transparent;border:0;color:var(--rose);font-weight:700}.reading-layout{display:grid;grid-template-columns:1fr 275px;gap:45px;padding-block:65px 95px}.reading-content{max-width:780px}.reading-notice{background:var(--rose-soft);border:1px solid var(--rose-light);padding:19px 25px;display:flex;gap:18px;border-radius:20px}.reading-notice>span{font-size:2rem}.reading-notice p{margin:0}.reading-part{padding:40px 0 30px;border-bottom:1px solid var(--line)}.reading-part p{font-size:1.08rem;line-height:2.25}.reading-end{margin-top:35px}.reading-dark{background:#162b20;color:#e5eddc}.reading-dark p{color:#c6d7c7}.reading-dark .reading-content,.reading-dark .reading-part{color:#e5eddc}.reading-dark .reading-notice{background:#31543d}.community-banner{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;margin-bottom:45px}.community-art{background:linear-gradient(135deg,#8ba457,#385c48);font-size:1.8rem;min-height:240px}.record-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.record-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.record-columns>div{background:white;border:1px solid var(--line);padding:26px;border-radius:23px}.record-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.remove-record{border:0;background:var(--rose-soft);color:var(--plum);border-radius:15px;padding:4px 10px}.notice-banner{background:var(--peach-soft);border-radius:23px;padding:34px;margin-bottom:40px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article{padding:30px;background:white;border:1px solid var(--line);border-radius:20px}.step-grid article>span{font-size:2rem;font-weight:900;color:var(--rose)}.longform{max-width:950px;margin:auto}.longform-part{padding:26px 0 36px;border-bottom:1px solid var(--line)}.longform-part p{line-height:2.2;font-size:1.045rem}.related-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:38px}.related-links a{color:var(--rose);font-weight:750}.question-footer{margin-top:45px;padding:36px;background:var(--rose-soft);border-radius:22px}.site-footer{background:linear-gradient(135deg,#183326,#355E49);color:white;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid h2,.footer-grid h3{color:var(--cream);font-size:1.2rem}.footer-grid p{color:rgba(255,255,255,.7);max-width:350px}.footer-grid a{display:block;color:rgba(255,255,255,.72);font-size:.85rem;margin:10px 0}.footer-grid a:hover,.footer-bottom a:hover{color:var(--rose-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;padding-top:24px;margin-top:55px;font-size:.8rem;color:rgba(255,255,255,.63)}.footer-bottom a{color:white}.bottom-nav{display:none}.back-top{position:fixed;right:24px;bottom:30px;width:43px;height:43px;border:0;background:var(--plum);color:white;border-radius:50%;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1200px){.desktop-nav{gap:10px}.desktop-nav a{font-size:.76rem}.brand{min-width:170px}.header-inner{gap:13px}.work-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.menu-trigger{display:block}.header-tools{margin-left:auto}.mobile-menu:not([hidden]){display:grid;background:white;padding:17px 24px;border-radius:0 0 20px 20px;border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px}.mobile-menu a{padding:9px}.hero-layout{grid-template-columns:1fr 1fr}.hero-stage{min-height:420px}.work-grid{grid-template-columns:repeat(3,1fr)}.spot-layout{grid-template-columns:1fr 1fr}.spot-aside{grid-column:span 2}.people-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.genre-cloud{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;min-height:0}.hero-stage{min-height:410px;max-width:650px;width:100%;margin:auto}.hero-copy{text-align:left}.detail-layout,.discovery-intro,.feature-lead{grid-template-columns:1fr}.detail-art{min-height:320px}.detail-body,.reading-layout{grid-template-columns:1fr}.detail-sidebar,.reading-sidebar{position:static}.community-banner{grid-template-columns:1fr}.bento-layout{grid-template-columns:1fr 1fr}.article-row{grid-template-columns:85px 1fr 1.3fr 20px}.collection-feature{grid-template-columns:40px 1fr}.collection-links{grid-column:2}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(calc(100% - 32px),var(--wrap))}.home-section{padding:54px 0}.section-heading{align-items:start}.section-heading h2{font-size:1.75rem}.section-link{font-size:.8rem}.rail-layout,.vertical-layout,.collection-strip,.trust-grid,.step-grid,.post-grid{grid-template-columns:repeat(2,1fr)}.spot-layout,.split-layout,.guide-panel,.quote-layout,.app-showcase{grid-template-columns:1fr}.spot-aside{grid-column:auto}.genre-cloud{grid-template-columns:repeat(3,1fr)}.time-row{grid-template-columns:95px 1fr}.time-row p{grid-column:2}.article-row{grid-template-columns:1fr 20px}.article-row>span:first-child,.article-row>span:nth-child(3){grid-column:1}.article-row strong{grid-column:1}.article-row b{grid-column:2;grid-row:1/4}.app-showcase{padding:35px}.record-columns{grid-template-columns:1fr}}
@media(max-width:600px){body{font-size:15px}.site-header{height:64px}.brand{min-width:0;font-size:.93rem}.brand small{font-size:.55rem}.brand-mark{width:35px;height:35px}.header-fav,.header-app{display:none}.mobile-menu:not([hidden]){grid-template-columns:1fr 1fr}.hero-layout{padding:35px 0 20px}.hero-copy h1{font-size:2.5rem}.hero-search{border-radius:18px}.hero-search button{padding-inline:14px}.hero-stage{min-height:355px}.stage-main{padding:25px;border-radius:24px}.stage-phone{border-width:6px;padding:17px 10px;border-radius:25px}.stage-title{font-size:1.9rem}.stage-note{font-size:.65rem}.work-grid,.rail-layout,.vertical-layout,.bento-layout,.collection-strip,.trust-grid,.step-grid,.post-grid{grid-template-columns:1fr}.vertical-layout .work-visual{aspect-ratio:16/10}.section-heading{display:block}.section-link{display:inline-block;margin-top:15px}.people-grid{grid-template-columns:repeat(2,1fr)}.person-card{padding:17px}.genre-cloud{grid-template-columns:repeat(2,1fr)}.genre-cloud a{padding:16px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:23px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.97);border-top:1px solid var(--line);justify-content:space-around;padding:10px 5px max(9px,env(safe-area-inset-bottom))}.bottom-nav a{font-size:.79rem;font-weight:700;color:var(--plum)}.site-footer{padding-bottom:95px}.back-top{bottom:70px}.page-hero{padding:55px 0}.page-search{flex-wrap:wrap}.page-search input{flex-basis:100%}.collection-feature{grid-template-columns:1fr;gap:12px}.collection-links{grid-column:1}.detail-art{min-height:290px;padding:27px}.detail-hero{padding:45px 0}.search-dialog{padding:25px}.reading-part p{font-size:1rem}.article-actions{gap:12px}.rank-list li{gap:8px}.rank-list li>strong{font-size:1.7rem;width:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}