/* A welcoming reception desk: wood, brass, sage ink, clipped stationery and orange tabs. */
body.kh-world-contact{--kh-world-hero:url(../images/worlds/contact.webp);--kh-world-accent:#b54a1c;--kh-world-dark:#fff8e9;--kh-world-paper:#fffaf0;--kh-world-line:#c7b28a;--kh-world-ink:#253e35;--kh-footer-ink:#27443a;--kh-link:#245c42;background-color:#eee3cd;background-image:linear-gradient(#fff6e7b8,#fff6e7b8),url(../../images/details/desk-wood.webp);background-size:auto,768px}
.kh-world-contact .kh-site-header{background:linear-gradient(#fffaf1f3,#fffaf1f3),url(../../images/details/desk-wood.webp) center/768px;border-bottom:3px solid #bb9565;box-shadow:0 4px 14px #6c4f2530}
.kh-world-contact :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:"Zen Maru Gothic","Yu Gothic",Meiryo,sans-serif;font-weight:700}
.kh-world-contact .kh-brand-text strong{font-size:28px;font-weight:700;letter-spacing:.05em;color:#203e35}
.kh-world-contact .kh-brand-text span{color:#586946;font-weight:700;letter-spacing:.1em}
.kh-world-contact .kh-site-header .kh-menu a{border-radius:4px;padding:10px 9px}
.kh-world-contact .kh-site-header .kh-menu a:hover{background:#e7ede0}
.kh-world-contact .kh-site-header .current-menu-item>a{color:#a44016;box-shadow:inset 0 -3px #c35020;background:#fff1df}
.kh-world-contact .kh-hero-copy{width:57%;color:#302415;background:linear-gradient(#fff8e9ec,#f4e7cdea),url(../../images/details/desk-wood.webp) center/768px;border:8px ridge #a67c4d;border-radius:3px;box-shadow:3px 6px 14px #3b241759;padding:14px 22px 14px 78px}
.kh-world-contact .kh-hero-copy:before,.kh-world-contact .kh-hero-copy:after{content:"";position:absolute;top:-55px;width:9px;height:58px;background:repeating-linear-gradient(0deg,#6a5135 0 2px,#cda86c 2px 4px,#725435 4px 6px);border:1px solid #655039;border-radius:5px;box-shadow:1px 2px 2px #32240f55}
.kh-world-contact .kh-hero-copy:before{left:15%}.kh-world-contact .kh-hero-copy:after{right:15%}
.kh-world-contact .kh-hero-title{font-size:50px;font-weight:700;text-shadow:1px 1px #fff7df;letter-spacing:.06em}
.kh-world-contact .kh-hero-description{text-shadow:none;font-size:16px}
.kh-world-contact .kh-hero-emblem{color:#8d623b;left:20px}
.kh-world-contact .kh-hero-eyebrow{color:#675c45;letter-spacing:.19em}
.kh-world-contact .kh-hero-mascot{right:14%;width:184px;height:215px;filter:drop-shadow(2px 4px 5px #52301750)}
.kh-world-contact .kh-local-nav{background:#fffaf0f5;border-bottom:2px solid #cfb38a;box-shadow:0 4px 8px #5c492125}
.kh-world-contact .kh-local-menu a{border-radius:4px;border:1px solid #cdb78b;box-shadow:0 2px 0 #ad94712a;background:#fffdf5}
.kh-world-contact .kh-local-menu li:first-child a{background:#a84019;border-color:#a84019;color:#fff}
.kh-world-contact .kh-local-menu a:hover{box-shadow:inset 0 -3px #6b8c55,0 2px 0 #ad94712a}
.kh-world-contact .kh-breadcrumb{color:#334f3b}
.kh-world-contact .kh-world-article{padding:24px;border:1px solid #c7b28a;background:#fffaf0}
.kh-world-contact .kh-world-article:has(.kh-page-enhanced){padding:0;border:0;background:transparent}
.kh-world-contact .kh-page-section{background:radial-gradient(#b6a17922 .7px,transparent .8px),linear-gradient(120deg,#fffdf5,#f7efde);background-size:5px 5px,auto;border-radius:6px;border:1px solid #baa67f;box-shadow:0 5px 12px #836e4119;padding:32px}
.kh-world-contact .kh-page-content h2{color:#2d5a41;font-weight:700}
.kh-world-contact .kh-section-symbol{color:#47794c;width:43px;height:43px;flex-basis:43px}
.kh-world-contact [data-kh-section=contact-method]{border:10px ridge #b99161;border-radius:10px;padding:42px 40% 34px 34px;min-height:296px;background:linear-gradient(#fff9e7f5,#fff9e7f5),url(../../images/details/desk-wood.webp) center/768px;box-shadow:0 6px 14px #6846203a}
.kh-world-contact [data-kh-section=contact-method]:not(.kh-has-scene){padding-right:34px;min-height:0}
.kh-world-contact [data-kh-section=contact-method]:before{content:"";position:absolute;top:-19px;left:48px;width:103px;height:31px;background:linear-gradient(#a5a89c,#e4e4d9 40%,#8a8f83 50%,#d5d5c7);border:2px solid #70776d;border-radius:7px;box-shadow:0 2px 4px #574e3b38}
.kh-world-contact [data-kh-section=contact-method]>.kh-section-art{width:34%;right:20px;top:20px;bottom:15px;background-image:url(../../images/details/reception-props.webp)}
.kh-world-contact .kh-content-card{background:transparent;border:0;border-left:1px solid #c7b593;border-radius:0;padding:14px 15px 5px 65px;box-shadow:none;position:relative}
.kh-world-contact .kh-content-card:first-child{border-left:0}
.kh-world-contact .kh-content-card:before{content:attr(data-kh-step);position:absolute;left:14px;top:16px;width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#497950;color:#fff;font-size:19px;font-weight:850}
.kh-world-contact .kh-content-card:nth-child(2):before{background:#b44b24}
.kh-world-contact .kh-content-card h3{border:0;font-size:18px;margin:0 0 10px}
.kh-world-contact .kh-content-card p{font-size:14px;line-height:1.9}
.kh-world-contact .kh-card-art{display:none}
.kh-world-contact .kh-has-scene[data-kh-section=faq]{padding-right:32%;min-height:240px}
.kh-world-contact .kh-has-scene[data-kh-section=faq]>.kh-section-art{width:24%;right:20px;top:15px;bottom:15px;background-image:url(../../images/details/reception-props.webp);opacity:.9}
.kh-world-contact .kh-page-content details{background:#fffdf7;border:1px solid #c9bea4;border-radius:4px;margin:12px 0;padding:0;box-shadow:0 2px 3px #74634710}
.kh-world-contact .kh-page-content summary{color:#214938;font-weight:750;padding:12px 38px 12px 16px;position:relative;min-height:48px}
.kh-world-contact .kh-page-content details p{padding:0 16px 14px}
.kh-world-contact .kh-page-content summary:after{content:"+";position:absolute;right:15px;top:10px;font-size:22px;line-height:1.2;color:#577e59}
.kh-world-contact .kh-page-content details[open]>summary:after{content:"−"}
.kh-world-contact .kh-footer-scene{height:100px;background:linear-gradient(#fff8e9e6,#fff8e9e6),url(../../images/details/desk-wood.webp) center/768px;border-top:3px solid #a98f65}
.kh-world-contact .kh-footer-note{background:transparent;color:#2d503c}
.kh-world-contact .kh-footer-base{background:linear-gradient(#fff8e9f5,#fff8e9f5),url(../../images/details/desk-wood.webp) center/768px;border-top:1px solid #d8c29f}
.kh-world-contact .kh-footer-menu a,.kh-world-contact .kh-footer-menu .kh-menu-pending{background:#fffdf6;border:1px solid #ab9470;border-radius:4px;color:#27443a;box-shadow:0 2px 0 #b39d7630}
.kh-world-contact .kh-footer-menu a:hover{background:#eef4e7}
@media(max-width:999px){.kh-world-contact .kh-content-grid{grid-template-columns:1fr}.kh-world-contact .kh-content-card{border-left:0;border-top:1px solid #d1c2a4;padding-top:18px}.kh-world-contact .kh-content-card:first-child{border-top:0}}
@media(max-width:799px){
 .kh-world-contact .kh-brand-text strong{font-size:23px}
 .kh-world-contact .kh-hero-copy{width:calc(100% - 103px);padding:15px 10px;border-width:4px}.kh-world-contact .kh-hero-emblem{display:none}.kh-world-contact .kh-hero-title{font-size:28px;letter-spacing:0}.kh-world-contact .kh-hero-description{font-size:12px}
 .kh-world-contact .kh-hero-mascot{right:-7px;width:112px;height:155px}.kh-world-contact .kh-hero-copy:before,.kh-world-contact .kh-hero-copy:after{height:65px;top:-70px;width:6px}
 .kh-world-contact .kh-page-section{padding:24px 18px}
 .kh-world-contact .kh-section-symbol{width:34px;height:34px;flex-basis:34px}
 .kh-world-contact [data-kh-section=contact-method]{padding:30px 18px 18px;border-width:6px;min-height:0}
 .kh-world-contact [data-kh-section=contact-method]:not(.kh-has-scene){padding-right:18px}
 .kh-world-contact [data-kh-section=contact-method]:before{left:28px;width:78px;height:25px;top:-15px}
 .kh-world-contact [data-kh-section=contact-method]>.kh-section-art{width:100%;height:170px;right:auto;top:auto;bottom:auto}
 .kh-world-contact .kh-has-scene[data-kh-section=faq]{padding-right:18px;min-height:0}
 .kh-world-contact .kh-has-scene[data-kh-section=faq]>.kh-section-art{display:none}
 .kh-world-contact .kh-page-content h2{font-size:23px}
 .kh-world-contact .kh-content-card{padding-right:0;padding-left:54px}
 .kh-world-contact .kh-content-card:before{left:2px}
}