/* Source detail layout: natural image ratios, source column spans, local navigation. */
.detail-page .container{max-width:none;width:100%;padding:0;margin:0}
.detail-breadcrumb{display:flex;align-items:center;gap:16px;font-size:13px;color:#83796d;padding-top:40px}
.detail-breadcrumb a{display:flex;align-items:center;min-height:44px}
.detail-page header{margin:28px 0 56px;padding:0;max-width:1100px}
.detail-page h1{font:400 clamp(42px,6vw,88px)/1.08 TTCommons,sans-serif;letter-spacing:-2px;margin:0;overflow-wrap:anywhere}
.detail-page [class$="__subtitle"]{font-size:clamp(20px,2.3vw,30px);line-height:1.4;color:#6d685f;max-width:950px;margin-top:26px}
.detail-page [class$="__subtitle"] p{margin:0}
.detail-page .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0}
.detail-page .grid__col{min-width:0;grid-column:span 12}
.detail-page .grid__col--lg-3{grid-column:span 3}.detail-page .grid__col--lg-4{grid-column:span 4}.detail-page .grid__col--lg-5{grid-column:span 5}.detail-page .grid__col--lg-6{grid-column:span 6}.detail-page .grid__col--lg-7{grid-column:span 7}.detail-page .grid__col--lg-8{grid-column:span 8}.detail-page .grid__col--lg-9{grid-column:span 9}.detail-page .grid__col--lg-11{grid-column:span 11}
.detail-page .responsive-image{position:relative;aspect-ratio:auto;overflow:visible}
.detail-page .responsive-image:before{content:none}
.detail-page img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;border-radius:0;position:static}
.detail-page [class$="__image-block"]{margin:clamp(32px,6vw,100px) 0}
.detail-page .grid>div:first-child [class$="__image-block"]{margin-top:0}
.detail-page [class$="__text"],.detail-page .page-service__content,.detail-page .page-blog__content{font-size:20px;line-height:1.7;color:#57524b;overflow-wrap:anywhere}
.detail-page [class$="__text"] p{white-space:pre-line;margin:0 0 28px}
.detail-page [class$="__caption"]{font-size:clamp(24px,3vw,42px);line-height:1.2;padding-right:28px;color:#ff412c}
.detail-page [class$="__caption"] p{margin:0 0 24px}
.detail-page .page-study__caption{font-size:15px;letter-spacing:1px;line-height:1.6;padding-top:3px}
.detail-page .page-study__text-col{padding-top:18px;padding-bottom:18px}
.detail-page .page-blog__content,.detail-page .page-service__content{max-width:900px;margin:0 auto}
.detail-page .page-blog__header,.detail-page .page-service__header{max-width:1100px}
.detail-page .page-blog__subtitle{font-size:21px;line-height:1.6}
.detail-page .page-blog__content p,.detail-page .page-service__content p{margin:0 0 26px}
.detail-page .page-blog__content img,.detail-page .page-service__content img{margin:36px auto}
.detail-page .page-blog__content h2,.detail-page .page-service__content h2{font-size:34px;letter-spacing:-.8px;line-height:1.2;margin:44px 0 20px}
.detail-page .page-blog__content h3,.detail-page .page-service__content h3{font-size:26px;line-height:1.3;margin:32px 0 16px}
.detail-page ul,.detail-page ol{padding-left:24px}.detail-page li{margin-bottom:12px}
.detail-page table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.detail-page td,.detail-page th{padding:12px;border:1px solid #d8d0c4}
.detail-page iframe{width:100%;height:auto;aspect-ratio:16/9;border:0}.detail-page video{width:100%;height:auto}
.detail-return{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:64px;padding-top:32px;border-top:1px solid #e3ded5}
@media(max-width:991px){.detail-page .grid>[class*="grid__col"]{grid-column:1/-1}.detail-page [class$="__caption"]{padding-right:0}.detail-page .page-study__text-col{padding-top:0;padding-bottom:0}}
@media(max-width:700px){.detail-breadcrumb{padding-top:20px}.detail-page header{margin:22px 0 36px}.detail-page h1{font-size:clamp(36px,9.4vw,58px);letter-spacing:-1.2px}.detail-page [class$="__subtitle"]{font-size:19px;line-height:1.5;margin-top:22px}.detail-page [class$="__text"],.detail-page .page-service__content,.detail-page .page-blog__content{font-size:17px;line-height:1.65}.detail-page [class$="__image-block"]{margin:28px 0}.detail-page .page-blog__content h2{font-size:29px}.detail-page .page-blog__content h3{font-size:24px}.detail-return{margin-top:44px;padding-top:24px;gap:20px}}
.detail-page img{aspect-ratio:auto var(--image-ratio)}
@media(min-width:992px){.detail-page .grid__col:not(.grid__col--lg-12)> .page-project__text{padding-right:32px}}

/* Match the source project's content width instead of enlarging its artwork. */
.detail-page.detail-isler,.detail-page.detail-case-study{width:100%;max-width:1280px;padding-left:24px;padding-right:24px}
@media(max-width:700px){.detail-page.detail-isler,.detail-page.detail-case-study{padding-left:20px;padding-right:20px}}

/* Original project detail typography, spacing and image composition. */
@font-face{font-family:TTCommons;font-style:normal;font-weight:600;font-display:swap;src:url('assets/TTCommons-DemiBold.woff2') format('woff2')}
.detail-page.detail-isler{padding:0 24px;max-width:1280px;color:inherit}
.detail-isler .page-project__container{padding:clamp(32px,calc(4.7619047619vw - 4.5714285712px),64px) 0}
.detail-isler .page-project__header{margin:0;padding:0;max-width:none}
.detail-isler .page-project__title{font-size:clamp(32px,calc(7.8869047619vw - 28.5714285712px),85px);font-weight:600;line-height:1;letter-spacing:normal;margin:0 0 24px;overflow-wrap:normal}
.detail-isler .page-project__subtitle{font-size:32px;font-weight:300;line-height:1;letter-spacing:normal;color:inherit;max-width:none;margin:24px 0}
.detail-isler .page-project__image-block,.detail-isler .grid>div:first-child .page-project__image-block{margin:clamp(32px,calc(10.119047619vw - 45.7142857136px),100px) 0}
.detail-isler .page-project__text-block{margin:clamp(32px,calc(3.2738095238vw + 6.8571428576px),54px) 0}
.detail-isler .page-project__text{font-size:clamp(18px,calc(.8928571429vw + 11.1428571424px),24px);font-weight:300;line-height:1.4;color:inherit;overflow-wrap:normal}
.detail-isler .grid__col:not(.grid__col--lg-12)>.page-project__text{padding:0}
.detail-isler .page-project__text p{margin:0;white-space:normal}
.detail-isler .page-project__caption{font-size:clamp(48px,calc(4.7619047619vw + 11.4285714288px),80px);font-weight:600;line-height:1;color:inherit;padding:0;text-align:right}
.detail-isler .page-project__caption p{margin:0}
@media(max-width:991px){.detail-isler .page-project__caption{text-align:left}.detail-isler .page-project__text-block{row-gap:32px}}