/* Nancy Slide 03 V18 — four deliberately different F3 compositions. */
.case-moment.slide-03-v18{
  height:calc(100svh - var(--f3-header-h));
  min-height:0;
  overflow:hidden;
  padding:0;
  border-top:0;
  border-bottom:1px solid var(--f3-rule);
  background:var(--f3-paper-alt);
  scroll-margin-top:var(--f3-header-h);
}
.slide-03-f3-container{
  width:min(calc(100% - 80px),1360px);
  height:100%;
  margin-inline:auto;
  min-width:0;
}
.slide-03-copy{min-width:0}
.slide-03-copy h2{
  margin:0;
  color:var(--f3-ink-strong);
  font-family:var(--f3-serif);
  font-weight:300;
  letter-spacing:-.035em;
}
.slide-03-copy p{
  margin:0;
  color:#35322e;
  font-family:var(--f3-sans);
  font-weight:400;
  letter-spacing:-.008em;
}
.slide-03-visual-stage,.slide-03-figure{position:relative;min-width:0;min-height:0;margin:0}
.slide-03-frame{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border:1px solid var(--f3-bronze);
  background:var(--f3-paper);
}
.slide-03-frame>img,

.slide-03-frame>picture>img{display:block;width:100%;height:100%}
.slide-03-plan .slide-03-frame>img,

.slide-03-plan .slide-03-frame>picture>img{object-fit:contain;object-position:center;filter:grayscale(1) contrast(1.09)}
.slide-03-render .slide-03-frame>img,

.slide-03-render .slide-03-frame>picture>img{object-fit:cover;object-position:center}
.slide-03-panel-label{
  position:absolute;
  z-index:3;
  top:15px;
  left:16px;
  padding:7px 10px 6px;
  border-left:1px solid var(--f3-bronze);
  color:var(--f3-bronze);
  background:rgba(251,248,242,.92);
  font:500 8px/1.2 var(--f3-sans);
  letter-spacing:.17em;
  text-transform:uppercase;
}
.slide-03-plan-target{
  position:absolute;
  z-index:3;
  right:17px;
  bottom:16px;
  display:flex;
  align-items:center;
  gap:9px;
  padding-right:8px;
  color:var(--f3-ink);
  background:rgba(251,248,242,.94);
  font:500 8px/1.2 var(--f3-sans);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.slide-03-plan-target i{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:#fff;
  background:var(--f3-bronze);
  font-style:normal;
}
.v18-index{
  display:block;
  color:var(--f3-bronze);
  font:500 10px/1 var(--f3-sans);
  letter-spacing:.22em;
}

/* 1 — proof first / explanation after the evidence. */
.slide-03-v18-option-1 .slide-03-f3-container{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:22px;
  padding-block:26px 30px;
}
.slide-03-v18-option-1 .v18-proof-pair{
  display:grid;
  grid-template-columns:minmax(0,39fr) minmax(0,61fr);
  gap:22px;
}
.slide-03-v18-option-1 .v18-copy-band{
  display:grid;
  grid-template-columns:minmax(0,47fr) minmax(0,53fr);
  gap:48px;
  align-items:start;
  padding-top:18px;
  border-top:1px solid var(--f3-bronze);
}
.slide-03-v18-option-1 .v18-copy-band h2{font-size:46px;line-height:.94}
.slide-03-v18-option-1 .v18-copy-band p{max-width:690px;font-size:13px;line-height:1.62}

/* 2 — a process-like side narrative with the proof stacked at right. */
.slide-03-v18-option-2 .slide-03-f3-container{
  display:grid;
  grid-template-columns:minmax(0,30fr) minmax(0,70fr);
  gap:50px;
  padding-block:34px;
}
.slide-03-v18-option-2 .v18-narrative-rail{
  align-self:center;
  padding:18px 30px 24px 0;
  border-top:1px solid var(--f3-bronze);
}
.slide-03-v18-option-2 .v18-index{margin-bottom:54px}
.slide-03-v18-option-2 .v18-narrative-rail h2{font-size:58px;line-height:.91}
.slide-03-v18-option-2 .v18-narrative-rail p{margin-top:34px;font-size:14px;line-height:1.7}
.slide-03-v18-option-2 .v18-proof-stack{
  display:grid;
  grid-template-rows:minmax(0,32fr) minmax(0,68fr);
  gap:16px;
}
.slide-03-v18-option-2 .slide-03-plan{width:48%;justify-self:end}
.slide-03-v18-option-2 .slide-03-render .slide-03-frame>img,

.slide-03-v18-option-2 .slide-03-render .slide-03-frame>picture>img{object-position:54% center}

/* 3 — the realized room is dominant; documentation floats over the result. */
.slide-03-v18-option-3 .slide-03-f3-container{padding-block:28px}
.slide-03-v18-option-3 .v18-floating-composition{height:100%}
.slide-03-v18-option-3 .slide-03-render{position:absolute;inset:0 0 42px 7%}
.slide-03-v18-option-3 .slide-03-render .slide-03-panel-label{left:auto;right:18px}
.slide-03-v18-option-3 .slide-03-plan{
  position:absolute;
  z-index:3;
  left:0;
  bottom:0;
  width:29%;
  height:72%;
}
.slide-03-v18-option-3 .v18-floating-copy{
  position:absolute;
  z-index:4;
  right:0;
  bottom:0;
  width:38%;
  padding:20px 0 0 24px;
  border-top:1px solid var(--f3-bronze);
  background:linear-gradient(90deg,rgba(251,248,242,.97),rgba(251,248,242,.92));
}
.slide-03-v18-option-3 .v18-floating-copy h2{font-size:44px;line-height:.94}
.slide-03-v18-option-3 .v18-floating-copy p{margin-top:16px;font-size:12.5px;line-height:1.6}

/* 4 — plan, narrative and finished room read as an architectural triptych. */
.slide-03-v18-option-4 .slide-03-f3-container{
  display:grid;
  grid-template-columns:minmax(0,27fr) minmax(0,27fr) minmax(0,46fr);
  gap:24px;
  align-items:stretch;
  padding-block:36px;
}
.slide-03-v18-option-4 .v18-triptych-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px 28px;
  border-left:1px solid var(--f3-bronze);
  border-right:1px solid var(--f3-bronze);
}
.slide-03-v18-option-4 .v18-index{margin-bottom:42px}
.slide-03-v18-option-4 .v18-triptych-copy h2{font-size:52px;line-height:.91}
.slide-03-v18-option-4 .v18-triptych-copy p{margin-top:32px;font-size:13px;line-height:1.66}
.slide-03-v18-option-4 .slide-03-render .slide-03-frame>img,

.slide-03-v18-option-4 .slide-03-render .slide-03-frame>picture>img{object-position:58% center}

@media(max-width:1550px){
  .slide-03-panel-label{top:12px;left:13px;padding:6px 8px;font-size:7.5px}
  .slide-03-plan-target{right:13px;bottom:12px;font-size:7.25px}
  .slide-03-plan-target i{width:25px;height:25px}
  .slide-03-v18-option-1 .slide-03-f3-container{gap:17px;padding-block:22px 24px}
  .slide-03-v18-option-1 .v18-proof-pair{gap:18px}
  .slide-03-v18-option-1 .v18-copy-band{gap:38px;padding-top:14px}
  .slide-03-v18-option-1 .v18-copy-band h2{font-size:39px}
  .slide-03-v18-option-1 .v18-copy-band p{font-size:11.25px;line-height:1.5}
  .slide-03-v18-option-2 .slide-03-f3-container{gap:38px;padding-block:28px}
  .slide-03-v18-option-2 .v18-index{margin-bottom:38px}
  .slide-03-v18-option-2 .v18-narrative-rail h2{font-size:48px}
  .slide-03-v18-option-2 .v18-narrative-rail p{margin-top:24px;font-size:11.75px;line-height:1.58}
  .slide-03-v18-option-3 .slide-03-f3-container{padding-block:24px}
  .slide-03-v18-option-3 .v18-floating-copy{width:40%;padding:17px 0 0 20px}
  .slide-03-v18-option-3 .v18-floating-copy h2{font-size:38px}
  .slide-03-v18-option-3 .v18-floating-copy p{margin-top:12px;font-size:11px;line-height:1.5}
  .slide-03-v18-option-4 .slide-03-f3-container{gap:19px;padding-block:30px}
  .slide-03-v18-option-4 .v18-triptych-copy{padding-inline:20px}
  .slide-03-v18-option-4 .v18-index{margin-bottom:30px}
  .slide-03-v18-option-4 .v18-triptych-copy h2{font-size:43px}
  .slide-03-v18-option-4 .v18-triptych-copy p{margin-top:24px;font-size:11px;line-height:1.55}
}

@media(max-width:1400px){
  .slide-03-panel-label{top:10px;left:10px;padding:5px 7px;font-size:6.75px}
  .slide-03-plan-target{right:10px;bottom:10px;gap:6px;padding-right:5px;font-size:6.5px}
  .slide-03-plan-target i{width:23px;height:23px}
  .slide-03-v18-option-1 .slide-03-f3-container{gap:13px;padding-block:16px 17px}
  .slide-03-v18-option-1 .v18-proof-pair{gap:14px}
  .slide-03-v18-option-1 .v18-copy-band{gap:28px;padding-top:10px}
  .slide-03-v18-option-1 .v18-copy-band h2{font-size:34px}
  .slide-03-v18-option-1 .v18-copy-band p{font-size:9.75px;line-height:1.43}
  .slide-03-v18-option-2 .slide-03-f3-container{grid-template-columns:31fr 69fr;gap:28px;padding-block:18px}
  .slide-03-v18-option-2 .v18-narrative-rail{padding:12px 20px 16px 0}
  .slide-03-v18-option-2 .v18-index{margin-bottom:24px}
  .slide-03-v18-option-2 .v18-narrative-rail h2{font-size:39px}
  .slide-03-v18-option-2 .v18-narrative-rail p{margin-top:18px;font-size:9.75px;line-height:1.48}
  .slide-03-v18-option-2 .v18-proof-stack{gap:11px}
  .slide-03-v18-option-3 .slide-03-f3-container{padding-block:17px}
  .slide-03-v18-option-3 .slide-03-render{inset:0 0 32px 7%}
  .slide-03-v18-option-3 .v18-floating-copy{width:41%;padding:13px 0 0 16px}
  .slide-03-v18-option-3 .v18-floating-copy h2{font-size:33px}
  .slide-03-v18-option-3 .v18-floating-copy p{margin-top:9px;font-size:9.5px;line-height:1.43}
  .slide-03-v18-option-4 .slide-03-f3-container{grid-template-columns:27fr 29fr 44fr;gap:14px;padding-block:19px}
  .slide-03-v18-option-4 .v18-triptych-copy{padding-inline:15px}
  .slide-03-v18-option-4 .v18-index{margin-bottom:22px}
  .slide-03-v18-option-4 .v18-triptych-copy h2{font-size:35px}
  .slide-03-v18-option-4 .v18-triptych-copy p{margin-top:17px;font-size:9.25px;line-height:1.46}
}