.blog-page{min-height:70vh;padding:26px 0 var(--section-space);background:radial-gradient(circle at 8% 2%, #f9e5e980 0, transparent 26rem), var(--paper);position:relative;overflow:clip}.blog-page:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:120px;left:-190px}.blog-breadcrumb{color:var(--muted);font-size:12px}.blog-breadcrumb ol{white-space:nowrap;scrollbar-width:none;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.blog-breadcrumb li:not(:last-child):after{content:"/";color:var(--line);margin-inline-start:8px}.blog-breadcrumb a{transition:color var(--duration)}.blog-heading{max-width:760px;padding:clamp(48px,7vw,90px) 0 clamp(42px,6vw,72px)}.blog-heading h1{max-width:900px;color:var(--ink);letter-spacing:-.04em;margin-top:12px;font-size:clamp(34px,5vw,64px);font-weight:820;line-height:1.45}.blog-heading p{max-width:650px;margin-top:18px;font-size:clamp(14px,1.5vw,17px)}.blog-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.archive-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hub-card{min-width:0}.blog-hub-card>a{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);height:100%;min-height:360px;box-shadow:var(--shadow);transition:transform var(--duration) var(--ease), border-color var(--duration), box-shadow var(--duration);padding:30px;display:grid;position:relative;overflow:hidden}.blog-hub-card:nth-child(2)>a{background:var(--surface-rose)}.blog-hub-card:nth-child(3)>a{background:var(--night);color:var(--on-night);border-color:#0000}.blog-hub-card:nth-child(3) p{color:#d9c3ca}.blog-hub-index{color:var(--muted);letter-spacing:.18em;font-size:12px}.blog-hub-icon{background:var(--brand-soft);width:70px;height:70px;color:var(--brand);border-radius:50%;place-items:center;margin-top:34px;display:grid}.blog-hub-card:nth-child(3) .blog-hub-icon{color:#ffb7c5;background:#ffffff10}.blog-hub-card h2{margin-top:34px;font-size:clamp(25px,2.5vw,34px)}.blog-hub-card p{margin-top:10px;font-size:13px}.blog-hub-arrow{width:46px;height:46px;color:var(--brand);transition:transform var(--duration);border:1px solid;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:30px;left:30px}.blog-hub-card:nth-child(3) .blog-hub-arrow{color:#ffb7c5}.blog-list-section,.archive-list-section,.news-list-section{padding-bottom:30px}.blog-toolbar,.archive-toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa8;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.blog-filter{border:0;gap:7px;min-width:0;margin:0;padding:0;display:flex}.blog-filter label{cursor:pointer}.blog-filter input{opacity:0;pointer-events:none;position:absolute}.blog-filter span{min-height:42px;color:var(--muted);transition:background var(--duration), color var(--duration);border-radius:10px;justify-content:center;align-items:center;padding:7px 18px;font-size:13px;display:flex}.blog-filter input:checked+span{background:var(--brand);color:#fff}.blog-filter input:focus-visible+span{outline:2px solid var(--brand);outline-offset:3px}.blog-sort{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.blog-sort select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);border-radius:10px;padding:7px 13px 7px 36px}.blog-result-count{margin:18px 2px 22px;font-size:12px}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow);transition:transform var(--duration) var(--ease), box-shadow var(--duration);overflow:hidden}.article-card>a{height:100%;display:block}.article-card-media{aspect-ratio:4/3;background:var(--surface-soft);position:relative;overflow:hidden}.article-card-media img{object-fit:cover;transition:transform .5s var(--ease)}.article-card-media .media-placeholder{height:100%}.article-topic{color:var(--brand-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9e8;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.article-card-copy{flex-direction:column;min-height:300px;padding:24px;display:flex}.article-card time,.album-card time{color:var(--muted);font-size:11px}.article-card h2{margin-top:12px;font-size:19px;line-height:1.75}.article-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:13px;display:-webkit-box;overflow:hidden}.article-read-more{color:var(--brand-deep);align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:700;display:inline-flex}.blog-empty{text-align:center;padding:60px}.article-detail{max-width:1040px}.article-detail-meta{color:var(--muted);align-items:center;gap:14px;margin-top:-36px;margin-bottom:24px;font-size:12px;display:flex}.article-detail-meta span{background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;padding:5px 12px;font-weight:700}.article-hero-media{aspect-ratio:16/8;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-soft);position:relative;overflow:hidden}.article-hero-media img{object-fit:cover}.article-hero-media .media-placeholder{height:100%}.article-body{max-width:780px;margin:0 auto;padding:clamp(38px,6vw,72px) 0}.article-body img,.news-full-text img{max-width:100%;height:auto;margin-block:24px;display:block}.article-body>p{color:#59454d;margin-bottom:24px;font-size:clamp(15px,1.5vw,17px);line-height:2.25}.article-body .article-lead{color:var(--ink);margin-bottom:34px;font-size:clamp(18px,2vw,23px);font-weight:650;line-height:2}.article-taxonomy{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;padding-top:30px;display:grid}.article-taxonomy strong{margin-bottom:12px;font-size:13px;display:block}.article-taxonomy ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.article-taxonomy li{background:var(--surface-soft);color:var(--muted);border-radius:7px;padding:5px 10px;font-size:11px}.archive-toolbar{color:var(--muted);margin-bottom:24px;font-size:12px}.album-list{gap:32px;display:grid}.album-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow);padding:clamp(20px,3vw,34px)}.album-card header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.album-card header>div{align-items:center;gap:16px;display:flex}.album-number{color:var(--brand);letter-spacing:.1em;font-size:11px}.album-card h2{font-size:clamp(19px,2vw,26px)}.album-mosaic{grid-template-rows:repeat(2,170px);grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.album-mosaic figure{background:var(--surface-soft);border-radius:14px;min-width:0;position:relative;overflow:hidden}.album-mosaic figure:first-child{grid-row:1/3}.album-mosaic figure img{object-fit:cover}.album-mosaic .media-placeholder{height:100%}.album-count-3{grid-template-columns:2fr 1fr}.album-count-4 figure:nth-child(4){grid-column:2/4}.file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.file-card{border:1px solid var(--line);background:var(--surface);text-align:right;opacity:1;width:100%;min-height:110px;transition:transform var(--duration), border-color var(--duration);border-radius:16px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:16px;padding:18px;display:grid}.file-card:disabled{color:inherit;opacity:1}.file-index{color:var(--muted);font-size:11px}.file-card h2{font-size:16px}.file-download-icon{background:var(--surface-soft);width:44px;height:44px;color:var(--brand);border-radius:50%;place-items:center;font-size:20px;display:grid}.news-toolbar .blog-result-count{margin:0}.news-list{gap:18px;margin-top:24px;display:grid}.news-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.news-card[open]{border-color:#d8b6be}.news-card summary{cursor:pointer;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:18px;list-style:none;display:grid}.news-card summary::-webkit-details-marker{display:none}.news-card-media{background:var(--surface-soft);border-radius:14px;min-height:190px;position:relative;overflow:hidden}.news-card-media img{object-fit:cover}.news-card-media .media-placeholder{height:100%}.news-card-copy{align-self:center;min-width:0}.news-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.news-meta>span:first-child{background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;padding:4px 9px;font-weight:700}.pin-badge{color:var(--accent)}.pin-badge>span{font-size:7px}.news-card h2{margin-top:12px;font-size:clamp(19px,2vw,26px)}.news-card-copy>p{margin-top:8px;font-size:13px}.news-toggle-label{color:var(--brand-deep);align-items:center;gap:10px;margin-top:18px;font-size:12px;font-weight:700;display:inline-flex}.news-toggle-label>span:last-child{transition:transform var(--duration);font-size:20px}.when-open{display:none}.news-card[open] .when-open{display:inline}.news-card[open] .when-closed{display:none}.news-card[open] .news-toggle-label>span:last-child{transform:rotate(45deg)}.news-full-text{border-top:1px solid var(--line);margin:0 276px 0 18px;padding:26px 0 34px}.news-full-text p+p{margin-top:14px}@media (hover:hover){.blog-breadcrumb a:hover{color:var(--brand-deep)}.blog-hub-card>a:hover{border-color:#dbbfc5;transform:translateY(-6px);box-shadow:0 24px 60px #43132914}.blog-hub-card>a:hover .blog-hub-arrow{transform:translate(-3px,-3px)}.article-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px #43132914}.article-card:hover img{transform:scale(1.035)}.file-card:not(:disabled):hover{border-color:#dbbfc5;transform:translateY(-3px)}}@media (max-width:1000px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hub-grid{gap:14px}.blog-hub-card>a{min-height:330px;padding:24px}.news-card summary{grid-template-columns:190px minmax(0,1fr)}.news-full-text{margin-right:236px}}@media (max-width:700px){.blog-page{padding-top:18px}.blog-heading{padding:42px 0 38px}.blog-heading h1{font-size:clamp(30px,10vw,44px)}.blog-hub-grid,.archive-hub-grid,.article-grid,.file-list{grid-template-columns:1fr}.blog-hub-card>a{min-height:290px}.blog-hub-icon{width:58px;height:58px;margin-top:22px}.blog-hub-card h2{margin-top:22px}.blog-toolbar,.archive-toolbar{flex-direction:column;align-items:stretch}.blog-filter{grid-template-columns:repeat(3,1fr);display:grid}.blog-filter span{text-align:center;padding-inline:8px}.blog-sort{justify-content:space-between}.blog-sort select{flex:1}.article-card-copy{min-height:270px}.article-detail-meta{margin-top:-18px}.article-hero-media{aspect-ratio:4/3;border-radius:var(--radius-card)}.article-taxonomy{grid-template-columns:1fr}.album-card header{flex-direction:column;gap:8px}.album-mosaic,.album-count-3{grid-template-rows:170px 120px 120px;grid-template-columns:repeat(2,minmax(0,1fr))}.album-mosaic figure:first-child{grid-area:1/1/auto/3}.album-count-4 figure:nth-child(4){grid-column:auto}.news-toolbar .blog-result-count{align-self:center}.news-card summary{grid-template-columns:1fr;gap:20px}.news-card-media{aspect-ratio:16/10;min-height:auto}.news-full-text{margin:0 18px}}@media (max-width:380px){.blog-filter span{min-height:48px;font-size:11px}.file-card{grid-template-columns:32px minmax(0,1fr) 40px;gap:10px;padding:14px}.file-card h2{font-size:14px}}@media (prefers-reduced-motion:reduce){.blog-hub-card>a,.article-card,.article-card-media img,.file-card,.news-toggle-label>span:last-child{transition:none}}.article-body :is(ul,ol),.news-full-text :is(ul,ol){margin-block:1em;padding-inline-start:1.5em}.article-body ul,.news-full-text ul{list-style:outside}.article-body ol,.news-full-text ol{list-style:decimal}.article-body :is(h2,h3,h4,h5,h6),.news-full-text :is(h2,h3,h4,h5,h6){margin-block:1.25em .5em;line-height:1.6}.article-body a,.news-full-text a{text-underline-offset:.2em;text-decoration:underline}.article-body blockquote,.news-full-text blockquote{border-inline-start:3px solid;margin-block:1em;padding-inline-start:1em}.blog-hub-action{margin-block-start:.75rem;text-decoration:underline;display:inline-block}
