.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:45px 0 80px;display:grid}.brand-flip{text-align:left;perspective:1400px;cursor:pointer;color:#fff;--accent:#a4d9ff;background:0 0;border:0;height:310px;padding:0}.brand-flip__inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .85s cubic-bezier(.2,.85,.25,1.12);display:block;position:relative}:is(.brand-flip:hover .brand-flip__inner,.brand-flip:focus-visible .brand-flip__inner){transform:scale(1.025) rotateX(var(--tilt-x,0deg)) rotateY(calc(180deg + var(--tilt-y,0deg)))}.brand-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #fff7;border-radius:24px;flex-direction:column;justify-content:space-between;padding:28px 30px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px #064b9c22}.brand-face:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#fff6,transparent 65%);opacity:0;mix-blend-mode:screen;transition:opacity .35s;position:absolute;inset:0}.brand-flip:hover .brand-face:after{opacity:.5}.brand-front{background:linear-gradient(130deg,#073da6,#197ee3)}.brand-energy{--accent:#c9f770}.brand-memory{--accent:#ff686b}.brand-meta{letter-spacing:.18em;z-index:1;color:#cde5ff;justify-content:space-between;font-size:10px;display:flex;position:relative}.brand-meta b{letter-spacing:0;font-size:19px;font-weight:500}.brand-wordmark{letter-spacing:-.05em;z-index:1;max-width:65%;font-size:clamp(30px,3.7vw,54px);font-weight:800;line-height:1;position:relative}.brand-wordmark small{letter-spacing:.16em;color:#d7ebff;margin-top:13px;font-size:11px;font-weight:500;display:block}.brand-energy .brand-wordmark{letter-spacing:-.06em;font-weight:500}.brand-energy .brand-wordmark:after{content:"+";color:var(--accent);margin-left:5px}.brand-memory .brand-wordmark{letter-spacing:-.07em;font-style:italic}.brand-memory .brand-wordmark:before{content:"";background:var(--accent);width:38px;height:4px;position:absolute;top:-15px;left:0}.brand-data .brand-wordmark{letter-spacing:-.045em;max-width:55%;font-size:clamp(26px,3vw,43px)}.brand-baseline{z-index:1;letter-spacing:.14em;color:#cae6ff;justify-content:space-between;align-items:end;font-size:9px;display:flex;position:relative}.brand-baseline small{letter-spacing:.04em;color:#fff;margin-top:9px;font-size:13px;display:block}.brand-baseline i{font-size:28px;font-style:normal}.brand-device{width:55%;height:85%;color:var(--accent);opacity:.55;filter:drop-shadow(0 0 16px #3a9cff22);position:absolute;top:8%;right:-4%}.brand-energy .brand-device{opacity:.65}.brand-memory .brand-device{color:#9fcaff;transform:rotate(14deg)}.brand-back{color:#104a90;background:linear-gradient(130deg,#ebf6ff,#9cc8f3);gap:10px;transform:rotateY(180deg)}.brand-back .brand-meta{color:#4173a6}.brand-back strong{z-index:1;max-width:60%;font-size:30px;line-height:1.1;position:relative}.brand-back__previews{justify-content:center;align-items:center;width:46%;height:135px;display:flex;position:absolute;top:72px;right:18px}.brand-back__previews img{object-fit:cover;object-position:top;border:3px solid #fff;border-radius:6px;width:42%;height:130px;margin-left:-17px;transition:transform .7s;box-shadow:0 10px 20px #12396333}.brand-tags{z-index:1;flex-wrap:wrap;gap:6px;max-width:55%;display:flex;position:relative}.brand-tags em{background:#fff7;border:1px solid #fff;border-radius:25px;padding:6px 8px;font-size:10px;font-style:normal}.brand-enter{border-top:1px solid #3975ae44;justify-content:space-between;align-items:center;padding-top:14px;font-size:13px;display:flex;position:relative}.brand-enter b{font-size:24px}.brand-dialog{color:#0752ba;overscroll-behavior:contain;background:radial-gradient(at 85% 10%,#83c3ff55,#0000 50%),#eaf4ff;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow-y:auto}.brand-dialog>header{color:#fff;background:#0865e8;justify-content:space-between;align-items:center;padding:22px 5vw;display:flex}.brand-dialog header button{color:#0752ba;cursor:pointer;background:#fff;border:0;border-radius:24px;padding:12px 20px}.brand-dialog__body{max-width:1800px;margin:auto;padding:42px 5vw 90px}.brand-dialog__body>small{letter-spacing:.2em;font-size:11px}.brand-dialog h2{margin:16px 0;font-size:clamp(40px,6vw,78px)}.bp-intro{border-bottom:1px solid #1676d733;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.bp-intro p{font-size:18px}.bp-intro>span{color:#2866a8;font-size:12px}.archive-masonry{width:100%;position:relative}.archive-masonry__item{padding:0}.bp-work{text-align:left;cursor:zoom-in;background:#fff;border:0;border-radius:12px;width:100%;margin:0;padding:0;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 7px 20px #16539015}.bp-work:hover{transform:translateY(-4px);box-shadow:0 18px 30px #16539030}.bp-preview{background:#d4e9fb;width:100%;display:block;position:relative;overflow:hidden}.bp-preview img{width:100%;height:auto;display:block}.bp-loading{text-align:center;color:#1858a4;background:#eef7ffeb;padding:16px;font-size:13px;position:absolute;top:24px;left:0;right:0}.bp-long-label{color:#164f93;text-align:center;background:linear-gradient(#0000,#eaf4fff5);padding:42px 15px 15px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.bp-work__caption{color:#154f91;background:#fff;justify-content:space-between;align-items:center;gap:10px;height:66px;padding:12px 14px;display:flex}.bp-work__caption b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.bp-work__caption em{white-space:nowrap;color:#3378b9;font-size:11px;font-style:normal}.bp-lightbox{color:#fff;overscroll-behavior:contain;background:#0c254af5;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0 20px 50px;overflow:auto}.bp-lightbox::backdrop{background:#07182ddd}.bp-lightbox__bar{z-index:21;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c254af5;justify-content:space-between;align-items:center;gap:16px;padding:17px max(0px,50% - 550px);font-size:14px;display:flex;position:sticky;top:0}.bp-lightbox button{color:#1253a2;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fff5;border-radius:30px;padding:10px 18px}.bp-lightbox>img{width:100%;max-width:1100px;height:auto;margin:auto;display:block}.bp-lightbox>p{text-align:center;padding:25px}.bp-lightbox a{color:#a4d9ff}@media (max-width:650px){.brand-grid{gap:14px}.brand-flip{height:230px}.brand-face{border-radius:18px;padding:18px}.brand-meta{font-size:7px}.brand-meta b{font-size:15px}.brand-wordmark{max-width:75%;font-size:27px}.brand-data .brand-wordmark{font-size:23px}.brand-wordmark small{font-size:8px}.brand-device{width:70%;right:-18%;opacity:.32!important}.brand-baseline{letter-spacing:.07em;font-size:6px}.brand-baseline small{font-size:10px}.brand-back strong{font-size:21px}.brand-back__previews{opacity:.45;width:50%;height:100px;top:60px;right:5px}.brand-back__previews img{height:95px}.brand-tags{max-width:75%}.brand-tags em{padding:4px;font-size:8px}.brand-enter{padding-top:9px;font-size:11px}.brand-dialog>header{gap:10px;padding:16px 5vw;font-size:10px}.brand-dialog header button{font-size:11px}.bp-intro{display:block}.bp-intro p{font-size:15px}.bp-lightbox{padding:0 8px 30px}.bp-lightbox__bar{font-size:11px}.bp-work__caption{padding:10px}.bp-work__caption b{font-size:12px}}@media (prefers-reduced-motion:reduce){.brand-flip__inner,.bp-work{transition:none}.brand-flip:hover .brand-flip__inner{transform:rotateY(180deg)}}.brand-grid{gap:24px;width:90%;max-width:1080px;margin:40px auto 72px}.brand-flip{height:280px}.brand-dialog>header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0865e8ed;position:sticky;top:0;box-shadow:0 5px 22px #125eb025}@media (max-width:650px){.brand-grid{gap:14px;width:100%}.brand-flip{height:230px}}.portfolio-drift-wall .drift-wall__col{height:100%;overflow:hidden}.portfolio-drift-wall .drift-wall__tile{box-sizing:border-box;flex-shrink:0}.bp-lightbox--ambient{isolation:isolate;cursor:zoom-out;background:#13365bec}.bp-lightbox__ambient{filter:blur(55px);opacity:.36;pointer-events:none;z-index:-1;background-position:50%;background-size:cover;position:fixed;inset:-70px}.bp-lightbox--ambient>img{cursor:default;max-width:1000px;position:relative;box-shadow:0 20px 90px #041e4a66}.bp-lightbox--ambient .bp-lightbox__bar{cursor:default;background:#1643789c}.bp-lightbox__side-note{writing-mode:vertical-rl;letter-spacing:.2em;color:#e2f4ffb3;pointer-events:none;font-size:11px;line-height:2.2;position:fixed;top:50%;left:24px}#selected-work{isolation:isolate;background:radial-gradient(at 18% 25%,#a4ddff80,#0000 55%),linear-gradient(135deg,#e8f7ff,#bedfff 48%,#e7f5ff);position:relative;overflow:hidden}#selected-work>.shell{z-index:1;position:relative}.brand-atmosphere{pointer-events:none;z-index:0;background-image:radial-gradient(#2777ca22 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 80%,#0000);mask-image:linear-gradient(#0000,#000 22% 80%,#0000)}.brand-atmosphere i{border:1px solid #398cdb30;border-radius:50%;width:650px;height:650px;animation:16s ease-in-out infinite alternate brandOrbit;position:absolute;top:15%;left:-430px;box-shadow:0 0 0 32px #448dd50a,0 0 0 80px #448dd509}.brand-atmosphere i:nth-child(2){background:radial-gradient(#54b8ff50,#0000 68%);animation-delay:-8s;top:35%;left:auto;right:-430px}.brand-side{letter-spacing:.17em;color:#3178b6a8;font-size:10px;line-height:1.9;position:absolute;top:45%}.brand-side--left{left:2vw}.brand-side--right{text-align:right;right:2vw}.brand-side b{margin-top:30px;font-size:48px;font-weight:400;animation:12s ease-in-out infinite alternate brandOrbit;display:block}@keyframes brandOrbit{0%{transform:translateY(-25px)rotate(-12deg)}to{transform:translateY(35px)rotate(24deg)}}@media (max-width:1300px){.brand-side{display:none}}@media (prefers-reduced-motion:reduce){.brand-atmosphere i,.brand-side b{animation:none}}@media (max-width:1100px){.bp-lightbox__side-note{display:none}}.bp-lightbox--webpage{cursor:zoom-out;background:0 0;padding:3dvh max(3vw,50vw - 550px) 6dvh}.bp-lightbox--webpage::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0016416b}.bp-lightbox__panel{color:#0752ba;cursor:default;background:#eaf6ff;border-radius:18px;width:100%;position:relative;overflow:clip;box-shadow:0 28px 100px #001c5566}.bp-lightbox__panel>img{width:100%;height:auto;display:block}.bp-lightbox__panel>p{text-align:center;padding:24px}.bp-lightbox--webpage .bp-lightbox__bar{color:#fff;background:#0865e8;padding:16px 22px;top:0}#selected-work{color:#fff;background:linear-gradient(115deg,#075dff 15%,#2086ff 42%,#0868f0 70%,#075dff) 0 0/200% 100%}.brand-side{color:#d9edffb3}.brand-atmosphere{background-image:radial-gradient(#d1ecff33 1px,#0000 1px)}.brand-atmosphere i{border-color:#b6e2ff44;box-shadow:0 0 0 32px #b0dfff0a,0 0 0 80px #b0dfff09}@media (max-width:650px){.bp-lightbox--webpage{padding:3dvh 3vw}.bp-lightbox--webpage .bp-lightbox__bar{padding:12px;font-size:11px}}.brand-energy .brand-front{background:radial-gradient(at 90% 60%,#2cdbff66,#0000 65%),linear-gradient(135deg,#0752f5,#079cf8)}.brand-mobility .brand-front{background:repeating-linear-gradient(90deg,#0000 0 49px,#e2f2ff18 50px),linear-gradient(135deg,#2145ff,#168bff)}.brand-memory .brand-front{background:linear-gradient(125deg,#0000 63%,#d7edff22 63% 65%,#0000 65%),linear-gradient(135deg,#1345e8,#047dff)}.brand-data .brand-front{background:radial-gradient(at 90%,#58e4ff66,#0000 60%),linear-gradient(135deg,#0069ff,#0053d9)}
