.other-custom-page { background: #faf7f2; }
.oc-main { --oc-ink: #30251d; --oc-muted: #685d51; --oc-line: #ded3c4; color: var(--oc-ink); font-size: 16px; line-height: 1.7; }
.oc-shell { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.oc-main h1, .oc-main h2, .oc-main h3, .oc-main p, .oc-main figure { margin: 0; }
.oc-main h1, .oc-main h2, .oc-main h3 { text-wrap: balance; }
.oc-main h2 { font-size: clamp(1.65rem, 2.4vw, 2.1rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.22; }
.oc-main h3 { font-size: 1.2rem; font-weight: 650; letter-spacing: -.025em; line-height: 1.35; }
.oc-main p { color: var(--oc-muted); }
.oc-main [id] { scroll-margin-top: 145px; }
.oc-main a:focus-visible, .oc-main summary:focus-visible { outline: 3px solid #956437; outline-offset: 5px; }
.oc-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 34px; font-size: .875rem; color: #6f6050; }
.oc-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.oc-hero { padding: 146px 0 50px; background: #efe7da; }
.oc-hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 50px; }
.oc-hero-copy h1 { font-size: clamp(2rem, 3.5vw, 2.9rem); font-weight: 650; line-height: 1.13; letter-spacing: -.045em; }
.oc-hero-copy > p { max-width: 49ch; margin-top: 23px; font-size: 1rem; }
.oc-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.oc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; width: fit-content; padding: 11px 20px; border: 1px solid transparent; border-radius: 7px; font-size: .875rem; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; transition: background-color .18s ease, border-color .18s ease; }
.oc-button-dark { color: #fff6e8; background: #39291e; }.oc-button-dark:hover { background: #594030; }
.oc-button-outline { color: #503923; border-color: #bfaa8f; background: transparent; }.oc-button-outline:hover { background: #e6d8c5; border-color: #947350; }
.oc-button-gold { color: #332217; background: #f2d6a4; }.oc-button-gold:hover { background: #ffe6bb; }
.oc-hero-image img { display: block; width: 100%; height: auto; border-radius: 9px; }
.oc-main figcaption { margin-top: 10px; font-size: .8125rem; line-height: 1.5; color: #746556; }
.oc-jump-nav { display: flex; flex-wrap: wrap; gap: 4px 28px; padding-block: 17px; border-bottom: 1px solid var(--oc-line); }
.oc-jump-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; font-weight: 600; color: #5b4736; }
.oc-jump-nav a:hover { color: #2f2015; text-decoration: underline; text-underline-offset: 5px; }
.oc-section { padding-block: 62px; }
.oc-heading { display: grid; grid-template-columns: .9fr 1.1fr; align-items: end; gap: 50px; margin-bottom: 32px; }
.oc-heading > p { max-width: 62ch; font-size: .975rem; }
.oc-format-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.oc-format-card { min-width: 0; border: 1px solid var(--oc-line); border-radius: 9px; overflow: hidden; background: #fffdfa; }
.oc-format-card > figure { position: relative; aspect-ratio: 3 / 2; overflow: hidden; padding: 0; background: #ece3d5; border-bottom: 1px solid var(--oc-line); }
.oc-format-card > figure > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.oc-format-copy { padding: 28px 30px; }.oc-format-copy > p { margin-top: 13px; font-size: .9375rem; }
.oc-format-copy dl { margin: 22px 0 0; }
.oc-format-copy dl > div { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 13px; padding-block: 14px; border-top: 1px solid var(--oc-line); }
.oc-format-copy dt { font-size: .875rem; font-weight: 650; }.oc-format-copy dd { margin: 0; color: var(--oc-muted); font-size: .875rem; line-height: 1.6; }
.oc-main .oc-caption { margin-top: 17px; color: #736354; font-size: .8125rem; }
.oc-sleeve { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; padding: 43px; border: 1px solid #d8c9b5; border-radius: 9px; background: #eee4d5; }
.oc-sleeve p { margin-top: 19px; font-size: .9375rem; }.oc-spec-list { margin: 0; }
.oc-spec-list > div { padding-block: 19px; border-bottom: 1px solid #d3c3ad; }.oc-spec-list > div:first-child { padding-top: 0; }.oc-spec-list > div:last-child { padding-bottom: 0; border-bottom: 0; }
.oc-spec-list dt { font-size: .975rem; font-weight: 650; }.oc-spec-list dd { margin: 7px 0 0; color: #645442; font-size: .9375rem; }
.oc-special-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }.oc-special-grid > article { min-width: 0; }
.oc-special-grid h2 { font-size: clamp(1.5rem, 2vw, 1.8rem); }.oc-special-grid p { margin-top: 20px; font-size: .9375rem; }
.oc-checks { padding-left: 19px; margin: 21px 0 0; }.oc-checks li { padding-left: 5px; margin-top: 14px; font-size: .9375rem; color: var(--oc-muted); }.oc-checks strong { color: var(--oc-ink); font-weight: 600; }
.oc-additional { padding-block: 54px; background: #f0e9de; border-top: 1px solid var(--oc-line); }
.oc-additional-image img { display: block; width: 100%; height: auto; aspect-ratio: auto; border-radius: 9px; }
.oc-new-formats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 30px; }
.oc-new-formats article { min-width: 0; padding: 27px 29px; border: 1px solid #dbcfbd; border-radius: 8px; background: #fffaf3; }
.oc-new-formats article > p { margin-top: 13px; font-size: .9375rem; }.oc-new-formats dl { margin: 20px 0 0; }
.oc-new-formats dl > div { border-top: 1px solid var(--oc-line); padding-top: 13px; }.oc-new-formats dl > div + div { margin-top: 14px; }
.oc-new-formats dt { font-size: .875rem; font-weight: 650; }.oc-new-formats dd { margin: 5px 0 0; color: var(--oc-muted); font-size: .9375rem; }
.oc-fit-section { background: #eae7df; padding-block: 52px; border-block: 1px solid #dcd6ca; }
.oc-fit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 33px; }.oc-fit-grid article { border-top: 1px solid #b4ab9b; padding-top: 22px; }.oc-fit-grid h3 { font-size: 1.05rem; }.oc-fit-grid p { margin-top: 13px; font-size: .9375rem; }
.oc-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; align-items: start; gap: 65px; }.oc-faq-layout > div > p { margin-top: 17px; max-width: 30ch; font-size: .9375rem; }
.oc-faq-list { min-width: 0; border-top: 1px solid var(--oc-line); }.oc-faq-list details { border-bottom: 1px solid var(--oc-line); }
.oc-faq-list summary { position: relative; list-style: none; padding: 22px 35px 22px 0; cursor: pointer; font-size: .975rem; font-weight: 600; line-height: 1.5; }.oc-faq-list summary::-webkit-details-marker { display: none; }
.oc-faq-list summary::after { content: '+'; position: absolute; right: 4px; top: 21px; font-size: 1.25rem; line-height: 1.2; font-weight: 400; }.oc-faq-list details[open] summary::after { content: '\2212'; }
.oc-faq-list details p { padding: 0 25px 24px 0; font-size: .9375rem; }.oc-faq-list summary:hover { color: #81532d; }
.oc-brief { padding: 0 0 60px; }.oc-brief-panel { padding: 42px; background: #efe6d8; border: 1px solid #d9c9b3; border-radius: 10px; }
.oc-brief-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: start; }
.oc-brief h2 { font-size: clamp(1.65rem, 2.3vw, 2rem); }.oc-brief-grid > div > p { color: #675543; margin-top: 19px; font-size: .9375rem; max-width: 47ch; }
.oc-brief .oc-actions { margin-top: 23px; }.oc-brief-notes { padding-left: 28px; border-left: 1px solid #cdbba2; }.oc-brief-notes h3 { font-size: 1rem; }
.oc-brief-list { margin: 17px 0 0; padding: 0; }.oc-brief-list > div + div { margin-top: 15px; }
.oc-brief-list dt { font-size: .875rem; font-weight: 600; }.oc-brief-list dd { margin: 3px 0 0; color: #675543; font-size: .875rem; line-height: 1.55; }
.oc-related { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; margin-top: 30px; border-top: 1px solid #d6c6ae; }.oc-related p { font-size: .875rem; color: #675543; }.oc-related .oc-actions { margin: 0; gap: 10px; }.oc-related .oc-button { min-height: 42px; padding: 10px 16px; }
.other-custom-page .site-footer { grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 36px; padding: 42px max(24px, calc((100% - 1200px) / 2)) 70px; background: #281e17; }
.other-custom-page .site-footer nav { display: grid; grid-template-columns: repeat(2, minmax(115px, 1fr)); column-gap: 30px; row-gap: 0; padding-right: 50px; font-size: .875rem; }
.other-custom-page .site-footer nav a { display: flex; align-items: center; min-height: 44px; }.other-custom-page .site-footer nav a:hover { color: #fff1d6; }
.other-custom-page .site-footer p { font-size: .875rem; line-height: 1.65; max-width: 43ch; color: #c8b9a9; }.other-custom-page .site-footer .footer-contact { margin-top: 13px; color: #f1dfc6; font-weight: 600; }
@media (max-width: 900px) { .oc-hero-grid { grid-template-columns: 1fr; gap: 30px; }.oc-hero-copy { max-width: 700px; }.oc-hero-copy > p { max-width: 65ch; } }
@media (max-width: 1050px) { .oc-hero-grid { gap: 30px; }.oc-format-copy { padding: 24px; }.oc-sleeve { padding: 30px; gap: 35px; }.oc-special-grid { gap: 35px; }.oc-brief-grid { gap: 35px; }.oc-related { align-items: flex-start; flex-direction: column; } }
@media (max-width: 760px) { .oc-heading, .oc-sleeve, .oc-special-grid, .oc-faq-layout, .oc-brief-grid { grid-template-columns: 1fr; gap: 26px; }.oc-heading { align-items: start; }.oc-format-grid { grid-template-columns: 1fr; }.oc-fit-grid { grid-template-columns: 1fr; gap: 23px; }.oc-special-grid { gap: 38px; }.oc-faq-layout > div > p { max-width: 65ch; }.oc-brief-notes { border-left: 0; border-top: 1px solid #d6c6ae; padding: 24px 0 0; }.oc-brief-panel { padding: 30px; }.other-custom-page .site-footer { grid-template-columns: 1fr; gap: 24px; }.other-custom-page .site-footer nav { max-width: 420px; } }
@media (max-width: 600px) { .oc-shell { width: calc(100% - 40px); }.oc-hero { padding-top: 123px; padding-bottom: 32px; }.oc-breadcrumb { margin-bottom: 25px; }.oc-main [id] { scroll-margin-top: 120px; }.oc-actions > a { flex: 1 1 210px; } }
@media (max-width: 600px) { .oc-section { padding-block: 38px; }.oc-format-copy { padding: 24px 21px; }.oc-sleeve { padding: 26px 22px; }.oc-jump-nav { gap: 2px 22px; }.oc-fit-section { padding-block: 38px; }.oc-brief { padding-bottom: 38px; }.oc-brief-panel { padding: 26px 22px; }.oc-related .oc-actions { width: 100%; }.oc-format-copy dl > div { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; }.oc-hero h1 br, .oc-brief h2 br { display: none; } }
@media (max-width: 760px) { .oc-new-formats { grid-template-columns: 1fr; gap: 20px; }.oc-additional { padding-block: 38px; }.oc-new-formats article { padding: 25px 22px; }.other-custom-page .site-footer nav { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; padding-right: 56px; } }
@media (prefers-reduced-motion: reduce) { html:has(.other-custom-page) { scroll-behavior: auto; }.oc-button { transition: none; } }