.story-preview{padding:clamp(1.5rem,4vw,3.5rem) var(--gutter) 4rem;background:var(--color-ivory)}.story-preview__inner{max-width:var(--page-width);margin:0 auto}.story-preview__hidden-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.story-preview__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);align-items:start;gap:clamp(2rem,5vw,5rem)}.story-preview__visual{min-width:0}.story-preview__eyebrow{margin:0 0 .6rem;color:var(--color-sage);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-align:center;text-transform:uppercase}.story-reader{max-width:56rem;margin:0 auto;outline:none}.story-reader__stage{position:relative;aspect-ratio:4/3;width:100%;max-height:43rem;margin:auto;perspective:1800px;overflow:hidden;border-radius:.75rem;background:#ddcfbd;box-shadow:0 14px 32px #2b1b3d24,0 2px 6px #2b1b3d20;isolation:isolate}.story-reader__view{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.story-reader__view.is-active{display:flex}.story-reader__view--cover{align-items:center;justify-content:center;background:radial-gradient(circle at center,#eee4d6,#cfbda8)}.story-reader__cover{position:relative;display:block;width:50%;height:100%;padding:0;overflow:hidden;border:0;border-radius:.2rem .6rem .6rem .2rem;background:#16122d;color:#fff;cursor:pointer;box-shadow:-8px 7px 18px #2b1b3d28,8px 0 18px #2b1b3d2d;transform-origin:left center}.story-reader__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d13387d 0%,transparent 36%,transparent 70%,#100d31a6 100%);pointer-events:none}.story-reader__cover img{display:block;width:100%;height:100%;object-fit:cover}.story-reader__cover-copy{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(1rem,3vw,2.1rem) 1rem;color:#fff;text-align:center;text-shadow:0 2px 10px #120b2c}.story-reader__cover-title{max-width:14ch;font-family:Georgia,serif;font-size:clamp(1.2rem,2.7vw,2.4rem);font-weight:700;line-height:1.11}.story-reader__cover-subtitle{max-width:26ch;margin-top:auto;font-size:clamp(.69rem,1.2vw,.96rem);font-weight:700;line-height:1.35}.story-reader__cover-action{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.7rem 1rem;border:1px solid #ffffff8f;border-radius:999px;background:#2b1b3dbb;font-size:clamp(.72rem,1.1vw,.88rem);font-weight:800;white-space:nowrap}.story-reader__cover.is-opening{animation:story-cover-open .46s ease-in forwards}.story-reader__view--spread{background:#fcf6eb}.story-reader__page{position:relative;width:50%;height:100%;min-width:0;overflow:hidden}.story-reader__page--text{display:flex;flex-direction:column;justify-content:center;gap:clamp(.45rem,1vw,.75rem);padding:clamp(1.25rem,3.5vw,2.75rem);border-right:1px solid #d9c6ac;background:linear-gradient(100deg,#fffaf0,#fff7e7 92%,#eadcc6);font-family:Georgia,serif;font-size:clamp(.82rem,1.3vw,1.05rem);line-height:1.4;color:#332743}.story-reader__page--text p{margin:0}.story-reader__page--text p:last-child{font-style:italic}.story-reader__page--text-compact{font-size:clamp(.78rem,1.17vw,.96rem);line-height:1.37}.story-reader__page--text-long{gap:clamp(.28rem,.7vw,.5rem);padding:clamp(.8rem,2.2vw,1.65rem);font-size:clamp(.76rem,1.1vw,.94rem);line-height:1.35}.story-reader__page--text:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,#6954661a);pointer-events:none}.story-reader__page--image{background:#181a3b}.story-reader__page--image img{display:block;width:100%;height:100%;object-fit:cover}.story-reader__view--spread:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:calc(50% - 10px);width:20px;background:linear-gradient(90deg,transparent,#1a102636 48%,#fff5dc46 52%,transparent);pointer-events:none}.story-reader__controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem}.story-reader__controls button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.55rem .9rem;border:1px solid #bca7ba;border-radius:999px;background:#fffaf2;color:var(--color-plum);font:700 .86rem Arial,sans-serif;cursor:pointer}.story-reader__controls button:hover:not(:disabled){background:#f5e9da}.story-reader__controls button:disabled{opacity:.38;cursor:not-allowed}.story-reader__controls [data-story-counter]{color:#6f5d70;font:700 .8rem Arial,sans-serif;white-space:nowrap}.story-reader__chapters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem}.story-reader__chapters button{min-height:2.45rem;padding:.45rem .8rem;border:1px solid transparent;border-radius:999px;background:transparent;color:#514059;font:700 .78rem Arial,sans-serif;cursor:pointer}.story-reader__chapters button:hover{border-color:#c8b2a7}.story-reader__chapters button[aria-current=step]{border-color:#c04a3a;background:#f8e8df;color:#8a2f25}.story-reader__note{margin:1rem 0 0;color:#64556d;font-size:.79rem;line-height:1.45;text-align:center}.story-offer{position:sticky;top:1.5rem;padding:clamp(1.35rem,3vw,2.25rem);border:1px solid #e3d3c3;border-radius:1rem;background:#fffdf8;box-shadow:0 14px 36px #2b1b3d10}.story-offer__eyebrow{margin:0 0 .6rem;color:var(--color-sage);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.story-offer h1{max-width:13ch;margin:0;color:var(--color-plum);font-family:Georgia,serif;font-size:clamp(2rem,3.3vw,3.1rem);font-weight:500;line-height:1.03}.story-offer__intro{margin:1rem 0 1.5rem;color:#594d62;font-size:1rem;line-height:1.52}.story-offer__form{margin:0}.story-offer__choices{display:grid;gap:.8rem;margin:0;padding:0;border:0}.story-offer__choices legend{margin:0 0 .7rem;color:var(--color-plum);font-size:.85rem;font-weight:800}.story-offer__choice{position:relative;display:block;padding:1rem;border:1px solid #d8c6ba;border-radius:.85rem;background:#fffaf4;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.story-offer__choice:hover{border-color:#aa897c}.story-offer__choice.is-selected{border-color:var(--color-coral);background:#fff5ef;box-shadow:0 0 0 2px #c04a3a1a}.story-offer__choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.story-offer__choice:has(input:focus-visible){outline:3px solid var(--color-gold);outline-offset:3px}.story-offer__choice-body{display:block}.story-offer__choice-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;color:var(--color-plum);font-size:1rem;font-weight:800}.story-offer__choice-heading strong{font-size:1.12rem;white-space:nowrap}.story-offer__choice-description{display:block;margin:.35rem 0 .7rem;color:#55485e;font-size:.87rem;line-height:1.4}.story-offer__list{display:grid;gap:.38rem;color:#493c53;font-size:.79rem;line-height:1.35}.story-offer__list span{display:flex;align-items:flex-start;gap:.45rem}.story-offer__list span:before{content:"\2713";flex:0 0 auto;color:var(--color-sage);font-weight:900}.story-offer__badge{position:absolute;z-index:1;top:-.65rem;right:1rem;padding:.3rem .55rem;border-radius:999px;background:var(--color-plum);color:var(--color-ivory);font-size:.67rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.story-offer__cta{width:100%;margin-top:1.1rem;border:0;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.story-offer__reassurance{display:grid;gap:.5rem;margin:1.25rem 0 0;padding:1rem 0 0;border-top:1px solid #eadcd1;color:#5f5167;font-size:.78rem;line-height:1.35;list-style:none}.story-offer__reassurance li{display:flex;gap:.5rem}.story-offer__reassurance li:before{content:"\2726";color:var(--color-gold);font-size:.9rem}.story-reader__turn{position:absolute;z-index:5;top:0;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none}.story-reader__turn--forward{right:0;transform-origin:left center;animation:story-turn-forward .52s ease-in-out forwards}.story-reader__turn--backward{left:0;transform-origin:right center;animation:story-turn-backward .52s ease-in-out forwards}.story-reader__turn-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 4px 20px #130e2944}.story-reader__turn-face--back{transform:rotateY(180deg)}.story-reader__turn-face .story-reader__page{display:flex;width:100%}.story-reader__hold{position:absolute;z-index:4;top:0;width:50%;height:100%;overflow:hidden;pointer-events:none}.story-reader__hold--left{left:0}.story-reader__hold--right{right:0}.story-reader__hold .story-reader__page{width:100%}@keyframes story-turn-forward{to{transform:rotateY(-180deg)}}@keyframes story-turn-backward{to{transform:rotateY(180deg)}}@keyframes story-cover-open{to{opacity:0;transform:rotateY(-110deg)}}@media(max-width:700px){.story-preview{padding:1.3rem 1rem 2.5rem}.story-preview__layout{display:block}.story-offer{position:static;margin-top:2.25rem;padding:1.25rem}.story-offer h1{font-size:2rem}.story-reader__stage{width:min(100%,26rem);aspect-ratio:2/3;max-height:none}.story-reader__cover{width:100%}.story-reader__cover-copy{padding:1.6rem 1.2rem}.story-reader__cover-title{font-size:clamp(1.55rem,7vw,2.2rem)}.story-reader__cover-subtitle{font-size:.88rem}.story-reader__view--spread{display:none}.story-reader__view--spread.is-active{display:block}.story-reader__page{display:none;width:100%}.story-reader__page.is-mobile-visible{display:flex}.story-reader__page--text{padding:clamp(1.1rem,5vw,1.75rem);font-size:clamp(.88rem,3.6vw,1.02rem);gap:clamp(.45rem,1.8vw,.75rem);border-right:0}.story-reader__page--text-compact{font-size:clamp(.82rem,3.35vw,.94rem);line-height:1.35}.story-reader__page--text-long{gap:.35rem;padding:clamp(.8rem,3.5vw,1.05rem);font-size:clamp(.76rem,3.2vw,.9rem);line-height:1.32}.story-reader__page--image{display:block}.story-reader__page--image:not(.is-mobile-visible){display:none}.story-reader__view--spread:after{display:none}.story-reader__controls button{width:2.8rem;padding:0;font-size:0}.story-reader__controls button span{font-size:1.25rem}.story-reader__controls [data-story-counter]{font-size:.8rem}.story-reader__chapters{gap:.2rem .3rem}.story-reader__chapters button{font-size:.73rem;padding:.35rem .55rem}.story-reader__turn{width:100%}.story-reader__hold{display:none}}@media(prefers-reduced-motion:reduce){.story-reader__cover.is-opening,.story-reader__turn{animation-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/contelune-story-preview.css.map */