:root{--bento-primary:#12355b;--bento-secondary:#173f67;--bento-ink:#102033;--bento-bg:#f6f7f8;--bento-card:#fff;--bento-line:#dfe4e8;--bento-radius:26px}.bento-page{background:var(--bento-bg);color:var(--bento-ink)}.bento-shell{padding:72px 0}.bento-soft{background:#eef1f3}.bento-heading{max-width:900px;margin-bottom:38px}.bento-kicker,.bento-index{font-size:.76rem;font-weight:800;letter-spacing:.14em;color:var(--bento-primary)}.bento-heading h1{font-size:clamp(3rem,6.5vw,6.7rem);line-height:.91;letter-spacing:-.065em;margin:16px 0 24px;max-width:1000px}.bento-heading h1 span{color:var(--bento-primary)}.bento-heading p,.bento-section-title p{font-size:1.08rem;line-height:1.75;max-width:720px;color:#536171}.bento-section-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:40px;align-items:end;margin-bottom:30px}.bento-section-title h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.045em;margin:10px 0 0;max-width:760px}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.bento-card{grid-column:span 4;background:var(--bento-card);border:1px solid var(--bento-line);border-radius:var(--bento-radius);padding:28px;min-height:210px;overflow:hidden;position:relative;transition:transform .22s ease,border-color .22s ease}.bento-card h2,.bento-card h3{letter-spacing:-.03em;margin:14px 0 10px}.bento-card h2{font-size:2.1rem}.bento-card h3{font-size:1.35rem}.bento-card p{color:#5a6673;line-height:1.65}.bento-span-3{grid-column:span 3}.bento-span-4{grid-column:span 4}.bento-span-5{grid-column:span 5}.bento-span-6{grid-column:span 6}.bento-span-7{grid-column:span 7}.bento-card-accent{background:var(--bento-secondary);border-color:var(--bento-secondary);color:#17202b}.bento-card-accent p,.bento-card-accent .bento-index{color:#283441}.bento-card-dark{background:var(--bento-primary);border-color:var(--bento-primary);color:#fff}.bento-card-dark p,.bento-card-dark .bento-index{color:#dbe7f3}.bento-card-dark blockquote{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.035em;margin:22px 0 0}.bento-card-photo{padding:0;min-height:520px}.bento-card-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.bento-photo-label{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);padding:22px;border-radius:20px}.bento-photo-label h2{margin:4px 0;font-size:1.7rem}.bento-photo-label p{margin:0}.bento-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.bento-tags span{padding:9px 12px;border:1px solid rgba(16,32,51,.18);border-radius:999px;font-size:.85rem;font-weight:700}.bento-tall{min-height:360px}.bento-card ul{padding-left:20px;line-height:1.9;color:#536171}.bento-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.bento-mini-grid span{padding:16px;border-radius:16px;background:#f3f5f6;line-height:1.45;color:#536171}.bento-mini-grid b{display:block;color:var(--bento-ink);margin-bottom:5px}.bento-link{text-decoration:none;color:inherit}.bento-link b,.bento-text-link{color:var(--bento-primary);text-decoration:none}.bento-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}body.dark .bento-page{--bento-bg:#0d1014;--bento-card:#151a20;--bento-line:#29313a;--bento-ink:#f5f7f9;background:var(--bento-bg);color:var(--bento-ink)}body.dark .bento-soft{background:#11161b}body.dark .bento-card p,body.dark .bento-heading p,body.dark .bento-section-title p,body.dark .bento-card ul{color:#aeb8c3}body.dark .bento-mini-grid span{background:#20262d;color:#b8c1ca}body.dark .bento-mini-grid b{color:#fff}body.dark .bento-photo-label{background:rgba(18,23,29,.92);color:#fff}body.dark .bento-photo-label p{color:#c2cad2}@media(hover:hover){.bento-card:not(.bento-card-photo):hover{transform:translateY(-3px);border-color:#b6c0c9}}@media(max-width:900px){.bento-shell{padding:54px 0}.bento-section-title{grid-template-columns:1fr}.bento-span-3,.bento-span-4,.bento-span-5,.bento-span-6,.bento-span-7{grid-column:span 6}.bento-card-photo{min-height:440px}.bento-mini-grid{grid-template-columns:1fr}}@media(max-width:620px){.bento-shell{padding:42px 0}.bento-grid{gap:12px}.bento-span-3,.bento-span-4,.bento-span-5,.bento-span-6,.bento-span-7,.bento-card{grid-column:1/-1}.bento-heading h1{font-size:3.15rem}.bento-card{min-height:unset;padding:22px;border-radius:20px}.bento-card-photo{min-height:420px;padding:0}.bento-photo-label{left:12px;right:12px;bottom:12px}.bento-actions .btn{width:100%;justify-content:center}}