.page-title{position:relative;width:100%}.head{height:395px;position:relative}.head>.panel{background-color:var(--color-beige);bottom:0;height:395px;position:absolute;width:min(50vw + (var(--content-main-width) * .5),100vw - var(--content-gutter))}.head>.title,.head>.title>.container{height:100%;position:relative}.head>.title h1{display:flex;flex-direction:column;position:absolute;top:151px}.head>.title h1>.main-row{align-items:center;display:flex;gap:20px}.head>.title h1>.main-row>.main{font-family:var(--font-en);font-size:var(--font-size-h1);font-weight:300;line-height:1.2;white-space:pre-wrap}.head>.title h1>.sub{font-size:var(--font-size-h4);font-weight:400}.page-title>.breadcrumb{bottom:0;display:flex;justify-content:flex-end;left:0;margin-inline:auto;padding:min(30px,20/768 * 100vw);position:absolute;right:0;width:min(var(--content-main-width),100%);z-index:2}.page-title>.breadcrumb>ul{align-items:center;display:flex;gap:20px}.page-title>.breadcrumb>ul>li,.page-title>.breadcrumb>ul>li>a{font-family:var(--font-en);line-height:24px}.page-title>.breadcrumb>ul>li>a>span,.page-title>.breadcrumb>ul>li>span{color:var(--color-main-text);font-family:var(--font-en);font-size:var(--font-size-main);font-weight:300;line-height:24px;white-space:pre-wrap}.blog-post>.container{--base-width:1000px;display:flex;flex-direction:column;gap:60px}.blog-post>.container>.post-head{display:flex;flex-direction:column;gap:10px}.blog-post>.container>.post-head>.meta{align-items:center;display:flex;gap:20px}.blog-post>.container>.post-head>.meta>time{color:var(--color-main-text)}.blog-post>.container>.post-head>.meta>.tags{display:flex;gap:20px}.blog-post>.container>.post-head>.meta>.tags>li>a{color:#999}.blog-post>.container>.post-head>h1.h2{margin-bottom:0}.blog-post>.container>.body{color:var(--color-main-text)}.blog-post>.container>.body>p{margin-bottom:1.5em}.blog-post>.container>.body>p:last-child{margin-bottom:0}.blog-post>.container>.body a{text-decoration:underline}.blog-post>.container>.body ol,.blog-post>.container>.body ul{list-style:revert;margin-bottom:1.5em;padding-inline-start:1.5em}.blog-post>.container>.body h2,.blog-post>.container>.body h3,.blog-post>.container>.body h4{font-family:var(--font-main);font-weight:700;line-height:var(--line-height-heading);margin-block:1.5em .8em}.blog-post>.container>.body h2{font-size:var(--font-size-h3)}.blog-post>.container>.body h3{font-size:var(--font-size-h4)}.blog-post>.container>.body h4{font-size:var(--font-size-h5)}.blog-post>.container>.body img{margin-block:1.5em}.blog-post>.container>.body hr{border:none;border-top:1px solid var(--color-stroke);margin-block:1.5em}@media screen and (max-width:767px){.page-title{padding-top:var(--header-height)}.head{height:auto;padding-bottom:40px}.head>.panel{height:128px;inset:0 20px 0 0;width:auto}.head>.title{height:auto}.head>.title>.container{height:auto;padding-top:20px}.head>.title h1{position:static}.head>.title h1>.main-row{gap:10px}.head>.title h1>.main-row>.main{font-size:44px}.head>.title h1>.sub{font-size:14px}.page-title>.breadcrumb{margin-top:10px;padding:0 20px 0 0;position:static}.blog-post>.container{gap:40px}}