/* Web storefront, built from the app's copper illustrations and the existing cedar room. */
:root{--web-bg:#130f0d;--web-ink:#f5eee5;--web-soft:#cdbeb0;--web-copper:#d4a071;--web-rule:rgba(224,175,124,.25);--web-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
html{scroll-behavior:smooth}body.web-home,body.web-interior{background:var(--web-bg);color:var(--web-ink)}
.web-home .sx-top,.web-interior .sx-top{background:rgba(17,12,10,.88);border-color:var(--web-rule)}
.web-home .sx-wm,.web-interior .sx-wm{font:700 22px var(--web-serif);letter-spacing:.08em;text-transform:uppercase}
.web-home .sx-top nav a.on,.web-home .sx-top nav a:hover,.web-interior .sx-top nav a.on,.web-interior .sx-top nav a:hover{color:var(--web-copper);border-color:var(--web-copper)}
.web-home .sx-btn,.web-interior .sx-btn{color:var(--web-copper);border-color:var(--web-copper)}
.web-home .sx-foot,.web-interior .sx-foot{background:#110d0b;border-color:var(--web-rule);margin-top:0}
.web-shell{width:min(100% - 72px,1280px);margin-inline:auto}
.web-kicker{font:600 11px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:.24em;color:var(--web-copper);text-transform:uppercase}
.web-kicker span{margin:0 9px;color:#8e6a52}
.web-hero{position:relative;min-height:min(850px,calc(100svh - 80px));display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#1b100a}
.web-hero-scene,.web-hero-scene::after{position:absolute;inset:0}
.web-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.76) contrast(1.12) brightness(.64);transform:scale(1.02)}
.web-hero-scene::after{content:"";background:linear-gradient(90deg,rgba(15,10,8,.96) 0%,rgba(15,10,8,.86) 27%,rgba(15,10,8,.42) 58%,rgba(15,10,8,.24) 100%),linear-gradient(0deg,rgba(15,10,8,.7),transparent 25%)}
.web-hero-inner{position:relative;z-index:1;width:min(100% - 72px,1280px);margin:0 auto;padding:80px 0 105px}
.web-hero h1{font:400 clamp(68px,8.8vw,140px)/.88 var(--web-serif);letter-spacing:-.066em;max-width:10ch;margin:27px 0 30px;color:#fff9f1;text-wrap:balance}
.web-hero h1 em,.web-intro h2 em,.web-feature h2 em,.web-finale h2 em{font-weight:400;color:#dfac82}
.web-hero-lead{font:400 clamp(19px,2vw,26px)/1.45 var(--web-serif);max-width:30ch;color:#e3d6c9;margin:0 0 38px}
.web-actions{display:flex;flex-wrap:wrap;gap:12px}
.web-button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 24px;border:1px solid #c99466;border-radius:2px;font:600 13px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:.03em;text-decoration:none;transition:background .25s,transform .25s;color:var(--web-ink)}
.web-button:hover{transform:translateY(-3px)}.web-button-fill{background:#c99062;color:#1d110b}.web-button-fill:hover{background:#ecc09a}.web-button-line{background:rgba(18,12,9,.4);color:#f4d2b2}.web-button-line:hover{background:rgba(201,144,98,.16)}
.web-hero-foot{position:absolute;z-index:1;bottom:26px;left:max(36px,calc((100vw - 1280px)/2));right:max(36px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;gap:20px;font:600 10px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:.18em;color:#cba47e}.web-hero-foot a{color:inherit}
.web-intro{text-align:center;padding:130px 0 65px;scroll-margin-top:90px}.web-intro h2,.web-feature h2,.web-finale h2{font:400 clamp(46px,5.6vw,78px)/1.05 var(--web-serif);letter-spacing:-.045em;text-wrap:balance;margin:20px 0 24px}.web-intro>p:last-child{font:17px/1.65 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:var(--web-soft);max-width:55ch;margin:0 auto}
.web-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:140px}
.web-world{position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 65% 25%,#60402c,#261a14 58%,#1b130f);border:1px solid var(--web-rule);padding:24px;color:var(--web-ink);text-decoration:none;transition:transform .35s,border-color .35s}.web-world:nth-child(even){background:radial-gradient(ellipse at 65% 20%,#553829,#211813 60%,#18110e)}.web-world:hover{transform:translateY(-6px);border-color:#d4a071}
.web-world-number{font:600 10px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:.18em;color:#dbb28b}
.web-world>img{position:absolute;right:16px;top:65px;width:clamp(92px,11vw,145px);height:auto;filter:drop-shadow(0 25px 22px rgba(0,0,0,.4));transition:transform .45s}.web-world:hover>img{transform:translateY(-8px) scale(1.04)}
.web-world h3{font:400 43px/1 var(--web-serif);letter-spacing:-.04em;margin:0 0 13px}.web-world p{font:14px/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#d4c5b9;min-height:88px;margin:0 0 18px}.web-world-link{font:600 12px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#e7ae7f}
.web-auction{background:#ece5d9;color:#251b15;padding:105px 0 95px}.web-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid rgba(52,37,27,.25);padding-bottom:28px;margin-bottom:30px}.web-auction .web-kicker{color:#9d623d}.web-section-head h2{font:400 clamp(46px,5vw,72px)/1 var(--web-serif);letter-spacing:-.05em;margin:12px 0}.web-section-head p:last-child{font-size:14px;color:#705f51;margin:0}.web-section-head>a{color:#76472f;font-weight:600;font-size:13px;white-space:nowrap}
.web-sales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.web-sale{display:block;background:#f9f5ee;border:1px solid #ded3c2;min-width:0;color:#211916;text-decoration:none;transition:transform .25s,box-shadow .25s}.web-sale:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(60,34,15,.12)}.web-sale-image{display:flex;align-items:center;justify-content:center;height:210px;background:#e5dccc;overflow:hidden}.web-sale-image img{max-width:100%;max-height:100%;object-fit:contain}.web-sale-image .web-sale-symbol{width:95px;height:95px}.web-sale-copy{display:flex;flex-direction:column;padding:23px 23px 25px;min-height:225px}.web-sale-copy small{color:#976c4e;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.web-sale-copy strong{font:400 27px/1.12 var(--web-serif);margin:8px 0 auto}.web-sale-price{font:600 25px var(--web-serif);margin-top:18px}.web-sale-price i{font:12px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#827366}.web-sale-meta,.web-sale-source{font-size:12px;color:#827366;margin-top:5px}.web-sale-source{color:#815039;margin-top:13px;font-weight:600}.web-disclaimer{color:#75685b;font-size:12px;margin:18px 0 0}.web-loading{grid-column:1/-1;color:#6c584b}.web-loading a{color:#7f4c30}
.web-feature{display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:#1c1511}.web-feature-art{display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#67402b,#291a13 55%,#1b130f)}.web-feature-art>img{width:min(48%,310px);height:auto;filter:drop-shadow(0 35px 35px rgba(0,0,0,.45))}.web-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px clamp(36px,8vw,130px)}.web-feature-copy>p:not(.web-kicker){color:var(--web-soft);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;max-width:45ch}.web-text-link{color:#e5ae82;border-bottom:1px solid #a77553;padding:12px 0;text-decoration:none;font-size:14px;font-weight:600;margin-top:18px}.web-text-link:hover{color:#ffcfab}.web-feature-humidor{background:#24180f}.web-feature-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08)}.web-feature-links{display:flex;gap:14px 26px;flex-wrap:wrap}
.web-finale{text-align:center;padding:130px 0 145px}.web-finale>img{width:110px;height:110px;object-fit:contain;margin:auto auto 20px}.web-finale h2{margin-top:16px}.web-finale>p:not(.web-kicker){color:var(--web-soft);max-width:45ch;margin:0 auto 30px;font-size:16px}.web-finale .web-button{margin:auto}
/* Interior pages inherit the same material palette while retaining their data components. */
.web-interior .hero::before{background:radial-gradient(80% 100% at 25% 20%,rgba(118,68,36,.38),transparent 70%)!important}.web-interior main .hero{border-color:var(--web-rule)}.web-interior .hero h1{font-family:var(--web-serif)}.web-interior .crumbs{padding-top:25px}.web-interior .crumbs a{color:#dfa576}.web-interior .lib-art,.web-interior .lib-fig svg{background:#2a1b14}.web-interior .lib-door{background:#211711}.web-interior .lib-door:hover{border-color:#d4a071}
@media(max-width:950px){.web-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.web-world{min-height:340px}.web-world p{min-height:0}.web-feature{min-height:500px}.web-feature-copy{padding:55px 36px}}
@media(max-width:650px){.web-shell{width:min(100% - 40px,1280px)}.web-hero{min-height:calc(100svh - 115px);align-items:flex-end}.web-hero-scene img{object-position:63% center}.web-hero-scene::after{background:linear-gradient(0deg,rgba(15,10,8,.97),rgba(15,10,8,.48) 82%),linear-gradient(90deg,rgba(15,10,8,.45),transparent)}.web-hero-inner{width:calc(100% - 40px);padding:100px 0 86px}.web-hero h1{font-size:clamp(57px,14vw,82px);margin:17px 0 20px}.web-hero-lead{font-size:19px;max-width:29ch}.web-actions{display:grid}.web-button{min-height:48px}.web-hero-foot{left:20px;right:20px;bottom:20px}.web-hero-foot span{display:none}.web-intro{padding:82px 0 38px;text-align:left}.web-intro h2,.web-feature h2,.web-finale h2{font-size:clamp(43px,11vw,62px)}.web-intro>p:last-child{margin:0}.web-worlds{grid-template-columns:1fr;gap:10px;padding-bottom:80px}.web-world{min-height:260px;padding:22px}.web-world>img{top:25px;right:15px;width:125px}.web-world>div{max-width:66%}.web-world h3{font-size:38px}.web-world p{font-size:13px;margin-bottom:8px}.web-auction{padding:75px 0}.web-section-head{align-items:start}.web-section-head>a{align-self:end}.web-section-head h2{font-size:47px}.web-sales{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;margin-right:-20px}.web-sale{flex:0 0 min(82vw,330px);scroll-snap-align:start}.web-sale-image{height:180px}.web-sale-copy{min-height:205px}.web-feature{display:flex;flex-direction:column}.web-feature-art{min-height:320px}.web-feature-copy{padding:65px 22px}.web-feature-humidor .web-feature-photo{order:-1;height:320px}.web-finale{padding:90px 0}}
@media(max-width:420px){.web-world>div{max-width:72%}.web-world>img{width:105px}.web-section-head{display:block}.web-section-head>a{display:inline-block;margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.web-button,.web-world,.web-world>img,.web-sale{transition:none}.web-button:hover,.web-world:hover,.web-world:hover>img,.web-sale:hover{transform:none}}
/* Owner palette, 07.10.2026: copper and petrol. */
body.web-home,body.web-interior{--bg:#081a1c;--bg2:#0a2223;--panel:#10282a;--green:#164143;--green-d:#102c2d;--gold:#e9a46a;--gold-hi:#f2b27a;--line:rgba(233,164,106,.3);--line2:rgba(182,205,200,.18);--ivory:#eef7f4;--ink2:#b6cdc8;--ink3:#a8c0bb;--web-bg:#081a1c;--web-ink:#eef7f4;--web-soft:#b6cdc8;--web-copper:#e9a46a;--web-rule:rgba(233,164,106,.28);background:radial-gradient(70% 90% at 90% 10%,rgba(60,194,176,.22),transparent 60%),linear-gradient(160deg,#081a1c,#05100f);color:#eef7f4}
.web-home .sx-top,.web-interior .sx-top{background:rgba(5,18,19,.88)}.web-home .sx-foot,.web-interior .sx-foot{background:#05100f}
.web-hero{background:linear-gradient(160deg,#081a1c,#05100f)}.web-hero-scene img{filter:saturate(.82) contrast(1.08) brightness(.68)}.web-hero-scene::after{background:linear-gradient(90deg,rgba(5,16,15,.98),rgba(5,16,15,.85) 27%,rgba(5,16,15,.38) 65%,rgba(5,16,15,.18)),linear-gradient(0deg,#05100f,transparent 26%),radial-gradient(50% 80% at 85% 30%,rgba(60,194,176,.19),transparent 70%)}
.web-hero h1 em,.web-intro h2 em,.web-feature h2 em,.web-finale h2 em,.butler-hero h1 em{background:linear-gradient(95deg,#f2b27a,#e58a5c 40%,#5fd3c1);-webkit-background-clip:text;background-clip:text;color:transparent}
.web-kicker,.web-world-link,.web-text-link{color:#7fe0d1}.web-button-fill{background:#e9a46a;color:#1d120a;border-color:#f2b27a}.web-button-fill:hover{background:#f2b27a}.web-button-line{border-color:rgba(127,224,209,.58);color:#c5f6ee;background:rgba(5,25,26,.42)}.web-button-line:hover{background:rgba(95,211,193,.14)}.web-hero-foot{color:#b7d9d2}.web-hero-lead{color:#d1e2dd}
.web-world{background:radial-gradient(ellipse at 65% 20%,rgba(233,164,106,.28),transparent 55%),linear-gradient(155deg,#143034,#0a1c1d 65%,#081516)}.web-world:nth-child(even){background:radial-gradient(ellipse at 65% 20%,rgba(95,211,193,.16),transparent 57%),linear-gradient(155deg,#183034,#0a1c1d 65%,#081516)}.web-world-number{color:#9ce5d7}.web-world p{color:#b6cdc8}.web-world:hover{border-color:#7fe0d1}
.web-auction{background:radial-gradient(70% 90% at 90% 10%,rgba(60,194,176,.17),transparent 60%),linear-gradient(160deg,#0c2629,#061516);color:#eef7f4}.web-auction .web-kicker{color:#7fe0d1}.web-section-head{border-color:rgba(182,205,200,.25)}.web-section-head p:last-child{color:#b6cdc8}.web-section-head>a{color:#7fe0d1}.web-sale{background:#f4f0e8}.web-sale-image{background:#e6e0d5}.web-disclaimer,.web-loading{color:#b6cdc8}
.web-feature{background:linear-gradient(155deg,#0a2224,#061516)}.web-feature-art{background:radial-gradient(circle at 50% 50%,rgba(233,164,106,.24),rgba(10,42,44,.8) 55%,#07191a)}.web-feature-humidor{background:linear-gradient(145deg,#082124,#061516)}.web-finale{background:radial-gradient(45% 60% at 50% 40%,rgba(95,211,193,.1),transparent 70%)}
.web-interior .hero::before{background:radial-gradient(65% 95% at 20% 20%,rgba(60,194,176,.21),transparent 70%),radial-gradient(45% 70% at 90% 35%,rgba(233,164,106,.13),transparent 65%)!important}.web-interior .lib-art,.web-interior .lib-fig svg{background:#143034}.web-interior .lib-door{background:#10282a}.web-interior .lib-door:hover{border-color:#7fe0d1}
.web-market .hero,.web-library .hero{min-height:270px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:170px!important}.web-market .hero::after,.web-library .hero::after{content:"";position:absolute;right:20px;top:50%;width:145px;height:145px;transform:translateY(-50%);background:url('../img/app/agora.png') center/contain no-repeat;filter:drop-shadow(0 15px 20px #031011)}.web-library .hero::after{background-image:url('../img/app/library.png')}.web-market .hero h1,.web-library .hero h1{background:linear-gradient(95deg,#f2b27a,#e58a5c 40%,#5fd3c1);background-clip:text;-webkit-background-clip:text;color:transparent}.web-market .hero h1{font-size:clamp(60px,7vw,96px)!important}.web-library .lib-head h1{font-size:clamp(54px,6vw,82px)!important}
@media(max-width:650px){.web-hero-scene::after{background:linear-gradient(0deg,rgba(5,16,15,.98),rgba(5,16,15,.55) 82%),linear-gradient(90deg,rgba(5,16,15,.5),transparent)}.web-market .hero,.web-library .hero{padding-right:90px!important;min-height:230px}.web-market .hero::after,.web-library .hero::after{width:90px;height:90px;right:0;top:25%;}.web-market .hero h1{font-size:52px!important}}
.web-feature-art>img{width:min(48%,160px)}
.web-feature-photo>img{width:100%;height:100%;max-width:none;object-fit:cover}
@keyframes web-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .web-hero-inner>.web-kicker{animation:web-arrive .7s both}
  .web-hero h1{animation:web-arrive .9s .1s both}
  .web-hero-lead{animation:web-arrive .9s .22s both}
  .web-actions{animation:web-arrive .9s .34s both}
}

/* One plain sentence saying what Kapnagora is (WEB-S1, finding S1). */
.web-hero-what{font:500 clamp(15px,1.5vw,18px)/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;max-width:52ch;color:#f5eee5;margin:0 0 18px}

/* WEB-A1 (09.10.2026): Agora rows and the featured card are real links.
   Row: one stretched link per row (mouse anywhere on the row, keyboard on the name). */
tr.row-link{position:relative;cursor:pointer;transition:background .15s}
tr.row-link a.row-main{color:var(--gold-hi);font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .15s}
tr.row-link a.row-main::after{content:"";position:absolute;inset:0}
tr.row-link .row-go{display:inline-block;margin-left:4px;transition:transform .15s}
tr.row-link:hover{background:var(--acc-soft)}
tr.row-link:hover a.row-main,tr.row-link:focus-within a.row-main{text-decoration-color:currentColor}
tr.row-link:hover .row-go{transform:translateX(3px)}
tr.row-link:focus-within{outline:2px solid var(--gold-hi);outline-offset:-2px}
tr.row-link a.row-main:focus-visible{outline:none}
.fresh-note{margin:0 0 12px;font-size:13px;color:var(--ink-dim,var(--muted));min-height:1.4em}
a.card.feat{display:grid;grid-template-columns:220px 1fr;padding:0;overflow:hidden;color:inherit;transition:border-color .15s,transform .15s}
a.card.feat:hover{border-color:var(--gold);transform:translateY(-2px)}
a.card.feat:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.feat-media{aspect-ratio:auto;height:100%;min-height:200px;border-radius:0;margin:0}
.feat-media img{height:100%}
.feat-body{padding:22px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.feat-name{font-size:22px;margin:0}
.feat-why{margin:0;font-size:14px;color:var(--ink-dim,var(--muted))}
.feat-go{margin-top:6px;font-size:13.5px;font-weight:600;color:var(--gold-hi);letter-spacing:.02em}
a.card.feat:hover .feat-go{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){a.card.feat{grid-template-columns:1fr}.feat-media{height:190px;min-height:0}.feat-body{padding:16px}.feat-name{font-size:19px}}
@media(prefers-reduced-motion:reduce){tr.row-link,tr.row-link .row-go,a.card.feat{transition:none}a.card.feat:hover{transform:none}}
.web-fresh{margin:8px 0 0;font-size:14px;color:#b6cdc8;min-height:1.4em}
.web-sale:focus-visible,.web-world:focus-visible{outline:2px solid #f2b27a;outline-offset:3px}