:root{--bg:#0c0e11;--bg-2:#121418;--ink:#f2efe9;--mute:#8d8a84;--amber:#f2701f;--amber-d:#d4570f;--line:#ffffff1a;--glass:#ffffff0a;--f-sans:"Inter Tight", system-ui, sans-serif;--f-serif:"Instrument Serif", Georgia, serif;--gut:clamp(20px, 5vw, 72px);--ease:cubic-bezier(.2, .7, .2, 1);--gf:clamp(100px, 34.4vw, 488px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.skip{z-index:100;background:var(--amber);color:#000;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.wrap{max-width:1280px;padding:0 var(--gut);margin:0 auto}em{font-family:var(--f-serif);color:var(--amber);letter-spacing:0;font-style:italic;font-weight:400}.nav{z-index:50;border-radius:999px;justify-content:flex-end;align-items:center;gap:clamp(14px,3vw,40px);padding:8px 8px 8px 22px;display:flex;position:fixed;top:18px;left:18px;right:18px}.logo{letter-spacing:-.015em;color:#fff;align-items:center;gap:10px;margin-right:auto;font-size:17px;font-weight:600;display:flex}.logo img{width:auto;height:22px;display:block}.nav-links{color:#fff;align-items:center;font-size:17px;font-weight:500;display:flex}.nav-links a{transition:color .2s}.nav-links a+a:before{content:"/";color:var(--amber);margin:0 clamp(10px,1.4vw,18px);display:inline-block}.nav-links a:hover,.nav-links a.active{text-decoration:underline;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);text-underline-offset:7px;text-decoration-thickness:2px}.btn{font:500 14px/1 var(--f-sans);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .25s, color .25s, border-color .25s, box-shadow .25s, transform .25s var(--ease);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;display:inline-flex}.btn:hover{border-color:#ffffff59}.btn-amber{background:var(--amber);border-color:var(--amber);color:#0c0e11;font-weight:600}.btn-amber:hover{background:#f68a47;border-color:#f68a47;box-shadow:0 0 36px #f2701f59}.btn-sm{padding:11px 18px}.btn-lg{padding:18px 32px;font-size:16px}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(4px)}button[type=submit]:disabled{opacity:.7;cursor:wait}.ghost{letter-spacing:-.045em;color:#ffffff0b;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transform:translate3d(-50%, var(--py,0px), 0);will-change:transform;font-size:clamp(120px,24vw,340px);font-weight:600;line-height:.8;position:absolute;left:50%}.hero{text-align:center;min-height:100svh;padding:calc(85px + var(--gf) * .62) 0 80px;isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.hero .ghost{z-index:-1;top:85px}h1{letter-spacing:-.04em;text-wrap:balance;max-width:17ch;margin:0 auto;font-size:clamp(42px,7.2vw,108px);font-weight:500;line-height:.96}h1 em{font-size:1.04em}.hero-sub{color:#b9b6af;max-width:560px;margin:32px auto 0;font-size:clamp(16px,1.5vw,19px)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.hero-foot{--g:clamp(32px, 5vw, 72px);gap:var(--g);color:#d2d5da8c;letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;margin-top:64px;font-size:clamp(15px,1.7vw,21px);font-weight:500;display:flex}.hero-foot span{position:relative}.hero-foot span+span:before{content:"";left:calc(var(--g) / -2 - .05em);background:var(--amber);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.examples{letter-spacing:.06em;text-wrap:initial;width:min(1640px,100% - 2*clamp(20px,3.5vw,64px));max-width:none;color:var(--amber);justify-content:center;align-items:flex-start;gap:12px;margin-top:clamp(44px,5vw,72px);font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1;display:flex}.examples svg{color:#fff;flex:none;margin-top:.2em}.tiles{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,36px);width:min(1640px,100% - 2*clamp(20px,3.5vw,64px));margin-top:clamp(28px,3vw,44px);display:grid;position:relative}.tiles:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(62% 70% at 50% 55%,#ffffff13,#0000 72%);position:absolute;inset:-50px -3% -70px}.tile{aspect-ratio:16/10;background:var(--bg-2);isolation:isolate;transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:0 36px 70px -12px #000,0 14px 30px -8px #000000f2}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.tile:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#0c0e11d9 100%);position:absolute;inset:0}.tile-name{z-index:2;letter-spacing:-.01em;color:#fff;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.tile-name i{color:var(--amber);transition:transform .3s var(--ease);font-style:normal}.tile:hover{transform:translateY(-5px);box-shadow:0 0 34px 2px #f2701f80,0 0 90px 8px #f2701f47}.tile:hover img{transform:scale(1.04)}.tile:hover .tile-name i{transform:translate(4px)}.page-top{min-height:80vh;padding-top:clamp(130px,14vw,190px)}.page-top .ghost{top:70px}.section{isolation:isolate;padding:clamp(90px,12vw,170px) 0;position:relative;overflow:hidden}.section .ghost{z-index:-1;top:clamp(40px,6vw,90px)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:12px;margin-bottom:18px;font-size:13px;display:flex}.eyebrow:before{content:"";background:var(--amber);width:28px;height:1px}h2{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;font-size:clamp(34px,5.4vw,76px);font-weight:500;line-height:1}.intro{color:#b9b6af;max-width:520px;margin-top:22px;font-size:clamp(15px,1.3vw,18px)}.sec-head{margin-bottom:clamp(44px,6vw,80px)}.cards{grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,40px);display:grid}.cards-3{grid-template-columns:repeat(8,1fr)}.cards-3 .svc{grid-column:span 2}.cards-3 .svc:first-child{grid-column:2/span 2}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .3s, transform .5s var(--ease);background:linear-gradient(160deg,#ffffff12,#ffffff05);border-radius:24px;position:relative;overflow:hidden}.glass:hover{border-color:#ffffff29;transform:translateY(-4px)}.svc{flex-direction:column;min-height:clamp(340px,34vw,460px);padding:0 28px 34px;display:flex}.svc .num{color:var(--amber);letter-spacing:.1em;font-size:13px}.svc h3{letter-spacing:-.02em;margin-bottom:12px;font-size:24px;font-weight:500;line-height:1.1}.svc p{color:#a9a69f;margin-top:auto;font-size:15px}.svc h3+p{margin-top:0}.work-list{border-top:1px solid var(--line)}.work{border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:70px 1fr auto;align-items:center;gap:clamp(14px,3vw,40px);padding:clamp(28px,4vw,52px) 0;display:grid;position:relative;overflow:hidden}.work:before{content:"";z-index:-2;background:var(--img) center/cover;opacity:0;transition:opacity .6s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.work:hover:before{opacity:.55;transform:scale(1)}.work:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--bg) 0%, #0c0e118c 55%, #0c0e11bf 100%);opacity:0;transition:opacity .6s;position:absolute;inset:0}.work:hover:after{opacity:1}.work .n{color:var(--mute);padding-left:4px;font-size:14px}.work h3{letter-spacing:-.04em;transition:transform .5s var(--ease), color .3s;font-size:clamp(30px,5.4vw,80px);font-weight:500;line-height:1}.work:hover h3{color:var(--amber);transform:translate(14px)}.work p{color:#a9a69f;max-width:52ch;margin-top:12px;font-size:15px}.work .go{border:1px solid var(--line);width:56px;height:56px;transition:background .3s, border-color .3s, color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;margin-right:4px;display:grid}.work:hover .go{background:var(--amber);border-color:var(--amber);color:#000;transform:rotate(-45deg)}.work .go svg{width:20px;height:20px}.contact{text-align:left}.contact-box{background:linear-gradient(160deg,#ffffff0f,#ffffff05);border-radius:36px;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(30px,5vw,72px);display:grid}.contact-box h2{max-width:12ch}.form{gap:14px;display:grid}.form .hp,.form [hidden]{display:none!important}.form .opt{color:var(--mute);opacity:.75;font-weight:400}.form label{color:var(--mute);gap:7px;font-size:13px;display:grid}.form input,.form select,.form textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#00000059;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form select option{background:#15171b}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f2701f26}.form .btn{justify-self:start;margin-top:6px}.form-msg{min-height:1.3em;color:var(--amber);font-size:14px}.foot{border-top:1px solid var(--line);color:var(--mute);padding:30px 0 44px;font-size:13px}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.ghost{transform:translate(-50%)}.glass,.work:before,.work h3,.work .go{transition:none}}@media (width<=1050px){.cards{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:1fr}.cards-3 .svc,.cards-3 .svc:first-child{grid-column:auto}.contact-box{grid-template-columns:1fr}}@media (width<=720px){.tiles{grid-template-columns:1fr}.hero-foot{--g:24px;letter-spacing:.06em;font-size:14px}.nav{gap:10px;padding-left:14px;padding-right:6px;left:12px;right:12px}.nav:before{content:"";z-index:-1;border-radius:inherit;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:none;background:#0c0e11b8;position:absolute;inset:0}.nav-cta{bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;padding:15px 26px;font-size:15px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 36px -10px #000c}body:has(.nav-cta){padding-bottom:88px}.nav-links{font-size:13px}.nav-links a+a:before{margin:0 clamp(5px,1.6vw,8px)}.cards{grid-template-columns:1fr}.svc{min-height:0}.work{grid-template-columns:1fr auto}.work .n{display:none}.work:before{opacity:.28}.work:after{opacity:1}.hero{padding-top:calc(85px + var(--gf) * .62)}.hero-foot{margin-top:44px}}.ghost-hero{font-size:var(--gf);align-items:flex-end;gap:.03em;display:inline-flex}.ghost-hero .by{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#ffffff4d;writing-mode:vertical-rl;margin-bottom:calc(var(--gf) * .036);font-size:.06em;font-weight:500;line-height:1;transform:rotate(180deg)}.ghost-hero .by b{color:#5ecf2d;font-weight:600}@keyframes credit-drop{0%{opacity:0;translate:0 -220px}30%{opacity:1}to{opacity:1;translate:0}}.ghost-hero .by{animation:1.3s cubic-bezier(.16,1,.3,1) .35s both credit-drop}@media (prefers-reduced-motion:reduce){.ghost-hero .by{animation:none}}.cards-wrap{position:relative}.cards-wrap .ghost{letter-spacing:.005em;color:#fff;font-size:clamp(78px,24vw,340px);top:calc(clamp(78px,24vw,340px)/-1.51515);transform:translate(-50%)}.services-page{padding-top:calc(112px + clamp(78px,24vw,340px)/1.5873)}.services-page .wrap{max-width:1760px;padding-left:clamp(20px,3vw,56px);padding-right:clamp(20px,3vw,56px)}.svc{-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);transition:transform .5s var(--ease), border-color .3s;background:linear-gradient(#ffffff12,#fff0 42%),#030406cc;border:1px solid #ffffff17;border-top-color:#fff3;border-radius:26px;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -34px #000000b3;container-type:inline-size}.svc:hover{border-color:#ffffff4d #ffffff29 #ffffff29;box-shadow:inset 0 1px #ffffff14,0 30px 60px -34px #000000b3}.svc h3{letter-spacing:-.03em;border-bottom:1px solid #ffffff17;align-items:center;height:clamp(124px,11vw,160px);margin-bottom:26px;padding:0;font-size:min(36px,11.4cqi);font-weight:700;display:flex}.svc p{color:#a3a09a}.bullets{gap:12px;list-style:none;display:grid}.bullets li{color:#b3b0aa;padding-left:20px;font-size:15px;line-height:1.5;position:relative}.bullets li:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:.58em;left:2px}.contact-wrap .ghost{top:calc(clamp(78px,24vw,340px)/-1.51515)}.contact-page{padding-top:calc(112px + clamp(78px,24vw,340px)/1.5873)}.contact-box{-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:linear-gradient(#ffffff12,#fff0 42%),#030406cc;border:1px solid #ffffff17;border-top-color:#fff3;border-radius:26px;overflow:visible;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -34px #000000b3}.sel{position:relative}.sel-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sel-btn{width:100%;font:inherit;color:var(--ink);text-align:left;border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:14px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s;display:flex}.sel-btn svg{color:#fff9;transition:transform .25s var(--ease);flex:none}.sel-btn[aria-expanded=true] svg{transform:rotate(180deg)}.sel-btn:focus-visible,.sel-btn[aria-expanded=true]{border-color:var(--amber);box-shadow:0 0 0 3px #f2701f26}.sel-list{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#0a0c0ff0;border:1px solid #ffffff1f;border-top-color:#fff3;border-radius:16px;outline:none;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 26px 50px -20px #000000d9}.sel-list[hidden]{display:none}.sel-list li{color:#b3b0aa;cursor:pointer;border-radius:10px;padding:11px 14px;font-size:15px}.sel-list li[aria-selected=true]{color:#fff}.sel-list li.is-active{color:#fff;background:#ffffff17}.contact-modal{color:inherit;overscroll-behavior:contain;background:0 0;border:0;width:min(1000px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto}.contact-modal:not([open]){display:none}.contact-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030406bd}.contact-modal[open]::backdrop{animation:.3s both modal-fade}.contact-modal[open] .modal-card{animation:modal-pop .4s var(--ease) both}.modal-card{position:relative}.modal-card .contact-box{background:linear-gradient(#ffffff12,#fff0 42%),#0a0c0ff5;box-shadow:inset 0 1px #ffffff0f,0 40px 90px -30px #000000e6}.modal-close{z-index:5;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.modal-close:focus-visible{outline:2px solid var(--amber);outline-offset:2px}body:has(.contact-modal[open]){overflow:hidden}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.contact-modal[open]::backdrop,.contact-modal[open] .modal-card{animation:none}}.modal-card .contact-box{gap:clamp(24px,4vw,56px);padding:clamp(24px,3.4vw,52px)}@media (width>=760px){.modal-card .contact-box{grid-template-columns:1.1fr 1fr}}.sel-list.sel-up{top:auto;bottom:calc(100% + 8px)}.contact-modal[open]{animation:.5s linear modal-no-scroll}@keyframes modal-no-scroll{0%,to{overflow:hidden}}.contact-box:hover{border-color:#fff3 #ffffff17 #ffffff17;transform:none;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -34px #000000b3}.modal-card .contact-box:hover{box-shadow:inset 0 1px #ffffff0f,0 40px 90px -30px #000000e6}body{flex-direction:column;min-height:100svh;display:flex}main{flex:1 0 auto}@media (width>=1051px){main:has(>.page-top){min-height:1190px}}@media (width<=560px){.nav-links a:first-child,.nav-links a:nth-child(2):before{display:none}}.nav-links a{white-space:nowrap}@media (width<=340px){.logo{gap:0;font-size:0}.nav-links{font-size:12px}.nav-links a+a:before{margin:0 4px}}.svc h3{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.svc h3 small{letter-spacing:0;color:var(--mute);font-size:clamp(11px,5.6cqi,15px);font-weight:400;line-height:1.3}.svc h3 small.ph{visibility:hidden}@media (width<=720px){.svc h3 small.ph{display:none}}#top h1{max-width:24ch;font-size:clamp(38px,6.1vw,96px)}