:root{--ink:#132d2d;--paper:#f3f2eb;--accent:#dce8b2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #73884d}header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #132d2d22}.brand{font-size:25px;letter-spacing:5px;text-decoration:none}header nav{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}header nav a{padding:5px 0;text-decoration:none}header [aria-current]{border-bottom:2px solid var(--ink)}main{max-width:1500px;margin:auto;padding:38px 5% 70px}.intro{max-width:900px;margin-bottom:35px}.back{font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;margin-top:30px}h1{font:400 clamp(36px,4.3vw,64px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:20px 0}h2{font:400 28px/1.2 Georgia,serif}.lead{font-size:18px;max-width:780px}.privacy{font-size:13px;color:#52665d;max-width:800px}.workspace{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.35fr);gap:30px;align-items:start}.editor{background:#fffdf7;border:1px solid #132d2d22;padding:26px;border-radius:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #132d2d55;border-radius:7px;background:#fff;font-size:14px;font-weight:400}textarea{resize:vertical}fieldset{margin:25px 0;padding:0;border:0}legend{font-weight:600;margin-bottom:12px}.upload{display:inline-flex;background:#e5e9dc;border:1px dashed #788669;padding:14px 18px;border-radius:10px;cursor:pointer}#photos{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0;white-space:nowrap}.upload:has(+input:focus-visible){outline:2px solid #73884d;outline-offset:4px}.small{font-size:12px;line-height:1.6;color:#52665d}.photo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.photo-card{position:relative;min-width:0}.photo-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;display:block}.photo-card>span{font-size:11px}.photo-actions{display:flex;gap:3px}.photo-actions button{padding:3px 8px;background:white;border:1px solid #132d2d55;border-radius:4px;cursor:pointer;min-height:30px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 5px}button,.primary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;gap:8px;padding:10px 17px;border:1px solid #132d2d55;border-radius:24px;background:transparent;text-decoration:none;cursor:pointer;font-size:13px}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}button:disabled{opacity:.4;cursor:default}.output{min-width:0;background:#e5e9dc;padding:24px;border-radius:14px}.output:focus{outline:none}.output-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.draft{font-size:10px;letter-spacing:1.6px;font-weight:600}.scope{font-size:12px;color:#40564c;margin:15px 0 20px}.film-stage{position:relative;max-width:350px;margin:auto;aspect-ratio:9/16;background:#122426;overflow:hidden;border-radius:7px;isolation:isolate}.film-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-photo{z-index:0;animation:gentle-reveal 3.4s ease-out both}.paused .scene-photo{animation-play-state:paused}.scene-old{z-index:1;animation:fade-away .65s ease forwards}.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071b1be0,transparent 70%);z-index:2}.scene-caption{position:absolute;bottom:12%;left:8%;right:8%;color:#fff;font:400 clamp(22px,2.5vw,35px)/1.2 Georgia,serif;z-index:3;overflow-wrap:anywhere}.scene-mark{position:absolute;top:5%;left:8%;right:8%;font-size:8px;letter-spacing:1px;color:#fff;z-index:3}.scene-counter{position:absolute;bottom:4%;right:8%;z-index:3;color:#fff;font-size:12px}.scene-list{list-style:none;padding:0}.scene-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;margin:15px 0;align-items:end}.scene-choice{padding:0;min-height:38px;border-radius:50%;background:#f3f2eb}.scene-choice[aria-pressed=true]{background:#132d2d;color:white}.scene-list label{min-width:0}.enquire{border-top:1px solid #132d2d33;margin-top:28px;padding-top:10px}.enquire h2{font-size:25px}#error{background:#f3ddd4;color:#782c20;padding:12px;border-radius:7px}.website-device{--web:#183f3c;--tint:#edf0e3;background:#fffef8;border:6px solid #233b39;border-radius:12px;overflow:hidden;container-type:inline-size;margin:20px auto 0;width:100%}.website-device[data-theme=ocean]{--web:#17466a;--tint:#e5edf2}.website-device[data-theme=warm]{--web:#70482f;--tint:#f0e5d5}.website-device.mobile{max-width:350px}.web-nav{padding:20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #132d2d22;color:var(--web)}.web-nav strong{font-family:Georgia,serif;font-size:18px;overflow-wrap:anywhere}.web-nav span{font-size:10px}.web-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--tint)}.web-hero>div{padding:28px 20px}.web-hero h2{font:400 28px/1.1 Georgia,serif;color:var(--web);overflow-wrap:anywhere}.web-hero p:not(.web-kicker){font-size:12px;line-height:1.6}.web-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1px}.web-hero img{width:100%;height:100%;min-height:290px;object-fit:cover}.web-button{display:inline-block;background:var(--web);color:white;padding:9px 15px;border-radius:20px;font-size:11px}.web-about,.web-gallery,.web-contact{padding:25px 20px}.web-about h3,.web-gallery h3,.web-contact h3{font:400 23px Georgia,serif;color:var(--web);margin:0 0 15px}.web-about p,.web-contact p{font-size:12px;overflow-wrap:anywhere}.web-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.web-services>div{padding:15px 8px;background:var(--tint);font-size:11px;overflow-wrap:anywhere}.web-gallery>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.web-gallery img{width:100%;height:160px;object-fit:cover}.web-contact{background:var(--web);color:white}.web-contact h3{color:inherit}.web-contact small{font-size:8px;letter-spacing:1px}.view-controls button[aria-pressed=true]{background:#132d2d;color:white}@container(max-width:420px){.web-hero{grid-template-columns:1fr}.web-hero img{height:250px;min-height:0}.web-services{grid-template-columns:1fr}.web-gallery img{height:130px}.web-nav{padding:15px}.web-hero h2{font-size:31px}}footer{border-top:1px solid #132d2d22;padding:24px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}[hidden]{display:none!important}@keyframes gentle-reveal{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes fade-away{to{opacity:0}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.editor,.output{padding:22px}.intro{max-width:720px}.film-stage{max-width:320px}.scene-caption{font-size:30px}}@media(max-width:500px){header{gap:20px;align-items:start}.brand{font-size:20px;letter-spacing:3px}header nav{gap:6px 12px;justify-content:flex-end}.fields{grid-template-columns:1fr}.wide{grid-column:auto}main{padding-top:24px}.lead{font-size:16px}.editor,.output{padding:18px}.photo-actions button{padding:2px 7px}.scene-caption{font-size:27px}.output .primary{max-width:100%;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.tool-demo{margin:0 0 32px;padding:24px;border:1px solid #c2ccb9;border-radius:18px;background:#e5e9dc;display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:center}.tool-demo h2{font-size:clamp(24px,3vw,36px);margin:8px 0}.tool-demo video{width:100%;max-height:390px;aspect-ratio:9/16;border-radius:12px;background:#132d2d;grid-column:2;grid-row:1/3}.tool-demo .small{align-self:end}@media(max-width:600px){.tool-demo{grid-template-columns:1fr;padding:18px}.tool-demo video{grid-column:1;grid-row:auto;max-width:250px;justify-self:center}.tool-demo .small{grid-row:3}}