:root{--bg:#101114;--paper:#f4f1ec;--muted:#bcb8b7;--accent:#db6573;--line:#393037}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:-1.6px}.brand span{color:var(--accent);font-weight:400}nav{display:flex;gap:34px;font-size:13px}nav a:hover,footer a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--accent)}section{padding:80px 6%}.hero{padding-top:74px;padding-bottom:28px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px}h1{font-size:clamp(62px,8.6vw,126px);line-height:1.03;font-weight:400;letter-spacing:-6px;margin:43px 0 35px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom p{font-size:17px;color:var(--muted);line-height:1.65}.round-link{display:flex;align-items:center;gap:25px;font-size:14px;margin-bottom:22px}.circle{width:60px;height:60px;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center;font-size:28px;transition:.2s}.round-link:hover .circle{background:var(--accent);color:var(--bg);transform:translateY(4px)}.location{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted);border-top:1px solid var(--line);padding-top:26px;margin-top:45px}.work{padding-top:45px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.subtle{font-size:12px;color:var(--muted)}.film-cover{padding:0;display:block;width:100%;position:relative;overflow:hidden;border:0;background:#000;color:white;aspect-ratio:16/9}.film-cover img{width:100%;height:100%;object-fit:cover;opacity:.76;transition:transform .6s,opacity .6s}.film-cover:hover img{transform:scale(1.025);opacity:.94}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;width:84px;height:84px;display:grid;place-items:center;background:#16181650;font-size:24px;padding-left:4px;backdrop-filter:blur(4px)}.cover-footer{position:absolute;bottom:0;left:0;right:0;padding:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;background:linear-gradient(transparent,#000a)}.film-info{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding-top:25px}.film-info h2{font-size:30px;font-weight:400;margin:9px 0;letter-spacing:-1px}.film-info p{color:var(--muted);font-size:14px;margin:6px 0 15px}.film-info .eyebrow{font-size:9px}.tag{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:5px 12px;color:var(--muted)}.about{background:#18171b}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}h2{font-weight:400}.about h2{font-size:clamp(35px,4.3vw,58px);line-height:1.18;letter-spacing:-2px;margin:10px 0}.about-copy p{font-size:15px;color:var(--muted);margin:10px 0 20px}.about-copy .intro{font-size:19px;color:var(--paper)}.tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tools span{border-bottom:1px solid #514048;padding-bottom:6px;font-size:11px}.service{display:grid;grid-template-columns:.12fr 1fr 1fr;gap:30px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.service:last-child{border-bottom:1px solid var(--line)}.num{font-size:11px;color:var(--accent);padding-top:8px}.service h3{font-size:23px;line-height:1.4;font-weight:400;margin:0}.service p{font-size:14px;color:var(--muted);margin:0}.process{padding-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.steps span{font-size:10px;letter-spacing:1.4px;color:var(--accent)}.steps p{font-size:14px;color:var(--muted)}.contact{background:var(--paper);color:var(--bg)}.contact h2{font-size:clamp(58px,7.3vw,100px);letter-spacing:-4px;line-height:1.06;margin:35px 0}.contact em{color:#a42538}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.contact p{font-size:14px;color:#55594e}.contact-note{font-size:13px;border-left:1px solid #9ea58f;padding-left:20px}.contact-note span{color:#616757}footer{padding:32px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}dialog{background:#111;color:var(--paper);border:1px solid var(--line);padding:18px;width:min(1100px,95vw);max-height:95vh}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;margin-bottom:15px}.dialog-top button{border:1px solid var(--line);background:none;color:var(--paper);padding:8px 14px}video{width:100%;max-height:77vh;display:block}@media(min-width:1500px){body{padding:0 3%}}@media(max-width:700px){header{padding:22px 6%}nav{gap:17px;font-size:11px}nav a:nth-child(2){display:none}.brand{font-size:22px}section{padding:50px 6%}.hero{padding-top:50px}h1{font-size:clamp(53px,11vw,78px);letter-spacing:-3px;margin-top:30px}.hero-bottom{display:block}.hero-bottom p{font-size:15px}.round-link{justify-content:space-between;margin-top:28px}.circle{width:48px;height:48px}.location{font-size:8px;letter-spacing:1px;margin-top:30px}.subtle{display:none}.film-info,.about-grid{grid-template-columns:1fr;gap:20px}.film-info h2{font-size:26px}.film-info>div:nth-child(2) p{margin-top:0}.cover-footer{padding:16px;font-size:8px}.play-icon{width:55px;height:55px;font-size:18px}.about h2{font-size:40px}.service{grid-template-columns:25px 1fr;gap:12px}.service p{grid-column:2}.service h3{font-size:21px}.steps{grid-template-columns:1fr;gap:15px}.steps p br{display:none}.contact h2{font-size:58px;letter-spacing:-3px}.contact-bottom{display:block}.contact-note{margin-top:25px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}footer>a:last-child{margin-left:auto}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Static teal cinematic backdrop and a single logo entrance. */
:root{--bg:#101114;--paper:#f4f1ec;--muted:#bcb8b7;--accent:#a7c7bd;--brand-symbol:#a8bfaa;--line:#2b3d3e}
body{isolation:isolate}.cinematic-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 100% 15%,rgba(40,103,104,.32),transparent 62%),radial-gradient(ellipse at 0% 90%,rgba(22,65,70,.16),transparent 58%),#101114}.light{display:none}header,main,footer{position:relative;z-index:1}.brand{display:block;flex-shrink:0;line-height:0;letter-spacing:normal}.brand-logo{width:220px;height:auto;display:block;overflow:visible}.logo-symbol{fill:var(--brand-symbol)}header{gap:30px}header nav{margin-left:auto}footer .brand-logo{width:180px}.hero{position:relative;isolation:isolate;overflow:hidden}.hero>*{position:relative;z-index:1}.hero h1 em{color:var(--paper)}.hero h1 em::after{content:'';display:block;width:76px;height:3px;background:var(--brand-symbol);margin-top:25px}.about{background:#141d20}.contact em{color:#38605a}.tools span{border-bottom-color:var(--line)}.film-cover{background:#18171b!important}
.logo-fragment{animation:fragment-arrive 1.3s cubic-bezier(.16,1,.3,1) both;transform-box:fill-box;transform-origin:center}.fragment-left{--shift:-65px}.fragment-right{--shift:65px;animation-delay:.12s}@keyframes fragment-arrive{from{opacity:0;transform:translateY(var(--shift))}to{opacity:1;transform:translateY(0)}}footer .logo-fragment{animation:none}
@media(max-width:700px){header{gap:16px;align-items:center}.brand-logo{width:170px}header nav{gap:14px;margin-left:auto}footer .brand-logo{width:160px}}@media(max-width:380px){.brand-logo{width:145px}header nav{gap:9px}}@media(prefers-reduced-motion:reduce){.logo-fragment{animation:none!important}html{scroll-behavior:auto}}

/* Soft breathing light: animate opacity only, without SVG blur or moving waves. */
.cinematic-background{background:#101114}.light{display:block;position:absolute;pointer-events:none;filter:none;will-change:opacity;animation:light-breathe 10s ease-in-out infinite;opacity:.12}.light-one{width:115vw;height:110vh;right:-45vw;top:-26vh;background:radial-gradient(ellipse at center,rgba(61,119,114,.52) 0%,rgba(29,77,80,.28) 30%,transparent 67%)}.light-two{width:100vw;height:100vh;left:-50vw;bottom:-50vh;background:radial-gradient(ellipse at center,rgba(126,157,137,.3) 0%,rgba(34,85,81,.22) 30%,transparent 67%);animation-duration:13s;animation-delay:-6s}@keyframes light-breathe{0%,100%{opacity:.1}50%{opacity:.85}}.motion-paused .light{animation-play-state:paused}.motion-toggle{display:block;margin:24px 0 0 auto;padding:7px 13px;border:1px solid var(--line);border-radius:20px;background:#10111480;color:var(--muted);font-size:11px;line-height:1.5}.motion-toggle:hover{color:var(--paper);border-color:var(--accent)}@media(max-width:700px){.light-one{width:155vw;right:-70vw}.light-two{width:140vw;left:-85vw}}@media(prefers-reduced-motion:reduce){.light{animation:none!important;opacity:.45;will-change:auto}.motion-toggle{display:none}}
