.studio--restaurant { --surface: #f1e8d6; --tone: #722e27; --display-font: StudioBodoni; }
.ember-hero { padding: 25px 5% 60px; }
.ember-top { display: flex; justify-content: space-between; font-size: 10px; letter-spacing: .1em; border-bottom: 1px solid #ac8574; padding-bottom: 22px; }
.ember-masthead { text-align: center; padding: 22px 0 30px; }
.ember-masthead .s-title { font-size: 13cqw; letter-spacing: -.055em; }
.ember-masthead .s-title i { font-size: .7em; }
.ember-masthead > span { font-size: 10px; letter-spacing: .27em; }
.ember-table { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 5%; align-items: center; }
.ember-table figure { height: 400px; }
.ember-table img { border-radius: 250px 250px 0 0; }
.ember-menu { display: flex; flex-direction: column; gap: 18px; font-size: 12px; }
.ember-menu > span { font-size: 9px; letter-spacing: .14em; margin-bottom: 20px; }
.ember-menu > a { padding-bottom: 14px; border-bottom: 1px solid #b9907e; }
.ember-menu > i { font: italic 28px/1.15 StudioBodoni; margin-top: 15px; }
.ember-star { font-size: 75px; }
.ember-invite p { font: 34px/1.1 StudioBodoni; margin: 20px 0 28px; }
.ember-invite .s-button { background: transparent; color: inherit; border-bottom: 1px solid; padding: 10px 0; }
.studio--restaurant .studio-body { background: #722e27; color: #f1e8d6; }
.studio--cafe { --surface: #f4ce49; --tone: #292820; --display-font: StudioAnton; }
.morning-hero { padding: 25px 5% 55px; }
.morning-strip { display: flex; justify-content: space-between; font: 11px StudioMono; border-bottom: 2px solid; padding-bottom: 25px; }
.morning-grid { display: grid; grid-template-columns: 1.3fr 1fr .42fr; gap: 3%; padding-top: 70px; align-items: center; }
.morning-type .s-title { font-size: 7.8cqw; line-height: 1.05; letter-spacing: -.02em; }
.morning-type .s-title span { display: block; }
.morning-type > p:not(.s-kicker) { margin: 25px 0; }
.morning-type .s-kicker { font-size: 8px; }
.morning-circle { position: relative; }
.morning-circle img { aspect-ratio: 1; border-radius: 50%; }
.morning-circle > span { font: 10px StudioMono; display: block; text-align: center; margin-top: 20px; }
.morning-note { border-left: 1px solid; padding: 25px 0 25px 20px; font-size: 9px; }
.morning-note strong { font: 30px/1.1 StudioCondensed; display: block; margin: 25px 0; }
.morning-note > span { font-size: 8px; line-height: 1.7; }
.studio--cafe .studio-menu { background: #eee9d8; border-top: 8px solid #292820; }
.studio--bakery { --surface: #fae4d5; --tone: #763e2c; --display-font: StudioBodoni; }
.studio--bakery .s-brand { font: 35px StudioScript; }
.flour-hero { text-align: center; padding: 25px 6% 40px; }
.flour-label { font-size: 9px; letter-spacing: .18em; margin-bottom: 22px; }
.flour-hero .s-title { font-size: 7.5cqw; }
.flour-hero > p { font-size: 13px; margin: 25px 0; }
.flour-display { position: relative; margin: 25px auto 0; height: 340px; width: 72%; }
.flour-display > img { border-radius: 150px 150px 0 0; }
.flour-script { position: absolute; left: -13%; top: 25%; font: 50px/.95 StudioScript; transform: rotate(-10deg); background: #fae4d5; padding: 10px; }
.flour-seal { position: absolute; right: -10%; bottom: 40px; border: 1px solid; outline: 4px double #763e2c; background: #f4d795; border-radius: 50%; padding: 35px 28px; font: 12px/1.8 StudioMono; transform: rotate(10deg); }
.flour-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; gap: 25px; font-size: 9px; letter-spacing: .13em; }
.studio--bakery .s-button { border-radius: 50px; }
.studio--bakery .studio-grid article { border-radius: 120px 120px 0 0; padding: 50px 25px 25px; text-align: center; background: #f4d795; }
.studio--pizzeria { --surface: #e3442f; --tone: #fff0b6; --display-font: StudioAnton; }
.crust-hero { padding-bottom: 35px; }
.studio--pizzeria .s-brand { font: 30px StudioAnton; letter-spacing: -.025em; }
.studio--pizzeria .s-brand span { margin: 0 10px; }
.crust-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 5%; padding: 3% 6% 0; }
.crust-word { position: relative; }
.crust-word .s-title { font-size: 12cqw; line-height: .95; letter-spacing: -.025em; }
.crust-word .s-title i { font-style: normal; color: #241e18; }
.crust-word .s-kicker { font-size: 8px; }
.crust-stamp { position: absolute; right: -12px; top: 45%; background: #fff0b6; color: #e3442f; border: 3px solid #e3442f; border-radius: 50%; padding: 22px; font: 20px/1 StudioAnton; transform: rotate(15deg); z-index: 1; }
.crust-photo { align-self: center; transform: rotate(5deg); padding: 10px; background: #fff0b6; color: #3b2b20; }
.crust-photo img { height: 425px; }
.crust-photo > span { display: block; font: 9px StudioMono; padding: 18px 5px 8px; }
.crust-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin: 40px 6% 0; border-top: 2px solid; padding-top: 25px; }
.crust-bottom > strong { font: 23px StudioAnton; }
.studio--pizzeria .studio-body { background: #fff0b6; color: #44291e; }
.studio--catering { --surface: #e8eadf; --tone: #43553b; --display-font: StudioBodoni; }
.studio--catering .s-brand { font: 34px StudioBodoni; }
.studio--catering .s-brand span { font-size: 19px; }
.gather-hero { display: grid; grid-template-columns: 1fr 1.5fr .85fr; gap: 3%; padding: 4% 5% 30px; align-items: center; }
.gather-left { padding-top: 90px; }
.gather-left img { height: 360px; }
.gather-left > span { display: block; font-size: 8px; letter-spacing: .12em; margin-top: 20px; }
.gather-center { text-align: center; }
.gather-center .s-title { font-size: 6.2cqw; }
.gather-center .s-kicker { font-size: 8px; }
.gather-center .s-button { margin-top: 35px; background: transparent; color: inherit; border-bottom: 1px solid; padding: 10px 0; }
.gather-right { align-self: start; }
.gather-right img { height: 300px; border-radius: 120px 120px 0 0; }
.gather-right p { font-size: 12px; margin-top: 25px; }
.gather-caption { grid-column: 1 / -1; margin-top: 30px; border-top: 1px solid #abb49d; padding-top: 25px; display: flex; justify-content: space-between; font-size: 9px; letter-spacing: .15em; }
.studio--catering .studio-body { background: #c9d3bb; }
@container (max-width: 700px) {
  .ember-top { font-size: 8px; gap: 20px; }
  .ember-top > span { display: none; }
  .ember-masthead .s-title { font-size: 15cqw; }
  .ember-masthead > span { font-size: 8px; }
  .ember-table { grid-template-columns: 1fr 1fr; gap: 25px; }
  .ember-table figure { grid-column: 1 / -1; grid-row: 1; height: 320px; }
  .ember-menu { font-size: 10px; }
  .ember-invite p { font-size: 27px; }
  .ember-star { font-size: 45px; }
  .morning-strip { font-size: 8px; gap: 25px; }
  .morning-grid { grid-template-columns: 1fr; padding-top: 35px; gap: 35px; }
  .morning-type .s-title { font-size: 16cqw; }
  .morning-circle { width: 75%; margin: auto; }
  .morning-note { display: none; }
  .flour-hero .s-title { font-size: 13cqw; }
  .flour-display { width: 83%; height: 240px; }
  .flour-script { font-size: 35px; left: -12%; }
  .flour-seal { padding: 22px 17px; font-size: 9px; }
  .flour-bottom { flex-direction: column; }
  .crust-grid { grid-template-columns: 1fr; gap: 35px; }
  .crust-word .s-title { font-size: 22cqw; }
  .crust-stamp { right: 10px; top: 38%; }
  .crust-photo { width: 90%; margin: auto; }
  .crust-photo img { height: 300px; }
  .crust-bottom { flex-direction: column; align-items: flex-start; }
  .crust-bottom > strong { font-size: 20px; }
  .gather-hero { grid-template-columns: 1fr 1fr; padding-top: 30px; gap: 25px; }
  .gather-center { grid-column: 1 / -1; grid-row: 1; }
  .gather-center .s-title { font-size: 14cqw; }
  .gather-left { padding-top: 40px; }
  .gather-left img { height: 260px; }
  .gather-right img { height: 210px; }
  .gather-caption { font-size: 7px; gap: 10px; letter-spacing: 0; }
}