.blog-page{background:var(--paper);color:var(--ink);min-height:100vh}
.blog-page a{text-decoration:none}
.blog-header{display:flex;align-items:center;gap:clamp(20px,3vw,56px);min-height:88px;border-bottom:1px solid var(--line)}
.blog-logo{display:flex;align-items:center;flex:none}.blog-logo img{width:112px;height:auto}
.blog-header nav{display:flex;align-items:center;gap:26px;margin-inline-end:auto;font-size:13px;font-weight:600}
.blog-header nav a,.blog-footer a{color:var(--muted);transition:color .2s}.blog-header nav a:hover,.blog-footer a:hover{color:var(--gold)}
.blog-tools{display:flex;align-items:center;gap:8px}.blog-tools>*{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font:600 12px PeydaLatin,Arial,sans-serif;transition:background .2s,color .2s,border-color .2s}.blog-tools>*:hover{background:var(--navy);color:#f6e4af;border-color:var(--navy)}
.blog-hero{padding-block:clamp(76px,10vw,158px) 42px}.blog-kicker{font:600 11px PeydaLatin,Arial,sans-serif;letter-spacing:.1em;color:#a88335;text-transform:uppercase}.blog-hero h1{max-width:900px;font-size:clamp(38px,5.6vw,86px);line-height:1.2;letter-spacing:-.045em;margin:22px 0 18px}.blog-hero>p{max-width:740px;font-size:clamp(16px,1.8vw,23px);line-height:1.8;color:var(--muted);margin:0}.blog-hero-rule{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:clamp(48px,7vw,98px);padding-top:16px;color:var(--muted);font:600 11px PeydaLatin,Arial,sans-serif}
.blog-list{padding-bottom:clamp(80px,10vw,150px)}.blog-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(26px,5vw,80px);align-items:center;padding:clamp(24px,4vw,54px) 0;border-bottom:1px solid var(--line)}.blog-card:first-child{padding-top:0}.blog-card:nth-child(even) .blog-card-image{order:2}.blog-card-image{display:block;aspect-ratio:1.55;overflow:hidden;border-radius:20px;background:var(--surface)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.blog-card-image:hover img{transform:scale(1.035)}.blog-card-copy{max-width:520px}.blog-number{font:600 11px PeydaLatin,Arial,sans-serif;color:#a88335;letter-spacing:.04em}.blog-card h2{font-size:clamp(23px,2.7vw,38px);line-height:1.5;margin:18px 0 12px}.blog-card h2 a{color:var(--ink)}.blog-card p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 24px}.blog-read{display:inline-flex;align-items:center;gap:28px;color:var(--ink);font-size:13px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:8px}.blog-read span{font-size:20px;color:#a88335;transition:transform .25s}.blog-read:hover span{transform:translate(-3px,-3px)}
.blog-footer{background:var(--surface);border-top:1px solid var(--line)}.blog-footer>.shell{min-height:88px;display:flex;align-items:center;gap:24px;font-size:12px}.blog-footer>.shell>span{margin-inline-end:auto;color:var(--muted);font:12px Arial,sans-serif}
.blog-breadcrumb{display:flex;gap:10px;align-items:center;padding-top:34px;font-size:12px;color:var(--muted)}.blog-breadcrumb a{color:var(--muted)}.blog-breadcrumb a:hover{color:var(--gold)}.blog-article{padding-bottom:clamp(80px,10vw,140px)}.blog-article>header{max-width:920px;padding-block:clamp(65px,8vw,120px) 42px}.blog-article h1{font-size:clamp(35px,4.5vw,68px);line-height:1.35;letter-spacing:-.025em;margin:22px 0}.blog-deck{font-size:clamp(16px,1.8vw,22px);line-height:1.9;color:var(--muted);max-width:760px}.blog-article figure{margin:0;aspect-ratio:2.1;overflow:hidden;border-radius:22px;background:var(--surface)}.blog-article figure img{width:100%;height:100%;object-fit:cover}.blog-article-body{width:min(100%,760px);margin:clamp(50px,7vw,100px) auto 0}.blog-article-body section{margin-bottom:48px}.blog-article-body h2{font-size:clamp(22px,2.3vw,30px);line-height:1.55;margin:0 0 14px}.blog-article-body p{font-size:16px;line-height:2.15;color:var(--muted);margin:0}.blog-next{padding:28px 32px;border-radius:18px;background:var(--navy);color:white;margin:65px 0 34px}.blog-next p{color:#d8d6d0;margin:0 0 12px}.blog-next a{color:#e4ca77;font-weight:700}.blog-back{color:var(--muted);font-size:13px}
:root[lang=en] .blog-hero h1,:root[lang=en] .blog-article h1{letter-spacing:-.04em}
:root[data-theme=dark] .blog-logo img{filter:brightness(0) invert(1)}
@media(max-width:700px){.blog-header{min-height:70px;gap:12px}.blog-logo img{width:86px}.blog-header nav{gap:12px;font-size:11px}.blog-tools>*{width:32px;height:32px}.blog-hero{padding-top:70px}.blog-card{grid-template-columns:1fr;gap:22px}.blog-card:nth-child(even) .blog-card-image{order:0}.blog-card-image{aspect-ratio:1.4;border-radius:15px}.blog-card h2{font-size:24px;margin:10px 0}.blog-card p{font-size:13px}.blog-article>header{padding-top:60px}.blog-article figure{aspect-ratio:1.3;border-radius:16px}.blog-article-body p{font-size:14px}.blog-footer>.shell{min-height:75px;flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){.blog-card-image img,.blog-read span{transition:none}}
.blog-hero.shell{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,90px);align-items:center;isolation:isolate;overflow:hidden;max-width:min(1376px,calc(100% - 40px));min-height:570px;padding:clamp(42px,6vw,94px);margin-block:34px 0;border-radius:24px;background:#171b35;color:#f7f2e9}
.blog-hero.shell::before{content:"";position:absolute;width:800px;height:800px;border:1px solid #e4c97720;border-radius:50%;top:-370px;right:-280px;pointer-events:none;z-index:-1}
.blog-hero .blog-kicker{color:#e7c975}
.blog-hero h1{font-size:clamp(44px,5vw,78px);line-height:1.24;letter-spacing:-.045em;margin:26px 0 18px}
.blog-hero>p,.blog-hero-copy>p{font-size:clamp(15px,1.3vw,19px);line-height:1.9;max-width:520px;color:#d5d6dc}
.blog-hero-visual{position:relative;align-self:stretch;min-height:430px;border-radius:18px;overflow:hidden;background:#29304a}
.blog-hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.blog-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#11152abc);pointer-events:none}
.blog-hero-visual>span{position:absolute;z-index:1;bottom:22px;left:24px;font:600 10px Arial,sans-serif;letter-spacing:.18em;color:#efe3c9}
.blog-featured-link{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;max-width:510px;margin-top:52px;padding:20px 0;border-top:1px solid #e7d49a70;border-bottom:1px solid #e7d49a70;color:#f8f1e0}
.blog-featured-link>span{grid-column:1/-1;color:#dec681;font:600 11px PeydaLatin,Arial,sans-serif;letter-spacing:.04em}
.blog-featured-link strong{font-size:clamp(16px,1.4vw,20px);font-weight:600;line-height:1.7}
.blog-featured-link b{display:grid;place-items:center;width:38px;height:38px;background:#e6c878;color:#171b35;border-radius:50%;font-size:22px;font-weight:400;transition:transform .25s,background .25s}
.blog-featured-link:hover b{transform:translate(-3px,-3px);background:#f5dea2}
.blog-list-heading{display:flex;justify-content:space-between;gap:20px;padding-block:clamp(66px,8vw,110px) 22px;border-bottom:1px solid var(--line);color:var(--muted);font:600 11px PeydaLatin,Arial,sans-serif;letter-spacing:.08em}
.blog-list .blog-card:first-child{padding-top:clamp(32px,4vw,60px)}
@media(max-width:760px){.blog-hero.shell{grid-template-columns:1fr;gap:28px;min-height:0;padding:34px 26px 24px;margin-top:18px;max-width:calc(100% - 32px);border-radius:18px}.blog-hero h1{font-size:42px;margin:18px 0 10px}.blog-hero-copy>p{font-size:14px}.blog-featured-link{margin-top:32px;padding:14px 0}.blog-featured-link strong{font-size:16px}.blog-hero-visual{min-height:0;aspect-ratio:1.45;border-radius:12px}.blog-list-heading{padding-top:62px}}

.blog-read{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-block:6px;padding-inline:17px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 3px 10px #10152c08;transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}
.blog-read span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:17px;transition:transform .22s,background-color .22s}
.blog-read span svg,.blog-featured-link b svg{display:block;width:18px;height:18px}
.blog-next a svg{width:15px;height:15px;vertical-align:middle;margin-inline-start:5px}
.blog-read:hover{background:var(--navy);color:#f7efd9;border-color:var(--navy);box-shadow:0 7px 18px #10152c21}
.blog-read:hover span{transform:rotate(45deg);background:#eed994}
.blog-read:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.blog-read,.blog-read span{transition:none}.blog-read:hover span{transform:none}}