:root{--bg: #fff;--paper: #ffffff;--paper-edge: #efece5;--ink: #000000;--ink-soft: #89764b;--line: rgba(44, 38, 29, .14);--ivory-soft: rgba(242, 236, 220, .55);--book-width: min(100%, 640px);--book-height: min(72vh, 569px);--book-width-desktop: min(94vw, 906px);--page-padding-inline: 7vw;--line-gap: 4.5vh;--line-gap: 4.5svh;--line-gap-first: 2vh;--line-gap-first: 2svh}main *{box-sizing:border-box}main{position:relative;display:block;width:100%;color:var(--ink);font-family:Shippori Mincho,Hiragino Mincho ProN,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative;width:100%;height:calc(100vh - var(--site-header-height));height:calc(100svh - var(--site-header-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.8vh,20px);overflow:hidden;background:var(--bg)}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .9s ease}.hero-book{position:relative;z-index:1;height:var(--book-height);max-height:calc(100% - 72px);display:flex;flex:0 0 auto}.hero-page-left{position:relative;overflow:hidden}.hero-page-left img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none}.hero-page-left img.is-active{opacity:1}.hero-page-right{position:relative;height:100%;background:var(--paper);display:flex;flex-direction:column}.collections{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.collection{display:none;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}html:not(.is-enhanced) .collections:not(:has(:target)) .collection:first-child,html:not(.is-enhanced) .collection:target,html.is-enhanced .collection.is-active{display:flex}.page-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.38;mix-blend-mode:multiply;transition:opacity .5s ease;pointer-events:none}.hero-heading{position:relative;z-index:1;flex:0 0 auto;transition:opacity .4s ease;text-align:center}.hero-caption{margin:0;font-family:Bodoni Moda,serif;font-size:clamp(25px,calc(25 / 885 * 100vw),27px);line-height:1;font-weight:400;color:var(--ink-soft);transition:opacity .4s ease}.hero-title{writing-mode:horizontal-tb;margin:6px 0 clamp(22px,calc(44 / 885 * 100vw),37px);font-size:clamp(16px,calc(32 / 885 * 100vw),17px);font-weight:400;color:var(--ink-soft);transition:opacity .4s ease}.hero-subhead{margin:0 0 1em;font-size:clamp(16px,calc(32 / 885 * 100vw),17px);font-weight:600;line-height:1.5625;color:var(--ink-soft);transition:opacity .4s ease}.passage{text-align:center}.passage h2,.passage h3{display:flex;align-items:center;justify-content:center}.passage h2:before,.passage h3:before{content:"\30fc";font-family:sans-serif;font-weight:300}.passage h3:before{content:"\30fc\30fc"}.passage p{display:flex;flex-direction:column;margin:0 0 1.5em;font-size:clamp(16px,calc(32 / 885 * 100vw),17px);max-width:22em;line-height:calc(27 / 17);letter-spacing:.027em;color:var(--ink)}.hero-photo-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.collections-btns{margin-bottom:2em}.collections-btns a{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(0deg,#b29457,#c3b276,#b29457);border-radius:58px;font-family:var(--font-body);margin-left:auto;margin-right:auto;line-height:100%;position:relative;font-weight:400}.collections-btns a:before,.collections-btns a:after{position:absolute;width:8px;height:8px;background:#93ad6e;content:"";top:50%}.collections-btns a:before{left:0;transform:translate(-65%,-50%) rotate(45deg);border-right:1px solid #fff;border-top:1px solid #fff}.collections-btns a:after{right:0;transform:translate(65%,-50%) rotate(45deg);border-left:1px solid #fff;border-bottom:1px solid #fff}.text-scroll{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4vh var(--page-padding-inline) 5vh;-webkit-mask-image:linear-gradient(to bottom,transparent,black 2%,black 98%,transparent);mask-image:linear-gradient(to bottom,transparent,black 2%,black 98%,transparent)}.text-scroll::-webkit-scrollbar{display:none}html.is-enhanced .line{opacity:0;will-change:opacity,transform,filter}.hero-footer{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 7% 5%}.hero-page-num{font-family:EB Garamond,serif;font-size:11px;color:var(--ink-soft)}.page-progress{position:absolute;right:4.5%;bottom:13%;width:1px;height:16%;background:var(--line);z-index:2}.page-progress:after{content:"";position:absolute;left:0;top:0;width:100%;height:var(--h, 0%);background:var(--ink-soft)}.collection-nav{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;gap:clamp(10px,2.6vw,18px);z-index:5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.collection-dot{-webkit-appearance:none;appearance:none;display:block;flex:0 0 82px;border:none;background:transparent;padding:0;text-decoration:none;cursor:pointer;position:relative;width:82px;height:130px}.collection-dot img{position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%);object-fit:contain;object-position:center bottom;pointer-events:none;transition:opacity .4s ease}.collection-dot .dot-off{width:63px;height:119px;opacity:1}.collection-dot .dot-on{width:82px;height:130px;opacity:0}.collection-dot.active .dot-off{opacity:0}.collection-dot.active .dot-on{opacity:1}@media(max-width:859px){:root{--book-width: min(100%, 640px);--book-height: min(calc(515/885 * 100vh), 515px);--page-padding-inline: 7vw;--site-header-height: 48px;--site-footer-height: auto;--line-gap: 4.5vh;--line-gap: 4.5svh}.grain-overlay{display:none}.hero{padding:12px 0 16px}.hero-caption img{height:calc(38 / 885 * 100vw);max-height:38px}.hero-book{width:var(--book-width)}.hero-page-edge{position:absolute;left:-14%;top:4%;bottom:4%;width:22%;background:linear-gradient(90deg,transparent,var(--paper-edge) 70%);filter:blur(0);opacity:.9;border-radius:2px}.hero-page-left{display:none}.hero-page-right{margin-left:auto;width:100%;padding:calc(77 / 885 * 100vw) calc(33 / 885 * 100vw)}.text-scroll{padding:0 var(--page-padding-inline);-webkit-mask-image:none;mask-image:none}.hero-photo-strip{position:relative;z-index:1;flex:0 0 auto;margin:0 0 4vw;height:clamp(94px,calc(188 / 885 * 100vw),188px);overflow:hidden;transition:opacity .5s ease}.collection-nav{align-items:flex-end}.collection-dot{flex:0 0 calc(137 / 885 * 100vw);width:calc(137 / 885 * 100vw);min-width:calc(137 / 885 * 100vw);max-width:calc(137 / 885 * 100vw);height:calc(217 / 885 * 100vw)}.collection-dot .dot-off{width:calc(106 / 885 * 100vw);height:calc(199 / 885 * 100vw)}.collection-dot .dot-on{width:calc(137 / 885 * 100vw);height:calc(217 / 885 * 100vw)}.collections-btns a{max-width:462px;width:calc(462 / 885 * 100vw);max-height:116px;height:calc(116 / 885 * 100vw)}.collections-btns a+a{margin-top:calc(33 / 885 * 100vw)}}@media(min-width:860px){:root{--page-padding-inline: var(--page-padding-inline-desktop);--line-gap: 5vh;--line-gap: 5svh;--site-header-height: 123px;--site-footer-height: 563px;--book-height: min(600px, calc(100svh - 211px) )}.hero{height:calc(100vh - var(--site-header-height));height:calc(100svh - var(--site-header-height))}.hero-book{width:var(--book-width-desktop);box-shadow:-22px 0 50px -26px #0000008c,0 30px 60px -20px #0009}.hero-caption img{max-height:20px}.hero-page-edge{display:none}.hero-page-left{display:block;position:relative;width:50%;height:100%;flex:0 0 50%;overflow:hidden;transition:opacity .6s ease}.hero-page-left img{padding:calc(74 / 1920 * 100vw) calc(76 / 1920 * 100vw) calc(83 / 1920 * 100vw)}.hero-page-right{width:50%;flex:0 0 50%;margin-left:0;padding:calc(40 / 1920 * 100vw) calc(76 / 1920 * 100vw) 3.125vw}.hero-photo-strip{display:none}.collections-btns a{max-width:236px;height:45px;border:2px solid #b29457;transition:.3s}.collections-btns a:hover{background:#fff;color:#b29457}.collections-btns a+a{margin-top:16px}}@media(prefers-reduced-motion:reduce){.hero-heading,.hero-title,.hero-caption,.hero-subhead,.page-bg,.scene-bg,.hero-page-left,.hero-photo-strip,.collection-dot{transition:none}.line{transform:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/parfumerie_story.css.map */