:root{--ink:#11110f;--paper:#f3efe6;--acid:#ff5d27;--muted:#aaa59a;--line:rgba(243,239,230,.22);--sans:"DM Sans",Arial,sans-serif;--display:"Oswald",Impact,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}.grain{pointer-events:none;position:fixed;inset:0;opacity:.055;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,62px);position:relative;z-index:2}.wordmark{font-family:var(--display);font-size:22px;letter-spacing:.02em;text-decoration:none;color:var(--paper)}.wordmark span{color:var(--acid)}.header-role,.header-cta,.eyebrow,.frame-top,.frame-bottom,.hero-foot,.placeholder-chip,.timecode,.compare-copy span,.compare-copy small,.compare-label,.process-step span,.about-tags,.contact-footer{font:11px/1.1 var(--mono);letter-spacing:.06em}.header-role{margin:0;color:var(--muted)}.header-cta{justify-self:end;text-decoration:none;color:var(--paper)}.header-cta span{color:var(--acid);font-size:16px}.section-pad{padding:clamp(72px,11vw,160px) clamp(20px,4vw,62px)}.hero{min-height:calc(100vh - 78px);padding-top:36px;display:flex;flex-direction:column}.eyebrow{color:var(--acid);margin:0;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1.6fr .6fr;align-items:end;gap:32px;flex:1;padding:70px 0 52px}.hero-title,.workflow h2,.what h2,.about h2,.contact h2{font:600 clamp(72px,13.1vw,220px)/.83 var(--display);letter-spacing:-.035em;margin:0;text-transform:uppercase}.hero-title em,.workflow h2 em,.what h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--acid)}.hero-side{max-width:335px;padding-bottom:14px}.hero-side p,.section-head>p:last-child,.workflow-intro>p:last-child,.what-item p,.about-copy>p,.contact-row p{font-size:15px;line-height:1.6;color:#d5d0c7}.button{display:inline-flex;gap:20px;align-items:center;text-decoration:none;color:var(--paper);background:var(--acid);padding:15px 17px;margin-top:24px;font:500 11px var(--mono);letter-spacing:.04em}.button span{font-size:16px}.hero-frame{height:clamp(180px,26vw,380px);background:linear-gradient(135deg,#2c2a26,#535047 55%,#24231f);position:relative;border:1px solid rgba(243,239,230,.35);display:flex;align-items:center;justify-content:center}.frame-top,.frame-bottom{position:absolute;left:14px;right:14px;display:flex;justify-content:space-between;color:#ded9d0}.frame-top{top:13px}.frame-bottom{bottom:13px}.play-mark{font-size:38px;color:var(--acid);filter:drop-shadow(0 0 35px rgba(255,93,39,.5))}.hero-foot{display:flex;align-items:center;gap:13px;color:var(--muted)}.scroll-line{height:1px;width:90px;background:var(--acid)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:55px}.section-head>p:last-child{margin:0;text-align:right}.work{background:var(--paper);color:var(--ink)}.work .section-head>p:last-child{color:#4c4943}.work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:54px 24px}.work-card-offset{grid-column:2}.cover{aspect-ratio:16/10;position:relative;overflow:hidden;padding:16px;background:#34312c}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 43%,rgba(255,255,255,.1),transparent 57%);transform:translateX(-100%);transition:transform .8s ease}.work-card:hover .cover:after{transform:translateX(100%)}.cover-a{background:linear-gradient(140deg,#b3aea3,#504d48 48%,#20201d);color:var(--paper)}.cover-b{background:linear-gradient(135deg,var(--acid),#bc3f25 38%,#282421 39%,#39352f);color:var(--paper)}.cover-c{background:linear-gradient(135deg,#dfd9ce,#8d887e 50%,#34312d 51%);color:var(--ink)}.placeholder-chip{background:var(--acid);padding:6px 7px;position:absolute;top:16px;left:16px;color:var(--ink);font-size:9px}.cover-word{font:600 clamp(34px,4.7vw,76px)/.88 var(--display);position:absolute;bottom:19px;left:18px;letter-spacing:-.03em}.timecode{position:absolute;right:16px;bottom:18px}.work-meta{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.work-meta h3{margin:0;font-size:16px;font-weight:600}.work-meta p{margin:5px 0 0;font:10px var(--mono);color:#615c54}.round-arrow{height:39px;width:39px;border-radius:50%;border:1px solid #47423b;background:transparent;font-size:18px}.comparison{border-top:1px solid var(--line)}.compare-shell{height:min(61vw,680px);min-height:380px;position:relative;overflow:hidden;cursor:ew-resize;outline:none;background:#292722}.compare-final,.compare-raw{position:absolute;inset:0}.compare-final{background:radial-gradient(circle at 76% 32%,rgba(255,93,39,.8),transparent 23%),linear-gradient(128deg,#23231f,#666158 50%,#171715)}.compare-raw{width:53%;overflow:hidden;background:linear-gradient(135deg,#a8a096,#6a645d 52%,#36332e)}.compare-copy{position:absolute;bottom:40px;left:clamp(22px,4vw,56px);white-space:nowrap}.compare-copy span{display:block;color:var(--acid);margin-bottom:14px}.compare-copy strong{font:600 clamp(26px,3.8vw,62px)/.94 var(--display);letter-spacing:-.02em;text-transform:uppercase}.compare-copy small{display:block;margin-top:15px;color:#e3ddd3}.compare-handle{position:absolute;left:53%;top:0;bottom:0;width:1px;background:var(--paper);transform:translateX(-50%)}.compare-handle b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--paper);color:var(--ink);font:18px var(--mono)}.compare-label{position:absolute;top:18px;padding:7px 9px;background:var(--ink);font-size:9px}.raw-label{left:18px}.final-label{right:18px;background:var(--acid);color:var(--ink)}.workflow{background:#1b1a18;border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.workflow-intro{position:sticky;top:55px;height:min-content}.workflow-intro h2,.what h2,.about h2,.contact h2{font-size:clamp(58px,8vw,125px);margin:18px 0 30px}.workflow-intro>p:last-child{max-width:275px}.process-list{border-top:1px solid var(--line)}.process-step{width:100%;min-height:76px;text-align:left;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--paper);display:grid;grid-template-columns:46px 1fr 1.2fr;align-items:center;cursor:pointer;transition:padding .35s,color .35s}.process-step span{color:var(--muted)}.process-step strong{font:500 clamp(18px,2vw,30px)/1 var(--display);letter-spacing:.015em}.process-step small{font-size:12px;line-height:1.4;color:var(--muted);max-width:260px}.process-step.active{padding-left:15px;color:var(--acid)}.process-step.active span{color:var(--acid)}.process-step.ready{background:var(--acid);color:var(--ink);padding-left:15px}.process-step.ready span,.process-step.ready small{color:var(--ink)}.what{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.what-grid{border-top:1px solid #aaa49a}.what-item{padding:26px 0;border-bottom:1px solid #aaa49a;display:grid;grid-template-columns:45px 1fr 1.2fr;gap:10px}.what-item span{font:11px var(--mono);color:var(--acid)}.what-item h3{margin:0;font:500 26px/1 var(--display);text-transform:uppercase}.what-item p{color:#514c44;margin:0;font-size:13px}.about{display:grid;grid-template-columns:.84fr 1.16fr;gap:9vw;align-items:center}.portrait-placeholder{aspect-ratio:4/5;background:linear-gradient(150deg,#393530,#24231f);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait-placeholder:before{content:"";width:64%;aspect-ratio:1;border:1px solid var(--acid);border-radius:50%;position:absolute;top:12%;opacity:.6}.portrait-placeholder span,.portrait-placeholder p{position:absolute;font:10px var(--mono);letter-spacing:.06em}.portrait-placeholder span{top:15px;left:15px;color:var(--acid)}.portrait-placeholder p{bottom:11px;text-align:center;color:var(--muted)}.portrait-placeholder b{font:600 clamp(80px,13vw,190px)/1 var(--display);color:var(--paper);letter-spacing:-.1em}.about-copy{max-width:580px}.about-copy h2{margin-top:16px}.large-copy{font-size:22px!important;line-height:1.35!important;color:var(--paper)!important;max-width:470px}.about-tags{color:var(--acid)!important;font-size:10px!important;margin-top:28px!important}.contact{background:var(--acid);color:var(--ink);padding-bottom:30px}.contact .eyebrow{color:var(--ink)}.contact h2{font-size:clamp(72px,13vw,210px);margin:34px 0 45px}.contact h2 em{color:var(--paper)}.contact-row{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(17,17,15,.42);padding-top:20px}.contact-row p{color:var(--ink);max-width:320px;margin:0}.button-light{background:var(--paper);color:var(--ink);margin:0}.contact-footer{border-top:1px solid rgba(17,17,15,.42);padding-top:15px;margin-top:90px;display:flex;justify-content:space-between}.contact-footer a{color:var(--ink);text-decoration:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}@media(max-width:720px){.site-header{grid-template-columns:1fr auto;height:66px}.header-role{display:none}.section-pad{padding-top:82px;padding-bottom:82px}.hero{min-height:calc(100vh - 66px)}.hero-grid,.workflow,.what,.about{grid-template-columns:1fr}.hero-grid{padding:70px 0 38px}.hero-title{font-size:clamp(65px,18vw,105px)}.section-head{display:block;margin-bottom:34px}.section-head>p:last-child{text-align:left;margin-top:17px}.work-grid{grid-template-columns:1fr;gap:40px}.work-card-offset{grid-column:auto}.compare-shell{height:113vw;min-height:390px}.workflow-intro{position:static}.process-step{grid-template-columns:38px 1fr;gap:8px}.process-step small{grid-column:2;font-size:11px}.what-grid{margin-top:36px}.what-item{grid-template-columns:34px 1fr}.what-item p{grid-column:2}.portrait-placeholder{max-width:420px}.contact-row,.contact-footer{display:block}.contact-row .button{margin-top:22px}.contact-footer span,.contact-footer a{display:block;margin-bottom:12px}.contact-footer{margin-top:60px}.header-cta{font-size:10px}.hero-frame{height:190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.cover:after{display:none}}
