/* * BIOTEN Packaging page family ยท V7.15.0 * A restrained paper-material system for the homepage, application pages, * product routes, Developer, methods, releases, articles and project intake. */ .bp7150-paper-system { --bp7150-paper: #f7f3ea; --bp7150-paper-soft: #fcfaf5; --bp7150-paper-warm: #eee7da; --bp7150-paper-sage: #e8eee8; --bp7150-paper-blue: #e8f0f3; --bp7150-paper-blue-soft: #f0f5f5; --bp7150-ink: #17352f; --bp7150-copy: #4c625c; --bp7150-muted: #74847f; --bp7150-green: #0b9b72; --bp7150-green-deep: #087158; --bp7150-blue: #286e94; --bp7150-amber: #a86d25; --bp7150-line: rgba(23, 53, 47, .115); --bp7150-line-strong: rgba(23, 53, 47, .2); --bp7150-line-light: rgba(255, 255, 255, .72); --bp7150-shadow: 0 28px 80px rgba(54, 60, 48, .115), 0 3px 14px rgba(54, 60, 48, .05); --bp7150-shadow-soft: 0 17px 48px rgba(54, 60, 48, .075), 0 2px 8px rgba(54, 60, 48, .035); --bp7150-radius: 30px; --bp7150-radius-inner: 22px; --bp7150-ease: cubic-bezier(.22, .82, .22, 1); color: var(--bp7150-ink); background: var(--bp7150-paper); } .bp7150-paper-system::before { position: fixed; z-index: 60; inset: 0; background-image: radial-gradient(circle at 14% 18%, rgba(72, 58, 37, .13) 0 .4px, transparent .72px), radial-gradient(circle at 76% 64%, rgba(72, 58, 37, .09) 0 .38px, transparent .68px), repeating-linear-gradient(96deg, transparent 0 10px, rgba(71, 64, 48, .014) 10px 11px, transparent 11px 21px); background-position: 0 0, 7px 11px, 0 0; background-size: 13px 15px, 19px 21px, 27px 27px; content: ""; mix-blend-mode: multiply; opacity: .12; pointer-events: none; } .bp7150-paper-system .site-header { background: rgba(247, 243, 234, .9); border-bottom-color: rgba(23, 53, 47, .085); box-shadow: 0 8px 34px rgba(58, 59, 45, .032); backdrop-filter: blur(18px) saturate(122%); } .bp7150-paper-system .bp7140-main { background: var(--bp7150-paper); } .bp7150-paper-system .bp7140-context { color: var(--bp7150-copy); background: rgba(247, 243, 234, .92); border-block-color: rgba(23, 53, 47, .09); box-shadow: 0 10px 28px rgba(61, 58, 45, .035); backdrop-filter: blur(14px) saturate(120%); } .bp7150-paper-system .bp7140-context a { letter-spacing: .025em; } .bp7150-paper-system .bp7140-context a::after { background: var(--bp7150-green); } .bp7150-paper-system .bp7140-eyebrow { width: max-content; max-width: 100%; gap: 8px; margin-bottom: 18px; padding: 7px 11px; color: var(--bp7150-green-deep); background: rgba(11, 155, 114, .072); border-radius: 999px; font-size: 10px; font-weight: 780; letter-spacing: .13em; } .bp7150-paper-system .bp7140-eyebrow::before { width: 6px; height: 6px; flex: 0 0 6px; background: var(--bp7150-green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(11, 155, 114, .095); } .bp7150-paper-system .bp7140-display, .bp7150-paper-system .bp7140-section-title, .bp7150-paper-system .bp7140-card h3, .bp7150-paper-system .bp7140-route-card h3, .bp7150-paper-system .bp7140-release-card h3, .bp7150-paper-system .bp7140-article h2, .bp7150-paper-system .bp7140-article h3 { color: var(--bp7150-ink); text-wrap: balance; } .bp7150-paper-system .bp7140-display em, .bp7150-paper-system .bp7140-section-title em { color: var(--bp7150-green-deep); } .bp7150-paper-system .bp7140-lead, .bp7150-paper-system .bp7140-copy, .bp7150-paper-system .bp7140-section-head > p { color: var(--bp7150-copy); } .bp7150-paper-system .bp7140-lead { max-width: 720px; line-height: 1.82; } /* Buttons use a nested circular affordance when an arrow span is present. */ .bp7150-paper-system .bp7140-button { min-height: 52px; gap: 10px; padding: 6px 7px 6px 20px; color: var(--bp7150-ink); background: rgba(255, 255, 255, .64); border-color: rgba(23, 53, 47, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76); transition: transform .5s var(--bp7150-ease), color .5s var(--bp7150-ease), background .5s var(--bp7150-ease), border-color .5s var(--bp7150-ease), box-shadow .5s var(--bp7150-ease); } .bp7150-paper-system .bp7140-button > span:last-child[aria-hidden="true"] { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; background: rgba(23, 53, 47, .07); border-radius: 50%; transition: transform .5s var(--bp7150-ease), background .5s var(--bp7150-ease); } .bp7150-paper-system .bp7140-button--primary { color: #fff; background: var(--bp7150-ink); border-color: var(--bp7150-ink); } .bp7150-paper-system .bp7140-button--primary > span:last-child[aria-hidden="true"], .bp7150-paper-system .bp7140-button--blue > span:last-child[aria-hidden="true"] { background: rgba(255, 255, 255, .13); } .bp7150-paper-system .bp7140-button--blue { color: #fff; background: var(--bp7150-blue); border-color: var(--bp7150-blue); } .bp7150-paper-system .bp7140-button:active { transform: scale(.98); } /* Standard page hero: paper field, real object image and a restrained film trace. */ .bp7150-paper-system:not(.bp7141-home) .bp7140-hero, .bp7150-paper-system .bp7140-article-hero { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 87% 24%, rgba(40, 110, 148, .1), transparent 26rem), radial-gradient(circle at 10% 78%, rgba(11, 155, 114, .085), transparent 24rem), linear-gradient(135deg, #fbf8f1 0%, #f4efe5 54%, #ede7db 100%); border-bottom: 1px solid rgba(23, 53, 47, .08); } .bp7150-paper-system:not(.bp7141-home) .bp7140-hero::before, .bp7150-paper-system .bp7140-article-hero::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(255, 255, 255, .28), transparent 43%), repeating-linear-gradient(0deg, transparent 0 47px, rgba(23, 53, 47, .016) 47px 48px); content: ""; pointer-events: none; } .bp7150-paper-system:not(.bp7141-home) .bp7140-hero__copy, .bp7150-paper-system .bp7140-article-hero__grid > div:first-child { position: relative; } .bp7150-paper-system:not(.bp7141-home) .bp7140-hero__copy::after, .bp7150-paper-system .bp7140-article-hero__grid > div:first-child::after { display: block; width: 108px; height: 2px; margin-top: 28px; background: linear-gradient(90deg, var(--bp7150-green), var(--bp7150-blue), transparent); content: ""; transform-origin: left center; animation: bp7150-film-trace 4.8s infinite var(--bp7150-ease); } .bp7150-paper-system .bp7140-hero__index { color: rgba(23, 53, 47, .045); } .bp7150-paper-system .bp7140-hero__media, .bp7150-paper-system .bp7140-article-hero__media { padding: 8px; overflow: hidden; background: rgba(255, 255, 255, .55); border: 1px solid rgba(255, 255, 255, .8); border-radius: 36px; box-shadow: var(--bp7150-shadow); } .bp7150-paper-system .bp7140-hero__media::before, .bp7150-paper-system .bp7140-article-hero__media::before { z-index: 3; inset: 16px; border-color: rgba(255, 255, 255, .56); border-radius: 23px; } .bp7150-paper-system .bp7140-article-hero__media::before { position: absolute; content: ""; pointer-events: none; } .bp7150-paper-system .bp7140-hero__media img, .bp7150-paper-system .bp7140-article-hero__media img { border-radius: 27px; filter: saturate(.84) contrast(.97) brightness(1.025); transition: transform 1s var(--bp7150-ease), filter 1s var(--bp7150-ease); } .bp7150-paper-system .bp7140-media-note { right: 24px; bottom: 23px; padding: 9px 12px; color: rgba(255, 255, 255, .9); background: rgba(23, 53, 47, .69); border-color: rgba(255, 255, 255, .22); border-radius: 999px; box-shadow: 0 8px 24px rgba(23, 53, 47, .12); font-size: 9px; letter-spacing: .045em; backdrop-filter: blur(9px); } .bp7150-paper-system .bp7140-status { color: var(--bp7150-copy); background: rgba(252, 250, 245, .78); border-color: var(--bp7150-line); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72); } /* Section rhythm and paper grades. */ .bp7150-paper-system .bp7140-section { padding: clamp(82px, 8vw, 116px) 0; border: 0; } .bp7150-paper-system .bp7140-section--white { background: var(--bp7150-paper-soft); } .bp7150-paper-system .bp7140-section--warm { background: radial-gradient(circle at 92% 16%, rgba(168, 109, 37, .055), transparent 23rem), var(--bp7150-paper-warm); border-block: 1px solid rgba(23, 53, 47, .07); } .bp7150-paper-system .bp7140-section--deep { color: var(--bp7150-ink); background: radial-gradient(circle at 84% 18%, rgba(40, 110, 148, .105), transparent 27rem), radial-gradient(circle at 12% 88%, rgba(11, 155, 114, .09), transparent 25rem), var(--bp7150-paper-sage); border-block: 1px solid rgba(23, 53, 47, .07); } .bp7150-paper-system .bp7140-section--deep .bp7140-eyebrow, .bp7150-paper-system .bp7140-section--deep .bp7140-card__number, .bp7150-paper-system .bp7140-section--deep .bp7140-card a { color: var(--bp7150-green-deep); } .bp7150-paper-system .bp7140-section--deep .bp7140-section-head > p, .bp7150-paper-system .bp7140-section--deep .bp7140-copy, .bp7150-paper-system .bp7140-section--deep .bp7140-card p { color: var(--bp7150-copy); } .bp7150-paper-system .bp7140-section-head { gap: clamp(32px, 6vw, 72px); margin-bottom: 44px; } .bp7150-paper-system .bp7140-section-title { max-width: 780px; font-size: clamp(40px, 4vw, 58px); letter-spacing: -.045em; line-height: 1.11; } .bp7150-paper-system .bp7140-section-head > p { max-width: 440px; font-size: 15px; line-height: 1.82; } .bp7150-paper-system .bp7140-grid { gap: 18px; } /* Double-bezel cards read as coated paper samples, not translucent software tiles. */ .bp7150-paper-system .bp7140-card, .bp7150-paper-system .bp7140-section--deep .bp7140-card { height: 100%; overflow: hidden; padding: 30px; color: var(--bp7150-ink); background: rgba(252, 250, 245, .82); border: 1px solid rgba(255, 255, 255, .76); border-radius: var(--bp7150-radius); box-shadow: var(--bp7150-shadow-soft); backdrop-filter: none; transition: transform .58s var(--bp7150-ease), box-shadow .58s var(--bp7150-ease), background .58s var(--bp7150-ease); } .bp7150-paper-system .bp7140-card::before, .bp7150-paper-system .bp7140-section--deep .bp7140-card::before { inset: 8px; border-color: rgba(23, 53, 47, .052); border-radius: var(--bp7150-radius-inner); } .bp7150-paper-system .bp7140-card::after { position: absolute; top: 0; right: 24px; left: 24px; height: 1px; background: linear-gradient(90deg, transparent, rgba(11, 155, 114, .42), rgba(40, 110, 148, .3), transparent); content: ""; opacity: .7; } .bp7150-paper-system .bp7140-section--deep .bp7140-card h3, .bp7150-paper-system .bp7140-section--deep .bp7140-card p { color: inherit; } .bp7150-paper-system .bp7140-card__number { margin-bottom: 38px; color: var(--bp7150-green-deep); font-size: 10px; letter-spacing: .125em; } .bp7150-paper-system .bp7140-card h3 { font-size: clamp(21px, 1.8vw, 27px); } .bp7150-paper-system .bp7140-card p { color: var(--bp7150-copy); font-size: 13px; line-height: 1.76; } .bp7150-paper-system .bp7140-card a { color: var(--bp7150-green-deep); } .bp7150-paper-system .bp7140-route-card, .bp7150-paper-system .bp7140-release-card { height: 100%; padding: 8px; overflow: hidden; background: rgba(255, 255, 255, .55); border: 1px solid rgba(255, 255, 255, .77); border-radius: 32px; box-shadow: var(--bp7150-shadow-soft); transition: transform .62s var(--bp7150-ease), box-shadow .62s var(--bp7150-ease), background .62s var(--bp7150-ease); } .bp7150-paper-system .bp7140-route-card::before { inset: 8px; border-color: rgba(255, 255, 255, .48); border-radius: 24px; } .bp7150-paper-system .bp7140-route-card__media, .bp7150-paper-system .bp7140-release-card__media { border-radius: 24px; } .bp7150-paper-system .bp7140-route-card__media img, .bp7150-paper-system .bp7140-release-card__media img { filter: saturate(.82) contrast(.965) brightness(1.025); transition: transform .95s var(--bp7150-ease), filter .95s var(--bp7150-ease); } .bp7150-paper-system .bp7140-route-card__body, .bp7150-paper-system .bp7140-release-card__body { padding: 24px 22px 23px; } .bp7150-paper-system .bp7140-route-card__meta, .bp7150-paper-system .bp7140-release-card__meta { color: var(--bp7150-green-deep); font-size: 9px; letter-spacing: .105em; } .bp7150-paper-system .bp7140-route-card h3, .bp7150-paper-system .bp7140-release-card h3 { font-size: clamp(22px, 2vw, 28px); } .bp7150-paper-system .bp7140-route-card p, .bp7150-paper-system .bp7140-release-card p { color: var(--bp7150-copy); font-size: 13px; line-height: 1.74; } .bp7150-paper-system .bp7140-route-card__body > a, .bp7150-paper-system .bp7140-release-card__body > a { color: var(--bp7150-green-deep); } /* Engineering chain becomes a pale coated-paper specimen. */ .bp7150-paper-system .bp7140-chain { position: relative; gap: 8px; padding: 8px; overflow: visible; background: rgba(255, 255, 255, .48); border: 1px solid rgba(255, 255, 255, .74); border-radius: 32px; box-shadow: var(--bp7150-shadow-soft); } .bp7150-paper-system .bp7140-chain::before { position: absolute; z-index: 3; top: 8px; right: 9%; left: 9%; height: 2px; background: linear-gradient(90deg, transparent, var(--bp7150-green), var(--bp7150-blue), transparent); content: ""; opacity: .58; } .bp7150-paper-system .bp7140-chain article { min-height: 194px; padding: 29px 22px 24px; color: var(--bp7150-ink); background: rgba(252, 250, 245, .87); border-radius: 23px; } .bp7150-paper-system .bp7140-chain article:not(:last-child)::after { right: -7px; color: var(--bp7150-green-deep); background: var(--bp7150-paper-sage); } .bp7150-paper-system .bp7140-chain span { color: var(--bp7150-green-deep); } .bp7150-paper-system .bp7140-chain strong { color: var(--bp7150-ink); } .bp7150-paper-system .bp7140-chain p { color: var(--bp7150-copy); } /* Releases: editorial cards and evidence-colored filters. */ .bp7150-paper-system .bp7140-filter-bar { margin-bottom: 30px; padding: 10px; background: rgba(238, 231, 218, .62); border: 1px solid rgba(23, 53, 47, .07); border-radius: 999px; } .bp7150-paper-system .bp7140-filters button { color: var(--bp7150-copy); border-color: transparent; } .bp7150-paper-system .bp7140-filters button:hover { background: rgba(255, 255, 255, .56); } .bp7150-paper-system .bp7140-filters button[aria-pressed="true"] { color: #fff; background: var(--bp7150-ink); border-color: var(--bp7150-ink); } .bp7150-paper-system .bp7140-result-count { padding-right: 10px; color: var(--bp7150-muted); } .bp7150-paper-system .bp7140-release-grid { gap: 18px; } .bp7150-paper-system .bp7140-release-card--feature { grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); } .bp7150-paper-system .bp7140-release-card--feature .bp7140-release-card__media { min-height: 400px; } .bp7150-paper-system .bp7140-evidence-ribbon { gap: 8px; padding: 8px; background: rgba(255, 255, 255, .45); border-color: rgba(255, 255, 255, .7); border-radius: 24px; box-shadow: var(--bp7150-shadow-soft); } .bp7150-paper-system .bp7140-evidence-ribbon article { background: rgba(232, 240, 243, .74); border-radius: 17px; } .bp7150-paper-system .bp7140-evidence-ribbon p { color: var(--bp7150-copy); } /* Article pages: strong reading measure, paper notes and reproducible evidence. */ .bp7150-paper-system .bp7140-article-hero { padding: 94px 0 70px; } .bp7150-paper-system .bp7140-article-meta { color: var(--bp7150-muted); } .bp7150-paper-system .bp7140-article-page .bp7140-section--white { background: linear-gradient(90deg, rgba(238, 231, 218, .38) 0, transparent 18%, transparent 82%, rgba(232, 238, 232, .42) 100%), var(--bp7150-paper-soft); } .bp7150-paper-system .bp7140-article-layout { grid-template-columns: 210px minmax(0, 760px) minmax(210px, 1fr); gap: clamp(34px, 4vw, 52px); } .bp7150-paper-system .bp7140-toc { padding: 18px 17px; background: rgba(238, 231, 218, .64); border: 1px solid rgba(23, 53, 47, .07); border-radius: 18px; } .bp7150-paper-system .bp7140-toc p { color: var(--bp7150-green-deep); } .bp7150-paper-system .bp7140-toc a { color: var(--bp7150-muted); border-left-color: rgba(23, 53, 47, .12); } .bp7150-paper-system .bp7140-toc a[aria-current="true"] { color: var(--bp7150-ink); border-left-color: var(--bp7150-green); } .bp7150-paper-system .bp7140-article h2 { scroll-margin-top: 150px; font-size: clamp(31px, 3.2vw, 43px); letter-spacing: -.04em; } .bp7150-paper-system .bp7140-article h3 { color: var(--bp7150-ink); } .bp7150-paper-system .bp7140-article p, .bp7150-paper-system .bp7140-article li { color: var(--bp7150-copy); } .bp7150-paper-system .bp7140-article blockquote { color: var(--bp7150-ink); background: var(--bp7150-paper-blue); border-left-color: var(--bp7150-blue); border-radius: 0 20px 20px 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); } .bp7150-paper-system .bp7140-table-wrap { background: rgba(255, 255, 255, .54); border: 1px solid rgba(255, 255, 255, .76); border-radius: 20px; box-shadow: var(--bp7150-shadow-soft); } .bp7150-paper-system .bp7140-table { background: rgba(252, 250, 245, .92); } .bp7150-paper-system .bp7140-table caption { color: var(--bp7150-copy); background: var(--bp7150-paper-warm); } .bp7150-paper-system .bp7140-table th { color: var(--bp7150-ink); background: rgba(232, 238, 232, .74); } .bp7150-paper-system .bp7140-table td { color: var(--bp7150-copy); } .bp7150-paper-system .bp7140-table th, .bp7150-paper-system .bp7140-table td { border-bottom-color: rgba(23, 53, 47, .09); } .bp7150-paper-system .bp7140-passport { padding: 7px; background: rgba(255, 255, 255, .58); border: 1px solid rgba(255, 255, 255, .78); border-radius: 22px; box-shadow: var(--bp7150-shadow-soft); } .bp7150-paper-system .bp7140-passport__head { color: #fff; background: linear-gradient(135deg, var(--bp7150-ink), #23594e); border-radius: 16px; } .bp7150-paper-system .bp7140-passport__head span { color: #a6e7d0; } .bp7150-paper-system .bp7140-passport dl div { border-bottom-color: rgba(23, 53, 47, .09); } .bp7150-paper-system .bp7140-passport dt { color: var(--bp7150-muted); } .bp7150-paper-system .bp7140-passport dd { color: var(--bp7150-copy); } .bp7150-paper-system .bp7140-passport a { background: var(--bp7150-blue); } .bp7150-paper-system .bp7140-evidence-empty { color: var(--bp7150-copy); background: rgba(232, 240, 243, .72); border-color: rgba(40, 110, 148, .25); } .bp7150-paper-system .bp7140-evidence-empty::before { color: var(--bp7150-blue); background: rgba(255, 255, 255, .58); } .bp7150-paper-system .bp7140-relationship { gap: 9px; } .bp7150-paper-system .bp7140-relationship a { color: var(--bp7150-copy); background: rgba(252, 250, 245, .82); border-color: rgba(23, 53, 47, .085); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7); } .bp7150-paper-system .bp7140-relationship a span { color: var(--bp7150-green-deep); } /* Project intake: neutralize the legacy stack and retain an intentional form hierarchy. */ .bp7150-paper-system.bp7140-intake-page .request-page { color: var(--bp7150-ink); background: var(--bp7150-paper); } .bp7150-paper-system.bp7140-intake-page .request-hero { position: relative; overflow: hidden; color: var(--bp7150-ink); background: radial-gradient(circle at 83% 22%, rgba(40, 110, 148, .11), transparent 25rem), radial-gradient(circle at 12% 84%, rgba(11, 155, 114, .09), transparent 23rem), linear-gradient(135deg, #fbf8f1, #eee7da); border-bottom: 1px solid rgba(23, 53, 47, .08); } .bp7150-paper-system.bp7140-intake-page .request-hero-inner, .bp7150-paper-system.bp7140-intake-page .request-shell { width: var(--bp7140-shell); max-width: none; } .bp7150-paper-system.bp7140-intake-page .request-hero h1, .bp7150-paper-system.bp7140-intake-page .request-intro h2, .bp7150-paper-system.bp7140-intake-page .request-card legend, .bp7150-paper-system.bp7140-intake-page .request-group h3 { color: var(--bp7150-ink); } .bp7150-paper-system.bp7140-intake-page .request-hero p:last-child, .bp7150-paper-system.bp7140-intake-page .request-intro p:last-child { color: var(--bp7150-copy); } .bp7150-paper-system.bp7140-intake-page .request-kicker { color: var(--bp7150-green-deep); } .bp7150-paper-system.bp7140-intake-page .request-hero-visual .bpv2-hero-panel { background: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .78); box-shadow: var(--bp7150-shadow); } .bp7150-paper-system.bp7140-intake-page .request-shell { padding-block: clamp(72px, 8vw, 112px); } .bp7150-paper-system.bp7140-intake-page .request-intro { max-width: 780px; margin-bottom: 40px; } .bp7150-paper-system.bp7140-intake-page .bioten-request-form { gap: 18px; } .bp7150-paper-system.bp7140-intake-page .request-card { padding: clamp(24px, 3vw, 34px); background: rgba(252, 250, 245, .82); border: 1px solid rgba(255, 255, 255, .78); border-radius: var(--bp7150-radius); box-shadow: var(--bp7150-shadow-soft); } .bp7150-paper-system.bp7140-intake-page .request-card legend span { color: var(--bp7150-green-deep); background: var(--bp7150-paper-sage); } .bp7150-paper-system.bp7140-intake-page .bioten-request-form label { color: var(--bp7150-copy); } .bp7150-paper-system.bp7140-intake-page .bioten-request-form input, .bp7150-paper-system.bp7140-intake-page .bioten-request-form select, .bp7150-paper-system.bp7140-intake-page .bioten-request-form textarea { color: var(--bp7150-ink); background: rgba(255, 255, 255, .7); border-color: rgba(23, 53, 47, .13); border-radius: 14px; box-shadow: inset 0 1px 2px rgba(23, 53, 47, .025); } .bp7150-paper-system.bp7140-intake-page .bioten-request-form input:focus, .bp7150-paper-system.bp7140-intake-page .bioten-request-form select:focus, .bp7150-paper-system.bp7140-intake-page .bioten-request-form textarea:focus { border-color: var(--bp7150-green); box-shadow: 0 0 0 4px rgba(11, 155, 114, .1); } .bp7150-paper-system.bp7140-intake-page .request-options label { background: rgba(255, 255, 255, .58); border-color: rgba(23, 53, 47, .1); } .bp7150-paper-system.bp7140-intake-page .request-options label:has(input:checked) { color: var(--bp7150-ink); background: var(--bp7150-paper-sage); border-color: rgba(11, 155, 114, .35); } .bp7150-paper-system.bp7140-intake-page .request-submit { padding: 24px; background: var(--bp7150-paper-sage); border: 1px solid rgba(23, 53, 47, .08); border-radius: 22px; } .bp7150-paper-system.bp7140-intake-page .request-submit-button, .bp7150-paper-system.bp7140-intake-page .request-reset-button { border-radius: 999px; } .bp7150-paper-system.bp7140-intake-page .request-submit-button { color: #fff; background: var(--bp7150-ink); border-color: var(--bp7150-ink); } .bp7150-paper-system.bp7140-intake-page .request-reset-button { color: var(--bp7150-copy); background: rgba(255, 255, 255, .62); border-color: rgba(23, 53, 47, .14); } .bp7150-paper-system.bp7140-intake-page .request-result { background: var(--bp7150-paper-blue); border-color: rgba(40, 110, 148, .2); border-radius: 22px; } /* CTA is a contained dark brand anchor; footer remains the only full-width deep field. */ .bp7150-paper-system .bp7140-cta { padding: clamp(64px, 7vw, 92px) 0; color: #fff; background: var(--bp7150-paper); } .bp7150-paper-system .bp7140-cta__grid { position: relative; overflow: hidden; padding: clamp(36px, 5vw, 62px); background: radial-gradient(circle at 88% 18%, rgba(40, 110, 148, .28), transparent 24rem), radial-gradient(circle at 12% 92%, rgba(11, 155, 114, .19), transparent 22rem), var(--bp7150-ink); border: 1px solid rgba(255, 255, 255, .11); border-radius: 34px; box-shadow: var(--bp7150-shadow); } .bp7150-paper-system .bp7140-cta__grid::before { position: absolute; top: 0; right: 7%; left: 7%; height: 1px; background: linear-gradient(90deg, transparent, rgba(143, 230, 200, .8), rgba(118, 180, 212, .7), transparent); content: ""; } .bp7150-paper-system .bp7140-cta h2 { color: #fff; font-size: clamp(34px, 3.7vw, 52px); text-wrap: balance; } .bp7150-paper-system .bp7140-cta p { color: rgba(255, 255, 255, .7); } .bp7150-paper-system .bp7140-cta .bp7140-button { color: var(--bp7150-ink); background: #fff; border-color: #fff; } .bp7150-paper-system .bp7140-footer { color: rgba(255, 255, 255, .76); background: radial-gradient(circle at 86% 10%, rgba(40, 110, 148, .13), transparent 24rem), #0d2b25; } .bp7150-paper-system .bp7140-footer__top { gap: clamp(54px, 7vw, 96px); padding: 64px 0 50px; } .bp7150-paper-system .bp7140-footer__brand img { width: auto; max-width: 132px; height: auto; max-height: 68px; object-fit: contain; object-position: left center; } .bp7150-paper-system .bp7140-footer__brand strong { margin-top: 18px; font-size: 14px; } .bp7150-paper-system .bp7140-footer__brand p { max-width: 330px; color: rgba(255, 255, 255, .56); font-size: 11px; line-height: 1.75; } .bp7150-paper-system .bp7140-footer__directory { gap: clamp(24px, 4vw, 42px); } .bp7150-paper-system .bp7140-footer__group h2 { color: #9ce5cc; font-size: 9px; } .bp7150-paper-system .bp7140-footer__group a { padding: 4px 0; color: rgba(255, 255, 255, .69); font-size: 11px; } .bp7150-paper-system .bp7140-footer__bottom { min-height: 58px; font-size: 10px; } /* Pointer-driven coating sheen is added progressively by the V7.15 runtime. */ .bp7150-paper-system .bp7150-coated-media { --bp7150-x: 64%; --bp7150-y: 24%; isolation: isolate; } .bp7150-paper-system .bp7150-coated-media::after { position: absolute; z-index: 2; inset: 0; background: radial-gradient(circle at var(--bp7150-x) var(--bp7150-y), rgba(255, 255, 255, .62) 0, rgba(255, 255, 255, .2) 12%, transparent 32%), linear-gradient(112deg, transparent 22%, rgba(255, 255, 255, .2) 43%, transparent 62%); content: ""; mix-blend-mode: soft-light; opacity: .2; pointer-events: none; transition: opacity .45s var(--bp7150-ease); } .bp7150-paper-system .bp7150-coated-media.is-sheen-active::after { opacity: .5; } .bp7150-paper-system .bp7150-coated-media img { will-change: transform; } .bp7150-paper-system .bp7150-card-indexed { transition-delay: calc(var(--bp7150-stagger, 0) * 34ms); } @media (hover: hover) and (pointer: fine) { .bp7150-paper-system .bp7140-button:hover, .bp7150-paper-system .bp7140-button:focus-visible { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(23, 53, 47, .105), inset 0 1px 0 rgba(255, 255, 255, .8); } .bp7150-paper-system .bp7140-button:hover > span:last-child[aria-hidden="true"], .bp7150-paper-system .bp7140-button:focus-visible > span:last-child[aria-hidden="true"] { transform: translate3d(2px, -1px, 0) scale(1.04); } .bp7150-paper-system .bp7140-card:hover, .bp7150-paper-system .bp7140-card:focus-within, .bp7150-paper-system .bp7140-route-card:hover, .bp7150-paper-system .bp7140-route-card:focus-within, .bp7150-paper-system .bp7140-release-card:hover, .bp7150-paper-system .bp7140-release-card:focus-within { transform: translateY(-6px); background: rgba(255, 255, 255, .76); box-shadow: var(--bp7150-shadow); } .bp7150-paper-system .bp7140-route-card:hover img, .bp7150-paper-system .bp7140-route-card:focus-within img, .bp7150-paper-system .bp7140-release-card:hover img, .bp7150-paper-system .bp7140-release-card:focus-within img, .bp7150-paper-system .bp7140-hero__media:hover img, .bp7150-paper-system .bp7140-article-hero__media:hover img { transform: scale(1.025); filter: saturate(.88) contrast(.98) brightness(1.035); } } @keyframes bp7150-film-trace { 0%, 12% { opacity: .28; transform: scaleX(.16); } 42%, 72% { opacity: .92; transform: scaleX(1); } 100% { opacity: .3; transform: scaleX(.22); } } @media (max-width: 1120px) { .bp7150-paper-system .bp7140-article-layout { grid-template-columns: 178px minmax(0, 1fr); } .bp7150-paper-system .bp7140-passport { grid-column: 2; } .bp7150-paper-system .bp7140-release-card--feature { grid-template-columns: minmax(0, 1fr); } .bp7150-paper-system .bp7140-release-card--feature .bp7140-release-card__media { min-height: 0; aspect-ratio: 4 / 3; } } @media (max-width: 860px) { .bp7150-paper-system::before { opacity: .09; } .bp7150-paper-system .bp7140-hero, .bp7150-paper-system .bp7140-article-hero { padding-block: 72px 58px; } .bp7150-paper-system .bp7140-hero__grid, .bp7150-paper-system .bp7140-article-hero__grid { gap: 42px; } .bp7150-paper-system .bp7140-section { padding: 76px 0; } .bp7150-paper-system .bp7140-section-head { gap: 20px; margin-bottom: 34px; } .bp7150-paper-system .bp7140-article-layout { grid-template-columns: minmax(0, 1fr); } .bp7150-paper-system .bp7140-toc, .bp7150-paper-system .bp7140-passport { grid-column: auto; } .bp7150-paper-system .bp7140-toc { padding: 8px; background: rgba(238, 231, 218, .7); } .bp7150-paper-system .bp7140-cta__grid { gap: 32px; } .bp7150-paper-system .bp7140-footer__top { gap: 38px; } .bp7150-paper-system.bp7140-intake-page .request-hero-inner { gap: 36px; } } @media (max-width: 560px) { .bp7150-paper-system .bp7140-eyebrow { margin-bottom: 15px; padding: 6px 10px; font-size: 9px; letter-spacing: .11em; } .bp7150-paper-system .bp7140-section { padding: 62px 0; } .bp7150-paper-system .bp7140-section-title { font-size: 33px; } .bp7150-paper-system .bp7140-hero__media, .bp7150-paper-system .bp7140-article-hero__media, .bp7150-paper-system .bp7140-route-card, .bp7150-paper-system .bp7140-release-card, .bp7150-paper-system .bp7140-card { border-radius: 24px; } .bp7150-paper-system .bp7140-hero__media, .bp7150-paper-system .bp7140-article-hero__media { padding: 6px; } .bp7150-paper-system .bp7140-hero__media img, .bp7150-paper-system .bp7140-article-hero__media img, .bp7150-paper-system .bp7140-route-card__media, .bp7150-paper-system .bp7140-release-card__media { border-radius: 18px; } .bp7150-paper-system .bp7140-card { padding: 25px; } .bp7150-paper-system .bp7140-card__number { margin-bottom: 28px; } .bp7150-paper-system .bp7140-chain { padding: 6px; border-radius: 24px; } .bp7150-paper-system .bp7140-chain article { min-height: auto; border-radius: 18px; } .bp7150-paper-system .bp7140-filter-bar { align-items: flex-start; padding: 10px; border-radius: 22px; } .bp7150-paper-system .bp7140-result-count { padding: 0 8px 4px; } .bp7150-paper-system .bp7140-cta { padding: 52px 0; } .bp7150-paper-system .bp7140-cta__grid { padding: 30px 24px; border-radius: 25px; } .bp7150-paper-system .bp7140-cta h2 { font-size: 32px; } .bp7150-paper-system .bp7140-footer__directory { grid-template-columns: minmax(0, 1fr); } .bp7150-paper-system.bp7140-intake-page .request-card { padding: 22px 18px; border-radius: 24px; } .bp7150-paper-system.bp7140-intake-page .request-grid, .bp7150-paper-system.bp7140-intake-page .request-options-grid { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { .bp7150-paper-system *, .bp7150-paper-system *::before, .bp7150-paper-system *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } .bp7150-paper-system .bp7150-coated-media::after { display: none; } }