.column-page{position:relative;background:#fff;color:#1e1e1e;font-family:"Noto Sans JP",sans-serif}
.column-page::after{content:"";position:absolute;z-index:9999;inset:0;border:10px solid #2a2a2a;pointer-events:none}
.column-page .site-header{position:relative;background:#fff}
.column-page .header-logo{mix-blend-mode:normal}
.column-page .header-logo img{display:block;width:264px;height:29px;object-fit:fill;filter:none;opacity:1}
.column-page .global-nav>a:not(.nav-doc):not(.nav-contact){color:#070505}
.column-page .article-main{padding-top:0}
.breadcrumb{width:min(860px,calc(100% - 40px));margin:12px auto 38px;display:flex;gap:8px;overflow:hidden;font-size:12px;font-weight:700;white-space:nowrap}
.breadcrumb a{color:inherit}
.article{width:min(860px,calc(100% - 40px));margin:0 auto;padding-bottom:120px}
.article>h1{margin:0 0 48px;font-size:36px;line-height:1.3;letter-spacing:-.022em}
.article-hero{display:block;width:100%;aspect-ratio:860/573;object-fit:cover;border-radius:10px}
.article-lead{margin:20px 0 38px;font-size:18px;line-height:1.78;font-weight:500}
.article-lead p{margin:0}
.article-toc{margin:0 0 40px;padding:20px 52px 24px;background:#f8f8f8;border-radius:10px}
.article-toc h2{margin:0 0 16px;padding-bottom:20px;border-bottom:1px solid #bababa;font-size:18px}
.article-toc ol{margin:0;padding-left:20px;font-size:16px;line-height:1.63}
.article-toc a{color:inherit}
.gallery-entry{padding-top:10px;margin-bottom:64px;scroll-margin-top:24px}
.gallery-entry h2{position:relative;margin:0 0 22px;padding-left:24px;font-size:26px;line-height:46px;letter-spacing:-.022em}
.gallery-entry h2::before{content:"";position:absolute;left:0;top:0;width:4px;height:45px;border-radius:10px;background:#1e1e1e}
.gallery-entry img{display:block;width:100%;height:auto;max-height:752px;object-fit:cover}
.gallery-entry p{margin:20px 0;font-size:18px;line-height:1.78;font-weight:500}
.bakeruun-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gallery-entry .bakeruun-work-grid img{width:100%;height:250px;object-fit:cover;border-radius:6px}
.article-link{width:366px;height:60px;margin:24px auto 0;border:1px solid #161212;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:44px;color:#111;font-size:16px;font-weight:600;transition:.25s}
.article-link:hover{background:#111;color:#fff}
.related-columns{padding:100px max(3.5%,calc((100% - 1340px)/2)) 125px}
.related-heading p{margin:0 0 8px;color:#949494;font-family:"Krona One",sans-serif;font-size:16px}
.related-heading h2{margin:0;font-size:40px;line-height:1.25;letter-spacing:-.022em}
.related-heading small{display:block;margin-top:12px;font-size:16px;font-weight:700}
.related-grid{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.related-grid a{color:#1e1e1e}
.related-grid img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:10px;background:#0a0a0a;transition:transform .4s ease}
.related-grid a:hover img{transform:scale(1.02)}
.related-grid h3{margin:8px 0 4px;font-size:22px;line-height:1.38}
.related-grid p{margin:0;font-size:14px;line-height:1.4}

.article-author{box-sizing:border-box;width:min(918px,calc(100% - 40px));min-height:205px;margin:80px auto;display:grid;grid-template-columns:120px minmax(0,1fr);gap:29px;padding:32px 16px;border:1px solid #b2b2b2;background:#fff;color:#1e1e1e}
.news-article>.article-author,.article>.article-author{width:100%;margin:70px 0 0}
.article-author>img{display:block;width:120px;height:120px;object-fit:cover}
.article-author-copy h2{margin:0 0 13px;font-size:18px;line-height:32px;letter-spacing:0}
.article-author-copy p{margin:0;font-size:14px;font-weight:500;line-height:22px;letter-spacing:0}

/* Contact buttons matched to the Figma layout. */











@media(max-width:1100px){


}

@media(max-width:900px){
  .column-page .site-header{position:relative}
  .column-page .header-logo,.column-page .header-logo img{width:190px;height:21px}
  .column-page .menu-button{color:#111}
  .column-page .menu-button span{background:#111}
  .column-page .global-nav>a:not(.nav-doc):not(.nav-contact){color:#fff}
  .breadcrumb{margin-top:18px}
  .article>h1{font-size:30px}
  .related-grid{gap:20px}
  .related-grid h3{font-size:17px}
}
@media(max-width:700px){
  .breadcrumb{font-size:10px}
  .article{width:calc(100% - 32px);padding-bottom:70px}
  .article>h1{margin-bottom:25px;font-size:25px}
  .article-lead,.gallery-entry p{font-size:15px;line-height:1.75}
  .article-toc{padding:20px 24px}
  .article-toc ol{font-size:14px}
  .gallery-entry{margin-bottom:48px}
  .gallery-entry h2{font-size:21px;line-height:1.45}
  .gallery-entry h2::before{height:100%}
  .bakeruun-work-grid{grid-template-columns:1fr}
  .gallery-entry .bakeruun-work-grid img{height:auto}
  .article-link{width:100%}

  .article-author{width:calc(100% - 32px);min-height:0;margin:55px 16px;padding:20px;grid-template-columns:80px minmax(0,1fr);gap:18px}
  .news-article>.article-author,.article>.article-author{width:100%;margin:55px 0 0}
  .article-author>img{width:80px;height:80px}
  .article-author-copy{display:contents}
  .article-author-copy h2{margin-bottom:7px;font-size:17px;line-height:1.5}
  .article-author-copy p{grid-column:1/-1;font-size:13px;line-height:1.75}


  .related-columns{padding:70px 16px}
  .related-heading h2{font-size:28px}
  .related-grid{grid-template-columns:1fr}
  .related-grid h3{font-size:19px}
}