@font-face{font-family: 'open_sansregular';src: url('../fonts/OpenSans-Regular-webfont.eot');src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;}body{--header-padding-top: 1.6rem;--bg-height: clamp(240px,48vw,380px);--hero-overlap: clamp(3rem,8vw,7rem);--accent-color: #2f8f83;--accent-color-dark: #1c5c55;font-family: 'open_sansregular',sans-serif;font-size: 1.7em;line-height: 1.6em;color: #1f2a34;background: linear-gradient(180deg,#f4f7fb 0%,#fff 40%);}.heading-small{font-size: 2rem;}.heading-small{font-size: 2.2rem;letter-spacing: -.02em;}.header{position: relative;background-color: rgba(255,255,255,.92);border-bottom: none;box-shadow: 0 18px 40px -24px rgba(15,23,42,.35);padding: var(--header-padding-top) 0 1.8rem;z-index: 5;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);}.header a{color: #102a43;transition: color .2s ease;}.header a:hover{text-decoration: none;color: var(--accent-color-dark);}.logo{display: flex;flex-direction: column;gap: .4rem;background: none;padding: 0;margin: 0;}.logo h1,.logo h1 a{color: #102a43;font-weight: 700;}.logo h2{color: rgba(16,42,67,.6);font-weight: 600;letter-spacing: .15em;text-transform: uppercase;}.site-subtitle{letter-spacing: .2em;font-size: 1.3rem;}.nav{text-align: right;padding-top: .4rem;}ul.menu{display: flex;justify-content: flex-end;align-items: center;gap: 1.2rem;padding: 0;margin: 0;list-style: none;}.menu>li{font-size: 1.45rem;margin: 0;position: relative;}.menu>li>a,.menu>li>span{position: relative;display: inline-block;color: #123047;font-weight: 600;padding: .2rem .35rem;background: transparent;border-radius: .6rem;transition: color .2s ease,transform .2s ease;}.menu>li>a::after,.menu>li>span::after{content: '';position: absolute;left: 0;bottom: -.55rem;width: 100%;height: .3rem;background: linear-gradient(90deg,var(--accent-color),var(--accent-color-dark));transform: scaleX(0);transform-origin: left;transition: transform .3s ease;border-radius: 1rem;}.menu>li>a:hover,.menu>li>span:hover,.menu>li>a:focus,.menu>li>span:focus{color: var(--accent-color-dark);}ul.menu li.active>a,ul.menu li.active>span,ul.menu a.active,ul.menu span.active{color: var(--accent-color-dark);}.menu>li>a:hover::after,.menu>li>span:hover::after,ul.menu li.active>a::after,ul.menu li.active>span::after,ul.menu a.active::after,ul.menu span.active::after{transform: scaleX(1);}.menu>li ul{position: absolute;top: calc(100% + 1.2rem);left: 0;padding: 1.2rem 1.4rem;line-height: 2.4rem;z-index: 10;background: rgba(255,255,255,.95);border-radius: 1.2rem;box-shadow: 0 28px 50px -30px rgba(15,23,42,.45);}.menu>li:last-of-type ul{right: 0;left: auto;}.menu>li:not(:hover) ul{display: none;}.menu ul li{display: block;margin: 0;padding: .2rem 0;background: transparent;text-align: left;}.menu .sub-menu{max-height: 24rem;overflow-y: auto;}.menu .sub-menu li{padding: 0;}.menu .sub-menu li:last-of-type{padding-bottom: 0;}.hero-banner{position: relative;height: var(--bg-height);margin-bottom: var(--hero-overlap);border-radius: 0 0 3rem 3rem;overflow: hidden;box-shadow: 0 40px 80px -55px rgba(15,23,42,.55);}.bg{position: absolute;inset: 0;background: linear-gradient(120deg,rgba(12,32,54,.45),rgba(47,143,131,.32)),url(../img/bg.jpg) no-repeat center;background-size: cover;filter: saturate(1.05);transform: scale(1.02);}.hero-logo-wrapper{position: relative;z-index: 1;height: 100%;display: flex;align-items: center;justify-content: center;padding: 2rem;text-align: center;}.hero-logo-inner{display: inline-flex;flex-direction: column;align-items: center;gap: 1.5rem;background: rgba(255,255,255,.35);padding: 2rem 2.5rem;border-radius: 2.4rem;box-shadow: 0 35px 65px -40px rgba(15,23,42,.55);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}.hero-logo-link{display: inline-flex;align-items: center;justify-content: center;}.hero-logo{width: min(18rem,45vw);height: auto;filter: drop-shadow(0 14px 30px rgba(15,23,42,.3));}.hero-tagline{margin: 0;color: #123047;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;font-size: 1.5rem;}.menu>li span::before{content: '\25bc';padding-right: .5rem;font-size: .9em;}ul.menu .noactive:hover,ul.menu .active span,ul.menu span.active,ul.menu li.active a,ul.menu a.active,ul.menu li span:hover,ul.menu li a:hover{color: var(--accent-color-dark) !important;text-decoration: none;}ul.menu li span,ul.menu li a{display: inline-block;padding-left: .35rem;padding-right: .35rem;width: 100%;background: transparent;border-radius: .6rem;color: inherit;white-space: nowrap;}ul.menu li span a,ul.menu li a span{white-space: nowrap;display: inline;margin-right: -.35rem;padding-left: 0;}ul.menu li.noactive a,ul.menu a.noactive{border-radius: .6rem;color: inherit;}.cat-list .active,.classified-in .active{background-color: var(--accent-color);color: #fff;}.main{background-color: transparent;padding: 0 0 4rem;}.main .container{background: #fff;border-radius: 2.4rem;box-shadow: 0 45px 70px -50px rgba(15,23,42,.55);padding: clamp(2rem,4vw,3.4rem);margin-top: calc(-1 * var(--hero-overlap));position: relative;z-index: 2;}.repertory{margin-top: 4rem;}.pagination{margin: 3rem 0;}.pagination a{background: linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));border-radius: 999px;color: #fff;padding: 1rem 1.8rem;transition: transform .2s ease,box-shadow .2s ease;box-shadow: 0 20px 40px -30px rgba(15,23,42,.6);}.pagination a:hover{transform: translateY(-2px);box-shadow: 0 24px 50px -28px rgba(15,23,42,.6);color: #fff;text-decoration: none;}.pagination span:first-letter,.pagination a:first-letter{text-transform: uppercase;}.p_first,.p_prev,.p_current,.p_next,.p_last{display: inline-block;}.article{background: linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.9));border-radius: 1.6rem;padding: clamp(1.8rem,3vw,2.8rem);margin-bottom: 3.2rem;border: 1px solid rgba(18,48,71,.08);box-shadow: 0 30px 55px -40px rgba(15,23,42,.45);}article:after{display:block;content: "";clear: both;}.article header{margin-top: 0;}.article header div{margin: 0;}.article header h2,.article header h2 a{color: #123047;font-size: clamp(2.6rem,4vw,3.2rem);line-height: 1.2em;letter-spacing: -.03em;font-weight: 700;margin: 0;}.article header h2 a:hover{color: var(--accent-color-dark);text-decoration: none;}.article header small,.comment small{color: rgba(18,48,71,.6);}.article header span:before,.article header time:before,.article footer span:before{padding-left: 1.2rem;padding-right: .4rem;}.article .art-date{font-size: 1.4rem;font-weight: 600;color: rgba(18,48,71,.55);}.article .written-by{font-weight: 600;}.article .written-by:after,.article .classified-in:after{content: '\2022';padding: 0 .8rem;color: rgba(18,48,71,.25);}.article img.art_thumbnail{padding: 0;float: left;margin: 0 2.4rem 1.6rem 0;border-radius: 1.2rem;box-shadow: 0 24px 45px -35px rgba(15,23,42,.4);}.page.mode-article .article footer{border-top: 1px solid rgba(18,48,71,.1);border-bottom: 1px solid rgba(18,48,71,.1);}#form{border-top: 130px solid transparent;margin: -130px 0 0;}.comment{background-image: none;background-color: rgba(47,143,131,.08);border-left: 4px solid var(--accent-color);margin-bottom: 2.5rem;padding: 1.5rem 1.8rem;border-radius: 1.2rem;margin-top: 1.5rem;}.comment blockquote{margin: 0;font-size: 1.4rem;color: #123047;}.type-admin{background-color: rgba(47,143,131,.15);padding: .2rem .8rem;border-radius: .6rem;color: #123047;}.nbcom{background: linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));border-radius: 999px;color: #fff;padding: .5rem 1rem;box-shadow: 0 14px 30px -22px rgba(15,23,42,.45);}.nbcom:hover{background: linear-gradient(135deg,var(--accent-color-dark),#0f3d3b);color: #fff;text-decoration: none;}.level-0{margin-left: 0;}.level-1{margin-left: 5rem;}.level-2{margin-left: 10rem}.level-3{margin-left: 15rem;}.level-4{margin-left: 20rem;}.level-5,.level-max{margin-left: 25rem;}#id_answer{margin-bottom: 1.5rem;padding: 1.5rem;border: 1px solid #eee;width: 100%;background: #fafafa;display: none;}.capcha-letter,.capcha-word{font-weight: bold;}.capcha-word{background-color: #ddd;border-radius: .3rem;letter-spacing: .5rem;padding: .9rem .7rem;transition-duration: .2s;}.capcha-word:hover{background-color: #666;color: #fff;transition-duration: .2s;}.aside{padding: 0 2rem 0 2rem;}.aside h3{font-size: 1.5rem;font-weight: bold;margin-top: 5rem;text-transform: uppercase;}.aside ul{margin: 0;}.aside ul.tag-list{list-style-type: none;padding: 0;}.aside ul.tag-list li{display: inline-block;}.aside ul.tag-list li a{padding: 0 .5rem 0 0;}.aside ul.tag-list li a.active{font-weight: bold;background-color: #68838b;color: #fff;padding: 0 .5rem 0 .5rem;}.tag-size-1 a{font-size: 1.0rem;color: #4C6A92;}.tag-size-2 a{font-size: 1.2rem;color: #92B6D5;}.tag-size-3 a{font-size: 1.4rem;color: #838487;}.tag-size-4 a{font-size: 1.6rem;color: #B76BA3;}.tag-size-5 a{color: #AF9483;font-size: 1.8rem;}.tag-size-6 a{color: #AD5D5D;font-size: 2.0rem;}.tag-size-7 a{font-size: 2.2rem;color: #006E51;}.tag-size-8 a{font-size: 2.4rem;color: #D8AE47;}.tag-size-9 a{font-size: 2.6rem;color: #9E4624;}.tag-size-10 a{font-size: 2.8rem;color: #B93A32;}.tag-size-11 a{font-size: 3.0rem;color: #034F84;}.footer{background: linear-gradient(180deg,rgba(47,143,131,.12),rgba(255,255,255,.9));color: #425466;padding: 6rem 0;text-align: center;font-size: 1.2rem;}.footer p{margin: 0;}.footer a{color: var(--accent-color-dark);}.footer a:hover{text-decoration: none;}@media (min-width: 128rem){.container{padding-left: 15rem;padding-right: 15rem;}.heading-small{font-size: 3rem;}}@media (min-width: 64rem){.container{padding-left: 5rem;padding-right: 5rem;}.heading-small{font-size: 2.5rem;}}@media (max-width: 767px){body{--bg-height: clamp(220px,70vw,320px);--hero-overlap: 4rem;}.header{position: sticky;top: 0;padding-bottom: 1.2rem;}.logo{align-items: flex-start;}.header h1 *{font-size: 1.8rem;}.header h2,.site-subtitle{font-size: 1.2rem;letter-spacing: .12em;}.nav{position: fixed;top: 0;right: 0;z-index: 10;height: auto;max-height: 80%;overflow-y: auto;text-align: left;margin-top: 0;border-radius: 1.2rem;background-color: rgba(255,255,255,.95);box-shadow: 0 24px 50px -30px rgba(15,23,42,.45);}.nav>.container{padding: 0;}ul.menu{flex-direction: column;align-items: flex-start;padding: 0 1.5rem 1.5rem 1.5rem;gap: .6rem;}.responsive-menu label{background-color: transparent;color: #123047;font-size: 2.6rem;text-align: right;}.responsive-menu label:after{content: '\2630';}.responsive-menu label>span{font-size: 1.4rem;}.menu>li span::before{margin-left: -1.5rem;}.hero-banner{border-radius: 0 0 2.2rem 2.2rem;}.hero-logo-inner{padding: 2rem 2.4rem;}.hero-logo{width: min(15rem,60vw);}.hero-tagline{font-size: 1.3rem;}.main .container{margin-top: -3.5rem;padding: 2.4rem 1.8rem;}.comment{margin-left: 0;}}@media (max-width: 463px){body{--bg-height: clamp(200px,75vw,280px);--hero-overlap: 3rem;}.heading-small{font-size: 2.4rem;}.site-subtitle{font-size: 1rem;letter-spacing: .1em;}.hero-logo{width: min(13rem,70vw);}.hero-tagline{font-size: 1.2rem;}.main .container{margin-top: -2.5rem;}}