/* A restrained material finish: silver, fired coral, and muted violet.
   Static gradients and decorative raster studies add no animation runtime. */
.ice-portfolio {
  --home-ink: #292831;
  --home-muted: #626471;
  --home-coral: #c47a65;
  --home-violet: #655775;
  --home-line: #dedee6;
  --home-paper: #f7f8fb;
  --home-dark: #24212d;
  --home-accent: linear-gradient(110deg, #c47a65, #a28196 52%, #79728f);
  --signal: #9f533f;
  background: var(--home-paper);
}
.ice-portfolio ::selection { background: #e3d9e8; color: #292831; }
.ice-portfolio :is(a, button, summary):focus-visible {
  outline: 2px solid #655775;
  outline-offset: 5px;
}
.ice-portfolio .home-site-nav {
  border-color: transparent;
  background: linear-gradient(#f9fafc, #f4f5f9) padding-box,
    linear-gradient(130deg, #fff, #d5d5df 55%, #e4c9c0) border-box;
  box-shadow: 0 3px 12px #2d263505, inset 0 1px 0 #fff;
}
.ice-portfolio .home-brand { border-color: #e6e3ea; }
.ice-portfolio .brand-dot { background: var(--home-accent); }
.ice-portfolio .home-nav-links a[aria-current='location'] {
  background: #ede9f1;
  color: #4d3f59;
}
.ice-portfolio .home-hero {
  background:
    radial-gradient(ellipse 390px 270px at calc(50% + 125px) 65%, #b8afd52c, transparent 78%),
    radial-gradient(ellipse 300px 230px at calc(50% - 130px) 70%, #d5977c20, transparent 77%);
}
.ice-portfolio .home-title-second { color: #55475e; }
.ice-portfolio .home-button {
  border-color: #b9b2bf;
  box-shadow: inset 0 1px 0 #fff9;
}
.ice-portfolio .home-button:hover { background: #efebf2; border-color: #807087; }
.ice-portfolio .home-button-dark {
  border-color: #49404f;
  background: linear-gradient(125deg, #33313b, #4d3c51);
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff26, 0 3px 8px #39303f10;
}
.ice-portfolio .home-button-dark:hover {
  background: linear-gradient(125deg, #45404d, #5b455b);
  border-color: #66526b;
}
.ice-portfolio .home-scroll-cue span {
  background: linear-gradient(90deg, transparent, #b9acba);
}
.ice-portfolio .home-scroll-cue span:last-child { transform: rotate(180deg); }
.ice-portfolio .home-project-media {
  border-color: transparent;
  background: linear-gradient(#edf0f4, #edf0f4) padding-box,
    linear-gradient(135deg, #fff, #c9cad7 48%, #ddbbb0 78%, #d8dce7) border-box;
  box-shadow: 0 4px 14px #3c354708;
}
.ice-portfolio .home-project-media::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 #ffffff70;
  pointer-events: none;
}
.ice-portfolio .home-project-copy .home-card-kicker { display: flex; align-items: center; gap: 10px; }
.ice-portfolio .home-project-number {
  color: #9f533f;
  font-variant-numeric: tabular-nums;
  letter-spacing: .03em;
}
.ice-portfolio .home-project-link:hover,
.ice-portfolio .home-text-link:hover { color: #9f533f; }
.ice-portfolio .home-project-note { border-color: transparent; position: relative; }
.ice-portfolio .home-project-note::before,
.ice-portfolio .home-project-note::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #c9b3b1, #dcdce7 42%, #e5e6ec);
}
.ice-portfolio .home-project-note::before { top: 0; }
.ice-portfolio .home-project-note::after { bottom: 0; }
.ice-portfolio .home-research {
  background-color: #f1f3f8;
  background-image: linear-gradient(#b4b9d217 1px, transparent 1px),
    linear-gradient(90deg, #b4b9d217 1px, transparent 1px),
    linear-gradient(125deg, #f1f4f9, #f7f3f2 52%, #eef0f8);
  background-size: 28px 28px, 28px 28px, auto;
  border-color: #e2dfe8;
}
.ice-portfolio .home-research-study {
  position: relative;
  border-color: #d9d7e1;
  background: linear-gradient(140deg, #ffffffed, #faf9fce8);
  box-shadow: 0 6px 22px #42324b04;
}
.ice-portfolio .home-research-study::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 28px;
  width: 110px;
  height: 2px;
  background: var(--home-accent);
}
.ice-portfolio .home-research-drawing {
  width: 340px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2;
  object-fit: contain;
  margin-top: 24px;
  pointer-events: none;
}
.ice-portfolio .home-research-results div + div { border-left: 1px solid #e5e0e9; padding-left: 14px; }
.ice-portfolio .home-research-details summary { transition: color 180ms ease; }
.ice-portfolio .home-research-details summary:hover { color: #8f4e3e; }
.ice-portfolio .home-research-details summary span { color: #7d6a88; }
.ice-portfolio .home-role-period { color: #865e59; font-variant-numeric: tabular-nums; }
.ice-portfolio .home-about-portrait img {
  border: 6px solid #fff;
  box-shadow: 0 0 0 1px #d8d7df, 0 10px 28px #3c314b0a;
}
.ice-portfolio .home-about-portrait figcaption { padding-left: 6px; }
.ice-portfolio .home-closing { position: relative; }
.ice-portfolio .home-closing em { color: #66516b; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.ice-portfolio .home-closing-drawing {
  position: absolute;
  left: calc(50% + 320px);
  top: 26%;
  width: 200px;
  height: auto;
  aspect-ratio: 1.5;
  object-fit: contain;
  opacity: .72;
  pointer-events: none;
}
.ice-portfolio .home-contact {
  background: radial-gradient(ellipse at 50% 0, #4c354c44, transparent 62%), #24212d;
}
.ice-portfolio .home-contact::before {
  background: linear-gradient(180deg, #f7f8fb, #e0deeb 22%, #d2b9bc 45%, #8b697d 64%, #423246 82%, #24212d);
}
.ice-portfolio .home-contact :is(a, button):focus-visible { outline-color: #e5becd; }
.ice-portfolio .home-contact .home-button,
.ice-portfolio .home-social-link { border-color: #8f829a; box-shadow: inset 0 1px 0 #ffffff0c; }
.ice-portfolio .home-medium-link { background: linear-gradient(120deg, #b7776526, #9583b229); }
.ice-portfolio .home-contact .home-button:hover,
.ice-portfolio .home-social-link:hover { background: #c8b6d31c; border-color: #d5c5df; }
.ice-portfolio .home-footer-wordmark { color: #eee7ee; }
.ice-portfolio .home-email-link { border-color: #8f7a91; }
@media (hover: hover) and (pointer: fine) {
  .ice-portfolio .home-project-media:hover { border-color: #a99aad; }
  .ice-portfolio :is(.home-button, .home-project-link, .home-text-link) .icon { transition: transform 180ms ease; }
  .ice-portfolio :is(.home-button, .home-project-link, .home-text-link):hover .icon:not(.icon-down) { transform: translate(2px, -1px); }
}
@media (max-width: 1100px) {
  .ice-portfolio .home-closing-drawing { display: none; }
}
@media (max-width: 760px) {
  .ice-portfolio .home-hero {
    background: radial-gradient(ellipse 230px 200px at 55% 70%, #c4b5d51c, transparent 78%),
      radial-gradient(ellipse 180px 170px at 35% 77%, #d5977c17, transparent 77%);
  }
  .ice-portfolio .home-nav-links { background: #f8f7fb; }
  .ice-portfolio .home-research-drawing { width: 260px; margin-top: 18px; }
  .ice-portfolio .home-research-results div + div { padding-left: 10px; }
  .ice-portfolio .home-research-study::before { left: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .ice-portfolio :is(.home-button, .home-project-link, .home-text-link) .icon { transition: none; transform: none; }
  .ice-portfolio .home-button .icon-down { transform: rotate(90deg); }
}