.component.inventory-box .glossary-header{position:relative;padding:30px var(--normal-padding) 80px;justify-content:center;align-items:center;color:var(--white)}.glossary-header .background{position:absolute;left:0;top:0;width:100%;height:100%}.glossary-header .background:before{content:"";display:block;position:absolute;z-index:1;background:#15a18d;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}.glossary-header .background.mobile{display:none}.glossary-header .background img{position:relative;width:100%;height:100%;object-fit:cover;display:block}.glossary-header>.flex-column{position:relative;max-width:1560px;align-items:center;z-index:2}.glossary-header>.flex-column>*{width:100%}.glossary-header h1{text-transform:uppercase;text-align:center;line-height:1.2}.glossary-header h1.fauna,.glossary-header h1.flora{font-size:410px}.glossary-header h1.habitats{font-size:280px}.glossary-header .header-text{columns:2;gap:35px;text-align:justify;transition-delay:.3s;font-size:25px;line-height:1.2}.glossary-header .credits{align-items:center;justify-content:space-between;transition-delay:.6s;margin-top:100px}.component.inventory-box .glossary-grid{padding:180px var(--normal-padding) 200px;justify-content:center;position:relative;width:100%}.glossary-inner{flex-wrap:wrap;gap:75px;width:100%;max-width:1640px}.glossary-letter{width:-webkit-calc(33.33% - 50px);width:calc(33.33% - 50px);position:relative;padding-left:180px}.glossary-letter:first-child{display:none}.glossary-letter .letter{position:absolute;top:0;left:0}.glossary-letter a{color:var(--black);margin-top:17px;margin-bottom:5px;position:relative;z-index:1}.glossary-letter a:focus,.glossary-letter a:hover{text-decoration:underline}.glossary-letter a img{position:absolute;width:200px;height:auto;display:block;pointer-events:none;top:0;right:0;-webkit-transform:translate(35%,-90%);transform:translate(35%,-90%);opacity:0;z-index:2}.glossary-letter a:hover img{opacity:1}@media only screen and (max-width:1680px){.glossary-header>.flex-column{max-width:1360px;gap:60px}.glossary-header h1.fauna,.glossary-header h1.flora{font-size:360px}.glossary-header h1.habitats{font-size:250px}.glossary-header .credits{flex-direction:column;gap:15px;text-align:center}.glossary-inner{gap:60px 30px}.glossary-letter{padding-left:110px;width:-weebkit-calc(33.33% - 20px);width:calc(33.33% - 20px)}}@media only screen and (max-width:1440px){.glossary-header>.flex-column{max-width:1120px;gap:var(--normal-padding)}.glossary-header h1.fauna,.glossary-header h1.flora{font-size:285px}.glossary-header h1.habitats{font-size:200px}.component.inventory-box .glossary-grid{padding:160px var(--normal-padding)}.glossary-letter .letter{position:relative;margin-bottom:30px}.glossary-letter{padding-left:0}.glossary-header .header-text{font-size:20px}.glossary-letter a img{right:60px}}@media only screen and (max-width:1280px){.component.inventory-box .glossary-header{padding:80px var(--normal-padding)}.glossary-header>.flex-column{max-width:850px;gap:var(--normal-padding)}.glossary-header .header-text{columns:unset;gap:unset}.glossary-header h1{font-size:100px !important}}@media only screen and (max-width:1024px){.glossary-header .credits{margin-top:0}.component.inventory-box .glossary-grid{padding:120px var(--normal-padding)}.glossary-inner{max-width:700px}.glossary-letter{width:-webkit-calc(50% - 15px);width:calc(50% - 15px)}.glossary-letter .letter{margin-bottom:20px}.glossary-header .header-text{font-size:15px}}@media only screen and (max-width:768px){.component.inventory-box .glossary-header{padding:65px var(--normal-padding)}.glossary-header h1{font-size:60px !important}.glossary-header .background.desktop{display:none}.glossary-header .background.mobile{display:block}.glossary-letter a img{display:none}}@media only screen and (max-width:550px){.glossary-header h1{font-size:48px !important}.glossary-header>.flex-column{gap:30px}.glossary-header .header-text{font-size:12px}.glossary-header .header-text p:not(:last-child){margin-bottom:20px}.glossary-header .credits{gap:10px}.component.inventory-box .glossary-grid{padding:90px var(--normal-padding)}.glossary-inner{gap:80px}.glossary-letter{width:100%}.glossary-letter .letter{margin-bottom:10px}}