/* Home: the conversation and the finished work belong to one composition. */
#why.why{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:8%;row-gap:28px;align-items:start}
#why .why-intro{grid-column:1;grid-row:1 / 3;display:block;padding:0}
#why .reason-list{grid-column:2;grid-row:1;display:block}
#why .reason-list article{display:grid;grid-template-columns:26px 1fr;gap:20px;padding:28px 0;border-top:0;border-bottom:1px solid #c2cdb8}
#why .reason-list article:first-child{padding-top:10px}
#why .reason-list h3{margin:0 0 15px;font-size:clamp(19px,1.45vw,24px)}
#why .reason-list p{font-size:16px;margin:0;line-height:2}
#why .section-end-link{grid-column:2;grid-row:2;margin:0;align-self:end;display:flex;justify-content:flex-end}
#why .studio-proof{max-width:520px;margin-top:38px;border-top:1px solid #b6c2a9;padding-top:20px;color:#1e2b23}
.proof-heading{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.06em}
.proof-heading>span:last-child{font-size:22px;line-height:1}
.proof-scene{height:235px;position:relative;margin:20px 0 15px;isolation:isolate}
.proof-note{position:absolute;top:12px;left:0;width:46%;padding:22px 18px;background:#c7ff36;transform:rotate(-5deg);z-index:2;box-shadow:3px 5px 0 #23362712}
.proof-note>span{font-size:11px}.proof-note strong{display:block;margin-top:10px;font-size:clamp(18px,1.6vw,24px);line-height:1.6;letter-spacing:-.04em}
.proof-note svg{display:block;width:90%;height:13px;margin-top:6px;fill:none;stroke:#243125;stroke-width:2}
.proof-browser{position:absolute;width:66%;right:0;top:35px;background:#fff;border:1px solid #29352c;transform:rotate(3deg);box-shadow:8px 9px 0 #dfe4d7}
.proof-browser-bar{height:26px;background:#203027;display:flex;align-items:center;gap:4px;padding:0 10px;color:#e5eddf}
.proof-browser-bar i{width:3px;height:3px;border-radius:50%;background:#c7ff36}.proof-browser-bar>span{font-size:7px;letter-spacing:.08em;margin-left:auto}
.proof-browser-body{position:relative;padding:20px}.proof-browser-body>small{font-size:8px}.proof-browser-body>strong{display:block;font-size:clamp(20px,1.75vw,27px);line-height:1.4;letter-spacing:-.06em;margin:8px 0 20px;position:relative;z-index:1}
.proof-photo{position:absolute;right:15px;top:25px;width:31%;height:78px;background:#edf0e6;opacity:.8;overflow:hidden}.proof-photo svg{width:100%;height:100%;fill:#bac8a7}
.proof-browser-foot{border-top:1px solid #ccd5c4;padding-top:10px;font-size:9px;display:flex;justify-content:space-between}
.proof-team{display:flex;align-items:center;gap:25px;border-top:1px solid #b6c2a9;padding-top:17px;font-size:14px}.proof-team>span{display:flex;align-items:center;gap:12px}.proof-team small{font-size:11px;color:#687557}.proof-team b{font-weight:400;color:#6c7c54}
.proof-reach{font-size:12px;color:#65735c;margin:13px 0 0}
@media(min-width:1600px){#why .studio-proof{max-width:580px}.proof-scene{height:255px}.proof-browser-body{padding:25px}.proof-note{padding:25px}.proof-browser-body>strong{margin-bottom:25px}#why .reason-list article{padding-block:35px}}
@media(max-width:1000px){#why.why{grid-template-columns:1fr;gap:35px}#why .why-intro{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}#why .why-intro>p,#why .why-intro>h2{grid-column:1}#why .studio-proof{grid-column:2;grid-row:1 / 3;margin:0;width:100%}#why .reason-list,#why .section-end-link{grid-column:1;grid-row:auto}.proof-note{padding:15px 12px}.proof-browser-body{padding:16px}.proof-scene{height:215px}.proof-team{gap:12px;font-size:12px}.proof-team>span{gap:6px}}
@media(max-width:600px){#why .why-intro{display:block}#why .studio-proof{margin-top:30px;max-width:440px}.proof-scene{height:225px}.proof-note strong{font-size:20px}.proof-browser-body>strong{font-size:22px}#why .reason-list article{padding:24px 0;gap:10px}#why .reason-list p{font-size:15px}#why .section-end-link{justify-content:stretch}#why .section-end-link a{width:100%}}
@media(min-width:1001px){#why.why{padding-inline:max(3.2%,calc((100% - 1680px)/2));grid-template-rows:1fr auto}#why .reason-list{display:grid;grid-template-rows:repeat(3,1fr);align-self:stretch}#why .reason-list article{align-content:center}}
.proof-note{width:40%;padding-inline:15px}.proof-browser{width:60%;top:37px}.proof-photo{width:24%;opacity:.45}.proof-browser-body>strong{font-size:clamp(19px,1.55vw,25px)}

.proof-note strong{font-size:clamp(15px,1.45vw,24px)}
@media(max-width:600px){.proof-note strong{font-size:16px}}