/* Digital Flow / audiovisual V4. Brand source: live website --bg #fbfaf7, --accent #247b5d; Plus Jakarta Sans + Inter. */
:root{--bg:#fbfaf7;--surface:#f4f6f2;--ink:#17221c;--soft:#596b60;--muted:#63786b;--line:rgba(23,34,28,.13);--accent:#247b5d;--accent2:#c98a4e;--serif:"Plus Jakarta Sans",sans-serif;--sans:"Inter",ui-sans-serif,system-ui,sans-serif;--display:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
html{scroll-padding-top:80px}
body{font-family:var(--sans);font-size:15px;line-height:1.6;background:var(--bg);color:var(--ink)}
h1,h2,h3,.brandtext strong{font-family:var(--display)}
h1 em,h2 em{font-family:var(--display);font-style:normal;font-weight:700;color:var(--accent);letter-spacing:-.065em}
a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #c98a4e;outline-offset:3px}
.shell{max-width:1220px;padding-inline:clamp(20px,4.5vw,48px)}
.review-banner{background:#e5ecdf;border-bottom:1px solid #b9c8bc;color:#284534}
.review-banner strong{color:#15543d}
nav{background:#fbfaf7f0;border-bottom:1px solid #d4dfd4}
.navbar{height:76px}.brand{color:var(--ink)}.logomark{background:#247b5d;color:#fff;border-radius:10px;letter-spacing:-1px}.brandtext span{color:#456652}.navlinks a{color:#34493b;font-size:12px}.navlinks a:hover{color:#247b5d}
.lang{background:#edf4ed;border-color:#d4e4d8}.lang button{color:#4e6759}.lang button.active{background:#247b5d;color:#fff}
.kicker{color:var(--accent);font-weight:750;font-size:11px;letter-spacing:.15em}
.kicker:before{background:currentColor}
.button{border-radius:9px;border-color:#d7e0d9;background:transparent;color:inherit;font-size:13px;min-height:49px}
.button.primary{background:#247b5d;border-color:#247b5d;color:#fff}
.button.primary:hover{background:#185b43;color:#fff}
.button:hover{border-color:#247b5d}
.hero{background:#101915;color:#f1f6ef;padding:0;border-bottom:0}
.hero-grid{grid-template-columns:.98fr 1.02fr;gap:clamp(24px,4vw,52px);align-items:center;min-height:610px;padding-block:72px}
.hero-content{position:relative;z-index:2;max-width:620px}
.hero .kicker{color:#a6dcc0}.hero .kicker:before{background:#a6dcc0}
.hero h1{font-size:clamp(49px,5.5vw,82px);line-height:1.04;letter-spacing:-.06em;margin:29px 0 26px;font-weight:800}
.hero h1 em{color:#a5d4b3}
.hero-copy{color:#bfd0c4;font-size:16px;line-height:1.73;max-width:555px}
.hero .button{color:#edf7f1;border-color:#63826b}.hero .button.primary{color:#fff;border-color:#247b5d}
.hero-ctas{margin-top:32px}
.hero-local{font-size:11px;color:#86a390;margin:26px 0 0;letter-spacing:.025em}
.production-stage{position:relative;isolation:isolate;min-height:490px;aspect-ratio:1.05;background:radial-gradient(ellipse at 70% 25%,#3b644f,#14251f 56%,#0c1513);border:1px solid #395445;border-radius:14px;box-shadow:0 28px 75px #0008;overflow:hidden}
.stage-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#a4c4a51c 50%),linear-gradient(transparent 49.8%,#a4c4a51c 50%);background-size:25% 25%;opacity:.4}
.stage-glow{position:absolute;inset:-10%;background:conic-gradient(from 280deg at 70% 12%,transparent,#ddb57b44,transparent 32%,#73c7aa11,transparent 75%);filter:blur(32px)}
.stage-main{position:absolute;right:8%;top:10%;width:58%;height:72%;border:7px solid #0b100e;background:#253a2d;box-shadow:0 16px 48px #000c;transform:rotate(3.5deg);overflow:hidden;border-radius:5px}
.stage-main img,.stage-secondary img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.12)}
.stage-secondary{position:absolute;left:6%;bottom:13%;width:43%;height:46%;overflow:hidden;border:6px solid #f8f5e8;box-shadow:0 12px 45px #0009;transform:rotate(-7deg);border-radius:3px}
.stage-main-tag,.stage-mini-label{position:absolute;right:9px;bottom:7px;color:#fff;font:700 9px var(--sans);letter-spacing:.16em;text-shadow:0 1px 4px #000;background:#111a12a9;padding:5px}
.stage-film{position:absolute;top:25px;left:24px;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#d1dfce;z-index:3}
.stage-red-dot{width:7px;height:7px;background:#d69e6d;border-radius:100%}
.stage-camera{position:absolute;z-index:3;left:6%;top:8%;width:39%;height:auto;filter:drop-shadow(0 18px 24px #001a0d);transform:rotate(-10deg)}
.cred{background:#ebf1eb;border-bottom:1px solid #dce7db;padding:22px 0}
.cred-row{color:#4d6655;font-size:11px;font-weight:650}.cred b{color:#234737}
.section,.format-section{padding:96px 0}.section-head{margin-bottom:35px;align-items:end}
h2{font-size:clamp(36px,4.2vw,56px);letter-spacing:-.058em;max-width:790px;font-weight:800;color:var(--ink)}
.section-description{color:#5d7164;font-size:14px;line-height:1.72;max-width:355px}
.format-section{background:#f5f6f1}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.format-card{padding:27px 27px 29px;background:#fff;border:1px solid #d9e3da;border-radius:12px;min-height:230px;display:flex;flex-direction:column;gap:0;transition:transform .22s,border-color .22s}
.format-card:hover{transform:translateY(-3px);border-color:#75a38a}
.format-num{font-size:11px;color:#247b5d;font-weight:800;letter-spacing:.15em}
.format-meta{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}
.format-meta span{border:1px solid #d5e4d9;background:#f2f7f1;border-radius:5px;padding:4px 7px;font-size:10px;color:#466952;font-weight:700}
.format-card h3{font-size:19px;line-height:1.22;letter-spacing:-.035em;margin:0 0 12px}

.format-card p{font-size:13px;color:#66776a;line-height:1.6;margin:0}
#work{background:#fff}
.examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.example{background:#f8faf7;border:1px solid #dce4dd;border-radius:12px;box-shadow:0 14px 30px #20352609}
.example:hover{border-color:#74a88e}
.frame,.frame.wide{aspect-ratio:4/4.1;background:#10201c}
.frame video{background:#0a1410}
.video-tab{font-size:9px;background:#09241ddc;color:#eefaf3;border-color:#678c78}
.sample-body{padding:20px 16px}.eyeline{color:#287f60}
.sample-body h3{font-size:18px;min-height:48px;color:#172a1f}
.client-ref{color:#587461}.client-ref span{color:#227b5b}
.sample-body p{color:#68796d;min-height:104px}
.sample-bottom{border-color:#d9e4dc;color:#607366}.sample-bottom strong{color:#247b5d}
.benefit-section{background:#eef2ed;border-color:#d6e3d6;padding:95px 0}
.benefits{gap:70px}.benefits .promise{color:#516c59;font-size:15px}
.use-cases{border-color:#bdd2c2}
.use-case{border-color:#cfddcf}
.case-num{color:#247b5d}
.use-case h3{color:#24372a}.use-case p{color:#5e7765}
.package-section{background:#fdfdfb;border-color:#d6e4d9;padding:90px 0}
.rate-disclaimer{color:#8c6836;font-weight:700}
.rate-dot{background:#b88647}
.package-grid{gap:14px}
.package-card{background:#f7faf6;border:1px solid #dbe6dd;border-radius:12px;padding:27px}
.package-card.featured{background:#eff6ef;border-color:#75ab8a}
.package-card.selected{border-color:#247b5d;box-shadow:0 0 0 1px #247b5d35}
.package-kicker{color:#247b5d}
.package-card h3{color:#1b2f24}.package-teaser{color:#5c7462}
.package-price{border-color:#cfddcf}.package-price span,.package-price small{color:#5b7465}.package-price strong{color:#14271b}
.package-count strong{color:#247b5d}.package-count span{color:#395c46}.package-card li{color:#536d58}.package-card li:before{color:#247b5d}
.package-select{background:#e4efe5;color:#214b34;border-color:#a7c4ae;border-radius:8px}
.package-select:hover,.package-card.selected .package-select{background:#247b5d;color:white}
.package-selected{background:#eaf3ea;border-color:#b7d1be}.package-selected .mini-label{color:#247b5d}.package-selected strong{color:#233d2d}.package-selected p{color:#5d7263}.chosen-rate{color:#233b2b}
.package-footnotes p{color:#677b69}
.custom-section{background:#11201a;color:#f4f7ef;padding:100px 0;overflow:hidden}
.custom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,120px);align-items:center}
.custom-section h2{color:#f5f8f2}.custom-section h2 em{color:#a7d5b7}
.custom-section .kicker{color:#a5d8b6}
.custom-section p{font-size:15px;line-height:1.78;max-width:550px;color:#b7cabe;margin:28px 0 30px}
.custom-still{height:390px;position:relative;overflow:hidden;border:1px solid #5a8568;border-radius:10px;background:#183223}
.custom-still img{width:100%;height:100%;object-fit:cover;filter:brightness(.65) saturate(.78);object-position:center}
.custom-overline{position:absolute;inset:auto 0 0;display:flex;justify-content:space-around;gap:10px;background:#0c2319eb;padding:20px 9px;color:#d5efda;font-size:9px;letter-spacing:.1em;font-weight:800}
.approach-section{padding:94px 0;background:#fbfaf7}
.step-num{font-family:var(--display);font-style:normal;color:#247b5d;border-color:#d0e0d4}
.step h3{color:#183426}.step p{color:#627866}
.faq-section{background:#f2f5f0;padding:95px 0;border-top:1px solid #dee7de}
.faq-list{max-width:870px;margin:0 auto}
.faq-list details{border-bottom:1px solid #cddccc}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:23px 5px;font:700 16px/1.5 var(--display);color:#23382b}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{color:#247b5d;font-size:24px;line-height:1}
.faq-list details[open] .faq-plus{transform:rotate(45deg)}
.faq-list details p{margin:0;padding:0 35px 23px 5px;color:#556e5a;line-height:1.7;font-size:14px}
.contact{background:radial-gradient(ellipse at 95% 5%,#e5f2e9,transparent 65%),#f1f6f0;border-color:#a7c9b0;margin-top:72px;margin-bottom:54px}
.contact h2{color:#172f20}.contact p{color:#526d59}
.contact .button.primary{background:#247b5d;color:#fff;border-color:#247b5d}
.contact .button.outline{color:#1b5d42;border-color:#94b9a2}
.notice{color:#6a7f6f;font-size:10px}
.footer{border-top:1px solid #dbe5dc;background:#fbfaf7;color:#617264}
.footer a:hover{color:#247b5d}
@media(max-width:1170px){.examples{grid-template-columns:repeat(2,minmax(0,1fr))}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{min-height:560px}.production-stage{min-height:430px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:clamp(44px,5vw,64px)}.production-stage{min-height:340px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{gap:32px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card:last-child{grid-column:1/-1}.custom-grid{gap:35px}}
@media(max-width:700px){.shell{padding-inline:20px}.navbar{height:66px}.navlinks{display:none}.brandtext strong{font-size:14px}.hero-grid{display:flex;flex-direction:column;gap:24px;min-height:0;padding-top:54px;padding-bottom:48px}.hero-content{width:100%}.hero h1{font-size:clamp(43px,10.5vw,61px);margin:24px 0}.hero-copy{font-size:15px}.hero-ctas .button{min-height:48px}.production-stage{width:100%;max-width:490px;min-height:0;aspect-ratio:1.23;margin:0}.stage-camera{width:31%}.stage-main{height:79%}.stage-secondary{height:42%}.stage-film{font-size:8px;top:14px;left:14px}.hero-local{font-size:10px}.cred{padding:17px 0}.cred-row span{width:100%}.section,.format-section{padding:66px 0}.section-head{display:block}.section-description{max-width:660px;margin-top:20px}.format-grid{grid-template-columns:1fr;gap:10px}.format-card{min-height:0;padding:22px}.format-meta{margin:13px 0}.format-card h3{font-size:18px}.examples{grid-template-columns:1fr;gap:18px}.frame,.frame.wide{aspect-ratio:4/3}.sample-body p{min-height:0}.sample-body h3{min-height:0}.benefit-section{padding:70px 0}.benefits{grid-template-columns:1fr}.package-section{padding:70px 0}.package-grid{grid-template-columns:1fr}.package-card:last-child{grid-column:auto}.package-selected{gap:12px}.package-footnotes{grid-template-columns:1fr}.custom-section{padding:70px 0}.custom-grid{grid-template-columns:1fr;gap:32px}.custom-still{height:280px}.approach-section{padding:70px 0}.steps{grid-template-columns:1fr}.faq-section{padding:70px 0}.faq-list summary{font-size:14px}.contact{margin-top:55px;padding:39px 24px}.contact-row .button{width:100%}}
@media(max-width:360px){.hero-ctas .button{width:100%}.production-stage{aspect-ratio:1.1}.stage-film{letter-spacing:.03em}.format-meta span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.format-card,.package-card,.example,.button{transition:none!important}}

.official-mark{width:42px;height:42px;object-fit:contain;flex:none}
.package-count strong{font-family:var(--display);font-weight:750;font-style:normal;letter-spacing:-.055em}