@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111211;--panel:#1b1d1b;--text:#f2f0e9;--muted:#a5aaa3;--line:#343833;--orange:#ff8b50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--orange)}a:hover{color:var(--orange)}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:'Manrope',sans-serif;font-weight:800;font-size:34px;letter-spacing:-2px;line-height:1}.brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:34px;font-size:14px}nav a[aria-current=page]{color:var(--orange)}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;border:1px solid var(--orange);background:var(--orange);color:#171b17;padding:14px 23px;font-weight:600;font-size:14px;border-radius:4px;cursor:pointer}.button:hover{background:#ffad83;color:#111}.button.small{padding:10px 18px;font-size:12px}.button.secondary{background:transparent;color:var(--text);border-color:#6a7168}.button:disabled{opacity:.5;cursor:wait}.textlink{display:inline-flex;gap:24px;align-items:center;font-size:14px;font-weight:500}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:block;color:var(--muted);line-height:1.6}.orange{color:var(--orange)}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-4px}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:500;line-height:1.08;letter-spacing:-2.5px;margin:20px 0}h1{font-size:clamp(48px,5.8vw,88px)}h2{font-size:clamp(34px,4vw,58px)}h3{font-size:28px;letter-spacing:-1px}p{color:var(--muted);max-width:650px}.lead{font-size:18px;line-height:1.7}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;max-width:1440px;margin:auto;padding:64px 5% 60px;align-items:center;min-height:640px}.hero-copy{padding:20px 0}.hero-copy .lead{max-width:510px}.actions{display:flex;gap:32px;align-items:center;margin:32px 0}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.hero-note{display:flex;gap:22px;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:60px}.hero-visual{position:relative;height:490px;background:#292e28;border-radius:4px;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.7)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#121611dd)}.visual-label{position:absolute;top:20px;left:20px;background:#171d16c9;padding:7px 12px;border:1px solid #68726377;border-radius:3px;font-size:8px;letter-spacing:1.5px;z-index:1}.visual-bottom{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:1.6px;z-index:1}.frame-corner{position:absolute;width:20px;height:20px;border-color:var(--orange);z-index:1}.c1{left:15px;top:15px;border-top:1px solid;border-left:1px solid}.c2{right:15px;bottom:15px;border-bottom:1px solid;border-right:1px solid}.discipline-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#bbc0b8;max-width:1440px;margin:auto}.section{padding:90px 5%;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-head h2{margin-bottom:0}.section-head p{font-size:14px}.featured-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.project-card{display:block}.project-image{position:relative;border-radius:4px;overflow:hidden;background:#232923;height:340px}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.03)}.play{position:absolute;right:18px;bottom:18px;background:#111a;border:1px solid #fff6;border-radius:50%;width:43px;height:43px;text-align:center;padding:7px;color:#fff}.project-info{display:flex;justify-content:space-between;margin:15px 0;gap:20px}.project-info h3{font-size:19px;margin:7px 0;letter-spacing:-.5px}.project-info small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.project-info>span{font-size:25px}.approach{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}.service-grid>a{border-top:1px solid var(--line);padding-top:22px}.service-grid p{font-size:14px;min-height:94px}.number{font-size:12px;color:var(--orange);font-family:monospace}.tools-preview{background:#191c18;max-width:none}.tools-preview>.section-head,.tools-preview>.tool-row{max-width:1296px;margin-left:auto;margin-right:auto}.tool-row{display:grid;grid-template-columns:80px 1fr 1.2fr 160px;gap:25px;border-top:1px solid var(--line);padding:28px 0;align-items:center}.tool-row h3{font-size:24px;letter-spacing:-1px;margin:5px 0}.tool-row p{font-size:13px}.tool-icon{height:64px;width:64px;border-radius:14px;border:1px solid #616655;display:grid;place-items:center;font-size:28px;font-family:monospace;background:#292e24;color:var(--orange)}.tool-row:nth-of-type(3) .tool-icon{color:#c3a3ff;background:#2c253d}.pill{font-size:9px;border:1px solid #596051;border-radius:20px;padding:3px 8px;letter-spacing:1px;color:#c5cdbf;display:inline-block}.about-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.reel-placeholder{border:1px solid #5c6650;border-radius:4px;position:relative;background:repeating-linear-gradient(90deg,transparent,transparent 39px,#55604418 40px),#22271e;padding:35px}.reel-placeholder h3{font-size:50px}.closing{border-top:1px solid var(--line);padding:70px 5%;display:flex;justify-content:space-between;gap:40px;align-items:center;max-width:1440px;margin:auto}.closing-actions{display:flex;flex-direction:column;gap:20px}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;max-width:1440px;margin:auto}footer>span,footer small{font-size:10px;color:var(--muted)}footer div{display:flex;gap:20px;font-size:11px}footer small{width:100%}.page-intro{padding:65px 5% 40px;max-width:1440px;margin:auto}.page-intro h1{max-width:1000px;font-size:clamp(45px,5vw,75px)}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.work-grid .project-image{height:320px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{padding:8px 18px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px}.filters button[aria-pressed=true]{color:#111;background:var(--orange);border-color:var(--orange)}.article{max-width:980px;margin:auto;padding:30px 5% 80px}.article h2{font-size:36px;letter-spacing:-1.5px;margin-top:50px}.article h3{font-size:24px;margin-top:35px}.article li{color:var(--muted);margin-bottom:8px}.article video{width:100%;max-height:650px;background:#070807;border:1px solid var(--line);border-radius:5px}.article .lead{font-size:21px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.story-grid section{border-top:1px solid var(--line);padding-top:20px}.story-grid h2{font-size:27px;margin-top:15px}.story-grid p{font-size:15px}.details-bar{display:flex;gap:30px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0;font-size:12px}.details-bar span{color:var(--muted)}.workflow-demo{background:#1c201b;border:1px solid #505747;border-radius:8px;padding:28px;margin:25px 0}.demo-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:14px}.demo-head small{color:var(--muted);font-size:9px;letter-spacing:1px}.demo-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #343a2f;padding:16px 0;color:#cbd1c5;font-size:13px}.demo-row code{color:var(--orange)}.demo-foot{padding-top:20px;color:var(--orange);font-size:12px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tool-card{padding:28px;border:1px solid var(--line);border-radius:5px;background:#1a1e19}.tool-card h2{font-size:30px;letter-spacing:-1px}.tool-card p{font-size:14px}.tool-card .textlink{margin-top:15px}.tool-card .tool-icon{margin-bottom:20px}.brief-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;max-width:1200px;margin:auto;padding:40px 5% 90px}.brief-grid h2{font-size:35px}.brief-form{background:#1b1f19;padding:30px;border:1px solid var(--line);border-radius:5px}.brief-form label{display:block;font-size:12px;margin-top:18px;margin-bottom:7px}.brief-form input,.brief-form select,.brief-form textarea{background:#111510;border:1px solid #505849;border-radius:4px;color:var(--text);padding:12px;width:100%;font-size:14px}.brief-form textarea{min-height:130px;resize:vertical}.brief-form input[type=checkbox]{width:auto;margin-right:8px}.brief-form button{margin-top:22px}.brief-form .consent{display:flex;align-items:start;font-size:12px;line-height:1.6}.brief-form .consent input{margin-top:5px}.form-note{font-size:12px}.honeypot{position:absolute;left:-10000px}.faq details{border-top:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font-size:18px}.faq p{font-size:15px}.skip{position:absolute;top:-100px;left:10px;z-index:99;background:var(--orange);color:#111;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}.result{background:#232e20;border:1px solid #68735b;padding:20px;margin-top:20px}.privacy-note{font-size:12px}.portrait-about{width:100%;max-height:540px;object-fit:cover;border-radius:4px}.service-detail{border-top:1px solid var(--line);padding:40px 0}.service-detail h2{margin-top:10px}video{color-scheme:dark}.article-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:50px;font-size:13px}
@media(min-width:1500px){.tools-preview{padding-left:calc((100% - 1296px)/2);padding-right:calc((100% - 1296px)/2)}}@media(max-width:900px){nav{gap:17px}.hero{gap:25px;grid-template-columns:1.2fr 1fr;min-height:560px}.hero-visual{height:400px}.hero-note{gap:15px;font-size:7px}.tool-row{grid-template-columns:60px 1fr 1.2fr}.tool-row>.textlink{grid-column:2/4}.work-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr}.brief-grid{gap:30px}.section{padding-top:60px;padding-bottom:60px}}@media(max-width:620px){header{flex-wrap:wrap;padding:22px 6%}.brand{font-size:30px}header nav{order:3;width:100%;justify-content:space-between;margin-top:8px}header>.button{font-size:10px;padding:10px;gap:12px}.hero{grid-template-columns:1fr;padding:38px 6%;gap:20px}.hero h1{font-size:53px;letter-spacing:-3px}.serif{letter-spacing:-3px}.hero-copy .lead{font-size:16px}.hero-note{margin-top:30px;font-size:7px}.hero-visual{height:370px}.discipline-strip{flex-wrap:wrap;justify-content:center;font-size:10px;padding:17px 6%;gap:10px 20px}.section{padding:55px 6%}.section-head{display:block}.section-head>div+div{margin-top:25px}.section-head h2{font-size:37px}.featured-grid,.service-grid,.about-teaser,.work-grid,.brief-grid,.story-grid{grid-template-columns:1fr}.project-image,.work-grid .project-image{height:350px}.service-grid{gap:28px}.service-grid p{min-height:0}.tool-row{grid-template-columns:50px 1fr;gap:15px}.tool-icon{width:48px;height:48px;font-size:24px}.tool-row p,.tool-row>.textlink{grid-column:2}.tool-row h3{font-size:22px}.about-teaser{gap:30px}.closing{display:block;padding:55px 6%}.closing h2{font-size:40px}.closing-actions{margin-top:30px;align-items:start}.closing p br{display:none}footer{padding:25px 6%}footer div{width:100%}.page-intro{padding:40px 6% 20px}.page-intro h1{font-size:46px}.article{padding:20px 6% 60px}.article .lead{font-size:18px}.article h2{font-size:30px}.brief-grid{padding:25px 6% 55px}.brief-form{padding:22px}.demo-row{font-size:11px}.details-bar{gap:15px}.actions{gap:20px}.actions .textlink{font-size:12px}.workflow-demo{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}