@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/plusjakartasans.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--craft-paper:#f7f7f2;--craft-ink:#102a37;--craft-muted:#47616e;--craft-line:#d4dfe0;--craft-teal:#0aa3be}
.craft-section{position:relative;z-index:2;background:var(--craft-paper);color:var(--craft-ink);padding:88px max(5vw,20px);font-family:'Plus Jakarta Sans',sans-serif}
.craft-eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#087da5;margin:0 0 22px}
.craft-heading{text-align:center;margin:0 auto 38px}.craft-heading h2,.finish-copy h2{font-size:clamp(40px,5.6vw,80px);font-weight:400;line-height:1.06;letter-spacing:-.065em;margin:0 0 22px}.craft-heading>p:last-child{font-size:17px;color:var(--craft-muted)}
.color-view{position:relative;isolation:isolate;max-width:1350px;aspect-ratio:16/9;margin:auto;border-radius:36px;overflow:hidden;background:#d8dcd6}
.color-view video,.color-before,.portrait-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.color-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}
.frame-label{position:absolute;z-index:2;top:24px;padding:9px 14px;border-radius:999px;color:white;background:#102a3766;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.label-before{left:24px}.label-after{right:24px}
.split-line{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none}.split-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-content:center;width:52px;height:52px;border-radius:50%;background:white;color:var(--craft-ink);font:400 27px 'Plus Jakarta Sans';box-shadow:0 3px 18px #0002;white-space:pre}
.split-range{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.color-view:has(.split-range:focus-visible){outline:3px solid var(--craft-teal);outline-offset:5px}
.demo-playbar{position:absolute;z-index:4;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:35px 22px 18px;background:linear-gradient(transparent,#07192280);color:white}.demo-playbar button{border:1px solid #ffffff55;background:#102a3738;color:#fff;border-radius:999px;padding:9px 14px;font:500 11px 'Plus Jakarta Sans';cursor:pointer}.demo-playbar>span{font-size:9px;letter-spacing:.18em}.demo-playbar button:hover{background:#102a3780}
.demo-note{max-width:900px;margin:18px auto 0;color:#607680;font-size:11px;line-height:1.7;text-align:center}.finish-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,8vw,130px);align-items:center;padding-left:max(calc((100vw - 1140px)/2),6vw);padding-right:max(calc((100vw - 1140px)/2),6vw);padding-top:100px;padding-bottom:80px}.finish-copy{max-width:460px}.finish-copy h2 em{font-style:normal;color:#087da5}.finish-intro{font-size:20px;color:var(--craft-muted);margin:0 0 32px}
.layer-controls{display:grid;gap:9px;max-width:350px}.layer-button,.compare-button{font:500 14px 'Plus Jakarta Sans';color:var(--craft-ink);min-height:54px;border:1px solid var(--craft-line);border-radius:999px;background:#ffffff70;display:flex;align-items:center;gap:18px;padding:12px 19px;cursor:pointer;text-align:left;transition:background .18s,border-color .18s}.layer-button[aria-pressed=true]{border-color:#0aa3be99;background:#fff}.layer-icon{width:24px;text-align:center;font-size:20px;font-weight:400}.layer-state{display:grid;place-content:center;margin-left:auto;width:27px;height:27px;border-radius:50%;border:1px solid var(--craft-line);font-size:17px}.layer-button[aria-pressed=true] .layer-state{background:#087da5;color:white;border-color:#087da5}.layer-button small{display:block;font-size:10px;font-weight:400;color:#667f88;margin-top:3px}.layer-button:disabled{opacity:.55;cursor:not-allowed}.layer-button:not(:disabled):hover{background:#eaf4f4}.layer-count{font-size:9px;letter-spacing:.16em;color:#667f88;margin:22px 0 16px}.compare-button{width:min(350px,100%);justify-content:center;gap:16px;user-select:none;touch-action:none}.compare-button[aria-pressed=true]{background:var(--craft-ink);color:white;border-color:var(--craft-ink)}.compare-hint{font-size:11px;color:#667f88;margin:11px 0 0}.craft-link{display:inline-flex;gap:24px;color:var(--craft-ink);padding:10px 0;border-bottom:1px solid var(--craft-ink);margin-top:35px;font-size:17px;text-decoration:none}
.finish-media{width:100%;max-width:380px;justify-self:center}.portrait-view{position:relative;aspect-ratio:9/16;background:#cbd4d2;border-radius:32px;overflow:hidden;isolation:isolate}.portrait-label{text-align:center;font-size:9px;letter-spacing:.18em;color:#667f88;margin-top:18px}.finish-note{grid-column:1/-1;max-width:700px;margin-top:30px}
.craft-section button:focus-visible,.craft-page a:focus-visible,.craft-page button:focus-visible{outline:3px solid var(--craft-teal);outline-offset:4px}
/* The closing invitation continues the paper / ink identity. */
.closing-stage::before{background:linear-gradient(transparent,var(--craft-paper) 50%)}.closing-card{background:var(--craft-paper);color:var(--craft-ink);box-shadow:none}.closing-card .closing-section,.closing-card .closing-inner h2,.closing-card .closing-inner h2 em{color:var(--craft-ink)}.closing-card .closing-inner h2 em{color:#087da5}.closing-card .closing-inner .eyebrow,.closing-card .closing-inner>div p,.closing-card footer,.closing-card footer .footer-brand{color:var(--craft-muted)}.closing-card .closing-button{background:var(--craft-ink);color:white}.closing-card footer{border-top:1px solid var(--craft-line)}.closing-card footer .footer-brand img{filter:none}.closing-card footer a:hover{color:#087da5}
/* Independent pages share the exact preview font, mark and palette. */
.craft-page{margin:0;background:var(--craft-paper);color:var(--craft-ink);font:400 15px/1.6 'Plus Jakarta Sans',sans-serif}.craft-page *{box-sizing:border-box}.craft-page a{color:inherit;text-decoration:none}.craft-page-header{max-width:1450px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:35px}.craft-brand{display:flex;flex-direction:column;align-items:center;width:155px;flex:none}.craft-brand img{width:100%;height:auto}.craft-brand span{font-size:7px;letter-spacing:.17em;margin-top:5px}.craft-page-header nav{display:flex;gap:30px;font-size:12px}.craft-page-header [aria-current]{color:#087da5}.craft-page main{max-width:1300px;margin:auto;padding:50px 5% 110px}.page-intro{padding:35px 0 65px}.page-intro h1{font-size:clamp(46px,6vw,88px);font-weight:400;line-height:1.06;letter-spacing:-.065em;margin:0 0 26px}.page-intro h1 em{font-style:normal;color:#087da5}.page-intro>p:last-child{font-size:19px;max-width:600px;color:var(--craft-muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.service-grid article{border-top:1px solid var(--craft-line);padding-top:26px}.service-grid article>span{font-size:10px;letter-spacing:.15em;color:#087da5}.service-grid h2,.editorial-block h2{font-size:29px;line-height:1.2;font-weight:400;letter-spacing:-.04em}.service-grid p,.editorial-block p{color:var(--craft-muted)}.service-grid a,.editorial-block a{display:inline-block;margin-top:15px;border-bottom:1px solid var(--craft-line);font-size:12px}.editorial-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.editorial-block img{width:100%;border-radius:28px}.craft-page-footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--craft-line);font-size:11px}.page-skip{position:fixed;top:-100px}.page-skip:focus{top:10px;background:white;padding:12px;z-index:10}.page-brief{max-width:700px}.page-brief label{display:grid;gap:8px;margin-bottom:24px;font-size:12px}.page-brief input,.page-brief textarea,.page-brief select{font:inherit;padding:14px;border:1px solid var(--craft-line);background:white;border-radius:12px;color:var(--craft-ink);width:100%}.brief-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.page-brief button{border:0;border-radius:999px;background:var(--craft-ink);color:white;padding:17px 25px;font:500 13px 'Plus Jakarta Sans';cursor:pointer}.page-brief>p{font-size:12px;color:var(--craft-muted)}
@media(max-width:760px){.craft-section{padding:55px 20px}.craft-heading{margin-bottom:27px}.craft-heading h2{font-size:40px}.craft-heading>p:last-child{font-size:14px}.color-view{border-radius:20px}.frame-label{top:12px;font-size:7px;padding:6px 8px}.label-before{left:12px}.label-after{right:12px}.split-line>span{width:40px;height:40px;font-size:22px}.demo-playbar{padding:24px 10px 10px}.demo-playbar button{font-size:9px;padding:7px 9px}.demo-playbar>span{display:none}.finish-section{grid-template-columns:1fr;gap:30px}.finish-copy{display:contents}.finish-copy>.craft-eyebrow{grid-row:1;margin:0}.finish-copy>h2{grid-row:2;margin:0;font-size:52px}.finish-intro{grid-row:3;margin:-12px 0 0;font-size:17px}.finish-media{grid-row:4;width:min(100%,330px)}.layer-controls{grid-row:5;width:100%;max-width:430px;justify-self:center}.layer-count{grid-row:6;margin:-15px 0 0;text-align:center}.compare-button{grid-row:7;justify-self:center}.compare-hint{grid-row:8;margin:-20px 0 0;text-align:center}.craft-link{grid-row:9;justify-self:center;margin:0}.finish-note{grid-row:10;margin:0}.craft-page-header{align-items:flex-start;flex-direction:column;padding:25px 6%;gap:25px}.craft-page-header nav{gap:20px;flex-wrap:wrap;font-size:11px}.craft-page main{padding:20px 6% 65px}.page-intro{padding:25px 0 40px}.page-intro>p:last-child{font-size:16px}.service-grid,.editorial-block{grid-template-columns:1fr;gap:30px}.craft-page-footer{flex-wrap:wrap;padding:28px 6%}.brief-pair{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.craft-section *{transition:none!important}}

/* Genuine export switching: retain the old frame until the candidate is ready. */
.portrait-view video.media-buffer{opacity:0;pointer-events:none}.comparison-unavailable .color-before,.comparison-unavailable .split-line,.comparison-unavailable .frame-label{visibility:hidden}.craft-section button:disabled{opacity:.45;cursor:not-allowed}.color-view,.portrait-view{background:linear-gradient(140deg,#dce4df,#a9bfbc)}

/* v40: fade the live film into the first opaque section, including with no clients. */
.clients-section[hidden]{display:none!important}
.color-section::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:clamp(180px,25vw,360px);pointer-events:none;background:linear-gradient(to bottom,#f7f7f200 0%,#f7f7f212 18%,#f7f7f24d 40%,#f7f7f2a6 65%,#f7f7f2e6 84%,#f7f7f2 100%)}
/* Keep statistics and future client names above the background fade. */
.hero+.proof,.clients-section{position:relative;z-index:3}