/* Worn workshop timber, bolted metal labels, blueprints and cutting mats. */
body.kh-world-works{--kh-world-hero:url(../images/worlds/works.webp);--kh-world-accent:#1b518c;--kh-world-dark:#463f35;--kh-world-paper:#fff9ec;--kh-world-line:#b8a68c;--kh-world-ink:#202b36;--kh-footer-ink:#fff9ed;--kh-link:#16477e;background:#553c2e url(../../images/details/workbench.webp) center top/768px}
.kh-world-works .kh-site-header{background:repeating-linear-gradient(0deg,#e7e5df 0 1px,#dbdad3 1px 3px,#e1dfd8 3px 4px);border:0;border-bottom:3px solid #52483b;box-shadow:0 3px 10px #110e0b70}
.kh-world-works .kh-site-header:before,.kh-world-works .kh-site-header:after{content:"";position:absolute;top:14px;bottom:12px;width:12px;background:radial-gradient(circle,#777b77 0 2px,#c6c5b7 3px,#686760 4px,transparent 5px) top/12px 42px repeat-y}
.kh-world-works .kh-site-header:before{left:10px}.kh-world-works .kh-site-header:after{right:10px}
.kh-world-works :is(.kh-brand-text strong,.kh-hero-title,.kh-page-content h2,.kh-page-content h3,.kh-local-menu a,.kh-footer-note strong){font-family:"Dela Gothic One","Yu Gothic",Meiryo,sans-serif;font-weight:400}
.kh-world-works .kh-brand-text strong{font-size:28px;font-weight:400;letter-spacing:.04em;color:#202522;text-shadow:1px 1px #fff}
.kh-world-works .kh-brand-text span{font-weight:700;letter-spacing:.15em}
.kh-world-works .kh-site-header .kh-menu a{border-radius:1px;padding:9px 8px;border:1px solid transparent}
.kh-world-works .kh-site-header .current-menu-item>a{color:#142c40;background:#ccd5d8;border:1px solid #788b91;box-shadow:inset 0 -3px #215980}
.kh-world-works .kh-site-header .kh-menu a:hover{background:#ccd3cf;border-color:#959b93}
.kh-world-works .kh-hero-copy{width:53%;color:#211d16;padding:16px 24px 16px 74px;background:linear-gradient(135deg,#fcf3e2f2,#e5ddc8f4);border:7px ridge #93806a;box-shadow:4px 5px 12px #120c0775;transform:rotate(-1deg)}
.kh-world-works .kh-hero-emblem{left:20px;color:#332e23}
.kh-world-works .kh-hero-title{font-size:56px;text-shadow:1px 1px #fff5;font-weight:400;letter-spacing:.06em}
.kh-world-works .kh-hero-description{text-shadow:none;font-size:17px}
.kh-world-works .kh-hero-eyebrow{border-bottom:2px solid #685b49;padding-bottom:2px}
.kh-world-works .kh-hero-mascot{width:182px;height:207px;right:27%}
.kh-world-works .kh-local-nav{background:linear-gradient(#3b2c1b44,#3b2c1b44),url(../../images/details/workbench.webp) center/768px;border-bottom:2px solid #aa8b60}
.kh-world-works .kh-local-menu a{position:relative;background:repeating-linear-gradient(0deg,#e5e3db 0 1px,#d6d4ca 1px 3px);border:3px ridge #978d7f;border-radius:2px;box-shadow:0 4px 4px #170e0870}
.kh-world-works .kh-local-menu a:before,.kh-world-works .kh-local-menu a:after{content:"";width:8px;height:8px;border:1px solid #554f44;background:linear-gradient(45deg,#929486,#ececdb 45%,#7d7e74 50%,#cecebd 65%);border-radius:50%;position:absolute;top:4px}
.kh-world-works .kh-local-menu a:before{left:4px}.kh-world-works .kh-local-menu a:after{right:4px}
.kh-world-works .kh-local-menu li:first-child a{background:linear-gradient(#326c99,#1b4d70);border-color:#82a2b2;color:#fff}
.kh-world-works .kh-local-menu a:hover{box-shadow:inset 0 0 0 1px #fff,0 4px 4px #170e0870}
.kh-world-works .kh-breadcrumb,.kh-world-works .kh-breadcrumb a{color:#fff5df;text-shadow:0 1px 3px #000}
.kh-world-works .kh-world-article{border:0;background:#fff9ec;padding:24px;border-radius:1px}
.kh-world-works .kh-world-article:has(.kh-page-enhanced){background:transparent;padding:0}
.kh-world-works .kh-page-section{border:5px ridge #bdb29e;border-radius:3px;box-shadow:0 6px 13px #1b100b77;background:radial-gradient(#b19a7326 .6px,transparent .7px),linear-gradient(120deg,#fff9e9,#ede8db);background-size:4px 4px,auto;padding:30px}
.kh-world-works .kh-page-section:before{content:"";position:absolute;inset:5px;pointer-events:none;background:radial-gradient(circle at 5px 5px,#edeedf 0 2px,#8a8a7a 3px,#433f33 4px,transparent 6px),radial-gradient(circle at calc(100% - 5px) 5px,#edeedf 0 2px,#8a8a7a 3px,#433f33 4px,transparent 6px),radial-gradient(circle at 5px calc(100% - 5px),#edeedf 0 2px,#8a8a7a 3px,#433f33 4px,transparent 6px),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#edeedf 0 2px,#8a8a7a 3px,#433f33 4px,transparent 6px)}
.kh-world-works .kh-page-content h2{border-bottom:2px solid #a89b80;padding-bottom:14px;font-weight:400;font-size:28px}
.kh-world-works .kh-section-symbol{width:42px;height:42px;color:#253b4b}
.kh-world-works .kh-content-card{background:#fffdf4;border-color:#c7bba5;box-shadow:2px 3px 0 #cbbca453;border-radius:2px}
.kh-world-works .kh-card-art{background:linear-gradient(#0e396146,#0e396146),url(../../images/worlds/works.webp) left center/auto 100%;border-bottom:5px solid #c9b78f;height:165px}
.kh-world-works .kh-card-art:after{content:"";position:absolute;inset:12px;border:1px dashed #f7efd885}
.kh-world-works .kh-card-symbol{width:84px;height:84px;color:#fff7dd;filter:drop-shadow(2px 3px 3px #102235);background:#102d46a6;padding:12px;border:1px solid #d7e5e888;border-radius:5px}
.kh-world-works .kh-content-card:nth-child(2) .kh-card-art{background-position:65% center}
.kh-world-works .kh-content-card:nth-child(3) .kh-card-art{background-position:85% center}
.kh-world-works .kh-has-scene[data-kh-section=progress]{padding-right:39%;min-height:310px}
.kh-world-works .kh-has-scene[data-kh-section=progress]>.kh-section-art{background:linear-gradient(#dce9ed25,#dce9ed25),url(../../images/worlds/works.webp) center/cover;border:8px solid #fbf4e5;outline:1px solid #a6957a;box-shadow:2px 4px 8px #46312145;transform:rotate(2deg);right:25px;width:31%;top:30px;bottom:30px}
.kh-world-works .kh-page-content blockquote{background:linear-gradient(#36779220 1px,transparent 1px),linear-gradient(90deg,#36779220 1px,transparent 1px),#eaf3f5;background-size:19px 19px;border:1px solid #90afbd;border-left:5px solid #356881;transform:rotate(-1deg);margin:18px 0;padding:16px;font-family:"Yu Mincho",serif;font-weight:700}
.kh-world-works .kh-has-scene[data-kh-section=tools]{min-height:240px;padding-right:45%}
.kh-world-works .kh-has-scene[data-kh-section=tools]>.kh-section-art{width:38%;right:22px;background:url(../../images/worlds/works.webp) 90% center/auto 100%;border:1px solid #9a8060;box-shadow:inset 0 0 0 8px #ece4d3}
.kh-world-works .kh-footer-scene{height:100px;box-shadow:inset 0 10px 25px #0005}
.kh-world-works .kh-footer-note{background:#e8e3d5ee;border:3px ridge #b9af99;border-radius:1px;color:#242923}
.kh-world-works .kh-footer-base{background:repeating-linear-gradient(0deg,#dddcd4 0 1px,#cdcec5 1px 3px);border-top:3px solid #857c69;color:#26342f}
.kh-world-works .kh-footer-menu a,.kh-world-works .kh-footer-menu .kh-menu-pending{border:2px ridge #999b8c;border-radius:1px;background:#e9e8e0;color:#26342f;box-shadow:0 2px 2px #45443830}
.kh-world-works .kh-footer .kh-page-top,.kh-world-works .kh-footer .kh-utility-links a{color:#26342f}
@media(max-width:799px){
 .kh-world-works .kh-brand-text strong{font-size:23px}.kh-world-works .kh-site-header:before,.kh-world-works .kh-site-header:after{display:none}
 .kh-world-works .kh-hero-copy{width:calc(100% - 98px);text-align:left;padding:12px 10px;border-width:4px}.kh-world-works .kh-hero-emblem{display:none}.kh-world-works .kh-hero-title{font-size:30px}.kh-world-works .kh-hero-description{font-size:12px}.kh-world-works .kh-hero-mascot{right:-6px;width:112px;height:144px}
 .kh-world-works .kh-world-article{padding:18px}.kh-world-works .kh-page-section{padding:24px 18px;border-width:4px}
 .kh-world-works .kh-has-scene[data-kh-section=progress],.kh-world-works .kh-has-scene[data-kh-section=tools]{padding-right:18px;min-height:0}
 .kh-world-works .kh-has-scene[data-kh-section=progress]>.kh-section-art,.kh-world-works .kh-has-scene[data-kh-section=tools]>.kh-section-art{width:100%;height:165px;right:auto;top:auto;bottom:auto;margin:20px 0 0}
}