@font-face{font-family:Manrope;src:url('/manrope-regular.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:Manrope;src:url('/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--paper:#F0EFED;--ink:#181614;--red:#C02806;--muted:#625b55;--line:#d0cbc5;--gutter:clamp(22px,5vw,80px);--sc-canvas:var(--paper);--sc-ink:var(--ink);--sc-font-display:Manrope,sans-serif;--sc-font-text:Manrope,sans-serif;--sc-accent:var(--red);--sc-accent-ink:var(--paper);--sc-surface:#e7e3df}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:7px}::selection{background:var(--red);color:var(--paper)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}h1,h2{font-weight:800;letter-spacing:-.04em;line-height:1.04}h2{font-size:clamp(40px,5.3vw,78px)}h3{font-size:24px;letter-spacing:-.025em}em{font-style:normal;color:var(--red)}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:10px}.header{height:118px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{width:190px;height:75px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand img{width:220px;max-width:none;flex-shrink:0}.header nav{display:flex;gap:36px;font-size:14px}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{display:flex;gap:25px;align-items:center;border-bottom:1px solid;padding:10px 0;font-size:14px}.hero{padding:66px var(--gutter) 0;overflow:hidden}.hero-heading{display:flex;gap:32px;justify-content:space-between;align-items:flex-end;position:relative;z-index:2}.hero h1{font-size:clamp(58px,7.8vw,122px);line-height:1.02}.hero h1 span{color:var(--red)}.hero-aside{width:245px;flex-shrink:0;padding-bottom:8px;font-size:15px}.hero-aside .text-link{margin-top:22px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;padding:8px 0;border-bottom:1px solid currentColor}.text-link svg{width:19px;height:19px;transition:transform .25s}.text-link:hover svg{transform:translate(3px,-3px)}.reel-stage{height:620px;position:relative;perspective:1500px;margin-top:30px;--reel-p:0}.back-word{position:absolute;top:110px;left:0;right:0;text-align:center;color:#ddd8d1;font-size:clamp(48px,8.5vw,140px);font-weight:800;letter-spacing:-.04em;white-space:nowrap;transform:translateY(calc(var(--reel-p)*-40px));user-select:none}.reel-card{position:absolute;width:56%;border-radius:10px;overflow:hidden;box-shadow:0 32px 65px #34241830;transform-origin:50% 60%;will-change:transform}.reel-card img{width:100%;aspect-ratio:1.44;object-fit:cover}.reel-aj{left:3%;top:70px;transform:translateY(calc(var(--reel-p)*-25px)) rotate(calc(-9deg + var(--reel-p)*7deg));z-index:1}.reel-jebree{right:1%;top:125px;transform:translateY(calc(var(--reel-p)*-65px)) rotate(calc(7deg - var(--reel-p)*6deg));z-index:2}.browser-chrome{height:26px;display:flex;align-items:center;gap:4px;background:#faf9f6;color:#68615a;padding:0 12px;font-size:9px}.browser-chrome i{width:5px;height:5px;background:#bcb4a9;border-radius:50%}.browser-chrome span{flex:1;text-align:center;margin-right:22px}.reel-button{position:absolute;bottom:17px;left:0;z-index:3;display:flex;gap:15px;align-items:center;font-size:13px}.reel-button>svg{border:1px solid;width:48px;height:48px;padding:12px;border-radius:50%;transition:background .2s,color .2s}.reel-button:hover>svg{background:var(--red);color:var(--paper);border-color:var(--red)}.reel-button small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 35px;font-size:11px;letter-spacing:.01em}.section{padding:100px var(--gutter)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:64px}.section-top>p{max-width:290px;font-size:16px}.work{background:var(--ink);color:var(--paper);--sc-ink:var(--paper);--sc-canvas:var(--ink)}.project+.project{margin-top:85px}.project-visual{overflow:hidden;padding:64px 7% 0;border-radius:4px}.project-visual>a{display:block;position:relative}.aj-visual{background:#a66542}.jebree-visual{background:#d7caba}.project-screen{box-shadow:0 22px 60px #18161430;border-radius:7px 7px 0 0;overflow:hidden}.project-screen img{width:100%;aspect-ratio:1.72;object-fit:cover;object-position:top}.visit-bubble{position:absolute;right:-35px;bottom:32px;width:72px;height:72px;background:var(--paper);color:var(--ink);border-radius:50%;display:grid;place-items:center;transition:transform .3s}.visit-bubble svg{width:30px;height:30px}.project-visual a:hover .visit-bubble{transform:rotate(45deg)}.project-info{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 25px}.project-info h3{font-size:clamp(21px,2vw,29px)}.project-info p{font-size:13px;color:#c3bcb5;margin-top:4px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:285px}.project-tags span{border:1px solid #60564e;padding:5px 10px;border-radius:20px;font-size:10px}.project-detail{border-top:1px solid #48423b;border-bottom:1px solid #48423b;font-size:13px}.project-detail summary{padding:17px 0}.project-detail .detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:8px 0 30px;color:#c3bcb5}.detail-grid p{max-width:65ch}.detail-grid dl{margin:0}.detail-grid dt{font-size:11px;color:#a99f95;margin-bottom:3px}.detail-grid dd{margin:0 0 15px;color:var(--paper)}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details[open]>summary svg{transform:rotate(45deg)}.film{background:#e5e0d9}.film-caption{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.film h2{font-size:clamp(34px,4vw,60px)}.film-caption>p{font-size:13px}.film video{display:block;width:100%;aspect-ratio:16/9;background:var(--red);border-radius:4px}.film-note{font-size:12px;color:var(--muted);margin-top:15px}.approach-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.approach-intro>div{padding-top:8px;max-width:480px}.large-copy{font-size:24px;line-height:1.5;margin-bottom:25px}.approach-intro>div>p:not(.large-copy){font-size:15px;color:var(--muted)}.approach-intro .text-link{margin-top:25px}.process-list{margin-top:75px;margin-left:26%}.process-list>div{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;border-top:1px solid var(--line);padding:28px 0}.process-list h3{font-size:25px}.process-list p{color:var(--muted);font-size:14px;max-width:42ch}.stack{background:#e4dfd8;display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.stack h2{font-size:clamp(33px,3.5vw,52px)}.stack p{max-width:46ch;color:var(--muted);font-size:15px;margin-top:25px}.stack ul{list-style:none;padding:0;margin:0}.stack li{padding:18px 0;border-bottom:1px solid #beb6ac;display:flex;flex-direction:column;gap:5px}.stack li:first-child{padding-top:0}.stack li span{font-size:11px;color:var(--muted)}.stack li strong{font-size:20px;font-weight:500}.pricing .section-top{margin-bottom:65px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:stretch}.plan{padding:32px;border:1px solid var(--line);position:relative;display:flex;flex-direction:column}.plan+.plan{border-left:0}.plan h3{font-size:27px}.plan-for{font-size:13px;color:var(--muted);margin-top:10px;min-height:45px}.price{font-size:12px;margin-top:30px;white-space:nowrap}.price span{font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1}.setup{font-size:12px;margin-top:12px}.plan ul{list-style:none;padding:25px 0;margin:25px 0 20px;border-top:1px solid var(--line);font-size:13px;flex:1}.plan li{margin:10px 0;padding-left:20px;position:relative}.plan li:before{content:'';position:absolute;left:1px;top:9px;width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.plan>a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid;font-size:13px}.plan-featured{background:var(--red);color:var(--paper);border-color:var(--red)}.plan-featured .plan-for{color:#f4dcd3}.plan-featured ul{border-color:#f0efed55}.plan-label{position:absolute;bottom:100%;left:-1px;right:-1px;background:var(--red);padding:9px 32px;font-size:10px}.pricing-note{font-size:11px;color:var(--muted);max-width:90ch;margin-top:24px;line-height:1.8}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq h2{font-size:clamp(30px,3vw,43px)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:15px;padding:23px 0}.faq details p{font-size:14px;color:var(--muted);padding:0 40px 25px 0;max-width:65ch}.contact{background:var(--red);color:var(--paper);padding-bottom:65px}.contact-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:55px}.contact h2{font-size:clamp(60px,8.8vw,132px);line-height:1.05;max-width:1150px}.contact h2 a{display:inline-flex;align-items:baseline;border-bottom:5px solid;gap:30px}.contact h2 svg{width:clamp(50px,7vw,105px);height:clamp(50px,7vw,105px);stroke-width:1.2;transition:transform .3s}.contact h2 a:hover svg{transform:translate(8px,-8px)}.contact-bottom{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:60px;font-size:13px}.contact-bottom>a{overflow-wrap:anywhere}.contact-bottom button{background:none;border:0;border-bottom:1px solid #f0efed88;color:inherit;padding:10px 0;cursor:pointer;display:flex;gap:10px;align-items:center;font-size:12px}.contact-bottom svg{width:15px;height:15px}#copy-status{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px var(--gutter);font-size:11px}footer .brand{width:145px}footer .brand img{width:180px}footer>a:last-child{display:flex;gap:10px;align-items:center}footer svg{width:15px;height:15px}
@media(min-width:1600px){.header,.hero,.section,footer{padding-left:max(var(--gutter),calc((100vw - 1440px)/2));padding-right:max(var(--gutter),calc((100vw - 1440px)/2))}.reel-stage{height:700px}}
@media(max-width:1000px){.header nav{gap:20px}.hero{padding-top:45px}.hero-heading{align-items:start}.hero h1{font-size:7.7vw}.hero-aside{width:190px;font-size:12px}.reel-stage{height:480px}.section{padding-top:75px;padding-bottom:75px}.project-info{flex-wrap:wrap}.project-tags{order:3;max-width:none;flex-basis:100%}.approach-intro,.stack{gap:40px}.plan{padding:24px}.price span{font-size:48px}.plan-label{padding-left:24px}.process-list{margin-left:12%}.faq{gap:35px;padding-top:0}footer p{display:none}}
@media(max-width:700px){.header{height:90px}.brand{width:144px;height:68px}.brand img{width:180px}.header nav{display:none}.nav-contact{font-size:12px;gap:15px}.hero{padding-top:37px}.hero-heading{display:block}.hero h1{font-size:clamp(43px,8.7vw,61px);letter-spacing:-.04em}.hero-aside{display:flex;align-items:center;justify-content:space-between;width:auto;gap:16px;margin-top:28px;font-size:12px}.hero-aside .text-link{margin:0;font-size:11px;gap:10px}.reel-stage{height:380px;margin-top:16px}.reel-card{width:78%;border-radius:5px}.reel-aj{left:-5%;top:40px}.reel-jebree{right:-5%;top:105px}.browser-chrome{height:18px;font-size:5px;padding:0 6px;gap:3px}.browser-chrome i{width:3px;height:3px}.browser-chrome span{margin-right:12px}.back-word{font-size:45px;top:10px;white-space:normal;line-height:1.1}.reel-button{bottom:5px;font-size:11px}.reel-button small{font-size:9px}.reel-button>svg{width:40px;height:40px;padding:10px}.hero-foot{padding:25px 0;font-size:9px;gap:25px}.hero-foot span{max-width:45%}.hero-foot span:last-child{text-align:right}.section{padding:58px var(--gutter)}.section-top{display:block;margin-bottom:35px}.section-top>p{margin-top:22px;font-size:13px}h2{font-size:42px}.project+.project{margin-top:50px}.project-visual{padding:25px 6% 0}.project-screen img{aspect-ratio:1.32}.visit-bubble{width:42px;height:42px;right:-10px;bottom:16px}.visit-bubble svg{width:22px;height:22px}.project-info{padding:20px 0;gap:12px}.project-info>div:first-child{width:100%}.project-info h3{font-size:21px}.project-info p{font-size:11px}.project-info .text-link{font-size:11px}.project-tags{order:0}.project-tags span{font-size:9px}.project-detail{font-size:12px}.project-detail .detail-grid{display:block}.detail-grid dl{margin-top:24px}.film-caption{display:block;margin-bottom:25px}.film-caption>p{margin-top:20px;font-size:11px}.film h2{font-size:34px}.film-note{font-size:10px}.approach-intro{display:block}.approach-intro>div{padding-top:30px}.large-copy{font-size:21px}.process-list{margin:45px 0 0}.process-list>div{grid-template-columns:1fr;gap:10px;padding:24px 0}.process-list h3{font-size:23px}.process-list p{font-size:13px;max-width:50ch}.stack{display:block}.stack h2{font-size:34px}.stack p{font-size:14px}.stack ul{margin-top:35px}.stack li strong{font-size:18px}.pricing .section-top{margin-bottom:35px}.plans{display:block}.plan{padding:28px}.plan+.plan{border-left:1px solid var(--line);margin-top:20px}.plan-featured{margin-top:54px!important}.price span{font-size:60px}.plan-for{min-height:0}.plan ul{padding:15px 0;margin:22px 0 12px}.plan-label{padding-left:28px}.pricing-note{font-size:10px}.faq{display:block;padding-top:0}.faq>div{margin-top:28px}.faq summary{font-size:13px}.faq details p{font-size:12px;padding-right:10px}.contact-top{font-size:10px;gap:20px;margin-bottom:35px}.contact h2{font-size:clamp(44px,10.4vw,72px);line-height:1.1}.contact h2 a{border-width:3px;gap:18px}.contact h2 svg{width:44px;height:44px}.contact-bottom{margin-top:35px;gap:10px 24px;font-size:12px}.contact-bottom>a{width:100%}footer{flex-wrap:wrap;padding:16px var(--gutter);gap:12px}footer .brand{width:130px}footer>span{margin-left:auto}footer>a:last-child{margin-left:auto}footer .brand img{width:160px}}
.brand img{width:100%!important;max-width:100%;flex-shrink:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reel-card{will-change:auto}.reel-aj{transform:rotate(-4deg)!important}.reel-jebree{transform:rotate(3deg)!important}.project-screen{transform:none!important}.back-word{transform:none!important}}