.magazine-detail-page{background:#f3f3f1}
.magazine-detail-page .portfolio-detail-sidebar__inner>*{width:min(100%,500px)}
.magazine-detail-page .portfolio-detail-kicker{margin-bottom:20px}
.magazine-detail-page .portfolio-detail-sidebar h1{max-width:13ch;font-size:clamp(30px,2.8vw,46px);font-weight:500;line-height:1.16;letter-spacing:-.045em;word-break:keep-all;line-break:strict;text-wrap:balance}
.magazine-detail-page .portfolio-detail-scope{max-width:38ch;margin-top:18px;font-size:14px;line-height:1.7;word-break:keep-all;text-wrap:pretty}
.magazine-detail-page .portfolio-detail-story{max-width:470px;margin-top:clamp(30px,3.2vw,48px)}
.magazine-detail-page .portfolio-detail-story__summary{color:#3e3e3e;font-size:12.5px;line-height:1.82;letter-spacing:-.018em;word-break:keep-all;text-wrap:pretty}
.magazine-detail-page .portfolio-detail-facts{margin-top:30px}
.magazine-detail-page .portfolio-detail-facts>div{grid-template-columns:82px 1fr;padding:11px 0}
.magazine-detail-page .portfolio-detail-index{margin-top:30px}
.magazine-detail-page .portfolio-detail-index a{grid-template-columns:34px minmax(0,1fr);padding:10px 0;line-height:1.45;word-break:keep-all}

.magazine-detail-page .portfolio-detail-scroll{padding-top:clamp(26px,2.3vw,40px)}
.magazine-detail-intro{margin-bottom:clamp(100px,9vw,150px)}
.magazine-detail-block+.magazine-detail-block{margin-top:clamp(24px,2.2vw,34px)}
.magazine-detail-copy{width:calc(100% - clamp(34px,3vw,56px));max-width:720px;margin-right:clamp(34px,3vw,56px)}
.magazine-detail-copy p{margin:0;color:#292929;font-size:14px;line-height:1.92;letter-spacing:-.018em;word-break:keep-all;line-break:strict;text-wrap:pretty}
.magazine-detail-copy p+p{margin-top:20px}
.magazine-detail-images{display:grid;grid-template-columns:1fr;gap:clamp(16px,1.5vw,24px);width:100%}
.magazine-detail-images figure{margin:0}
.magazine-detail-images img{display:block;width:100%;height:auto;background:#e7e7e4}
.magazine-detail-intro .magazine-detail-images:first-child{margin-top:0}
.magazine-detail-note{width:calc(100% - clamp(34px,3vw,56px));max-width:720px;margin-right:clamp(34px,3vw,56px);padding:22px 24px;border-top:1px solid #bdbdb8;border-bottom:1px solid #bdbdb8}
.magazine-detail-note h3{margin:0 0 13px;color:#666;font-size:10.5px;font-weight:500;line-height:1.4;letter-spacing:.035em;text-transform:uppercase}
.magazine-detail-note p{margin:0;color:#343434;font-size:12.5px;line-height:1.8;word-break:keep-all;text-wrap:pretty}
.magazine-detail-note p+p{margin-top:11px}
.magazine-detail-page .portfolio-scroll-section__head{margin-bottom:34px!important}
.magazine-detail-page .portfolio-scroll-section__head h2{max-width:20ch!important;font-size:clamp(25px,2vw,33px)!important;line-height:1.2!important;letter-spacing:-.038em!important;word-break:keep-all;line-break:strict;text-wrap:balance}
.magazine-detail-page .portfolio-scroll-section{scroll-margin-top:32px}
.magazine-detail-page .portfolio-scroll-section .magazine-detail-block+.magazine-detail-block{margin-top:30px}
.magazine-detail-page .portfolio-scroll-section+.portfolio-scroll-section{margin-top:clamp(105px,8vw,145px)}
.magazine-detail-end{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(110px,9vw,160px);padding:30px clamp(34px,3vw,56px) 0 0;border-top:1px solid var(--line)}
.magazine-detail-end a{display:block;min-width:0}
.magazine-detail-end span{display:block;margin-bottom:8px;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.magazine-detail-end strong{display:block;font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.03em;word-break:keep-all;text-wrap:balance}
.magazine-detail-end a:last-child{text-align:right}

@media(max-height:850px) and (min-width:901px){
 .magazine-detail-page .portfolio-detail-sidebar h1{font-size:clamp(28px,2.4vw,40px)}
 .magazine-detail-page .portfolio-detail-story{margin-top:24px}
 .magazine-detail-page .portfolio-detail-story__summary{font-size:11.5px;line-height:1.7}
 .magazine-detail-page .portfolio-detail-index{margin-top:20px}
 .magazine-detail-page .portfolio-detail-index a{padding:8px 0;font-size:11px}
}
@media(max-width:900px){
 .magazine-detail-page .portfolio-detail-sidebar h1{max-width:18ch;font-size:clamp(30px,5vw,42px)}
 .magazine-detail-page .portfolio-detail-story{max-width:720px}
 .magazine-detail-copy,.magazine-detail-note{width:100%;max-width:720px;margin-right:0}
 .magazine-detail-end{padding-right:0}
}
@media(max-width:760px){
 .magazine-detail-page .portfolio-detail-sidebar h1{max-width:none;font-size:30px;line-height:1.22}
 .magazine-detail-page .portfolio-detail-scope{font-size:13px}
 .magazine-detail-page .portfolio-detail-story__summary{font-size:12.5px}
 .magazine-detail-copy p{font-size:13.5px;line-height:1.86}
 .magazine-detail-note{padding:18px 0}
 .magazine-detail-page .portfolio-scroll-section__head h2{max-width:none!important;font-size:26px!important}
 .magazine-detail-end{grid-template-columns:1fr;gap:28px}
 .magazine-detail-end a:last-child{text-align:left}
}