
/* <inline asset> */
@charset "UTF-8"; 

/* /website_sirenaudio/static/src/scss/homepage.scss */
 #wrap.sirena-landing{--sirena-bg: #101110; --sirena-text: #F3F1EB; --sirena-accent: #DFC397; background: var(--sirena-bg); color: var(--sirena-text);}#wrap.sirena-landing .sirena-container{width: calc(100% - 64px); max-width: 1240px; margin: 0 auto;}#wrap.sirena-landing h1, #wrap.sirena-landing h2, #wrap.sirena-landing p{color: var(--sirena-text);}#wrap.sirena-landing .sirena-serif{font-family: Georgia, 'Times New Roman', serif; font-weight: 400;}#wrap.sirena-landing .sirena-hero{background-color: var(--sirena-bg); background-image: linear-gradient(to bottom, transparent 82%, #101110 100%), linear-gradient(90deg, rgba(10, 11, 10, 0.45) 0%, rgba(10, 11, 10, 0) 52%), url("/web/image/5803-906f1dc5/Verst%C3%A4rker%20auf%20Felsen%20im%20K%C3%BCstenabendlicht.png"); background-size: cover; background-position: center; background-repeat: no-repeat;}#wrap.sirena-landing .sirena-hero-inner{display: flex; align-items: center; min-height: clamp(640px, 56.25vw, 1080px); padding: 80px 0 120px;}#wrap.sirena-landing .sirena-hero-copy{width: 44%;}#wrap.sirena-landing .sirena-title{margin: 0 0 24px; font-size: clamp(64px, 6.8vw, 104px); line-height: 0.98; letter-spacing: -0.035em;}#wrap.sirena-landing .sirena-title em{color: var(--sirena-accent); font-weight: 400;}#wrap.sirena-landing .sirena-intro{margin: 0 0 32px; font-family: Arial, sans-serif; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.6;}#wrap.sirena-landing .sirena-button{display: inline-flex; align-items: center; justify-content: center; min-height: 52px; max-width: 100%; padding: 16px 26px; border: 1px solid var(--sirena-accent); border-radius: 0; background: var(--sirena-accent); color: #101110; font-family: Arial, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.6px; text-decoration: none; transition: background-color 180ms ease, border-color 180ms ease;}#wrap.sirena-landing .sirena-button:hover{background: #ECD6B4; border-color: #ECD6B4; color: #101110;}#wrap.sirena-landing .sirena-button:focus-visible{outline: 2px solid var(--sirena-text); outline-offset: 5px;}#wrap.sirena-landing .sirena-mobile-scene{display: none;}#wrap.sirena-landing .sirena-design{min-height: 50vw; padding: 48px 0 0; background-color: var(--sirena-bg); background-image: url("/web/image/5806-bfe8a09a/Model-One-Silver-Black-Stone-v2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; scroll-margin-top: 100px;}#wrap.sirena-landing .sirena-heading{max-width: 1000px; margin: 0 auto 16px; font-size: clamp(32px, 3.2vw, 58px); line-height: 1.15; letter-spacing: -0.025em;}#wrap.sirena-landing .sirena-subtitle{margin: 0; font-size: clamp(17px, 1.7vw, 22px); line-height: 1.6;}#wrap.sirena-landing .sirena-design-product{display: none;}#wrap.sirena-landing .sirena-product-image{display: block; width: 100%; height: auto; filter: none;}#wrap.sirena-landing .sirena-philosophy{display: flex; align-items: center; min-height: 560px; padding: 100px 0; background-color: var(--sirena-bg); background-image: linear-gradient(to bottom, #101110 0%, rgba(16, 17, 16, 0) 22%, rgba(16, 17, 16, 0) 78%, #101110 100%), linear-gradient(90deg, rgba(10, 11, 10, 0.8) 0%, rgba(10, 11, 10, 0.3) 50%, rgba(10, 11, 10, 0.05) 100%), url("/web/image/5796-f01d2c97/Sirene%20am%20dunklen%20Felsufer.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;}#wrap.sirena-landing .sirena-eyebrow{margin: 0 0 24px; font-family: Arial, sans-serif; font-size: 11px; line-height: 1.5; letter-spacing: 3px;}#wrap.sirena-landing .sirena-quote{max-width: 650px; margin: 0; font-size: clamp(36px, 4.3vw, 64px); line-height: 1.12; letter-spacing: -0.025em;}#wrap.sirena-landing .sirena-quote em{display: block; margin-top: 12px; color: var(--sirena-accent); font-weight: 400;}@media (max-width: 991px){#wrap.sirena-landing .sirena-hero{background-image: none;}#wrap.sirena-landing .sirena-hero-inner{min-height: auto; padding: 64px 0 40px;}#wrap.sirena-landing .sirena-hero-copy{width: 100%;}#wrap.sirena-landing .sirena-mobile-scene{display: block; position: relative;}#wrap.sirena-landing .sirena-mobile-scene img{display: block; width: 100%; height: auto;}#wrap.sirena-landing .sirena-mobile-scene::after{content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, #101110 0%, transparent 18%, transparent 84%, #101110 100%);}#wrap.sirena-landing .sirena-design{min-height: auto; padding: 40px 0 0; background-image: none;}#wrap.sirena-landing .sirena-design > .sirena-container{width: 100%; max-width: none;}#wrap.sirena-landing .sirena-design .sirena-heading, #wrap.sirena-landing .sirena-design .sirena-subtitle{padding-left: 20px; padding-right: 20px;}#wrap.sirena-landing .sirena-design-product{display: block; width: 100%; max-width: none; margin: 0;}#wrap.sirena-landing .sirena-philosophy{min-height: 480px; padding: 80px 0;}}@media (max-width: 575px){#wrap.sirena-landing .sirena-container{width: calc(100% - 40px);}#wrap.sirena-landing .sirena-hero-inner{padding: 48px 0 32px;}#wrap.sirena-landing .sirena-title{font-size: clamp(52px, 12vw, 68px);}#wrap.sirena-landing .sirena-intro{margin-bottom: 24px; font-size: 17px;}#wrap.sirena-landing .sirena-button{padding: 16px 20px; font-size: 10px;}#wrap.sirena-landing .sirena-philosophy{min-height: 460px; padding: 72px 0; background-position: 75% center;}#wrap.sirena-landing .sirena-quote{max-width: 360px; font-size: 36px;}}@media (prefers-reduced-motion: reduce){#wrap.sirena-landing .sirena-button{transition: none;}}#wrapwrap:has(#wrap.sirena-landing) #top, #wrapwrap:has(#wrap.sirena-landing) #top .navbar, #wrapwrap:has(#wrap.sirena-landing) #top .offcanvas, #wrapwrap:has(#wrap.sirena-landing) #top .dropdown-menu, #wrapwrap:has(#wrap.sirena-landing) #top .o_colored_level, #wrapwrap:has(#wrap.sirena-landing) #top .o_cc{background-color: #101110 !important; color: #F3F1EB !important;}#wrapwrap:has(#wrap.sirena-landing) #top .navbar{padding-top: 16px; padding-bottom: 16px; box-shadow: none !important; border-bottom: 1px solid rgba(223, 195, 151, 0.12);}#wrapwrap:has(#wrap.sirena-landing) #top .nav-link, #wrapwrap:has(#wrap.sirena-landing) #top .dropdown-item{color: #F3F1EB !important; font-family: Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 1.2px;}#wrapwrap:has(#wrap.sirena-landing) #top .nav-link:hover, #wrapwrap:has(#wrap.sirena-landing) #top .nav-link.active, #wrapwrap:has(#wrap.sirena-landing) #top .dropdown-item:hover, #wrapwrap:has(#wrap.sirena-landing) #top .dropdown-item.active{color: #DFC397 !important; background-color: transparent !important;}#wrapwrap:has(#wrap.sirena-landing) #top .btn_cta{padding: 11px 18px; border: 1px solid #DFC397 !important; border-radius: 0 !important; background: transparent !important; color: #DFC397 !important; font-size: 11px; letter-spacing: 1.2px;}#wrapwrap:has(#wrap.sirena-landing) #top .btn_cta:hover{background: #DFC397 !important; color: #101110 !important;}#wrapwrap:has(#wrap.sirena-landing) #top .navbar-toggler{border-color: rgba(243, 241, 235, 0.4);}#wrapwrap:has(#wrap.sirena-landing) #top .navbar-toggler-icon, #wrapwrap:has(#wrap.sirena-landing) #top .btn-close{filter: invert(1);}#wrapwrap:has(#wrap.sirena-landing) #bottom, #wrapwrap:has(#wrap.sirena-landing) #bottom #footer, #wrapwrap:has(#wrap.sirena-landing) #bottom .o_colored_level, #wrapwrap:has(#wrap.sirena-landing) #bottom .o_cc, #wrapwrap:has(#wrap.sirena-landing) #bottom .o_footer_copyright{background-color: #101110 !important; color: #F3F1EB !important;}#wrapwrap:has(#wrap.sirena-landing) #bottom p, #wrapwrap:has(#wrap.sirena-landing) #bottom h5, #wrapwrap:has(#wrap.sirena-landing) #bottom .text-muted, #wrapwrap:has(#wrap.sirena-landing) #bottom .o_footer_copyright_name{color: #BDB9B0 !important;}#wrapwrap:has(#wrap.sirena-landing) #bottom a{color: #F3F1EB !important; text-decoration: none;}#wrapwrap:has(#wrap.sirena-landing) #bottom a:hover{color: #DFC397 !important;}#wrapwrap:has(#wrap.sirena-landing) #bottom hr{border-color: rgba(223, 195, 151, 0.2); opacity: 1;}#wrapwrap:has(#wrap.sirena-landing) #bottom .s_social_media a i{background: transparent !important; color: #DFC397 !important; border-color: rgba(223, 195, 151, 0.4) !important; box-shadow: none !important;}#wrapwrap:has(#wrap.sirena-landing) #bottom .o_footer_copyright{border-top: 1px solid rgba(223, 195, 151, 0.12);}