html{scroll-behavior: smooth;}@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.8rem;--bg-height: clamp(260px,50vw,420px);--hero-overlap: clamp(3rem,8vw,7rem);--accent-color: #d27d60;--accent-color-dark: #8b4d3b;--accent-soft: #f3d9c6;--surface-color: #fdfaf7;font-family: 'open_sansregular','Segoe UI','Roboto',sans-serif;font-size: 1.7em;line-height: 1.65em;color: #2d2a26;background: radial-gradient(circle at 0% 0%,rgba(243,217,198,.3) 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,#f7f1eb 0%,#fff 55%);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}a{color: var(--accent-color-dark);text-decoration: none;}a:hover,a:focus{color: var(--accent-color);text-decoration: underline;}strong{font-weight: 700;}code,pre{font-family: 'Fira Code','SFMono-Regular',Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;}.art-content img,.art-full img,article img,.content img{max-height: 80vh;height: auto !important;width: auto !important;max-width: 100%;display: block;margin-left: auto;margin-right: auto;}.heading-small{font-size: 2rem;}.heading-small{font-size: 2.2rem;letter-spacing: -.02em;}.header{position: sticky;top: 0;z-index: 10;padding: var(--header-padding-top) 0 1.6rem;background: rgba(253,250,247,.78);border-bottom: 1px solid rgba(45,42,38,.06);box-shadow: 0 18px 45px -28px rgba(82,53,40,.35);-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px);}.header::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,rgba(210,125,96,.15),rgba(253,250,247,0));opacity: .85;pointer-events: none;}.header a{color: #3a2d27;transition: color .2s ease,transform .2s ease;}.header a:hover{text-decoration: none;color: var(--accent-color);transform: translateY(-1px);}.logo{display: flex;flex-direction: column;gap: .4rem;background: none;padding: 0;margin: 0;}.logo h1,.logo h1 a{color: #34261f;font-weight: 700;letter-spacing: -.01em;}.logo h2{color: rgba(52,38,31,.6);font-weight: 600;letter-spacing: .2em;text-transform: uppercase;}.site-subtitle{letter-spacing: .22em;font-size: 1.35rem;color: rgba(45,42,38,.6);}.nav{text-align: right;padding-top: .4rem;}.responsive-menu input[type=checkbox]{position: absolute;opacity: 0;pointer-events: none;}.responsive-menu label{display: none;}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: #46352e;font-weight: 600;letter-spacing: .02em;padding: .35rem .65rem;background: transparent;border-radius: .9rem;transition: color .2s ease,transform .2s ease,box-shadow .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);box-shadow: 0 10px 24px -16px rgba(139,77,59,.35);}ul.menu li.active>a,ul.menu li.active>span,ul.menu a.active,ul.menu span.active{color: var(--accent-color);box-shadow: 0 12px 30px -20px rgba(139,77,59,.4);}.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 3.6rem 3.6rem;overflow: hidden;box-shadow: 0 48px 90px -60px rgba(139,77,59,.45);background: var(--surface-color);isolation: isolate;}.bg{position: absolute;inset: 0;background: linear-gradient(135deg,rgba(210,125,96,.55),rgba(104,76,63,.3)),url(../img/bg.jpg) no-repeat center;background-size: cover;filter: saturate(.95) brightness(1.05);transform: scale(1.03);}.hero-atmosphere{position: absolute;inset: 0;z-index: 0;overflow: hidden;}.hero-decor{position: absolute;border-radius: 999px;filter: blur(0px);opacity: .35;background: radial-gradient(circle,rgba(255,255,255,.65) 0%,rgba(210,125,96,.25) 60%,rgba(210,125,96,0) 100%);animation: floatSoft 18s ease-in-out infinite;}.hero-decor--one{width: 32rem;height: 32rem;top: -18rem;left: -8rem;animation-delay: 0s;}.hero-decor--two{width: 26rem;height: 26rem;bottom: -12rem;right: -4rem;animation-delay: 4s;}.hero-decor--three{width: 18rem;height: 18rem;top: 20%;right: 25%;animation-delay: 8s;}@keyframes floatSoft{0%{transform: translate3d(0,0,0) scale(1);}50%{transform: translate3d(1.5rem,-1.2rem,0) scale(1.05);}100%{transform: translate3d(0,0,0) scale(1);}}.hero-logo-wrapper{position: relative;z-index: 1;height: 100%;display: flex;align-items: center;justify-content: center;padding: 2.5rem;text-align: center;}.hero-logo-inner{display: inline-flex;flex-direction: column;align-items: center;gap: 1.6rem;background: rgba(253,250,247,.72);padding: 2.4rem 3rem;border-radius: 2.8rem;box-shadow: 0 40px 80px -45px rgba(139,77,59,.45);border: 1px solid rgba(139,77,59,.12);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);position: relative;overflow: hidden;}.hero-logo-inner::before{content: '';position: absolute;inset: .8rem;border-radius: 2.4rem;background: linear-gradient(145deg,rgba(255,255,255,.45),rgba(210,125,96,.15));opacity: .9;z-index: -1;}.hero-logo-link{display: inline-flex;align-items: center;justify-content: center;}.hero-logo{width: min(18rem,45vw);height: auto;filter: drop-shadow(0 18px 34px rgba(90,62,49,.35));}.hero-tagline{margin: 0;color: #5a4136;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;font-size: 1.6rem;text-shadow: 0 6px 14px rgba(90,65,54,.25);}.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) !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: .9rem;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: var(--surface-color);border-radius: 2.6rem;box-shadow: 0 45px 80px -52px rgba(139,77,59,.38);border: 1px solid rgba(139,77,59,.08);padding: clamp(2rem,4vw,3.4rem);margin-top: 20px;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 24px 60px -35px rgba(139,77,59,.55);}.pagination a:hover{transform: translateY(-2px);box-shadow: 0 28px 70px -30px rgba(139,77,59,.55);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(253,250,247,.95),rgba(255,255,255,.88));border-radius: 2rem;padding: clamp(1.8rem,3vw,3rem);margin-bottom: 3.4rem;border: 1px solid rgba(139,77,59,.08);box-shadow: 0 38px 70px -48px rgba(139,77,59,.38);}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: #3f2c25;font-size: clamp(2.6rem,4vw,3.3rem);line-height: 1.18em;letter-spacing: -.02em;font-weight: 700;margin: 0 0 0 10px;position: relative;z-index: 30;}.article header h2 a:hover{color: var(--accent-color);text-decoration: none;}.article header small,.comment small{color: rgba(62,44,37,.55);}.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(139,77,59,.6);}.article .written-by{font-weight: 600;}.article .written-by:after,.article .classified-in:after{content: '\2022';padding: 0 .8rem;color: rgba(139,77,59,.25);}.article img.art_thumbnail{padding: 0;float: left;margin: 0 2.4rem 1.6rem 0;border-radius: 1.4rem;box-shadow: 0 28px 55px -38px rgba(139,77,59,.35);}.page.mode-article .article footer{border-top: 1px solid rgba(139,77,59,.12);border-bottom: 1px solid rgba(139,77,59,.12);}#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(210,125,96,.18);padding: .2rem .8rem;border-radius: .6rem;color: #5a4136;}.nbcom{background: linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));border-radius: 999px;color: #fff;padding: .5rem 1rem;box-shadow: 0 20px 40px -26px rgba(139,77,59,.45);}.nbcom:hover{background: linear-gradient(135deg,var(--accent-color-dark),#5b3328);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;}.aside h3{font-size: 1.6rem;font-weight: 700;margin-top: 4rem;margin-bottom: 1.4rem;text-transform: uppercase;letter-spacing: .18em;color: #5a4136;}.aside ul{margin: 0;padding: 0;list-style: none;}.aside ul.tag-list{display: flex;flex-wrap: wrap;gap: .6rem;}.aside ul.tag-list li{display: inline-block;}.aside ul.tag-list li a{display: inline-flex;align-items: center;padding: .4rem .9rem;border-radius: 999px;background: rgba(210,125,96,.12);color: #6a4638;font-weight: 500;transition: transform .2s ease,background .2s ease,color .2s ease;}.aside ul.tag-list li a:hover{background: rgba(210,125,96,.2);color: var(--accent-color-dark);transform: translateY(-1px);}.aside ul.tag-list li a.active{font-weight: 600;background: linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));color: #fff;padding: .4rem 1rem;}.tag-size-1 a{font-size: 1.2rem;color: inherit;}.tag-size-2 a{font-size: 1.35rem;color: inherit;}.tag-size-3 a{font-size: 1.5rem;color: inherit;}.tag-size-4 a{font-size: 1.65rem;color: inherit;}.tag-size-5 a{font-size: 1.8rem;color: inherit;}.tag-size-6 a{font-size: 1.95rem;color: inherit;}.tag-size-7 a{font-size: 2.1rem;color: inherit;}.tag-size-8 a{font-size: 2.25rem;color: inherit;}.tag-size-9 a{font-size: 2.4rem;color: inherit;}.tag-size-10 a{font-size: 2.55rem;color: inherit;}.tag-size-11 a{font-size: 2.7rem;color: inherit;}.footer{background: linear-gradient(180deg,rgba(210,125,96,.12),rgba(253,250,247,.95));color: #5a4136;padding: 5rem 0 3rem;font-size: 1.3rem;}.footer p{margin: 0;}.footer a{color: inherit;}.footer a:hover{text-decoration: none;}.footer__layout{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 2.4rem;}.footer__brand{display: flex;flex-direction: column;gap: .4rem;}.footer__title a{color: #3f2c25;font-size: 1.6rem;font-weight: 700;}.footer__title a:hover{color: var(--accent-color);}.footer__subtitle{margin: 0;color: rgba(63,44,37,.65);letter-spacing: .12em;text-transform: uppercase;font-size: 1.2rem;}.footer__menu{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 1.2rem;}.footer__menu>li>a,.footer__menu>li>span{padding: .4rem .8rem;border-radius: .8rem;color: #6a4638;font-weight: 600;background: rgba(210,125,96,.08);box-shadow: none;}.footer__menu>li>a::after,.footer__menu>li>span::after{display: none;}.footer__menu>li>a:hover,.footer__menu>li>span:hover,.footer__menu>li.active>a,.footer__menu>li.active>span{color: var(--accent-color-dark);background: rgba(210,125,96,.2);box-shadow: none;}.footer__credits{margin-top: 3rem;padding-top: 2rem;border-top: 1px solid rgba(90,65,54,.15);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.2rem;color: rgba(63,44,37,.65);}.footer__copy,.footer__motto{margin: 0;}@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: 1.5rem;z-index: 10;height: auto;overflow-y: auto;text-align: left;margin: 1rem 0;width: min(26rem,88vw);border-radius: 1.2rem;background-color: rgba(253,250,247,.95);box-shadow: 0 30px 60px -38px rgba(139,77,59,.38);}.nav>.container{padding: 0;}.responsive-menu{position: relative;width: 100%;}.responsive-menu ul.menu{display: none;flex-direction: column;align-items: stretch;gap: .6rem;padding: 0 1.5rem 1.5rem;width: 100%;}.responsive-menu input[type=checkbox]:checked ~ ul.menu{display: flex;}.responsive-menu ul.menu>li{width: 100%;}.responsive-menu ul.menu>li>a,.responsive-menu ul.menu>li>span{display: block;width: 100%;padding: 1.1rem 1.8rem;background: rgba(210,125,96,.12);border-radius: 1.1rem;line-height: 1.3;}.responsive-menu ul.menu>li>a::after,.responsive-menu ul.menu>li>span::after{display: none;}.responsive-menu ul.menu>li>a:hover,.responsive-menu ul.menu>li>span:hover{background: rgba(210,125,96,.24);color: var(--accent-color-dark);}.responsive-menu ul.menu>li.active>a,.responsive-menu ul.menu>li.active>span{background: #fff;color: var(--accent-color-dark);box-shadow: inset 0 0 0 2px rgba(210,125,96,.4);}.responsive-menu label{display: flex;align-items: center;justify-content: flex-end;gap: .8rem;padding: 1.2rem 1.5rem .8rem;background-color: transparent;color: #5a4136;font-size: 2.6rem;line-height: 1;cursor: pointer;}.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;}.footer__layout{flex-direction: column;align-items: flex-start;gap: 1.6rem;}.footer__menu{justify-content: flex-start;}.footer__credits{flex-direction: column;align-items: flex-start;gap: .8rem;}}@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;}}