@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@300;400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";.dba-mar{--mar-cream: #f4ecdd;--mar-paper: #fbf7ef;--mar-ink: #3b3025;--mar-ink-soft:#7a6b58;--mar-gold: #c19a4e;--mar-gold-deep:#a37c34;--mar-gold-soft:#dcc079;--mar-beige-txt:#f3e7d2;--mar-gold-txt: #e8c982;--mar-serif: "Playfair Display", Georgia, serif;--mar-serif2: "Cormorant Garamond", Georgia, serif;--mar-sans: "Montserrat", -apple-system, "Segoe UI", sans-serif;--mar-classic:"EB Garamond", Garamond, Georgia, serif;--mar-ease: .7s cubic-bezier(.22, .61, .36, 1);position:relative;background:radial-gradient(140% 120% at 50% -20%,var(--mar-paper) 0%,var(--mar-cream) 62%,#efe4d0 100%);font-family:var(--mar-sans);color:var(--mar-ink);padding-bottom:clamp(2rem,5vw,4rem)}.dba-mar__hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(3.5rem,8vw,6rem) 1.5rem clamp(2.5rem,5vw,4rem)}.dba-mar__label{font-family:var(--mar-serif);font-size:.74rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--mar-gold-deep);margin:0 0 .7rem}.dba-mar__title{font-family:var(--mar-serif);font-weight:500;font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:.03em;color:var(--mar-ink);margin:0}.dba-mar__title:after{content:"";display:block;width:64px;height:1px;margin:1.1rem auto 0;background:linear-gradient(90deg,transparent,var(--mar-gold),transparent)}.dba-mar__subtitle{font-family:var(--mar-serif2);font-style:italic;font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.5;color:var(--mar-ink-soft);max-width:40ch;margin:1.1rem auto 0}.dba-mar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,1.4vw,1.1rem);max-width:1400px;margin:0 auto;padding:0 clamp(.8rem,2.5vw,2rem);overflow:visible}.dba-mar__tile{position:relative;aspect-ratio:3 / 4;overflow:hidden;cursor:default;border-radius:2px;background:#e9ddc9;z-index:1;transform-origin:center;transition:transform var(--mar-ease),box-shadow var(--mar-ease),z-index 0s;will-change:transform;box-shadow:0 8px 24px -18px #3b302580}.dba-mar__frame{position:absolute;top:0;right:0;bottom:0;left:0}.dba-mar__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--mar-ease),filter var(--mar-ease)}.dba-mar__img--empty{background:repeating-linear-gradient(45deg,#e4d6bd 0 12px,#e9ddc7 12px 24px)}.dba-mar__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#231c1400 38%,#231c14b8);opacity:0;transition:opacity var(--mar-ease);pointer-events:none}.dba-mar__reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:clamp(1.1rem,1.6vw,1.8rem);display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);opacity:0;pointer-events:none;transition:opacity var(--mar-ease)}.dba-mar__name{grid-area:1 / 1;align-self:end;justify-self:end;text-align:right;max-width:55%;margin:0;font-family:var(--mar-serif);font-weight:500;font-size:clamp(1.2rem,1.6vw,1.9rem);line-height:1.2;letter-spacing:.02em;color:var(--mar-beige-txt);text-shadow:0 1px 12px rgba(20,15,10,.85);transform:translateY(8px);transition:transform var(--mar-ease)}.dba-mar__desc{grid-area:1 / 1;align-self:start;justify-self:end;max-width:62%;text-align:right;font-family:var(--mar-classic);font-size:clamp(1rem,1.15vw,1.35rem);line-height:1.5;color:var(--mar-beige-txt);text-shadow:0 1px 12px rgba(20,15,10,.85);transform:translateY(-8px);transition:transform var(--mar-ease)}.dba-mar__desc>*{margin:0 0 .4em}.dba-mar__desc>*:last-child{margin-bottom:0}.dba-mar__price{grid-area:1 / 1;align-self:end;justify-self:start;margin:0;font-family:var(--mar-classic);font-weight:500;font-size:clamp(1.7rem,2.3vw,2.6rem);letter-spacing:.02em;color:var(--mar-beige-txt);text-shadow:0 2px 14px rgba(20,15,10,.9);transform:translateY(8px);transition:transform var(--mar-ease)}.dba-mar__tile:hover,.dba-mar__tile:focus-visible{transform:scale(1.42);z-index:10;box-shadow:0 40px 90px -30px #1e160eb3;outline:none}.dba-mar__tile:hover .dba-mar__img,.dba-mar__tile:focus-visible .dba-mar__img{filter:grayscale(1) contrast(1.06);transform:scale(1.04)}.dba-mar__tile:hover .dba-mar__scrim,.dba-mar__tile:focus-visible .dba-mar__scrim,.dba-mar__tile:hover .dba-mar__reveal,.dba-mar__tile:focus-visible .dba-mar__reveal{opacity:1}.dba-mar__tile:hover .dba-mar__name,.dba-mar__tile:focus-visible .dba-mar__name,.dba-mar__tile:hover .dba-mar__desc,.dba-mar__tile:focus-visible .dba-mar__desc,.dba-mar__tile:hover .dba-mar__price,.dba-mar__tile:focus-visible .dba-mar__price{transform:translateY(0)}.dba-mar__tile.is-revealed .dba-mar__img{filter:grayscale(1) contrast(1.06);transform:scale(1.04)}.dba-mar__tile.is-revealed .dba-mar__scrim,.dba-mar__tile.is-revealed .dba-mar__reveal{opacity:1}.dba-mar__tile.is-revealed .dba-mar__name,.dba-mar__tile.is-revealed .dba-mar__desc,.dba-mar__tile.is-revealed .dba-mar__price{transform:translateY(0)}@media(hover:none){.dba-mar__tile:hover:not(.is-revealed){transform:none;box-shadow:0 8px 24px -18px #3b302580;z-index:1}.dba-mar__tile:hover:not(.is-revealed) .dba-mar__img{filter:none;transform:none}.dba-mar__tile:hover:not(.is-revealed) .dba-mar__scrim,.dba-mar__tile:hover:not(.is-revealed) .dba-mar__reveal{opacity:0}}.dba-mar__tile:nth-child(3n+1){transform-origin:center left}.dba-mar__tile:nth-child(3n){transform-origin:center right}.dba-mar__empty{grid-column:1 / -1;text-align:center;font-family:var(--mar-serif2);font-style:italic;font-size:1.3rem;color:var(--mar-ink-soft);padding:3rem 1rem}.dba-mar__outro-ctas{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}.dba-mar__outro-cta--primary{background:var(--mar-gold);color:#fff!important}.dba-mar__outro-cta--primary:hover{background:var(--mar-gold-deep)!important;border-color:var(--mar-gold-deep)}.dba-mar__outro{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;margin:clamp(3rem,7vw,6rem) auto 0;padding:0 1.5rem}.dba-mar__outro-title{font-family:var(--mar-serif);font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--mar-ink);margin:0 0 .7rem}.dba-mar__outro-text{font-family:var(--mar-serif2);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6;color:var(--mar-ink-soft);margin:0 0 1.6rem}.dba-mar__outro-cta,.dba-mar-book__cta{display:inline-block;font-family:var(--mar-sans);font-size:.76rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--mar-ink);padding:.95rem 2.2rem;border:1px solid var(--mar-gold);border-radius:2px;background:transparent;transition:background var(--mar-ease),color var(--mar-ease)}.dba-mar__outro-cta:hover,.dba-mar-book__cta:hover{background:var(--mar-gold);color:#fff}.dba-mar-book{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:#18120ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.dba-mar-book.is-open{opacity:1;visibility:visible;transition:opacity .45s ease}.dba-mar-book__close{position:absolute;top:clamp(1rem,2vw,1.8rem);right:clamp(1rem,2vw,1.8rem);z-index:3;width:48px;height:48px;border:1px solid rgba(220,192,121,.4);border-radius:50%;background:#0003;color:var(--mar-gold-soft);cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s}.dba-mar-book__close:hover{background:#00000073;border-color:var(--mar-gold-soft)}.dba-mar-book__close svg{width:22px;height:22px}.dba-mar-book__stage{flex:1;min-height:0;display:grid;place-items:center;padding:clamp(3.5rem,7vw,5rem) clamp(1rem,4vw,4rem) 0;perspective:2200px}.dba-mar-book__pages{position:relative;width:min(90vw,620px);height:min(74vh,900px);transform-style:preserve-3d}.dba-mar-book__page{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;backface-visibility:hidden;border-radius:3px;overflow:hidden;box-shadow:0 30px 80px -30px #000c;background:#14100c}.dba-mar-book__page img{width:100%;height:100%;object-fit:contain;background:#14100c;display:block}.dba-mar-book__page.is-current{z-index:2;transform:rotateY(0)}.dba-mar-book__page.is-stacked{z-index:1;transform:rotateY(0)}.dba-mar-book__page.is-flipped{z-index:1;transform:rotateY(-172deg)}.dba-mar-book__page.flip-out{z-index:3;animation:marTurnOut var(--mar-flip, .9s) cubic-bezier(.42,0,.2,1) forwards}.dba-mar-book__page.flip-in{z-index:3;animation:marTurnIn var(--mar-flip, .9s) cubic-bezier(.42,0,.2,1) forwards}@keyframes marTurnOut{0%{transform:rotateY(0)}to{transform:rotateY(-172deg)}}@keyframes marTurnIn{0%{transform:rotateY(-172deg)}to{transform:rotateY(0)}}.dba-mar-book__page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000080,#0000 22%);opacity:0;transition:opacity .3s;pointer-events:none}.dba-mar-book__page.flip-out:after,.dba-mar-book__page.flip-in:after{opacity:1}.dba-mar-book__bar{display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.2rem,2.5vw,2rem) 1rem .5rem}.dba-mar-book__nav{width:52px;height:52px;border:1px solid rgba(220,192,121,.4);border-radius:50%;background:transparent;color:var(--mar-gold-soft);cursor:pointer;display:grid;place-items:center;transition:background .3s,border-color .3s,opacity .3s}.dba-mar-book__nav:hover{background:#dcc0791f;border-color:var(--mar-gold-soft)}.dba-mar-book__nav:disabled{opacity:.28;cursor:default}.dba-mar-book__nav svg{width:22px;height:22px}.dba-mar-book__count{font-family:var(--mar-serif);font-size:1.1rem;letter-spacing:.16em;color:var(--mar-gold-soft);margin:0;min-width:6ch;text-align:center}.dba-mar-book__sep{margin:0 .5em;opacity:.6}.dba-mar-book__foot{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:.5rem 1rem clamp(1.5rem,3vw,2.5rem);text-align:center}.dba-mar-book__ttl{font-family:var(--mar-serif);font-size:clamp(1.2rem,2.4vw,1.7rem);color:var(--mar-cream);margin:0}.dba-mar-book__cta{color:var(--mar-gold-soft);border-color:var(--mar-gold-soft)}.dba-mar-book__cta:hover{background:var(--mar-gold-soft);color:#2a1f14}@media(max-width:900px){.dba-mar__grid{grid-template-columns:repeat(2,1fr)}.dba-mar__tile:hover,.dba-mar__tile:focus-visible{transform:scale(1.18)}.dba-mar__tile:nth-child(3n+1),.dba-mar__tile:nth-child(3n){transform-origin:center}.dba-mar__tile:nth-child(odd){transform-origin:center left}.dba-mar__tile:nth-child(2n){transform-origin:center right}}@media(max-width:560px){.dba-mar__grid{grid-template-columns:1fr}.dba-mar__tile{transform-origin:center!important}.dba-mar__tile:hover,.dba-mar__tile:focus-visible{transform:none}.dba-mar__scrim{background:linear-gradient(180deg,#231c1473,#231c1440 45%,#231c14b8)}.dba-mar__desc{max-width:100%;font-size:.95rem}.dba-mar__price{font-size:1.5rem}.dba-mar__name{font-size:1.15rem;max-width:60%}.dba-mar-book__pages{width:92vw;height:62vh}}.dba-mar__tile:focus-visible{outline:3px solid var(--mar-gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){.dba-mar__tile,.dba-mar__img,.dba-mar__scrim,.dba-mar__reveal,.dba-mar__name,.dba-mar__desc,.dba-mar__price{transition:none!important}.dba-mar__tile:hover,.dba-mar__tile:focus-visible{transform:scale(1.1)}.dba-mar-book__page.flip-out,.dba-mar-book__page.flip-in{animation-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/dba-mariage.css.map */