.fj {
  --j-ink:#24271f; --j-rule:#c9c7b9; --j-blue:#253ec3; --j-paper:#f7f5ed; --j-muted:#54564e;
  box-sizing:border-box; width:min(1200px,100%); margin:0 auto;
  padding:24px clamp(20px,4.2vw,64px) 76px;
  font-family:var(--sans,Arial,sans-serif); color:var(--j-ink);
}
.fj *, .fj *::before, .fj *::after {box-sizing:border-box}
.fj a {color:inherit}
.fj button, .fj input {font:inherit}
.fj :focus-visible {outline:3px solid #1c42b2;outline-offset:4px}
.fj h1:focus,.fj h2:focus {outline:none}
.fj h1,.fj h2,.fj h3,.fj p {margin:0}
.fj h1,.fj h2,.fj h3 {font-family:var(--display,Georgia,serif);font-weight:400;letter-spacing:-.045em;text-wrap:balance}
.fj h1 {font-size:clamp(49px,7.6vw,106px);line-height:.97}
.fj h2 {font-size:clamp(30px,3.5vw,51px);line-height:1.03}
.fj h3 {font-size:clamp(23px,2.2vw,31px);line-height:1.1}
.fj p {font-size:clamp(16px,1.35vw,19px);line-height:1.55}
.fj .fj-kicker,.fj-topline,.fj-figcap,.fj-index,.fj-option small,.fj-tag,.fj-edition,.fj-chapters time {
  font-family:var(--mono,ui-monospace,monospace);font-size:11px;line-height:1.45;letter-spacing:.085em;text-transform:uppercase
}
.fj-topline {display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--j-rule);padding:2px 0 16px;font-size:10px}
.fj-topline a,.fj-shelfcopy h2 a,.fj-bagitem h2 a {text-decoration:none}
.fj-topline a:hover,.fj-shelfcopy h2 a:hover,.fj-bagitem h2 a:hover {text-decoration:underline}
.fj .fj-kicker {color:var(--j-blue);font-weight:700}
.fj-title {max-width:840px;margin:clamp(32px,4vw,56px) 0 clamp(25px,3vw,44px)}
.fj-title h1,.fj-product h1,.fj-confirm h1 {margin:10px 0 16px}
.fj-title>p:last-child:not(.fj-kicker) {max-width:680px}
.fj .fj-small {font:normal 13px/1.55 var(--sans,Arial,sans-serif);color:var(--j-muted)}
.fj-button, .fj button.fj-button {border:1px solid var(--j-blue);min-height:48px;padding:12px 19px;background:var(--j-blue);color:white;text-decoration:none;font:650 15px/1.35 var(--sans,Arial,sans-serif);cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:3px;transition:background .15s}
.fj-button>span {font:normal 22px/1 Arial,sans-serif}
.fj-button:hover,.fj button.fj-button:hover{background:#1b2f90}
.fj .fj-inline,.fj-text {display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:14px;text-underline-offset:4px;text-decoration:underline}
.fj-text {color:inherit;border:0;padding:3px 0;background:none;cursor:pointer}
.fj-film-grid {display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,.85fr);gap:clamp(24px,4vw,58px)}
.fj-player {position:relative;aspect-ratio:16/9;background:#2d3028;overflow:hidden}
.fj-player video {width:100%;height:100%;display:block;object-fit:contain}
.fj-figcap {display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:var(--j-muted);font-size:9px}
.fj-transcript {border-top:1px solid var(--j-rule);margin-top:12px}
.fj-transcript summary {cursor:pointer;padding:13px 0;font-weight:650;font-size:14px}
.fj-transcript p {font-size:15px;margin:0 0 10px}
.fj-film-aside {padding:3px 0}
.fj-film-aside h2 {font-size:clamp(29px,3.1vw,43px);margin:10px 0 17px}
.fj-chapters {border-top:1px solid var(--j-rule)}
.fj-chapters button {width:100%;display:flex;align-items:center;gap:13px;min-height:48px;text-align:left;border:0;border-bottom:1px solid var(--j-rule);background:none;color:var(--j-ink);cursor:pointer;padding:9px 1px}
.fj-chapters button:hover,.fj-qty button:hover {background:#eceadf}
.fj-chapters time {color:var(--j-blue);font-weight:700}
.fj-chapters b {margin-left:auto;color:var(--j-blue)}
.fj-film-aside>.fj-small {margin:14px 0}
.fj-film-aside>.fj-button {width:100%}
.fj-film-aside>.fj-inline {display:flex}
.fj-voteform {max-width:900px}
.fj-voteform fieldset {margin:0 0 18px;padding:0;border:0;min-width:0}
.fj-voteform legend {font-size:13px;font-weight:700;margin-bottom:11px}
.fj-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fj-option {position:relative;display:flex;gap:12px;align-items:flex-start;background:#efece0;border:1px solid #c3bfae;padding:clamp(18px,2.4vw,32px);cursor:pointer}
.fj-option:has(input:checked){background:#fff5c3;box-shadow:inset 0 0 0 2px var(--j-ink);border-color:var(--j-ink)}
.fj-option input {width:18px;height:18px;accent-color:var(--j-blue);flex:none;margin:0}
.fj-optbody {display:grid;gap:12px}
.fj-optbody strong {font:400 clamp(24px,3vw,36px)/1.05 var(--display,Georgia,serif);letter-spacing:-.03em}
.fj-optbody>span {font-size:15px;line-height:1.5;max-width:340px}
.fj-submitline {display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.fj-pollresult {background:#f6d65c;display:flex;gap:22px;align-items:flex-start;padding:clamp(22px,4vw,47px);max-width:820px}
.fj-pollresult h2,.fj-next h2 {margin:8px 0 15px}
.fj-pollresult .fj-kicker {color:var(--j-ink)}
.fj-tick {background:var(--j-ink);color:#fff;display:grid;place-items:center;flex:none;font-size:23px;border-radius:100%;width:44px;height:44px}
.fj-next {margin-top:25px}
.fj-shelf,.fj-product {display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,72px)}
.fj-product {margin:clamp(28px,4vw,60px) 0;align-items:start}
.fj-art {position:relative;display:block;background:#dedcea;overflow:hidden}
.fj-art img {width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.fj-tag {position:absolute;left:16px;top:16px;background:#fff9db;color:var(--j-ink);padding:5px 8px}
.fj-shelfcopy h2 {margin:10px 0}
.fj .fj-edition {color:#54564e;font-size:10px;margin:8px 0 17px}
.fj .fj-price {font:500 32px/1.1 var(--display,Georgia,serif);margin:20px 0}
.fj-price small,.fj-total small {font:500 12px/1.3 var(--sans,Arial,sans-serif);letter-spacing:0}
.fj-product h1 {font-size:clamp(53px,6.4vw,88px)}
.fj-facts {display:grid;grid-template-columns:auto 1fr;column-gap:12px;margin:12px 0 21px;font-size:14px}
.fj-facts>* {padding:10px 0;border-top:1px solid var(--j-rule);line-height:1.4}
.fj-facts b {font-weight:550;text-align:right}
.fj-product .fj-button {width:100%}
.fj-product .fj-small {margin-top:9px}
.fj-paygrid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(272px,.8fr);gap:clamp(24px,5vw,68px);align-items:start}
.fj-bagitem {display:flex;align-items:flex-start;gap:clamp(14px,2.5vw,35px);border-top:1px solid var(--j-rule);padding-top:22px}
.fj-bagitem h2 {font-size:clamp(28px,3vw,43px);margin-top:6px}
.fj-thumb {width:clamp(90px,14vw,178px);flex-shrink:0;background:#e4dfee}
.fj-thumb img {width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.fj-qty {display:inline-flex;align-items:center;border:1px solid #86877a;margin:12px 12px 0 0;vertical-align:middle}
.fj-qty button {background:none;border:0;width:39px;min-height:40px;font-size:20px;cursor:pointer;color:var(--j-ink)}
.fj-qty button:disabled {color:#82847c;cursor:default}
.fj-qty output {min-width:20px;text-align:center;font-size:14px}
.fj-remove {vertical-align:middle;margin-top:10px}
.fj-summary {padding:clamp(20px,3vw,37px);background:#e9e7db}
.fj-summary>.fj-kicker {margin-bottom:17px}
.fj-summary>div,.fj-receipt {display:flex;justify-content:space-between;align-items:baseline;gap:17px;font-size:15px;padding-bottom:10px}
.fj-summary b {font-weight:650}
.fj-summary .fj-total {padding:15px 0;border-top:1px solid #9d9e8f;font-size:22px;margin-top:5px}
.fj-summary>.fj-button {width:100%;margin-top:10px}
.fj-note {display:flex;gap:16px;border-top:1px solid var(--j-rule);padding:16px 0}
.fj-note p {font-size:15px;margin-top:6px}
.fj-index {color:var(--j-blue);padding-top:5px}
.fj-empty {padding:32px 24px;background:#ebe9df}
.fj-empty p {margin:11px 0 20px}
.fj-confirm {max-width:680px;margin:36px auto 0}
.fj-confirm>.fj-tick {margin:16px 0}
.fj-receipt {margin-top:22px;border-block:1px solid var(--j-rule);padding:16px 0}
.fj-receipt small {display:block;font:11px/1.4 var(--mono,monospace);margin-top:5px}
.fj-confirm .fj-small {margin:8px 0 22px}
@media(max-width:760px){
 .fj {padding:17px 19px 53px}
 .fj-film-grid,.fj-product,.fj-shelf,.fj-paygrid {grid-template-columns:1fr;gap:23px}
 .fj-topline {font-size:9px}
 .fj-product {margin-top:21px}
 .fj-product .fj-art img {max-height:330px;object-fit:contain}
 .fj-product h1 br {display:none}
 .fj-product h1 br::after {content:' '}
 .fj-product h1 {font-size:clamp(43px,10.5vw,65px)}
 .fj-pollresult {gap:12px}
 .fj-pollresult .fj-tick {width:30px;height:30px;font-size:18px}
}
@media(max-width:520px){
 .fj-options {grid-template-columns:1fr}
 .fj-optbody {gap:7px}
 .fj-shelfcopy p:not(.fj-kicker):not(.fj-price):not(.fj-edition) {font-size:16px}
 .fj-title {margin-top:25px}
 .fj-title h1 {font-size:clamp(43px,13vw,64px)}
 .fj-figcap {font-size:8px}
 .fj-summary {padding:18px}
 .fj-bagitem .fj-edition {margin-bottom:5px}
 .fj-qty button {width:33px}
}