:root{--ink:#000;--carbon:#181818;--graphite:#636363;--ash:#6d6d6d;--pewter:gray;--smoke:#9a9a9a;--paper:#fff;--t:"Hanken Grotesk",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#000}body{font-family:var(--t);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:18px;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1320px;margin:0 auto;padding:0 40px}.frame{padding:120px 0;position:relative}.dark{background:var(--ink);color:var(--paper)}.light{background:var(--paper);color:var(--ink)}.hair{opacity:.14;background:currentColor;height:1px}.lab{letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:500}.muted{color:var(--ash)}.dark .muted{color:var(--smoke)}nav{z-index:30;background:var(--paper);border-bottom:1px solid var(--ink);position:sticky;top:0}nav .wrap{justify-content:space-between;align-items:center;height:70px;display:flex}nav .id{letter-spacing:-.01em;font-size:17px;font-weight:600}nav .links{gap:34px;display:flex}nav .links a{letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);font-size:12px;font-weight:500;transition:color .2s}nav .links a:hover{color:var(--ink)}.hero{background:var(--ink);color:var(--paper);padding:90px 0 84px;position:relative;overflow:hidden}.hero .render{pointer-events:none;z-index:0;filter:blur(18px);opacity:.55;background:radial-gradient(closest-side at 60%,#ff783c6b,#7828c838 45%,#145ac81a 70%,#0000 78%);width:80vw;height:120%;animation:14s ease-in-out infinite alternate drift;position:absolute;top:-30%;right:-12%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-4%,3%)scale(1.08)}}.hero .wrap{z-index:1;position:relative}.hero .lab{color:var(--smoke);opacity:0;margin-bottom:42px;animation:.9s .1s forwards rise}.hero h1{letter-spacing:-.035em;font-size:clamp(60px,15.5vw,220px);font-weight:300;line-height:.82}.hero h1 .a{opacity:0;animation:1.1s .22s forwards rise;display:block}.hero h1 .b{opacity:0;animation:1.1s .36s forwards rise;display:block}.hero h1 em{font-style:italic;font-weight:300}.hero .sub{color:#d6d6d6;opacity:0;max-width:640px;margin-top:48px;font-size:21px;font-weight:300;line-height:1.5;animation:1s .56s forwards rise}.hero .sub b{color:var(--paper);font-weight:500}.hero .row{opacity:0;flex-wrap:wrap;gap:12px;margin-top:46px;animation:1s .72s forwards rise;display:flex}.tag{letter-spacing:.08em;color:#cfcfcf;border:1px solid #ffffff47;border-radius:75px;padding:10px 18px;font-size:12px;font-weight:500;transition:all .25s}.tag:hover{border-color:var(--paper);color:var(--paper)}.hero .links{opacity:0;flex-wrap:wrap;gap:30px;margin-top:40px;animation:1s .86s forwards rise;display:flex}.hero .links a{letter-spacing:.04em;color:#bdbdbd;border-bottom:1px solid #0000;padding-bottom:3px;font-size:13px;font-weight:500;transition:all .2s}.hero .links a:hover{color:var(--paper);border-bottom-color:var(--paper)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.shead{align-items:flex-start;gap:30px;margin-bottom:64px;display:flex}.shead .n{letter-spacing:.1em;opacity:.5;padding-top:18px;font-size:13px;font-weight:500}.shead h2{letter-spacing:-.02em;font-size:clamp(38px,6vw,82px);font-weight:300;line-height:.92}.shead .meta{text-align:right;max-width:230px;color:var(--ash);margin-left:auto;padding-top:8px;font-size:13px;line-height:1.5}.dark .shead .meta{color:var(--smoke)}.statement{letter-spacing:-.015em;max-width:1040px;font-size:clamp(28px,4.4vw,52px);font-weight:300;line-height:1.18}.statement em{font-style:italic}.stats{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:80px;display:grid}.stat{border-right:1px solid #0000001f;padding:30px 26px 30px 0}.stat:last-child{border-right:none}.stat b{letter-spacing:-.03em;font-size:64px;font-weight:300;line-height:1;display:block}.stat span{color:var(--ash);margin-top:14px;font-size:13px;display:block}.grid{border-top:1px solid;border-left:1px solid;grid-template-columns:repeat(2,1fr);display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.cell{border-bottom:1px solid;border-right:1px solid;flex-direction:column;min-height:230px;padding:38px 34px;transition:background .25s,color .25s;display:flex}.dark .cell{border-color:#ffffff29}.light .cell{border-color:#00000029}.light .cell:hover{background:var(--ink);color:var(--paper)}.dark .cell:hover{background:var(--paper);color:var(--ink)}.cell .k{letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:12px;font-weight:500}.cell h3{letter-spacing:-.02em;margin:14px 0 12px;font-size:30px;font-weight:300;line-height:1.04}.cell p{opacity:.7;font-size:15px;font-weight:400;line-height:1.5}.cell p b{opacity:1;font-weight:600}.cell .meta{letter-spacing:.06em;opacity:.5;margin-top:auto;padding-top:20px;font-size:12px}.index{border-top:1px solid}.idx{border-bottom:1px solid #ffffff29;grid-template-columns:1.1fr 1.3fr 1.4fr;align-items:baseline;gap:24px;padding:22px 4px;transition:padding .25s;display:grid}.idx:hover{padding-left:18px}.idx .r{letter-spacing:-.02em;font-size:26px;font-weight:300}.idx .r em{letter-spacing:.04em;opacity:.55;font-size:13px;font-style:normal}.idx .s{font-size:16px;font-weight:400}.idx .v{letter-spacing:.04em;color:var(--smoke);text-align:right;font-size:13px}.experience .idx{grid-template-columns:.8fr 1fr 2fr}.light .experience .idx{border-color:#00000029}.experience .idx .v{text-align:left;color:var(--ash);letter-spacing:0}.feature{border-bottom:1px solid #ffffff29;margin-bottom:8px;padding:46px 0 56px}.feature .lab{color:var(--smoke);margin-bottom:20px}.feature .big{letter-spacing:-.025em;max-width:1000px;font-size:clamp(32px,5vw,60px);font-weight:300;line-height:1.02}.feature p{color:#cfcfcf;max-width:760px;margin-top:24px;font-size:17px;font-weight:300;line-height:1.55}.feature p b{color:var(--paper);font-weight:500}.films{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:56px;display:grid}.filmslot{aspect-ratio:16/9;text-align:center;border:1px solid #ffffff29;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.filmslot span{font-size:20px;font-weight:300}.filmslot small{color:var(--smoke);letter-spacing:.06em;margin-top:8px;font-size:12px}.cols{grid-template-columns:1.3fr 1fr;gap:80px;display:grid}.cols p{margin-bottom:18px;font-size:18px;font-weight:300;line-height:1.55}.cols p strong{font-weight:500}.btns{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.btn{letter-spacing:.06em;border:1px solid;border-radius:75px;padding:15px 26px;font-size:13px;font-weight:500;transition:all .25s}.btn:hover{background:var(--ink);color:var(--paper)}.craft .h4{letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}.craft ul{margin-bottom:32px;list-style:none}.craft li{border-bottom:1px solid #00000014;padding:5px 0;font-size:16px;font-weight:300}.craft li span{color:var(--ash)}footer{background:var(--ink);color:var(--paper);padding:110px 0 70px}footer .big{letter-spacing:-.03em;font-size:clamp(40px,8vw,110px);font-weight:300;line-height:.86}footer .big a{border-bottom:2px solid var(--paper);transition:opacity .25s}footer .big a:hover{opacity:.55}footer .frow{letter-spacing:.04em;color:var(--smoke);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:60px;font-size:13px;display:flex}footer .frow a{color:#cfcfcf}footer .frow a:hover{color:var(--paper)}.about-grid{grid-template-columns:1.5fr .9fr;align-items:center;gap:56px;display:grid}.about-grid .statement{margin:0}.portrait{filter:grayscale()contrast(1.02);border:1px solid #0000001f;width:100%;height:auto;transition:filter .4s;display:block}.portrait:hover{filter:grayscale(0)}@media (max-width:820px){.wrap{padding:0 22px}nav .wrap{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding-top:14px;padding-bottom:14px}nav .links{flex-wrap:wrap;gap:16px;display:flex}nav .links a{letter-spacing:.1em;font-size:11px}.about-grid{grid-template-columns:1fr;gap:32px}.portrait{max-width:320px}.grid,.grid.three,.cols,.stats,.films{grid-template-columns:1fr}.shead{flex-wrap:wrap;gap:14px}.shead .meta{text-align:left;margin-left:0}.idx,.experience .idx{grid-template-columns:1fr;gap:4px}.idx .v{text-align:left}.stat{border-bottom:1px solid #0000001f;border-right:none}}.case nav{border-bottom:1px solid var(--ink)}.casehead{padding:110px 0 90px}.casehead h1{letter-spacing:-.03em;margin:26px 0 0;font-size:clamp(52px,9vw,120px);font-weight:300;line-height:.95}.casehead .pitch{color:#d6d6d6;max-width:680px;margin-top:34px;font-size:21px;font-weight:300;line-height:1.55}.casehead .pitch b{color:var(--paper);font-weight:500}.case .still{padding-top:0}.case .still img{border:1px solid #ffffff29;width:100%;height:auto;display:block}.case .still .cap{letter-spacing:.06em;margin-top:14px;font-size:12px}.fact{margin-top:42px;list-style:none}.fact li{border-bottom:1px solid #0000001f;max-width:860px;padding:20px 0;font-size:18px;line-height:1.55}.fact li code{background:#0000000d;padding:2px 6px;font-size:15px}.dark .fact li{border-color:#ffffff24}.funnel{max-width:760px;margin-top:42px;list-style:none}.funnel li{border-bottom:1px solid #0000001f;align-items:baseline;gap:22px;padding:16px 0;font-size:19px;display:flex}.funnel .n{letter-spacing:.18em;color:var(--ash);font-size:12px}.factsrow .note{margin-top:34px;font-size:15px}.casefoot{padding:90px 0}.casefoot .wrap{flex-wrap:wrap;gap:14px;display:flex}.btn{letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:75px;padding:14px 26px;font-size:13px;font-weight:500;display:inline-block}.case .factsrow,.case section.light+section.light{padding-top:0}.filmslot.filled{border:1px solid #ffffff29;padding:0;display:block;overflow:hidden}.filmslot.filled video{aspect-ratio:16/9;object-fit:cover;background:50%/cover no-repeat;width:100%;display:block}.filmslot.filled figcaption{letter-spacing:.06em;color:var(--smoke);padding:14px 18px;font-size:12px}.gallery-head{border-top:1px solid #ffffff24;margin-top:72px;padding-top:36px}.gallery-head p{color:#d6d6d6;max-width:620px;margin-top:14px;font-size:18px;font-weight:300;line-height:1.55}.filmslot.filled figcaption b{color:var(--paper);font-weight:500}.throughline{letter-spacing:-.01em;color:#e4e4e4;max-width:820px;margin:0 0 8px;font-size:clamp(19px,2.2vw,26px);font-weight:300;line-height:1.4}.throughline a{border-bottom:1px solid #fff6}.offstage{border-top:1px solid #00000024;margin-top:96px;padding-top:44px}.offstage .lead{max-width:660px;color:var(--ash);margin-bottom:26px;font-size:17px;line-height:1.55}.offstage-index{list-style:none}.offstage-index li{border-bottom:1px solid #0000001a;grid-template-columns:.7fr 1.3fr;align-items:baseline;gap:20px;padding:14px 2px;display:grid}.offstage-index li b{font-size:17px;font-weight:500}.offstage-index li em{color:var(--ash);font-size:12px;font-style:normal}.offstage-index li span{color:var(--ash);font-size:14px}.offstage-index a{border-bottom:1px solid #0000004d}.bay .bay-panel{background:#0d0d0d;border:1px solid #ffffff29}.bay-top{letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:16px 22px;font-size:12px;display:flex}.bay-cols{grid-template-columns:.7fr 1.3fr;display:grid}.bay-instruments{border-right:1px solid #ffffff1a;padding:22px 0;list-style:none}.bay-instruments li{color:#cfcfcf;gap:16px;padding:9px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;display:flex}.bay-instruments li .i{color:var(--ash);font-size:12px}.bay-instruments li:nth-child(4){color:#e8c98a;background:#c8a05a14}.bay-stage{padding:40px}.bay-stage .bay-k{letter-spacing:.14em;text-transform:uppercase;color:var(--ash);font-family:ui-monospace,monospace;font-size:12px}.bay-stage h3{letter-spacing:-.02em;margin:16px 0 18px;font-size:34px;font-weight:300}.bay-stage p{color:#cfcfcf;max-width:520px;margin-bottom:26px;font-size:16px;line-height:1.6}.bay-stage code{background:#ffffff0f;padding:2px 7px;font-size:13px}@media (max-width:820px){.bay-cols{grid-template-columns:1fr}.bay-instruments{border-bottom:1px solid #ffffff1a;border-right:none}}.cap-grid{border-top:1px solid #ffffff29;border-left:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);display:grid}.cap-col{border-bottom:1px solid #ffffff29;border-right:1px solid #ffffff29;padding:30px 30px 34px}.cap-h{letter-spacing:.16em;text-transform:uppercase;color:var(--smoke);margin-bottom:18px;font-size:12px;font-weight:500}.cap-col ul{list-style:none}.cap-col li{color:#d6d6d6;border-bottom:1px solid #ffffff0f;padding:7px 0;font-size:15px;line-height:1.45}.cap-col li:last-child{border-bottom:none}@media (max-width:980px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cap-grid{grid-template-columns:1fr}}.femail{color:var(--smoke);margin-top:24px;font-size:16px}.femail a{border-bottom:1px solid #ffffff40;transition:all .2s}.femail a:hover{color:var(--paper);border-bottom-color:var(--paper)}.pdfview{background:var(--ink);flex-direction:column;min-height:100vh;display:flex}.pdfview .bar{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;max-width:none;margin:0;padding:16px 32px;display:flex}.pdfview .bar a{color:var(--paper);letter-spacing:.04em;font-size:13px;font-weight:500}.pdfview .bar .dl{border:1px solid #ffffff59;border-radius:75px;padding:9px 18px;transition:all .2s}.pdfview .bar .dl:hover{background:var(--paper);color:var(--ink)}.pdfpages{flex-direction:column;flex:1;align-items:center;gap:20px;padding:32px 20px 60px;display:flex}.pdfpages img{width:100%;max-width:900px;height:auto;display:block;box-shadow:0 2px 40px #00000080}