:root{
  --paper:#f7f6f1;
  --ink:#101114;
  --blue:#1a42ff;
  --red:#ff4d2e;
  --mint:#9de6cc;
  --sun:#ffd95a;
  --grey:#d9d9d3;
  --line:#101114;
  --rail:250px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(16,17,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,17,20,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);pointer-events:none}.layout{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--ink);padding:28px 24px 22px;display:flex;flex-direction:column;background:rgba(247,246,241,.94);backdrop-filter:blur(12px);z-index:20}.rail-logo img{width:100%;height:auto}.menu-toggle{display:none}.site-nav{display:grid;margin-top:70px;border-top:1px solid var(--ink)}.site-nav a{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ink);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.site-nav a b{font:700 11px ui-monospace,Menlo,monospace;color:var(--blue)}.site-nav a:hover span{transform:translateX(6px)}.site-nav a span{transition:transform .2s ease}.rail-meta{margin-top:auto;font:700 10px/1.7 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}.rail-meta span{display:block}.section-pad{padding:28px 38px 70px}.hero{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr;gap:30px}.hero-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:14px}.section-code,.status,.reel-head,.contact-flag{font:800 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.store-chip{font:800 12px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;border:1px solid var(--ink);padding:11px 13px;background:var(--sun)}.hero-title{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.6fr);gap:42px;align-items:end}.hero-title h1{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(72px,10.5vw,175px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:18px 0 0}.hero-title h1 span{color:var(--blue)}.hero-title p{font-size:18px;line-height:1.5;max-width:430px;margin:0 0 10px}.hero-media{position:relative;min-height:420px;overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#0b1d44}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;left:0;right:0;bottom:0;background:var(--paper);display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid var(--ink);font:800 10px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}.hero-caption>*{padding:11px 14px}.hero-caption strong{background:var(--blue);color:#fff}.hero-caption span:last-child{text-align:right}.scan-line{position:absolute;top:0;bottom:36px;width:2px;background:var(--red);box-shadow:0 0 20px var(--red);left:-5%;animation:scan 7s linear infinite}.product-index,.studio,.process,.contact{border-top:1px solid var(--ink)}.index-line{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:18px;padding:19px 38px;border-bottom:1px solid var(--ink)}.index-line>span:first-child{font:900 16px ui-monospace,Menlo,monospace;color:var(--blue)}.index-line h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(40px,5vw,78px);line-height:.9;text-transform:uppercase;letter-spacing:-.04em;margin:0}.status{background:var(--mint);padding:8px 10px;border:1px solid var(--ink)}.product-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:620px}.product-copy{padding:48px 38px;border-right:1px solid var(--ink)}.app-icon{width:92px;border:1px solid var(--ink);margin-bottom:48px}.big-copy{font-size:clamp(30px,3.5vw,54px);line-height:1.04;letter-spacing:-.035em;max-width:780px}.body-copy{font-size:17px;line-height:1.65;max-width:720px}.arrow-link{margin-top:50px;display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;font-weight:800;text-transform:uppercase}.arrow-link b{font-size:28px;color:var(--blue)}.product-matrix{display:grid}.matrix-row{display:grid;grid-template-columns:58px 170px 1fr;gap:18px;align-items:start;padding:34px;border-bottom:1px solid var(--ink);transition:background .2s ease,color .2s ease}.matrix-row:last-child{border-bottom:0}.matrix-row span{font:800 12px ui-monospace,Menlo,monospace}.matrix-row strong{font:900 25px "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.matrix-row p{margin:0;max-width:540px;line-height:1.55}.matrix-row:hover{background:var(--blue);color:#fff}.screen-reel{border-top:1px solid var(--ink);padding:0 0 70px}.reel-head{display:flex;justify-content:space-between;padding:16px 38px;border-bottom:1px solid var(--ink)}.reel-head p{margin:0}.reel-track{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:0;overflow-x:auto}.shot{margin:0;padding:26px 26px 32px;border-right:1px solid var(--ink);min-width:280px}.shot:last-child{border-right:0}.shot figcaption{font:900 11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;padding:0 0 16px}.shot img{width:100%;height:620px;object-fit:cover;object-position:top;border:1px solid var(--ink);background:white}.shot-blue{background:#dfe5ff}.shot-red{background:#ffe0d9}.shot-mint{background:#dff5ec}.shot-black{background:#18191d;color:white}.studio{background:#fff}.service-list{display:grid}.service-row{display:grid;grid-template-columns:60px minmax(220px,.7fr) minmax(260px,1fr) 70px;gap:20px;align-items:center;padding:30px 38px;border-bottom:1px solid var(--ink);min-height:150px;transition:background .22s ease}.service-row:hover{background:var(--sun)}.service-no{font:800 13px ui-monospace,Menlo,monospace;color:var(--blue)}.service-row h3{font:900 34px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;line-height:1;margin:0}.service-row p{margin:0;line-height:1.55;max-width:650px}.service-row i{font-style:normal;font-size:44px;justify-self:end}.process{display:grid;grid-template-columns:1fr 1.1fr;background:var(--ink);color:#fff}.process-intro{padding:60px 38px 80px;border-right:1px solid rgba(255,255,255,.5)}.process-intro h2{font:900 clamp(64px,8vw,128px)/.82 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em;margin:70px 0 34px;color:var(--mint)}.process-intro p{font-size:18px;line-height:1.6;max-width:620px}.process-steps{display:grid;grid-template-columns:1fr 1fr}.step{min-height:310px;padding:30px;border-right:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);display:flex;flex-direction:column}.step:nth-child(2n){border-right:0}.step:nth-last-child(-n+2){border-bottom:0}.step span{font:800 11px ui-monospace,Menlo,monospace;color:var(--red)}.step strong{font:900 52px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:auto 0 12px}.step small{font:700 11px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;color:#bdbdb8}.contact{background:var(--red)}.contact-flag{padding:14px 38px;border-bottom:1px solid var(--ink);background:var(--sun)}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr}.contact-main{padding:64px 38px 78px;border-right:1px solid var(--ink)}.contact-main h2{font:900 clamp(58px,8vw,118px)/.82 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em;margin:0 0 30px}.contact-main h2 em{font-family:Georgia,serif;text-transform:none;font-weight:500;letter-spacing:-.03em}.contact-main p{font-size:18px;line-height:1.6;max-width:700px}.contact-mail{display:grid;grid-template-columns:1fr auto;margin-top:56px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;font-weight:900;font-size:20px}.contact-mail span{font-size:28px}.contact-info{font-style:normal;padding:64px 38px;display:grid;align-content:end;gap:34px}.contact-info span{display:block;font:800 10px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.contact-info p{margin:0;line-height:1.5}.contact-info a{text-decoration:underline;text-underline-offset:4px}.footer{background:var(--paper);border-top:1px solid var(--ink)}.footer-top{display:grid;grid-template-columns:1.2fr .8fr .6fr;min-height:320px}.footer-top>*{padding:34px;border-right:1px solid var(--ink)}.footer-top>*:last-child{border-right:0}.footer-word{font:900 clamp(60px,8vw,115px)/.72 "Arial Narrow",Arial,sans-serif;letter-spacing:-.06em;color:var(--blue)}.footer-note{font-size:22px;line-height:1.35;display:flex;align-items:flex-end}.footer-store{display:flex;align-items:flex-end;font:800 13px ui-monospace,Menlo,monospace;text-transform:uppercase}.footer-bottom{display:grid;grid-template-columns:1fr 1.4fr auto;gap:24px;border-top:1px solid var(--ink);padding:15px 34px;font:800 10px ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.footer-bottom a{text-decoration:underline}.reveal-x{opacity:0;transform:translateX(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal-x.in{opacity:1;transform:none}.reveal-clip{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .3s ease,clip-path .8s cubic-bezier(.2,.8,.2,1)}.reveal-clip.in{opacity:1;clip-path:inset(0 0 0 0)}@keyframes scan{0%{left:-3%}100%{left:103%}}
@media(max-width:1100px){:root{--rail:190px}.hero-title{grid-template-columns:1fr}.hero-title p{max-width:650px}.product-layout{grid-template-columns:1fr}.product-copy{border-right:0;border-bottom:1px solid var(--ink)}.shot img{height:520px}.process{grid-template-columns:1fr}.process-intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.5)}.contact-grid{grid-template-columns:1fr}.contact-main{border-right:0;border-bottom:1px solid var(--ink)}.footer-top{grid-template-columns:1fr 1fr}.footer-store{grid-column:1/-1;border-top:1px solid var(--ink)}}
@media(max-width:760px){.layout{display:block}.rail{position:sticky;top:0;height:auto;border-right:0;border-bottom:1px solid var(--ink);padding:11px 15px;display:grid;grid-template-columns:1fr auto;align-items:center}.rail-logo img{width:190px}.menu-toggle{display:block;border:1px solid var(--ink);background:var(--sun);font:800 11px ui-monospace,Menlo,monospace;text-transform:uppercase;padding:10px 12px}.site-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);margin:0;border-top:0;border-bottom:1px solid var(--ink);padding:0 15px;display:none}.site-nav.open{display:grid}.rail-meta{display:none}.section-pad{padding:18px 15px 50px}.hero{min-height:auto;gap:24px}.hero-top{align-items:flex-start;gap:12px}.store-chip{max-width:170px;line-height:1.3}.hero-title h1{font-size:18vw}.hero-title p{font-size:16px}.hero-media{min-height:260px}.hero-caption{grid-template-columns:1fr auto}.hero-caption span:last-child{display:none}.index-line{grid-template-columns:44px 1fr;padding:15px}.index-line .status{grid-column:2;justify-self:start}.product-copy{padding:34px 15px}.big-copy{font-size:36px}.matrix-row{grid-template-columns:42px 1fr;padding:24px 15px}.matrix-row p{grid-column:2}.reel-head{padding:14px 15px}.reel-track{grid-template-columns:repeat(4,78vw)}.shot{padding:18px}.shot img{height:auto}.service-row{grid-template-columns:38px 1fr 44px;padding:24px 15px}.service-row p{grid-column:2}.service-row h3{font-size:29px}.process-intro{padding:45px 15px}.process-intro h2{margin-top:46px}.process-steps{grid-template-columns:1fr}.step{min-height:210px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.45)!important}.step:last-child{border-bottom:0!important}.contact-flag{padding:13px 15px}.contact-main,.contact-info{padding:45px 15px}.contact-main h2{font-size:18vw}.footer-top{grid-template-columns:1fr}.footer-top>*{border-right:0;border-bottom:1px solid var(--ink)}.footer-store{grid-column:auto;border-top:0}.footer-bottom{grid-template-columns:1fr;padding:14px 15px}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-line{animation:none}.reveal-x,.reveal-clip{opacity:1;transform:none;clip-path:none;transition:none}}
