#oc-info {
    color-scheme:light;
    --ink:#282923;
    --soft:#62645c;
    --rule:#dcddd5;
    --wash:#f7f6f2;
    --orange:#f15623;
    --clay:#a83b16;
    --peach:#fee5d8;
}
#oc-info, #oc-info * {
    box-sizing:border-box;
}
#oc-info {
    margin:0;
    background:#fff;
    color:var(--ink);
    font:400 18px/1.5 "Avenir Next",Arial,sans-serif;
}
#oc-info * {
    margin:0;
}
#oc-info a {
    color:inherit;
    text-decoration:none;
}
#oc-info button {
    font:inherit;
    color:inherit;
    cursor:pointer;
}
#oc-info :is(button,a):focus-visible {
    outline:2px solid var(--clay);
    outline-offset:4px;
}
#oc-info svg {
    width:22px;
    height:22px;
    flex:none;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linejoin:round;
    stroke-linecap:round;
}
#oc-info {
    width:min(1296px,calc(100% - 112px));
    margin-inline:auto;
}
#oc-info .trail {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    color:var(--soft);
    font-size:15px;
    padding-top:34px;
}
#oc-info .trail span[aria-hidden] {
    color:#a7a89f;
}
#oc-info h1, #oc-info h2, #oc-info h3 {
    font-weight:500;
    text-wrap:balance;
}
#oc-info h1 {
    font-size:clamp(52px,5.65vw,84px);
    letter-spacing:-.035em;
    line-height:1.05;
}
#oc-info h2 {
    font-size:clamp(34px,3.1vw,46px);
    letter-spacing:-.025em;
    line-height:1.13;
}
#oc-info h3 {
    font-size:25px;
    line-height:1.25;
    letter-spacing:-.012em;
}
#oc-info .lead {
    font-size:clamp(20px,1.55vw,24px);
    line-height:1.5;
    color:var(--soft);
    text-wrap:pretty;
}
#oc-info .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    min-height:50px;
    padding:12px 20px;
    border:1px solid var(--rule);
    border-radius:7px;
    background:white;
    font-size:17px;
    font-weight:500;
}
#oc-info .btn.primary {
    background:var(--orange);
    border-color:var(--orange);
    color:#fff;
    font-weight:400;
}
#oc-info .link {
    display:inline-flex;
    align-items:center;
    gap:12px;
    min-height:44px;
    font-weight:500;
}
#oc-info .link svg, #oc-info .quicklink svg {
    color:var(--orange);
}
#oc-info .label {
    font-size:16px;
    color:var(--soft);
    line-height:1.4;
}
#oc-info .num, #oc-info .rub {
    font-variant-numeric:tabular-nums;
}
#oc-info .rub {
    font-family:system-ui,Arial,sans-serif;
    font-size:.87em;
    font-weight:400;
}
#oc-info .about-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:7%;
    align-items:center;
    padding:34px 0 48px;
}
#oc-info .about-hero .lead {
    max-width:47ch;
    margin:24px 0 26px;
}
#oc-info .food {
    width:100%;
    display:block;
    object-fit:contain;
}
#oc-info .about-hero .food {
    height:clamp(370px,38vw,580px);
    object-fit:cover;
    object-position:50% 48%;
}
#oc-info .facts {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    border-top:1px solid var(--rule);
    padding:22px 0 0;
}
#oc-info .fact strong {
    display:block;
    font-weight:500;
    font-size:clamp(31px,3.35vw,50px);
    line-height:1.1;
    letter-spacing:-.035em;
}
#oc-info .fact small {
    font-size:.56em;
    letter-spacing:0;
}
#oc-info .fact p {
    font-size:17px;
    color:var(--soft);
    margin-top:7px;
}
#oc-info .storyrow {
    border-top:1px solid var(--rule);
    padding:58px 0;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8%;
    align-items:center;
}
#oc-info .storyrow .copy p {
    font-size:19px;
    color:var(--soft);
    margin-top:18px;
    line-height:1.6;
}
#oc-info .storyrow .link {
    margin-top:14px;
}
#oc-info .storyrow figure {
    height:335px;
    overflow:hidden;
    border-radius:12px;
}
#oc-info .storyrow figure img {
    width:100%;
    height:100%;
    object-fit:cover;
}
#oc-info .storyrow figure.scene img {
    transform:scale(1.7);
}
#oc-info .storyrow.kitchen figure img {
    object-fit:cover;
}
#oc-info .contact-head, #oc-info .info-head {
    padding:52px 0 44px;
}
#oc-info .info-head .lead {
    margin-top:18px;
    max-width:54ch;
}
#oc-info .contacts-grid {
    display:grid;
    grid-template-columns:.84fr 1.16fr;
    gap:8%;
    padding-bottom:52px;
    align-items:start;
}
#oc-info .contact-intro h2 {
    font-size:clamp(30px,3vw,44px);
    max-width:15ch;
}
#oc-info .contact-intro p {
    margin-top:18px;
    max-width:48ch;
    color:var(--soft);
    font-size:19px;
}
#oc-info .channel {
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 34px;
    align-items:center;
    gap:18px;
    border-top:1px solid var(--rule);
    padding:21px 4px;
}
#oc-info .channel:last-child {
    border-bottom:1px solid var(--rule);
}
#oc-info .channel .ic, #oc-info .metric .ic {
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:50%;
    background:#fff1e9;
    color:var(--clay);
}
#oc-info .channel .label {
    display:block;
    margin-bottom:2px;
}
#oc-info .channel .value {
    font-size:clamp(24px,2.5vw,39px);
    font-weight:500;
    letter-spacing:-.025em;
    line-height:1.22;
}
#oc-info .channel .out {
    color:var(--orange);
    width:25px;
    height:25px;
}
#oc-info .quicklinks {
    border-top:1px solid var(--rule);
    padding:27px 0 44px;
    display:flex;
    flex-wrap:wrap;
    gap:20px 42px;
    align-items:center;
}
#oc-info .quicklink {
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
}
#oc-info .metrics {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    padding:30px 36px;
    background:#fcf0e8;
    border-radius:12px;
    gap:28px;
}
#oc-info .metric {
    border-left:1px solid #dfcebf;
    padding-left:30px;
}
#oc-info .metric:first-child {
    border:0;
    padding-left:0;
}
#oc-info .metric .label {
    display:block;
    color:#69594e;
    margin-bottom:8px;
}
#oc-info .metric strong {
    font-size:clamp(30px,3.4vw,50px);
    font-weight:500;
    line-height:1.1;
    letter-spacing:-.035em;
}
#oc-info .delivery-rows {
    margin:52px 0 50px;
}
#oc-info .detail-row {
    display:grid;
    grid-template-columns:.72fr 1.28fr;
    gap:5%;
    padding:30px 0;
    border-top:1px solid var(--rule);
}
#oc-info .detail-row h2 {
    font-size:clamp(28px,2.5vw,37px);
}
#oc-info .detail-row p {
    max-width:64ch;
    color:var(--soft);
    font-size:19px;
}
#oc-info .detail-row p+p {
    margin-top:10px;
}
#oc-info .rates {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:baseline;
    gap:10px 18px;
    max-width:65ch;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid var(--rule);
}
#oc-info .rates b {
    font-size:22px;
    font-weight:500;
    white-space:nowrap;
}
#oc-info .small-actions {
    padding:0 0 58px;
    display:flex;
    align-items:center;
    gap:28px;
    flex-wrap:wrap;
}
#oc-info .legal-layout {
    display:grid;
    grid-template-columns:.68fr 1.32fr;
    gap:8%;
    align-items:start;
    padding:54px 0 62px;
}
#oc-info .legal-layout .lead {
    margin-top:20px;
    max-width:24ch;
}
#oc-info .legal-card {
    border:1px solid var(--rule);
    border-radius:12px;
    overflow:hidden;
}
#oc-info .legal-id {
    padding:27px 31px 24px;
    background:#fbefe7;
}
#oc-info .legal-id h2 {
    font-size:clamp(28px,2.65vw,40px);
    max-width:27ch;
    margin-top:8px;
    line-height:1.18;
}
#oc-info .id-data {
    padding:0 31px;
}
#oc-info .id-row {
    display:grid;
    grid-template-columns:.45fr 1fr 42px;
    align-items:center;
    min-height:72px;
    gap:12px;
    border-bottom:1px solid var(--rule);
}
#oc-info .id-row dd {
    font-size:clamp(20px,1.6vw,25px);
    font-weight:500;
    letter-spacing:.012em;
}
#oc-info button.copy {
    background:transparent;
    border:0;
    width:42px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:6px;
    color:var(--soft);
}
#oc-info .copy-all {
    border:0;
    background:transparent;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:55px;
    font-size:17px;
    padding:0;
    color:var(--clay);
}
#oc-info .notice {
    position:fixed;
    left:50%;
    bottom:24px;
    transform:translateX(-50%);
    color:white;
    background:var(--ink);
    padding:9px 16px;
    border-radius:8px;
    z-index:100;
    white-space:nowrap;
}
#oc-info .notice[hidden], #oc-info .notice:empty {
    display:none;
}
@media(hover:hover) {
#oc-info .btn:hover, #oc-info .chip:hover, #oc-info button.copy:hover {
    background:var(--wash);
}
#oc-info .btn.primary:hover {
    background:#d8491c;
}
#oc-info .link:hover, #oc-info .quicklink:hover, #oc-info .channel:hover .value, #oc-info .copy-all:hover, #oc-info .trail a:hover {
    color:var(--clay);
}
}
@media(max-width:1100px) {
#oc-info {
    width:calc(100% - 64px);
}
#oc-info .contacts-grid {
    gap:5%;
}
#oc-info .about-hero {
    gap:4%;
}
#oc-info .id-data {
    padding-inline:22px;
}
#oc-info .id-row {
    grid-template-columns:85px minmax(0,1fr) 40px;
}
}
@media(max-width:760px) {
#oc-info {
    width:calc(100% - 36px);
}
#oc-info .trail {
    padding-top:19px;
    font-size:14px;
    gap:8px;
}
#oc-info h1 {
    font-size:clamp(41px,10.4vw,56px);
    line-height:1.1;
    letter-spacing:-.028em;
}
#oc-info h2 {
    font-size:32px;
}
#oc-info .lead {
    font-size:19px;
}
#oc-info .about-hero {
    grid-template-columns:1fr;
    gap:15px;
    padding:32px 0 20px;
}
#oc-info .about-hero .lead {
    margin:16px 0 22px;
    font-size:18px;
}
#oc-info .about-hero .food {
    height:clamp(275px,83vw,440px);
}
#oc-info .facts {
    gap:12px;
    padding-top:17px;
}
#oc-info .fact strong {
    font-size:34px;
}
#oc-info .fact p {
    font-size:15px;
}
#oc-info .storyrow {
    display:flex;
    flex-direction:column;
    gap:22px;
    padding:32px 0;
    align-items:stretch;
}
#oc-info .storyrow .copy {
    order:-1;
}
#oc-info .storyrow .copy p {
    font-size:17px;
    margin-top:14px;
}
#oc-info .storyrow figure {
    height:225px;
}
#oc-info .contact-head, #oc-info .info-head {
    padding:32px 0 25px;
}
#oc-info .info-head .lead {
    margin-top:13px;
}
#oc-info .contacts-grid, #oc-info .legal-layout {
    grid-template-columns:1fr;
    gap:24px;
}
#oc-info .contact-intro h2 {
    font-size:25px;
    max-width:100%;
}
#oc-info .contact-intro p {
    font-size:17px;
    margin-top:8px;
    max-width:none;
}
#oc-info .contacts-grid {
    padding-bottom:26px;
}
#oc-info .channel {
    padding:16px 0;
    grid-template-columns:39px minmax(0,1fr) 23px;
    gap:11px;
}
#oc-info .channel .ic {
    width:38px;
    height:38px;
}
#oc-info .channel .label, #oc-info .label {
    font-size:15px;
}
#oc-info .channel .value {
    font-size:clamp(20px,5.5vw,26px);
}
#oc-info .channel .out {
    width:20px;
}
#oc-info .quicklinks {
    padding:18px 0 28px;
    gap:4px 20px;
}
#oc-info .quicklinks .label {
    width:100%;
}
#oc-info .quicklink, #oc-info .link {
    font-size:16px;
}
#oc-info .metrics {
    padding:4px 18px;
    grid-template-columns:1fr;
    gap:0;
}
#oc-info .metric, #oc-info .metric:first-child {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:0;
    border-bottom:1px solid #e1cfc1;
    padding:16px 0;
    gap:10px;
}
#oc-info .metric:last-child {
    border:0;
}
#oc-info .metric .label {
    margin:0;
}
#oc-info .metric strong {
    font-size:25px;
    white-space:nowrap;
}
#oc-info .delivery-rows {
    margin:30px 0 15px;
}
#oc-info .detail-row {
    display:block;
    padding:22px 0;
}
#oc-info .detail-row h2 {
    font-size:26px;
    margin-bottom:12px;
}
#oc-info .detail-row p {
    font-size:17px;
}
#oc-info .rates {
    font-size:16px;
    gap:10px;
}
#oc-info .rates b {
    font-size:18px;
}
#oc-info .small-actions {
    padding-bottom:34px;
    gap:10px 20px;
}
#oc-info .legal-layout {
    padding:32px 0 30px;
    gap:22px;
}
#oc-info .legal-layout .lead {
    margin-top:14px;
    max-width:100%;
}
#oc-info .legal-id {
    padding:20px;
}
#oc-info .legal-id h2 {
    font-size:27px;
}
#oc-info .id-data {
    padding:0 14px;
}
#oc-info .id-row {
    grid-template-columns:minmax(0,1fr) 40px;
    gap:2px 6px;
    padding:12px 0;
}
#oc-info .id-row dt {
    grid-column:1;
}
#oc-info .id-row dd {
    grid-column:1;
    font-size:21px;
}
#oc-info .id-row .copy {
    grid-column:2;
    grid-row:1/3;
}
#oc-info .legal-card .copy-all {
    font-size:16px;
    min-height:54px;
}
}
@media(prefers-reduced-motion:reduce) {
#oc-info, #oc-info * {
    scroll-behavior:auto!important;
}
}

#oc-info .contact-intro .keep {white-space:nowrap}

#oc-info .set-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5%;margin:40px 0}
#oc-info .set-cover{width:100%;height:auto;display:block}
#oc-info.oc-set-detail h1{font-size:clamp(36px,4.5vw,68px);margin:0 0 16px}
#oc-info .set-price{font-size:30px;margin:16px 0}
#oc-info .set-contents{padding:32px 0 54px;border-top:1px solid var(--rule)}
#oc-info .set-contents ul{list-style:none;padding:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
#oc-info .set-contents li{padding:12px 0;border-bottom:1px solid var(--rule)}
#oc-info .set-contents li span{display:block;color:var(--soft)}
@media(max-width:760px){#oc-info .set-detail-layout,#oc-info .set-contents ul{grid-template-columns:1fr;gap:14px}}