:root{--fugue-canvas: #F6F3ED;--fugue-surface: #FFFFFF;--fugue-ink: #171717;--fugue-graphite: #343230;--fugue-muted: #706B64;--fugue-line: #DDD7CE;--fugue-line-light: #EBE5DC;--fugue-orange: #C44B22;--fugue-orange-dark: #A83B18;--fugue-wash: #EDE2D3;--shadow-sm: 0 1px 3px rgba(23, 23, 23, .05);--shadow-md: 0 4px 16px rgba(23, 23, 23, .07);--shadow-lg: 0 12px 32px rgba(23, 23, 23, .12);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(221, 215, 206, .6);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Plus Jakarta Sans", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--fugue-canvas);color:var(--fugue-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--fugue-ink);font-weight:700;letter-spacing:-.02em;line-height:1.2}.brand-font{font-family:var(--font-display)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:600;font-size:.9rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--fugue-orange);color:#fff}.btn-primary:hover{background-color:var(--fugue-orange-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c44b2240}.btn-secondary{background-color:var(--fugue-surface);color:var(--fugue-ink);border-color:var(--fugue-line)}.btn-secondary:hover{background-color:var(--fugue-canvas);border-color:var(--fugue-graphite)}.btn-dark{background-color:var(--fugue-ink);color:#fff}.btn-dark:hover{background-color:var(--fugue-graphite)}.btn-sm{padding:.4rem .85rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-icon{padding:.5rem;border-radius:var(--radius-sm);background:transparent;color:var(--fugue-ink);border:1px solid transparent}.btn-icon:hover{background-color:#0000000a}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-wash{background-color:var(--fugue-wash);color:var(--fugue-orange-dark)}.badge-line{background-color:#ddd7ce66;color:var(--fugue-graphite);border:1px solid var(--fugue-line)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--fugue-canvas)}::-webkit-scrollbar-thumb{background:var(--fugue-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fugue-muted)}.announcement-bar{background-color:var(--fugue-wash);border-bottom:1px solid var(--fugue-line);padding:.45rem 1rem;text-align:center}.announcement-content{background:none;border:none;color:var(--fugue-orange-dark);font-size:.775rem;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:transform var(--transition-fast)}.announcement-content:hover{transform:translate(2px)}.announcement-arrow{color:var(--fugue-orange)}.site-header{background-color:var(--fugue-canvas);border-bottom:1px solid var(--fugue-line);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header-brand{display:flex;flex-direction:column;cursor:pointer}.brand-title{font-size:1.4rem;font-weight:800;letter-spacing:.25em;color:var(--fugue-ink);line-height:1}.brand-domain{font-size:.7rem;color:var(--fugue-muted);font-weight:600;letter-spacing:.05em}.header-nav{display:flex;align-items:center;gap:2rem}.nav-item{position:relative}.nav-link{background:none;border:none;font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--fugue-graphite);cursor:pointer;padding:.5rem 0;display:inline-flex;align-items:center;gap:.25rem;transition:color var(--transition-fast)}.nav-link:hover{color:var(--fugue-orange)}.nav-link.highlight{color:var(--fugue-orange-dark)}.dropdown-arrow{transition:transform var(--transition-fast)}.dropdown-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background-color:var(--fugue-surface);border:1px solid var(--fugue-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem 0;display:flex;flex-direction:column;z-index:110;animation:fadeIn .15s ease-out}.dropdown-menu button{background:none;border:none;text-align:left;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;color:var(--fugue-ink);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-menu button:hover{background-color:var(--fugue-canvas);color:var(--fugue-orange)}.header-actions{display:flex;align-items:center;gap:.75rem}.action-btn{position:relative;background:none;border:none;color:var(--fugue-ink);padding:.5rem;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.action-btn:hover{background-color:#1717170d}.action-badge{position:absolute;top:2px;right:2px;background-color:var(--fugue-orange);color:#fff;font-size:.65rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero-section{padding:2rem 0}.hero-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-size:cover;background-position:center;min-height:440px;display:flex;align-items:center;padding:3rem;border:1px solid var(--fugue-line)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#171717eb,#171717bf 45%,#17171733)}.hero-content{position:relative;z-index:2;max-width:500px;color:#fff}.hero-category{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:var(--fugue-orange);margin-bottom:.5rem;display:block}.hero-title{font-size:3rem;font-weight:800;color:#fff;line-height:1.05;margin-bottom:.75rem}.hero-subtitle{font-size:1.1rem;color:#ffffffd9;margin-bottom:1rem;font-weight:400}.hero-specs{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3;margin-bottom:1.25rem}.spec-item{display:inline-flex;align-items:center;gap:.35rem}.hero-price{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:1.5rem}.hero-actions{display:flex;align-items:center;gap:1rem}.hero-btn-sub{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.hero-btn-sub:hover{background:#fff3;border-color:#fff}.section{padding:2.5rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-size:1.3rem;font-weight:800;color:var(--fugue-ink)}.view-all-btn{background:none;border:none;font-size:.85rem;font-weight:600;color:var(--fugue-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color var(--transition-fast)}.view-all-btn:hover{color:var(--fugue-orange)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.product-card{background-color:var(--fugue-surface);border:1px solid var(--fugue-line);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-image-wrapper{position:relative;aspect-ratio:16 / 9;background-color:var(--fugue-canvas);overflow:hidden;cursor:pointer}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .card-image{transform:scale(1.04)}.card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#17171766;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.product-card:hover .card-hover-overlay{opacity:1}.quick-view-btn{background-color:var(--fugue-surface);color:var(--fugue-ink);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.card-content{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.card-category{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:var(--fugue-orange);text-transform:uppercase;margin-bottom:.25rem;display:block}.card-title{font-size:1rem;font-weight:700;color:var(--fugue-ink);margin-bottom:.25rem;cursor:pointer}.card-title:hover{color:var(--fugue-orange)}.card-specs{font-size:.75rem;color:var(--fugue-muted);margin-bottom:.75rem}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--fugue-line-light)}.card-price{font-size:.95rem;font-weight:800;color:var(--fugue-ink)}.card-cart-btn{background-color:var(--fugue-canvas);border:1px solid var(--fugue-line);color:var(--fugue-ink);padding:.45rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.card-cart-btn:hover{background-color:var(--fugue-orange);color:#fff;border-color:var(--fugue-orange)}.collections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.collection-card{background-color:var(--fugue-surface);border:1px solid var(--fugue-line);border-radius:var(--radius-md);padding:.75rem;display:flex;align-items:center;gap:.85rem;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.collection-card:hover{transform:translateY(-2px);border-color:var(--fugue-graphite)}.collection-thumbnail{width:64px;height:52px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--fugue-canvas);flex-shrink:0}.collection-thumbnail img{width:100%;height:100%;object-fit:cover}.collection-info{display:flex;flex-direction:column;gap:.2rem}.collection-header-row{display:flex;align-items:center;gap:.4rem}.collection-icon{color:var(--fugue-graphite)}.collection-name{font-size:.95rem;font-weight:700;color:var(--fugue-ink)}.collection-link{font-size:.75rem;color:var(--fugue-muted);display:inline-flex;align-items:center;gap:.25rem}.collection-card:hover .collection-link{color:var(--fugue-orange)}.free-asset-section{padding:1rem 0}.free-asset-card{background:linear-gradient(135deg,var(--fugue-wash) 0%,#F5ECDF 100%);border:1px solid var(--fugue-line);border-radius:var(--radius-lg);padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.free-asset-preview{flex:1;max-width:450px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.free-preview-img{width:100%;height:220px;object-fit:cover;display:block}.free-asset-content{flex:1}.free-badge{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--fugue-orange-dark);text-transform:uppercase;margin-bottom:.5rem;display:inline-block}.free-title{font-size:2.2rem;font-weight:800;color:var(--fugue-ink);margin-bottom:.5rem}.free-subtitle{font-size:1rem;color:var(--fugue-graphite);margin-bottom:1.5rem}.free-action-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.free-download-btn{padding:.85rem 2rem;font-size:.95rem}.free-download-btn.downloaded{background-color:#2e7d32}.free-subtext{font-size:.75rem;color:var(--fugue-muted)}.standard-section{padding:2rem 0}.standard-bar{background-color:var(--fugue-surface);border:1px solid var(--fugue-line);border-radius:var(--radius-md);padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem}.standard-badge{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--fugue-muted);white-space:nowrap}.standard-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;flex-grow:1}.standard-feature{display:flex;align-items:flex-start;gap:.75rem}.feature-icon{color:var(--fugue-graphite);flex-shrink:0;margin-top:2px}.feature-title{font-size:.85rem;font-weight:700;color:var(--fugue-ink)}.feature-desc{font-size:.75rem;color:var(--fugue-muted)}.site-footer{background-color:var(--fugue-canvas);border-top:1px solid var(--fugue-line);padding:4rem 0 2rem;margin-top:3rem}.footer-top-grid{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:2rem;margin-bottom:3rem}.footer-brand-title{font-size:1.5rem;font-weight:800;letter-spacing:.2em;color:var(--fugue-ink)}.footer-domain{font-size:.75rem;color:var(--fugue-muted)}.footer-slogan{font-size:.85rem;color:var(--fugue-muted)}.footer-heading{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--fugue-graphite);margin-bottom:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links button,.footer-links a{background:none;border:none;font-size:.85rem;color:var(--fugue-muted);cursor:pointer;text-decoration:none;transition:color var(--transition-fast);text-align:left}.footer-links button:hover,.footer-links a:hover{color:var(--fugue-orange)}.social-links{display:flex;align-items:center;gap:.75rem}.social-links a{color:var(--fugue-graphite);transition:color var(--transition-fast)}.social-links a:hover{color:var(--fugue-orange)}.footer-bottom-row{border-top:1px solid var(--fugue-line);padding-top:1.5rem;font-size:.75rem;color:var(--fugue-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#17171799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:440px;background-color:var(--fugue-surface);box-shadow:var(--shadow-lg);z-index:210;display:flex;flex-direction:column;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--fugue-line);display:flex;align-items:center;justify-content:space-between}.drawer-title-row{display:flex;align-items:center;gap:.5rem;font-weight:700}.close-btn{background:none;border:none;color:var(--fugue-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm)}.close-btn:hover{color:var(--fugue-ink);background-color:var(--fugue-canvas)}.drawer-body{padding:1.5rem;flex-grow:1;overflow-y:auto}.cart-items-list{display:flex;flex-direction:column;gap:1.25rem}.cart-item-row{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--fugue-line-light)}.cart-item-img{width:70px;height:52px;border-radius:var(--radius-sm);object-fit:cover}.cart-item-info{flex-grow:1}.cart-item-cat{font-size:.6rem;font-weight:800;color:var(--fugue-orange)}.cart-item-title{font-size:.9rem;font-weight:700}.cart-item-price{font-size:.85rem;font-weight:700;color:var(--fugue-graphite)}.quantity-controls{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.quantity-controls button{background-color:var(--fugue-canvas);border:1px solid var(--fugue-line);padding:.2rem;border-radius:4px;cursor:pointer}.quantity-controls span{font-size:.8rem;font-weight:700}.remove-item-btn{background:none;border:none;color:var(--fugue-muted);cursor:pointer;padding:.25rem}.remove-item-btn:hover{color:#d32f2f}.drawer-footer{padding:1.5rem;border-top:1px solid var(--fugue-line);background-color:var(--fugue-canvas)}.subtotal-row{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:800;margin-bottom:.5rem}.license-notice{font-size:.7rem;color:var(--fugue-muted);margin-bottom:1rem}.checkout-btn{width:100%}.checkout-success-view,.empty-cart-view{text-align:center;padding:3rem 1rem}.success-icon{color:#2e7d32;margin-bottom:1rem}.empty-icon{color:var(--fugue-muted);margin-bottom:1rem}.product-modal{background-color:var(--fugue-surface);border:1px solid var(--fugue-line);border-radius:var(--radius-lg);width:100%;max-width:840px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:1rem;right:1rem;z-index:10;background-color:#fffc}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-image-col{background-color:var(--fugue-canvas)}.modal-preview-img{width:100%;height:100%;object-fit:cover;min-height:400px}.modal-details-col{padding:2.5rem;display:flex;flex-direction:column}.modal-title{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.modal-desc{font-size:.9rem;color:var(--fugue-graphite);margin-bottom:1.5rem}.modal-specs-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.spec-row{display:flex;align-items:flex-start;gap:.75rem}.spec-row strong{font-size:.8rem;display:block}.spec-row p{font-size:.75rem;color:var(--fugue-muted)}.spec-icon{color:var(--fugue-orange);margin-top:2px}.format-selector label{font-size:.75rem;font-weight:700;color:var(--fugue-muted);display:block;margin-bottom:.4rem}.format-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.format-pill{background-color:var(--fugue-canvas);border:1px solid var(--fugue-line);padding:.35rem .65rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.format-pill.active{background-color:var(--fugue-ink);color:#fff;border-color:var(--fugue-ink)}.modal-footer-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--fugue-line-light)}.modal-price{font-size:1.6rem;font-weight:800}.btn-group{display:flex;gap:.5rem}.search-modal{background-color:var(--fugue-surface);border:1px solid var(--fugue-line);border-radius:var(--radius-lg);width:100%;max-width:600px;padding:1.5rem;box-shadow:var(--shadow-lg)}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--fugue-line);padding-bottom:.75rem}.search-input-wrapper input{flex-grow:1;border:none;outline:none;font-size:1rem;font-family:var(--font-sans)}.search-filter-tags{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.75rem 0}.filter-pill{background-color:var(--fugue-canvas);border:1px solid var(--fugue-line);padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:600;cursor:pointer;white-space:nowrap}.filter-pill.active{background-color:var(--fugue-orange);color:#fff;border-color:var(--fugue-orange)}.search-results-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.search-result-item:hover{background-color:var(--fugue-canvas)}.result-img{width:60px;height:45px;border-radius:4px;object-fit:cover}.result-info{flex-grow:1}.result-cat{font-size:.6rem;font-weight:800;color:var(--fugue-orange)}.result-title{font-size:.9rem;font-weight:700}.result-specs{font-size:.7rem;color:var(--fugue-muted)}.result-price{font-size:.9rem;font-weight:800}.toast-notification{position:fixed;bottom:2rem;right:2rem;background-color:var(--fugue-ink);color:#fff;padding:.85rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;z-index:300;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{color:#66bb6a}@media (max-width: 1024px){.products-grid,.collections-grid,.standard-features-grid{grid-template-columns:repeat(2,1fr)}.footer-top-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.header-nav,.desktop-only{display:none}.mobile-menu-toggle{display:flex}.mobile-nav{display:flex;flex-direction:column;background-color:var(--fugue-surface);border-bottom:1px solid var(--fugue-line);padding:1rem 1.5rem;gap:.75rem}.mobile-nav button{background:none;border:none;text-align:left;font-size:.95rem;font-weight:600}.hero-card{padding:2rem;min-height:360px}.hero-title{font-size:2.2rem}.products-grid,.collections-grid{grid-template-columns:1fr}.free-asset-card{flex-direction:column;padding:1.5rem}.standard-bar{flex-direction:column;align-items:flex-start}.standard-features-grid,.footer-top-grid,.modal-grid{grid-template-columns:1fr}}
