@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Chivo:wght@400;500;700;900&family=Cormorant+Garamond:ital,wght@0,600;1,600&family=DM+Serif+Text:ital@0;1&family=Space+Mono:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');

.seif-identities {
  color: light-dark(#2c2028, #fff1eb);
  font: 400 14px/1.4 "DM Sans", Arial, sans-serif;
  container-type: inline-size;
  --board-line: light-dark(#dfd3d9, #624c56);
  --board-muted: light-dark(#654e5c, #dbc2ca);
  --board-price: light-dark(#913f3b, #ffb6a9);
}
.seif-identities *, .seif-identities *::before, .seif-identities *::after { box-sizing: border-box; }
.seif-identities .collection-header { padding: 0 90px 13px 0; margin-bottom: 18px; border-bottom: 1px solid var(--board-line); }
.seif-identities .collection-header h2 { font: 400 clamp(29px, 5cqi, 45px)/1 "Instrument Serif", Georgia, serif; margin: 3px 0 5px; }
.seif-identities .collection-header p { margin: 0; color: var(--board-muted); font-size: 12px; }
.seif-identities .board-kicker { font: 700 11px/1.4 "DM Sans", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.seif-identities .brand-board { min-block-size: 505px; }
.seif-identities .board-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(174px, .33fr); align-items: start; gap: clamp(13px, 2.6cqi, 26px); }
.seif-identities .package-note { padding: 3px 0; }
.seif-identities .package-note h3 { font: 400 clamp(26px, 4cqi, 36px)/.98 "Instrument Serif", Georgia, serif; margin: 0 0 7px; }
.seif-identities .package-note p { margin: 0; }
.seif-identities .package-note .price { color: var(--board-price); font: 400 27px/1 "Instrument Serif", Georgia, serif; margin-bottom: 12px; }
.seif-identities .package-note ul { padding: 0; margin: 12px 0; list-style: none; border-top: 1px solid var(--board-line); }
.seif-identities .package-note li { font-size: 12px; padding: 7px 0; border-bottom: 1px solid var(--board-line); }
.seif-identities .package-note .journey { font-size: 12px; color: var(--board-muted); }
.seif-identities .site {
  min-width: 0;
  background: var(--bg);
  color: var(--fg);
  border: 1px solid light-dark(#cdbfc3, #755a69);
  border-radius: var(--frame, 10px);
  overflow: hidden;
  font: 400 13px/1.4 var(--body);
  container-type: inline-size;
}
.seif-identities .address {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 12px;
  min-height: 27px;
  font: 500 11px/1.35 "DM Sans", Arial, sans-serif;
  color: var(--fg);
  background: var(--soft);
  overflow-wrap: anywhere;
}
.seif-identities .address::before { content: "•••"; letter-spacing: .16em; font-size: 9px; }
.seif-identities .site-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding: 11px 5%;
}
.seif-identities .wordmark { font: 400 var(--word-size, 28px)/.95 var(--display); }
.seif-identities .site-nav { display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 11px; font-weight: 700; }
.seif-identities .site a { color: inherit; text-underline-offset: 3px; }
.seif-identities .site-nav a { text-decoration: none; }
.seif-identities .site-nav a:hover { text-decoration: underline; }
.seif-identities .site h4 { font: 400 clamp(31px, 9cqi, 65px)/.95 var(--display); letter-spacing: -.03em; margin: 0; overflow-wrap: anywhere; }
.seif-identities .site p { margin: 0; }
.seif-identities .eyebrow { font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.seif-identities .action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  padding: 7px 11px;
  border: 1px solid transparent;
  border-radius: var(--button-radius, 3px);
  background: var(--accent);
  color: var(--on-accent);
  font: 700 11px/1.3 var(--body);
  text-align: center;
  text-decoration: none;
}
.seif-identities a.action { color: var(--on-accent); }
.seif-identities button.action:not(:disabled):hover, .seif-identities a.action:hover { filter: brightness(.9); }
.seif-identities .action:disabled { opacity: .58; }
.seif-identities .photo { background: var(--soft) var(--image) var(--position, center) / cover no-repeat; min-width: 0; }
.seif-identities .sprite {
  aspect-ratio: 1.24;
  min-height: 45px;
  background: var(--soft) var(--product-photo) center 49% / cover no-repeat;
}
.seif-identities .site-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 16px; padding: 10px 5%; font-size: 11px; }
.seif-identities .choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.seif-identities .choices label { display: grid; gap: 4px; font-size: 12px; font-weight: 700; }
.seif-identities .choices select {
  width: 100%; min-width: 0; min-height: 37px; padding: 6px;
  color: var(--fg); background: var(--bg); color-scheme: var(--scheme, light);
  border: 1px solid currentColor; border-radius: var(--button-radius, 3px); font: inherit; font-weight: 500;
}
.seif-identities .catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.seif-identities .product { display: flex; flex-direction: column; min-width: 0; gap: 4px; }
.seif-identities .product strong { margin-top: 3px; font-size: 12px; overflow-wrap: anywhere; }
.seif-identities .product .item-price { margin-top: auto; font-size: 12px; }
.seif-identities .product .action { padding-inline: 8px; }
.seif-identities .cart {
  min-width: 0;
  padding: 12px;
  background: var(--soft);
  color: var(--fg);
  font-size: 12px;
}
.seif-identities .cart h5 { font: 400 24px/1 var(--display); margin: 0 0 8px; }
.seif-identities .cart ul { padding: 0; margin: 0 0 7px; list-style: none; }
.seif-identities .cart li { margin-bottom: 4px; }
.seif-identities .cart .total { border-top: 1px solid currentColor; padding-top: 6px; margin: 0 0 7px; font-weight: 700; }
.seif-identities .cart .clear { border: 0; background: transparent; color: inherit; text-decoration: underline; padding: 5px 0; display: block; font: inherit; }
.seif-identities .cart .clear[hidden] { display: none; }
.seif-identities .cart [data-review] { margin-top: 5px; }
@media (pointer: coarse) {
  .seif-identities .site button, .seif-identities .site select { min-height: 44px; }
}
@container (max-width: 590px) {
  .seif-identities .board-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .seif-identities .brand-board { min-block-size: 660px; }
  .seif-identities .package-note ul { margin-block: 7px; }
  .seif-identities .package-note li { padding-block: 5px; }
}


.seif-identities .forno {
  --bg: #ffe69b; --fg: #62271a; --soft: #efd083; --accent: #a2291b; --on-accent: #fff3c8;
  --display: "Barlow Condensed", "Arial Narrow", sans-serif; --body: "Chivo", Arial, sans-serif;
  --frame: 1px; --button-radius: 0px; --word-size: 30px;
}
.seif-identities .forno .site-head { background: #ffeeb8; border-bottom: 2px solid #a2291b; }
.seif-identities .forno .wordmark { font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.seif-identities .forno .opening-hero { display: grid; grid-template-columns: .9fr 1fr; min-height: 259px; }
.seif-identities .forno .opening-copy { align-self: center; padding: 17px 9%; }
.seif-identities .forno h4 { text-transform: uppercase; color: #9d261a; font-size: clamp(32px, 10.8cqi, 74px); line-height: .8; font-weight: 800; margin: 6px 0 11px; }
.seif-identities .forno .opening-copy p { margin-bottom: 11px; }
.seif-identities .forno .photo { --image: var(--forno); --position: center 65%; }
.seif-identities .forno .site-foot { background: #ffeeb8; border-block: 2px solid #a2291b; }

.seif-identities .ember {
  --bg: #edf0df; --fg: #273a2f; --soft: #dce3cf; --accent: #334b3b; --on-accent: #fbf6e7;
  --display: "Cormorant Garamond", Georgia, serif; --body: "Chivo", Arial, sans-serif;
  --frame: 4px; --button-radius: 0px; --word-size: 30px;
}
.seif-identities .ember .site-head { flex-direction: column; justify-content: center; border-bottom: 1px solid #a1ad96; }
.seif-identities .ember .wordmark { font-weight: 600; letter-spacing: .07em; }
.seif-identities .ember .ember-hero {
  display: grid; grid-template-columns: 1fr 1.02fr; gap: 4%; align-items: stretch; padding: 14px 5%;
}
.seif-identities .ember .ember-intro { align-self: center; padding-block: 8px; }
.seif-identities .ember h4 { margin: 4px 0 8px; font-style: italic; font-weight: 600; font-size: clamp(30px, 8cqi, 59px); }
.seif-identities .ember .ember-intro p { margin-bottom: 10px; }
.seif-identities .ember .ember-hero .photo { --image: var(--ember); --position: center 58%; min-height: 222px; }
.seif-identities .ember .menu-teaser { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #a1ad96; }
.seif-identities .ember .menu-teaser div { padding: 9px 10%; }
.seif-identities .ember .menu-teaser div + div { border-left: 1px solid #a1ad96; }
.seif-identities .ember .menu-teaser b { display: block; font: 600 22px/1 var(--display); }
.seif-identities .ember .menu-teaser p { font-size: 11px; margin-top: 3px; }

.seif-identities .tavola {
  --bg: #142437; --fg: #f4ede3; --soft: #23394d; --accent: #efab75; --on-accent: #192536;
  --display: "DM Serif Text", Georgia, serif; --body: "Chivo", Arial, sans-serif;
  --frame: 5px; --button-radius: 2px; --word-size: 21px; --scheme: dark;
}
.seif-identities .tavola .site-head { border-bottom: 1px solid #596b7c; }
.seif-identities .tavola .wordmark { letter-spacing: .09em; text-transform: uppercase; }
.seif-identities .tavola .private-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(70px, .57fr); }
.seif-identities .tavola .private-form { padding: 14px 7%; }
.seif-identities .tavola h4 { font-size: clamp(25px, 6.4cqi, 47px); line-height: .98; margin: 5px 0 7px; }
.seif-identities .tavola .private-form > p { margin-bottom: 10px; }
.seif-identities .tavola .private-layout .photo { --image: var(--tavola); --position: center 55%; }
.seif-identities .tavola .eyebrow { color: #ffd3ac; }
.seif-identities .tavola .choices select { border-color: #82909e; }
.seif-identities .tavola .estimate { background: var(--soft); padding: 8px 10px; margin: 9px 0; border-left: 2px solid var(--accent); }
.seif-identities .tavola output { display: block; color: var(--accent); font: 400 28px/1.14 var(--display); }
.seif-identities .tavola .estimate small { font-size: 11px; }

.seif-identities .slice {
  --bg: #e0f1e8; --fg: #173c35; --soft: #bde0d2; --accent: #173c35; --on-accent: #f4fff9;
  --display: "Chivo", Arial, sans-serif; --body: "Space Mono", monospace;
  --frame: 14px; --button-radius: 12px; --word-size: 25px;
}
.seif-identities .slice .site-head { background: var(--accent); color: var(--on-accent); }
.seif-identities .slice .wordmark { font-weight: 900; letter-spacing: -.05em; }
.seif-identities .slice .slice-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 4px 10px; padding: 13px 5% 9px; }
.seif-identities .slice h4 { font-size: clamp(27px, 7.5cqi, 51px); font-weight: 900; letter-spacing: -.065em; }
.seif-identities .slice .slice-heading p { font-size: 11px; }
.seif-identities .slice .catalog-grid { padding: 0 5% 12px; }
.seif-identities .slice .sprite { border-radius: 8px; aspect-ratio: 1.55; }
.seif-identities .slice .cart { border-top: 1px solid #6b9c8e; padding: 9px 5%; }
.seif-identities .slice .cart h5 { font-weight: 900; }
.seif-identities .slice .cart ul { display: flex; flex-wrap: wrap; gap: 0 14px; }
@container (max-width: 395px) {
  .seif-identities .forno .opening-hero { min-height: 225px; }
  .seif-identities .ember .ember-hero .photo { min-height: 194px; }
  .seif-identities .tavola .private-layout { grid-template-columns: minmax(0, 1fr) 22%; }
}


.seif-identities .slice .sprite { --product-photo: var(--basil-margherita); }
.seif-identities .slice .sprite.second { --product-photo: var(--basil-rigatoni); }
.seif-identities .slice .sprite.third { --product-photo: var(--basil-tiramisu); }

#seif-italian-full-pages-compare {
  --forno: url("/website-concepts/italian-restaurants-assets/forno.jpg");
  --ember: url("/website-concepts/italian-restaurants-assets/ember.jpg");
  --tavola: url("/website-concepts/italian-restaurants-assets/tavola.jpg");
  --basil-margherita: url("/website-concepts/italian-restaurants-assets/basil-margherita.jpg");
  --basil-rigatoni: url("/website-concepts/italian-restaurants-assets/basil-rigatoni.jpg");
  --basil-tiramisu: url("/website-concepts/italian-restaurants-assets/basil-tiramisu.jpg");
}

.seif-identities .collection-header { margin-bottom: 11px; }
.seif-identities .board-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
.seif-identities .board-controls label { display: grid; gap: 4px; }
.seif-identities .board-controls select { max-width: 100%; }
.seif-identities .device-options { display: flex; gap: 5px; }
.seif-identities .brand-board { min-block-size: 0; }
.seif-identities .brand-board[hidden] { display: none; }
.seif-identities .package-line {
  margin: 0 0 9px;
  font-size: 12px;
  color: var(--board-muted);
}
.seif-identities .package-line strong { color: var(--board-price); }
.seif-identities .site {
  margin-inline: auto;
  width: 100%;
  font-size: 15px;
  line-height: 1.55;
}
.seif-identities[data-device="mobile"] .site { max-width: 390px; }
.seif-identities .address { min-height: 32px; }
.seif-identities .site-head { padding-block: 15px; }
.seif-identities .site-nav { gap: 5px 16px; font-size: 12px; }
.seif-identities .site-nav a { display: inline-flex; align-items: center; min-height: 29px; }
.seif-identities .site .action { min-height: 38px; padding-inline: 15px; font-size: 12px; }
.seif-identities .site h4 { overflow-wrap: normal; }
.seif-identities .site .panel {
  padding: clamp(26px, 5.8cqi, 64px) 6%;
  scroll-margin-top: 12px;
}
.seif-identities .panel h5 {
  margin: 0 0 12px;
  font: 400 clamp(26px, 5.1cqi, 52px)/1 var(--display);
  letter-spacing: -.025em;
}
.seif-identities .panel .eyebrow { margin-bottom: 6px; }
.seif-identities .panel p + p { margin-top: 8px; }
.seif-identities .panel p + .action { margin-top: 16px; }
.seif-identities .panel > p { max-width: 62ch; }
.seif-identities .panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(15px, 4cqi, 44px);
}
.seif-identities .panel-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seif-identities .panel-grid > * { min-width: 0; }
.seif-identities .panel-grid h6 {
  margin: 0 0 6px;
  font: 400 clamp(20px, 3.2cqi, 32px)/1.08 var(--display);
}
.seif-identities .panel-grid p { font-size: 14px; }
.seif-identities .panel.soft { background: var(--soft); }
.seif-identities .panel.outline { border-top: 1px solid color-mix(in srgb, currentColor 29%, transparent); }
.seif-identities .site .full-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 20px 6%;
  background: var(--accent);
  color: var(--on-accent);
  font-size: 12px;
}
.seif-identities .full-footer b { font: 400 23px/1 var(--display); }
.seif-identities .full-footer a { overflow-wrap: anywhere; }
.seif-identities .site details {
  padding: 9px 0;
  border-top: 1px solid color-mix(in srgb, currentColor 32%, transparent);
}
.seif-identities .site details p { padding: 7px 0 3px; }
.seif-identities .site summary { font-weight: 700; }
.seif-identities .site .menu-list { list-style: none; margin: 0; padding: 0; }
.seif-identities .menu-list li { padding: 10px 0; border-top: 1px solid color-mix(in srgb, currentColor 27%, transparent); }
.seif-identities .menu-list li > div { display: flex; justify-content: space-between; gap: 8px; }
.seif-identities .menu-list li p { font-size: 13px; }
.seif-identities .menu-list li span { white-space: nowrap; }
.seif-identities .fern .fern-hero { min-height: clamp(345px, 57cqi, 515px); padding-block: 24px; }
.seif-identities .fern .fern-hero h4 { font-size: clamp(44px, 9cqi, 88px); }
.seif-identities .fern .opening-strip { font-variant: small-caps; letter-spacing: .05em; }
.seif-identities .fern .pickup { border-top: 1px solid #a7a58e; }
.seif-identities .aster .aster-hero {
  min-height: clamp(325px, 49cqi, 480px);
  padding: 32px 7%;
}
.seif-identities .aster .aster-hero h4 { font-size: clamp(45px, 9cqi, 88px); }
.seif-identities .aster .aster-services {
  padding: 15px 0 0;
  gap: 20px;
}
.seif-identities .aster .aster-services article { display: block; }
.seif-identities .aster .aster-services .photo { min-height: 120px; aspect-ratio: 1.65; margin-bottom: 9px; }
.seif-identities .aster .aster-services b { font-size: 27px; }
.seif-identities .aster .aster-services p { margin-top: 4px; font-size: 14px; }
.seif-identities .aster .studio-intro { align-items: center; }
.seif-identities .aster .studio-intro .photo { --image: var(--aster-weddings); --position: 65% center; min-height: 190px; }
.seif-identities .aster .contact-panel { text-align: center; }
.seif-identities .aster .contact-panel p { margin-inline: auto; }
.seif-identities .stem .finder { padding: 22px 6% 32px; }
.seif-identities .stem .finder-top { margin-bottom: 16px; }
.seif-identities .stem .finder-top .photo { min-height: clamp(112px, 25cqi, 224px); }
.seif-identities .stem .finder-top h4 { font-size: clamp(33px, 8cqi, 72px); }
.seif-identities .stem .match { margin-top: 15px; gap: 16px; padding: 12px; }
.seif-identities .stem .match .sprite { max-height: none; }
.seif-identities .stem .match p { font-size: 14px; }
.seif-identities .stem .catalog-grid { margin-top: 16px; }
.seif-identities .stem .catalog-grid .sprite { border-radius: 10px; }
.seif-identities .post .store-heading { padding: 22px 5%; background: var(--soft); }
.seif-identities .post .store-heading h4 { font-size: clamp(36px, 8.6cqi, 80px); }
.seif-identities .post .store-body { grid-template-columns: minmax(0, 1fr) minmax(155px, .42fr); }
.seif-identities .post .store-body .catalog-grid { gap: 12px; padding-block: 20px; }
.seif-identities .post .cart { background: var(--bg); padding-block: 20px; }
.seif-identities .post .panel h5 { font-size: clamp(22px, 4.8cqi, 42px); }
.seif-identities .product p { font-size: 12px; line-height: 1.45; }
.seif-identities .forno .opening-hero { min-height: clamp(350px, 54cqi, 490px); }
.seif-identities .forno .opening-hero h4 { font-size: clamp(56px, 11.5cqi, 100px); }
.seif-identities .forno .opening-hero .photo { --position: center 51%; }
.seif-identities .forno .panel h5 { font-weight: 800; text-transform: uppercase; }
.seif-identities .forno .menu-feature { border-bottom: 2px solid var(--accent); }
.seif-identities .ember .ember-hero { padding-block: 24px; }
.seif-identities .ember .ember-hero .photo { min-height: clamp(255px, 47cqi, 444px); }
.seif-identities .ember .ember-hero h4 { font-size: clamp(38px, 8.4cqi, 76px); }
.seif-identities .ember .menu-panel { border-block: 1px solid #a1ad96; }
.seif-identities .ember .visit-panel { border-top: 1px solid #a1ad96; }
.seif-identities .tavola .private-layout { grid-template-columns: 1fr .8fr; }
.seif-identities .tavola .private-form { padding: 26px 9%; }
.seif-identities .tavola .private-form h4 { font-size: clamp(34px, 6.8cqi, 62px); }
.seif-identities .tavola .private-layout .photo { min-height: 400px; }
.seif-identities .tavola .estimate { padding: 11px 13px; }
.seif-identities .slice .slice-heading { padding-block: 23px 18px; }
.seif-identities .slice .slice-heading h4 { font-size: clamp(35px, 8.2cqi, 75px); }
.seif-identities .slice .catalog-grid { gap: 14px; padding-bottom: 22px; }
.seif-identities .slice .cart { padding-block: 15px; }
.seif-identities .slice .sprite { aspect-ratio: 1.26; }
@container (max-width: 540px) {
  .seif-identities .site-head { padding-block: 12px; }
  .seif-identities .site-nav { gap: 2px 11px; }
  .seif-identities .site .panel-grid.three { grid-template-columns: minmax(0, 1fr); }
  .seif-identities .site .panel-grid.three > div + div { padding-top: 11px; border-top: 1px solid color-mix(in srgb, currentColor 24%, transparent); }
  .seif-identities .fern .fern-hero, .seif-identities .forno .opening-hero,
  .seif-identities .ember .ember-hero, .seif-identities .tavola .private-layout,
  .seif-identities .post .store-body { grid-template-columns: minmax(0, 1fr); }
  .seif-identities .fern .fern-hero { gap: 13px; padding-block: 15px 20px; }
  .seif-identities .fern .fern-hero .photo { min-height: 0; aspect-ratio: 1.03; }
  .seif-identities .forno .opening-copy { padding: 19px 6%; }
  .seif-identities .forno .opening-hero .photo { aspect-ratio: 1.27; }
  .seif-identities .ember .ember-hero { gap: 12px; padding-block: 17px; }
  .seif-identities .ember .ember-hero .photo { min-height: 0; aspect-ratio: 1.4; }
  .seif-identities .aster .aster-hero { min-height: 314px; background-position: 58% center; }
  .seif-identities .aster .studio-intro { grid-template-columns: minmax(0, 1fr); }
  .seif-identities .aster .aster-services { gap: 12px; }
  .seif-identities .aster .aster-services .photo { min-height: 104px; }
  .seif-identities .tavola .private-form { padding: 23px 6%; }
  .seif-identities .tavola .private-layout .photo { min-height: 0; aspect-ratio: 1.28; }
  .seif-identities .post .cart { border-left: 0; border-top: 1px solid var(--fg); padding-inline: 6%; }
  .seif-identities .post .store-body .catalog-grid, .seif-identities .slice .catalog-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .seif-identities .post .product, .seif-identities .slice .product { display: grid; grid-template-columns: minmax(90px,.72fr) minmax(0,1fr); gap: 3px 12px; }
  .seif-identities .post .product .sprite, .seif-identities .slice .product .sprite { grid-row: span 4; aspect-ratio: .95; height: 100%; }
  .seif-identities .product .item-price { margin: 0; }
  .seif-identities .site .action { min-height: 44px; }
  .seif-identities .site .choices select { min-height: 44px; font-size: 16px; }
}
@container (max-width: 440px) {
  .seif-identities .site .panel-grid { grid-template-columns: minmax(0, 1fr); }
  .seif-identities .stem .finder-top { grid-template-columns: minmax(0, 1fr) minmax(85px, .59fr); gap: 9px; }
  .seif-identities .stem .finder-top .photo { min-height: 112px; }
  .seif-identities .stem .catalog-grid { gap: 6px; }
  .seif-identities .stem .catalog-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .seif-identities .stem .catalog-grid .product {
    display: grid;
    grid-template-columns: minmax(80px, .7fr) minmax(0, 1fr);
    gap: 3px 11px;
    align-items: start;
  }
  .seif-identities .stem .catalog-grid .sprite { grid-row: span 3; }
  .seif-identities .aster .aster-hero { background-position: 70% center; }
  .seif-identities .aster .aster-hero h4 { text-shadow: 0 2px 14px #1b0914; }
  .seif-identities .site-nav a { min-height: 44px; }
}
.seif-tier-collection { container: tier-collection / inline-size; }
.seif-tier-collection .tier-overview[hidden],
.seif-tier-collection .device-options[hidden] { display: none; }
.seif-tier-collection .tier-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 18px;
}
.seif-tier-collection .tier-entry {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--border);
}
.seif-tier-collection .tier-entry h3 {
  margin: 0;
  font: 500 15px/1.25 "DM Sans", Arial, sans-serif;
}
.seif-tier-collection .tier-estimate {
  margin: 0;
  font: 400 12px/1.35 "DM Sans", Arial, sans-serif;
  color: var(--muted-foreground);
}
.seif-tier-collection .tier-cover {
  min-width: 0;
  min-height: 139px;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 43%;
  background: var(--bg);
  color: var(--fg);
  border-radius: var(--frame, 6px);
  overflow: hidden;
}
.seif-tier-collection .tier-copy {
  padding: 12px clamp(9px, 2cqi, 17px);
  align-self: center;
}
.seif-tier-collection .tier-name {
  display: block;
  margin: 0 0 6px;
  font: 600 11px/1.25 var(--body);
  letter-spacing: .035em;
}
.seif-tier-collection .tier-headline {
  margin: 0;
  font: 400 clamp(24px, 3.9cqi, 42px)/.97 var(--display);
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
}
.seif-tier-collection .tier-image {
  background: var(--soft) var(--cover-photo) var(--cover-position, center) / cover no-repeat;
}
.seif-tier-collection .tier-action { align-self: flex-start; }
.seif-tier-collection .tier-cover.fern { --cover-photo: var(--fern); --cover-position: center 38%; }
.seif-tier-collection .tier-cover.aster { --cover-photo: var(--aster-hero); --cover-position: 77% center; }
.seif-tier-collection .tier-cover.stem { --cover-photo: var(--stem-hero); }
.seif-tier-collection .tier-cover.post { --cover-photo: var(--post-garden-jar); --cover-position: center 33%; }
.seif-tier-collection .tier-cover.forno { --cover-photo: var(--forno); --cover-position: center 64%; }
.seif-tier-collection .tier-cover.ember { --cover-photo: var(--ember); --cover-position: center 60%; }
.seif-tier-collection .tier-cover.tavola { --cover-photo: var(--tavola); --cover-position: center 58%; }
.seif-tier-collection .tier-cover.slice { --cover-photo: var(--basil-rigatoni); --cover-position: center 50%; }
.seif-tier-collection .tier-cover.clearwell { --cover-photo: var(--clearwell-hero); --cover-position: 64% center; }
.seif-tier-collection .tier-cover.morrow { --cover-photo: var(--morrow-meadow); }
.seif-tier-collection .tier-cover.coatline { --cover-photo: var(--coatline-hero); --cover-position: 55% center; }
.seif-tier-collection .tier-cover.ledge { --cover-photo: var(--ledge-planter); --cover-position: center 47%; }
.seif-tier-collection .tier-cover:is(.forno, .slice, .stem, .ledge) .tier-headline { font-weight: 700; }
.seif-tier-collection .tier-cover.forno .tier-headline { text-transform: uppercase; color: #9d261a; }
.seif-tier-collection .tier-cover:is(.aster, .ember) .tier-headline { font-style: italic; }
.seif-tier-collection .tier-cover.post .tier-headline { color: var(--accent); }
@container tier-collection (max-width: 525px) {
  .seif-tier-collection .tier-overview { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .seif-tier-collection .tier-headline { font-size: clamp(24px, 6.4cqi, 38px); }
}