/* Approved direction: sculptural handwritten titles, original moving settings,
   and one repeating inflatable material along the edges. */
main>section:not(.cover) .chapter-title.script-title{
 display:flex;align-items:center;justify-content:center;
 width:100%;max-width:850px;height:clamp(180px,25vw,300px);
 min-height:0;margin:22px auto 16px;padding:0;line-height:1;
}
main>section:not(.cover) .chapter-title.script-title img{
 display:block;width:100%;height:100%;max-height:none;object-fit:contain;
 filter:drop-shadow(0 5px 7px #344c3a1a);opacity:1;
 animation:title-float 13s ease-in-out infinite;
}
.cover .name-art{object-fit:contain;max-width:1296px;width:100%;height:clamp(152px,20.5vw,292px)}
main>section:not(.cover) .inflatable-edge{
 z-index:1!important;overflow:hidden;pointer-events:none;
}
.inflatable-edge img{
 position:absolute;top:130px;right:-4%;width:34%;height:auto;max-width:460px;
 object-fit:contain;opacity:.83;animation:edge-inflation 21s ease-in-out infinite alternate;
}
main>section:nth-child(2n+1) .inflatable-edge img{
 right:auto;left:-4%;transform:scaleX(-1);animation-name:edge-inflation-left;animation-delay:-7s;
}
@keyframes edge-inflation{from{transform:translate3d(0,-8px,0) rotate(-2deg)}to{transform:translate3d(-8px,16px,0) rotate(2deg)}}
@keyframes edge-inflation-left{from{transform:scaleX(-1) translate3d(0,-8px,0) rotate(-2deg)}to{transform:scaleX(-1) translate3d(-8px,16px,0) rotate(2deg)}}
.sky{--middle:#d8e8f1}
.sky .cloud-scene img{opacity:.64}
.sky .chapter-title>img:first-child{filter:none;opacity:1}
.photo-edit .closing-atmosphere img,.rates .closing-atmosphere img{opacity:.42}
.chapter-copy{max-width:760px;margin-bottom:32px;text-wrap:balance}
.chapter-copy .copy-detail{font-size:14px;line-height:1.6;letter-spacing:.15px}
/* Pair coherent color stories; a warm morning film sits on its own. */
.bright-edit .staggered-gallery>.film-card:first-child{grid-column:auto;width:100%;margin:0}
.bright-edit .staggered-gallery>.film-card:last-child{grid-column:1/-1;width:54%;margin:0 auto}
.breakfast-edit .plate-gallery>.film-card:last-child{grid-column:auto;width:100%;justify-self:stretch}
.content-edit .wide-gallery,.content-edit #candle-bottom{max-width:880px;width:100%;margin:0 auto 36px}
.content-edit .three-gallery{
 grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin:0 auto;gap:32px 24px;align-items:start;
}
.content-edit .three-gallery>.film-card:nth-child(2){margin:0}
.content-edit .three-gallery>.film-card:last-child{grid-column:1/-1;width:54%;margin:0 auto}
/* Keep controls legible and visually quiet below every clip. */
main>section:not(.cover) .film-card>.video-controls{gap:5px;flex-wrap:nowrap}
main>section:not(.cover) .video-controls button{
 font-size:14px;min-height:40px;padding:7px 10px;box-shadow:none;
 background:#fffaf1ed;color:#43564b;
}
main>section:not(.cover) .video-controls .play{min-width:54px}
main>section:not(.cover) .video-controls .expand{width:36px;min-width:36px;padding:8px;display:grid;place-items:center}
.video-controls svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
main>section:not(.cover) .film-card figcaption{font-size:14px;line-height:1.5;letter-spacing:0;text-wrap:balance}
main>section:not(.cover) .theme-window>.video-controls button{font-size:12px;padding:5px 7px;min-height:32px}
.rates .chapter-copy{font-size:clamp(24px,2.8vw,36px);margin-bottom:44px}
.rates .services p{font-size:16px;line-height:1.7}
@media(max-width:760px){
 main>section:not(.cover) .chapter-title.script-title{height:clamp(125px,39vw,220px);max-width:100%;margin:28px auto 18px}
 .cover .name-art{width:106%;height:auto;max-height:none;max-width:none;aspect-ratio:3/1;margin:16px -3% 0}
 .inflatable-edge img{width:65%;right:-12%;top:100px;max-width:none;opacity:.73}
 main>section:nth-child(2n+1) .inflatable-edge img{left:-12%;right:auto}
 .chapter-copy{margin-bottom:28px}
 .chapter-copy .copy-detail{font-size:14px;line-height:1.6}
 .bright-edit .staggered-gallery>.film-card:last-child{width:66%}
 .content-edit .three-gallery{gap:28px 16px}
 .content-edit .three-gallery>.film-card:last-child{width:60%}
 main>section:not(.cover) .film-card>.video-controls{gap:3px}
 main>section:not(.cover) .video-controls button{font-size:13px;padding:6px 7px;min-height:38px}
 main>section:not(.cover) .video-controls .play{min-width:46px}
 main>section:not(.cover) .video-controls .expand{width:30px;min-width:30px;padding:6px}
 main>section:not(.cover) .film-card figcaption{font-size:13px;margin-top:9px}
 main>section:not(.cover) .theme-window>.video-controls button{font-size:12px;min-height:32px;padding:5px 6px}
 main>section:not(.cover) .theme-window>.video-controls .expand{display:none}
 .rates .chapter-copy{font-size:25px;margin-bottom:32px}
 .rates .services{padding:24px}
}
@media(max-width:380px){
 header .wordmark{font-size:21px}header nav{font-size:12px;gap:9px}
 main>section:not(.cover) .video-controls button{font-size:12px;padding:6px}
 main>section:not(.cover) .video-controls .play{min-width:42px}
 main>section:not(.cover) .video-controls .expand{width:26px;min-width:26px;padding:4px}
}
.motion-paused .inflatable-edge img{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.inflatable-edge img{animation:none!important}}