/* A storybook within the existing midnight, lavender and gold world. */
.story-page{background:#07143b}.story-welcome{position:relative;color:#fff0c4;text-align:center;padding:24px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#36457c66,transparent 65%),#07143b}.story-back{display:block;text-align:left;font-size:12px;color:#dad9ef;text-decoration:none;min-height:44px;padding:8px 0}.story-welcome .eyebrow{color:#f7c95e;margin:25px 0 18px}.story-welcome h1{font-size:clamp(48px,6.4vw,84px);line-height:.98;letter-spacing:-.025em}.story-welcome h1 em{font-weight:500;color:#ffe7a4}.story-invitation{font-size:18px;line-height:1.7;color:#e8e4f5;margin:24px auto 16px}.story-byline{font-size:12px;color:#c6c6e5;margin-bottom:25px}.story-byline span{padding:0 10px;color:#e9bb65}.story-welcome .button{background:#f7c95e;color:#07143b;border-color:#f7c95e;min-height:52px}.story-welcome .button:hover{background:#ffe7a4}.story-whisper{font-size:12px;color:#c7c6e1;margin:16px 0 34px}.story-panorama{margin:0;border:1px solid #e6bc6544;border-radius:180px 180px 0 0;overflow:hidden;box-shadow:0 -12px 80px #8c78d51f}.story-panorama img{width:100%;height:auto;aspect-ratio:1916/821;object-fit:cover}.storybook{background:#fbf7ee;color:#18285b;max-width:1120px;margin:auto;scroll-margin-top:95px}.story-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #bca97855;padding:22px 40px}.story-tools h2{font-size:23px}.story-tools button{color:#233361;border:1px solid #a99cc7;background:transparent;border-radius:30px;font-size:12px;font-weight:700;padding:10px 17px;min-height:44px;white-space:nowrap}.story-opening,.story-ending{text-align:center;padding:65px 24px 45px}.story-opening .eyebrow,.story-ending .eyebrow{color:#80612f}.story-verse{font:600 25px/1.55 var(--serif);margin:0 0 27px;letter-spacing:.002em}.story-ornament{display:block;font:24px/1.5 Georgia;color:#b18b44;margin:25px 0}.story-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px 54px;border-top:1px solid #bca97833}.scene-copy{min-width:0}.scene-number{color:#92713c;font-size:11px;letter-spacing:.15em;margin-bottom:8px}.scene-number span{margin-left:8px}.scene-copy h2{font-size:31px;margin:0 0 25px;color:#273768}.scene-copy .story-verse{font-size:23px;line-height:1.55;margin-bottom:23px}.scene-copy .story-verse:last-child{margin-bottom:0}.scene-art{margin:0;align-self:center}.scene-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:140px 140px 12px 12px;box-shadow:0 16px 34px #151c4420}.story-scene-reverse .scene-art{grid-column:1;grid-row:1}.story-scene-reverse .scene-copy{grid-column:2;grid-row:1}.story-scene:first-of-type .scene-art img{object-position:40% center}.story-ending{background:radial-gradient(ellipse at 50% 100%,#cfc4e54d,transparent 65%);border-top:1px solid #bca97833;padding-bottom:60px}.the-end{font:600 38px/1.2 var(--serif);color:#223361;margin-top:15px}.story-signature{font-size:12px;color:#655d78;margin-top:13px}.story-ending .text-link{margin-top:20px}.story-after{padding-block:75px;text-align:center;color:#eee9fa}.story-after .eyebrow{color:#f7c95e}.story-after h2{color:#fff0c4;font-size:48px}.story-after>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:570px;margin:20px auto 32px;color:#d0cde7}.story-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:left}.story-next{display:flex;gap:24px;align-items:center;border:1px solid #b9a1e144;border-radius:15px;background:#172654;padding:25px;color:#f8edca;text-decoration:none;transition:border-color .2s}.story-next:hover{border-color:#f7c95e}.story-next>img{width:118px;height:140px;object-fit:contain;border-radius:5px;flex-shrink:0}.story-next small{display:block;font-size:10px;letter-spacing:.04em;color:#d6d0eb}.story-next strong{display:block;font:600 29px/1.1 var(--serif);margin:9px 0 16px}.story-next span span{font-size:12px;color:#f7c95e}.story-after>.text-link{color:#f7c95e;margin-top:28px}.story-dim .storybook{background:#0c1a41;color:#eee4d1}.story-dim .story-tools h2,.story-dim .scene-copy h2,.story-dim .the-end{color:#ffe7a4}.story-dim .story-tools button{color:#ffe7a4;border-color:#82739b}.story-dim .storybook .eyebrow,.story-dim .scene-number,.story-dim .story-signature{color:#c7bdd8}.story-dim .story-ending{background:#111f49}.story-dim .story-ending .text-link{color:#ffe7a4}
@media(max-width:900px){.story-scene{padding:40px 32px;gap:30px}.scene-copy .story-verse{font-size:22px}.scene-copy h2{font-size:28px}.story-next{gap:16px;padding:20px}.story-next>img{width:85px;height:110px}.story-next strong{font-size:25px}}
@media(max-width:650px){.story-welcome{padding-top:14px}.story-welcome .eyebrow{font-size:9px;margin-top:14px}.story-welcome h1{font-size:49px}.story-invitation{font-size:16px;margin-top:20px}.story-byline{font-size:10px}.story-whisper{font-size:11px}.story-panorama{border-radius:75px 75px 0 0;margin:0 -10px}.story-panorama img{aspect-ratio:1.42;object-position:center}.story-tools{padding:18px 20px;align-items:flex-start}.story-tools h2{font-size:22px;max-width:160px}.story-tools button{padding:9px 11px;font-size:11px}.story-opening,.story-ending{padding:42px 18px 30px}.story-verse{font-size:23px;line-height:1.5;margin-bottom:25px}.story-scene{display:flex;flex-direction:column;padding:35px 22px;gap:28px}.scene-copy{width:100%;max-width:400px;margin:auto}.scene-copy .story-verse{font-size:23px;line-height:1.5}.scene-copy h2{font-size:30px}.scene-art{width:100%;max-width:360px}.scene-art img{border-radius:100px 100px 10px 10px}.story-ending{padding-bottom:42px}.the-end{font-size:34px}.story-after{padding-block:48px}.story-after h2{font-size:38px}.story-next-grid{grid-template-columns:1fr;gap:15px}.story-next>img{width:92px;height:115px}.story-after>p:not(.eyebrow){font-size:14px}.story-page .shop-nav{gap:0}}
@media(max-width:359px){.story-welcome h1{font-size:42px}.story-byline span{padding:0 4px}.story-verse,.scene-copy .story-verse{font-size:21px}.story-scene{padding-inline:18px}.story-tools{gap:8px;padding-inline:18px}.story-tools h2{font-size:20px;max-width:135px}}
@media(prefers-reduced-motion:reduce){.story-next{transition:none}.story-page{scroll-behavior:auto}}

@media(max-width:600px){.story-page .shop-brand .department-logo{width:min(180px,calc(100vw - 220px));height:auto}}
