/*
Theme Name: Kino Art
Description: きのした ようこ・きのアート工房の標準ブロックテーマ。
Version: 1.1.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: kino-art
*/
:root{--kino-line:#ded8cd}
:root{--kino-ease-out:cubic-bezier(.22,1,.36,1);--kino-ease-soft:cubic-bezier(.25,1,.5,1)}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
a{text-underline-offset:.25em}a:hover{color:#8a662f}
a,button,input,textarea,select{touch-action:manipulation}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #987234;outline-offset:5px}
.kino-header{padding:1.4rem clamp(1.2rem,5vw,5rem);border-bottom:1px solid var(--kino-line)}
.kino-brand{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.3rem,2vw,1.65rem);letter-spacing:.13em;line-height:1.6;margin:0!important}
.kino-brand a{text-decoration:none}.kino-kicker{font-size:.72rem;letter-spacing:.2em;line-height:1.7;margin:0 0 .5rem!important;color:#71624a}
.kino-header .wp-block-navigation{font-size:.82rem;gap:1.5rem}.kino-header .wp-block-navigation-item__content{text-decoration:none}
.kino-hero{margin-block-start:0!important;position:relative;min-height:650px;height:78svh;max-height:980px;display:flex;align-items:flex-end;isolation:isolate;padding:clamp(2rem,6vw,6rem)!important;background:#262420;color:#fffdf7}
.kino-hero>.wp-block-image{position:absolute;inset:0;margin:0!important;max-width:none!important;z-index:-2}
.kino-hero>.wp-block-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.kino-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,20,16,.8),rgba(22,20,16,0) 80%);z-index:-1}
.kino-hero-copy{width:100%;max-width:1180px!important;margin-inline:auto!important}
.kino-hero h1{font-size:clamp(2.4rem,4.6vw,4rem);font-weight:400;line-height:1.35;letter-spacing:.06em;margin:1rem 0;white-space:nowrap}
.kino-hero p{font-size:clamp(.9rem,1.6vw,1.1rem)}.kino-hero a{color:inherit}
.kino-section{padding:clamp(3rem,7vw,7rem) clamp(1.2rem,5vw,5rem);margin-block-start:0!important}
.kino-section .wp-block-columns{gap:clamp(2rem,5vw,5rem);align-items:center!important}
.kino-section h2{margin-top:.6rem}.kino-warm{background:#eee9e0}
.kino-section .wp-block-image img{width:100%;height:auto}
.kino-section .wp-block-buttons{margin-top:2rem}
.kino-body{padding:clamp(2.5rem,6vw,6rem) clamp(1.2rem,5vw,5rem)}
.kino-body>.wp-block-post-title{max-width:920px;font-size:clamp(1.8rem,4vw,3rem);padding-bottom:2rem;border-bottom:1px solid var(--kino-line)}
body.page-id-53 .kino-body>.wp-block-post-title{font-size:clamp(1.6rem,3vw,2.25rem)}
.kino-zogan-heading{font-size:clamp(1.65rem,2.15vw,1.85rem);line-height:1.45;letter-spacing:.02em}
.wp-block-post-content h2{margin-top:3rem}.wp-block-post-content h3{margin-top:2rem}
.wp-block-post-content .wp-block-image img{max-height:720px;object-fit:contain}
.wp-block-post-content>.wp-block-image{margin-block:2rem}
.kino-gallery .wp-block-image img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#eee9e0}
.kino-news .wp-block-post-template{list-style:none;padding:0;display:block}
.kino-news .wp-block-post{border-top:1px solid var(--kino-line);padding:1.3rem 0;display:grid;grid-template-columns:7rem 1fr;gap:1rem;align-items:baseline}
.kino-news .wp-block-post-date{font-size:.85rem;color:#6b655b}.kino-news h3{font-family:inherit;font-size:1rem;margin:0!important}.kino-news a{text-decoration:none}
.kino-footer{padding:3rem clamp(1.2rem,5vw,5rem) 1.5rem;background:#292824;color:#f7f3e9;margin-block-start:0!important}
.kino-footer a{color:inherit}.kino-footer .kino-kicker{color:#ccbb99}.kino-footer p{font-size:.9rem}.kino-footer .wp-block-columns{gap:3rem}
.kino-footer-bottom{padding-top:1.5rem;border-top:1px solid #59564e;font-size:.75rem!important;color:#d3cbbb}
.wp-block-table table{border-collapse:collapse}.wp-block-table td,.wp-block-table th{border:0;border-bottom:1px solid var(--kino-line);padding:1rem;vertical-align:top}.wp-block-table td:first-child{width:28%;font-weight:600}
.wp-block-details{border-block-end:1px solid var(--kino-line);padding:1.2rem 0}.wp-block-details summary{cursor:pointer;font-weight:600}
.kino-bus-stops{list-style:none;padding:0!important;margin-block:1.5rem 2rem!important}
.kino-bus-stops li{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem 0}
.kino-bus-stops li::before{content:"";display:block;flex:none;width:1.1em;height:1.25em;margin-top:.3em;background:#987234;mask:url('assets/bus.svg') center/contain no-repeat;-webkit-mask:url('assets/bus.svg') center/contain no-repeat}
.kino-bus-stop-inline::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.3em;vertical-align:-.12em;background:#987234;mask:url('assets/bus.svg') center/contain no-repeat;-webkit-mask:url('assets/bus.svg') center/contain no-repeat}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select{max-width:100%;box-sizing:border-box}
.wpcf7-form input:not([type=submit]),.wpcf7-form textarea{width:100%;padding:.8rem;border:1px solid #aaa294;background:#fffdf8;font:inherit}.wpcf7-submit{padding:1rem 2rem;background:#35312a;color:#fff;border:0;cursor:pointer}
iframe{max-width:100%}.wp-block-post-content{line-height:1.95}.wp-block-button__link{transition:background-color .18s}.wp-block-button__link:hover{background:#866538;color:#fffdf7}
@media(min-width:782px){body.page-id-53 .kino-body>.wp-block-post-title{white-space:nowrap;max-width:none}}
@media(max-width:781px){.kino-hero{min-height:510px;height:70svh}.kino-header .wp-block-navigation__responsive-container.is-menu-open{padding:2rem}.kino-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:1.1rem;padding:.65rem 0}.kino-news .wp-block-post{grid-template-columns:1fr;gap:.35rem}.kino-footer .wp-block-columns{gap:1rem}.kino-section .wp-block-columns{gap:2rem}.wp-block-table td{padding:.8rem .5rem}.kino-zogan-heading{font-size:clamp(1rem,4.45vw,1.2rem);line-height:1.55;letter-spacing:0;white-space:nowrap}.kino-zogan-heading br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.wp-site-blocks>main{margin-block-start:0}

/* Calm, craft-led motion: one hero entrance, progressive reveals and tactile feedback. */
@keyframes kino-hero-image-in{from{opacity:.72;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes kino-hero-copy-in{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes kino-detail-in{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
html.kino-motion .kino-hero>.wp-block-image img{animation:kino-hero-image-in 800ms var(--kino-ease-out) both}
html.kino-motion .kino-hero-copy>*{opacity:0}
html.kino-motion body.kino-motion-ready .kino-hero-copy>*{animation:kino-hero-copy-in 680ms var(--kino-ease-out) both}
html.kino-motion body.kino-motion-ready .kino-hero-copy>*:nth-child(2){animation-delay:90ms}
html.kino-motion body.kino-motion-ready .kino-hero-copy>*:nth-child(3){animation-delay:180ms}
html.kino-motion body.kino-motion-ready .kino-hero-copy>*:nth-child(4){animation-delay:270ms}
html.kino-motion .kino-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity 620ms var(--kino-ease-soft) var(--kino-delay,0ms),transform 620ms var(--kino-ease-out) var(--kino-delay,0ms)}
html.kino-motion .kino-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.kino-section h2::after,.wp-block-post-content>h2::after{content:"";display:block;width:3.5rem;height:1px;margin-top:.7rem;background:#987234;transform:scaleX(1);transform-origin:left;transition:transform 700ms var(--kino-ease-out)}
html.kino-motion .kino-reveal:not(.is-visible):is(h2)::after{transform:scaleX(0)}
.wp-block-button__link,.kino-header .wp-block-navigation-item__content,.kino-footer a{transition:color 220ms var(--kino-ease-soft),background-color 220ms var(--kino-ease-soft),border-color 220ms var(--kino-ease-soft),box-shadow 220ms var(--kino-ease-soft),transform 220ms var(--kino-ease-out)}
.wp-block-button__link:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 24px rgba(54,43,25,.15)}
.wp-block-button__link:active{transform:translate3d(0,0,0) scale(.98);transition-duration:120ms}
.kino-header .wp-block-navigation-item__content:not([href$="/school/"]){position:relative}
.kino-header .wp-block-navigation-item__content:not([href$="/school/"])::after{content:"";position:absolute;right:0;bottom:-.35rem;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 260ms var(--kino-ease-out)}
.kino-header .wp-block-navigation-item__content:not([href$="/school/"]):hover::after,.kino-header .wp-block-navigation-item__content:not([href$="/school/"]):focus-visible::after{transform:scaleX(1);transform-origin:left}
.wp-block-details{border:1px solid var(--kino-line);padding:0;margin-block:1.5rem!important;background:#faf7f0}
.wp-block-details summary{position:relative;padding:1.2rem 3.5rem 1.2rem 1.25rem;list-style:none;transition:background-color 220ms var(--kino-ease-soft),color 220ms var(--kino-ease-soft)}
.kino-access-details summary{padding-left:3.25rem;background-repeat:no-repeat;background-position:1.25rem center;background-size:1.2rem}
.kino-access-car summary{background-image:url('assets/car-side.svg')}
.kino-access-public summary,.kino-access-highway-bus summary{background-image:url('assets/bus.svg')}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::before,.wp-block-details summary::after{content:"";position:absolute;right:1.25rem;top:50%;width:1rem;height:1px;background:currentColor;transform:translateY(-50%);transition:transform 260ms var(--kino-ease-out)}
.wp-block-details summary::after{transform:translateY(-50%) rotate(90deg)}
.wp-block-details summary:hover{background-color:#eee9e0}
.wp-block-details[open] summary{border-bottom:1px solid var(--kino-line)}
.wp-block-details[open] summary::after{transform:translateY(-50%) rotate(0)}
.wp-block-details[open]>:not(summary){animation:kino-detail-in 300ms var(--kino-ease-out) both}
.wp-block-details>:not(summary){margin-inline:1.25rem}
.wp-block-details>:last-child{margin-bottom:1.25rem}
body .forminator-ui.forminator-custom-form :is(input,textarea,select){transition:border-color 200ms var(--kino-ease-soft),box-shadow 200ms var(--kino-ease-soft),background-color 200ms var(--kino-ease-soft)}
body .forminator-ui.forminator-custom-form :is(input,textarea,select):focus{box-shadow:0 0 0 5px rgba(152,114,52,.12)!important;background:#fff!important}
@media(hover:hover) and (pointer:fine){.wp-block-post-content>.wp-block-image,.kino-gallery .wp-block-image,.kino-section .wp-block-image{overflow:hidden}.wp-block-post-content>.wp-block-image img,.kino-gallery .wp-block-image img,.kino-section .wp-block-image img{transition:transform 500ms var(--kino-ease-soft)}.wp-block-post-content>.wp-block-image:hover img,.kino-gallery .wp-block-image:hover img,.kino-section .wp-block-image:hover img{transform:scale(1.018)}}
@media(prefers-reduced-motion:reduce){html.kino-motion .kino-hero-copy>*,html.kino-motion .kino-reveal{opacity:1!important;transform:none!important}.wp-block-details[open]>:not(summary){animation:none!important}}

/* Experience booking is the primary visitor action. */
.kino-link-icon{display:inline-block;vertical-align:-.18em;margin-inline-end:.4em;font-size:1.2em;width:1.2em;height:1.2em;line-height:1.2;text-decoration:none}
a:has(>.kino-link-icon){text-decoration:none}
a:has(>.kino-link-icon)>.kino-link-label{text-decoration:underline;text-underline-offset:.25em}
.wp-block-button__link:has(>.kino-link-icon)>.kino-link-label,
.kino-header .wp-block-navigation-item__content:has(>.kino-link-icon)>.kino-link-label{text-decoration:none}
.kino-header .wp-block-navigation-item__content[href$="/school/"]{display:inline-flex;align-items:center;min-height:48px;box-sizing:border-box;padding:.6rem 1rem;background:#80602f;color:#fffdf7}
.kino-header .wp-block-navigation-item__content[href$="/school/"]:hover{background:#654a23;color:#fffdf7}
.kino-experience-button .wp-block-button__link{background:#80602f;color:#fffdf7;min-height:54px;display:inline-flex;align-items:center;justify-content:center}
.kino-experience-button .wp-block-button__link:hover{background:#654a23;color:#fffdf7}
.kino-hero .wp-block-buttons{gap:1rem;margin-top:1.8rem}
.kino-hero .is-style-outline .wp-block-button__link{border:1px solid #fffdf7;background:transparent;color:#fffdf7;min-height:54px;display:inline-flex;align-items:center;box-sizing:border-box}
.kino-hero .is-style-outline .wp-block-button__link:hover{background:#fffdf7;color:#292824}
/* Override Forminator's generated compact field styles on both public forms. */
body .forminator-ui.forminator-custom-form input.forminator-input,
body .forminator-ui.forminator-custom-form select{min-height:56px!important;height:auto!important;padding:14px 16px!important;font-size:16px!important;line-height:1.5!important;box-sizing:border-box!important;border-radius:3px!important}
body .forminator-ui.forminator-custom-form textarea.forminator-textarea{min-height:168px!important;padding:14px 16px!important;font-size:16px!important;line-height:1.7!important;resize:vertical!important;box-sizing:border-box!important;border-radius:3px!important}
body .forminator-ui.forminator-custom-form .forminator-input-with-icon input.forminator-input{padding-inline-start:46px!important}
body .forminator-ui.forminator-custom-form .forminator-label{font-size:16px!important;line-height:1.6!important;margin-bottom:10px!important}
body .forminator-ui.forminator-custom-form .forminator-description{font-size:14px!important;line-height:1.65!important;margin-top:8px!important}
body .forminator-ui.forminator-custom-form>.forminator-row{margin-bottom:28px!important}
body .forminator-ui.forminator-custom-form .forminator-button-submit{min-height:56px!important;padding:15px 28px!important;font-size:16px!important;line-height:1.5!important;background:#80602f!important;color:#fffdf7!important;cursor:pointer}
body .forminator-ui.forminator-custom-form .forminator-button-submit:hover{background:#654a23!important}
body .forminator-ui.forminator-custom-form :is(input,textarea,select):focus{outline:3px solid #987234!important;outline-offset:3px!important}
body .forminator-ui.forminator-custom-form .select2-selection--single{min-height:56px!important;height:auto!important;padding:10px 14px!important;display:flex!important;align-items:center!important}
body .forminator-ui.forminator-custom-form .select2-selection__rendered{font-size:16px!important;line-height:1.5!important;padding-inline-end:24px!important}
body .forminator-ui.forminator-custom-form .select2-selection__arrow{height:100%!important}
body .forminator-select-dropdown .select2-results__option{min-height:44px;box-sizing:border-box;padding:11px 14px!important;font-size:16px!important}
@media(max-width:600px){.kino-hero .wp-block-buttons{align-items:stretch}.kino-hero .wp-block-button{width:100%}.kino-hero .wp-block-button__link{width:100%;justify-content:center}.forminator-ui.forminator-custom-form .forminator-button-submit{width:100%}}
/* Keep the cover image full bleed even inside the editable post content. */
.wp-block-post-content .kino-hero>.wp-block-image{height:100%}
.wp-block-post-content .kino-hero>.wp-block-image img{height:100%;max-height:none;object-fit:cover}
@media(max-width:600px){.kino-hero h1{font-size:clamp(1.35rem,6.8vw,2.4rem)}}