:root{--min-page-margin: 2rem;--max-width: 1366px;--max-width-padding: max(var(--min-page-margin), calc(( 100vw - var(--max-width) ) / 2) );--max-width-padding-smallest: max(var(--min-page-margin), calc(( 100vw - 500px ) / 2) );--max-width-padding-small: max(var(--min-page-margin), calc(( 100vw - 768px ) / 2) );--max-width-padding-medium: max(var(--min-page-margin), calc(( 100vw - 1024px ) / 2) );--max-width-padding-big: max(var(--min-page-margin), calc(( 100vw - 1366px ) / 2) );--max-width-padding-bigger: max(var(--min-page-margin), calc(( 100vw - 1920px ) / 2) );--max-width-padding-biggest: max(var(--min-page-margin), calc(( 100vw - 2560px ) / 2) );--metal-gold: linear-gradient(135deg, #eed283 0%, #b89742 40%, #edd385 55%, #8a6c23 85%, #b69540 100%);--main-grey: #232323;--main-body-color: var(--main-grey);--global-box-shadow: 1px 2.5px 1px #aaa;--font-serif: Cinzel;--font-sans-serif: AcariSans;--font-body: var(--font-sans-serif);--font-title: var(--font-serif);font-size:16px;--corner-width: 64px;--corner-height: 84px;--top-bottom-width: calc(100% - (var(--corner-width) * 2))}@font-face{font-family:Cinzel;src:url(../fonts/Cinzel-VariableFont_wght.ttf);font-display:swap}@font-face{font-family:"AcariSans";font-weight:300;src:url(../fonts/AcariSans/AcariSans-Light.ttf);font-display:swap}@font-face{font-family:"AcariSans";font-weight:400;src:url(../fonts/AcariSans/AcariSans-Regular.ttf);font-display:swap}@font-face{font-family:"AcariSans";font-weight:500;src:url(../fonts/AcariSans/AcariSans-Medium.ttf);font-display:swap}@font-face{font-family:"AcariSans";font-weight:550;src:url(../fonts/AcariSans/AcariSans-SemiBold.ttf);font-display:swap}@font-face{font-family:"AcariSans";font-weight:600;src:url(../fonts/AcariSans/AcariSans-Bold.ttf);font-display:swap}*{box-sizing:border-box}html,body{padding:0;margin:0}body{margin:0 auto;font-size:1rem;font-family:var(--font-body),Arial;line-height:1.5;background-color:#f0e2d0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:1rem;font-weight:normal}p{margin-bottom:1.5em}strong{font-weight:600}ul{margin:0;margin-bottom:1rem}picture{display:inline-block;width:100%;height:auto}picture img{height:inherit;width:inherit}a,a:visited,a:active,a:link{color:var(--main-dark-green)}a:hover{color:var(--main-dark-brown)}a:active{text-decoration:underline}.row{--gap: 2rem;padding:0 var(--max-width-padding);margin:0 auto;display:flex;flex-flow:row var(--row-wrap, wrap);justify-content:var(--alignment, flex-start);gap:var(--gap)}.row>*{--column-size: 100%;flex:0 1 var(--column-size);width:var(--column-size)}@media(min-width: 768px){.row>*{--column-size: calc(100% / var(--columns, 3) - ((var(--columns) - 1) * var(--gap)))}}a.button,button{background-color:var(--main-blue);color:#fff;border:none;box-shadow:4px 4px 0px 0px var(--main-light-blue);padding:.5rem 1rem;font-family:inherit;font-size:1.25rem;cursor:pointer;font-family:var(--font-body);text-decoration:none}a.button:active,button:active{transform:translate(1px, 1px);box-shadow:3px 3px 0px 0px var(--main-light-blue)}ul{--columns: 1;padding-left:0}ul[style*="--columns"]{columns:var(--columns, 1)}ul li{position:relative;list-style:none;padding-left:1.25rem;margin-bottom:.5rem}ul li:before{content:"";height:2.1rem;width:1rem;display:block;position:absolute;background-position:top left;background-repeat:no-repeat;background-size:1rem;background-image:url(/images/the-bean.svg);left:0rem;top:.3rem}.constrain-small{padding-left:var(--max-width-padding-small);padding-right:var(--max-width-padding-small)}.constrain-medium{padding-left:var(--max-width-padding-medium);padding-right:var(--max-width-padding-medium)}.constrain-big{padding-left:var(--max-width-padding-big);padding-right:var(--max-width-padding-big)}.constrain-bigger{padding-left:var(--max-width-padding-bigger);padding-right:var(--max-width-padding-bigger)}.has-background{--background: none;background-image:var(--background);background-position:bottom center;background-size:1920px 100%;background-repeat:no-repeat;padding-block:2rem}.panel{--padding: 1rem;--bolt-size: 12px;--bolt: radial-gradient(circle,rgb(193, 149, 93) 23%, rgba(138, 138, 138, 0.58) 62%, rgba(0, 0, 0, 0) 70%);display:inline-block;position:relative;background:var(--metal-gold);border-radius:4px;padding:1rem 2rem;box-shadow:2px 2px 3px #000}.panel::before{content:" ";position:absolute;top:calc(var(--padding)/2);left:calc(var(--padding)/2);right:calc(var(--padding)/2);bottom:calc(var(--padding)/2);display:block;background-repeat:no-repeat;background-size:var(--bolt-size) var(--bolt-size);pointer-events:none}.panel.panel-4::before{background-image:var(--bolt),var(--bolt),var(--bolt),var(--bolt);background-position:top left,top right,bottom left,bottom right}.panel:not(.panel-4)::before{background-image:var(--bolt),var(--bolt);background-position:center left,center right}.hero{display:grid;grid-template-rows:1rem auto 3rem;grid-template-columns:0rem 55% 45% 0rem;grid-template-areas:"top-left    title-spotlight book-spotlight top-right   " "left        title           book           right       " "bottom-left title-bottom    book-bottom    bottom-right";align-items:center;justify-items:center;max-width:var(--max-width);margin-inline:auto;background-color:#f0e5cb;background:url("../images/Gearhart Banner_nobg.gif") 1rem 1rem/auto calc(100% - 4rem) no-repeat,url("../images/Starfield1.gif") center right/auto auto repeat,url("../images/BannerBackground.gif") top center/cover repeat,#cbb98d;background-blend-mode:overlay}.hero .framing{grid-column:top-left/top-right;grid-row:top-left/bottom-left;height:100%;width:100%;background:url("../images/Shelf_Top_Corner.gif") top left/var(--corner-width) var(--corner-height) no-repeat,url("../images/Shelf_Top_Corner_opp.gif") top right/var(--corner-width) var(--corner-height) no-repeat,url("../images/Shelf_Bottom_Corner.gif") bottom left/var(--corner-width) var(--corner-height) no-repeat,url("../images/Shelf_Bottom_Corner_opp.gif") bottom right/var(--corner-width) var(--corner-height) no-repeat,url("../images/ShelfEnd.gif") left center/63px 602px repeat-y,url("../images/ShelfEnd_Right.gif") right center/63px 602px repeat-y,url("../images/Shelf_Top.gif") top center/var(--top-bottom-width) 73px repeat-x,url("../images/Shelf_Bottom.gif") bottom center/var(--top-bottom-width) 83px repeat-x}.hero-title{grid-area:title;font-family:var(--font-serif);margin-left:6rem}.hero-title .leading{font-size:2rem}.hero-title .title{display:block;font-size:4.5rem}.hero .book{grid-area:book;padding-block:2rem 4.25rem;margin-right:4rem;background:url("../images/Plinth.gif") bottom center/100% auto no-repeat}.hero .book img{display:block;width:min(18rem,80%);margin-inline:auto}header{padding:.25rem var(--max-width-padding);display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin-block:1rem}header .logo{color:var(--main-blue);text-decoration:none;font-size:2.5rem;font-family:var(--font-serif)}header nav{display:inline-flex;flex-flow:row nowrap;gap:1rem;justify-content:space-between;font-family:var(--font-sans-serif);font-size:1.5rem}header nav a{text-decoration:none;padding:.1rem .25rem}header nav a:not(:last-of-type)::after{content:"|";padding-left:var(--padding)}@media(min-width: 768px){header .mobile-trigger{display:none}}footer{background-color:#fff;text-align:center;padding-block:2rem}footer .constrain{padding-inline:var(--max-width-padding);margin-inline:auto}footer .legal{font-size:.875rem}.pigeon-holes{--shelf-end-width: 35px;--shelf-height: 600px;display:flex;flex-flow:row wrap;align-items:stretch;margin-inline:auto;max-width:1366px;background:url("../images/ShelfEnd.gif") left center/63px 602px repeat-y,url("../images/ShelfEnd_Right.gif") right center/63px 602px repeat-y,url("../images/Drawers_background.gif") center center/533px 533px,#381e19}@media(min-width: 768px){.pigeon-holes{--shelf-end-width: 63px}}.pigeon-holes .title{flex-grow:1;flex-basis:100%;font-family:var(--font-serif);text-align:center;padding-block:1rem;background:url("../images/TitleWidth.gif") center center/calc(100% - 3rem) 100% no-repeat}.pigeon-holes .title h2{font-size:2.5rem}.pigeon-holes .hole{flex-basis:33.33%}.pigeon-holes .hole:nth-child(2n+2){background:url("../images/ShelfEnd_Right_thin.gif") right center/25px 602px repeat-y}.pigeon-holes .hole:nth-child(3n+3){background:url("../images/ShelfEnd_thin.gif") left center/25px 602px repeat-y,url("../images/ShelfEnd_Right_thin.gif") right center/25px 602px repeat-y}.pigeon-holes .hole:nth-child(4n+4){background:url("../images/ShelfEnd_thin.gif") left center/25px 602px repeat-y}.pigeon-holes .hole .book{padding-inline:5rem;background:url("../images/Plinth.gif") bottom center/90% auto no-repeat;padding-block:1rem 2rem}.pigeon-holes .hole .book img{width:100%;height:auto}.pigeon-holes .hole .bottom{font-family:var(--font-serif);font-size:1.25rem;line-height:1.2;text-align:center;font-weight:500;background:url("../images/TitleWidth.gif") center center/100% 100% no-repeat;padding-block:.5rem}.object-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);z-index:5}body:not(.object-selected) .object-backdrop{display:none}.object{--blurb-color: #fff}.object.cover-Light{--blurb-color: #fff}.object{flex-grow:1;flex-shrink:0;position:relative;height:var(--shelf-height);padding-top:6rem;padding-bottom:2rem;background-image:url("../images/ShelfSection.jpg");background-size:auto 100%;background-position:center top;background-repeat:repeat-x}.object[data-light]:after{content:"";position:absolute;display:block;top:0;bottom:0;left:0;right:0;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;pointer-events:none;transition:filter 200ms}.object[data-light]:hover:after{filter:blur(3px)}.object[data-light][data-light=on]:after{background-image:url("../images/Lights On.png")}.object[data-light][data-light=off] .front{filter:brightness(0.5)}.object[data-light][data-light=off]:after{background-image:url("../images/Lights Off.png")}.object .front{display:grid;grid-template-columns:1fr;grid-template-rows:.25fr 1fr .25fr;grid-template-areas:"bg-start" "content" "bg-end";text-decoration:none}.object .front .name{grid-area:content;z-index:5;align-self:center;font-family:var(--font-title);font-weight:600;font-size:2rem;line-height:1;text-align:center;padding:1.25rem .5rem;backdrop-filter:blur(10px) brightness(0.5);color:#fff;filter:blur(5px);opacity:0;transition:100ms}.object .front .name .other{font-size:1rem;text-decoration:underline}.object .front picture{transition:all 200ms;grid-row:bg-start/bg-end;grid-column:bg-start;backface-visibility:hidden}.object .front:focus,.object .front:hover{cursor:pointer}.object .front:focus .name,.object .front:hover .name{display:block;filter:blur(0);opacity:1}.object .front:focus picture,.object .front:hover picture{filter:blur(1px)}.object .back{display:grid;grid-template-columns:1fr;grid-template-rows:20% auto 20% .5fr;grid-template-areas:"bg-start" "blurb" "bg-end" "extras";position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;align-items:center;justify-items:center}@media(min-width: 768px){.object .back{left:var(--max-width-padding-medium);right:var(--max-width-padding-medium)}}.object .back .front-image{z-index:1}.object .back .front-image,.object .back .back-image{grid-row:bg-start/bg-end;grid-column:bg-start;height:80vh;width:auto}.object .back .front-image,.object .back .back-image,.object .back .blurb,.object .back .meta{backface-visibility:hidden}.object .back .blurb{grid-area:blurb;align-self:self-start;font-family:var(--font-body);font-size:1.05rem;line-height:1.25;text-align:center;width:60%;padding:0 10%;color:var(--blurb-color)}.object .back .meta{grid-area:bg-end;align-self:self-start;z-index:1;width:50%;display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:#fff;border:solid 2px var(--main-red);border-radius:4px;padding:1rem}.object .back .meta .item{font-weight:500;display:block}.object .back .meta .item .value{font-weight:normal}.object .back .meta .buy{text-align:right}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0rem)}}@keyframes slideUp-reverse{from{transform:translateY(0rem)}to{transform:translateY(100%)}}@keyframes flipFrontImage{to{transform:rotateY(180deg)}}@keyframes flipFrontImage-reverse{from{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes flipBackImage{from{transform:rotateY(180deg)}}@keyframes flipBackImage-reverse{to{transform:rotateY(180deg)}}.object .back:not(.closing){animation:slideUp 500ms 1 forwards}.object .back:not(.closing) .front-image{animation:flipFrontImage 500ms 1 forwards;animation-delay:500ms}.object .back:not(.closing) .back-image,.object .back:not(.closing) .blurb,.object .back:not(.closing) .meta{animation:flipBackImage 500ms 1 forwards;animation-delay:500ms}.object .back.closing{animation:slideUp-reverse 500ms 500ms forwards}.object .back.closing .front-image{animation:flipFrontImage-reverse 500ms 1;animation-delay:0s}.object .back.closing .back-image,.object .back.closing .blurb,.object .back.closing .meta{animation:flipBackImage-reverse 500ms 1;animation-delay:0s}.object:not(.selected) .back{display:none}.object.Book .front{margin-inline:auto;width:18rem}.object.Card{background-image:url("../images/Easel.png"),url("../images/ShelfSection.jpg");background-size:auto 80%,auto 100%;background-position:center 5rem,center top;background-repeat:no-repeat,repeat-x}.object.Card .front{margin-inline:auto;aspect-ratio:1;width:22rem;padding-bottom:1rem;height:auto}.object.Card .front picture{border:solid 4px #afadfa;border-radius:4px;height:100%}.object.Card .front picture img{object-fit:cover;display:block}


main.home {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr 1fr;
	max-width: 1280px;
	margin-inline: auto;

	grid-template-areas:
		"book1 book2"
		"book3 book4";
	align-content: stretch;

}

@media (min-width: 550px) {
	main.home {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr 1fr;

		grid-template-areas:
			"book1 book2 book3" 
			"book4 noop1 noop2";
	}
}
@media (min-width: 990px) {
	main.home {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;

		grid-template-areas:
			"book1 book2 book3 book4";
	}
}


main.home > section:nth-of-type(1) {
	grid-area: book1;
}

main.home > section:nth-of-type(2) {
	grid-area: book2;
}

main.home > section:nth-of-type(3) {
	grid-area: book3;
}

main.home > section:nth-of-type(4) {
	grid-area: book4;
}

main.home > section {
	padding-block: 1rem;

	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	justify-content: flex-start;
 	 align-items: stretch;
}

main.home > section .content {
	padding: 2rem 2rem;
	margin-top: 1rem;
	height: 100%;
}

main.home > section.theme-tmm .content{
	background-color: #1c2956;
	color: #fff;
	
}
main.home > section.theme-tcc .content {
	background-color: #cf8b2b;
	color: #fff;
	
}
main.home > section.theme-mg .content {
	background-color: #cccccc;
	color: #000;
	
}
main.home > section.theme-cf3c .content {
	background-color: #3a0440;
	color: #fff;

}

main.home > section h1 {
	font-size: 2rem;
	line-height :1;

	margin-bottom: 1rem
}

main.home > section img {
	width: 80%;
	height: auto;
	margin-inline: auto;
	display: inline-block;
	z-index: 10;
	max-height: 491px;
}

main.home > section .content a {
	background-color: #fff;
	color: #000;
	border: solid 1px #aaa;
	padding: 1rem;
	
}




main.book {
	display: grid;
	grid-template-columns: repeat(1, auto);
	grid-template-rows: 1fr auto;

	grid-template-areas:
		"book1" "content";
	align-content: stretch;
	max-width: 1024px;
	margin-inline: auto;
	column-gap: 5rem

}

@media (min-width: 500px){

	main.book {
		grid-template-columns: repeat(2, auto);
		grid-template-rows: 1fr;

		grid-template-areas:
			"book1 content";
	}

}

main.book img {
	grid-area: book1;
	width: auto;
	height: 400px;
	margin-inline: auto;

}

main.book .content {
padding-top: 1rem;
padding-inline: 1rem;
	grid-area: content;
	align-self: center;
}

dl {
	display :grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
}

main.book h1 {
	font-size: 2rem
}