.cj-experience-page { --exp-ink:#152f2b; --exp-muted:#62696b; --exp-accent:#995718; --exp-line:#e0e2df; --exp-paper:#fcfbf9; --exp-serif:"CJ Experience Serif","Noto Serif SC","Songti SC",SimSun,Georgia,serif; background:var(--exp-paper); color:var(--exp-ink); }
.cj-experience-page #page,.cj-experience-page .site-content,.cj-experience-page .content-area { width:100%; max-width:none; padding:0; margin:0; display:block; }
.cj-experience-page #primary.cj-experiences { width:100%; max-width:none; margin:0; padding:0; }
.cj-experience-page * { letter-spacing:0; }
.cj-experience-wrap { width:calc(100% - 100px); max-width:1280px; margin-inline:auto; }
.cj-experience-page .cj-global-header { background:var(--exp-paper); border-bottom:1px solid var(--exp-line); position:relative; }
.cj-experience-page .cj-global-header__inner { width:calc(100% - 100px); max-width:1360px; height:58px; min-height:58px; gap:24px; }
.cj-experience-page .cj-global-brand { font-family:var(--exp-serif); font-weight:500; font-size:28px; gap:14px; }
.cj-experience-page .cj-global-brand small { display:none; }
.cj-experience-page .cj-global-brand__seal { width:38px; height:38px; flex-basis:38px; font-size:22px; }
.cj-experience-page .cj-global-nav { gap:28px; }
.cj-experience-page .cj-global-nav a { font-size:13px; font-weight:600; }
.cj-experience-page .cj-nav-products[data-escape-closed] .cj-nav-products__menu { opacity:0; visibility:hidden; pointer-events:none; }
.cj-experience-page .cj-global-header__actions { gap:14px; }
.cj-experience-page .cj-language-switcher { font-size:12px; padding:8px 12px; border:1px solid #e4e4e2; border-radius:4px; }
.cj-experience-advisor { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 14px; background:#213e35; color:#fff; border-radius:4px; text-decoration:none; font-size:13px; font-weight:600; white-space:nowrap; }
.cj-experience-advisor img { filter:brightness(0) invert(1); }
.cj-experience-advisor:hover { background:#315348; color:#fff; }
.cj-experience-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:18px 0 15px; column-gap:28px; }
.cj-experience-breadcrumb { grid-column:1/-1; display:flex; gap:14px; margin-bottom:14px; color:var(--exp-muted); font-size:11px; line-height:16px; }
.cj-experience-breadcrumb a { text-decoration:none; color:inherit; }
.cj-experience-heading h1 { font-family:var(--exp-serif); font-size:60px; font-weight:700; line-height:1.1; margin:0 0 2px; color:var(--exp-ink); }
.cj-experience-subtitle { margin:0; font-family:var(--exp-serif); font-size:24px; line-height:1.4; color:var(--exp-ink); }
.cj-experience-intro { align-self:center; text-align:right; font-family:var(--exp-serif); font-size:16px; line-height:1.5; color:var(--exp-muted); margin:0; }
.cj-experience-banner { width:100%; height:134px; overflow:hidden; }
.cj-experience-banner img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 59%; }
.cj-experience-catalog { padding-top:28px; padding-bottom:20px; }
.cj-experience-list-heading { display:flex; align-items:center; gap:18px; margin-bottom:12px; }
.cj-experience-list-heading h2 { font-family:var(--exp-serif); font-size:28px; line-height:1.35; font-weight:700; color:var(--exp-ink); margin:0; }
.cj-experience-list-heading>span { color:var(--exp-muted); font-size:12px; white-space:nowrap; }
.cj-experience-clear { margin-left:auto; display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--exp-muted); text-underline-offset:4px; white-space:nowrap; }
.cj-experiences img:not(.cj-experience-banner img):not(.cj-experience-card__image img),.cj-experience-footer img { width:18px; height:18px; object-fit:contain; flex:none; }
.cj-experience-filters { display:grid; grid-template-columns:1fr 1fr 1fr 1.14fr; gap:28px; margin:0 0 20px; }
.cj-experience-filters>label { display:flex; gap:10px; align-items:center; margin:0; font-size:13px; color:var(--exp-ink); }
.cj-experience-filters>label>span { flex:none; }
.cj-experience-filters select { width:100%; min-width:0; min-height:40px; padding:8px 30px 8px 14px; border:1px solid #d2d7d6; border-radius:4px; background:transparent url('../icons/lucide/chevron-down.svg') right 11px center/15px no-repeat; appearance:none; color:#303b3a; font:400 13px/1.5 var(--cj-sans,sans-serif); cursor:pointer; }
.cj-experience-search { display:flex; min-width:0; min-height:40px; border:1px solid #d2d7d6; border-radius:4px; }
.cj-experience-search button { display:flex; align-items:center; justify-content:center; flex:none; width:42px; padding:0; background:transparent; color:var(--exp-ink); border:0; cursor:pointer; }
.cj-experience-search input { width:100%; min-width:0; border:0; padding:8px 8px 8px 4px; background:transparent; color:var(--exp-ink); font-size:13px; }
.cj-experience-search input::placeholder { color:#737b7b; opacity:1; }
.cj-experience-feedback { min-height:20px; font-size:12px; color:var(--exp-muted); line-height:20px; }
.cj-experience-filters { margin-bottom:0; }
.cj-experience-feedback button { color:var(--exp-accent); background:transparent; border:1px solid var(--exp-line); padding:5px 12px; margin-left:10px; border-radius:3px; cursor:pointer; }
.cj-experience-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px; }
.cj-experience-card { min-width:0; margin:0; }
.cj-experience-card>a { display:block; color:inherit; text-decoration:none; }
.cj-experience-card__image { width:100%; aspect-ratio:1.72; overflow:hidden; border-radius:2px; background:#eef0ed; }
.cj-experience-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 650ms cubic-bezier(.22,.61,.36,1); }
.cj-experience-card__meta { display:flex; align-items:center; gap:6px; color:var(--exp-accent); font-size:12px; line-height:18px; margin:11px 0 6px; }
.cj-experience-card h3 { font-family:var(--exp-serif); font-size:24px; line-height:1.4; font-weight:700; margin:0 0 5px; color:var(--exp-ink); text-wrap:pretty; transition:color 220ms ease-out; }
.cj-experience-card__summary { color:var(--exp-muted); font-size:15px; line-height:1.7; margin:0 0 8px; }
.cj-experience-card__link { display:inline-flex; align-items:center; gap:10px; border-bottom:1px solid #c8a98b; color:var(--exp-accent); font:600 14px/1.5 var(--exp-serif); padding-bottom:2px; }
.cj-experience-card__link img,.cj-experience-results-footer a img { transition:transform 220ms ease-out; }
.cj-experience-card a:hover h3 { color:var(--exp-accent); }
.cj-experience-card a:hover .cj-experience-card__image img { transform:scale(1.025); }
.cj-experience-card a:hover .cj-experience-card__link img { transform:translateX(4px); }
.cj-experience-results-footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px; border-top:1px solid var(--exp-line); margin-top:20px; padding-top:12px; font-size:12px; color:var(--exp-muted); }
.cj-experience-results-footer p { margin:0 0 0 auto; display:flex; gap:8px; align-items:center; }
.cj-experience-results-footer p a { display:inline-flex; align-items:center; gap:8px; color:var(--exp-accent); text-underline-offset:5px; }
.cj-experience-pagination { display:flex; gap:6px; }
.cj-experience-pagination a { display:flex; align-items:center; justify-content:center; width:34px; height:34px; color:var(--exp-ink); text-decoration:none; border:1px solid var(--exp-line); border-radius:3px; }
.cj-experience-pagination a[aria-current="page"] { background:var(--exp-ink); border-color:var(--exp-ink); color:#fff; }
.cj-experience-pagination a:hover:not([aria-current]) { background:#edf1ed; }
.cj-experience-empty { padding:50px 0 70px; text-align:center; }
.cj-experience-empty h3 { font-size:24px; font-family:var(--exp-serif); }
.cj-experience-empty a { color:var(--exp-accent); }
.cj-experience-footer { background:var(--exp-paper); color:var(--exp-muted); border-top:1px solid var(--exp-line); padding:24px 0 14px; }
.cj-experience-footer__top { display:grid; grid-template-columns:3.7fr .8fr .8fr .8fr; gap:34px; }
.cj-experience-footer .cj-global-brand { font-size:22px; color:var(--exp-ink); gap:10px; }
.cj-experience-footer .cj-global-brand__seal { width:30px; height:30px; flex-basis:30px; font-size:18px; }
.cj-experience-footer__top p { font-size:12px; line-height:1.6; margin:4px 0 0 40px; }
.cj-experience-footer h2 { color:var(--exp-ink); font-size:13px; font-weight:600; margin:0 0 6px; line-height:1.5; }
.cj-experience-footer__top>div>a:not(.cj-global-brand) { display:block; color:var(--exp-muted); font-size:12px; line-height:1.7; text-decoration:none; }
.cj-experience-footer__bottom { display:flex; justify-content:space-between; gap:16px; margin-top:20px; font-size:11px; }
.cj-experience-footer__bottom>div { display:flex; gap:12px; }
.cj-experience-footer__bottom a { color:var(--exp-muted); text-decoration:none; }
.cj-experience-page :is(a,button,select,input):focus-visible { outline:2px solid #9b5d23; outline-offset:4px; }
.cj-experience-page a,.cj-experience-page button { transition:color 220ms ease-out,background-color 220ms ease-out; }
.cj-experience-footer a:hover { color:var(--exp-accent)!important; text-decoration:underline!important; }
.cj-experience-page .cj-service-dock__details:not([open]) summary { width:38px; font-size:10px; flex-direction:column; padding:8px 2px; }
.cj-experience-page .cj-service-dock__details:not([open]) .cj-service-dock__links { display:none; }
.cj-experience-page { overflow-anchor:none; }
.cj-experience-card__meta img,.cj-experience-card__link img,.cj-experience-clear img,.cj-experience-results-footer p img { filter:invert(36%) sepia(52%) saturate(758%) hue-rotate(350deg) brightness(88%) contrast(91%); }
@media(min-width:901px) and (max-width:1150px) { .cj-experience-page .cj-global-header__inner { width:calc(100% - 100px)!important; } .cj-experience-card h3 { font-size:23px; } }
@media(min-width:1400px) { .cj-experience-banner { height:170px; } .cj-experience-heading { padding-block:24px; } }
@media(max-width:1150px) { .cj-experience-page .cj-global-header__inner { width:calc(100% - 60px); gap:14px; } .cj-experience-page .cj-global-brand { font-size:25px; } .cj-experience-page .cj-global-nav { gap:20px; } .cj-experience-filters { gap:24px; } }
@media(max-width:900px) { .cj-experience-wrap { width:calc(100% - 64px); } .cj-experience-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 22px; } .cj-experience-heading h1 { font-size:48px; } .cj-experience-subtitle { font-size:21px; } .cj-experience-intro { font-size:14px; } .cj-experience-card h3 { font-size:22px; } .cj-experience-footer__top { grid-template-columns:2fr 1fr 1fr 1fr; gap:22px; } .cj-experience-page .cj-global-header__actions>.cj-experience-advisor { display:none; } }
@media(max-width:600px) { .cj-experience-wrap { width:calc(100% - 44px); } .cj-experience-page .cj-global-header__inner { width:calc(100% - 40px); height:62px; } .cj-experience-page .cj-global-brand { font-size:21px; gap:9px; } .cj-experience-page .cj-global-brand__seal { width:32px; height:32px; flex-basis:32px; font-size:18px; } .cj-experience-heading { display:block; padding-block:18px 22px; } .cj-experience-breadcrumb { margin-bottom:16px; } .cj-experience-heading h1 { font-size:42px; margin-bottom:8px; } .cj-experience-subtitle { font-size:20px; } .cj-experience-intro { text-align:left; margin-top:14px; font-size:15px; } .cj-experience-intro br { display:none; } .cj-experience-banner { height:130px; } .cj-experience-catalog { padding-top:24px; } .cj-experience-list-heading { gap:8px 12px; flex-wrap:wrap; margin-bottom:18px; } .cj-experience-list-heading h2 { font-size:24px; width:100%; } .cj-experience-filters { gap:12px; } .cj-experience-filters>label { display:block; font-size:13px; } .cj-experience-filters>label>span { display:block; margin-bottom:6px; } .cj-experience-filters select { min-height:44px; font-size:16px; padding-left:10px; } .cj-experience-search { margin-top:25px; } .cj-experience-search input { font-size:16px; } .cj-experience-search button { width:34px; } .cj-experience-grid { grid-template-columns:1fr; gap:24px; } .cj-experience-card h3 { font-size:23px; } .cj-experience-card__summary { font-size:15px; } .cj-experience-results-footer { gap:14px; } .cj-experience-results-footer p { width:100%; margin:0; flex-wrap:wrap; } .cj-experience-footer__top { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 14px; } .cj-experience-footer__top>div:first-child { grid-column:1/-1; } .cj-experience-footer__bottom { flex-direction:column; } .cj-experience-footer__top p { margin-left:0; margin-top:8px; } }
@media(prefers-reduced-motion:reduce) { .cj-experience-page *, .cj-experience-page *::before { transition:none!important; animation:none!important; scroll-behavior:auto!important; } .cj-experience-card a:hover .cj-experience-card__image img { transform:none; } }