*{box-sizing:border-box}html{background:#000}body{margin:0;color:#20150d;font-family:Georgia,'Times New Roman',serif;padding:24px 16px 20px}.panel{width:min(960px,100%);margin:auto;padding:35px 52px 55px;}h1{margin:0 0 30px;text-align:center}h1 img{width:100%;max-width:810px;height:auto;display:block;margin:auto}.main-content{display:grid;grid-template-columns:42% 58%;align-items:center;gap:0}.illustration{align-self:center}.illustration img{width:100%;height:auto;display:block}.illustration a{display:block}nav{text-align:center;padding:0 0 0 13px}.choose{text-transform:uppercase;font-size:11px;letter-spacing:2px;margin:0 0 6px}ul{list-style:none;margin:0;padding:0}nav a{display:block;padding:9px 4px;font-size:21px;line-height:1.14;font-weight:bold;color:#271b0d;text-decoration:none;text-shadow:0 1px 0 #f2c48b}nav a:hover{color:#000;text-decoration:underline;text-underline-offset:5px;background:#ffe5a130;border-radius:4px}a:focus-visible{outline:3px solid #20150d;outline-offset:3px;border-radius:3px}footer{text-align:center}footer a{color:inherit}.disclaimer{font:9px/1.35 Arial,sans-serif;margin:22px 0 16px;-webkit-text-size-adjust:none;text-size-adjust:none}.nostalgia{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px;font-size:18px;font-style:italic}.nostalgia img{display:block;margin:0 auto 12px}.nostalgia p{margin:0}.contact{font:bold italic 21px/1.5 Arial,sans-serif;margin:30px 0 12px}.awards{font:bold italic 21px/1.4 Arial,sans-serif;margin:0}.mobile-break{display:none}.preview-note{font:10px/1.7 Arial,sans-serif;color:#c6b9a6;text-align:center;margin:18px auto 0;letter-spacing:1.4px}.preview-note span{letter-spacing:0;font-size:12px}.skip{position:fixed;top:-100px;left:12px;background:#fff;color:#111;padding:12px;z-index:5}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){body{padding:8px 5px 16px}.panel{padding:25px 24px 38px;background-size:100% 100%}h1{margin-bottom:15px}.main-content{grid-template-columns:minmax(0,40%) minmax(0,60%);align-items:start}.illustration{width:100%;margin:30px 0 0}nav{padding:0 0 0 6px;min-width:0}.choose{margin-bottom:5px;font-size:8px;letter-spacing:1px}nav a{display:flex;align-items:center;justify-content:center;padding:6px 1px;font-size:clamp(12px,3.4vw,17px);line-height:1.2;min-height:38px;overflow-wrap:break-word}.disclaimer{font-size:8px;margin-top:18px}.desktop-break{display:none}.nostalgia{grid-template-columns:1fr;font-size:16px;gap:20px}.nostalgia img{margin-bottom:9px}.contact{font-size:17px;margin-top:23px}.mobile-break{display:block}.awards{font-size:18px}.preview-note{padding:0 16px}}@media(prefers-reduced-motion:no-preference){nav a{transition:background .15s,color .15s}}

/* Larger character portrait with a separate story caption. */
.main-content{align-items:center}.illustration{min-width:0;align-self:center;position:relative}.portrait-window{height:410px;position:relative;overflow:hidden;margin-left:-30px;margin-right:10px;border-bottom:1px solid #70421d80}.portrait-window img{position:absolute;height:135%;width:auto;max-width:none;left:50%;top:0;transform:translateX(-50%)}.book-feature{text-align:center;text-decoration:none;color:#2c1c0d;padding:19px 10px 8px;display:block}.book-eyebrow{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.book-title{display:block;font:bold italic 30px/1.05 Georgia,serif;color:#ffdb42;text-shadow:1px 2px 1px #50301c;margin:9px 0}.book-link{display:block;font:13px/1.5 Georgia,serif;text-decoration:underline;text-underline-offset:3px}.book-feature:hover .book-title{color:#fff0a3}
@media(max-width:680px){.illustration{margin:0;align-self:center}.portrait-window{height:285px;margin-left:-14px;margin-right:2px}.portrait-window img{height:135%;width:auto;left:50%}.book-feature{padding:12px 2px 0}.book-eyebrow{font-size:7px;letter-spacing:.4px}.book-title{font-size:clamp(18px,5vw,26px);margin:7px 0}.book-link{font-size:10px}.main-content{align-items:center}}

.book-feature .book-title-art{display:block;position:static;width:min(100%,305px);height:auto;max-width:100%;margin:10px auto 12px;transform:none}@media(max-width:680px){.book-feature .book-title-art{margin:9px auto}}

/* Anchor the portrait to its right edge so side cropping happens only on the left. */
.portrait-window img{left:auto;right:0;transform:none}
@media(max-width:680px){.portrait-window img{height:110%}}

.visitor-count{text-align:center}.hit-counter{display:inline-block;background:#171714;border:2px ridge #b69a68;color:#f9e5a9;font:24px/1.25 'Courier New',monospace;letter-spacing:3px;font-variant-numeric:tabular-nums;padding:5px 10px;margin:0 0 12px;box-shadow:0 2px 4px #0005;font-style:normal}.visitor-count p{margin:0}@media(max-width:680px){.hit-counter{font-size:21px}}
/* Separate lettering from the grain without adding background panels. */
nav a{color:#080a04;font-weight:900;-webkit-text-stroke:.25px #080a04;paint-order:stroke fill;text-shadow:-1px -1px 0 #b7c55d,1px -1px 0 #b7c55d,-1px 1px 0 #b7c55d,1px 1px 0 #b7c55d,0 0 4px #c4d076,0 0 6px #c4d07699}
nav a:hover{color:#080a04;background:transparent;text-decoration:underline;text-underline-offset:5px}
@media(max-width:680px){nav a{-webkit-text-stroke:.15px #080a04;text-shadow:-.7px -.7px 0 #b7c55d,.7px -.7px 0 #b7c55d,-.7px .7px 0 #b7c55d,.7px .7px 0 #b7c55d,0 0 3px #c4d076,0 0 5px #c4d07699}}
footer,.book-eyebrow,.book-link,.choose{color:#170e07;text-shadow:0 0 2px #ffe7c8,0 0 3px #ffe7c8}
.hit-counter{text-shadow:none}
/* Match small captions to the menu with a glow proportional to each font size. */
footer p,.book-eyebrow,.book-link,.choose{font-weight:700;color:#080a04;text-shadow:-.035em -.035em 0 #b7c55d,.035em -.035em 0 #b7c55d,-.035em .035em 0 #b7c55d,.035em .035em 0 #b7c55d,0 0 .14em #c4d076,0 0 .22em #c4d07699}
footer .disclaimer{font-weight:700;text-shadow:none}
/* Carved menu trial: true bold letterforms with a recessed edge. */
@font-face{font-family:'Averia Serif Libre';src:url('/assets/fonts/AveriaSerifLibre-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
nav a{font-family:'Averia Serif Libre',Georgia,serif;font-weight:700;color:#2b160a;-webkit-text-stroke:0;paint-order:normal;text-shadow:0 -.7px .4px #130a04,0 1.2px .4px #f5c993;letter-spacing:.01em}
nav a:hover{color:#160c05;background:transparent;text-shadow:0 -.7px .4px #130a04,0 1.2px .4px #ffe0b4}
@media(max-width:680px){nav a{-webkit-text-stroke:0;text-shadow:0 -.5px .3px #130a04,0 .8px .3px #f5c993}}

/* Defined inset bevels inspired by the supplied carved-wood reference. */
.effect-definitions{position:absolute;overflow:hidden;pointer-events:none}
nav a,nav a:hover{color:#301509;text-shadow:none;-webkit-text-stroke:0}
.carved-label{filter:url(#wood-carving);display:inline-block}
nav a:hover .carved-label{color:#301506}
@media(max-width:680px){nav a,nav a:hover{text-shadow:none;-webkit-text-stroke:0}}
@media(forced-colors:active){.carved-label{filter:none}}
/* Bring Big Al inward toward the menu without moving the story caption. */
.portrait-window{transform:translateX(18px)}
@media(max-width:680px){.portrait-window{transform:translateX(8px)}}
/* Align desktop content beneath the title rather than centering the shorter menu. */
@media(min-width:681px){
 h1{margin-bottom:12px}
 .main-content{align-items:start}
 .illustration{align-self:start}
 nav{align-self:start;padding-top:8px}
}
/* Let the desktop menu share the full height of the artwork and caption. */
@media(min-width:681px){
 nav{align-self:stretch;display:flex;flex-direction:column;padding-bottom:8px}
 nav .choose{margin-bottom:10px}
 nav ul{flex:1;display:flex;flex-direction:column}
 nav li{flex:1;display:flex}
 nav a{width:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,2vw,26px);line-height:1.2;padding:10px 4px}
}

/* The original title artwork includes its recovered outer bevel and relief. */

/* Scale the full portrait to its desktop column as the window narrows. */
@media(min-width:681px){
 .portrait-window{height:auto;margin-left:18px;margin-right:0;transform:none;overflow:visible;border-bottom:0}
 .portrait-window img{position:static;display:block;width:100%;height:auto;max-width:100%;margin-left:auto;transform:none}
}

.creation-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.creation-badges img{display:block;width:auto;height:31px;margin:0}.heritage{min-width:0}

/* Homepage footer: recessed rules and balanced historical credits. */
footer{--small-footer-type:calc(9px + 2pt)}
footer .disclaimer{font-size:var(--small-footer-type);line-height:1.5;margin:24px 0;padding:16px 0;border-top:1px solid #61371999;border-bottom:1px solid #61371999;box-shadow:inset 0 1px 0 #f7c08c88,0 1px 0 #f7c08c88}
.nostalgia{align-items:center}
.heritage p{font:700 var(--small-footer-type)/1.5 Arial,sans-serif;text-shadow:none}
@media(max-width:680px){footer{--small-footer-type:calc(8px + 2pt)}footer .disclaimer{margin:20px 0;padding:14px 0}}

/* Keep the complete Big Al illustration inside its column at every width. */
.panel .portrait-window{position:relative;height:auto;margin:0;padding:0 6px;transform:none;overflow:visible;border:0}
.panel .portrait-window img{position:static;display:block;width:100%;max-width:320px;height:auto;margin:0 auto;left:auto;right:auto;top:auto;transform:none}
@media(max-width:680px){.panel .illustration{align-self:center;margin:0}.panel .portrait-window{padding:0 3px}}