/* v3.149: design refinements based on approved visual mockup. */
:root{--atoha-button-brown:#a88c73;--atoha-button-dark:#80654e}
/* Remove the obsolete illustration column and align titles to their own content edge. */
body #photographer > .section-title-top,body #plan .plan-reference-wrap > .section-title-top,body #flow .wrap > .section-title-top,body #faq .wrap > .section-title-top,body #gallery .gallery-wrap > .section-title-top,body #contact .wrap > .section-title-top{display:block !important;grid-template-columns:none !important;padding-left:0 !important;text-align:left !important;justify-items:start !important;transform:none !important}
body #photographer .section-title-top > .section-label,body #plan .section-title-top > .section-label,body #flow .section-title-top > .section-label,body #faq .section-title-top > .section-label,body #gallery .section-title-top > .section-label,body #contact .section-title-top > .section-label{display:block !important;grid-column:auto !important;grid-row:auto !important;margin-left:0 !important;text-align:left !important;justify-self:start !important}
body #photographer .section-title-top > .section-subtitle,body #plan .section-title-top > h2,body #flow .section-title-top > .atoha-flow-subtitle,body #faq .section-title-top > h2,body #gallery .section-title-top > h2,body #contact .section-title-top > .section-subtitle{display:block !important;grid-column:auto !important;grid-row:auto !important;margin:12px 0 0 !important;padding:0 !important;text-align:left !important;justify-self:start !important;font-family:"Hiragino Mincho ProN","Yu Mincho",serif !important;font-size:14px !important;font-weight:400 !important;line-height:1.7 !important;letter-spacing:.12em !important;color:#333 !important}
/* Plan/Gallery descriptive paragraphs are body copy, not subtitles. */
body #plan .section-title-top > p,body #gallery .section-title-top > p{grid-column:auto !important;grid-row:auto !important;text-align:left !important;justify-self:start !important}
body #flow .section-title-top > .atoha-flow-subtitle{color:#333 !important}
/* Contact text and CTA */
#contact .contact-welcome{font-size:13px !important;line-height:2.1 !important;letter-spacing:.045em !important;color:#6e655e !important;margin:13px auto 25px !important}
/* A restrained physical button language: raised at rest, responsive on interaction. */
.header-reserve,.header-reserve-art,.btn,.drawer-bottom-btn,.contact-modal-option,.at-flow-action,.plan-reference-btn{box-shadow:0 5px 13px rgba(75,51,33,.14) !important;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,filter .22s ease !important;cursor:pointer}
.header-reserve,.header-reserve-art{border:0 !important;box-shadow:0 5px 15px rgba(75,51,33,.18),inset 0 1px 0 rgba(255,255,255,.38) !important}
.btn.btn-line{border:1px solid #d5bca5 !important;border-radius:999px !important;min-height:48px !important;padding:12px 25px !important;background:#fff !important;box-shadow:0 6px 17px rgba(75,51,33,.13) !important}
.header-reserve:hover,.btn:hover,.drawer-bottom-btn:hover,.contact-modal-option:hover,.at-flow-action:hover,.plan-reference-btn:hover{transform:translateY(-2px) !important;box-shadow:0 9px 21px rgba(75,51,33,.2) !important;filter:brightness(1.025)}
.header-reserve:active,.btn:active,.drawer-bottom-btn:active,.contact-modal-option:active,.at-flow-action:active,.plan-reference-btn:active{transform:translateY(1px) !important;box-shadow:0 2px 5px rgba(75,51,33,.13),inset 0 2px 3px rgba(75,51,33,.08) !important}
.header-reserve:focus-visible,.btn:focus-visible,.drawer-bottom-btn:focus-visible,.contact-modal-option:focus-visible,.at-flow-action:focus-visible,.plan-reference-btn:focus-visible{outline:2px solid var(--atoha-button-dark);outline-offset:4px}
/* Text links stay editorial, with a subtle animated underline and arrow. */
.text-link,.atoha-flow-more a.text-link{transition:color .2s ease,border-color .2s ease !important}
.text-link span,.atoha-flow-more a.text-link span{display:inline-block;transition:transform .2s ease}
.text-link:hover span,.atoha-flow-more a.text-link:hover span{transform:translateX(4px)}
@media(max-width:800px){body #photographer > .section-title-top,body #plan .plan-reference-wrap > .section-title-top,body #flow .wrap > .section-title-top,body #faq .wrap > .section-title-top,body #gallery .gallery-wrap > .section-title-top,body #contact .wrap > .section-title-top{width:calc(100% - 40px) !important;max-width:none !important;margin-left:20px !important;margin-right:20px !important;padding:0 !important}body #photographer .section-title-top > .section-subtitle,body #plan .section-title-top > h2,body #flow .section-title-top > .atoha-flow-subtitle,body #faq .section-title-top > h2,body #gallery .section-title-top > h2,body #contact .section-title-top > .section-subtitle{font-size:13px !important}#contact .contact-welcome{font-size:12px !important}}
@media(prefers-reduced-motion:reduce){.header-reserve,.btn,.drawer-bottom-btn,.contact-modal-option,.at-flow-action,.plan-reference-btn,.text-link span{transition:none !important}}