/* =====================================================
ARCHIVIUM 2.1 - SALE ESPLORABILI
Usato esclusivamente da template-archivium-sala.php
===================================================== */

body.page-template-template-archivium-sala{
	background:#050403!important;
	color:#ead9bf;
}

body.page-template-template-archivium-sala .site,
body.page-template-template-archivium-sala #page,
body.page-template-template-archivium-sala #content,
body.page-template-template-archivium-sala .site-content,
body.page-template-template-archivium-sala .content-area,
body.page-template-template-archivium-sala .ast-container,
body.page-template-template-archivium-sala article,
body.page-template-template-archivium-sala .entry-content{
	margin:0!important;
	padding:0!important;
	width:100%!important;
	max-width:none!important;
	background:transparent!important;
}

body.page-template-template-archivium-sala .entry-header{
	display:none!important;
}

.archivium--sala{
	min-height:100vh;
	background:
		radial-gradient(circle at 50% 0%, rgba(180,126,48,.14), transparent 34rem),
		linear-gradient(180deg,#050403 0%,#100c08 42%,#060504 100%);
	color:#ead9bf;
	font-family:Georgia,"Times New Roman",serif;
}

.archivium-room{
	max-width:1320px;
	margin:0 auto;
	padding:5rem 1rem;
}

.archivium--sala .archivium-room-header{
	width:min(760px, calc(100% - 2rem));
	margin:0 auto 3rem;
	text-align:center;
}

.archivium--sala .archivium-cartiglio{
	display:inline-block;
	margin:0 auto 1rem;
	padding:.42rem .85rem;
	border:1px solid rgba(208,155,76,.38);
	background:rgba(9,6,3,.72);
	color:#d6a35a;
	font-size:.76rem;
	letter-spacing:.14em;
	text-transform:uppercase;
}

.archivium--sala .archivium-room-header__title{
	margin:.7rem 0 0;
	color:#f0d4a2!important;
	font-family:Georgia,"Times New Roman",serif;
	font-size:clamp(1.9rem,3.4vw,3rem);
	font-weight:400;
	line-height:1.12;
	letter-spacing:.05em;
}

.archivium--sala .archivium-room-header__description{
	width:min(560px,100%);
	margin:.65rem auto 0;
	color:#d7c09b!important;
	font-size:clamp(1rem,1.3vw,1.12rem);
	line-height:1.65;
	font-style:italic;
}

.archivium--sala .archivium-room-header__divider{
	width:160px;
	height:2px;
	margin:2rem auto 0;
	background:linear-gradient(90deg,transparent,rgba(193,154,82,.95),transparent);
}

/* Scena esplorabile */
.archivium-room--explorable{
	max-width:1540px;
	padding-top:4rem;
}

.archivium-scene{
	position:relative;
	max-width:1536px;
	margin:0 auto;
	border:1px solid rgba(196,142,59,.48);
	background:#090705;
	box-shadow:
		0 0 0 1px rgba(255,221,147,.08) inset,
		0 2.2rem 5rem rgba(0,0,0,.56);
	overflow:hidden;
	isolation:isolate;
}

.archivium-scene::before,
.archivium-scene::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
}

.archivium-scene::before{
	z-index:2;
	background:
		radial-gradient(circle at 52% 45%, transparent 42%, rgba(0,0,0,.38) 100%),
		linear-gradient(180deg, rgba(255,220,135,.08), transparent 28%, rgba(0,0,0,.16));
}

.archivium-scene::after{
	z-index:3;
	box-shadow:inset 0 0 4.5rem rgba(0,0,0,.76);
}

.archivium-scene__image{
	display:block;
	width:100%;
	height:auto;
	user-select:none;
}

.archivium-hotspot{
	position:absolute;
	z-index:6;
	display:block;
	padding:0!important;
	margin:0!important;
	border:0!important;
	outline:0!important;
	border-radius:999px;
	background:transparent!important;
	box-shadow:none!important;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	color:transparent;
	isolation:isolate;
}

.archivium-hotspot::before,
.archivium-hotspot::after{
	content:"";
	position:absolute;
	inset:-10%;
	border:0!important;
	border-radius:50%;
	pointer-events:none;
	opacity:0;
	transition:opacity .28s ease, transform .28s ease, filter .28s ease;
}

/*
	La zona cliccabile resta invisibile.
	Al passaggio del mouse non appare più un rettangolo:
	si accende soltanto un lume morbido sopra l'oggetto.
*/
.archivium-hotspot::before{
	z-index:1;
	background:radial-gradient(ellipse at center,
		rgba(255,221,142,.34) 0%,
		rgba(255,197,92,.20) 32%,
		rgba(255,197,92,0) 72%);
	mix-blend-mode:screen;
	filter:blur(7px);
	transform:scale(.72);
}

.archivium-hotspot::after{
	z-index:2;
	inset:18%;
	background:radial-gradient(ellipse at center,
		rgba(255,241,194,.42) 0%,
		rgba(255,217,132,.16) 44%,
		rgba(255,217,132,0) 75%);
	mix-blend-mode:screen;
	filter:blur(3px);
	transform:scale(.64);
}

.archivium-hotspot:hover::before,
.archivium-hotspot:focus-visible::before,
.archivium-hotspot.is-active::before{
	opacity:1;
	transform:scale(1);
}

.archivium-hotspot:hover::after,
.archivium-hotspot:focus-visible::after,
.archivium-hotspot.is-active::after{
	opacity:1;
	transform:scale(1);
}

.archivium-hotspot span{
	position:absolute;
	left:50%;
	bottom:100%;
	z-index:3;
	transform:translateX(-50%) translateY(-.45rem);
	min-width:max-content;
	max-width:15rem;
	padding:.44rem .72rem;
	border:1px solid rgba(214,166,82,.66);
	background:rgba(8,7,5,.88);
	color:#f1dec0;
	font-size:.74rem;
	letter-spacing:.09em;
	line-height:1.2;
	text-transform:uppercase;
	opacity:0;
	pointer-events:none;
	transition:opacity .22s ease, transform .22s ease;
}

.archivium-hotspot:hover span,
.archivium-hotspot:focus-visible span,
.archivium-hotspot.is-active span{
	opacity:1;
	transform:translateX(-50%) translateY(-.75rem);
}

.archivium-hotspot:focus-visible{
	outline:1px solid rgba(232,186,96,.42)!important;
	outline-offset:4px;
}

.archivium-hotspot--custode::before{
	background:radial-gradient(ellipse at center,
		rgba(104,171,232,.24) 0%,
		rgba(105,164,217,.15) 38%,
		rgba(105,164,217,0) 74%);
}

.archivium-hotspot--passage::before{
	background:radial-gradient(ellipse at center,
		rgba(255,224,154,.26) 0%,
		rgba(214,166,82,.15) 36%,
		rgba(214,166,82,0) 74%);
}

.archivium-hotspot--dialogue::before{
	animation:archivium-soft-pulse 2.8s ease-in-out infinite;
}

@keyframes archivium-soft-pulse{
	0%,100%{ filter:blur(7px); }
	50%{ filter:blur(10px); }
}

.archivium-codicillus-voice{
	position:absolute;
	right:3%;
	bottom:5%;
	z-index:7;
	width:min(24rem, 38%);
	padding:1rem 1.15rem;
	border:1px solid rgba(214,166,82,.62);
	background:linear-gradient(180deg, rgba(20,16,10,.9), rgba(8,7,5,.88));
	color:#e9dcc3;
	box-shadow:0 1rem 2.4rem rgba(0,0,0,.42);
}

.archivium-codicillus-voice strong{
	display:block;
	margin-bottom:.35rem;
	color:#d7a95a;
	font-size:.82rem;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.archivium-codicillus-voice p{
	margin:0;
	font-size:.94rem;
	line-height:1.55;
}

.archivium-room__voice--below{
	display:none;
}

.archivium-hotspot-dialog{
	position:fixed;
	inset:0;
	z-index:9999;
	display:grid;
	place-items:center;
	padding:1rem;
	background:rgba(0,0,0,.62);
	backdrop-filter:blur(3px);
}

.archivium-hotspot-dialog[hidden]{
	display:none;
}

.archivium-hotspot-dialog__card{
	position:relative;
	width:min(30rem, calc(100vw - 2rem));
	padding:1.45rem 1.55rem 1.55rem;
	border:1px solid rgba(218,169,84,.72);
	background:
		linear-gradient(180deg, rgba(30,22,11,.98), rgba(9,7,5,.98)),
		radial-gradient(circle at top, rgba(214,166,82,.16), transparent 18rem);
	color:#eadcc3;
	box-shadow:0 2rem 5rem rgba(0,0,0,.66);
}

.archivium-hotspot-dialog__close{
	position:absolute;
	top:.55rem;
	right:.7rem;
	border:0;
	background:transparent;
	color:#d6a85a;
	font-size:1.55rem;
	line-height:1;
	cursor:pointer;
}

.archivium-hotspot-dialog__kicker{
	margin:0 2rem .6rem 0;
	color:#c89b52;
	font-size:.72rem;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.archivium-hotspot-dialog h3{
	margin:0 2rem .75rem 0;
	color:#f2e5cf;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1.35rem;
	font-weight:400;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.archivium-hotspot-dialog__text{
	margin:0 0 1rem;
	color:#e8d7bb;
	font-size:1rem;
	line-height:1.65;
}

.archivium-hotspot-dialog__cta{
	display:inline-block;
	padding:.58rem .9rem;
	border:1px solid rgba(214,166,82,.65);
	color:#e5bb70;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:.78rem;
	transition:background .22s ease, border-color .22s ease;
}

.archivium-hotspot-dialog__cta:hover,
.archivium-hotspot-dialog__cta:focus-visible{
	background:rgba(214,166,82,.12);
	border-color:rgba(232,186,96,.85);
}

.archivium-room-nav{
	max-width:1320px;
	margin:4rem auto 6rem;
	padding:0 1rem;
	display:flex;
	justify-content:space-between;
	gap:2rem;
}

.archivium-room-nav__link{
	color:#d6a35a;
	text-decoration:none;
	border:1px solid rgba(214,163,90,.35);
	background:rgba(9,7,4,.72);
	padding:.9rem 1.25rem;
	letter-spacing:.06em;
	transition:background .25s ease, border-color .25s ease, transform .25s ease;
}

.archivium-room-nav__link:hover,
.archivium-room-nav__link:focus-visible{
	background:rgba(214,163,90,.12);
	border-color:rgba(214,163,90,.68);
	transform:translateY(-2px);
}

@media(max-width:900px){
	.archivium-room{
		padding:3.5rem .75rem;
	}

	.archivium-codicillus-voice{
		position:relative;
		right:auto;
		bottom:auto;
		width:auto;
		margin:1rem;
	}

	.archivium-room__voice--below{
		display:block;
	}

	.archivium-codicillus-voice + .archivium-room__voice--below{
		display:none;
	}

	.archivium-hotspot span{
		display:none;
	}
}

@media(max-width:700px){
	.archivium-room-nav{
		flex-direction:column;
		margin-top:3rem;
	}
}

/* =====================================================
ARCHIVIUM 2.1 - SALE ESPLORABILI v5
Rifinitura esperienziale dello Scriptorium
===================================================== */

body.page-template-template-archivium-sala{
	background:#030201!important;
}

.archivium--sala{
	background:
		radial-gradient(circle at 50% 0%, rgba(198,142,55,.18), transparent 31rem),
		linear-gradient(180deg,#030201 0%,#0c0804 38%,#040302 100%);
}

.archivium-room{
	max-width:none;
	padding:3.2rem .75rem 3rem;
}

.archivium-room--explorable{
	max-width:none;
	padding-top:2.8rem;
}

.archivium--sala .archivium-room-header{
	margin-bottom:2.15rem;
}

.archivium--sala .archivium-room-header__title{
	font-size:clamp(2.15rem,4.2vw,4rem);
	text-shadow:0 0 32px rgba(203,145,57,.24);
}

.archivium--sala .archivium-room-header__divider{
	margin-top:1.45rem;
}

.archivium-scene{
	width:min(1680px, calc(100vw - 1.5rem));
	max-width:none;
	border-color:rgba(210,155,72,.56);
	box-shadow:
		0 0 0 1px rgba(255,221,147,.08) inset,
		0 2.8rem 6rem rgba(0,0,0,.62),
		0 0 5rem rgba(148,96,34,.08);
}

.archivium-scene__image{
	position:relative;
	z-index:1;
}

.archivium-scene__window-light,
.archivium-scene__candlelight,
.archivium-scene__dust,
.archivium-scene__hint{
	position:absolute;
	pointer-events:none;
}

.archivium-scene__window-light{
	left:15.5%;
	top:0;
	width:24%;
	height:54%;
	z-index:4;
	background:
		radial-gradient(ellipse at 49% 35%, rgba(255,236,184,.18), rgba(255,223,147,.07) 36%, transparent 70%),
		linear-gradient(105deg, rgba(255,232,173,.12), transparent 60%);
	mix-blend-mode:screen;
	filter:blur(10px);
	opacity:.58;
	animation:archivium-window-breath 9s ease-in-out infinite;
}

.archivium-scene__candlelight{
	z-index:4;
	border-radius:999px;
	background:radial-gradient(ellipse at center, rgba(255,199,86,.34) 0%, rgba(255,164,54,.16) 34%, transparent 72%);
	mix-blend-mode:screen;
	filter:blur(8px);
	opacity:.42;
	animation:archivium-candle-flicker 2.9s ease-in-out infinite;
}

.archivium-scene__candlelight--left{
	left:.8%;
	top:42%;
	width:8%;
	height:25%;
}

.archivium-scene__candlelight--table{
	left:60%;
	top:43%;
	width:11%;
	height:25%;
	animation-delay:.7s;
}

.archivium-scene__dust{
	inset:0;
	z-index:4;
	opacity:.22;
	background-image:
		radial-gradient(circle, rgba(255,232,175,.75) 0 1px, transparent 1.5px),
		radial-gradient(circle, rgba(255,232,175,.5) 0 1px, transparent 1.5px),
		radial-gradient(circle, rgba(255,232,175,.35) 0 1px, transparent 1.5px);
	background-size:180px 180px, 240px 240px, 320px 320px;
	background-position:20px 40px, 90px 120px, 140px 20px;
	animation:archivium-dust-drift 22s linear infinite;
}

.archivium-scene__hint{
	left:50%;
	bottom:1rem;
	z-index:8;
	transform:translateX(-50%);
	width:max-content;
	max-width:calc(100% - 2rem);
	margin:0;
	padding:.48rem .85rem;
	border:1px solid rgba(214,166,82,.28);
	background:rgba(7,5,3,.56);
	color:rgba(237,213,177,.72);
	font-size:.78rem;
	letter-spacing:.05em;
	font-style:italic;
	text-align:center;
	box-shadow:0 .7rem 1.8rem rgba(0,0,0,.34);
}

.archivium-hotspot{
	border-radius:44% !important;
}

.archivium-hotspot::before{
	inset:-18%;
	background:radial-gradient(ellipse at center,
		rgba(255,231,166,.24) 0%,
		rgba(255,204,103,.13) 30%,
		rgba(255,204,103,0) 68%);
	filter:blur(9px);
}

.archivium-hotspot::after{
	inset:24%;
	background:radial-gradient(ellipse at center,
		rgba(255,245,209,.32) 0%,
		rgba(255,222,145,.13) 45%,
		rgba(255,222,145,0) 76%);
	filter:blur(4px);
}

.archivium-hotspot--dialogue:hover::before,
.archivium-hotspot--dialogue:focus-visible::before,
.archivium-hotspot--dialogue.is-active::before{
	filter:blur(13px) drop-shadow(0 0 12px rgba(255,190,76,.32));
}

.archivium-hotspot--custode:hover::before,
.archivium-hotspot--custode:focus-visible::before,
.archivium-hotspot--custode.is-active::before{
	background:radial-gradient(ellipse at center,
		rgba(255,219,139,.18) 0%,
		rgba(104,171,232,.16) 38%,
		rgba(104,171,232,0) 74%);
}

.archivium-hotspot span{
	background:rgba(8,6,3,.78);
	backdrop-filter:blur(3px);
}

.archivium-codicillus-voice{
	right:3%;
	bottom:5%;
	width:min(26rem, 35%);
	padding:1.05rem 1.15rem 1.1rem;
	border-color:rgba(219,174,94,.58);
	background:
		linear-gradient(180deg, rgba(36,27,15,.78), rgba(9,7,5,.78)),
		radial-gradient(circle at 20% 0%, rgba(231,184,98,.15), transparent 14rem);
	backdrop-filter:blur(2px);
	transform-origin:70% 100%;
	animation:archivium-codicillus-breath 8.5s ease-in-out infinite;
}

.archivium-codicillus-voice::before{
	content:"";
	position:absolute;
	inset:-1.15rem -1.8rem -1rem -4.5rem;
	z-index:-1;
	background:radial-gradient(ellipse at center, rgba(255,229,174,.16), transparent 64%);
	mix-blend-mode:screen;
	filter:blur(16px);
	opacity:.45;
	animation:archivium-codicillus-aura 8.5s ease-in-out infinite;
}

.archivium-hotspot-dialog{
	background:rgba(0,0,0,.56);
	backdrop-filter:blur(4px);
}

.archivium-hotspot-dialog__card{
	width:min(31rem, calc(100vw - 2rem));
	padding:1.65rem 1.85rem 1.75rem;
	border:1px solid rgba(132,82,35,.46);
	border-radius:2px 18px 2px 14px;
	background:
		radial-gradient(circle at 15% 5%, rgba(255,246,206,.82), transparent 12rem),
		linear-gradient(135deg, #d7b47a 0%, #efd9ab 46%, #c99d61 100%);
	color:#2f1d0e;
	box-shadow:
		0 2rem 5rem rgba(0,0,0,.72),
		inset 0 0 2rem rgba(86,45,18,.26),
		inset 0 0 0 1px rgba(255,247,215,.22);
}

.archivium-hotspot-dialog__card::before,
.archivium-hotspot-dialog__card::after{
	content:"";
	position:absolute;
	pointer-events:none;
}

.archivium-hotspot-dialog__card::before{
	inset:.45rem;
	border:1px solid rgba(92,54,23,.22);
}

.archivium-hotspot-dialog__card::after{
	right:1rem;
	bottom:.75rem;
	width:4.2rem;
	height:4.2rem;
	border-radius:50%;
	background:radial-gradient(circle, rgba(120,14,10,.82), rgba(85,10,8,.9) 56%, rgba(45,4,3,.95));
	box-shadow:0 .35rem .7rem rgba(65,22,9,.36), inset 0 0 .55rem rgba(255,196,111,.22);
	opacity:.86;
}

.archivium-hotspot-dialog__close{
	z-index:2;
	color:#5b351a;
	font-size:1.8rem;
}

.archivium-hotspot-dialog__kicker,
.archivium-hotspot-dialog h3,
.archivium-hotspot-dialog__text,
.archivium-hotspot-dialog__cta{
	position:relative;
	z-index:1;
}

.archivium-hotspot-dialog__kicker{
	color:#7b4a20;
}

.archivium-hotspot-dialog h3{
	color:#3a210f;
	text-shadow:0 1px 0 rgba(255,244,205,.45);
}

.archivium-hotspot-dialog__text{
	max-width:24rem;
	color:#3c2818;
}

.archivium-hotspot-dialog__cta{
	border-color:rgba(83,48,22,.42);
	background:rgba(79,42,17,.08);
	color:#573118;
}

.archivium-hotspot-dialog__cta:hover,
.archivium-hotspot-dialog__cta:focus-visible{
	background:rgba(79,42,17,.16);
	border-color:rgba(83,48,22,.68);
}

.archivium-room-nav{
	width:min(1680px, calc(100vw - 3rem));
	max-width:none;
	margin:4.4rem auto 5rem;
	padding:0;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:2rem;
}

.archivium-room-nav__link{
	position:relative;
	display:block;
	min-height:5.2rem;
	padding:1rem 1.35rem;
	border:1px solid rgba(214,163,90,.42);
	background:
		linear-gradient(180deg, rgba(21,14,7,.88), rgba(6,5,3,.9)),
		radial-gradient(circle at top, rgba(214,163,90,.12), transparent 12rem);
	color:#d9b878;
	box-shadow:0 1rem 2.6rem rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,235,180,.04);
}

.archivium-room-nav__link::before{
	content:"";
	position:absolute;
	inset:.45rem;
	border:1px solid rgba(214,163,90,.16);
	pointer-events:none;
}

.archivium-room-nav__link--prev::after,
.archivium-room-nav__link--next::after{
	position:absolute;
	top:.7rem;
	color:rgba(214,163,90,.62);
	font-size:.72rem;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.archivium-room-nav__link--prev::after{
	content:"Corridoio occidentale";
	left:1.35rem;
}

.archivium-room-nav__link--next::after{
	content:"Corridoio orientale";
	right:1.35rem;
}

.archivium-room-nav__link--next{
	text-align:right;
}

.archivium-room-nav__link:hover,
.archivium-room-nav__link:focus-visible{
	background:
		linear-gradient(180deg, rgba(34,23,11,.94), rgba(9,7,4,.94)),
		radial-gradient(circle at top, rgba(214,163,90,.18), transparent 12rem);
	border-color:rgba(229,178,84,.78);
	transform:translateY(-3px);
}

@keyframes archivium-window-breath{
	0%,100%{ opacity:.46; transform:translate3d(0,0,0) scale(1); }
	50%{ opacity:.64; transform:translate3d(.15rem,.05rem,0) scale(1.015); }
}

@keyframes archivium-candle-flicker{
	0%,100%{ opacity:.34; transform:scale(.96) translateY(0); }
	28%{ opacity:.5; transform:scale(1.04) translateY(-.2rem); }
	47%{ opacity:.39; transform:scale(.99) translateY(.05rem); }
	72%{ opacity:.56; transform:scale(1.07) translateY(-.12rem); }
}

@keyframes archivium-dust-drift{
	0%{ background-position:20px 40px, 90px 120px, 140px 20px; }
	100%{ background-position:50px -180px, 130px -120px, 190px -260px; }
}

@keyframes archivium-codicillus-breath{
	0%,100%{ transform:translateY(0) scale(1); }
	50%{ transform:translateY(-2px) scale(1.006); }
}

@keyframes archivium-codicillus-aura{
	0%,100%{ opacity:.34; }
	50%{ opacity:.5; }
}

@media(max-width:900px){
	.archivium-room{
		padding-top:2.8rem;
	}

	.archivium-scene{
		width:calc(100vw - 1rem);
	}

	.archivium-scene__hint{
		position:relative;
		left:auto;
		bottom:auto;
		transform:none;
		width:auto;
		max-width:none;
		margin:1rem;
	}

	.archivium-codicillus-voice{
		animation:none;
	}

	.archivium-room-nav{
		width:calc(100vw - 2rem);
		grid-template-columns:1fr;
		gap:1rem;
	}

	.archivium-room-nav__link--next{
		text-align:left;
	}

	.archivium-room-nav__link--next::after{
		left:1.35rem;
		right:auto;
	}
}

@media(prefers-reduced-motion:reduce){
	.archivium-scene__window-light,
	.archivium-scene__candlelight,
	.archivium-scene__dust,
	.archivium-codicillus-voice,
	.archivium-codicillus-voice::before,
	.archivium-hotspot--dialogue::before{
		animation:none!important;
	}
}

/* =====================================================
ARCHIVIUM 2.1 - SALE ESPLORABILI v6
Direzione artistica: sfumature, scena senza cornice,
integrazione superiore/inferiore e navigazione-corridoio.
===================================================== */

body.page-template-template-archivium-sala{
	background:#030201!important;
}

body.page-template-template-archivium-sala .site-content,
body.page-template-template-archivium-sala #content{
	background:
		linear-gradient(180deg,
			#090806 0,
			#0b0804 4.5rem,
			#100b05 10rem,
			#080604 18rem,
			#030201 100%)!important;
}

.archivium--sala{
	position:relative;
	overflow:hidden;
	background:
		radial-gradient(ellipse at 50% 5rem, rgba(202,142,52,.22), transparent 26rem),
		linear-gradient(180deg,
			#080604 0%,
			#110c06 12%,
			#0b0704 34%,
			#040302 72%,
			#030201 100%);
}

.archivium--sala::before,
.archivium--sala::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	pointer-events:none;
	z-index:0;
}

.archivium--sala::before{
	top:0;
	height:24rem;
	background:
		radial-gradient(ellipse at 50% 35%, rgba(197,138,55,.18), transparent 44%),
		linear-gradient(180deg, rgba(3,2,1,1) 0%, rgba(11,7,3,.86) 32%, rgba(17,11,5,.42) 63%, rgba(17,11,5,0) 100%);
}

.archivium--sala::after{
	bottom:0;
	height:23rem;
	background:linear-gradient(180deg, rgba(3,2,1,0) 0%, rgba(3,2,1,.84) 58%, #030201 100%);
}

.archivium-room,
.archivium-room-nav{
	position:relative;
	z-index:1;
}

.archivium-room{
	padding-top:1.45rem;
	padding-bottom:2.1rem;
}

.archivium-room--explorable{
	padding-top:1.15rem;
}

.archivium--sala .archivium-room-header{
	margin-bottom:1.15rem;
}

.archivium--sala .archivium-cartiglio{
	margin-bottom:.62rem;
	background:rgba(11,7,3,.54);
	box-shadow:0 .65rem 1.8rem rgba(0,0,0,.26);
}

.archivium--sala .archivium-room-header__title{
	margin-top:.35rem;
	font-size:clamp(2rem,3.75vw,3.55rem);
}

.archivium--sala .archivium-room-header__description{
	margin-top:.36rem;
	line-height:1.45;
}

.archivium--sala .archivium-room-header__divider{
	margin-top:.95rem;
	opacity:.75;
}

.archivium-scene{
	width:min(1720px, calc(100vw - 1.2rem));
	border:0;
	background:transparent;
	box-shadow:
		0 3.2rem 6rem rgba(0,0,0,.62),
		0 -2.2rem 5.2rem rgba(48,31,12,.18),
		0 0 6rem rgba(148,96,34,.08);
}

.archivium-scene::before{
	z-index:2;
	background:
		linear-gradient(180deg,
			rgba(3,2,1,.78) 0%,
			rgba(3,2,1,.18) 9%,
			rgba(3,2,1,0) 22%,
			rgba(3,2,1,0) 71%,
			rgba(3,2,1,.58) 92%,
			rgba(3,2,1,.96) 100%),
		radial-gradient(ellipse at 50% 48%, rgba(0,0,0,0) 39%, rgba(0,0,0,.42) 100%);
}

.archivium-scene::after{
	z-index:3;
	box-shadow:
		inset 0 4rem 6rem rgba(0,0,0,.35),
		inset 0 -5.5rem 7rem rgba(0,0,0,.88),
		inset 4rem 0 5rem rgba(0,0,0,.54),
		inset -4rem 0 5rem rgba(0,0,0,.54);
}

.archivium-scene__image{
	filter:saturate(.96) contrast(1.02);
}

.archivium-scene__hint{
	bottom:-2.05rem;
	border:0;
	background:transparent;
	box-shadow:none;
	color:rgba(226,204,171,.64);
	font-size:.76rem;
	letter-spacing:.045em;
	text-shadow:0 .2rem .9rem rgba(0,0,0,.95);
}

.archivium-codicillus-voice{
	right:3.7%;
	bottom:3.6%;
	width:min(25rem, 34%);
	padding:.95rem 1.05rem 1rem;
	border-color:rgba(218,169,84,.48);
	border-radius:2px 14px 2px 12px;
	background:
		radial-gradient(circle at 12% 0%, rgba(255,232,175,.14), transparent 12rem),
		linear-gradient(135deg, rgba(40,28,14,.77), rgba(9,7,5,.73));
	box-shadow:
		0 1rem 2.8rem rgba(0,0,0,.48),
		inset 0 0 0 1px rgba(255,238,190,.05);
}

.archivium-codicillus-voice::after{
	content:"";
	position:absolute;
	left:1rem;
	right:1rem;
	bottom:.38rem;
	height:1px;
	background:linear-gradient(90deg, transparent, rgba(218,169,84,.35), transparent);
	opacity:.75;
}

.archivium-codicillus-voice strong{
	font-size:.78rem;
}

.archivium-codicillus-voice p{
	font-size:.88rem;
	line-height:1.48;
}

.archivium-room-nav{
	width:min(1720px, calc(100vw - 3rem));
	margin:5.7rem auto 4.2rem;
	gap:2.2rem;
}

.archivium-room-nav__link{
	min-height:5.8rem;
	padding:1.85rem 1.45rem 1.15rem;
	border-color:rgba(198,142,59,.34);
	background:
		linear-gradient(180deg, rgba(17,11,6,.78), rgba(4,3,2,.82)),
		radial-gradient(ellipse at 14% 50%, rgba(195,139,58,.16), transparent 19rem),
		radial-gradient(ellipse at 86% 50%, rgba(195,139,58,.10), transparent 18rem);
	box-shadow:
		0 1.2rem 3rem rgba(0,0,0,.32),
		inset 0 0 0 1px rgba(255,232,178,.035);
	font-size:1rem;
}

.archivium-room-nav__link::before{
	inset:.55rem;
	border-color:rgba(214,163,90,.14);
}

.archivium-room-nav__link--prev::after,
.archivium-room-nav__link--next::after{
	top:.78rem;
	font-size:.64rem;
	line-height:1;
	color:rgba(214,163,90,.5);
}

.archivium-room-nav__link:hover,
.archivium-room-nav__link:focus-visible{
	background:
		linear-gradient(180deg, rgba(27,18,9,.9), rgba(6,4,2,.9)),
		radial-gradient(ellipse at 20% 50%, rgba(214,163,90,.22), transparent 18rem),
		radial-gradient(ellipse at 80% 50%, rgba(214,163,90,.16), transparent 18rem);
	box-shadow:
		0 1.45rem 3.4rem rgba(0,0,0,.38),
		0 0 2.3rem rgba(180,121,44,.11),
		inset 0 0 0 1px rgba(255,232,178,.05);
}

body.page-template-template-archivium-sala .site-footer,
body.page-template-template-archivium-sala footer.site-footer,
body.page-template-template-archivium-sala .ast-footer-overlay{
	background:
		linear-gradient(180deg, rgba(3,2,1,0) 0%, rgba(8,6,4,.78) 32%, rgba(12,9,6,.98) 100%)!important;
	border-top:0!important;
}

@media(max-width:900px){
	.archivium-room{
		padding-top:1.25rem;
	}

	.archivium-scene{
		width:calc(100vw - .75rem);
	}

	.archivium-scene__hint{
		position:relative;
		bottom:auto;
		margin:.8rem 1rem 0;
		padding:0;
	}

	.archivium-room-nav{
		margin-top:3.2rem;
	}

	.archivium-codicillus-voice{
		border-radius:2px 12px 2px 10px;
	}
}