@font-face{font-family:Chiron;src:url("compare-r.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Chiron;src:url("compare-h.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:ChironFallback;src:url("compare-fallback-400-2212.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+2212}
@font-face{font-family:ChironFallback;src:url("compare-fallback-900-2212.woff2") format("woff2");font-weight:900;font-display:swap;unicode-range:U+2212}
@font-face{font-family:ChironFallback;src:url("compare-fallback-900-5f62.woff2") format("woff2");font-weight:900;font-display:swap;unicode-range:U+5F62}














































































































































































































































































































































































































































































































































































































































































































































































































:root{--red:#d90000;--paper:#f1ead9;--ink:#181819;--marker:#f2df38}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#252628;color:var(--paper);font-family:Chiron,ChironFallback,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--marker);outline-offset:5px}img,svg{display:block}p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{touch-action:manipulation}.page{max-width:430px;margin:0 auto;box-shadow:0 0 40px #1116;overflow:hidden}h1{font-weight:900;font-size:clamp(58px,19.1vw,82px);letter-spacing:-.07em;line-height:1.04;transform:rotate(-4deg) skewX(-5deg);transform-origin:20% 70%;padding-top:14px;padding-bottom:7px;text-shadow:3px 3px 0 var(--ink),5px 6px 0 var(--ink),7px 8px 0 var(--ink);-webkit-text-stroke:.25px var(--paper)}h1 span{display:block;white-space:nowrap}h1 span:last-child{padding-left:23px}footer{padding:20px 22px;background:var(--paper);color:var(--ink);border-top:1px solid #211e1b44;display:flex;align-items:center;gap:14px;font-size:11px}footer img{width:93px;height:auto}
@media(min-width:431px){.page{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.route-bottom:before{content:'';position:absolute;inset:-1px -7px;z-index:-1;background:var(--paper);transform:rotate(-1.3deg);clip-path:polygon(0 4%,10% 0,24% 4%,38% 0,56% 3%,76% 0,90% 3%,100% 0,99% 96%,82% 100%,69% 96%,49% 100%,33% 97%,17% 100%,0 95%)}.series-route:before{content:'';position:absolute;inset:0 -2px;z-index:-1;background:var(--paper);transform:rotate(1deg);clip-path:polygon(0 1%,17% 0,30% 1%,46% 0,62% 1%,81% 0,100% 1%,99% 21%,100% 42%,99% 64%,100% 82%,99% 100%,79% 99%,63% 100%,43% 99%,26% 100%,0 99%,1% 72%,0 49%,1% 25%)}.series-stage:before{content:'';position:absolute;inset:51px -7px 44px -10px;z-index:-1;background:var(--red) var(--lp3-paper-image) center 14%/100% auto;transform:rotate(-6deg);clip-path:polygon(0 2%,18% 0,31% 3%,53% 1%,72% 3%,90% 0,100% 3%,99% 98%,81% 96%,69% 100%,51% 97%,33% 99%,18% 97%,0 100%)}.series-route .route-bottom:before{display:none}.identity-note:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--paper);transform:rotate(-1deg);clip-path:polygon(0 3%,16% 0,35% 2%,55% 0,74% 2%,100% 0,99% 98%,81% 100%,62% 96%,45% 100%,21% 97%,0 100%)}.identity-note div span+span:before{content:'/';color:var(--red);display:inline-block;margin-right:14px;font-family:Arial,sans-serif}.cost-equation:before{content:'';position:absolute;inset:0 -9px;z-index:-1;background:var(--red);transform:rotate(-2deg);clip-path:polygon(0 4%,13% 0,31% 3%,50% 0,75% 3%,100% 0,99% 95%,85% 100%,66% 96%,45% 100%,25% 97%,0 100%)}.cost-list>div:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--paper);transform:rotate(-1.7deg);clip-path:polygon(0 2%,18% 0,35% 2%,55% 0,80% 2%,100% 0,99% 97%,82% 100%,60% 97%,38% 100%,17% 98%,0 100%)}.cost-list>div:nth-child(2):before{transform:rotate(1.3deg)}.cost-list>div:nth-child(3):before{transform:rotate(-.7deg)}.budget-faq summary::-webkit-details-marker{display:none}
.closing{padding:34px 24px 30px;background:linear-gradient(#1818199c,#181819d4),var(--lp3-paper-image) center 50%/100% auto}.closing h2{font-size:35px;line-height:1.25;letter-spacing:-.04em;font-weight:900;transform:rotate(-2deg);text-shadow:2px 3px var(--ink),3px 4px var(--ink)}.closing-cta{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 17px;margin-top:25px;background:var(--red);color:var(--paper);font-size:19px;font-weight:900;box-shadow:4px 4px 0 var(--paper);border:1px solid var(--ink);transform:rotate(-1deg)}.closing-cta:hover{background:#c50000}.guide-link{display:table;margin:19px auto 0;padding:9px 0;font-size:12px;line-height:1.8;border-bottom:1px solid #f1ead977}
@media(max-width:360px){.series-stage:before{inset:46px -7px 37px -10px}.identity-note div span+span:before{margin-right:9px}.closing{padding-left:22px;padding-right:22px}.closing h2{font-size:31px}.closing-cta{font-size:17px}}
.action-bottom>a:before{content:'';position:absolute;inset:-6px -2px}
.guide-link{min-height:44px;display:flex;align-items:center;justify-content:center;width:fit-content;gap:4px}.activity-sheet:before{content:'';position:absolute;inset:0;z-index:-1;transform:rotate(-1.3deg);background:var(--red);clip-path:polygon(0 1%,17% 0,29% 1%,48% 0,66% 1%,82% 0,100% 1%,99% 27%,100% 59%,99% 100%,77% 99%,54% 100%,32% 99%,0 100%,1% 65%)}.activity-daily:before{background:var(--paper);transform:rotate(1.1deg)}.activity-fate:before{background:#111112;border:2px solid var(--red);transform:rotate(-1deg)}.onepiece-art:before{content:'';position:absolute;inset:19% -17px 13% -17px;background:var(--red);z-index:-1;transform:rotate(-6deg);clip-path:polygon(0 3%,19% 0,43% 3%,72% 0,100% 2%,99% 97%,72% 100%,44% 96%,21% 100%,0 97%)}


:root {
  --lp3-gutter: clamp(22px, 4vw, 52px);
  --lp3-body: .9375rem;
  --lp3-note: .875rem;
}
.page { max-width: 1280px; }
.page :where(section, article, figure, div, nav, a) { min-width: 0; }
.page :where(p, dd, figcaption, a, h1, h2, h3) { overflow-wrap: anywhere; }
.page :where(p, dd) { text-wrap: pretty; }
.page :where(a, summary) { min-height: 44px; }
.page :where(a, summary):focus-visible { outline-width: 3px; }
h1 { font-size: clamp(3.25rem, 19.1vw, 5.125rem); }
h1 span { white-space: normal; }
.action-bottom > a:before { display: none; }
.section-title > p,
.spend-heading > p,
.onepiece-heading > p:not(.onepiece-intro),
.activity-kicker,
.activity-fate .activity-kicker,
.activity-copy a,
.activity-art figcaption,
.activity-note,
.detail-frame figcaption,
.series-item figcaption,
.onepiece-art figcaption,
.route-bottom,
.identity-note p,
.budget-note a,
.guide-link,
.prototype-footer > p,
.prototype-footer > div { font-size: var(--lp3-note); line-height: 1.7; }
.section-title h2,
.spend-heading h2,
.onepiece-heading h2,
.closing h2 {
  transform-origin: left bottom;
}
.onepiece-art:before { inset: 18% -10px 10% -10px; }
.series-stage:before { inset: 12% -7px 18% -7px; }
.identity-note div span + span:before { margin-right: 9px; }
.closing h2 { font-size: clamp(1.9375rem, 8.5vw, 2.375rem); }
.closing-cta { font-size: 1.125rem; padding-block: 13px; line-height: 1.6; gap: 12px; }
.guide-link { gap: 8px; flex-wrap: wrap; text-align: left; }
.compare-card:before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--paper);
  clip-path: polygon(0 1%, 24% 0, 49% 1%, 77% 0, 100% 2%, 99% 100%, 73% 99%, 46% 100%, 22% 99%, 0 100%);
  z-index: -1;
  transform: rotate(-.7deg);
}
.compare-card:nth-child(2):before { transform: rotate(.8deg); }

@media (min-width: 600px) and (max-width: 767px) {
  .onepiece-pick, .pick-route, .spend-body, .closing { padding-inline: 40px; }}


@media (min-width: 768px) {
  :root { --lp3-body: 1rem; }
  .page { width: 100%; margin-bottom: 0; }
  h1 { font-size: clamp(3.375rem, 7.8vw, 6.5rem); padding-top: 20px; }
  h1 span:last-child { padding-left: 10px; }
  .closing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 48px; align-items: center; padding: 48px var(--lp3-gutter); }
  .closing h2 { font-size: clamp(2.125rem, 4vw, 3rem); grid-row: 1 / span 2; }
  .closing-cta { margin-top: 0; }
  .guide-link { margin: 0; justify-content: start; }}

@media (min-width: 1440px) {
  .page { margin-top: 0; box-shadow: 0 0 60px #1118; }}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .page *, .page *:before, .page *:after { animation: none !important; transition: none !important; }}


.page{overflow:clip}
.page picture{display:contents}
.page picture>img:not([class]){display:block;width:100%;height:auto;object-fit:contain}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:14px 20px;background:var(--paper);color:var(--ink);font-size:1rem;transform:translateY(-180%)}
.skip-link:focus{transform:none;outline:3px solid var(--red)}
.page [id]{scroll-margin-top:78px}
.page :is(section,article,main)[id]{scroll-margin-top:5em}
.comparison-card:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--paper);transform:rotate(-.7deg);clip-path:polygon(0 1%,24% 0,49% 1%,77% 0,100% 2%,99% 100%,73% 99%,46% 100%,22% 99%,0 100%)}
.comparison-card:nth-child(2):before{transform:rotate(.8deg)}
.page img{font-size:.875rem;line-height:1.5}

.page img[width][height]{object-fit:contain}
.budget-faq summary>span:after{content:'+';display:block;font:24px/24px Arial,sans-serif}
.budget-faq[open] summary>span:after{content:'−'}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(prefers-reduced-data:reduce){.poster,.category-opening,.choose,.section-title,.series-stage:before,.onepiece-pick,.spend,.spend-heading,.closing,.product-comparison{background-image:none}}

:root{--lp3-paper-image:url("../media/street-paper.webp")}
@supports(background-image:image-set(url("../media/street-paper.avif") type("image/avif"))){:root{--lp3-paper-image:image-set(url("../media/street-paper.avif") type("image/avif"),url("../media/street-paper.webp") type("image/webp"))}}


.page figcaption.product-label {
  --label-edge: polygon(0 5%, 28% 0, 62% 3%, 100% 0, 98% 48%, 100% 94%, 70% 98%, 40% 96%, 1% 100%);
  position: relative;
  isolation: isolate;
  display: grid;
  justify-items: start;
  gap: 5px;
  width: 10rem;
  max-width: calc(100% - 6px);
  margin: 18px 3px 0 0;
  padding: 9px 8px 8px;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  text-align: left;
  overflow: visible;
  transform-origin: center;
}
.page figcaption.product-label::before,
.page figcaption.product-label::after {
  content: '';
  position: absolute;
  pointer-events: none;
  clip-path: var(--label-edge);
}
.page figcaption.product-label::before {
  inset: 0;
  z-index: -1;
  background: var(--paper);
}
.page figcaption.product-label::after {
  inset: 3px -3px -3px 3px;
  z-index: -2;
  background: var(--ink);
}
.page .product-label > .product-label-name {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: var(--ink);
  font-size: 1.375rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -.04em;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.page .product-label > .product-label-detail {
  display: block;
  min-width: 0;
  max-width: 100%;
  padding: 3px 4px;
  background: var(--ink);
  border-bottom: 2px solid var(--red);
  color: var(--paper);
  font-size: .875rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
  letter-spacing: .02em;
  
  white-space: normal;
  overflow-wrap: normal;
  transform: skewX(4deg);
}
@media (min-width: 768px) {
  .page figcaption.product-label {
    padding-block: 10px 9px;
  }
  .page .product-label > .product-label-name {
    font-size: 1.5rem;
  }}
@media (forced-colors: active) {
  .page figcaption.product-label::before,
  .page figcaption.product-label::after {
    display: none;
  }
  .page .product-label > :is(.product-label-name, .product-label-detail) {
    background: Canvas;
    color: CanvasText;
    transform: none;
  }}


.page :is(.site-nav,.prize-wall,.page-entries,.inner-hero,.series-zone,.identify,.faq,#sources,#help,#data,#guides,.not-found) {
  min-width: 0;
}
.page :is(.prize-wall,.page-entries,.inner-hero,.series-zone,.identify,.faq,#sources,#help,#data,#guides,.not-found) {
  padding: 36px var(--lp3-gutter);
}
.page :is(.prize-wall,.page-entries,.inner-hero,.series-zone,.identify,.faq,#sources,#help,#data,#guides,.not-found) :is(p,figcaption) {
  line-height: 1.75;
}
.page :is(.prize-wall,.page-entries,.inner-hero,.series-zone,.identify,.faq,#sources,#help,#data,#guides,.not-found) :is(h2,h3,h4) {
  font-weight: 900;
  line-height: 1.24;
}
.page :is(.prize-wall,.series-zone,.identify,.faq,#sources,#help,#data,#guides) > :is(header,h2) {
  max-width: 70ch;
}
.page :is(.prize-wall,.series-zone,.identify,.faq,#sources,#help,#data,#guides) > :is(header,h2) h2,
.page :is(.identify,.faq,#sources,#help,#data,#guides) > h2 {
  color: var(--red);
  font-size: clamp(1.875rem, 8.5vw, 3.375rem);
  line-height: 1.2;
  letter-spacing: -.04em;
  text-shadow: 2px 2px 0 var(--paper);
  margin: 8px 0 18px;
}

.faq { background: var(--ink); }
.faq-item { max-width: 720px; border-top: 1px solid #f1ead940; }
.faq-item:last-child { border-bottom: 1px solid #f1ead940; }
.faq-item summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 10px 48px 10px 0;
  cursor: pointer;
  list-style: none;
  font-size: var(--lp3-body);
  font-weight: 900;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::before,.faq-item summary::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  width: 16px;
  height: 2px;
  background: var(--red);
  transform: translateY(-50%);
}
.faq-item summary::after { transform: translateY(-50%) rotate(90deg); }
.faq-item[open] summary::after { display: none; }
.faq-item summary:focus-visible { outline: 3px solid var(--marker); outline-offset: 3px; }
.faq-item > p { max-width: 65ch; padding: 0 28px 19px 0; font-size: var(--lp3-body); }


.site-footer {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 30px var(--lp3-gutter);
  background: var(--ink);
  color: var(--paper);
  border-top: 1px solid #f1ead940;
  font-size: var(--lp3-note);
}
.site-footer :is(p,a) { line-height: 1.7; }
.footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 24px;
  border-bottom: 1px solid #f1ead940;
}
.footer-top img { width: 128px; height: auto; padding: 8px; background: var(--paper); transform: rotate(-2deg); }
.site-footer a { display: inline-flex; align-items: center; min-height: 44px; font-size: .9375rem; font-weight: 900; text-decoration: underline; text-underline-offset: 4px; transition: transform 180ms ease; }
.site-footer a:hover,.site-footer a:focus-visible { transform: translateY(-2px); }
.site-footer a:focus-visible { outline: 3px solid var(--marker); outline-offset: 3px; }
.footer-columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px 15px;
  padding: 25px 0;
}
.footer-columns > p { grid-column: 1 / -1; max-width: 60ch; margin: 0; }
.footer-columns nav { display: grid; align-content: start; min-width: 0; }
.footer-columns h2 { margin: 0 0 8px; font-size: .75rem; font-weight: 900; letter-spacing: .08em; }
.footer-columns a { width: fit-content; }
.site-footer a[aria-current="page"] { padding: 0 7px; background: var(--red); color: var(--paper); }
.footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  padding-top: 21px;
  border-top: 1px solid #f1ead940;
}
.footer-bottom p { max-width: 85ch; margin: 0; font-size: .8125rem; }
.footer-bottom > a { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 18px; background: var(--red); color: var(--paper); border: 1px solid var(--paper); box-shadow: 3px 3px 0 var(--paper); font-size: 1rem; font-weight: 900; text-decoration: none; }
.footer-bottom > a:hover { background: var(--paper); color: var(--red); text-decoration: none; }
.footer-bottom > a:focus-visible { outline: 3px solid var(--marker); outline-offset: 3px; }

@media (min-width: 768px) {
  .page :is(.prize-wall,.page-entries,.inner-hero,.series-zone,.identify,.faq,#sources,#help,#data,#guides,.not-found) { padding-block: 50px; }
  .footer-columns { grid-template-columns: minmax(0,1.5fr) repeat(2,minmax(0,1fr)); gap: 30px; }
  .footer-columns > p { grid-column: 1; }
  .footer-bottom { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
  .footer-bottom > a { margin-left: auto; }}
@media (prefers-reduced-motion: reduce) {
  .page :is(.site-nav a,.page-entry,.prize-item,.zone-item,.series-jumps a,.not-found a),
  .site-footer a { transition: none; }
  .page :is(.site-nav a,.page-entry,.not-found a):hover,
  .page :is(.site-nav a,.page-entry,.not-found a):focus-visible,
  .site-footer a:hover,.site-footer a:focus-visible { transform: none; }}


.lp-nav { background:#181818;color:#f1ead9;border-bottom:1px solid #f1ead930;position:relative;z-index:20;font-family:Chiron,ChironFallback,system-ui,sans-serif; }
.lp-nav .lp-nav-inner { max-width:1280px;margin:auto;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box; }
.lp-nav a { text-decoration:none;transform:none; }
.lp-nav .lp-brand { display:block;background:#f1ead9;padding:7px 10px;flex:none; }
.lp-nav .lp-brand img { display:block;width:126px;height:30px;object-fit:contain; }
.lp-nav .lp-nav-desktop { display:flex;gap:6px; }
.lp-nav .lp-nav-desktop a { display:flex;align-items:center;min-height:48px;padding:10px 16px;color:#f1ead9;font-size:16px;font-weight:600;box-sizing:border-box; }
.lp-nav a[aria-current="page"] { background:#ac3011;color:#fff; }
.lp-nav .lp-nav-desktop a:hover { background:#34302b;color:#fff; }
.lp-nav a:focus-visible,.lp-nav summary:focus-visible { outline:3px solid #ece154;outline-offset:3px; }
.lp-nav .lp-nav-menu { display:none;position:relative; }
.lp-nav summary { display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;border:1px solid #f1ead966;cursor:pointer;list-style:none;font-size:16px;box-sizing:border-box; }
.lp-nav summary::-webkit-details-marker { display:none; }
.lp-nav summary span { font-size:22px; }
.lp-nav details[open] summary span { transform:rotate(45deg); }
.lp-nav .lp-nav-menu nav { position:absolute;right:0;top:calc(100% + 8px);width:224px;padding:8px;background:#f1ead9;box-shadow:0 12px 32px #0008;box-sizing:border-box; }
.lp-nav .lp-nav-menu a { display:flex;align-items:center;min-height:48px;padding:10px 14px;color:#181818;font-size:16px;box-sizing:border-box; }
.lp-nav .lp-nav-menu a[aria-current] { color:white; }
.lp-nav .lp-nav-menu a:hover { outline:2px solid #ac3011;outline-offset:-2px; }
@media(max-width:760px) { .lp-nav .lp-nav-desktop { display:none; } .lp-nav .lp-nav-menu { display:block; } .lp-nav .lp-nav-inner { padding:12px 5%; }}


.lp-compare { background:#181818;color:#f1ead9; }
.lp-compare .page { max-width:1280px;margin:auto; }
.lp-compare .cmp-hero { padding:58px 5% 40px;background:radial-gradient(ellipse at 95% 0%,#682b224a,transparent 65%);border-bottom:1px solid #f1ead930; }
.lp-compare .cmp-kicker,.lp-compare .cmp-number { margin:0 0 16px;color:#ece154;font-size:14px;font-weight:600;letter-spacing:.09em; }
.lp-compare .cmp-hero h1 { margin:0;color:#f1ead9;font-size:clamp(34px,5vw,62px);line-height:1.22;letter-spacing:-.03em;text-shadow:none;transform:none;max-width:none; }
.lp-compare .cmp-hero h1 span { display:block; }
.lp-compare .cmp-intro { margin:22px 0 28px;color:#d2cbbb;font-size:18px;line-height:1.8; }
.lp-compare .cmp-jumps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.lp-compare .cmp-jumps a { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:12px 20px;background:#f1ead9;color:#181818;border-bottom:3px solid #ac3011;font-size:20px;font-weight:900;text-decoration:none; }
.lp-compare .cmp-jumps small { font-size:12px;color:#7c351e;margin-right:14px; }
.lp-compare .cmp-jumps b { color:#ac3011; }
.lp-compare .cmp-jumps a:hover { background:#e5d9c0; }
.lp-compare .cmp-groups { padding:0 5% 34px; }
.lp-compare .cmp-group { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;padding:48px 0;border-bottom:1px solid #f1ead930;align-items:center;scroll-margin-top:20px; }
.lp-compare .cmp-visual { min-width:0;padding:28px 22px 22px;background:linear-gradient(145deg,#29251f,#20201e);border:1px solid #f1ead923; }
.lp-compare .cmp-images { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:end; }
.lp-compare .cmp-images--card { grid-template-columns:minmax(0,264px);justify-content:center; }
.lp-compare .cmp-product { margin:0;min-width:0; }
.lp-compare .cmp-product picture { display:flex;align-items:center;justify-content:center;height:260px; }
.lp-compare .cmp-product img { display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain; }
.lp-compare .cmp-images--card picture { height:290px; }
.lp-compare .cmp-product .product-label { display:flex;flex-direction:column;gap:4px;background:#f1ead9;color:#181818;padding:12px;margin:20px 0 0;width:100%;max-width:100%;transform:none;clip-path:none;border-bottom:3px solid #ac3011;box-sizing:border-box; }
.lp-compare .cmp-product .product-label-name { font-size:17px;font-weight:900;line-height:1.45; }
.lp-compare .cmp-product .product-label-detail { display:block;align-self:flex-start;padding:0;border:0;background:none;color:#595043;font-size:14px;line-height:1.5;white-space:nowrap; }
.lp-compare .cmp-copy { min-width:0; }
.lp-compare .cmp-number { margin-bottom:8px;font-size:12px; }
.lp-compare .cmp-copy h2 { font-size:clamp(30px,3vw,40px);line-height:1.25;color:#f1ead9;margin:0 0 12px;text-shadow:none; }
.lp-compare .cmp-definition { color:#d2cbbb;font-size:16px;line-height:1.8;margin:0 0 24px; }
.lp-compare .cmp-copy dl { margin:0; }
.lp-compare .cmp-copy dl>div { border-top:1px solid #f1ead930;padding:16px 0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px; }
.lp-compare .cmp-copy dt { color:#f1ead9;font-size:14px;font-weight:900;line-height:1.8; }
.lp-compare .cmp-copy dd { margin:0;font-size:16px;line-height:1.8;color:#d2cbbb; }
.lp-compare .cmp-copy dl>div:last-child { background:#f1ead9;padding:16px;border:0;margin-top:4px; }
.lp-compare .cmp-copy dl>div:last-child dt { color:#922a10; }
.lp-compare .cmp-copy dl>div:last-child dd { color:#302c26; }
.lp-compare .cmp-note { margin:28px 0 0;font-size:14px;line-height:1.85;color:#c4beaf;max-width:850px; }
.lp-compare .cmp-jumps a:focus-visible { outline:3px solid #ece154;outline-offset:4px; }
@media(max-width:760px) {
 .lp-compare .cmp-hero { padding:32px 5% 28px; }
 .lp-compare .cmp-hero h1 { font-size:clamp(28px,7.6vw,48px); }
 .lp-compare .cmp-intro { font-size:16px;margin:18px 0 24px; }
 .lp-compare .cmp-jumps { gap:8px; }
 .lp-compare .cmp-jumps a { padding:12px;min-height:54px;font-size:18px; }
 .lp-compare .cmp-jumps small { display:block;margin:0 0 3px; }
 .lp-compare .cmp-group { grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 0; }
 .lp-compare .cmp-visual { padding:22px 16px 16px; }
 .lp-compare .cmp-images { gap:12px; }
 .lp-compare .cmp-product picture { height:220px; }
 .lp-compare .cmp-images--card picture { height:252px; }
 .lp-compare .cmp-images--card { grid-template-columns:minmax(0,228px); }
 .lp-compare .cmp-product .product-label { padding:10px 8px;margin-top:16px; }
 .lp-compare .cmp-product .product-label-name { font-size:15px; }
 .lp-compare .cmp-product .product-label-detail { font-size:13px; }
 .lp-compare .cmp-copy dl>div { gap:12px;grid-template-columns:64px minmax(0,1fr); }}
@media(prefers-reduced-motion:reduce) { .lp-compare { scroll-behavior:auto; }}

.lp-compare .cmp-hero { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 36px;align-items:center; }
.lp-compare .cmp-hero h1 { font-size:clamp(34px,4vw,52px); }
.lp-compare .cmp-intro { margin-bottom:0; }
.lp-compare .cmp-jumps { grid-column:1/-1; }
.lp-compare .cmp-hero-art { display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0; }
.lp-compare .cmp-hero-art picture { display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:210px; }
.lp-compare .cmp-hero-art img { width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #0005); }
@media(max-width:760px) {
 .lp-compare .cmp-hero { grid-template-columns:1fr;gap:22px; }
 .lp-compare .cmp-hero h1 { font-size:clamp(28px,7.6vw,48px); }
 .lp-compare .cmp-hero-art { gap:18px;max-width:380px;width:100%;margin:auto;padding:0 12px;box-sizing:border-box; }
 .lp-compare .cmp-hero-art picture { height:142px; }}
.lp-compare .cmp-hero h1 span { padding-left:0; }
.lp-compare .cmp-jumps a > span { white-space:nowrap; }
@media(max-width:360px) { .lp-compare .cmp-jumps a { padding:10px 8px;gap:6px;font-size:16px; }}

.lp-compare .closing-cta,.lp-compare .footer-bottom > a,.lp-compare .footer-columns [aria-current="page"] { background:#ac3011;color:#fff; }