/* Iznik and aged marble revealed beneath a vertical paper tear. */
.behind-page.behind-type-trial{max-width:1240px;padding:48px 5% 52px}.behind-page .behind-intro{display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:52px;row-gap:0;max-width:1060px;position:relative;align-items:start}.iznik-ornament{grid-column:1;grid-row:1/span 2;align-self:stretch;min-height:650px;margin:-30px 0 -20px;pointer-events:none;overflow:hidden;mix-blend-mode:multiply}.iznik-ornament::before,.iznik-ornament::after{content:none}.iznik-ornament img{display:block;width:100%;height:100%;max-height:790px;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.behind-page .behind-intro>h1{grid-column:2;grid-row:1;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.5px;margin:6px 0 28px}.behind-page .concept-copy{grid-column:2;grid-row:2;background:transparent!important}.behind-page.behind-type-trial .concept-copy p{font-size:17px;line-height:1.7;letter-spacing:0;margin:0 0 20px}.behind-page.behind-type-trial .concept-copy .concept-lead{font-size:clamp(23px,2.5vw,30px);line-height:1.35;margin-bottom:28px}.behind-page .concept-copy::after{content:none}.behind-page .concept-signature{border:0;margin-top:24px;padding-top:8px}.behind-page .concept-signature .about-open{font-size:19px}.behind-page .concept-copy p:last-of-type{margin-bottom:0}html[data-theme=dark] .iznik-ornament{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
@media(max-width:900px){.behind-page .behind-intro{grid-template-columns:175px minmax(0,1fr);column-gap:30px}.iznik-ornament{min-height:650px}.behind-page.behind-type-trial .concept-copy p{font-size:16px}}
@media(max-width:650px){.behind-page.behind-type-trial{padding:28px 5% 38px}.behind-page .behind-intro{grid-template-columns:64px minmax(0,1fr);column-gap:16px}.iznik-ornament{min-height:0;margin:-12px 0 0;align-self:stretch}.iznik-ornament img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:46% center;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.behind-page .behind-intro>h1{font-size:32px;letter-spacing:-.5px;margin:0 0 23px}.behind-page.behind-type-trial .concept-copy p{font-size:15px;line-height:1.65;margin-bottom:18px}.behind-page.behind-type-trial .concept-copy .concept-lead{font-size:22px;line-height:1.35;margin-bottom:24px}.behind-page .concept-signature .about-open{font-size:18px}}
/* Natural paper blend and consistent title-to-copy spacing. */
.behind-page .behind-intro{grid-template-rows:auto 1fr}.iznik-ornament img{filter:brightness(1.06);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in}html[data-theme=dark] .iznik-ornament img{filter:none}

/* Keep the complete paper tear sharp instead of magnifying a 64px crop. */
@media(max-width:650px){
 .behind-page .behind-intro{grid-template-columns:clamp(96px,28vw,136px) minmax(0,1fr);column-gap:18px}
 .iznik-ornament{margin:0;min-width:0;overflow:clip}
 .iznik-ornament img{position:sticky;top:24px;display:block;width:140%;height:auto;max-width:none;max-height:none;aspect-ratio:1/3;margin-inline:-20%;object-fit:contain;object-position:center;filter:brightness(1.06);mask-image:linear-gradient(transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 2%,#000 98%,transparent)}
 .behind-page .behind-intro>h1{font-size:30px;line-height:1.15;margin:0 0 22px}
 .behind-page.behind-type-trial .concept-copy .concept-lead{font-size:21px;line-height:1.4}
}
@media(max-width:360px){
 .behind-page .behind-intro{grid-template-columns:88px minmax(0,1fr);column-gap:14px}
 .behind-page .behind-intro>h1{font-size:27px}
 .behind-page.behind-type-trial .concept-copy .concept-lead{font-size:20px}
}
@media(max-width:650px){html[data-theme=dark] .iznik-ornament{mask-image:none;-webkit-mask-image:none}}
