/* Eteria surfaces requested by the user, adapted to Hyris content. */
.hyris-site:has(.presentation-page){background:#211b16}
.hyris-site:has(.presentation-page)::before{background:linear-gradient(#211b16e6,#211b16e6),url('presentation/eteria/hero-art-1920.webp') center/cover no-repeat}
.hyris-site:has(.presentation-page)::after{background:none}
.hyris-site:not(.hyris-current):has(.presentation-page) .site-topbar{background:#2b231c url('presentation/eteria/header-bg.webp') center/cover repeat-x;border-bottom-color:#483e33}
.hyris-site:has(.presentation-page) .wrapper{width:min(1100px,calc(100% - 48px))}
.presentation-page{grid-template-columns:220px minmax(0,840px);gap:0 40px}
.presentation-toc{width:220px;background:#2b231c url('presentation/eteria/sidebar-bg.webp') center/cover no-repeat;border-color:#483e33;backdrop-filter:none}
.presentation-toc nav a{color:#c9a66e}
.presentation-toc nav a:hover,.presentation-toc nav a.is-active{color:#e7c184;background:linear-gradient(90deg,#483e3380,transparent)}
.presentation-heading{position:relative;isolation:isolate;overflow:visible;min-height:660px;background:none;padding:65px 34px 100px}
.presentation-heading:before{content:'';position:absolute;inset:0 -100px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#371c121a 5.69%,#211c16 92.57%),url('presentation/eteria/hero-art-1920.webp') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent)}
.presentation-heading:before{mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.presentation-heading h1{font-size:clamp(35px,3.6vw,55px);color:#e7c184!important}
.presentation-heading img{width:250px}
.presentation-flow{position:relative;isolation:isolate}
.presentation-torn-surface{position:absolute;inset:0 -12px;z-index:-1;pointer-events:none;background:#140c0b;mask:url('presentation/eteria/paper-torn-mask.svg') 0 0/100% 100% no-repeat}
.presentation-torn-surface{mask-image:url('presentation/eteria/paper-torn-mask.svg'),linear-gradient(transparent,#000 90px);mask-size:100% 100%;mask-composite:intersect}
.presentation-torn-surface>span{position:absolute;inset:0;pointer-events:none}
.presentation-torn-paper{background:url('presentation/eteria/paper.webp') 0 0/1000px 1000px repeat;opacity:.2}
.presentation-torn-grain{background:url('presentation/eteria/frame-tile.webp') 0 0/1500px 1500px repeat;opacity:.5}
.presentation-torn-wash{background:url('presentation/eteria/torn-wash.webp') 0 0/1000px 1100px repeat;opacity:.3}
.presentation-torn-glow{box-shadow:inset 0 0 70px #b85c0e26,inset 0 0 16px #ffa23d1f}
.presentation-section:before{display:none}
.presentation-section,.presentation-system-section:nth-of-type(even){margin-top:0;padding:80px 46px;background:none}
.presentation-concept{padding-right:43%}
.presentation-character{bottom:-10px}
.presentation-system-grid{gap:70px}
.presentation-system-grid .presentation-system-content{position:relative;isolation:isolate;padding:28px 34px!important}
.presentation-system-content:before{content:'';position:absolute;inset:-8px -14px;z-index:-1;pointer-events:none;background:url('presentation/eteria/textbox-clouds.webp') 0 0/98.543% 100% no-repeat,url('presentation/eteria/plate-wash.webp') center/cover no-repeat,radial-gradient(ellipse,#0000 52%,#0005),linear-gradient(135deg,#816c4a24,#2b231c00 50%),#241e1980;mask:url('presentation/eteria/textbox-brush.webp') center/100% 100% no-repeat;filter:drop-shadow(0 10px 14px #0006)}
.presentation-system-summary h3,.presentation-section h2,.presentation-class-card h3{color:#e5c68d!important}
.presentation-system-summary p,.presentation-section p{color:#b8a790}
.presentation-system-details li{color:#c4b49d}
.presentation-section-heading:after{background:linear-gradient(90deg,transparent,#dfb870b8,transparent)}
.presentation-system-grid .scene-visible>.presentation-system-media:not(.ink-complete){mask-image:url('presentation/brush-mask.svg'),url('presentation/eteria/ink-a.webp');animation-duration:2s}
@media(min-width:1500px){.hyris-site:has(.presentation-page) .wrapper{width:1160px}.presentation-page{grid-template-columns:240px 860px;gap:0 48px}.presentation-toc{width:240px}}
@media(max-width:1100px){.hyris-site:has(.presentation-page) .wrapper{width:calc(100% - 32px)}.presentation-page{grid-template-columns:175px minmax(0,1fr);gap:0 28px}.presentation-toc{width:175px}.presentation-section{padding-inline:30px}.presentation-concept{padding-right:44%}}
@media(max-width:900px){.presentation-page{display:block}.presentation-toc{width:100%}.presentation-heading{min-height:560px}.presentation-heading:before{inset:0 -16px}.presentation-section{padding:65px 34px}.presentation-concept{padding-right:45%}}
@media(max-width:600px){.hyris-site:has(.presentation-page) .wrapper{width:calc(100% - 24px)}.presentation-heading{min-height:500px;padding:35px 12px 80px}.presentation-heading img{width:210px}.presentation-section{padding:60px 22px}.presentation-concept{padding:60px 25px 350px}.presentation-system-grid .presentation-system-content{padding:20px 12px!important}.presentation-torn-surface{inset:0 -6px}.presentation-system-content:before{inset:-4px -10px}}
@media(prefers-reduced-motion:reduce){.presentation-system-grid .scene-visible>.presentation-system-media{mask-image:url('presentation/brush-mask.svg');mask-size:100% 100%}}