/* Curved pen studies repeat a single silver/coral/violet visual language.
   The drawings stay outside copy and authentic product captures. */
.ice-portfolio .home-art { display: block; height: auto; object-fit: contain; pointer-events: none; user-select: none; }
.ice-portfolio .home-hero { position: relative; isolation: isolate; overflow: clip; }
.ice-portfolio .home-hero > :not(.home-hero-drawing) { position: relative; z-index: 1; }
.ice-portfolio .home-hero {
  background:
    radial-gradient(ellipse 410px 230px at calc(50% + 125px) 68%, #b3a4d144, transparent 80%),
    radial-gradient(ellipse 340px 230px at calc(50% - 140px) 68%, #e6ae9140, transparent 78%),
    radial-gradient(ellipse 440px 150px at 50% 82%, #bfd6e725, transparent 80%);
}
.ice-portfolio .home-hero-drawing { position: absolute; width: 220px; left: calc(50% - 475px); top: 465px; z-index: 0; opacity: .9; }
.ice-portfolio .home-hero .home-kicker::after { content: ''; display: block; width: 34px; height: 2px; margin: 13px auto -5px; background: var(--home-accent); }
.ice-portfolio .home-lead { max-width: 620px; }
.ice-portfolio .home-work { position: relative; }
.ice-portfolio .home-work .home-section-heading { position: relative; }
.ice-portfolio .home-work-drawing { position: absolute; right: 4px; top: 95px; width: 225px; opacity: .95; }
.ice-portfolio .home-work-divider {
  border-top-color: transparent;
  background: linear-gradient(90deg, #c68d7e, #aca5c5 43%, #d7e1e8) top / 100% 1px no-repeat;
}
.ice-portfolio .home-project-note {
  padding-inline: 20px;
  background: linear-gradient(110deg, #e9ddda44, #e6e2ed44 56%, #dce9ef44);
}
.ice-portfolio .home-project-note::before,
.ice-portfolio .home-project-note::after { background: linear-gradient(90deg, #c59383, #b0a6c2 45%, #c7d8e4); }
.ice-portfolio .home-research {
  background-image: linear-gradient(#b4b9d217 1px, transparent 1px),
    linear-gradient(90deg, #b4b9d217 1px, transparent 1px),
    linear-gradient(115deg, #edf2f8, #f7eee9 49%, #eeeaf6 85%, #edf1f8);
}
.ice-portfolio .home-research-study::before { width: 150px; }
.ice-portfolio .home-experience-heading { position: relative; }
.ice-portfolio .home-experience-drawing { flex: 0 0 135px; width: 135px; max-height: 110px; opacity: .9; }
.ice-portfolio .home-timeline article {
  border-top-color: transparent;
  background: linear-gradient(90deg, #cdb6b2, #d9d8e6 40%, #dfe5eb) top / 100% 1px no-repeat;
}
.ice-portfolio .home-about-portrait { position: relative; }
.ice-portfolio .home-about-portrait::before {
  content: '';
  position: absolute;
  inset: -10px -10px 28px;
  border-radius: 16px;
  background: linear-gradient(145deg, #e7c2b44d, #e3e0ef66 48%, #c0d6e23d);
  z-index: -1;
  pointer-events: none;
}
.ice-portfolio .home-contact {
  isolation: isolate;
  background: radial-gradient(ellipse 700px 300px at 12% 0, #7a526644, transparent 76%),
    radial-gradient(ellipse 520px 460px at 95% 32%, #55526b30, transparent 75%), #24212d;
}
.ice-portfolio .home-contact-drawing { position: absolute; width: 235px; right: clamp(28px, 7vw, 145px); top: 100px; opacity: .75; z-index: 0; }
.ice-portfolio .home-contact-inner { z-index: 1; }
.ice-portfolio .home-contact::before { background: linear-gradient(180deg, #f7f8fb, #dbdeed 19%, #d9b3ae 43%, #9a768b 63%, #4b384e 82%, #24212d); }
.ice-portfolio .home-medium-link { background: linear-gradient(115deg, #bd806b38, #9380b53b); }
@media (max-width: 1100px) {
  .ice-portfolio .home-hero-drawing { left: calc(50% - 410px); width: 150px; top: 470px; }
  .ice-portfolio .home-work-drawing { width: 130px; right: 0; top: 85px; }
  .ice-portfolio .home-experience-drawing { flex-basis: 110px; width: 110px; }
  .ice-portfolio .home-contact-drawing { width: 145px; right: 24px; top: 80px; }
}
@media (max-width: 760px) {
  .ice-portfolio .home-hero {
    background: radial-gradient(ellipse 240px 190px at 61% 72%, #bbacd633, transparent 80%),
      radial-gradient(ellipse 210px 160px at 25% 75%, #e8b39d30, transparent 80%);
  }
  .ice-portfolio .home-hero-drawing { width: 88px; left: 5px; top: auto; bottom: 86px; opacity: .78; }
  .ice-portfolio .home-hero .home-kicker::after { width: 28px; margin-top: 10px; }
  .ice-portfolio .home-work-drawing { width: 88px; right: 0; top: -24px; }
  .ice-portfolio .home-project-note { padding-inline: 14px; }
  .ice-portfolio .home-experience-drawing { position: absolute; right: 0; bottom: -8px; width: 88px; max-height: 72px; }
  .ice-portfolio .home-contact-drawing { width: 94px; right: 20px; top: 12px; opacity: .75; }
  .ice-portfolio .home-about-portrait::before { inset: -7px -7px 27px; }
}
@media (max-width: 370px) {
  .ice-portfolio .home-hero-drawing { width: 70px; left: -4px; bottom: 80px; }
  .ice-portfolio .home-work-drawing { width: 66px; top: -20px; }
  .ice-portfolio .home-experience-drawing { width: 64px; max-height: 53px; bottom: -3px; }
  .ice-portfolio .home-contact-drawing { width: 80px; right: 14px; }
}