/* A visual chapter for the Tramando method, rather than a technical summary table. */
.home-connected .films:has(+ .method-summary){padding-bottom:clamp(54px,6vw,88px);}
.home-connected .method-summary{padding:0;scroll-margin-top:calc(var(--header-h) + 16px);}
.home-connected .method-summary__inner{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  grid-template-rows:auto auto auto;
  gap:0;
  overflow:hidden;
  padding:0;
  color:#fffdf9;
  background:#172019;
  border:0;
}
.home-connected .method-summary__inner::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-12%;
  top:-25%;
  width:55%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 76px rgba(255,67,16,.025),0 0 0 152px rgba(255,255,255,.018);
  pointer-events:none;
}
.home-connected .method-summary__photo{position:relative;grid-column:1;grid-row:1/4;align-self:stretch;margin:0;overflow:hidden;}
.home-connected .method-summary__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,12,9,.5));pointer-events:none;}
.home-connected .method-summary__photo img{display:block;width:100%;height:100%;min-height:590px;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0;filter:saturate(.82) contrast(1.03);}
.home-connected .method-summary__heading{
  grid-column:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:32px;
  padding:clamp(42px,4.5vw,70px) clamp(34px,4.5vw,70px) 38px;
}
.home-connected .method-summary__heading .eyebrow{margin:0 0 18px;color:#b9c8b0;font-size:9px;}
.home-connected .method-summary__heading h2{margin:0;color:#fffdf9;font:400 clamp(38px,3.6vw,58px)/.97 var(--display,Georgia,serif);letter-spacing:-.045em;}
.home-connected .method-summary__heading h2 em{color:#ff6a3f;font-weight:400;}
.home-connected .method-summary__intro{max-width:52ch;margin:24px 0 0;color:rgba(255,253,249,.68);font-size:13px;line-height:1.65;}
.home-connected .method-summary__heading>a{
  align-self:end;
  display:inline-flex;
  align-items:center;
  gap:20px;
  min-height:0;
  padding:0 0 7px;
  color:#fffdf9;
  border-bottom:1px solid rgba(255,253,249,.42);
  font-size:11px;
  white-space:nowrap;
}
.home-connected .method-summary__heading>a:hover{color:#ff8b69;border-color:#ff8b69;}
.home-connected .method-summary__steps{
  grid-column:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0 clamp(34px,4.5vw,70px) 36px;
  list-style:none;
}
.home-connected .method-summary__steps li{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:0;
  min-width:0;
  padding:15px 15px 0 0;
  border-top:1px solid rgba(255,253,249,.24);
  font-size:inherit;
}
.home-connected .method-summary__steps li+li{padding-left:15px;border-left:1px solid rgba(255,253,249,.1);}
.home-connected .method-summary__steps li>span{margin-bottom:24px;color:#ff7952;font:400 9px/1.4 var(--mono,monospace);letter-spacing:.08em;}
.home-connected .method-summary__steps strong{min-height:34px;color:#fffdf9;font:500 13px/1.25 var(--sans,Arial,sans-serif);}
.home-connected .method-summary__steps small{max-width:17ch;margin-top:10px;color:rgba(255,253,249,.48);font:400 10px/1.45 var(--sans,Arial,sans-serif);}
.home-connected .method-summary__facts{
  grid-column:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:28px clamp(34px,4.5vw,70px) 34px;
  background:rgba(255,67,16,.1);
  border:0;
  border-top:1px solid rgba(255,121,82,.28);
}
.home-connected .method-summary__facts>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:0;padding-right:18px;}
.home-connected .method-summary__facts dd{order:-1;margin:0;color:#fffdf9;font:400 clamp(25px,2.2vw,36px)/1 var(--display,Georgia,serif);letter-spacing:-.03em;}
.home-connected .method-summary__facts dt{color:rgba(255,253,249,.52);font-size:10px;line-height:1.4;}
@media(max-width:1000px){
  .home-connected .method-summary__inner{grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);}
  .home-connected .method-summary__heading{grid-template-columns:1fr;align-items:start;gap:24px;}
  .home-connected .method-summary__heading>a{justify-self:start;}
  .home-connected .method-summary__steps{grid-template-columns:repeat(3,1fr);row-gap:22px;}
  .home-connected .method-summary__steps li:nth-child(4){padding-left:0;border-left:0;}
  .home-connected .method-summary__photo img{min-height:720px;}
}
@media(max-width:720px){
  .home-connected .films:has(+ .method-summary){padding-bottom:34px;}
  .home-connected .method-summary{width:100%;padding-bottom:0;}
  .home-connected .method-summary__inner{display:block;}
  .home-connected .method-summary__photo{height:210px;}
  .home-connected .method-summary__photo img{min-height:0;height:100%;object-position:center 58%;}
  .home-connected .method-summary__heading{display:block;padding:26px 20px 22px;}
  .home-connected .method-summary__heading .eyebrow{margin-bottom:12px;}
  .home-connected .method-summary__heading h2{font-size:34px;line-height:1;}
  .home-connected .method-summary__intro{margin-top:14px;font-size:11px;line-height:1.55;}
  .home-connected .method-summary__heading>a{margin-top:18px;padding-bottom:5px;font-size:10px;}
  .home-connected .method-summary__steps{grid-template-columns:repeat(2,1fr);padding:0 20px 18px;row-gap:0;}
  .home-connected .method-summary__steps li,.home-connected .method-summary__steps li+li{padding:12px 10px 14px 0;border-left:0;}
  .home-connected .method-summary__steps li:nth-child(even){padding-left:12px;border-left:1px solid rgba(255,253,249,.1);}
  .home-connected .method-summary__steps li>span{margin-bottom:7px;}
  .home-connected .method-summary__steps strong{min-height:0;font-size:12px;line-height:1.2;}
  .home-connected .method-summary__steps small{margin-top:6px;font-size:9px;line-height:1.35;}
  .home-connected .method-summary__steps li:last-child{grid-column:1/-1;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;padding:12px 0 14px;border-left:0;}
  .home-connected .method-summary__steps li:last-child>span{grid-column:1;grid-row:1/3;margin:1px 0 0;}
  .home-connected .method-summary__steps li:last-child strong{grid-column:2;grid-row:1;}
  .home-connected .method-summary__steps li:last-child small{grid-column:2;grid-row:2;max-width:none;}
  .home-connected .method-summary__facts{grid-template-columns:repeat(2,1fr);gap:16px 14px;padding:18px 20px 22px;}
  .home-connected .method-summary__facts>div{gap:4px;}
  .home-connected .method-summary__facts dd{font-size:24px;}
  .home-connected .method-summary__facts dt{font-size:9px;}
}
