*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.htm-nav{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;justify-content:space-between;padding:0 36px;height:48px;background:transparent;opacity:.6;transition:opacity .4s}.htm-nav:hover{opacity:1}.htm-nav-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ffffffb3;text-decoration:none;transition:color .2s}.htm-nav-back:hover{color:var(--sf-yellow)}.htm-nav-links{display:flex;gap:22px;list-style:none;position:absolute;left:50%;transform:translate(-50%)}.htm-nav-links a{font-family:var(--font-cd);font-size:9px;font-weight:700;letter-spacing:.38em;text-transform:uppercase;color:#ffffff59;text-decoration:none;transition:color .25s}.htm-nav-links a:hover{color:#fffc}.htm-nav-links a.active{color:var(--sf-yellow)}.htm-nav-shop{font-family:var(--font-cd);font-size:9px;font-weight:700;letter-spacing:.38em;text-transform:uppercase;color:var(--sf-yellow);text-decoration:none;opacity:.7;transition:opacity .2s}.htm-nav-shop:hover{opacity:1}@media(max-width:768px){.htm-nav{padding:0 18px}.htm-nav-links{display:none}}:root{--sf-yellow: #FFD500;--sf-mint: #B5DDB5;--sf-orange: #F07020;--sf-pink: #F06090;--sf-blue: #1848C8;--sf-purple: #5820A0;--db-sky: #5ABCE8;--db-earth: #D4A050;--db-energy: #F8E000;--db-shadow: #182038;--bg: #000000;--surface: #111111;--border: #1a1a1a;--text: #ede8df;--muted: #5a5448;--accent: var(--sf-yellow);--font-px: "Silkscreen", monospace;--font-dg: "DotGothic16", sans-serif;--font-mc: "VT323", monospace;--font-ed: "Cormorant Garamond", serif;--font-cd: "Barlow Condensed", sans-serif}html{scroll-behavior:smooth;background:#000;scrollbar-color:#333 #000}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#000}html::-webkit-scrollbar-thumb{background:#333;border-radius:4px}body{background:var(--bg);color:var(--text);font-family:var(--font-ed);min-height:100vh;overflow-x:hidden}.intro{position:relative;overflow:hidden;min-height:540px;margin-bottom:0}.intro-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3a7bd5,#4a8fe0,#5ba3e8,#6db7f0 45%,#80c8f4 58%,#95d6f8,#ade3fa 82%,#c4eefc 92%,#d8f4fd);z-index:0}.intro-clouds{position:absolute;top:0;left:0;right:0;height:100%;z-index:2;pointer-events:none;overflow:hidden}.cloud{position:absolute;display:block;opacity:.85;filter:none;image-rendering:auto;animation:cloud-drift-htm 80s linear infinite}@keyframes cloud-drift-htm{0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(0)}}.cloud-a{width:clamp(160px,20vw,260px);top:3%;right:-2%;animation-duration:90s}.cloud-b{width:clamp(120px,14vw,180px);top:30%;right:8%;animation-duration:70s;animation-delay:-20s}.cloud-c{width:clamp(100px,11vw,140px);bottom:20%;right:3%;opacity:.65;animation-duration:60s;animation-delay:-35s}.intro-fade{display:none}.intro-content{position:relative;z-index:6;padding:48px 60px 0;max-width:1200px}.intro-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.intro-meta-left{display:flex;align-items:center;gap:14px}.intro-badge{display:flex;align-items:center}.intro-badge img{height:32px;width:auto;display:block}.intro-tag{font-family:var(--font-cd);font-weight:300;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#ffffffbf}.intro-year{font-family:var(--font-cd);font-weight:300;font-size:11px;letter-spacing:.22em;color:#ffffffb3}.intro-headline{max-width:52%;min-width:340px;margin-bottom:0}.intro-h1{font-family:var(--font-dg);font-size:clamp(32px,5vw,64px);font-weight:400;line-height:1.15;color:#fff;margin-bottom:12px}.intro-h2{font-family:var(--font-dg);font-size:clamp(24px,3.5vw,44px);font-weight:400;line-height:1.15;color:var(--sf-yellow);margin-bottom:8px}.intro-body{padding:32px 0 100px;max-width:520px}.intro-p{font-family:var(--font-mc);font-size:clamp(18px,1.8vw,22px);line-height:1.85;color:#fffffff2;letter-spacing:.01em;margin-bottom:1.4em}.intro-p:last-child{margin-bottom:0}.intro-p em{color:var(--sf-yellow);font-style:normal;opacity:.95}.shelf-section{padding:84px 60px 80px;margin-top:0;background:#3d2c16;position:relative;border-bottom:4px solid #8B6520;box-shadow:inset 0 8px 20px #0006,inset 0 -8px 20px #0006}.shelf-section:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background:linear-gradient(180deg,#6b4e1e,#8b6520,#c49a3c 30%,#a87c2a 50%,#8b6520,#6b4e1e 80%,#5a3e14);box-shadow:0 4px 12px #00000080,inset 0 2px #ffdc8c40,inset 0 -2px 4px #0000004d;z-index:10}.shelf-label{font-family:var(--font-cd);font-weight:700;font-size:9px;letter-spacing:.36em;text-transform:uppercase;color:#c8aa7899;margin-bottom:28px;display:flex;align-items:center;gap:16px}.shelf-label:after{content:"";flex:1;height:1px;background:#8b65204d}.shelf{display:flex;align-items:flex-end;gap:3px;position:relative}.shelf:after{content:"";position:absolute;bottom:-18px;left:-40px;right:-40px;height:18px;background:linear-gradient(180deg,#8b6520,#a87c2a 35%,#c49a3c,#a87c2a 65%,#8b6520);border-radius:0 0 2px 2px;box-shadow:0 6px 16px #00000080,inset 0 1px #fff3;z-index:1}.spine{position:relative;width:52px;height:300px;flex-shrink:0;cursor:pointer;overflow:hidden;transition:width .38s cubic-bezier(.16,1,.3,1),transform .25s ease,filter .25s ease;will-change:width,transform}.shelf:has(.spine:hover) .spine:not(:hover){filter:brightness(.45) saturate(.5)}.spine:hover{width:110px;transform:translateY(-10px);filter:brightness(1.1) saturate(1.1);z-index:4}.spine-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;transition:background-position .4s ease}.spine:hover .spine-bg{background-position:center center}.spine-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;transition:background .3s ease;z-index:0}.spine:hover .spine-bg:after{background:#00000047}.spine-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:1}.spine-num,.spine-title,.spine-creator,.spine-mark,.spine-peek{position:relative;z-index:2}.spine-num{position:absolute;top:0;left:0;right:0;padding:10px 7px 8px;font-family:var(--font-cd);font-weight:900;font-size:11px;letter-spacing:.1em;color:#ffffff38;text-align:center;border-bottom:1px solid rgba(255,255,255,.07);z-index:2}.spine-title{position:absolute;bottom:48px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:0 8px}.spine-title span{font-family:var(--font-cd);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffeb;writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);line-height:1;white-space:nowrap;overflow:hidden;max-height:200px;z-index:2}.spine-creator{position:absolute;bottom:0;left:0;right:0;padding:7px 6px;font-family:var(--font-cd);font-weight:300;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff47;text-align:center;border-top:1px solid rgba(255,255,255,.07);z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spine-mark{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-family:var(--font-cd);font-weight:900;font-size:8px;letter-spacing:.2em;color:#ffffff1f;z-index:2}.spine-peek{position:absolute;top:32px;left:8px;right:8px;opacity:0;transform:translate(-6px);transition:opacity .22s ease .15s,transform .3s ease .1s;z-index:3;pointer-events:none}.spine:hover .spine-peek{opacity:1;transform:translate(0)}.spine-peek-year{font-family:var(--font-cd);font-weight:300;font-size:9px;letter-spacing:.16em;color:#ffffff73;text-transform:uppercase;margin-bottom:8px}.spine-peek-cta{font-family:var(--font-cd);font-weight:700;font-size:8px;letter-spacing:.2em;color:#fff9;text-transform:uppercase}.s-001 .spine-bg{background-color:#0e2858}.s-001 .spine-bg:before{background:var(--sf-blue)}.s-002 .spine-bg{background-color:#183818}.s-002 .spine-bg:before{background:var(--sf-mint)}.s-003 .spine-bg{background-color:#3a1408}.s-003 .spine-bg:before{background:var(--sf-orange)}.s-004 .spine-bg{background-color:#302200}.s-004 .spine-bg:before{background:var(--sf-yellow)}.s-005 .spine-bg{background-color:#380808}.s-005 .spine-bg:before{background:#e03020}.s-006 .spine-bg{background-color:#2a2008}.s-006 .spine-bg:before{background:#c89020}.s-007 .spine-bg{background-color:#040e20}.s-007 .spine-bg:before{background:var(--sf-blue)}.s-008 .spine-bg{background-color:#180e00}.s-008 .spine-bg:before{background:#c8a000}.s-009 .spine-bg{background-color:#280010}.s-009 .spine-bg:before{background:#d02030}.s-010 .spine-bg{background-color:#100628}.s-010 .spine-bg:before{background:var(--sf-purple)}.s-011 .spine-bg{background-color:#280a00}.s-011 .spine-bg:before{background:var(--sf-orange)}.s-012 .spine-bg{background-color:var(--sf-yellow)}.s-012 .spine-bg:before{background:#0a0906}.s-012 .spine-bg:after{background:#00000026}.s-012:hover .spine-bg:after{background:#0000000d}.s-012 .spine-num{color:#0000004d;border-bottom-color:#00000014}.s-012 .spine-title span{color:#000000d9}.s-012 .spine-creator{color:#00000059;border-top-color:#00000014}.s-012 .spine-mark{color:#0000002e}.s-012 .spine-peek-year{color:#00000073}.s-012 .spine-peek-cta{color:#0009}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:1000;pointer-events:none;opacity:0;transition:opacity .4s ease,background .4s ease;display:flex;align-items:stretch}.modal-bg.open{opacity:1;background:#000000f7;pointer-events:all}.modal{display:flex;width:100%;max-width:1060px;margin:auto;height:100vh;overflow:hidden;transform:translateY(24px);transition:transform .45s cubic-bezier(.16,1,.3,1)}.modal-bg.open .modal{transform:translateY(0)}.modal-left{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);overflow:hidden}.modal-spine{width:100%;height:300px;flex-shrink:0;position:relative;overflow:hidden}.modal-spine-bg{position:absolute;top:0;right:0;bottom:0;left:0}.modal-spine-num{position:absolute;top:16px;left:20px;font-family:var(--font-cd);font-weight:900;font-size:52px;line-height:1;color:#ffffff14;letter-spacing:-.04em;z-index:1}.modal-spine-title-block{position:absolute;bottom:24px;left:20px;right:20px;z-index:2}.modal-spine-entry{font-family:var(--font-cd);font-weight:700;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#ffffff59;margin-bottom:6px}.modal-spine-t{font-family:var(--font-px);font-size:14px;letter-spacing:-.01em;line-height:1.6;text-transform:uppercase;color:#ffffffeb}.modal-spine-c{font-family:var(--font-ed);font-style:italic;font-size:13px;color:#ffd500b3;margin-top:4px}.modal-cover-area{flex:1;position:relative;overflow:hidden;background:#0a0906}.modal-cover-area img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.modal-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-cover-placeholder-text{font-family:var(--font-cd);font-weight:300;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--border);text-align:center;line-height:2}.modal-right{flex:1;overflow-y:auto;padding:52px 52px 72px;scrollbar-width:none;display:flex;flex-direction:column}.modal-right::-webkit-scrollbar{display:none}.modal-top-bar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px;gap:20px}.modal-year-type{font-family:var(--font-cd);font-weight:300;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.modal-title{font-family:var(--font-px);font-size:clamp(14px,2vw,20px);letter-spacing:-.01em;line-height:1.6;text-transform:uppercase;color:var(--text)}.modal-creator{font-family:var(--font-ed);font-style:italic;font-size:clamp(15px,1.6vw,19px);color:var(--sf-yellow);margin-top:6px}.modal-close{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-cd);font-weight:700;font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap;flex-shrink:0}.modal-close:hover{border-color:var(--sf-yellow);color:var(--sf-yellow)}.modal-rule{height:1px;background:var(--border);margin:0 0 32px}.modal-note-label{font-family:var(--font-px);font-size:8px;letter-spacing:.14em;color:var(--sf-yellow);margin-bottom:22px}.modal-body{font-family:var(--font-ed);font-size:clamp(15px,1.4vw,18px);line-height:1.82;color:var(--text);flex:1}.modal-body p{margin-bottom:1.4em}.modal-body p:last-child{margin-bottom:0}.modal-body em{color:var(--sf-yellow);font-style:italic}.modal-body strong{font-weight:600;color:var(--text)}.modal-nav{display:flex;align-items:center;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.modal-nav-btn{background:none;border:none;cursor:pointer;font-family:var(--font-cd);font-weight:700;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding:0;transition:color .2s;display:flex;align-items:center;gap:8px}.modal-nav-btn:hover{color:var(--sf-yellow)}.modal-nav-btn:disabled{opacity:.18;pointer-events:none}.modal-nav-count{font-family:var(--font-cd);font-weight:300;font-size:9px;letter-spacing:.14em;color:var(--muted)}footer{border-top:3px solid var(--sf-yellow);padding:28px 60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ft-brand{font-family:var(--font-px);font-size:10px;letter-spacing:.1em;color:var(--sf-yellow)}.ft-note{font-family:var(--font-ed);font-style:italic;font-size:13px;color:var(--muted)}@media(max-width:900px){.intro-content{padding:32px 24px 0}.intro-clouds{width:100%;opacity:.35}.intro-headline{max-width:100%;min-width:0}.intro-body{padding:24px 0 60px;max-width:100%}.intro-h1{font-size:clamp(16px,5vw,24px)}.intro-h2{font-size:clamp(13px,4vw,18px)}.shelf-section{padding:32px 24px 60px;overflow-x:auto}.shelf{gap:2px}.spine{width:44px;height:260px}.spine:hover{width:90px}.modal{flex-direction:column}.modal-left{width:100%;height:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--border)}.modal-spine{width:140px;height:180px;flex-shrink:0}.modal-cover-area{flex:1;height:180px}.modal-right{padding:28px 24px 52px}footer{padding:20px 24px}}@media(max-width:520px){.spine{width:38px;height:230px}.spine:hover{width:80px}.spine-title span{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/heaven-to-me.css.map */