.x-ct-hero,.x-ct-hero *,.x-ct-hero *:before,.x-ct-hero *:after{box-sizing:border-box}.x-ct-hero{position:relative;overflow:hidden;background:var(--night);color:#fff;padding-top:clamp(var(--x-cth-pad-top-m, 108px),14vh,var(--x-cth-pad-top, 168px));padding-bottom:clamp(var(--x-cth-pad-bottom-m, 40px),5vw,var(--x-cth-pad-bottom, 64px))}.x-ct-hero[id]{scroll-margin-top:var(--head-h, 84px)}.x-ct-hero :where(a){color:inherit;text-decoration:none}.x-ct-hero--motif:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--x-cth-adire);background-size:var(--adire, clamp(300px, 40vw, 600px)) var(--adire, clamp(300px, 40vw, 600px));background-position:right -70px top -50px;opacity:var(--x-cth-motif-opacity, .07);-webkit-mask-image:radial-gradient(74% 64% at 22% 34%,transparent 0%,#000 84%);mask-image:radial-gradient(74% 64% at 22% 34%,transparent 0%,#000 84%);pointer-events:none}.x-ct-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(56% 50% at 16% 22%,#b99c5526,#14120f00 72%),linear-gradient(180deg,#14120f8c,#14120f00 34%);pointer-events:none}.x-ct-hero__inner{position:relative;z-index:2;max-width:var(--x-cth-measure, 1400px);margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}.x-ct-hero__title{font-family:var(--serif);font-weight:400;font-size:clamp(var(--x-cth-title-m, 33px),5.4vw,var(--x-cth-title, 58px));line-height:1.05;letter-spacing:.07em;text-transform:uppercase;color:#fff;word-break:normal;margin:13px 0 0}.x-ct-hero__lede{font-family:var(--serif);font-size:16px;line-height:1.58;letter-spacing:normal;color:#ffffffa3;max-width:var(--x-cth-lede-measure, 52ch);text-wrap:pretty;margin:15px 0 0}.x-ct-hero__mail{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#ffffff7a;margin:clamp(20px,2.4vw,28px) 0 0}.x-ct-hero__mail a{color:#fff;display:inline-flex;align-items:center;min-height:44px;margin-block:-10px}.x-ct-hero__mail a span{border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:3px;transition:border-color .25s ease}.x-ct-hero__mail a:hover span{border-color:#fff}.x-ct-hero__rooms{list-style:none;margin:clamp(24px,3.2vw,40px) 0 0;padding:0;display:grid;gap:8px;grid-template-columns:1fr}.x-room{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid rgba(255,255,255,.15);background:#ffffff07;padding:11px 11px 11px 15px;transition:border-color .3s ease,background .3s ease}.x-room:hover{border-color:#ffffff61;background:#ffffff0f}.x-room__go{flex:1 1 auto;min-width:0;display:block;padding:3px 0}.x-room__name{display:block;font-family:var(--serif);font-size:clamp(var(--x-cth-name-m, 18px),1.6vw,var(--x-cth-name, 21px));line-height:1.15;letter-spacing:.02em;color:#fff}.x-room:hover .x-room__name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.x-room__status{display:block;position:relative;padding-left:14px;font-family:var(--sans);font-weight:600;text-transform:uppercase;min-height:13px;font-size:9.5px;letter-spacing:.11em;line-height:1.5;color:#ffffff80;margin:5px 0 0}.x-room__status:before{content:"";position:absolute;left:0;top:.46em;width:6px;height:6px;border-radius:50%;background:#ffffff47}.x-room__status.is-open{color:#6ddba4}.x-room__status.is-open:before{background:#3fbd80;box-shadow:0 0 0 3px #3fbd8033}.x-room__tel{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid rgba(255,255,255,.32);border-radius:999px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.03em;color:#fff;white-space:nowrap;transition:background .28s ease,color .28s ease,border-color .28s ease;width:44px;padding:0}.x-room__tel>span{display:none}.x-room__tel:hover{background:#fff;border-color:#fff;color:var(--ink)}.x-room__tel svg{width:15px;height:15px;fill:currentColor;flex:none}@media(min-width:621px){.x-ct-hero__rooms{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.x-room{flex-direction:column;align-items:stretch;gap:12px;padding:15px 15px 16px}.x-room__go{flex:0 0 auto}.x-room__status{font-size:10px;letter-spacing:.12em}.x-room__tel{width:100%;padding:0 15px}.x-room__tel>span{display:inline}.x-room__tel svg{width:13px;height:13px}}@media(min-width:901px){.x-ct-hero__lede{font-size:clamp(16px,1.4vw,var(--x-cth-lede, 18.5px))}}@media(min-width:1081px){.x-ct-hero__rooms{grid-template-columns:repeat(4,minmax(0,1fr))}}.x-ct-hero--under-head{margin-top:calc(-1 * var(--head-h, 65px))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/x-ct-hero.css.map */