.ksn-app{--ksn-ink:#18090c;--ksn-wine:#3b0d16;--ksn-wine-2:#57131f;--ksn-cream:#fff0cf;--ksn-paper:#fff8ec;--ksn-gold:#d7a63a;--ksn-rose:#d9a38d;color:var(--ksn-paper);background:var(--ksn-ink);border:1px solid rgba(215,166,58,.55);border-radius:28px;box-shadow:0 24px 60px rgba(34,6,11,.22);font-family:Montserrat,Arial,sans-serif;isolation:isolate;max-width:1180px;margin:24px auto;overflow:hidden}
.ksn-app *{box-sizing:border-box}.ksn-app button,.ksn-app a{font:inherit}.ksn-intro{display:grid;grid-template-columns:minmax(310px,.88fr) minmax(390px,1.12fr);height:210px;overflow:hidden;border-bottom:1px solid var(--ksn-gold);background:radial-gradient(circle at 22% 30%,#5a1722,#23090e 65%)}.ksn-intro-copy{align-self:center;min-width:0;position:relative;z-index:2;padding:18px clamp(22px,3.5vw,40px)}.ksn-intro-copy small{display:block;color:#f1c75d;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.ksn-intro-copy h2{color:var(--ksn-cream);font:700 clamp(26px,3vw,35px)/1 Georgia,serif;letter-spacing:-.025em;margin:5px 0 8px}.ksn-intro-copy p{font-size:12.5px;line-height:1.38;margin:0 0 9px}.ksn-intro-copy span{display:block;color:#ffd66f;font-size:11px;font-weight:900;letter-spacing:.025em;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.7);text-transform:uppercase}.ksn-intro picture{display:block;min-width:0;overflow:hidden}.ksn-intro picture,.ksn-intro img{width:100%;height:100%}.ksn-intro img{display:block;object-fit:cover;object-position:center right}
.ksn-hero-copy{position:absolute;z-index:1;left:clamp(24px,6vw,74px);bottom:clamp(28px,5vw,58px);max-width:650px}.ksn-hero-copy small,.ksn-card-content>small,.ksn-widget-copy small{display:block;color:#f1c75d;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.ksn-hero-copy h2{color:var(--ksn-cream);font:700 clamp(42px,6vw,76px)/.94 Georgia,serif;letter-spacing:-.035em;margin:8px 0 12px}.ksn-hero-copy p{font-size:17px;line-height:1.55;margin:0;max-width:610px}
.ksn-principles{display:grid;grid-template-columns:repeat(4,1fr);background:#10070a;border-bottom:1px solid rgba(215,166,58,.45)}.ksn-principles span{align-items:center;display:flex;gap:9px;justify-content:center;min-height:62px;color:var(--ksn-cream);font-size:12px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.ksn-principles span:before{content:'✦';display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ksn-gold);border-radius:50%;color:var(--ksn-gold)}
.ksn-feed-shell{padding:16px 18px 14px}.ksn-feed-head,.ksn-feed-foot{align-items:center;display:flex;justify-content:space-between}.ksn-feed-head{padding:0 4px 10px;color:var(--ksn-cream);font:700 17px/1.2 Georgia,serif}.ksn-feed-head span{color:#f1c75d;font:800 10px/1 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.ksn-feed{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 11px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#b87926 #261015;scrollbar-width:thin}.ksn-feed::-webkit-scrollbar{height:7px}.ksn-feed::-webkit-scrollbar-track{background:#261015;border-radius:10px}.ksn-feed::-webkit-scrollbar-thumb{background:#b87926;border-radius:10px}
.ksn-card{background:linear-gradient(160deg,#4a101a,#220a0f 72%);border:1px solid var(--ksn-gold);border-radius:18px;display:flex;flex:0 0 300px;flex-direction:column;height:420px;overflow:hidden;scroll-snap-align:start;box-shadow:inset 0 0 35px rgba(255,185,135,.035)}.ksn-card:focus{outline:2px solid var(--ksn-cream);outline-offset:3px}.ksn-card.is-safety{background:linear-gradient(160deg,#58131c,#1e080c 70%)}
.ksn-card-visual{height:145px;min-height:145px;position:relative;overflow:hidden;border-bottom:1px solid rgba(215,166,58,.5);background:#2d0a10}.ksn-card-visual>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#2d0a10}.ksn-card-badge{position:absolute;z-index:2;left:10px;top:10px;padding:5px 9px;border:1px solid var(--ksn-gold);border-radius:999px;background:rgba(36,8,13,.9);color:#f4ce70;font-size:7.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ksn-card.is-final .ksn-card-badge{display:none}
.ksn-card-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding:13px 14px 12px;scrollbar-width:thin;scrollbar-color:#b87926 transparent}.ksn-card-content h3{color:var(--ksn-cream);font:700 21px/1.02 Georgia,serif;letter-spacing:-.02em;margin:4px 0 6px}.ksn-card-content p,.ksn-card-content li{font-size:11.5px;line-height:1.35}.ksn-card-content p{margin:0 0 7px}.ksn-card-content ul{margin:0 0 8px;padding-left:17px}.ksn-warning{padding:7px 9px;border-left:3px solid #efbd4f;background:rgba(255,255,255,.06);border-radius:4px}.ksn-answers{display:grid;gap:5px;margin-top:4px;padding-top:3px}.ksn-app .ksn-answer{appearance:none!important;align-items:center!important;display:flex!important;justify-content:space-between!important;width:100%!important;min-height:32px!important;height:auto!important;margin:0!important;padding:7px 10px!important;border:1px solid rgba(215,166,58,.75)!important;border-radius:9px!important;background:#2c0b11!important;box-shadow:none!important;color:var(--ksn-paper)!important;cursor:pointer;text-align:left!important;text-transform:none!important;white-space:normal!important;overflow:visible!important;font-size:10.5px!important;line-height:1.25!important;font-weight:800!important}.ksn-app .ksn-answer:hover,.ksn-app .ksn-answer:focus-visible,.ksn-app .ksn-answer.is-selected{background:#f1c75d!important;color:#2a080e!important;outline:none}.ksn-answer b{color:var(--ksn-gold)}.ksn-answer:hover b,.ksn-answer.is-selected b{color:inherit}
.ksn-atlas-link,.ksn-resource{color:inherit;text-decoration:none}.ksn-atlas-link{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 12px;border:1px solid rgba(215,166,58,.55);border-radius:11px;background:rgba(255,255,255,.04)}.ksn-atlas-link span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ksn-atlas-link b{color:#f1c75d}.ksn-resources{margin-top:14px}.ksn-resources h4{font:700 18px/1.1 Georgia,serif;margin:0 0 8px;color:var(--ksn-cream)}.ksn-resource{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12)}.ksn-resource span{min-width:0}.ksn-resource b,.ksn-resource small{display:block}.ksn-resource small{opacity:.76;margin-top:3px}.ksn-resource em{color:#f1c75d;font-style:normal;font-weight:800;white-space:nowrap}.ksn-finish-mark{margin-top:auto;padding-top:14px;color:#f1c75d;font-size:11px;line-height:1.4}
.ksn-feed-foot{gap:10px;padding-top:3px}.ksn-feed-foot button{border:1px solid var(--ksn-gold);border-radius:999px;background:transparent;color:#f1c75d;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.07em;padding:9px 14px;text-transform:uppercase}.ksn-feed-foot button:hover,.ksn-feed-foot button:focus-visible{background:#f1c75d;color:#2a080e;outline:none}
.ksn-widget{display:block;position:relative;max-width:920px;min-height:250px;margin:20px auto;overflow:hidden;border:1px solid var(--ksn-gold);border-radius:24px;background:#21090e;color:#fff!important;text-decoration:none;box-shadow:0 20px 45px rgba(38,6,12,.22)}.ksn-widget picture,.ksn-widget picture img{position:absolute;inset:0;width:100%;height:100%}.ksn-widget img{object-fit:cover;object-position:center 23%}.ksn-widget.is-purchase img{object-position:center 58%}.ksn-widget-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,4,8,.94),rgba(36,7,13,.68) 52%,rgba(36,7,13,.12))}.ksn-widget-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:250px;max-width:530px;padding:34px 42px;color:#fff!important}.ksn-widget-copy small{color:#ffd66f!important}.ksn-widget-copy strong{color:var(--ksn-cream)!important;font:700 42px/1 Georgia,serif;margin:7px 0}.ksn-widget-copy em{color:#fff!important;font-style:normal;line-height:1.45}.ksn-widget-copy b{color:#ffd66f!important;margin-top:18px}.ksn-noscript{padding:18px}
@media(max-width:760px){.ksn-app{border-radius:0;margin:0;max-width:none}.ksn-intro{grid-template-columns:46% 54%;height:155px}.ksn-intro-copy{padding:12px 8px 12px 13px}.ksn-intro-copy small{font-size:7px}.ksn-intro-copy h2{font-size:21px;line-height:1.02;margin:4px 0 6px}.ksn-intro-copy p{font-size:9px;line-height:1.3;margin-bottom:6px}.ksn-intro-copy span{font-size:6.4px}.ksn-intro picture{height:155px}.ksn-intro img{object-fit:cover;object-position:64% center}.ksn-feed-shell{padding:8px 7px}.ksn-feed-head{display:none}.ksn-feed{display:block;height:min(500px,64svh);overflow-x:hidden;overflow-y:auto;padding:0 0 7px;scroll-snap-type:y mandatory}.ksn-card{width:100%;height:min(480px,62svh);min-height:410px;margin:0 0 9px;scroll-snap-align:start;scroll-snap-stop:always}.ksn-card-visual{height:31%;min-height:128px}.ksn-card-visual>img{object-fit:contain}.ksn-card-content{padding:12px 13px 10px}.ksn-card-content h3{font-size:21px}.ksn-card-content p,.ksn-card-content li{font-size:11.5px}.ksn-feed-foot{padding:4px 3px 0}.ksn-feed-foot button{padding:7px 10px;font-size:9px}.ksn-widget{min-height:390px;border-radius:20px;margin:16px}.ksn-widget img{object-position:center top}.ksn-widget-shade{background:linear-gradient(0deg,rgba(24,4,8,.95),rgba(36,7,13,.28) 75%)}.ksn-widget-copy{justify-content:flex-end;min-height:390px;padding:25px}.ksn-widget-copy strong{font-size:34px}}
@media(max-width:760px){.ksn-intro-copy span{font-size:7.4px;line-height:1.3}}
@media(max-width:420px){.ksn-intro{grid-template-columns:48% 52%;height:142px}.ksn-intro picture{height:142px}.ksn-intro-copy h2{font-size:19px}.ksn-intro-copy p{font-size:8.5px}.ksn-intro-copy span{font-size:6.8px}.ksn-card{height:59svh;min-height:390px}.ksn-card-visual{min-height:118px}.ksn-card-content h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ksn-feed{scroll-behavior:auto}.ksn-app *{animation:none!important;transition:none!important}}

/* Compact layout: preserves type sizes while removing excess image and empty space. */
@media(min-width:761px){.ksn-intro{height:180px}.ksn-intro-copy{padding:14px clamp(22px,3.5vw,36px)}.ksn-intro-copy h2{font-size:clamp(25px,2.8vw,33px);margin:4px 0 7px}.ksn-intro-copy p{line-height:1.35;margin-bottom:7px}.ksn-intro-copy span{font-size:10.5px;line-height:1.3}.ksn-feed-shell{padding:12px 14px 11px}.ksn-card{flex-basis:270px;height:390px}.ksn-card-visual{height:122px;min-height:122px}.ksn-card-content{padding:11px 12px 10px}}
.ksn-card.is-final{border:2px solid #f1c75d;box-shadow:0 0 0 3px rgba(215,166,58,.3),inset 0 0 30px rgba(241,199,93,.08)}
@media(max-width:760px){.ksn-intro,.ksn-intro picture{height:145px}.ksn-feed{height:min(470px,61svh)}.ksn-card{height:min(450px,59svh);min-height:390px}.ksn-card-visual{min-height:118px}.ksn-card-content{padding:11px 12px 9px}}
@media(max-width:420px){.ksn-intro,.ksn-intro picture{height:136px}.ksn-card{height:57svh;min-height:380px}.ksn-card-visual{min-height:110px}}

/* Full-width image hero with editable live-copy overlay. */
.ksn-intro{display:block;position:relative;isolation:isolate}.ksn-intro:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(35,5,11,.98) 0%,rgba(52,8,16,.9) 34%,rgba(35,5,11,.28) 58%,rgba(20,3,7,.04) 100%);pointer-events:none}.ksn-intro picture{position:absolute;z-index:0;inset:0;width:100%;height:100%}.ksn-intro img{object-fit:cover;object-position:center center}.ksn-intro-copy{display:flex;flex-direction:column;justify-content:center;height:100%;max-width:48%;position:relative;z-index:2;padding:14px clamp(24px,3.7vw,44px)}.ksn-intro-copy h2{font-size:clamp(25px,2.7vw,34px);line-height:.98}.ksn-intro-copy p{max-width:390px}.ksn-intro-copy span{max-width:430px}
@media(max-width:760px){.ksn-intro,.ksn-intro picture{height:184px}.ksn-intro:after{background:linear-gradient(90deg,rgba(31,4,10,.99) 0%,rgba(49,7,15,.93) 44%,rgba(28,4,9,.48) 68%,rgba(20,3,7,.1) 100%)}.ksn-intro img{object-position:63% center}.ksn-intro-copy{max-width:68%;padding:12px 14px}.ksn-intro-copy small{font-size:7.5px}.ksn-intro-copy h2{font-size:clamp(20px,6vw,25px);line-height:1;margin:4px 0 7px}.ksn-intro-copy p{font-size:9.5px;line-height:1.3;margin-bottom:7px}.ksn-intro-copy span{font-size:7.2px;line-height:1.3}}
@media(max-width:420px){.ksn-intro,.ksn-intro picture{height:176px}.ksn-intro img{object-position:66% center}.ksn-intro-copy{max-width:72%;padding:11px 12px}.ksn-intro-copy h2{font-size:21px}.ksn-intro-copy p{font-size:9px}.ksn-intro-copy span{font-size:6.8px}}

/* Keep the complete panoramic composition visible in extra-wide hero slots. */
@media(min-width:761px){.ksn-intro{height:195px;background:#31070d}.ksn-intro img{object-fit:contain;object-position:right center}.ksn-intro-copy{max-width:49%;padding-top:12px;padding-bottom:12px}.ksn-intro-copy h2{font-size:clamp(25px,2.7vw,33px)}.ksn-intro-copy span{font-size:10px}}

/* Comfortable mobile hero typography without hiding Kreppi or the products. */
@media(max-width:760px){.ksn-intro,.ksn-intro picture{height:210px}.ksn-intro-copy{max-width:68%;padding:14px 13px}.ksn-intro-copy small{font-size:8px;line-height:1.2}.ksn-intro-copy h2{font-size:clamp(22px,6vw,25px);line-height:1;margin:5px 0 8px}.ksn-intro-copy p{font-size:10.5px;line-height:1.35;margin-bottom:9px}.ksn-intro-copy span{font-size:8.5px;line-height:1.35}.ksn-intro img{object-position:65% center}}
@media(max-width:420px){.ksn-intro,.ksn-intro picture{height:205px}.ksn-intro-copy{max-width:70%;padding:13px 12px}.ksn-intro-copy h2{font-size:22px}.ksn-intro-copy p{font-size:10px}.ksn-intro-copy span{font-size:8.2px}}

/* Final mobile readability pass: body copy must be comfortably readable, not merely fit. */
@media(max-width:760px){.ksn-intro,.ksn-intro picture{height:232px}.ksn-intro-copy{max-width:70%;padding:15px 14px}.ksn-intro-copy small{font-size:9px}.ksn-intro-copy h2{font-size:clamp(23px,6.2vw,26px);margin:6px 0 9px}.ksn-intro-copy p{font-size:12px;line-height:1.38;margin-bottom:10px}.ksn-intro-copy span{font-size:10px;line-height:1.35}}
@media(max-width:420px){.ksn-intro,.ksn-intro picture{height:228px}.ksn-intro-copy{max-width:72%;padding:14px 12px}.ksn-intro-copy h2{font-size:23px}.ksn-intro-copy p{font-size:11.5px}.ksn-intro-copy span{font-size:9.5px}}

/* 0.1.11 – keep Kreppi's complete head visible in the purchase widget. */
.ksn-widget.is-purchase img{object-position:center top!important}
@media(max-width:760px){.ksn-widget.is-purchase img{object-position:center top!important}}

/* 0.1.12 – portrait mobile cards crop from the left, never through Kreppi. */
@media(max-width:760px){
  .ksn-widget img,
  .ksn-widget.is-purchase img{object-position:right top!important}
}

/* 0.1.13 – clear interaction feedback without changing the image crop. */
.ksn-widget{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
@media(hover:hover) and (pointer:fine){
  .ksn-widget:hover{
    transform:translateY(-5px);
    border-color:#e0bd54;
    box-shadow:0 27px 58px rgba(38,6,12,.34),0 0 0 1px rgba(224,189,84,.28);
  }
}
.ksn-widget:focus-visible{
  outline:3px solid #e0bd54;
  outline-offset:4px;
  transform:translateY(-3px);
}
.ksn-widget:active{transform:translateY(-1px) scale(.995)}
@media(prefers-reduced-motion:reduce){
  .ksn-widget{transition:none}
}

/* 0.1.14 – one restrained warm-gold light sweep on desktop hover. */
@media(hover:hover) and (pointer:fine){
  .ksn-widget::after{
    content:'';
    position:absolute;
    z-index:2;
    top:-35%;
    left:-42%;
    width:24%;
    height:170%;
    pointer-events:none;
    opacity:0;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,230,165,.18),transparent);
  }
  .ksn-widget:hover::after{
    opacity:1;
    left:122%;
    transition:left .78s ease-out,opacity .16s ease-in;
  }
}
@media(prefers-reduced-motion:reduce){
  .ksn-widget::after{display:none!important}
}