/* Full-height picture: the original square + an equally wide right extension. */
.statement--queen {
 position:relative;
 isolation:isolate;
 min-height:376px;
 grid-template-columns:300px minmax(0,1fr);
 gap:32px;
 padding:38px;
 align-items:center;
 overflow:hidden;
}
.statement-visual {
 position:absolute;
 z-index:0;
 inset:0 auto 0 0;
 width:auto;
 height:100%;
 aspect-ratio:2 / 1;
 margin:0;
 border:0;
 border-radius:0;
 background:none;
 pointer-events:none;
 -webkit-mask-image:linear-gradient(to right,#000 0%,#000 50%,transparent 100%);
 mask-image:linear-gradient(to right,#000 0%,#000 50%,transparent 100%);
}
.statement-visual img {
 position:absolute;
 inset:0;
 display:block;
 width:100%;
 height:100%;
 object-fit:fill;
}
/* Lock the approved square; the generated layer supplies only the extension. */
.statement-visual .statement-visual-original {
 width:50%;
 -webkit-mask-image:none;
 mask-image:none;
}
.statement-copy { position:relative; z-index:1; grid-column:2; min-width:0; }
.statement--queen h2 {
 margin:0 0 22px;
 font-size:clamp(28px,3vw,42px);
 line-height:1.12;
}
.statement-body {
 display:grid;
 grid-template-columns:minmax(0,1fr) 236px;
 gap:24px;
 align-items:center;
}
.statement-body p { margin:0; min-width:0; max-width:none; font-size:16px; line-height:1.6; }
.statement-body .statement-action {
 width:100%; min-height:66px; padding:14px 16px;
 justify-content:space-between; gap:12px; font-size:13px; line-height:1.45;
}
.statement-action-label { text-align:left; }
.statement-action-arrow { flex:none; }
@media(max-width:1190px) {
 .statement--queen {
  min-height:calc(clamp(220px,24vw,280px) + 60px);
  grid-template-columns:clamp(220px,24vw,280px) minmax(0,1fr);
  gap:28px; padding:30px;
 }
 .statement--queen h2 { font-size:clamp(28px,3.1vw,36px); }
 .statement-body { grid-template-columns:minmax(0,1fr) 220px; gap:20px; }
 .statement-body p { font-size:15px; }
}
@media(max-width:1000px) {
 .statement--queen { min-height:0; grid-template-columns:minmax(0,1fr); gap:0; padding:0; }
 .statement-visual { position:relative; grid-column:1; grid-row:1; inset:auto; width:100%; height:auto; }
 .statement-copy { grid-column:1; grid-row:2; padding:26px; }
 .statement-body { grid-template-columns:minmax(0,1fr); gap:20px; }
 .statement-body .statement-action { width:min(100%,280px); }
}
@media(max-width:760px) {
 .statement--queen h2 { font-size:clamp(26px,5vw,34px); }
 .statement-body p { font-size:16px; }
}
@media(max-width:575px) {
 .statement-copy { padding:20px; }
 .statement--queen h2 { font-size:clamp(24px,6.66vw,30px); margin-bottom:20px; }
 .statement-body p { font-size:15px; line-height:1.6; }
 .statement-body .statement-action { width:100%; }
}
