/* User-selected Calendly heading + image-card composition, adapted to 3 areas. */
.vwd{position:relative;z-index:10;color:#242321;padding:112px 40px 144px;background:linear-gradient(180deg,rgba(247,245,240,0),#f7f5f0 220px);}
.vwd__inner{max-width:1200px;margin:0 auto;}
.vwd__header{text-align:center;max-width:820px;margin:0 auto 72px;}
.vwd__label{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.14em;color:#ef5b24;margin-bottom:24px;}
.vwd h2{font-size:60px;line-height:1.25;font-weight:500;letter-spacing:-.045em;margin:0;}
.vwd__intro{font-size:18px;line-height:1.9;color:#615b56;margin:28px auto 0;max-width:720px;text-wrap:pretty;}
.vwd__areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.vwd__row{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:32px;overflow:hidden;}
.vwd__text{padding:32px 32px 28px;flex:1;}
.vwd__name{font-size:13px;line-height:1.5;letter-spacing:.12em;font-weight:600;color:#ef5b24;margin:0 0 18px;}
.vwd h3{font-size:28px;line-height:1.4;letter-spacing:-.025em;font-weight:500;margin:0 0 18px;}
.vwd__meta{font-size:11px;line-height:1.6;letter-spacing:.08em;color:#81796f;margin:22px 0 0;}
.vwd__body{font-size:16px;line-height:1.85;color:#615b56;margin:0;text-wrap:pretty;}
.vwd__image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.vwd__reveal{opacity:1;transform:none;}
@media(max-width:1199px){.vwd h2{font-size:52px;}.vwd__text{padding:28px 24px;}.vwd__areas{gap:20px;}.vwd h3{font-size:25px;}}
@media(max-width:900px){.vwd__inner{max-width:672px;}.vwd__areas{grid-template-columns:1fr;gap:24px;}.vwd__row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}.vwd__image{height:100%;min-height:270px;}.vwd__header{margin-bottom:48px;}.vwd h2{font-size:44px;}}
@media(max-width:600px){.vwd{padding:72px 24px 88px;}.vwd h2{font-size:36px;line-height:1.35;}.vwd__label{margin-bottom:20px;}.vwd__intro{font-size:16px;margin-top:24px;}.vwd__header{margin-bottom:40px;}.vwd__row{display:flex;border-radius:28px;}.vwd__text{padding:28px;}.vwd__name{font-size:12px;margin-bottom:14px;}.vwd h3{font-size:26px;margin-bottom:16px;}.vwd__image{height:auto;min-height:0;}.vwd__meta{font-size:11px;margin-top:20px;}}
/* Portrait cards at every viewport, per user's reference clarification. */
.vwd__areas{max-width:1040px;margin:0 auto;gap:24px;}
.vwd__row{display:flex;flex-direction:column;min-height:650px;}
.vwd__text{padding:32px 28px;}
.vwd__image{height:340px;min-height:0;aspect-ratio:auto;object-fit:cover;}
@media(min-width:601px) and (max-width:900px){
 .vwd__areas{max-width:384px;}
 .vwd__row{display:flex;grid-template-columns:none;min-height:650px;}
 .vwd__image{height:340px;}
}
@media(max-width:600px){
 .vwd__areas{max-width:354px;}
 .vwd__row{min-height:650px;}
 .vwd__text{padding:28px;}
 .vwd__image{height:340px;min-height:340px;}
}
/* Reference recording: images float within a luminous gradient, not edge to edge. */
.vwd__visual{height:340px;flex:none;padding:32px 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#fffdf4 0%,#ffe0b9 55%,#ffad8b 100%);}
.vwd__row:nth-child(2) .vwd__visual{background:linear-gradient(155deg,#fffaf0 0%,#ffd2b6 55%,#f4aaa0 100%);}
.vwd__row:nth-child(3) .vwd__visual{background:linear-gradient(155deg,#fffdf5 0%,#f6e1bd 55%,#f4b58e 100%);}
.vwd .vwd__image{width:100%;height:auto;min-height:0;max-height:276px;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 14px 30px #7d412021;transition:transform .65s ease;}
@media(min-width:901px) and (hover:hover){
 .vwd__areas{display:flex;}
 .vwd__row{flex:1 1 0;transition:flex-grow .7s cubic-bezier(.22,.8,.28,1);}
 .vwd__row:hover{flex-grow:1.32;}
 .vwd__row:hover .vwd__image{transform:translateY(-4px);}
}
@media(prefers-reduced-motion:reduce){.vwd__row,.vwd .vwd__image{transition:none;}.vwd__row:hover .vwd__image{transform:none;}}
/* Distinct daylight palettes share the same soft white transition. */
.vwd__visual,
.vwd__row:nth-child(2) .vwd__visual,
.vwd__row:nth-child(3) .vwd__visual{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 9%,rgba(255,255,255,.64) 29%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 100%),linear-gradient(105deg,var(--daylight-start) 0%,var(--daylight-middle) 47%,var(--daylight-end) 100%);}
.vwd__visual{--daylight-start:#f6c641;--daylight-middle:#efe492;--daylight-end:#c9e98c;}
.vwd__row:nth-child(2) .vwd__visual{--daylight-start:#ffa53e;--daylight-middle:#ffc887;--daylight-end:#ffd4b0;}
.vwd__row:nth-child(3) .vwd__visual{--daylight-start:#87cbed;--daylight-middle:#f0b8d8;--daylight-end:#8cdbca;}

/* Bring imagery closer to copy while letting the soft gradient reach behind it. */
.vwd__row{min-height:594px;}
.vwd__text{position:relative;z-index:1;}
.vwd__visual{margin-top:-56px;}
/* Compact portrait proportions: size the gradient to the image, not a fixed panel. */
.vwd__row{min-height:0;}
.vwd__visual{height:auto;padding:40px 24px 24px;margin-top:-24px;}
.vwd .vwd__image{max-height:none;}
@media(min-width:901px){.vwd__areas{max-width:1120px;}}

/* Width changes continuously; wrapped copy cannot step the card's outer height. */
@media(min-width:901px) and (hover:hover){
 .vwd__areas>.vwd__row{height:var(--stable-card-height,auto);transition:flex-grow .8s cubic-bezier(.4,0,.2,1);}
 .vwd__areas>.vwd__row .vwd__text{flex:1 1 auto;min-height:0;}
 .vwd__areas>.vwd__row .vwd__image{transition:transform .8s cubic-bezier(.4,0,.2,1);}
}
@media(prefers-reduced-motion:reduce){.vwd__areas>.vwd__row:hover{flex-grow:1;}.vwd__areas>.vwd__row,.vwd__areas>.vwd__row .vwd__image{transition:none;}}
/* Give the metadata breathing room only while its card is expanded. */
@media(min-width:901px) and (hover:hover){
 .vwd__areas>.vwd__row .vwd__meta{transition:transform .8s cubic-bezier(.4,0,.2,1);}
 .vwd__areas>.vwd__row:hover .vwd__meta{transform:translateY(-12px);}
}
@media(prefers-reduced-motion:reduce){.vwd__areas>.vwd__row .vwd__meta{transition:none;}}