body{margin:0;background:var(--paper);color:var(--ink1);font-family:var(--font);font-weight:300;-webkit-font-smoothing:antialiased}
.chr-page{--paper:#f6f4ef;--paper2:#e8e4dc;--sand:#cfc8ba;--ink1:#091028;--ink2:rgba(9,16,40,.68);--ink3:rgba(9,16,40,.5);--line:rgba(9,16,40,.14);background:var(--paper);color:var(--ink1)}
.chr-page a{color:var(--ink1);text-decoration:none;transition:color var(--dur) var(--ease)}.chr-page a:hover{color:var(--ember)}
.chr-page button{font-family:inherit}
.chr-x{padding:0 40px}
.chr-mast{position:relative;padding:40px 40px 0;overflow:hidden}
.chr-mast .h1-kw{color:var(--ink2);margin:0 0 12px;max-width:calc(100% - 240px)}
.chr-mast-r{position:absolute;top:40px;right:40px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink2);display:flex;align-items:center;gap:10px}
.chr-mast-r::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ember)}
.chr-h1{margin:0;font-weight:inherit}
.chr-mast-t{display:inline-block;white-space:nowrap;font-weight:400;font-size:10.6vw;line-height:.86;letter-spacing:-.045em;text-transform:uppercase;color:var(--ink1);padding:40px 0 12px;margin-left:-.04em}
.chr-ctrl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:end;padding:28px 40px 24px;border-bottom:1px solid var(--line)}
.chr-ctrl-l{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink1);margin-bottom:16px;font-weight:400}
.chr-ctrl-l::after{content:" •";color:var(--ember)}
.chr-ctrl .r{text-align:right}.chr-ctrl .r .chr-opts{justify-content:flex-end}
.chr-opts{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px}
.chr-opt{background:none;border:0;padding:0;color:var(--ink2);cursor:pointer;font-size:13px;text-underline-offset:3px}
.chr-opt:not(:last-child)::after{content:"/";color:var(--ink3);margin:0 7px;display:inline-block;text-decoration:none}
.chr-opt:hover{color:var(--ink1)}
.chr-opt[aria-pressed="true"]{color:var(--ink1);text-decoration:underline;text-decoration-thickness:1px}
.chr-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ink1);padding-bottom:8px}
.chr-search svg{flex:none;color:var(--ink2)}
.chr-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink1);font:inherit;font-size:16px;padding:4px 0}
.chr-search input::placeholder{color:var(--ink3)}
.chr-search input::-webkit-search-cancel-button{display:none}
.chr-count{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);white-space:nowrap}
.chr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}
.chr-grid>*{margin-right:-1px}
.chr-card{display:flex;flex-direction:column;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.chr-card[hidden]{display:none}
.chr-card-img{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--paper2);margin-bottom:22px;border-radius:14px;isolation:isolate}
.chr-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease)}
.chr-card:hover .chr-card-img img{transform:scale(1.03)}
.chr-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink2);margin-bottom:14px}
.chr-card-ttl{display:block;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--ink1);font-weight:400;max-width:24ch;text-wrap:pretty;transition:color var(--dur) var(--ease)}
.chr-card:hover .chr-card-ttl{color:var(--ember)}
.chr-card-sum{display:none;font-size:16px;line-height:1.55;color:var(--ink2);margin-top:12px;max-width:52ch;text-wrap:pretty}
.chr-card-tags{display:flex;flex-wrap:wrap;gap:2px 0;margin-top:18px;font-size:11px;color:var(--ink2)}
.chr-card-tags span{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink3)}
.chr-card-tags span+span::before{content:"/";margin:0 5px;display:inline-block;text-decoration:none}
.chr-grid:not(.is-flat) .is-feature{grid-column:span 2;grid-row:span 2}
.chr-grid:not(.is-flat) .is-feature .chr-card-img{aspect-ratio:auto;flex:1 1 auto;min-height:360px}
.chr-grid:not(.is-flat) .is-feature .chr-card-ttl{font-size:clamp(28px,2.6vw,38px);line-height:1.1;max-width:20ch}
.chr-grid:not(.is-flat) .is-feature .chr-card-sum{display:block}
.chr-next{justify-content:space-between;background:var(--paper)}
.chr-next-d{display:block;font-size:clamp(28px,2.6vw,38px);line-height:1.08;letter-spacing:-.02em;font-weight:400;color:var(--ink1);margin-top:auto}
.chr-next-d small{display:block;font-size:14px;letter-spacing:0;color:var(--ink2);font-weight:300;margin-top:16px}
.chr-grid.is-flat .chr-next{display:none}
.chr-empty{padding:56px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;font-size:18px;color:var(--ink2);border-bottom:1px solid var(--line)}
.chr-empty[hidden]{display:none}
.chr-clear{background:none;border:1px solid var(--ink1);color:var(--ink1);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;cursor:pointer}
.chr-clear:hover{background:var(--ink1);color:var(--paper)}
.chr-rail{background:var(--paper2);display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;padding:20px 0 20px 28px}
.chr-rail-side{display:flex;flex-direction:column;justify-content:space-between;padding:8px 12px 8px 0;min-height:100%}
.chr-rail-k{font-size:12px;color:var(--ink2)}
.chr-rail-h{font-weight:300;font-size:clamp(36px,3.4vw,52px);line-height:1.02;letter-spacing:-.025em;margin:24px 0 0;color:var(--ink1);text-wrap:balance}
.chr-rail-foot{display:flex;flex-direction:column;gap:20px;margin-top:40px}
.chr-rail-foot p{margin:0;font-size:13px;line-height:1.45;color:var(--ink2);max-width:22ch}
.chr-rail-btns{display:flex;gap:8px}
.chr-rail-btns button{width:44px;height:44px;border-radius:50%;border:1px solid var(--ink1);background:none;color:var(--ink1);display:grid;place-items:center;cursor:pointer;transition:all var(--dur) var(--ease)}
.chr-rail-btns button:hover:not(:disabled){background:var(--ink1);color:var(--paper)}
.chr-rail-btns button:disabled{opacity:.3;cursor:default}
.chr-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-right:28px;cursor:grab;overscroll-behavior-x:contain}
.chr-track::-webkit-scrollbar{display:none}
.chr-track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.chr-track.is-drag a{pointer-events:none}
.chr-rc{flex:0 0 clamp(240px,23vw,300px);aspect-ratio:9/13;border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px 20px;scroll-snap-align:start;user-select:none;-webkit-user-drag:none}
.chr-rc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.chr-rc>*{position:relative}
.chr-rc-n{font-size:12px;letter-spacing:.02em}
.chr-rc-v{font-size:clamp(56px,5.4vw,80px);line-height:.9;letter-spacing:-.04em;font-weight:400;color:var(--ember)}
.chr-rc-t{display:block;font-size:clamp(28px,2.5vw,36px);line-height:1.08;font-weight:400;letter-spacing:-.02em;text-wrap:balance}
.chr-rc-p{display:block;font-size:13px;line-height:1.45;margin-top:8px;text-wrap:pretty}
.chr-rc.is-sand{background:var(--sand);color:var(--ink1)}.chr-rc.is-sand .chr-rc-p{color:rgba(9,16,40,.78)}
.chr-rc.is-navy{background:var(--navy);color:var(--fg)}.chr-rc.is-navy .chr-rc-p{color:var(--fg2)}
.chr-rc.is-photo{background:var(--navy);color:#fff}.chr-rc.is-photo .chr-rc-n{background:rgba(9,16,40,.72);padding:5px 9px;border-radius:999px;align-self:flex-start}
.chr-rc.is-paper{background:var(--paper);color:var(--ink1)}.chr-rc.is-paper .chr-rc-p{color:var(--ink2)}
.chr-page a.chr-rc.is-navy,.chr-page a.chr-rc.is-photo{color:var(--fg)}
.chr-page a.chr-rc:hover .chr-rc-t{color:var(--ember)}
.chr-rc .chr-rc-t{transition:color var(--dur) var(--ease)}
.chr-crumb{display:flex;justify-content:space-between;gap:16px;padding:28px 40px 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2)}
.chr-ihead{padding:40px 40px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;border-bottom:1px solid var(--line)}
.chr-ihead .h1-kw{color:var(--ink2);margin-bottom:24px}
.chr-ihead h1{font-weight:400;font-size:clamp(40px,5.6vw,84px);line-height:.98;letter-spacing:-.035em;margin:0;max-width:18ch;text-wrap:balance}
.chr-imeta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:13px;color:var(--ink2);text-align:right}
.chr-imeta strong{font-weight:400;color:var(--ink1);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.chr-isum{padding:28px 40px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;border-bottom:1px solid var(--line)}
.chr-isum p{margin:0;font-size:19px;line-height:1.5;color:var(--ink1);max-width:52ch;text-wrap:pretty}
.chr-isum .chr-card-tags{margin:0;align-self:end;justify-content:flex-end}
.chr-viewer{position:relative;margin:28px 40px 0;aspect-ratio:16/10;max-height:calc(100vh - 180px);min-height:440px;background:var(--ink);border-radius:14px;overflow:hidden}
.chr-viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.chr-viewer:fullscreen{max-height:none;aspect-ratio:auto;border-radius:0;margin:0}
.chr-tools{display:flex;flex-wrap:wrap;gap:10px;padding:16px 40px 48px}
.chr-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink1);color:var(--paper)!important;padding:13px 20px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;border:1px solid var(--ink1);cursor:pointer;transition:all var(--dur) var(--ease)}
.chr-btn:hover{background:var(--ember);border-color:var(--ember);color:var(--ink1)!important}
.chr-btn-ghost{background:none;color:var(--ink1)!important}
.chr-btn-ghost:hover{background:var(--ink1);border-color:var(--ink1);color:var(--paper)!important}
.chr-pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.chr-pn>*{display:flex;flex-direction:column;gap:14px;padding:40px}
.chr-pn .next{text-align:right;align-items:flex-end;border-left:1px solid var(--line)}
.chr-pn small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.chr-pn b{font-weight:400;font-size:22px;letter-spacing:-.01em;max-width:26ch}
@media (max-width:1000px){.chr-ctrl{grid-template-columns:1fr 1fr}.chr-ctrl .chr-search{grid-column:1/-1;grid-row:1}.chr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chr-grid:not(.is-flat) .is-feature{grid-column:1/-1;grid-row:auto}.chr-grid:not(.is-flat) .is-feature .chr-card-img{aspect-ratio:16/10;min-height:0}}
@media (max-width:760px){.chr-mast .h1-kw{max-width:none}.chr-mast,.chr-ctrl,.chr-crumb,.chr-ihead,.chr-isum{padding-left:20px;padding-right:20px}.chr-mast-r{position:static;margin-bottom:12px}.chr-grid{grid-template-columns:1fr}.chr-card{padding:20px}.chr-rail{grid-template-columns:1fr;padding:20px 0 20px 20px}.chr-rail-foot{margin-top:24px}.chr-ihead,.chr-isum{grid-template-columns:1fr}.chr-imeta{align-items:flex-start;text-align:left}.chr-isum .chr-card-tags{justify-content:flex-start}.chr-viewer{margin:20px 20px 0;aspect-ratio:3/4;min-height:0}.chr-tools{padding:16px 20px 40px}.chr-pn{grid-template-columns:1fr}.chr-pn>*{padding:28px 20px}.chr-pn .next{border-left:0;border-top:1px solid var(--line);text-align:left;align-items:flex-start}}
.chr-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 24px 10px 40px;border-bottom:1px solid var(--line);background:var(--paper);box-sizing:border-box}
.chr-bar-l{display:flex;align-items:center;gap:24px;min-width:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);white-space:nowrap}
.chr-bar .chr-tools{padding:0;flex:none;gap:8px}
.chr-bar .chr-btn{padding:10px 14px}
.chr-viewer{margin:0;border-radius:0;aspect-ratio:auto;height:calc(100vh - 168px);height:calc(100svh - 168px);max-height:none;min-height:520px}
.chr-ihead{border-top:0}
.chr-rc.is-img{background:var(--paper2)}
@media (max-width:760px){.chr-bar{flex-wrap:wrap;padding:12px 20px}.chr-bar .chr-tools{width:100%}.chr-bar .chr-btn{flex:1;justify-content:center;padding:10px 8px}.chr-viewer{margin:0;aspect-ratio:auto;height:calc(100svh - 104px - 116px);min-height:440px}}
.chr-cta{padding:40px 40px 40px;background:var(--paper)}
.chr-cta-in{background:var(--navy);color:var(--fg);border-radius:14px;padding:152px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}
.chr-cta-k{margin:0 0 28px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg2);display:flex;align-items:center;gap:10px}
.chr-cta-k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ember)}
.chr-cta-h{margin:0 0 48px;font-weight:200;font-size:clamp(30px,3.8vw,52px);line-height:1.15;letter-spacing:-.02em;color:var(--fg);max-width:22ch;text-wrap:balance}
.chr-cta-h em{color:var(--ember);font-style:italic;font-weight:200}
.chr-cta-a{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.chr-page .chr-btn.chr-btn-ember{background:var(--ember);border-color:var(--ember);color:var(--navy)!important;padding:16px 24px}
.chr-page .chr-btn.chr-btn-ember:hover{background:transparent;color:var(--ember)!important}
.chr-page .chr-btn.chr-btn-line{background:none;border-color:var(--hair2);color:var(--fg)!important;padding:16px 24px}
.chr-page .chr-btn.chr-btn-line:hover{border-color:var(--fg);background:none;color:var(--fg)!important}
.chr-pn{margin-bottom:40px}
@media (max-width:760px){.chr-cta{padding:0 20px 20px}.chr-cta-in{padding:96px 24px}}
.chr-ctrl{display:block;padding:32px 40px 28px}
.chr-ctrl .chr-search{padding-bottom:12px}
.chr-ctrl .chr-search input{font-size:clamp(18px,1.8vw,22px)}
@media (max-width:760px){.chr-ctrl{padding:24px 20px}}
.chr-page .chr-viewer{height:calc(100vh - 104px);height:calc(100svh - 104px);min-height:560px}
.chr-page .chr-bar{border-top:0}
@media (max-width:760px){.chr-page .chr-viewer{height:calc(100svh - 104px);min-height:480px}}
