.sunrooms-intro{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.sunrooms-intro>p:not(.label){max-width:640px}.sunroom-benefits{background:var(--cream)}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.benefit-grid article{display:flex;flex-direction:column;gap:16px}.project-collection>header{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.project-grid,.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.sunroom-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.sunroom-card>img{width:100%;height:350px;object-fit:cover;transition:opacity .25s}.sunroom-card:hover>img{opacity:.9}.sunroom-card:hover .text-link .icon{transform:translateX(4px)}.sunroom-card>p:not(.label){min-height:56px}.walkthroughs>header{display:flex;flex-direction:column;gap:48px;text-align:center;margin-bottom:48px}.film-card{display:flex;flex-direction:column;gap:16px}.film-poster{padding:0;position:relative;width:100%;height:351px;background:var(--ink);display:flex;align-items:center;justify-content:center}.film-poster>img{width:100%;height:100%;object-fit:contain}.play-button{position:absolute;display:flex;width:64px;height:64px;align-items:center;justify-content:center;background:var(--ink);transition:background .2s,transform .2s}.film-poster:hover .play-button{background:var(--deep);transform:scale(1.05)}.film-duration{position:absolute;right:16px;bottom:16px;background:var(--ink);color:#fff;min-width:64px;padding:5px 8px;font-size:14px;line-height:22px}.nav-link[aria-current=page]:after{transform:scaleX(1)}
.media-viewer{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);background:var(--paper);color:var(--muted);overscroll-behavior:contain}.media-viewer[open]{animation:viewer-appear .25s var(--ease)}.media-viewer::backdrop{background:rgb(48 35 29 / .75)}.viewer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.viewer-heading h2{font-size:28px;line-height:40px}.media-viewer>p{margin-block:16px}.gallery-stage{position:relative;background:var(--cream);margin-top:16px}.gallery-stage>img{width:100%;height:55vh;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:16px}.gallery-controls .button{padding:8px 16px;min-height:44px;font-size:20px}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 4px;margin-bottom:12px}.gallery-thumbs button{flex:none;width:76px;height:60px;padding:3px;border:1px solid transparent}.gallery-thumbs button[aria-current=true]{border-color:var(--ink)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}#project-video{width:100%;max-height:65vh;background:var(--deep);margin-block:16px}.project-enquiry{margin-top:8px}.media-viewer [hidden]{display:none!important}@keyframes viewer-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.sunroom-benefits .section-heading{margin-bottom:32px}.benefit-grid{grid-template-columns:1fr;gap:32px}.project-grid,.film-grid{grid-template-columns:1fr}.sunroom-card>img{height:350px}.walkthroughs>header{text-align:left;gap:24px;margin-bottom:24px}.film-poster{height:auto;aspect-ratio:342/192}.media-viewer{padding:16px}.viewer-heading h2{font-size:22px;line-height:32px}.gallery-stage>img{height:42vh}.project-enquiry{width:100%}}

.service-body,.project-body{overflow-wrap:anywhere}.service-body>*+*,.project-body>*+*{margin-top:24px}@media(prefers-reduced-motion:reduce){.media-viewer[open]{animation:none}}