/* Plan / layered coastal studio. All image layers share the same 1672 × 941 camera. */
.create-scene-hero{background:#181818;min-height:calc(100svh - var(--ph-header));overflow:hidden;isolation:isolate}.create-scene{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}.create-scene-stage{position:absolute;left:50%;top:50%;width:max(100%,calc((100svh - var(--ph-header))*1.777));height:100%;min-height:calc(100vw / 1.777);aspect-ratio:1672/941;transform:translate(-50%,-50%);transform-origin:center;will-change:transform}.create-scene-stage>img,.create-live-layers,.create-live-layers>img,.create-distance-layer,.create-distance-layer>img,.create-sky-mask,.create-sky-mask>img,.create-outdoor-window,.create-water-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none;margin:0}.create-scene-poster{z-index:8;opacity:1;transition:opacity .55s ease}.create-live-layers{opacity:0}.create-scene-ready .create-live-layers{opacity:1}.create-scene-ready .create-scene-poster{opacity:0}.create-room-layer{z-index:0}.create-outdoor-window{clip-path:polygon(35.25% 10.8%,97.45% .1%,97.45% 54.1%,35.25% 50.6%);overflow:hidden;z-index:1}.create-distance-layer{will-change:transform;transform-origin:70% 35%}.create-sky-mask{clip-path:polygon(38% 12%,96% 2%,96% 23%,80% 25%,65% 24%,55% 26%,45% 27%,38% 25%);mask-image:linear-gradient(90deg,transparent 35%,#000 43%,#000 91%,transparent 98%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 43%,#000 91%,transparent 98%);opacity:.75}.create-cloud-layer{will-change:transform}.create-water-layer{z-index:2;pointer-events:none}.create-fog{position:absolute;width:73%;height:13%;left:29%;top:25%;pointer-events:none;z-index:3;mask-image:radial-gradient(ellipse at center,#000 0%,#0008 36%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#0008 36%,transparent 70%);will-change:transform,opacity;opacity:.28}.create-fog-near{width:83%;height:12%;top:32%;left:32%;opacity:.12}.create-fog-texture{display:block;width:100%;height:100%;overflow:visible}.create-daylight{position:absolute;inset:0;z-index:2;clip-path:polygon(30% 59%,100% 52%,100% 100%,0 100%);background:linear-gradient(120deg,transparent 30%,#fff 50%,transparent 72%);opacity:.025;mix-blend-mode:soft-light;pointer-events:none}.create-foreground-layer{z-index:4;will-change:transform;transform-origin:80% 88%}.create-scene-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.40) 35%,rgba(0,0,0,.09) 62%,rgba(0,0,0,.015)),linear-gradient(0deg,rgba(0,0,0,.43),transparent 28%,transparent 88%,rgba(0,0,0,.14))}.create-scene-hero .ph-shell{min-height:calc(100svh - var(--ph-header));padding-block:25px 24px}.create-scene-content{flex:1;display:flex;align-items:center;padding-block:40px 45px}.create-scene-content .ph-copy{max-width:620px;width:49%}.create-scene-content .ph-identity{margin-bottom:20px}.create-scene-content .ph-identity .ph-mono{font-size:13px;line-height:1.6}.parent-create .create-scene-content .ph-copy h1{font-size:31px;margin-bottom:21px;font-weight:400}.parent-create .create-scene-content .ph-copy h2{font-size:clamp(45px,4.1vw,68px);line-height:1.035;font-weight:600;letter-spacing:-.05em}.create-scene-content .ph-copy>p{font-size:17px;line-height:1.75;max-width:44ch;margin:27px 0 30px;color:#ededed}.create-scene-content .ph-actions{gap:22px 28px}.create-scene-content .ph-actions .button{min-height:50px;padding:15px 20px;font-size:13px;gap:28px}.create-scene-content .ph-text-link{font-size:13px}.create-scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.create-scroll-cue{display:flex;align-items:center;gap:17px;min-height:44px;font:13px/1.5 'Courier New',Courier,monospace;letter-spacing:.025em;color:#fff}.create-scroll-cue svg{flex-shrink:0}.create-scene-bottom nav{display:flex;align-items:center;gap:30px;margin-left:auto}.create-scene-bottom nav>a{font-size:12px;line-height:1.5;color:#f3f3f3;padding:10px 0}.create-scene-bottom nav>a:hover,.create-scroll-cue:hover{color:#bbb}.create-motion-toggle{display:flex;align-items:center;gap:10px;border:1px solid #ffffff70;background:#17171738;color:#fff;min-height:42px;padding:11px 13px;font:11px/1.4 'Courier New',Courier,monospace;cursor:pointer;white-space:nowrap}.create-motion-toggle[hidden]{display:none}.create-motion-toggle:hover{background:#ffffff20}.create-motion-toggle[aria-pressed=true] .create-pause-icon{clip-path:polygon(12% 0,100% 50%,12% 100%);background:currentColor}.create-motion-toggle[aria-pressed=true] .create-pause-icon>path{display:none}.create-scene-hero :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}.create-enquiry-dialog:not([open]){display:none}.create-enquiry-dialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100% - 40px));max-width:650px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #777;border-radius:0;background:#f5f5f5;color:#171717;box-shadow:none;overflow-y:auto;overscroll-behavior:contain}.create-enquiry-dialog::backdrop{background:rgba(0,0,0,.73)}.create-enquiry-top{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:19px 28px;border-bottom:1px solid #c5c5c5;background:#efefef}.create-enquiry-top>.ph-mono{font-size:12px;color:#666}.create-enquiry-top>button{display:flex;gap:23px;align-items:center;border:0;background:transparent;font:13px Helvetica,Arial,sans-serif;color:#222;cursor:pointer;min-height:30px;padding:0}.create-enquiry-top>button>span{font-size:26px;font-weight:300}.create-enquiry-dialog .ph-form-card{border:0;background:#f5f5f5;padding:29px;max-width:none;margin:0}.create-enquiry-dialog .ph-form-card>.ph-mono{font-size:12px;color:#666}.parent-create .create-enquiry-dialog .ph-form-card h2{font-size:36px;color:#171717;font-weight:500;letter-spacing:-.04em;line-height:1.12;margin-top:12px}.create-enquiry-dialog .ph-form-card>p{font-size:15px;line-height:1.7;max-width:48ch;margin-block:14px 23px}.create-enquiry-dialog .ph-form-grid{gap:17px 20px}.create-enquiry-dialog .ph-form-grid input,.create-enquiry-dialog .ph-form-grid textarea{font-size:16px;min-height:45px;background:white}.create-enquiry-dialog .ph-form-grid textarea{min-height:96px}.create-enquiry-dialog .ph-preview-note{font-size:11px;line-height:1.6}.create-enquiry-dialog :is(a,button,input,textarea):focus-visible{outline:2px solid #333;outline-offset:3px}body.create-enquiry-open{overflow:hidden}.create-scene-hero [hidden],.create-enquiry-dialog [hidden]{display:none!important}
@media(min-width:1800px){.create-scene-content .ph-copy{width:46%}.parent-create .create-scene-content .ph-copy h2{font-size:72px}.create-scene-content .ph-copy>p{font-size:18px}.create-scene-content .ph-actions .button{font-size:14px}}
@media(max-width:1100px){.create-scene-content .ph-copy{width:58%;max-width:570px}.parent-create .create-scene-content .ph-copy h2{font-size:clamp(44px,5.4vw,60px)}.create-scene-content .ph-copy>p{font-size:16px}.create-scene-bottom nav{gap:18px}.create-scene-bottom{gap:20px}.create-scene-bottom nav>a{font-size:11px}.create-motion-toggle{font-size:10px;padding:10px}.create-scene-content .ph-identity .ph-mono{font-size:12px}}
@media(max-width:760px){.create-scene-stage{left:43%}.create-scene-hero .ph-shell{padding-block:20px 22px}.create-scene-content{padding-block:30px;align-items:center}.create-scene-content .ph-copy{width:100%;max-width:490px}.create-scene-content .ph-identity{margin-bottom:16px}.create-scene-content .ph-identity .ph-mono{font-size:11px}.parent-create .create-scene-content .ph-copy h1{font-size:26px;margin-bottom:19px}.parent-create .create-scene-content .ph-copy h2{font-size:clamp(39px,8.4vw,58px);line-height:1.05}.create-scene-content .ph-copy>p{font-size:15px;line-height:1.75;max-width:38ch;margin:22px 0 26px}.create-scene-content .ph-actions{gap:18px 24px}.create-scene-content .ph-actions .button{font-size:12px;padding:14px 17px;gap:25px;min-height:48px}.create-scene-content .ph-text-link{font-size:12px;max-width:none}.create-scene-bottom nav{display:none}.create-scene-bottom{gap:15px}.create-scroll-cue{font-size:12px;gap:12px;min-height:44px}.create-scroll-cue svg{width:21px;height:21px}.create-motion-toggle{font-size:10px;min-height:40px;gap:8px;padding:10px}.create-scene-shade{background:linear-gradient(90deg,#000b,#0006 70%,#0003),linear-gradient(0deg,#0005,transparent 40%)}.create-enquiry-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.create-enquiry-top{padding:15px 22px}.create-enquiry-dialog .ph-form-card{padding:23px}.parent-create .create-enquiry-dialog .ph-form-card h2{font-size:32px}.create-enquiry-dialog .ph-form-grid{gap:16px}.create-enquiry-dialog .ph-form-card>p{font-size:14px}.create-enquiry-dialog .ph-form-grid label{font-size:13px}}
@media(max-width:480px){.parent-create .create-scene-content .ph-copy h2{font-size:39px}.create-scene-content .ph-copy>p{font-size:15px}.create-scene-content .ph-actions{gap:17px}.create-scene-content .ph-text-link{font-size:12px}.create-scene-content .ph-actions .button{font-size:12px}.create-scene-bottom{gap:12px}.create-scroll-cue{font-size:11px;gap:8px}.create-motion-toggle{font-size:10px;padding:9px}.create-enquiry-dialog .ph-form-grid{grid-template-columns:1fr}}
@media(max-height:660px){.create-scene-hero .ph-shell{padding-block:17px}.create-scene-content{padding-block:24px}.parent-create .create-scene-content .ph-copy h2{font-size:clamp(36px,4vw,52px)}.create-scene-content .ph-copy>p{font-size:14px;line-height:1.6;margin-block:19px 23px}.create-scene-content .ph-identity{margin-bottom:13px}.parent-create .create-scene-content .ph-copy h1{font-size:25px;margin-bottom:16px}.create-scene-content .ph-actions .button{min-height:44px;padding-block:12px}}
@media(max-height:560px) and (max-width:900px){.create-scene-content .ph-copy>p{display:none}.create-scene-content .ph-actions{margin-top:23px}.create-scene-content{padding-block:18px}.create-scene-content .ph-identity .ph-mono{font-size:10px}.create-scroll-cue{font-size:11px}}
@media(prefers-reduced-motion:reduce){.create-scene-poster{transition:none}.create-fog,.create-cloud-layer,.create-foreground-layer,.create-distance-layer{will-change:auto}}

/* V43 / perspective motion belongs to the scene, never to the readable HTML. */
.create-scene{perspective:1200px}
.create-scene-stage{backface-visibility:hidden}
.create-foreground-depth,.create-distance-depth{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.create-foreground-depth{z-index:4}
.create-foreground-depth>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none}
.create-distance-depth{transform:scale(1.045);transform-origin:70% 35%}
.create-scene-hero{touch-action:pan-y;cursor:grab}
.create-scene-hero :is(a,button,input,textarea){cursor:pointer}
.create-is-dragging{cursor:grabbing;user-select:none}
.create-drag-cue{margin-left:auto;font-size:12px;color:#ddd;letter-spacing:.02em}
@media(max-width:760px){.create-drag-cue{display:none}.create-scene{perspective:1500px}}
@media(prefers-reduced-motion:reduce){.create-drag-cue{display:none}.create-scene-hero{cursor:auto}.create-foreground-depth,.create-distance-depth{will-change:auto}}

/* V45 / an intact landscape, with cloud texture confined to the sky. */
.create-sky-clouds{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden;clip-path:polygon(35.25% 10.8%,97.45% .1%,97.45% 24%,35.25% 24%);mask-image:linear-gradient(180deg,transparent 7%,#000 12%,#000 19%,transparent 24%);-webkit-mask-image:linear-gradient(180deg,transparent 7%,#000 12%,#000 19%,transparent 24%);pointer-events:none}
.create-sky-clouds .create-fog-far{top:10%;height:14%}
.create-sky-clouds .create-fog-near{top:16%;height:10%}
/* Matte enquiry panel: strong outer frame and clear field boundaries. */
.create-enquiry-dialog{border:1px solid #666;background:#141414;color:#f5f5f5;color-scheme:dark;box-shadow:none}
.create-enquiry-dialog::backdrop{background:rgba(0,0,0,.8)}
.create-enquiry-top{background:#1b1b1b;border-bottom:1px solid #646464;color:#fff}
.create-enquiry-top>.ph-mono{color:#ccc}
.create-enquiry-top>button{color:#fff}
.create-enquiry-dialog .ph-form-card{background:#141414;color:#f5f5f5}
.create-enquiry-dialog .ph-form-card>.ph-mono{color:#bbb}
.parent-create .create-enquiry-dialog .ph-form-card h2{color:#fff}
.create-enquiry-dialog .ph-form-card>p{color:#ccc}
.create-enquiry-dialog .ph-form-grid label{color:#eee}
.create-enquiry-dialog .ph-form-grid label small,.create-enquiry-dialog .ph-form-submit>small,.create-enquiry-dialog .ph-form-card .ph-preview-note{color:#bbb}
.create-enquiry-dialog .ph-form-grid input,.create-enquiry-dialog .ph-form-grid textarea{background:#202020;color:#fff;border:1px solid #696969;box-shadow:none}
.create-enquiry-dialog .ph-form-grid input::placeholder,.create-enquiry-dialog .ph-form-grid textarea::placeholder{color:#bcbcbc;opacity:1}
.create-enquiry-dialog .ph-form-grid input:focus,.create-enquiry-dialog .ph-form-grid textarea:focus{border-color:#fff;outline:1px solid #fff;outline-offset:2px}
.create-enquiry-dialog .ph-form-submit .button{background:#f2f2f2;color:#141414;border:1px solid #f2f2f2}
.create-enquiry-dialog .ph-form-submit .button:hover{background:#ccc;border-color:#ccc}
.create-enquiry-dialog .ph-form-card .ph-form-status{background:#242424;color:#fff;border:1px solid #888}
.create-enquiry-dialog :is(a,button,input,textarea):focus-visible{outline-color:#fff}

/* V46 / fine borders and a quiet geometric surround, confined to the outer rim. */
.create-enquiry-dialog{padding:10px;background-color:#1a1a1a;background-image:repeating-linear-gradient(45deg,transparent 0 9px,rgba(255,255,255,.085) 9px 10px,transparent 10px 20px),repeating-linear-gradient(-45deg,transparent 0 9px,rgba(255,255,255,.055) 9px 10px,transparent 10px 20px);background-size:28px 28px}
.create-enquiry-top{border:1px solid #3c3c3c;background:#191919}
.create-enquiry-dialog .ph-form-card{border:1px solid #3c3c3c;border-top:0;background:#141414}
.create-enquiry-dialog .ph-form-grid :is(input,textarea):focus,.create-enquiry-dialog .ph-form-grid :is(input,textarea):focus-visible{border-color:#c2c2c2;outline:none;background:#252525}
@media(max-width:480px){.create-enquiry-dialog{padding:7px}.create-enquiry-dialog .ph-form-card{padding-inline:20px}.create-enquiry-top{padding-inline:20px}}

/* V46 / softly animated environment and restrained perspective; the copy is selectable. */
.create-environment-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none;object-fit:fill}
.create-environment-ready .create-environment-canvas{opacity:1}
.create-environment-ready .create-room-layer{opacity:0}
.create-scene-hero .ph-copy{cursor:text;user-select:text;-webkit-user-select:text;touch-action:pan-y}
#create-enquiry-dialog .ph-form-card{border:1px solid #3c3c3c!important;border-top:0!important}

/* V48 / the original photograph is remapped once; no foliage or cloud cutouts. */
.create-environment-ready .create-room-layer{opacity:0}
.create-scene-content .ph-identity .service-icon{color:inherit;flex-shrink:0}

/* V49 / touch devices use the intact still photo; native scrolling never captures the scene. */
@media(max-width:1100px),(hover:none),(pointer:coarse){
 .create-scene-hero{cursor:auto;touch-action:pan-y pinch-zoom}
 .create-scene-stage{transform:translate(-50%,-50%)!important;will-change:auto}
 .create-scene-hero .create-scene-poster{opacity:1!important;transition:none;visibility:visible}
 .create-scene-hero .create-live-layers{display:none!important}
 .create-scene-hero .create-motion-toggle,.create-scene-hero .create-drag-cue{display:none!important}
}

/* Create / monochrome production studio, with continuous subtle studio lighting. */
.create-scene-stage{filter:grayscale(1) contrast(.90) brightness(1.05)}
.create-camera-drift{position:absolute;inset:0;animation:create-camera-breathe 24s ease-in-out infinite alternate;animation-play-state:paused}
.create-camera-drift>.create-room-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none}
.create-light{position:absolute;pointer-events:none;mix-blend-mode:screen;animation-play-state:paused!important}
.create-light-set{inset:0;z-index:2;background:radial-gradient(ellipse 3% 8% at 37% 45%,#ffffff30,transparent 75%),radial-gradient(ellipse 4% 10% at 62% 45%,#ffffff30,transparent 75%),radial-gradient(ellipse 3% 5% at 79% 51%,#ffffff25,transparent 75%);animation:create-set-light 7s ease-in-out infinite alternate}
.create-light-window{inset:0;z-index:3;background:radial-gradient(ellipse 18% 42% at 92% 21%,#ffffff1f,transparent 72%);animation:create-window-light 11s ease-in-out infinite alternate}
.create-light-floor{inset:0;z-index:3;clip-path:polygon(38% 61%,100% 59%,100% 100%,25% 100%);background:linear-gradient(126deg,transparent 45%,#ffffff12 55%,transparent 65%);animation:create-floor-light 16s ease-in-out infinite alternate}
.create-motion-running .create-camera-drift,.create-motion-running .create-light{animation-play-state:running!important}
.create-scene-content .ph-copy{width:45%;max-width:570px}
.create-scene-content .ph-copy>p{max-width:39ch}
.create-scene-shade{background:linear-gradient(90deg,#0007, #0004 33%,#0001 51%,transparent 68%),linear-gradient(0deg,#0007,transparent 28%)}
.parent-create{--panel-navigation-height:54px}
.parent-create .create-scene-hero,.parent-create .create-scene-hero .ph-shell{min-height:calc(100svh - var(--ph-header) - var(--panel-navigation-height))}
.parent-create .create-scene-stage{width:max(100%,calc((100svh - var(--ph-header) - var(--panel-navigation-height))*1.777));min-height:calc(100vw / 1.777)}
.parent-create main>[data-create-panel]:not(.create-scene-hero){scroll-margin-top:calc(var(--ph-header) + var(--panel-navigation-height) + 18px)}
.parent-create [id^="service-"]{scroll-margin-top:calc(var(--ph-header) + var(--panel-navigation-height) + 18px)}
@keyframes create-camera-breathe{from{transform:scale(1.008) translate3d(0,0,0)}to{transform:scale(1.022) translate3d(-3px,1px,0)}}
@keyframes create-set-light{from{opacity:.18}to{opacity:.65}}
@keyframes create-window-light{from{opacity:.15}to{opacity:.55}}
@keyframes create-floor-light{from{opacity:.2;transform:translateX(-1%)}to{opacity:.55;transform:translateX(1%)}}
@media(max-width:1100px){.create-scene-content .ph-copy{width:58%}}
@media(max-width:760px){.create-scene-content .ph-copy{width:100%;max-width:490px}.create-scene-stage{left:43%}.create-scene-shade{background:linear-gradient(90deg,#0009,#0006 70%,#0004),linear-gradient(0deg,#0005,transparent 40%)}}
@media(prefers-reduced-motion:reduce){.create-camera-drift,.create-light{animation:none!important}}

/* V53 / CSS alone owns the fitted image frame; animation moves only foreground equipment. */
.create-scene{container-type:size;background:#101010;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center}
.parent-create .create-scene-stage{position:relative;left:auto!important;top:auto!important;bottom:auto;width:min(100cqw,calc(100cqh * 1.77577),1600px);height:auto;min-height:0;aspect-ratio:1671/941;transform:none!important;overflow:hidden}
.create-camera-drift{animation:none;transform:none}
@media(max-width:760px){.parent-create .create-scene-stage{width:max(100cqw,calc(100cqh * 1.77577));justify-self:center;align-self:center}}

/* V54 / gentle scroll depth, independent of layout centering and foreground dragging. */
.parent-create .create-scene-stage{translate:0 var(--create-scroll-y,0px)}
@media(max-width:1100px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.parent-create .create-scene-stage{translate:none}}

/* V55 / full-bleed room, with separately right-anchored foreground equipment. */
.parent-create .create-scene-stage{width:max(100cqw,calc((100cqh + 80px) * 1.77577));height:auto;min-height:0;aspect-ratio:1671/941;justify-self:center;align-self:center}
.create-equipment-frame{position:absolute;right:-10px;top:-40px;height:calc(100% + 80px);width:calc((100cqh + 80px) * 1.77577);filter:grayscale(1) contrast(.90) brightness(1.05);translate:0 var(--create-scroll-y,0px);pointer-events:none}
@media(max-width:1100px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.create-equipment-frame{translate:none}.create-equipment-frame .create-foreground-depth{transform:none!important;will-change:auto}}