:root{--bg:#0a0a0a;--ink:#f5f5f2;--mute:#9a9a96;--line:rgba(255,255,255,.16);--paper:#f4f3ef;--pink:#111;--pmute:#6b6b67;--or:#F47A20;--or2:#F26A1B;
--sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--w:1320px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 32px}
.mono{font:500 11.5px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.or{color:var(--or)!important}
h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.02}
h1{font-size:clamp(52px,8vw,112px);margin:14px 0 22px}
h2{font-size:clamp(34px,4.4vw,60px);margin:12px 0 40px}
h3{font-size:30px;margin:10px 0 16px}
.btn{display:inline-block;margin-top:30px;padding:14px 22px;border:1px solid var(--or);color:var(--ink);text-decoration:none;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:.2s}
.btn:hover{background:var(--or);color:#0a0a0a}
.top{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid var(--line)}
.top img{height:26px;width:auto}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 70px}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.55) 55%,rgba(10,10,10,.35)),linear-gradient(0deg,#0a0a0a 0,transparent 30%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;width:100%}
.lede{font-size:20px;max-width:34em;color:#e4e4e0}
.disc{list-style:none;margin-top:28px;border-top:1px solid var(--line)}
.disc li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.disc b{color:var(--or);margin-right:16px;font-weight:500}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--line);background:#111}
.panel img,.panel video{width:100%;height:100%;object-fit:cover}
.panel figcaption{position:absolute;left:10px;bottom:8px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.paper{background:var(--paper);color:var(--pink)}.paper .mono{color:var(--pmute)}
.bio,.cos{padding:110px 0}
.two{display:grid;grid-template-columns:260px 1fr;gap:40px}
.big{font-size:clamp(26px,2.8vw,38px);line-height:1.2;font-weight:500;letter-spacing:-.01em;margin-bottom:22px}
.bio p:not(.mono):not(.big){max-width:44em;color:#333}
.systems{padding:120px 0;border-top:1px solid var(--line)}
.sys-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--or)}
.sys{padding:36px 36px 40px 0}.sys+.sys{padding-left:36px;padding-right:0;border-left:1px solid var(--line)}
.sys>p:not(.mono){color:#d6d6d2;max-width:36em}
.spec{margin-top:26px;border-top:1px solid var(--line)}
.spec div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.spec dt{color:var(--or)}.spec dd{color:var(--ink);text-transform:none;letter-spacing:.02em}
.src{margin-top:34px;text-transform:none;letter-spacing:.04em}
.gallery{padding:120px 0}
.g-head{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid var(--line);margin-bottom:28px}
.g-head .or{grid-column:1/-1}.g-head h2{margin-bottom:20px}.g-head p:last-child{margin-bottom:24px}
.masonry{columns:3 340px;column-gap:14px}
.g-it{break-inside:avoid;margin:0 0 14px;position:relative}
.g-it a{display:block;overflow:hidden;background:#151515;cursor:zoom-in}
.g-it img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s}
.g-it a:hover img{transform:scale(1.035)}
.g-it figcaption{position:absolute;left:8px;top:6px;font:500 10px var(--mono);letter-spacing:.14em;color:#fff;opacity:0;transition:.3s;text-shadow:0 1px 4px #000}
.g-it:hover figcaption{opacity:.9}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:30px;border-top:2px solid var(--or)}
.co{display:block;padding:36px 36px 40px 0;text-decoration:none;transition:.2s}
.co+.co{padding-left:36px;border-left:1px solid #cfcdc6}
.co p:not(.mono){color:#333;max-width:34em;margin-bottom:22px}
.co span{color:var(--or2)!important}.co:hover h3{color:var(--or2)}
.foot{padding:50px 0;border-top:1px solid var(--line)}.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.foot .btn{margin:0}
.lb{position:fixed;inset:0;z-index:50;background:rgba(5,5,5,.96);display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb img{max-width:92vw;max-height:88vh;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#fff;font:300 34px var(--sans);cursor:pointer;padding:18px;opacity:.75}.lb button:hover{opacity:1;color:var(--or)}
.lb-x{top:8px;right:14px}.lb-p{left:8px;top:50%;transform:translateY(-50%)}.lb-n{right:8px;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%)}
@media(max-width:980px){.hero-grid,.sys-grid,.co-grid,.two{grid-template-columns:1fr}.sys,.sys+.sys,.co,.co+.co{padding:32px 0;border-left:0}.sys+.sys,.co+.co{border-top:1px solid var(--line)}.co+.co{border-color:#cfcdc6}}
@media(max-width:700px){.wrap{padding:0 20px}.top{padding:16px 20px}.top .mono{display:none}.pair{grid-template-columns:1fr}.hero{padding-top:90px}.masonry{columns:2 150px;column-gap:8px}.g-it{margin-bottom:8px}.spec div{grid-template-columns:1fr;gap:2px}.g-head{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
/* COLLAGE v2 */
.masonry{columns:3 330px;column-gap:26px;padding:20px 6px 10px}
.g-it{width:var(--w,100%);margin:var(--mt,0) 0 26px var(--ml,0);transform:rotate(var(--r,0deg));position:relative;z-index:var(--z,1);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;box-shadow:0 10px 28px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.35);background:#f4f3ef;padding:6px}
.g-it:first-child{margin-top:0}
.g-it:hover{transform:rotate(0deg) scale(1.02);z-index:20;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.g-it a:hover img{transform:none}
.g-it figcaption{top:12px;left:14px}
.panel video{transform:scale(1.04);background:#000}.panel{background:#000}
@media(max-width:700px){.masonry{columns:2 150px;column-gap:12px;padding:10px 2px}.g-it{transform:rotate(calc(var(--r,0deg)*.4));width:calc(var(--w,100%)*.5 + 50%);margin:calc(var(--mt,0px)*.4) 0 14px 0;padding:4px}}
@media(prefers-reduced-motion:reduce){.g-it{transform:none}}
/* single bio portrait */
.pair{grid-template-columns:1fr;max-width:400px;justify-self:end;width:100%}
.panel{aspect-ratio:4/5}.panel img{object-position:50% 30%}
@media(max-width:980px){.pair{justify-self:start;max-width:420px}}
.bio p:not(.mono):not(.big){margin-bottom:16px}
/* EPIC photo strip */
.epic-strip{display:grid;grid-template-columns:.78fr 1.1fr 1.1fr 1.1fr;gap:22px;align-items:center;margin-top:70px}
.e-it{margin:0;background:#f4f3ef;padding:6px;transform:rotate(var(--r,0deg));box-shadow:0 10px 28px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.35);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;position:relative}
.e-it:hover{transform:rotate(0) scale(1.02);z-index:5;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.e-it a{display:block;cursor:zoom-in}.e-it img{width:100%;height:auto}
.e-it figcaption{color:#6b6b67;font-size:10px;padding:8px 2px 2px}
@media(max-width:980px){.epic-strip{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:700px){.epic-strip{margin-top:50px;gap:12px}.e-it{transform:rotate(calc(var(--r,0deg)*.4));padding:4px}}
/* camera cut-outs */
.cam{margin:0 0 26px;height:240px;display:flex;align-items:flex-end;justify-content:flex-start}
.cam img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.4))}
@media(max-width:700px){.cam{height:auto;max-height:220px}.cam img{height:auto;max-height:220px}}
/* SEC 02 PROJECT (cover + Epic) */
.project{padding:110px 0;border-top:1px solid var(--line)}
.proj-grid{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:72px;align-items:start}
.proj-txt>p:not(.mono){color:#d6d6d2;max-width:36em;margin-bottom:16px}
.proj-txt h2{margin-bottom:14px}.sub{color:var(--or)!important;margin-bottom:28px;text-transform:none;letter-spacing:.06em;font-size:13px}
.proj-txt .spec{max-width:520px}.proj-txt .spec div{grid-template-columns:170px 1fr}.proj-txt .pub{margin-top:30px}
.mag{margin:0;width:100%}
.mag a{display:block;overflow:hidden;cursor:zoom-in;transform:rotate(-1.2deg);box-shadow:0 24px 60px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mag a:hover{transform:rotate(0) scale(1.01)}
.mag img{width:100%;height:auto;aspect-ratio:1219/1600}
.mag figcaption{margin-top:22px;font:500 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--mute);text-align:center}
.sys-grid{align-items:start}
@media(max-width:980px){.proj-grid{grid-template-columns:1fr;gap:44px}.mag{max-width:440px;justify-self:center}}
@media(max-width:700px){.project{padding:80px 0}.mag a{transform:rotate(-.5deg)}.proj-txt .spec div{grid-template-columns:1fr}}
/* hero without video: clean NASA grid */
.hero{min-height:auto;padding:150px 0 100px;background:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/80px 80px,
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/80px 80px,#0a0a0a;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;left:32px;right:32px;top:96px;height:2px;background:var(--or)}
.hero-grid{align-items:end}
.pair{max-width:440px}
@media(max-width:700px){.hero{padding:110px 0 70px}.hero::before{left:20px;right:20px;top:72px}}
.project{padding-top:0}
.opener{position:relative;margin:0 0 90px;height:min(62vh,640px);overflow:hidden}
.opener img{width:100%;height:100%;object-fit:cover}
.opener::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0a 0,transparent 35%)}
.opener figcaption{position:absolute;z-index:2;left:32px;bottom:22px;color:#fff}
@media(max-width:700px){.opener{height:42vh;margin-bottom:56px}.opener figcaption{left:20px}}
/* MOTION v1 (Apple-style) */
:root{--ease:cubic-bezier(.25,.1,.25,1);--ease-out:cubic-bezier(.16,1,.3,1)}
.split .ln{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.split .ln>span{display:inline-block;transform:translateY(105%);animation:lnUp .8s var(--ease-out) forwards}
.split .ln:nth-child(2)>span{animation-delay:.08s}
@keyframes lnUp{to{transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes photoIn{from{opacity:0;transform:scale(1.06);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.hero-txt>.mono{opacity:0;animation:fadeUp .6s var(--ease) forwards}
.hero-txt>.lede{opacity:0;animation:fadeUp .7s var(--ease) .25s forwards}
.hero-txt>.disc{opacity:0;animation:fadeUp .7s var(--ease) .38s forwards}
.hero-txt>.btn{opacity:0;animation:fadeUp .7s var(--ease) .5s forwards}
.panel img{opacity:0;animation:photoIn 1s var(--ease) .15s forwards}
.bio .two>.mono,.bio .two>div>p{opacity:0;animation:fadeUp .7s var(--ease) forwards}
.bio .two>.mono{animation-delay:.45s}.bio .two>div>p:nth-child(1){animation-delay:.55s}.bio .two>div>p:nth-child(2){animation-delay:.65s}.bio .two>div>p:nth-child(3){animation-delay:.75s}
.rv{opacity:0;transform:translate3d(0,32px,0);transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform}
.rv.in{opacity:1;transform:none}
.rv-o{opacity:0;transition:opacity .9s var(--ease)}.rv-o.in{opacity:1}
.opener img,.mag img{will-change:transform;transform-origin:50% 50%}
@media(min-width:981px){.mag{position:sticky;top:90px}}
@media(prefers-reduced-motion:reduce){.split .ln>span,.hero-txt>*,.panel img,.bio .two>.mono,.bio .two>div>p{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.rv,.rv-o{opacity:1!important;transform:none!important;transition:none!important}.mag{position:static}}
.opener img{object-position:50% 45%}
/* SEC.01 bio video */
.bio .two{grid-template-columns:200px minmax(0,1fr) minmax(300px,460px);gap:48px;align-items:start}
.bio-vid{margin:0}
.bv-frame{position:relative;aspect-ratio:16/9;background:#0a0a0a;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.28),0 3px 10px rgba(0,0,0,.18);border:1px solid #111}
.bv-frame video{width:100%;height:100%;object-fit:cover;display:block}
.bio-vid figcaption{margin-top:12px;color:var(--pmute)}
.bio-vid{opacity:0;animation:photoIn 1s var(--ease) .6s forwards}
@media(max-width:1100px){.bio .two{grid-template-columns:200px 1fr}.bio-vid{grid-column:2}}
@media(max-width:980px){.bio .two{grid-template-columns:1fr}.bio-vid{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.bio-vid{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}
.bio .two{grid-template-columns:200px minmax(0,1fr) minmax(240px,320px)}
.bv-frame{aspect-ratio:9/16;padding:0;border:0;overflow:hidden}
.snd{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:rgba(10,10,10,.6);color:#fff;border:1px solid rgba(255,255,255,.3);padding:7px 10px;font-size:10px;cursor:pointer;backdrop-filter:blur(6px);transition:background .3s var(--ease)}
.snd:hover{background:rgba(244,122,32,.85)}
.snd svg{width:14px;height:14px}.snd .w{display:none}.snd[aria-pressed="true"] .w{display:inline}.snd[aria-pressed="true"] .x{display:none}
@media(max-width:1100px){.bio-vid{max-width:320px}}
@media(max-width:980px){.bio-vid{max-width:360px}}
.bv-frame{position:relative}.snd{z-index:3}
.bv-frame video{pointer-events:none}.snd{z-index:10}
.lede2{font-size:clamp(22px,2.3vw,32px);line-height:1.18;font-weight:500;letter-spacing:-.015em;max-width:22ch;margin:22px 0 30px;color:inherit}
.lede2 .ln{display:inline-block;overflow:hidden;vertical-align:top}
.lede2 .ln>span{display:inline-block;transform:translateY(105%);opacity:0;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity 1s cubic-bezier(.16,1,.3,1)}
.lede2.in .ln>span,.no-anim .lede2 .ln>span{transform:none;opacity:1}
.lede2 .ln:nth-child(2)>span{transition-delay:.12s}.lede2 .ln:nth-child(3)>span{transition-delay:.24s}.lede2 .ln:nth-child(4)>span{transition-delay:.36s}
.cap-lbl{font-size:11px;letter-spacing:.2em;opacity:.65;margin:0 0 10px}
.disc2{list-style:none;padding:0;margin:0 0 34px;border-top:1px solid currentColor}
.disc2 li{display:flex;align-items:baseline;gap:18px;font-size:clamp(34px,4.6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.35);opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.disc2.in li,.no-anim .disc2 li{opacity:1;transform:none}
.disc2 li:nth-child(2){transition-delay:.1s}.disc2 li:nth-child(3){transition-delay:.2s}
.disc2 b{color:var(--or,#f47a20);font-size:12px;font-weight:500;letter-spacing:.1em;min-width:2.4em}
@media(prefers-reduced-motion:reduce){.lede2 .ln>span,.disc2 li{transform:none!important;opacity:1!important;transition:none!important}}
@media(max-width:700px){.lede2{font-size:23px}.disc2 li{font-size:40px}}
@media(max-width:980px){.bio .two{grid-template-columns:1fr}.bio-vid{width:100%;max-width:340px;margin:8px auto 0}}
.trust{background:#0a0a0a;color:#f2f2f2;padding:72px 0 80px;border-top:1px solid rgba(255,255,255,.12)}
.trust .mono{margin:0 0 28px;font-size:11px;letter-spacing:.2em}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq:hover .mq-track,.mq:focus-within .mq-track{animation-play-state:paused}
.mq ul{display:flex;list-style:none;margin:0;padding:0}
.mq li{padding:0 clamp(28px,3.5vw,56px);white-space:nowrap}
.mq a{color:#fff;opacity:.72;text-decoration:none;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(22px,2.6vw,36px);transition:opacity .3s}
.mq a:hover{opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none;width:auto}.mq{-webkit-mask-image:none;mask-image:none}.mq ul{flex-wrap:wrap;justify-content:center;row-gap:14px}.mq ul[aria-hidden]{display:none}}
.opener img{object-position:56% 48%}.opener::after{background:linear-gradient(0deg,#0a0a0a 0,transparent 22%)}
.g-feat{box-shadow:0 22px 50px rgba(0,0,0,.6)}.g-feat figcaption{opacity:.9}
/* ===== Mobile polish (<=700px only) ===== */
@media(max-width:700px){
 :root{--ap:cubic-bezier(.16,1,.3,1)}
 .m-on .masonry .g-it.rv-o{opacity:0;transform:translate3d(0,46px,0) rotate(calc(var(--r,0deg)*.4 + 2.5deg)) scale(.97);transition:opacity .9s var(--ap) var(--d,0s),transform 1.1s var(--ap) var(--d,0s);will-change:transform,opacity}
 .m-on .masonry .g-it.rv-o.in{opacity:1;transform:rotate(calc(var(--r,0deg)*.4))}
 .masonry .g-it img{display:block;width:100%;height:auto;background:#151515}
 .sys-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;margin:0 -20px;padding:4px 20px 8px;scrollbar-width:none;border-top:0}
 .sys-grid::-webkit-scrollbar{display:none}
 .sys,.sys+.sys{flex:0 0 84%;scroll-snap-align:start;scroll-margin-left:20px;padding:22px 20px 26px;border:1px solid var(--line);border-top:2px solid var(--or);background:rgba(255,255,255,.02)}
 .sys h3{font-size:30px;letter-spacing:-.02em;margin:6px 0 10px}
 .sys .spec div{grid-template-columns:1fr;gap:3px;padding:12px 0}
 .sys .spec dt{font-size:10px}.sys .spec dd{font-size:15px;line-height:1.35;font-family:inherit;font-weight:500}
 .cam{justify-content:center}
 .m-on .sys.rv{opacity:.35;transform:scale(.96)}
 .m-on .sys.rv.in.m-vis{opacity:1;transform:none}
 .m-on .sys .cam img{transform:translate3d(30px,0,0);opacity:0;transition:transform 1.1s var(--ap) .1s,opacity .9s var(--ap) .1s}
 .m-on .sys.m-vis .cam img{transform:none;opacity:1}
 .sys-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
 .sys-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);transition:transform .4s var(--ap),background .4s}
 .sys-dots i.on{background:var(--or);transform:scale(1.3)}
 .project{padding-top:0}
 .opener{height:100svh;min-height:520px;margin-bottom:48px}
 .opener img{object-position:56% 50%}
 .opener figcaption{bottom:28px}
 .m-on .proj-txt h2 .mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
 .m-on .proj-txt h2 .mw>span{display:inline-block;transform:translate3d(0,110%,0);transition:transform 1s var(--ap) var(--d,0s)}
 .m-on .proj-txt h2.in .mw>span{transform:none}
 .m-on .proj-txt h2.rv{opacity:1;transform:none}
 .m-on .mag.m-rv a{transform:translate3d(0,90px,0) rotate(4deg) scale(.94);opacity:0;transition:transform 1.3s var(--ap),opacity .9s var(--ap)}
 .m-on .mag.m-rv.in a{transform:rotate(-1.2deg);opacity:1}
 .m-on .mag.m-rv figcaption{opacity:0;transition:opacity .8s var(--ap) .5s}.m-on .mag.m-rv.in figcaption{opacity:1}
 .epic-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:44px -20px 0;padding:14px 20px 22px;scrollbar-width:none;align-items:center}
 .epic-strip::-webkit-scrollbar{display:none}
 .epic-strip .e-it{flex:0 0 78%;scroll-snap-align:center}
 .epic-strip .e-it:first-child{flex-basis:56%}
 .m-on .epic-strip .e-it.rv-o{opacity:0;transform:translate3d(40px,0,0) rotate(calc(var(--r,0deg)*.4));transition:opacity .9s var(--ap) var(--d,0s),transform 1.1s var(--ap) var(--d,0s)}
 .m-on .epic-strip .e-it.rv-o.in{opacity:1;transform:rotate(calc(var(--r,0deg)*.4))}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .m-on .masonry .g-it.rv-o,.m-on .epic-strip .e-it.rv-o,.m-on .sys.rv,.m-on .sys .cam img,.m-on .mag.m-rv a,.m-on .mag.m-rv figcaption,.m-on .proj-txt h2 .mw>span{opacity:1!important;transform:none!important;transition:none!important}
 .m-on .mag.m-rv a{transform:rotate(-1.2deg)!important}
}
.mq li{display:flex;align-items:center;height:64px}
.mq a{display:flex;align-items:center;opacity:.7}
.mq img.lg{width:auto;max-width:200px;filter:brightness(0) invert(1);display:block}
.mq img.lg-mono{filter:grayscale(1) brightness(1.6) contrast(1.1)}
@media(max-width:700px){.mq li{height:52px;padding:0 26px}.mq img.lg{transform:scale(.8)}}
.cam-dl{position:relative;display:block;margin:-6px 0 26px;padding:14px 44px 14px 16px;border:1px solid var(--line);border-left:2px solid var(--or);color:inherit;text-decoration:none;background:rgba(255,255,255,.02);transition:background .3s,border-color .3s}
.cam-dl span{display:block;font-size:10px;letter-spacing:.18em;color:var(--or);margin-bottom:6px}
.cam-dl b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.cam-dl em{display:block;font-style:normal;font-size:13px;line-height:1.45;color:var(--mute,#9a9a96);margin-top:4px}
.cam-dl i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:18px;color:var(--or);transition:transform .3s}
.cam-dl:hover{background:rgba(244,122,32,.08);border-color:var(--or)}.cam-dl:hover i{transform:translate(3px,-50%)}
.cam-dl:focus-visible{outline:2px solid var(--or);outline-offset:3px}