/* Seller-angle components (V1/V2/V3). Builds on style.css */
:root{--kraft:#C9A27A;--kraft-2:#E8D2B4;--kraft-ink:#6B4A2B;--ink-on-pine:#F6EEDF}

/* hanging price tag */
.tag-hang{position:absolute;z-index:4;width:132px;transform-origin:50% 0;transform:rotate(-4deg)}
.tag-hang::before{content:"";position:absolute;left:50%;top:-46px;width:1.5px;height:50px;background:linear-gradient(var(--gold),#a08350);transform:translateX(-50%)}
.tag-hang .t{background:linear-gradient(160deg,#F1DCC0,var(--kraft-2));border-radius:10px 10px 10px 10px;padding:16px 12px 12px;text-align:center;box-shadow:0 14px 26px -12px rgba(107,74,43,.5);position:relative;clip-path:polygon(18% 0,82% 0,100% 16%,100% 100%,0 100%,0 16%)}
.tag-hang .t::before{content:"";position:absolute;top:7px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--cream);transform:translateX(-50%);box-shadow:inset 0 0 0 2px #b8936c}
.tag-hang .t small{display:block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kraft-ink);margin-top:8px}
.tag-hang .t b{display:block;font-family:var(--serif);font-size:1.9rem;color:var(--rasp-deep);line-height:1}
.tag-hang .t i{font-family:var(--serif);font-size:.95rem;color:var(--kraft-ink)}
@keyframes swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}

.stamp{display:inline-block;border:2.5px solid var(--rasp);color:var(--rasp);border-radius:8px;padding:4px 12px;font-weight:700;letter-spacing:.2em;font-size:.82rem;transform:rotate(-6deg);opacity:.85}

/* reasons grid */
.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.reason{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px}
.reason b{font-family:var(--serif);font-size:1.45rem;display:block;margin-bottom:6px}
.reason p{margin:0;font-size:.95rem;color:var(--ink-soft)}

/* calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow);margin-top:30px}
.calc label{display:block;margin-bottom:14px;font-size:.92rem;color:var(--ink-soft)}
.calc input{display:block;width:100%;margin-top:6px;padding:14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:1.1rem;background:#fff}
.calc .out{background:linear-gradient(160deg,var(--blush),var(--paper));border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:center}
.calc .out .big{font-family:var(--serif);font-size:3rem;color:var(--rasp-ink);line-height:1;font-weight:600}
.calc .note{font-size:.8rem;color:var(--ink-soft);margin-top:10px}
.rule{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--kraft-ink);border-left:3px solid var(--kraft);padding-left:14px;margin:18px 0}

/* comps */
.comps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.comp{border:1px dashed var(--kraft);border-radius:18px;padding:20px;background:#FFFCF7}
.comp .p{font-family:var(--serif);font-size:2rem;color:var(--plum)}
.comp .s{font-size:.75rem;color:#8d7a6a}

/* disclaimer */
.disclaimer{font-size:.8rem;color:var(--ink-soft);max-width:760px;margin:0 auto;padding:18px;border-top:1px solid var(--line)}

/* ========== V2: holiday market ========== */
.v2 body,body.v2{background:#FBF4EC}
.market-hero{background:radial-gradient(1000px 520px at 75% 10%,#3A5E4F 0%,var(--pine) 62%);color:var(--ink-on-pine);position:relative;overflow:hidden;padding-bottom:70px}
.market-hero h1{color:#FFF7EA}
.market-hero .sub{color:#E6DCCB}
.market-hero .eyebrow{color:var(--candle)}
.awning{height:44px;background:repeating-linear-gradient(90deg,var(--rasp) 0 60px,#FBF1E6 60px 120px);position:relative}
.awning::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:radial-gradient(circle at 30px 0,var(--rasp) 0 29px,transparent 30px) 0 0/120px 14px,radial-gradient(circle at 90px 0,#FBF1E6 0 29px,transparent 30px) 0 0/120px 14px}
.stall{position:relative;display:grid;place-items:center}
.stall img{width:88%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.45));animation:float 9s ease-in-out infinite}
.story{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.story blockquote{font-family:var(--serif);font-style:italic;font-size:1.7rem;line-height:1.3;margin:0 0 18px;color:var(--rasp-deep)}
.kraft-card{background:linear-gradient(170deg,#F5E6D2,#EBD5B8);border-radius:22px;padding:28px;color:#3E2C1C;box-shadow:0 20px 40px -24px rgba(107,74,43,.6)}
.season{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.season div{padding:24px;background:var(--paper);border-right:1px solid var(--line)}
.season div:last-child{border-right:0}
.season div.hot{background:linear-gradient(170deg,var(--rasp),var(--rasp-deep));color:#fff}
.season div.hot .muted{color:#F6CADB}
.season b{font-family:var(--serif);font-size:1.6rem;display:block}
.paths{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;margin-top:34px;align-items:stretch}
.path{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:32px;display:flex;flex-direction:column}
.path.best{border:2px solid var(--rasp);box-shadow:var(--shadow);position:relative}
.path.best .ribbon{position:absolute;top:-14px;left:28px;background:var(--rasp);color:#fff;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;letter-spacing:.06em}
.path .btn{margin-top:auto}
.path ul{list-style:none;padding:0;margin:14px 0 22px}
.path li{padding:8px 0 8px 28px;border-bottom:1px solid var(--line);position:relative}
.path li::before{content:"✓";position:absolute;left:2px;color:var(--rasp);font-weight:700}
.path li.no{color:#a8949c}
.path li.no::before{content:"–";color:#c7b5bc}

/* ========== V3: planner / challenge ========== */
body.v3{background-color:#FCF8F3;background-image:linear-gradient(rgba(194,155,95,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(194,155,95,.09) 1px,transparent 1px);background-size:28px 28px}
.challenge-badge{display:inline-flex;align-items:center;gap:10px;background:var(--plum);color:#fff;border-radius:999px;padding:8px 16px;font-size:.85rem;letter-spacing:.06em}
.challenge-badge b{color:var(--candle)}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.chip{border:1.5px solid var(--rasp-ink);background:#fff;color:var(--rasp-ink);border-radius:999px;padding:12px 20px;font:inherit;font-weight:600;cursor:pointer;transition:all .2s}
.chip[aria-pressed="true"]{background:var(--rasp);color:#fff;border-color:var(--rasp);box-shadow:0 10px 20px -10px rgba(122,15,58,.6)}
.plan-note{max-width:640px;margin:18px auto 0;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:84px}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:34px}
.day{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;min-height:150px;position:relative;transition:transform .2s}
.day:hover{transform:translateY(-3px)}
.day .d{font-family:var(--serif);font-size:1.7rem;color:var(--rasp-ink);line-height:1}
.day .w{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.day p{font-size:.86rem;margin:8px 0 0;color:var(--plum)}
.day.milestone{background:linear-gradient(160deg,var(--rasp),var(--rasp-deep));border:0}
.day.milestone .d,.day.milestone p{color:#fff}
.day.milestone .w{color:var(--candle)}
.day[hidden]{display:none !important}
.wmb{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:#fff;border:2px dashed var(--rasp);border-radius:28px;padding:30px;margin-top:30px}
.wmb .coin{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F3DEB3,var(--gold));display:grid;place-items:center;font-family:var(--serif);font-size:2.2rem;color:#5b3d12;box-shadow:inset 0 -6px 0 rgba(0,0,0,.12),0 18px 30px -16px rgba(91,61,18,.6);}
.progress-bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:14px}
.progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--rasp));transition:width 1.4s ease}
.progress-bar{display:none}

@media (max-width:900px){
  .reasons{grid-template-columns:1fr 1fr}
  .calc,.comps,.story,.paths{grid-template-columns:1fr}
  .season{grid-template-columns:1fr 1fr}
  .season div{border-bottom:1px solid var(--line)}
  .days{grid-template-columns:repeat(2,1fr)}
  .wmb{grid-template-columns:1fr;text-align:center}
  .wmb .coin{margin:0 auto}
  .tag-hang{width:104px}
}
@media (max-width:420px){.reasons{grid-template-columns:1fr}}

.stall img.arch{width:86%;border-radius:220px 220px 26px 26px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);border:6px solid rgba(244,217,166,.25);animation:none}
.planner-img{border-radius:28px;box-shadow:var(--shadow);transform:rotate(-1.5deg);position:relative;z-index:2}

/* calm motion on seller pages (review 7. 10.) */
.btn::after{animation:none;display:none}
.lights i{animation-duration:6s}
.calc-wrap summary{list-style:none;cursor:pointer}
.calc-wrap summary::-webkit-details-marker{display:none}
.calc-wrap[open] summary{margin-bottom:6px}
@media (max-width:900px){
  .paths .best{order:-1}
  .paths .maker li.no{display:none}
  .days .day:not(.milestone){display:none}
  .days.open .day:not(.milestone){display:block}
  .days-toggle{display:flex !important}
}
.days-toggle{display:none;margin:16px auto 0;width:fit-content}

/* ========== Calm layered hero (V4, V2-3D) — revised 7. 10. after feedback: clean headline, one 3D element ========== */
.scene{position:relative;min-height:clamp(640px,calc(100vh - 38px),900px);overflow:hidden;background:#1a3029;isolation:isolate;display:flex;flex-direction:column;align-items:center}
.scene .ly{position:absolute;will-change:transform;pointer-events:none;user-select:none;max-width:none}
.scene .ly-back{left:-3%;top:-3%;width:106%;height:106%;object-fit:cover;object-position:50% 70%;filter:brightness(.95)}
.scene::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(60% 55% at 50% 30%,rgba(20,38,32,.72) 0%,rgba(20,38,32,.35) 55%,rgba(20,38,32,0) 80%)}
.scene .copy{position:relative;z-index:5;text-align:center;max-width:880px;padding:84px 20px 28px;color:#F6EEDF}
.scene .copy h1{color:#FFF7EA;font-size:clamp(2.2rem,4vw,3.5rem);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.scene .copy .sub{color:#EDE4D3;font-size:1.15rem;margin:14px auto 24px;max-width:52ch}
.scene .copy .eyebrow{color:var(--candle)}
.scene .nav{position:absolute;z-index:6;top:0;left:0;right:0;padding:18px max(20px,calc((100vw - 1120px)/2))}
.scene .nav .logo{color:#FFF7EA}.scene .nav .logo span{color:#F4A9C6}
.scene .stage{position:relative;z-index:4;width:clamp(300px,min(470px,70vw,calc((100vh - 440px) * 1.36)),470px);margin-top:auto;aspect-ratio:1400/1030}
.scene .ly-stall{position:absolute;left:50%;bottom:0;width:100%;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.scene .shadow{position:absolute;left:50%;bottom:-2%;width:80%;height:40px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);filter:blur(6px)}
.scene .ly-sparkles,.scene .ly-front{display:none}
.scene .ly{opacity:0;transition:opacity 1.2s ease}.scene.ready .ly{opacity:1}
.scene.ready .ly-stall{animation:rise 1.6s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{translate:0 50px}to{translate:0 0}}
@media (max-width:900px){.scene{height:auto;min-height:0}.scene .copy{padding-top:90px}.scene .stage{width:min(92vw,470px);margin-top:10px}}
.stats-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.sp{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:26px;position:relative;overflow:hidden}
.sp b{display:block;font-family:var(--serif);font-size:clamp(2.6rem,4.6vw,3.6rem);color:var(--rasp-ink);line-height:1;font-weight:600}
.sp p{margin:10px 0 8px}.sp .src{font-size:.72rem;color:#8d7a6a}
.sp.dark{background:linear-gradient(160deg,#2C4A3D,var(--pine));color:#F6EEDF;border:0}
.sp.dark b{color:#FFF7EA}.sp.dark .src{color:#C9BFA9}
.live-vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);margin-top:30px}
.live-vs div{padding:28px}.live-vs .l{background:#F1ECE6}.live-vs .s{background:var(--paper)}
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.voice{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;font-family:var(--serif);font-size:1.25rem;line-height:1.35}
.voice small{display:block;font-family:var(--sans);font-size:.75rem;color:var(--ink-soft);margin-top:10px}
@media (max-width:900px){
  .stats-proof,.voices,.live-vs{grid-template-columns:1fr}
}

.comps.two{grid-template-columns:repeat(2,1fr);max-width:760px;margin-left:auto;margin-right:auto}
.vers.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.comps.two,.vers.two{grid-template-columns:1fr}}

/* ========== Paper-cut Christmas diorama hero (V5) ========== */
.paper-hero{position:relative;height:clamp(640px,calc(100vh - 38px),900px);overflow:hidden;isolation:isolate;background:#1d3734;--shade:rgba(8,20,18,.45);--edge:rgba(255,246,226,.35)}
.paper-hero .ph-sky{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 78%,#E9C68E 0%,#B98E62 18%,#3E6A62 46%,#21423D 72%,#183331 100%)}
.paper-hero .pl-stack,.paper-hero .pl-hangs{position:absolute;inset:0}
.paper-hero .pl{position:absolute;left:-2%;top:0;width:104%;height:100%;will-change:transform;pointer-events:none}
.paper-hero .pl>svg{width:100%;height:100%;display:block;overflow:visible}
.paper-hero .cut{filter:drop-shadow(0 -1px 0 var(--edge)) drop-shadow(0 calc(var(--sh,4) * 1px) calc(var(--sh,4) * 1.6px) var(--shade))}
.paper-hero .pl>svg{opacity:0;transform:translateY(6%);transition:opacity .9s ease calc(var(--i,0)*90ms),transform 1s cubic-bezier(.2,.8,.25,1) calc(var(--i,0)*90ms)}
.paper-hero.placed .pl>svg{opacity:1;transform:none}
.p-far{fill:#4F7B71}.p-mid{fill:#3A6459}.p-mid2{fill:#2E5449}.p-near{fill:#2B4C43}.p-near2{fill:#1F3E36}
.p-snow{fill:#F4EEE2}.p-snow2{fill:#FBF7EF}.p-path{fill:#E7DCC7}.p-fg{fill:#14302A}
.p-kraft{fill:#C9A27A}.p-kraft2{fill:#A7825C}.p-rasp{fill:#A3164F}.p-rasp2{fill:#7A0F3A}.p-cream{fill:#F6EBDD}.p-gold{fill:#E2C27A}.p-bulb{fill:#FFE3A3}
.p-grain{fill:url(#grainPat);opacity:.55;pointer-events:none}
.p-moon{fill:#F6E7C1}.p-star{fill:#E9BE62}.p-flake{fill:#FBF6EC}
.tw{animation:twinkle 3.2s ease-in-out infinite}
.paper-hero .hang{position:absolute;top:0;z-index:2}
.paper-hero .hang .swing{position:relative;transform-origin:50% 0;animation:pswing var(--sd,5s) ease-in-out infinite alternate}
.paper-hero .hang .string{position:absolute;left:50%;top:0;width:1px;height:var(--len);background:linear-gradient(rgba(255,240,210,.12),rgba(255,240,210,.5))}
.paper-hero .hang .obj{position:absolute;left:50%;top:var(--len);transform:translate(-50%,-4%);filter:drop-shadow(0 6px 6px var(--shade))}
.paper-hero .hang .obj svg{display:block}
@keyframes pswing{from{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}
.paper-hero .ph-flower{position:absolute;z-index:4;left:50%;bottom:2%;width:clamp(150px,min(15vw,26vh),240px);transform:translateX(-50%);filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));pointer-events:none}
.paper-hero .ph-flower-wrap{position:absolute;inset:0;z-index:4;pointer-events:none}
.paper-hero .ph-frame{position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 0 10px #F3E9D6,inset 0 0 0 11px rgba(90,60,30,.25),inset 0 0 70px rgba(5,15,12,.55);border-radius:4px}
.paper-hero .ph-grainall{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.35;mix-blend-mode:multiply}
.paper-hero .copy{position:absolute;z-index:7;left:50%;top:11%;transform:translateX(-50%);width:min(880px,92vw);text-align:center;color:#F6EEDF}
.paper-hero .copy h1{color:#FFF7EA;font-size:clamp(2.2rem,4.2vw,3.7rem);text-shadow:0 2px 18px rgba(0,0,0,.35)}
.paper-hero .copy .sub{color:#EFE6D4;font-size:1.12rem;margin:14px auto 24px;max-width:52ch;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.paper-hero .copy .eyebrow{color:var(--candle)}
.paper-hero .nav{position:absolute;z-index:8;top:12px;left:0;right:0;padding:14px max(28px,calc((100vw - 1120px)/2))}
.paper-hero .nav .logo{color:#FFF7EA}.paper-hero .nav .logo span{color:#F4A9C6}
@media (max-width:900px){
  .paper-hero{height:auto;min-height:760px}
  .paper-hero .copy{top:70px}
  .paper-hero .pl{left:-30%;width:160%}
  .paper-hero .ph-flower{width:min(52vw,230px)}
  .paper-hero .hang{display:none}
}
.paper-hero .copy::before{content:"";position:absolute;left:50%;top:46%;width:125%;height:150%;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(closest-side,rgba(18,40,36,.78),rgba(18,40,36,.5) 55%,rgba(18,40,36,0));pointer-events:none}
@media (max-width:1240px){.paper-hero .hang:first-child{display:none}}
@media (max-width:1240px){.paper-hero .copy{width:min(720px,88vw)}.paper-hero .hang:nth-child(4){display:none}}

/* V5: torn edge + real-flower reveal */
.paper-hero .ph-tear{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:46px;z-index:9;fill:#FFFDFB;filter:drop-shadow(0 -3px 4px rgba(0,0,0,.18))}
.reveal-real{background:var(--paper);padding:40px 0 90px}
.rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.rr-flower{position:relative;display:grid;place-items:center;aspect-ratio:1/1;max-width:520px;margin:0 auto;width:100%}
.rr-flower .rosette{position:absolute;inset:4%;width:92%;height:92%;filter:drop-shadow(0 10px 18px rgba(122,15,58,.18))}
.rr-flower img{position:relative;width:88%;filter:drop-shadow(0 28px 30px rgba(122,15,58,.35));animation:float 10s ease-in-out infinite}
@media (max-width:900px){.rr-grid{grid-template-columns:1fr;gap:20px}.reveal-real{padding-top:20px}}

.supplies-note{font-size:.78rem;opacity:.75;margin:10px 0 0;letter-spacing:.02em}
.scene .supplies-note,.paper-hero .supplies-note,.market-hero .supplies-note{color:#EDE4D3}

/* ===== Shared rhythm (jadro/15): tighter sections on all sales pages ===== */
section{padding:64px 0}
@media (max-width:900px){ section{padding:48px 0} }

/* ===== Early access trust block: 3 buyer questions + 3 sample review cards ===== */
.ea{background:#FFFDFB;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ea-asks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.ea-ask{background:var(--blush);border-radius:18px;padding:16px 18px;font-family:var(--serif);font-size:1.22rem;line-height:1.3;position:relative}
.ea-ask::before{content:"";position:absolute;left:22px;bottom:-8px;border:8px solid transparent;border-top-color:var(--blush);border-bottom:0}
.ea-ask small{display:block;font-family:var(--sans);font-size:.72rem;color:var(--ink-soft);margin-top:8px}
.ea-label{display:flex;align-items:center;gap:12px;margin:34px 0 14px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink,#8A6A35)}
.ea-label::before,.ea-label::after{content:"";flex:1;height:1px;background:var(--line)}
.rvs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rv{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(44,24,32,.35);font-family:var(--sans)}
.rv img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;max-height:300px}
.rv-flag{position:absolute;top:10px;left:10px;background:rgba(44,24,32,.78);color:#fff;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.rv-body{padding:14px 16px 16px}
.rv-stars{color:#E0A526;letter-spacing:2px;font-size:.95rem}
.rv-body p{margin:6px 0 12px;font-size:.95rem;line-height:1.5;color:var(--ink)}
.rv-who{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--ink-soft)}
.rv-who .av{width:30px;height:30px;border-radius:50%;background:var(--blush);color:var(--rasp-ink);display:grid;place-items:center;font-weight:600}
.rv-who b{color:var(--ink);font-weight:600}
.rv-ver{margin-left:auto;font-size:.7rem;color:#3E7B4E}
.ea-note{font-size:.8rem;color:var(--ink-soft);text-align:center;margin-top:12px}
@media (max-width:900px){
  .ea-asks{grid-template-columns:1fr}
  .rvs{grid-template-columns:1fr;max-width:420px;margin:0 auto}
}
/* compact story portrait on all versions */
.story{grid-template-columns:minmax(260px,340px) 1fr}
.story .portrait{max-height:420px;width:100%}
@media (max-width:900px){ .story{grid-template-columns:1fr} .story .portrait{max-width:340px;margin:0 auto} }