/* r12: isolated modal styles. No site/header/footer/scene layout overrides. */
.ck-project-modal,.ck-project-gallery{box-sizing:border-box;position:fixed;inset:0;margin:auto;border:1px solid #d9d1c4;padding:0;color:#2a2a2a;background:#f5f3ee;box-shadow:0 24px 100px #0006;max-width:none;max-height:none;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.ck-project-modal{width:min(1100px,calc(100% - 64px));height:min(960px,calc(100dvh - 64px));border-radius:4px}
.ck-project-modal[open]{display:flex;flex-direction:column;animation:ck-project-enter .18s ease-out}
.ck-project-modal::backdrop,.ck-project-gallery::backdrop{background:rgb(32 29 25 / .76);backdrop-filter:blur(4px)}
.ck-project-modal__bar,.ck-project-gallery__bar,.ck-project-gallery__nav{display:flex;align-items:center;gap:20px;padding:12px 22px;background:#f2e8cf;border-bottom:1px solid #d9d1c4;flex:none}
.ck-project-modal__label{margin:0!important;flex:1;min-width:0;font-size:11px!important;line-height:1.4!important;letter-spacing:.09em;text-transform:uppercase;color:#634d38!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-project-modal__direct{font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;color:#634d38!important}
.ck-project-modal button,.ck-project-gallery button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #634d38!important;background:#634d38!important;color:#f2e8cf!important;border-radius:2px;min-height:44px;min-width:44px;padding:8px 14px;font:14px/1.3 Arial,Helvetica,sans-serif;cursor:pointer;flex-shrink:0}
.ck-project-modal button:hover,.ck-project-gallery button:hover{background:#201d19!important}
.ck-project-modal :focus-visible,.ck-project-gallery :focus-visible{outline:2px solid #b68f4b!important;outline-offset:3px}
.ck-project-modal__close span{font-size:24px;line-height:1}
.ck-project-modal__content{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;flex:1;scroll-behavior:auto;outline-offset:-4px!important}
.ck-project-modal__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ck-project-modal__loading{padding:40px;font-size:18px;line-height:1.6}
body.ck-v9-family .ck-project-modal .projectsingle__hero{padding:36px 0!important}
body.ck-v9-family .ck-project-modal .projectsingle__shell{width:calc(100% - 72px)!important;max-width:none!important}
body.ck-v9-family .ck-project-modal .projectsingle__title{font-size:clamp(30px,3.6vw,52px)!important;line-height:1.09!important;margin:16px 0 24px!important;overflow-wrap:anywhere}
body.ck-v9-family .ck-project-modal .projectsingle__heading{font-size:clamp(26px,2.6vw,36px)!important}
body.ck-v9-family .ck-project-modal .projectsingle__intro{font-size:16px!important;line-height:1.75!important;max-width:80ch}
.ck-project-modal .projectsingle__meta{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:13px;margin-bottom:24px}
.ck-project-modal .projectsingle__media-section,.ck-project-modal .projectsingle__gallery-section,.ck-project-modal .projectsingle__cta-section{padding:32px 0!important;margin:0!important}
.ck-project-modal .projectsingle__media-frame{overflow:hidden}
.ck-project-modal .projectsingle__image{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
.ck-project-modal .projectsingle__gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ck-project-modal .projectsingle__gallery-grid a{display:block;min-width:0;cursor:zoom-in}
.ck-project-modal .projectsingle__gallery-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.ck-project-modal .projectsingle__section-head{margin-bottom:24px}
.ck-project-modal .projectsingle__cta{display:block!important;padding:0!important}
.ck-project-modal .projectsingle__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ck-project-modal iframe{display:block;width:100%;border:0;max-height:65dvh}
.ck-project-gallery{width:min(1280px,calc(100% - 32px));height:calc(100dvh - 32px);background:#201d19;color:#f2e8cf;border-color:#634d38;border-radius:3px}
.ck-project-gallery[open]{display:flex;flex-direction:column}
.ck-project-gallery__bar,.ck-project-gallery__nav{background:#201d19;color:#f2e8cf;border-color:#634d38;justify-content:space-between}
.ck-project-gallery__count{font-size:14px}
.ck-project-gallery>img{display:block;min-height:0;flex:1;width:100%;object-fit:contain;padding:12px}
.ck-project-gallery__nav{border-top:1px solid #634d38;border-bottom:0}
.ck-project-gallery__nav a{color:#f2e8cf!important;font-size:13px;text-decoration:underline}
@media(max-width:600px){.ck-project-modal{width:calc(100% - 20px);height:calc(100dvh - 32px)}.ck-project-modal__bar{padding:10px;gap:10px;flex-wrap:wrap}.ck-project-modal__label{flex-basis:100%;font-size:10px!important}.ck-project-modal__direct{margin-right:auto;font-size:12px}.ck-project-modal button{font-size:13px;padding:8px 10px}body.ck-v9-family .ck-project-modal .projectsingle__shell{width:calc(100% - 36px)!important}body.ck-v9-family .ck-project-modal .projectsingle__hero{padding:24px 0!important}body.ck-v9-family .ck-project-modal .projectsingle__title{font-size:30px!important}.ck-project-modal .projectsingle__gallery-grid{gap:10px}.ck-project-modal .projectsingle__actions a{width:100%;text-align:center}.ck-project-gallery__bar,.ck-project-gallery__nav{padding:10px;gap:10px}.ck-project-modal__loading{padding:24px}}
@keyframes ck-project-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ck-project-modal[open]{animation:none}.ck-project-modal *{scroll-behavior:auto!important}}
/* Canonical 360 embeds carry page-local styles; scope their existing 16:9 wrapper here. */
.ck-project-modal .responsive-container{width:100%;aspect-ratio:16/9;overflow:hidden;box-sizing:border-box;margin-bottom:20px;position:relative}
.ck-project-modal .scaled-frame{position:absolute;inset:0 auto auto 0;width:142.86%;height:142.86%;transform:scale(.7);transform-origin:0 0}
.ck-project-modal .scaled-frame iframe{width:100%;height:100%;max-height:none;border:none;display:block}