.df{--navy:#0F1B2D;--navy-2:#16263D;--navy-3:#1E3350;--cream:#F7F1E6;--cream-2:#F2EBDD;--copper:#D77B31;--copper-2:#E8974F;--ink:#132238;--rule:rgba(215,123,49,.32);font-family:EB Garamond,Georgia,Times New Roman,serif;color:var(--ink);background:var(--cream);font-size:17px;line-height:1.6}.df *{box-sizing:border-box}.df-wrap{max-width:1240px;margin:0 auto;padding:0 24px}.df h1,.df h2,.df h3{font-family:Cinzel,Georgia,serif;font-weight:700;line-height:1.08;margin:0;letter-spacing:.01em}.df p{margin:0 0 1em}.df-eyebrow{font-family:Cinzel,Georgia,serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--copper);margin:0 0 18px;font-weight:600}.df-amber{color:var(--copper-2)}.df-btn{display:inline-block;font-family:Cinzel,Georgia,serif;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:15px 30px;text-decoration:none;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease;cursor:pointer}.df-btn--primary{background:var(--copper);color:#1a1108;border-color:var(--copper)}.df-btn--primary:hover{background:var(--copper-2);border-color:var(--copper-2)}.df-btn--ghost{background:transparent;color:var(--cream-2);border-color:#f2ebdd73}.df-btn--ghost:hover{border-color:var(--cream-2);background:#f2ebdd14}.df-btn--dark{background:var(--navy);color:var(--cream-2);border-color:var(--navy)}.df-btn--dark:hover{background:var(--navy-3);border-color:var(--navy-3)}.df-link{font-family:Cinzel,Georgia,serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--copper);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:3px}.df-link:hover{color:var(--copper-2);border-color:var(--copper-2)}.df-hero{background:var(--navy);color:var(--cream-2);overflow:hidden}.df-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding:84px 0 88px}.df-hero h1{font-size:clamp(2.6rem,5.2vw,4.4rem);color:var(--cream-2)}.df-hero h1 .df-amber{display:block}.df-hero-sub{max-width:30em;color:#f2ebddd1;margin:26px 0 34px;font-size:1.12rem}.df-hero-cta{display:flex;flex-wrap:wrap;gap:14px}.df-hero-marks{display:flex;flex-wrap:wrap;gap:26px;margin-top:38px;font-family:Cinzel,Georgia,serif;font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;color:#f2ebdd8c}.df-hero-marks span:before{content:"\25c6";color:var(--copper);margin-right:9px;font-size:.6rem}.df-collage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.df-collage figure{margin:0;position:relative;overflow:hidden;background:var(--navy-2);border:1px solid rgba(215,123,49,.22)}.df-collage .df-tall{grid-row:span 2;aspect-ratio:3/5}.df-collage .df-sq{aspect-ratio:1/1}.df-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:var(--cream-2);opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease}.df-slide.is-on{opacity:1;visibility:visible}.df-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.df-slide:hover img{transform:scale(1.05)}.df-cap{position:absolute;left:0;right:0;bottom:0;padding:52px 15px 14px;z-index:2;background:linear-gradient(to top,#0b1422f7,#0b1422e6 40%,#0b14228c,#0b142200)}.df-cap-label{display:block;font-family:Cinzel,Georgia,serif;font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-2);line-height:1.3}.df-cap-name{display:block;font-family:Cinzel,Georgia,serif;font-size:.92rem;color:#fff;margin-top:5px;line-height:1.25}.df-slide:hover .df-cap-name{color:var(--copper-2)}.df-band{background:var(--navy-2);color:var(--cream-2)}.df-band-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;padding:78px 0}.df-band h2{font-size:clamp(2rem,3.6vw,3rem);color:var(--cream-2)}.df-band p{color:#f2ebddcc;max-width:34em;margin-top:20px}.df-band-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.df-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.df-strip a{display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(215,123,49,.22);background:var(--navy)}.df-strip img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.df-strip a:hover img{transform:scale(1.05)}.df-sec{padding:86px 0}.df-sec--cream{background:var(--cream)}.df-sec--paper{background:var(--cream-2)}.df-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}.df-sec-head h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}.df-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.df-card{position:relative;display:block;text-decoration:none;color:var(--cream-2);overflow:hidden;background:var(--navy);aspect-ratio:4/5}.df-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform .5s ease,opacity .3s ease}.df-card:hover img{transform:scale(1.05);opacity:.74}.df-card-body{position:absolute;inset:auto 0 0 0;padding:26px 24px;background:linear-gradient(to top,#0f1b2df0 30%,#0f1b2d00)}.df-card h3{font-size:1.5rem;color:var(--cream-2)}.df-card p{font-size:.95rem;color:#f2ebddc7;margin:8px 0 0}.df-card-count{font-family:Cinzel,Georgia,serif;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-2);margin-top:12px;display:block}.df-way{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.df-way h2{font-size:clamp(2rem,3.6vw,3rem)}.df-tip{border-left:3px solid var(--copper);padding:4px 0 4px 22px;margin:32px 0 0}.df-tip-label{font-family:Cinzel,Georgia,serif;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);display:block;margin-bottom:8px}.df-tip em{font-size:1.1rem;font-style:italic}.df-steps{display:grid;gap:26px}.df-step{display:grid;grid-template-columns:62px 1fr;gap:20px;align-items:start;border-top:1px solid rgba(19,34,56,.14);padding-top:22px}.df-step:first-child{border-top:0;padding-top:0}.df-step-num{font-family:Cinzel,Georgia,serif;font-size:1.9rem;color:var(--copper);line-height:1}.df-step h3{font-size:1.25rem;margin-bottom:6px}.df-step p{margin:0;color:#132238c7}.df-guides{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.df-guide{border:1px solid rgba(19,34,56,.16);background:var(--cream);padding:30px 28px;display:flex;flex-direction:column}.df-guide-thumb{margin:-30px -28px 24px;border-bottom:1px solid rgba(19,34,56,.16);background:var(--navy);aspect-ratio:16/9;overflow:hidden}.df-guide-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.df-guide h3{font-size:1.3rem;margin-bottom:10px}.df-guide p{color:#132238c2;flex:1}.df-guide-meta{font-family:Cinzel,Georgia,serif;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:14px}.df-soon{font-family:Cinzel,Georgia,serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#13223873}.df-note{margin-top:26px;font-size:.92rem;color:#13223899;border-top:1px solid rgba(19,34,56,.12);padding-top:18px}.df-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.df-product{text-decoration:none;color:var(--ink);display:block}.df-product-img{aspect-ratio:3/4;overflow:hidden;background:var(--cream-2);border:1px solid rgba(19,34,56,.1)}.df-product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.df-product:hover .df-product-img img{transform:scale(1.04)}.df-product-kicker{font-family:Cinzel,Georgia,serif;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin:14px 0 5px}.df-product h3{font-size:1.05rem;font-weight:600}.df-product-price{margin-top:5px;color:#132238b3;font-size:.95rem}.df-artist{background:var(--navy);color:var(--cream-2)}.df-artist-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;padding:86px 0}.df-artist h2{font-size:clamp(2rem,3.6vw,2.9rem);color:var(--cream-2)}.df-artist-name{font-family:Cinzel,Georgia,serif;font-size:1.05rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper-2);margin:14px 0 26px}.df-artist p{color:#f2ebddd1;max-width:40em}.df-artist-portrait{aspect-ratio:4/5;background:var(--navy-2);border:1px solid rgba(215,123,49,.28);display:flex;align-items:center;justify-content:center;overflow:hidden}.df-artist-portrait img{width:100%;height:100%;object-fit:cover}.df-portrait-empty{text-align:center;padding:30px;font-family:Cinzel,Georgia,serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#f2ebdd66;line-height:1.9}.df-family{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.df-family-logo img{width:100%;max-width:340px;height:auto;display:block}.df-family h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}.df-family p{color:#132238cc;max-width:40em}.df-news{background:var(--navy-2);color:var(--cream-2);text-align:center;padding:76px 0}.df-news h2{font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--cream-2);max-width:18em;margin:0 auto}.df-news p{color:#f2ebddb3;margin-top:16px}.df-news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.df-news input[type=email]{background:transparent;border:1px solid rgba(242,235,221,.35);color:var(--cream-2);padding:15px 18px;min-width:320px;font-family:EB Garamond,Georgia,serif;font-size:1rem}.df-news input[type=email]::placeholder{color:#f2ebdd73}.df-news input[type=email]:focus{outline:none;border-color:var(--copper)}@media(max-width:990px){.df-hero-grid,.df-band-grid,.df-way,.df-artist-grid,.df-family{grid-template-columns:1fr;gap:40px}.df-cards{grid-template-columns:1fr}.df-products{grid-template-columns:repeat(2,1fr)}.df-guides{grid-template-columns:1fr}.df-sec{padding:60px 0}.df-hero-grid{padding:56px 0 64px}.df-artist-grid{padding:60px 0}.df-strip{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.df-slide,.df-slide img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/djinn-home.css.map */