:root{--ink: #131313;--white: #f4f2ec;--bone: #ebe8df;--volt: #0047ff;--orange: #ff6b00;--pink: #ff2e7a;--cyan: #2ee6ff;--blue: #0047ff;--spine: 76px; --on-pill: #ebe8df;--on-accent: #131313; --gut: clamp(20px, 3.4vw, 60px);--gut-r: clamp(16px, 2.6vw, 48px);--maxw: 2400px;--bleed-r: calc(max(0px, 100vw - var(--spine) - var(--maxw)) + var(--gut-r));--gut-media: clamp(12px, 1.7vw, 28px);--sec-y: clamp(3.6rem, 8.5vh, 6.5rem);--s-kick: 0.85rem;--s-head: 1.4rem;--s-block: clamp(2rem, 4.2vh, 3.25rem);--mono: "JetBrains Mono", monospace;--body: "Hanken Grotesk", sans-serif;--disp: "Archivo Black";--ease: cubic-bezier(0.22, 0.61, 0.36, 1);}*{margin: 0;padding: 0;box-sizing: border-box;}html{}body{background: var(--white);color: var(--ink);font-family: var(--body);}.rv{opacity: 0;transform: translateY(16px);transition: opacity 650ms var(--ease), transform 650ms var(--ease);}.rv.in{opacity: 1;transform: none;} .spine{position: fixed;left: 0;top: 0;bottom: 0;width: var(--spine);background: var(--blue);z-index: 40;display: flex;align-items: center;justify-content: center;}.spine span{font-family: var(--disp);font-size: 1.25rem;color: #fff;writing-mode: vertical-rl;transform: rotate(180deg);letter-spacing: 0.04em;white-space: nowrap;}main{margin-left: var(--spine);} .pillnav{position: fixed;top: 16px;left: calc(50% + var(--spine) / 2);transform: translateX(-50%);z-index: 50;display: flex;align-items: center;gap: 18px;background: var(--ink);border-radius: 99px;padding: 10px 12px 10px 20px;box-shadow: 0 10px 30px rgba(19, 19, 19, 0.25);max-width: calc(100vw - var(--spine) - 20px);}.pillnav .brand{font-family: var(--disp);font-size: 13px;color: var(--on-pill);text-decoration: none;white-space: nowrap;}.pillnav .links{display: flex;gap: 16px;font-weight: 600;font-size: 12px;}.pillnav .links a{color: rgba(250, 248, 241, 0.65);text-decoration: none;}.pillnav .links a:hover{color: var(--volt);}.pillnav .go{background: var(--volt);color: var(--on-accent);font-family: var(--mono);font-weight: 700;font-size: 10.5px;letter-spacing: 0.1em;padding: 9px 16px;border-radius: 99px;text-decoration: none;white-space: nowrap;}.pillnav .go:hover{background: var(--blue);color: #fff;}.wrap{max-width: var(--maxw);margin: 0;padding-inline: var(--gut) var(--gut-r);} .hero{min-height: 84svh;display: grid;grid-template-columns: 1.25fr 1fr;gap: clamp(1.4rem, 3vw, 2.6rem);align-items: center;}.kick{font-family: var(--mono);font-size: 10px;letter-spacing: 0.24em;color: var(--faint, #6e6c62);}section.blk h2{margin-top: var(--s-kick);}section.blk .lead{margin-top: var(--s-head);}.hero h1{font-family: var(--disp);font-size: clamp(2.7rem, 7.4vw, 6.4rem);line-height: 0.9;text-transform: uppercase;letter-spacing: -0.015em;margin-top: var(--s-kick);}.hero h1 .hl{background-color: var(--volt);padding: 0 0.1em;}.hero h1 em{font-style: normal;color: var(--blue);}.hero .sub{margin-top: var(--s-head);max-width: 48ch;font-weight: 600;font-size: clamp(1rem, 1.7vw, 1.22rem);color: #55534b;line-height: 1.55;}.cta{display: inline-block;width: fit-content;margin-top: 24px;background: var(--blue);color: #fff;font-family: var(--mono);font-weight: 700;font-size: 11px;letter-spacing: 0.12em;padding: 14px 24px;border-radius: 99px;text-decoration: none;}.cta:hover{background: var(--ink);color: var(--volt);}.hero .meta{margin-top: 16px;font-family: var(--mono);font-size: 9.5px;letter-spacing: 0.2em;color: var(--faint, #6e6c62);}.herotxt{display: flex;flex-direction: column;justify-content: center;}.heropane{position: relative;border-radius: 18px;overflow: hidden;min-height: 62svh;background: var(--blue);}.heropane video, .heropane .hp{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;scale: 1.18;filter: grayscale(1) contrast(1.05) brightness(1.95);}.heropane .dip{position: absolute;inset: 0;background: var(--blue);mix-blend-mode: multiply;opacity: 0.82;}.heropane .tag{position: absolute;left: 6%;bottom: 6%;z-index: 2;font-family: var(--disp);color: #fff;font-size: clamp(1.1rem, 2vw, 1.7rem);}.heropane .chip2{position: absolute;top: 6%;left: 6%;z-index: 2;background: var(--volt);color: var(--ink);font-family: var(--mono);font-size: 9px;letter-spacing: 0.16em;padding: 5px 10px;border-radius: 3px;} section.blk{padding: var(--sec-y) 0;}h2{font-family: var(--disp);font-size: clamp(1.7rem, 4.4vw, 3.2rem);line-height: 0.94;text-transform: uppercase;letter-spacing: -0.012em;margin-top: 10px;}h2 .hl{background-color: var(--volt);padding: 0 0.08em;} .mrow{display: flex;gap: 20px;align-items: baseline;padding: clamp(1.2rem, 3vh, 1.9rem) 0;border-bottom: 2px solid rgba(19, 19, 19, 0.1);}.mrow .no{font-family: var(--disp);font-size: 1.2rem;color: var(--blue);min-width: 44px;}.mrow h3{font-family: var(--disp);font-size: clamp(1.2rem, 2.8vw, 2.1rem);text-transform: uppercase;line-height: 1;flex: 1;}.mrow:hover h3{color: var(--blue);}.mrow p{max-width: 24em;font-weight: 600;font-size: 0.92rem;color: #55534b;line-height: 1.5;}.cards{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 16px;margin-top: 30px;}.card{background: var(--white);border: 2.5px solid var(--ink);border-radius: 12px;padding: clamp(1.3rem, 2.8vw, 2rem);box-shadow: 6px 6px 0 var(--blue);}.card .cno{font-family: var(--disp);font-size: 1.2rem;color: var(--pink);}.card h3{font-family: var(--disp);font-size: clamp(1.02rem, 1.8vw, 1.4rem);text-transform: uppercase;line-height: 1.14;margin-top: 10px;}.card p{margin-top: 10px;color: #55534b;font-size: 0.93rem;line-height: 1.6;} .band{position: relative;min-height: 74svh;border-radius: 18px;overflow: hidden;margin-top: 22px;}.band video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;scale: 1.35;filter: grayscale(1) contrast(1.05) brightness(1.75);}.band .dip{position: absolute;inset: 0;mix-blend-mode: multiply;}.band.db .dip{background: var(--blue);opacity: 0.82;}.band.dp .dip{background: var(--pink);}.band.dc .dip{background: var(--cyan);}.band .shade{position: absolute;inset: 0;background: linear-gradient( 10deg, rgba(19, 19, 19, 0.55) 6%, transparent 48% );}.band .in2{position: absolute;left: 6%;right: 6%;bottom: 8%;z-index: 2;color: #fff;}.band .sent{font-weight: 600;font-size: clamp(1.15rem, 2.3vw, 1.9rem);line-height: 1.3;max-width: 30em;text-shadow: 0 2px 20px rgba(0, 0, 0, 0.55);}.band .chip{display: inline-block;margin-top: 12px;background: #fff;color: var(--ink);font-family: var(--mono);font-size: 9px;letter-spacing: 0.14em;padding: 5px 10px;border-radius: 3px;}.band .case{display: inline-block;margin-left: 10px;font-family: var(--mono);font-weight: 700;font-size: 9.5px;letter-spacing: 0.12em;color: #fff;text-decoration: none;border-bottom: 2px solid var(--volt);padding-bottom: 2px;}.band .case:hover{color: var(--volt);} .steps{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 14px;margin-top: 26px;}.step{background: var(--bone);border-radius: 14px;padding: clamp(1.3rem, 2.8vw, 2rem);}.step .sno{display: inline-grid;place-items: center;min-width: 46px;height: 36px;padding: 0 9px;background: var(--pink);color: #fff;font-family: var(--disp);font-size: 1.05rem;border-radius: 8px;}.step b{display: block;font-family: var(--mono);font-weight: 700;font-size: 10px;letter-spacing: 0.2em;margin-top: 12px;}.step p{margin-top: 8px;color: #55534b;font-size: 0.92rem;line-height: 1.55;}  footer{background: var(--blue);color: var(--bone);margin-left: 0;padding: clamp(2.6rem, 7vh, 4.4rem) 0 0;overflow: hidden;}.frow{display: flex;gap: clamp(1.2rem, 3.4vw, 3rem);flex-wrap: wrap;align-items: baseline;}.femail{font-family: var(--disp);font-size: clamp(1.05rem, 2.2vw, 1.8rem);color: var(--volt);text-decoration: none;border-bottom: 3px solid var(--pink);padding-bottom: 4px;}.femail:hover{color: #ffffff;border-color: var(--volt);}.fsmall{font-family: var(--mono);font-size: 9px;letter-spacing: 0.16em;color: rgba(255, 255, 255, 0.65);line-height: 2;}.bigname{font-family: var(--disp);font-size: clamp(2.6rem, 11vw, 10rem);line-height: 0.76;letter-spacing: -0.02em;text-align: center;white-space: nowrap;margin-top: clamp(1.4rem, 4vh, 2.6rem);margin-bottom: -0.1em;color: #ffffff;-webkit-text-stroke: 0;}@media (max-width: 860px){.hero{grid-template-columns: 1fr;}.heropane{min-height: 42svh;}:root{--spine: 0px;}.spine{position: sticky;top: 0;bottom: auto;width: 100%;height: 54px;}.spine span{writing-mode: horizontal-tb;transform: none;font-size: clamp(0.62rem, 3.2vw, 0.9rem);padding: 0 10px;max-width: 100%;}main{margin-left: 0;}.pillnav{display: none;}.band{min-height: 60svh;}.bigname{white-space: normal;text-align: left;line-height: 0.82;margin-bottom: -0.12em;}.bigname .bw{display: block;}.bigname .bw:first-child{font-size: calc((100vw - 2.6rem) / 3.9);}.bigname .bw:last-child{font-size: calc((100vw - 2.6rem) / 3.15);}}@media (prefers-reduced-motion: reduce){.rv{opacity: 1;transform: none;transition: none;}html{scroll-behavior: auto;scroll-snap-type: none;}}.spineprog{position: absolute;right: 8px;top: 0;bottom: 0;width: 2px;background: var(--volt);transform-origin: bottom;transform: scaleY(0);}@media (max-width: 860px){.spineprog{right: 0;left: 0;top: auto;bottom: 0;width: auto;height: 2px;transform-origin: left;transform: scaleX(0);}}.hl-anim{background-image: linear-gradient(var(--volt), var(--volt));background-color: transparent !important;background-repeat: no-repeat;background-position: left center;background-size: 0% 100%;transition: background-size 380ms cubic-bezier(0.22, 0.61, 0.36, 1);}.hl-anim.drawn{background-size: 100% 100%;}.pillnav{transition: padding 220ms var(--ease);}.pillnav.slim{padding: 6px 9px 6px 15px;}.pillnav .links a.on{color: var(--pfg, #fff);}.pillnav .links a.on::after{content: "";display: inline-block;width: 5px;height: 5px;border-radius: 99px;background: var(--volt);margin-left: 6px;vertical-align: 2px;}.bigname .bl{display: inline-block;}.cyc{display: inline-block;padding: 0 0.06em;border-radius: 8px;animation: cyc 10s steps(1, end) infinite;}@keyframes cyc{0%, 19.9%{color: var(--ink);background: transparent;}20%, 39.9%{color: var(--blue);background: transparent;}40%, 59.9%{color: var(--pink);background: transparent;}60%, 79.9%{color: var(--orange);background: transparent;}80%, 100%{color: #131313;background: var(--volt);}}@media (prefers-reduced-motion: reduce){.cyc{animation: none;}}.sbrand, .sgo{display: none;}@media (max-width: 860px){.spine{justify-content: space-between;padding: 0 14px;}.spine > span{display: none;}.sbrand{display: flex;align-items: center;height: 100%;font-family: var(--disp);font-size: 13px;letter-spacing: 0.03em;color: #fff;text-decoration: none;}.sgo{display: flex;align-items: center;position: relative;background: var(--volt);color: var(--ink);font-family: var(--mono);font-weight: 700;font-size: 10px;letter-spacing: 0.12em;padding: 8px 14px;border-radius: 99px;text-decoration: none;}.sgo::after{content: "";position: absolute;inset: -10px -8px;}.sgo:active{background: var(--blue);color: #fff;}}.fbtn{display: none;}@media (hover: none){}@media (max-width: 860px){.fbtn{display: flex;align-items: center;justify-content: center;min-height: 56px;border: 2px solid var(--volt);border-radius: 12px;color: var(--volt);font-family: var(--mono);font-weight: 700;font-size: 12px;letter-spacing: 0.12em;text-decoration: none;margin-bottom: 24px;}.fbtn:active{background: var(--volt);color: var(--ink);}.frow a.fsmall[href="/brief"]{display: none;}.femail:active{color: #fff;}}@media (max-width: 640px){}@media (max-width: 860px){section.blk.wrap{padding-inline: max(16px, var(--gut)) max(14px, var(--gut-r));}section.blk .wrap{padding-inline: max(16px, var(--gut)) max(14px, var(--gut-r));}}@media (max-width: 860px){section.blk{padding-block: 32px 40px;}.cards{margin-top: 22px;}.steps{margin-top: 20px;}.band{margin-top: 16px;}#how h2 br{display: none;}}section.blk.wrap{padding-inline: var(--gut) var(--gut-r);}section.blk .wrap{padding-inline: var(--gut) var(--gut-r);}.wipe{position: fixed;inset: 0;background: var(--blue);z-index: 200;transform: translateY(101%);pointer-events: none;}.flood{position: fixed;inset: 0;background: var(--blue);z-index: 300;}.wipe .wm{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%) translateX(-10%);font-family: var(--disp);font-size: 13vw;letter-spacing: -0.02em;color: rgba(255, 255, 255, 0.95);white-space: nowrap;}#cur{position: fixed;top: 0;left: 0;z-index: 400;width: 48px;height: 48px;border-radius: 99px;background: var(--volt);border: 1.5px solid var(--ink);display: none;align-items: center;justify-content: center;pointer-events: none;font-family: var(--mono);font-weight: 700;font-size: 9px;letter-spacing: 0.08em;color: var(--ink);}#cur span{opacity: 0;}body.cur-on, body.cur-on a, body.cur-on button{cursor: none;}body.cur-on #cur{display: flex;}@media (max-width: 640px){}@media (max-width: 640px){}