/* Additive fourth Licious project. Keep the three locked compositions untouched. */
.freshness-home-section { background:var(--selected-work-surface,#fdfdfc); padding:0 var(--page-padding) 2rem; scroll-margin-top:80px; }
.freshness-home-canvas { width:min(100%,1122px); margin:auto; min-height:610px; display:grid; grid-template-columns:1.2fr 1fr; gap:6%; align-items:center; }
.freshness-home-copy h3 { display:flex; align-items:baseline; margin:0; color:#101216; font-size:3.7rem; font-weight:750; letter-spacing:-.025em; line-height:1.06; }
.freshness-home-copy h3 span { display:inline-block; width:.72rem; height:.72rem; margin-left:.58rem; border-radius:50%; background:#389978; }
.freshness-home-copy > p { margin:1.1rem 0 0; color:#505b6c; font-size:1.32rem; line-height:1.34; letter-spacing:-.02em; }
.freshness-home-copy .work-project-link { --project-accent:#389978; margin-top:2.35rem; padding-bottom:.52rem; font-size:1.125rem; }
.freshness-home-art { position:relative; isolation:isolate; height:570px; }
.freshness-home-aura { position:absolute; z-index:-1; inset:5% -5%; background:radial-gradient(ellipse,#e1f0e5 0,rgba(225,240,233,.5) 30%,transparent 67%); }
.freshness-home-phone { position:absolute; width:235px; left:36%; top:10px; border:6px solid #252a27; border-radius:30px; overflow:hidden; background:#fff; box-shadow:12px 25px 45px -25px #58715e66; transform:rotate(-7deg); }
.freshness-home-phone img { display:block; width:100%; height:auto; }
.freshness-home-leaf { position:absolute; width:110px; height:auto; left:14%; top:64%; transform:rotate(-20deg); }
.freshness-home-note { position:absolute; top:19%; left:0; color:#4b715d; font-family:"Bradley Hand","Segoe Print",cursive; font-size:1.15rem; line-height:1.5; transform:rotate(-7deg); }
.freshness-home-note svg { display:block; width:95px; height:65px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:1121px){.freshness-home-canvas{min-height:560px;gap:4%}.freshness-home-copy h3{font-size:clamp(2.1rem,4.3vw,3.1rem)}.freshness-home-copy>p{font-size:1.08rem;line-height:1.5}.freshness-home-copy>p br{display:none}.freshness-home-copy .work-project-link{font-size:1rem;margin-top:1.6rem}.freshness-home-phone{left:28%;width:215px;top:35px}.freshness-home-art{height:550px}.freshness-home-note{font-size:.95rem;top:5%}.freshness-home-leaf{left:2%;width:85px}}
@media(max-width:650px){.freshness-home-section{padding-top:3.5rem}.freshness-home-canvas{grid-template-columns:1fr;gap:2rem}.freshness-home-copy{grid-row:1}.freshness-home-copy h3{font-size:clamp(2.4rem,9.6vw,3rem)}.freshness-home-copy>p{font-size:1.0625rem}.freshness-home-art{width:min(100%,400px);justify-self:center;height:550px}.freshness-home-phone{left:30%;width:min(215px,61%)}.freshness-home-note{top:6%;left:0}.freshness-home-copy .work-project-link{margin-top:1.2rem}}
/* Reuse the Mutton image mockup with Freshness on its display.
   The image supplies the device, perspective and lighting; no CSS frame. */
.home-page .freshness-home-phone {
  width:auto; height:560px; left:50%; top:0;
  border:0; border-radius:0; outline:0; overflow:visible;
  background:none; box-shadow:none; transform:translateX(-50%);
}
.home-page .freshness-home-phone img {
  width:auto; max-width:none; height:100%; border-radius:0;
}
@media (min-width:651px) and (max-width:1121px) {
  .home-page .freshness-home-phone { height:495px; top:20px; }
}
@media (max-width:650px) {
  .home-page .freshness-home-canvas { gap:1.5rem; }
  .home-page .freshness-home-art { height:clamp(26rem,126vw,35rem); }
  .home-page .freshness-home-phone {
    height:90%; top:0;
  }
  .home-page .freshness-home-note {
    top:auto; bottom:0; left:27%; font-size:.9375rem;
    text-align:center; transform:rotate(-5deg);
  }
  .home-page .freshness-home-note svg { display:none; }
  .home-page .freshness-home-leaf { left:0; top:67%; width:75px; }
  .home-page .freshness-floating-clock { left:2%; top:28%; }
  .home-page .freshness-floating-fish { right:0; top:63%; width:25%; }
}
@media (max-width:360px) {
  .home-page .freshness-home-art { height:27rem; }
  .home-page .freshness-home-phone { height:360px; top:0; }
}