.ribbonContainer{display:flex;width:112px;flex-direction:column;align-items:center;position:relative;padding-bottom:25px;min-height:104px;margin:0 auto;background-color:#3a3a3a;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 25px),0 100%);transition:background-color .3s ease-in}.ribbonContainer p{font-family:Gelica;font-style:normal;font-weight:700;font-size:12px;line-height:14px;text-align:center;letter-spacing:.055em;text-transform:capitalize;padding:0 12px;color:#f8f6f1}@media only screen and (max-width: 1024px){.ribbonContainer{width:100px;padding-bottom:15px}}.dark-theme .ribbonContainer{background-color:#f8f6f1;color:#3a3a3a}#navIcon{width:30px;height:30px;position:relative;flex:0 0 auto;margin:20px auto;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}#navIcon span{display:block;position:absolute;height:2px;width:100%;background:#F8F6F1;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#navIcon span:nth-child(1){top:6px}#navIcon span:nth-child(2),#navIcon span:nth-child(3){top:calc(50% - 1px)}#navIcon span:nth-child(4){bottom:6px}#navIcon.open span:nth-child(1),#navIcon.open span:nth-child(4){width:0%;left:50%}#navIcon.open span:nth-child(2){transform:rotate(40deg)}#navIcon.open span:nth-child(3){transform:rotate(-40deg)}.dark-theme #navIcon span{background:#3A3A3A}.navRibbonContainer{position:absolute;top:0;left:5%;z-index:50}.navRibbonContainer nav{display:flex;flex-direction:column;gap:22px 12px}.navRibbonContainer nav a{font-family:Poppins;font-style:normal;font-weight:600;font-size:clamp(.875rem,.6918rem + .361vw,1rem);line-height:24px;text-align:center;letter-spacing:.02em;text-decoration:none;color:#f8f6f1}.navRibbonContainer nav a:visited{color:#f8f6f1}.navRibbonContainer nav a:hover{text-decoration:underline}.navRibbonContainer nav a:last-child{padding-bottom:42px}.dark-theme .navRibbonContainer nav a{color:#3a3a3a}.dark-theme .navRibbonContainer nav a:visited{color:#3a3a3a}.dark-theme .navRibbonContainer nav a:hover{text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center}.modal .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#3a3a3acc;z-index:-1}.modal .modal-content{z-index:1;background:#F8F6F1;border-radius:60px;width:640px;height:408px;padding:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.modal .modal-content h2{font-family:Gelica;font-style:normal;font-weight:600;font-size:clamp(1.75rem,1.0171rem + 1.444vw,2.25rem);line-height:43px;text-align:center;letter-spacing:-.01em}.modal .modal-content .separator{border-top:2px solid #3A3A3A;width:186px;margin:25px 0}.modal .modal-content p,.modal .modal-content span{font-family:Poppins;font-style:normal;font-weight:400;font-size:clamp(.9375rem,.4795rem + .9025vw,1.25rem);line-height:30px;text-align:center;letter-spacing:-.01em}.modal .close-button{position:absolute;top:10%;right:10%;background:none;border:none;padding:12px;cursor:pointer}.modal .close-button img{max-width:100%}.layoutContainer{width:100%;max-width:1366px;max-height:min(1024px,100%);position:relative;display:flex;flex-direction:column;box-shadow:0 0 20px #00000080;aspect-ratio:4/3}.layoutContainer>.navRibbonContainer.is-home{display:none}.dark-theme .layoutContainer{background-color:#3a3a3a;color:#f8f6f1}.dark-theme .layoutContainer .navRibbonContainer{opacity:1;animation:none}.slideContainer{width:100%;height:100%}.slideContainer .maskedImage{width:100%;max-height:100%}.slideContainer .maskedImage img{width:100%;height:100%;object-fit:cover}.slideContainer .threeImageFormat,.slideContainer .twoImageFormat,.slideContainer .oneFullImageFormat,.slideContainer .oneFullImageWideFormat,.slideContainer .oneImageRightFormat,.slideContainer .oneImageLeftFormat{display:flex;height:100%;max-width:80%;margin:auto;justify-content:center}.slideContainer .threeImageFormat{max-width:85%;padding-top:4%;align-items:center}.slideContainer .threeImageFormat .threeRightColumn,.slideContainer .threeImageFormat .threeLeftColumn,.slideContainer .threeImageFormat .threeCenterColumn{flex:1 1 0;height:80%;display:flex;flex-direction:column;align-items:center}.slideContainer .threeImageFormat .threeLeftColumn,.slideContainer .threeImageFormat .threeRightColumn{justify-content:space-evenly}.slideContainer .twoImageFormat{max-width:85%;padding-top:2%;align-items:center;gap:0 5%}.slideContainer .twoImageFormat .twoLeftColumn,.slideContainer .twoImageFormat .twoRightColumn{flex:1 0 0;display:flex;flex-direction:column;align-items:center;height:85%}.slideContainer .twoImageFormat .twoLeftColumn{justify-content:space-evenly}.slideContainer .twoImageFormat .twoLeftColumn .maskedImage{max-height:65%}.slideContainer .twoImageFormat .twoRightColumn{flex:0 0 auto;width:53%}.slideContainer .twoImageFormat .twoRightColumn p{margin-top:3%}.slideContainer .twoImageFormat .twoRightColumn .maskedImage{max-height:75%}.slideContainer .oneFullImageFormat,.slideContainer .oneFullImageWideFormat{max-width:65%;align-items:center}.slideContainer .oneFullImageFormat .maskedImage,.slideContainer .oneFullImageWideFormat .maskedImage{width:100%;height:92%;aspect-ratio:initial}.slideContainer .oneFullImageFormat .maskedImage img,.slideContainer .oneFullImageWideFormat .maskedImage img{width:100%;height:100%;object-fit:cover}.slideContainer .oneFullImageWideFormat{max-width:75%}.slideContainer .oneImageRightFormat{max-width:85%;align-items:center;gap:0 3%}.slideContainer .oneImageRightFormat .oneImageRightColumn,.slideContainer .oneImageRightFormat .oneImageRightImage{height:85%;flex:1 0 0;display:flex;flex-direction:column;align-items:center}.slideContainer .oneImageRightFormat .oneImageRightColumn{justify-content:space-evenly;padding:5% 0}.slideContainer .oneImageRightFormat .oneImageRightImage{justify-content:center;flex:0 0 auto;width:60%}.slideContainer .oneImageLeftFormat{max-width:85%;align-items:center;gap:0 3%}.slideContainer .oneImageLeftFormat .oneImageLeftColumn,.slideContainer .oneImageLeftFormat .oneImageLeftImage{height:90%;flex:1 0 0;display:flex;flex-direction:column;align-items:center}.slideContainer .oneImageLeftFormat .oneImageLeftColumn{justify-content:space-evenly;padding:5% 0}.slideContainer .oneImageLeftFormat .oneImageLeftImage{justify-content:center;flex:0 0 auto;width:60%}.slideContainer .width-90{max-width:90%}.slideContainer .width-89{max-width:89%}.slideContainer .width-88{max-width:88%}.slideContainer .width-87{max-width:87%}.slideContainer .width-86{max-width:86%}.slideContainer .width-85{max-width:85%}.slideContainer .width-84{max-width:84%}.slideContainer .width-83{max-width:83%}.slideContainer .width-82{max-width:82%}.slideContainer .width-81{max-width:81%}.slideContainer .width-80{max-width:80%}.slideContainer .width-79{max-width:79%}.slideContainer .width-78{max-width:78%}.slideContainer .width-77{max-width:77%}.slideContainer .width-76{max-width:76%}.slideContainer .width-75{max-width:75%}.slideContainer .width-74{max-width:74%}.slideContainer .width-73{max-width:73%}.slideContainer .width-72{max-width:72%}.slideContainer .width-71{max-width:71%}.slideContainer .width-70{max-width:70%}.slideContainer .width-69{max-width:69%}.slideContainer .width-68{max-width:68%}.slideContainer .width-67{max-width:67%}.slideContainer .width-66{max-width:66%}.slideContainer .width-65{max-width:65%}.slideContainer .width-64{max-width:64%}.slideContainer .width-63{max-width:63%}.slideContainer .width-62{max-width:62%}.slideContainer .width-61{max-width:61%}.slideContainer .width-60{max-width:60%}.slideContainer .width-59{max-width:59%}.slideContainer .width-58{max-width:58%}.slideContainer .width-57{max-width:57%}.slideContainer .width-56{max-width:56%}.slideContainer .width-55{max-width:55%}.slideContainer .width-54{max-width:54%}.slideContainer .width-53{max-width:53%}.slideContainer .width-52{max-width:52%}.slideContainer .width-51{max-width:51%}.slideContainer .width-50{max-width:50%}.slideContainer .width-49{max-width:49%}.slideContainer .width-48{max-width:48%}.slideContainer .width-47{max-width:47%}.slideContainer .width-46{max-width:46%}.slideContainer .width-45{max-width:45%}.slideContainer .width-44{max-width:44%}.slideContainer .width-43{max-width:43%}.slideContainer .width-42{max-width:42%}.slideContainer .width-41{max-width:41%}.slideContainer .width-40{max-width:40%}.slideContainer .weight-normal{font-family:Poppins;font-style:normal;font-weight:400;line-height:1.2;text-align:center;letter-spacing:-.01em;font-size:24px}.slideContainer .weight-bold{font-family:Gelica;font-style:normal;font-weight:500;font-size:32px;line-height:1.2;text-align:center}.slideContainer .line-height-lg{line-height:1.6}.slideContainer .display-block{display:block}@media only screen and (max-width: 1366px){.slideContainer .weight-normal{font-size:22px}.slideContainer .weight-bold{font-size:30px}}.flipping-book{flex:1 1 auto;width:100%;height:100%;max-width:1366px;max-height:1024px;background-color:#f8f6f1;position:relative}.flipping-book .flipping-book-page{position:absolute;top:0;right:0;bottom:0;left:0;display:none;transform-origin:0% 100%;opacity:1}.flipping-book .flipping-book-page .flipping-book-page-content{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f8f6f1;transform-origin:0% 100%;clip-path:none}.flipping-book .flipping-book-page .flipping-book-back-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;filter:drop-shadow(6px 6px 7px rgba(50,50,0,.35))}.flipping-book .flipping-book-page .flipping-book-back-page{position:absolute;top:0;right:0;bottom:0;left:0;background:#F8F6F1;outline:solid 1px #3A3A3A;outline-offset:-1px;z-index:20;transform-origin:0% 100%;clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%);--shadow-start: 0%;--shadow-end: 10%;--gradient-deg: -35deg}.flipping-book .flipping-book-page .flipping-book-back-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--gradient-deg),rgba(0,0,0,.204) calc(var(--shadow-start) + 0%),rgba(0,0,0,.05) calc(var(--shadow-start) + 2%),rgba(0,0,0,.204) calc(var(--shadow-start) + 5%),rgba(0,0,0,0) calc(var(--shadow-start) + var(--shadow-end)))}.flipping-book .flipping-book-page.selected,.flipping-book .flipping-book-page.upcoming{display:block;z-index:10}.flipping-book .flipping-book-page.turningOut,.flipping-book .flipping-book-page.turningIn{display:block;z-index:15}.flipping-book .flipping-book-page.turningOut .flipping-book-nav,.flipping-book .flipping-book-page.turningIn .flipping-book-nav{display:none}.flipping-book .flipping-book-page.prevIn{display:block;z-index:13}.flipping-book .flipping-book-page.turningIn .flipping-book-page-content,.flipping-book .flipping-book-page.turningIn .flipping-book-back-page{clip-path:polygon(0 0)}.flipping-book .flipping-book-page.selected .back-page,.flipping-book .flipping-book-page.turningOut .back-page,.flipping-book .flipping-book-page.turningIn .back-page{display:block}.flipping-book .flipping-book-page .slideButton{display:flex;gap:8px;align-items:center;font-family:Poppins;font-style:normal;font-weight:700;font-size:16px;line-height:24px;text-align:right;background-color:unset;border:none;max-height:30px;position:absolute;z-index:11;max-width:180px;white-space:nowrap;color:#3a3a3a;cursor:pointer}.flipping-book .flipping-book-page .artStyleSelectedButton{left:6%;bottom:6%}.flipping-book .flipping-book-page .refreshArtStyleButton{position:absolute;top:6%;right:6%}.flipping-book .flipping-book-page .fullScreenButton{top:6%;left:16%}.flipping-book .flipping-book-page .flipping-book-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.flipping-book .flipping-book-page .flipping-book-nav .flipping-book-button{position:absolute;bottom:0;width:10%;height:10%;border:none;opacity:.25;pointer-events:initial;opacity:0;cursor:pointer}.flipping-book .flipping-book-page .flipping-book-nav .flipping-book-button.prev{left:0;width:6%}.flipping-book .flipping-book-page .flipping-book-nav .flipping-book-button.next{right:0}.maskedImage{width:100%;position:relative;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;background-color:#3a3a3a;aspect-ratio:1/1}.maskedImage.layout-1-image{mask-image:url(/images/mask/1-image/mask.png);-webkit-mask-image:url(/images/mask/1-image/mask.png)}.maskedImage.layout-2-image-left{mask-image:url(/images/mask/2-image/left.png);-webkit-mask-image:url(/images/mask/2-image/left.png)}.maskedImage.layout-2-image-right{mask-image:url(/images/mask/2-image/right.png);-webkit-mask-image:url(/images/mask/2-image/right.png)}.maskedImage.layout-3-image-left{mask-image:url(/images/mask/3-image/left.png);-webkit-mask-image:url(/images/mask/3-image/left.png)}.maskedImage.layout-3-image-center{mask-image:url(/images/mask/3-image/center.png);-webkit-mask-image:url(/images/mask/3-image/center.png)}.maskedImage.layout-3-image-right{mask-image:url(/images/mask/3-image/right.png);-webkit-mask-image:url(/images/mask/3-image/right.png)}.maskedImage.layout-end-restart-left{mask-image:url(/images/mask/end-restart/left.png);-webkit-mask-image:url(/images/mask/end-restart/left.png)}.maskedImage.layout-end-restart-center{mask-image:url(/images/mask/end-restart/center.png);-webkit-mask-image:url(/images/mask/end-restart/center.png)}.maskedImage.layout-end-restart-right{mask-image:url(/images/mask/end-restart/right.png);-webkit-mask-image:url(/images/mask/end-restart/right.png)}.maskedImage.layout-full-bleed-square{mask-image:url(/images/mask/full-bleed/square.png);-webkit-mask-image:url(/images/mask/full-bleed/square.png)}.maskedImage.layout-full-bleed-wide{mask-image:url(/images/mask/full-bleed/wide.png);-webkit-mask-image:url(/images/mask/full-bleed/wide.png)}.maskedImage>img{position:relative;transition:filter .3s ease-in;z-index:3;filter:blur(0px)}.maskedImage.is-loading>img{transition-duration:0s;filter:blur(10px)}.maskedImage.is-loading .loading-message{display:block}.styledText{text-align:center}.styledText.margarita-font{font-family:Margarita Pro,sans-serif;font-weight:700;font-size:clamp(1.75rem,-1.5478rem + 6.4982vw,4rem);margin-bottom:-6%}.styledText.poppins-font{max-width:642px;font-family:Poppins,sans-serif;font-weight:400;font-size:clamp(1rem,-.4657rem + 2.8881vw,2rem)}.styledText.gelica-font{font-family:Gelica,sans-serif;font-style:normal;font-weight:600;font-size:clamp(2.25rem,-1.3227rem + 7.0397vw,4.6875rem)}.styledText.gelica-font.fontSize-42{font-size:clamp(1.5rem,-.1489rem + 3.2491vw,2.625rem)}.image-card{width:225px;height:250px;border:1px solid #3A3A3A;border-radius:10px;padding:25px}.image-card .image{width:100%}.image-card p{margin-top:10px;font-family:Poppins;font-style:normal;font-weight:600;font-size:clamp(.875rem,.6918rem + .361vw,1rem);line-height:26px;text-align:center;text-decoration:none}.book-ending{display:flex;flex-direction:column;align-items:center;gap:25px}.book-ending .endText{margin-bottom:12px}.book-ending .topSection{display:flex;flex-direction:column}.book-ending .topSection .margarita-font{margin-bottom:-3%}.book-ending .topSection .gelica-font{font-size:42px}.book-ending .image-container{display:flex;gap:20px}.book-ending .bottomSection p{font-family:Poppins;font-style:normal;font-weight:400;font-size:clamp(.875rem,.3254rem + 1.083vw,1.25rem);line-height:26px;text-align:center}.book-ending .bottomSection .surprise-button{margin-top:15px;border:1px solid #3A3A3A;border-radius:100px;padding:20px 25px;width:180px;display:flex;justify-content:center;align-items:center;gap:6px;font-family:Poppins;font-style:normal;font-weight:600;font-size:clamp(.875rem,.6918rem + .361vw,1rem);line-height:24px;white-space:nowrap;color:#3a3a3a}.bookCoverContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;position:relative;width:100%}.bookCoverContainer>h1{display:flex;flex-direction:column}.bookCoverContainer span{margin-top:1rem}.homeContainer{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;animation:fadeIn 1.5s linear forwards}.homeContainer .turnPageButton{font-family:Poppins;font-style:normal;font-weight:500;font-size:16px;line-height:24px;text-align:right;background-color:unset;border:none;position:absolute;bottom:6%;right:12%}.homeContainer .flipping-book-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.introContainer{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.introContainer .introRibbon{justify-content:center;height:130px}.introContainer .introRibbon p{line-height:1.5}.headingText{display:flex;gap:22px;align-items:baseline}.aboutContainer{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:5% 10%}.aboutContainer .aboutText{font-family:Poppins;font-style:normal;font-weight:400;font-size:clamp(1rem,.2671rem + 1.444vw,1.5rem);line-height:160%;margin-bottom:20px}.artStylesContainer{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:34px;padding:5% 8% 2%;align-content:center;flex-wrap:wrap}.artStylesContainer .artStylesList{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 58px;font-family:Poppins;font-style:normal;font-weight:400;font-size:clamp(1rem,.2671rem + 1.444vw,1.5rem);line-height:1.6}.artStyleDefault{cursor:pointer;font-family:Poppins;font-style:normal;font-weight:400;font-size:clamp(1rem,.2671rem + 1.444vw,1.5rem);line-height:160%;white-space:nowrap}.artStyleSelected{text-decoration:#F8F6F1 dotted underline;font-weight:700}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:Margarita Pro;src:url(/fonts/Margarita/MargaritaPro-Aged.otf) format("opentype")}@font-face{font-family:Margarita Pro;font-weight:700;src:url(/fonts/Margarita/MargaritaPro-Bold.otf) format("opentype")}@font-face{font-family:Poppins;src:url(/fonts/Poppins/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:700;src:url(/fonts/Poppins/Poppins-Bold.ttf) format("truetype")}.ff-margarita{font-family:Margarita Pro,sans-serif}.ff-margarita-bold{font-weight:700}.ff-poppins{font-family:Poppins,sans-serif}.ff-poppins-bold{font-weight:700}.ff-gelica{font-family:Gelica,sans-serif}.ff-gelica-bold{font-weight:700}.ff-gelica-semibold{font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}html{height:100%}body{display:flex;color:#3a3a3a;background-color:#f8f6f1;overflow:hidden;height:100%}#root{display:flex;justify-content:center;align-items:center;flex-grow:1}