/* Unchanged source: /v19/factory.css */ #rw-v5 #v19-factory-section{display:block;scroll-margin-top:32px} #rw-v5 #v19-factory-section .v19-factory-row{display:grid;grid-template-columns:.85fr 1.4fr;gap:4%;align-items:center;min-height:410px} #rw-v5 #v19-factory-section h3{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.03em;max-width:12em} #rw-v5 #v19-factory-section .v19-factory-copy>p{font-size:15px;line-height:1.65;max-width:34ch;color:var(--muted);margin-top:24px} #rw-v5 #v19-factory-section>.evidence{margin-top:24px} #rw-v5 #v19-factory{--ac-ink:#eeeee7;--ac-muted:#aaa9a3;color:var(--ac-ink);font-family:RW5Sans,Arial,sans-serif;min-width:0;isolation:isolate} #rw-v5 #v19-factory .ac-viewport{height:450px;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none} #rw-v5 #v19-factory .ac-surface{display:block;position:absolute;inset:0;padding:0;margin:0;width:100%;height:100%;background:transparent;border:0;border-radius:0;touch-action:none;cursor:grab;color:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none} #rw-v5 #v19-factory .ac-surface:active{cursor:grabbing} #rw-v5 #v19-factory .ac-surface:focus-visible{outline:2px solid var(--ac-ink);outline-offset:-3px} #rw-v5 #v19-factory canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none} #rw-v5 #v19-factory .ac-domain{position:absolute;top:0;left:0;font-size:11px;line-height:1.2;letter-spacing:.2px;pointer-events:none;text-shadow:0 2px 6px #090909} #rw-v5 #v19-factory .ac-loading{position:absolute;inset:45% 10% auto;text-align:center;font-size:14px;color:var(--ac-muted);pointer-events:none} #rw-v5 #v19-factory[data-renderer=ready] .ac-loading{display:none} #rw-v5 #v19-factory[data-renderer=failed] .ac-loading{inset:30% 10% auto;line-height:1.6} #rw-v5 #v19-factory :is(.ac-gesture,.ac-steering-status,.ac-description){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:900px){#rw-v5 #v19-factory-section .v19-factory-row{grid-template-columns:1fr 1.2fr;gap:2%}} @media(max-width:700px){#rw-v5 #v19-factory-section .v19-factory-row{grid-template-columns:1fr;gap:20px;min-height:0}#rw-v5 #v19-factory-section h3{font-size:32px}#rw-v5 #v19-factory-section .v19-factory-copy>p{font-size:14px;margin-top:20px;max-width:38ch}#rw-v5 #v19-factory .ac-viewport{height:400px}} @media(max-width:500px){#rw-v5 #v19-factory .ac-viewport{height:360px}} /* Unchanged source: /v23/github.css */ #rw-v5 .github-heading>a{display:inline-flex;justify-content:center;width:44px;min-height:44px;gap:0} #rw-v5 .github-heading>a .github-mark{width:25px;height:25px} /* Unchanged source: /v26/murex.css */ #v26-murex-delivery{grid-column:1;grid-row:1;min-width:0} #v26-murex-canvas{position:relative;width:100%;height:460px;background:#f5f5f4;filter:invert(1) brightness(1.8) contrast(1.07)} /* Original utility-class geometry, isolated from the site's Tailwind bundle. */ #v26-murex-canvas *{box-sizing:border-box} #v26-murex-canvas .relative{position:relative} #v26-murex-canvas .absolute{position:absolute} #v26-murex-canvas .size-full{width:100%;height:100%} #v26-murex-canvas .inset-0{inset:0} #v26-murex-canvas .h-full{height:100%} #v26-murex-canvas .w-full{width:100%} #v26-murex-canvas .overflow-hidden{overflow:hidden} #v26-murex-canvas .flex{display:flex} #v26-murex-canvas .items-center{align-items:center} #v26-murex-canvas .justify-center{justify-content:center} #v26-murex-canvas .z-0{z-index:0} #v26-murex-canvas .z-20{z-index:20} #v26-murex-canvas .bottom-4{bottom:16px} #v26-murex-canvas .right-4{right:16px} #v26-murex-canvas .h-8{height:32px} #v26-murex-canvas .w-8{width:32px} #v26-murex-canvas .border{border:1px solid} #v26-murex-canvas .border-stone-300{border-color:#d6d3d1} #v26-murex-canvas .bg-primary{background-color:#f5f5f4} #v26-murex-canvas .text-stone-900{color:#1c1917} #v26-murex-canvas button{margin:0;padding:0;border-radius:0;font:inherit;cursor:pointer} #v26-murex-canvas canvas{display:block} #v26-murex-canvas svg{display:block;vertical-align:middle} #v26-murex-canvas .transition{transition:color .2s ease,border-color .2s ease,opacity .2s ease} #v26-murex-canvas [class~="mask-r-from-70%"]{mask-image:linear-gradient(to right,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 70%,transparent 100%)} #v26-murex-canvas button:focus-visible{outline:none;border-color:#a6a6a6} #v26-murex-canvas button:hover{border-color:#a6a6a6;color:#454545} @media(min-width:1024px){ #v26-murex-canvas [class~="lg:mask-r-from-90%"]{mask-image:linear-gradient(to right,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%)} #v26-murex-canvas [class~="lg:bottom-6"]{bottom:24px} #v26-murex-canvas [class~="lg:right-6"]{right:24px} #v26-murex-canvas [class~="lg:h-10"]{height:40px} #v26-murex-canvas [class~="lg:w-10"]{width:40px} #v26-murex-canvas [class~="lg:opacity-0"]{opacity:0} #v26-murex-canvas [class~="lg:pointer-events-none"]{pointer-events:none} #v26-murex-canvas:hover [class~="lg:group-hover/hero:opacity-100"],#v26-murex-canvas button:focus-visible{opacity:1} #v26-murex-canvas:hover [class~="lg:group-hover/hero:pointer-events-auto"],#v26-murex-canvas button:focus-visible{pointer-events:auto} } /* Unchanged source: /v24/jeerann.css */ /* Only Jeerann's illustration changes in V24. */ #rw-v5 #v24-jeerann-city{position:relative;background:none;isolation:isolate;text-align:left} #rw-v5 #v24-jeerann-city canvas{aspect-ratio:736/480;background:transparent;mask-image:none} #rw-v5 #v24-jeerann-city .v24-city-labels{display:flex;justify-content:space-between;gap:24px;padding:0 7%;margin-top:-2px;color:var(--chalk);font:400 13px/1.45 RW5Sans,Arial,sans-serif} #rw-v5 #v24-jeerann-city .v24-city-labels>span{display:block} #rw-v5 #v24-jeerann-city .v24-city-labels strong{display:block;font-weight:400} #rw-v5 #v24-jeerann-city [data-service-label]{display:block;color:var(--muted);font-size:12px;margin-top:2px} #rw-v5 #v24-jeerann-city .v24-city-context{display:block;color:var(--muted);text-align:center;font:400 12px/1.5 RW5Sans,Arial,sans-serif;margin-top:22px} #rw-v5 #v24-jeerann-city .v24-city-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:700px){ #rw-v5 #v24-jeerann-city .v24-city-labels{padding:0 4%;font-size:12px;gap:18px} #rw-v5 #v24-jeerann-city .v24-city-context{margin-top:18px;font-size:12px} } #v26-murex-delivery .mx-baseline{border-top:1px solid #353531;margin-top:22px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#b2b1a8;font:400 12px/1.5 RW5Sans,Arial,sans-serif} #v26-murex-delivery .mx-baseline strong{font-weight:400;color:#eeede6;white-space:nowrap} #rw-v5 .murex .career-layout{align-items:center;padding-block:30px} @media(max-width:640px){#v26-murex-canvas{height:390px}} /* Unchanged source: /v29/assets/10ce16a10a8957c0.css */ @font-face{font-family:RW5Serif;src:url('/v29/assets/5eb09b5ac0e28b67.woff2') format('woff2');font-weight:400;font-display:swap} @font-face{font-family:RW5Serif;src:url('/v29/assets/5a51946dfffa8297.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap} @font-face{font-family:RW5Sans;src:url('/v29/assets/8909904ab6c872eb.woff2') format('woff2');font-weight:400;font-display:swap} @font-face{font-family:RW5Sans;src:url('/v29/assets/f3779f1efccc4bdc.woff2') format('woff2');font-weight:500;font-display:swap} @font-face{font-family:RW5Mada;src:url('data:font/ttf;base64,AAEAAAAQAQAABAAAR0RFRgARAAUAAAE8AAAAFkdQT1MsGiTEAAADDAAAAKpHU1VCuPy46gAAAbgAAAAoT1MvMn1sVFcAAAKsAAAAYFNUQVTngswOAAACGAAAAEhjbWFwANQArgAAAmAAAABMZ2FzcAAAABAAAAEUAAAACGdseWYeT0gCAAADuAAAAf5oZWFkFiVqtgAAAeAAAAA2aGhlYQftAiYAAAGUAAAAJGhtdHgL3ACJAAABKAAAABRsb2NhAVoBtQAAARwAAAAMbWF4cAAXASAAAAFUAAAAIG5hbWVBrWvkAAAFuAAAAvhwb3N0/58AFAAAAXQAAAAgcHJlcGgGjIUAAAEMAAAAB7gB/4WwBI0AAAEAAf//AA8AAAAWAFsAoAD/AP8CMgA8Anb/+QLTACoDZwAqAPkAAAABAAAADAAAAAAAAAACAAEAAQAEAAEAAAABAAAABQCXAAcAhwAGAAEAAAAAAAAAAAAAAAAABAABAAMAAAAAAAD/nAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAABDr/BQAABMr+9f5RBLsAAQAAAAAAAAAAAAAAAAAAAAUAAQAAAAoAJgAmAAJERkxUABJsYXRuAA4AAAAAAAQAAAAA//8AAAAAAAEAAAABM/goqCDPXw889QADA+gAAAAA1h1PTAAAAADdQKL5/vX/DwS7BIcAAAAGAAIAAAAAAAAAAQABAAgAAgAAABQAAgAAACQAAndnaHQBAAAAaXRhbAENAAEAFAAEAAMAAQACAQ4AAAAAAAEAAAADAAAAAgEBAZAAAAK8AAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACACAAQQBEAE3//wAAACAAQQBEAE3////k/8D/vv+2AAEAAAAAAAAAAAAAAAQCOAGQAAUAAAKKAlgAAABLAooCWAAAAV4AFAE0AAAAAAAAAAAAAAAAoAAC/0AAIHoAAAAAAAAAAEZUSAAAwAAgAE0EOv8FAAAEhwD7IAAAlwAAAAACAgLEAAAAIAADAAEAAAAKACQAMgACREZMVAAObGF0bgAOAAQAAAAA//8AAQAAAAFrZXJuAAgAAAABAAAAAQAEAAkACAACAFQACgABAAIAAAAIAAIAIgAEAAAAOAAsAAMAAwAA/+wAAAAAAAAAAAAA//f/6wABAAMAAQACAAMAAQABAAMAAgABAAEAAQACAAIAAgABAAEAAgAAAAgAAQAMAAQAAAABABIAAQABAAQAAQAB/94AAAACADwAAAH2AwQAAwAHAAABESERBSERIQH2/kYBlv6OAXIDBPz8AwQe/TgAAAL/+QAAAnwCyQAlACkAAAETFhYXFSYmIyIGBzU2NicDNwMGBhYWFxUmJiMiBgc1NjY3EzIyExUhNwFD9A8mEBQ6HSdEFTMcFLoQrhAGESkfHD0aGSMPFCoR6wQIfv7WCgLJ/YsmGQEUAgEBAhQCHzMB8Q3+PCg3IA4BFAIBAQIUBSUtAl7+VxQUAAIAKgAAApwCxAAeAC0AAAEyFhUUBgYjIiYmIyIGBzU+AjURNCYmJzUWFjc2NhciBhURFBYzMjY2NTQmJgE7s65VonMPMjUWI0QVIiMMDCMiFUQhI1gDLhwdLm14MDV5AsSzp22jWgIBAQIUAgwkJAHwJSMNARQBAwEBAhIiNP4MNCJPmG1wk0kAAAEAKv/7Az0CxABAAAABFQ4CFREUFhYXFSYmIyIGBzU+AjURFwMjAxEUFhYXFSYmIyIGBzU+AjURNCYmJzUWFjMyNjcTBxMyMjMyNgM9IiMMDCMiF0UjJ0QVIiMMBPUQ/A0nJxI6GhkzESIjDAwjIhEzGRYvEOMR4QwXDCNFAsQUAQ0jJf4QJCQMAhQCAQECFAIMJCQCJgP9bgKJ/fAkKRECFAIBAQIUAhEpJAHmJSMNARQBAgIB/aoIAlsCAAAAAAAADACWAAMAAQQJAAABJAE+AAMAAQQJAAEAIAEeAAMAAQQJAAIADgEQAAMAAQQJAAMAQgDOAAMAAQQJAAQAMACeAAMAAQQJAAUAGgCEAAMAAQQJAAYALgBWAAMAAQQJAA4ANAAiAAMAAQQJAQAADAAWAAMAAQQJAQEADgEQAAMAAQQJAQ0ADAAKAAMAAQQJAQ4ACgAAAFIAbwBtAGEAbgBJAHQAYQBsAGkAYwBXAGUAaQBnAGgAdABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAUABsAGEAeQBmAGEAaQByAEQAaQBzAHAAbABhAHkALQBSAGUAZwB1AGwAYQByAFYAZQByAHMAaQBvAG4AIAAxAC4AMgAwADMAUABsAGEAeQBmAGEAaQByACAARABpAHMAcABsAGEAeQAgAFIAZQBnAHUAbABhAHIAMQAuADIAMAAzADsARgBUAEgAOwBQAGwAYQB5AGYAYQBpAHIARABpAHMAcABsAGEAeQAtAFIAZQBnAHUAbABhAHIAUgBlAGcAdQBsAGEAcgBQAGwAYQB5AGYAYQBpAHIAIABEAGkAcwBwAGwAYQB5AEMAbwBwAHkAcgBpAGcAaAB0ACAAMgAwADEANwAgAFQAaABlACAAUABsAGEAeQBmAGEAaQByACAARABpAHMAcABsAGEAeQAgAFAAcgBvAGoAZQBjAHQAIABBAHUAdABoAG8AcgBzACAAKABoAHQAdABwAHMAOgAvAC8AZwBpAHQAaAB1AGIALgBjAG8AbQAvAGMAbABhAHUAcwBlAGcAZwBlAHIAcwAvAFAAbABhAHkAZgBhAGkAcgAtAEQAaQBzAHAAbABhAHkAKQAsACAAdwBpAHQAaAAgAFIAZQBzAGUAcgB2AGUAZAAgAEYAbwBuAHQAIABOAGEAbQBlACAAIgBQAGwAYQB5AGYAYQBpAHIAIABEAGkAcwBwAGwAYQB5ACIALg==') format('truetype');font-weight:400;font-display:swap} #rw-v5{--ink:#090909;--chalk:#eeede6;--muted:#b2b1a8;--quiet:#85857e;--rule:#353531;--green:#39cf7b;--gap:clamp(24px,5vw,72px);--ease:cubic-bezier(.2,.8,.2,1);position:relative;isolation:isolate;overflow:clip;background:var(--ink);color:var(--chalk);color-scheme:dark;font:400 16px/1.6 RW5Sans,Arial,sans-serif;text-align:left} #rw-v5 *,#rw-v5 *::before,#rw-v5 *::after{box-sizing:border-box} #rw-v5 :is(h1,h2,h3,p,figure){margin:0} #rw-v5 :is(h1,h2,h3){font-weight:400;text-wrap:balance} #rw-v5 [hidden]{display:none!important} #rw-v5 a{color:inherit;text-decoration:none} #rw-v5 button,#rw-v5 summary{color:inherit;font:inherit;background:none;border:0;padding:0;text-align:left;touch-action:manipulation} #rw-v5 :is(button,a,summary){-webkit-tap-highlight-color:transparent} #rw-v5 :is(button,a,summary):focus-visible{outline:2px solid var(--chalk);outline-offset:5px} #rw-v5 :is(button,a,summary):active{opacity:.7} #rw-v5 img{display:block;max-width:100%;height:auto} #rw-v5 svg{display:block} #rw-v5 i[data-lucide],#rw-v5 svg.lucide{width:18px;height:18px;flex:none;stroke-width:1.5} #rw-v5 ::selection{background:var(--chalk);color:var(--ink)} #rw-v5 .serif{font-family:RW5Serif,Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.04} #rw-v5 .shell{width:min(100%,1360px);margin-inline:auto;padding-inline:var(--gap);position:relative;z-index:2} #rw-v5 .world{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 5%,#302f272e,transparent 24%)} #rw-v5 .world canvas,#rw-v5 .spatial canvas{position:absolute;inset:0;width:100%;height:100%} #rw-v5 .drawing-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;color:#c5c2b5;overflow:visible} #rw-v5 .skip{position:absolute;left:24px;top:12px;transform:translateY(-200%);z-index:10;background:var(--chalk);color:var(--ink);padding:12px} #rw-v5 .skip:focus{transform:none} #rw-v5 .topline{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:88px;font-size:14px} #rw-v5 .identity{display:flex;gap:22px;align-items:center} #rw-v5 .identity span{font-size:13px;color:var(--muted)} #rw-v5 .utilities{display:flex;gap:28px;align-items:center} #rw-v5 .utilities :is(button,a){display:flex;gap:8px;align-items:center;min-height:44px;font-size:13px} #rw-v5 .wordmark{font-size:clamp(112px,23vw,290px);line-height:.85;letter-spacing:-.04em;position:relative;z-index:3;padding-block:12px 22px} #rw-v5 .hero-composition{min-height:465px;position:relative;display:flex;flex-direction:column;justify-content:center;padding-block:48px 34px} #rw-v5 h1{font-size:clamp(34px,4.45vw,60px);line-height:1.08;letter-spacing:-.035em;max-width:10.6em;z-index:2;position:relative} #rw-v5 .hero-drawing{position:absolute;right:calc(-1 * var(--gap));top:-32%;width:72%;height:120%;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent)} #rw-v5 canvas{width:100%;height:100%;display:block} #rw-v5 .hero-foot{display:flex;align-items:end;justify-content:space-between;gap:24px;position:relative;z-index:3;margin-top:48px} #rw-v5 .hero-foot p{font-size:15px;line-height:1.5;color:var(--muted)} #rw-v5 .text-action{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-decoration-color:#77776f;text-underline-offset:7px;text-decoration-thickness:1px} #rw-v5 .text-action:hover{text-decoration-color:var(--chalk)} #rw-v5 .experience-rail{position:relative;z-index:2;margin:6px auto 0;padding-block:28px 40px;max-width:1500px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} #rw-v5 .logo-track{display:flex;width:max-content;animation:rw5-rail 48s linear infinite} #rw-v5 .logo-group{display:flex;gap:64px;align-items:center;padding-right:64px} #rw-v5 .logo{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:27px;font-weight:500;opacity:.72} #rw-v5 .logo img{width:auto;height:auto;max-height:29px;max-width:145px;filter:brightness(0) invert(1)} #rw-v5 .logo.symbol img{height:29px;width:29px} #rw-v5 .experience-rail:hover .logo-track,#rw-v5 .experience-rail:focus-within .logo-track,#rw-v5[data-motion=off] .logo-track{animation-play-state:paused} @keyframes rw5-rail{to{transform:translateX(-50%)}} #rw-v5 .mada{padding-top:70px} #rw-v5 .project-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:16px} #rw-v5 .mada-word{font:400 clamp(52px,6.5vw,84px)/1 RW5Mada,Georgia,serif;letter-spacing:.02em} #rw-v5 .project-intro p{text-align:right;color:var(--muted);font-size:14px} #rw-v5 .mada-composition{position:relative;min-height:530px;isolation:isolate} #rw-v5 .spatial{position:absolute;inset:0 0 0 25%;opacity:.38;mask-image:radial-gradient(ellipse at 52% 48%,#000 20%,transparent 72%);z-index:-1} #rw-v5 .mada-composition h3{font-size:clamp(30px,4.2vw,53px);line-height:1.12;letter-spacing:-.03em;padding-top:48px;position:relative;z-index:2;max-width:11em} #rw-v5 .mada-composition h3 em{font-size:1.16em} #rw-v5 .space-drawing{position:absolute;right:-2%;top:30px;width:68%;height:440px;overflow:visible;filter:drop-shadow(16px 20px 30px #0008)} #rw-v5 .space-drawing :is(.flat-plane,.edit-planes){transform-origin:390px 230px;transition:opacity .8s var(--ease),transform 1.1s var(--ease)} #rw-v5 .flat-plane{opacity:0;transform:scale(.7) rotate(-8deg)} #rw-v5 .edit-planes{opacity:1;transform:translateY(35px) scale(.9)} #rw-v5 [data-space=surface] .flat-plane{opacity:1;transform:scale(1) rotate(0)} #rw-v5 [data-space=surface] .edit-planes{opacity:0;transform:translateY(35px) scale(.6)} #rw-v5 .spatial-control{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:13px} #rw-v5 .spatial-control>div{display:flex;gap:24px} #rw-v5 .spatial-control button{min-height:44px;border-bottom:1px solid transparent} #rw-v5 .spatial-control button[aria-pressed=true]{border-color:var(--chalk);color:var(--chalk)} #rw-v5 .project-baseline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:9px;font-size:14px;color:var(--muted)} #rw-v5 .evidence{position:relative;border-bottom:1px solid var(--rule)} #rw-v5 .evidence summary{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:56px;list-style:none;font-size:14px;color:var(--muted);cursor:inherit} #rw-v5 .evidence summary::-webkit-details-marker{display:none} #rw-v5 .evidence summary:hover{color:var(--chalk)} #rw-v5 .evidence[open] summary{color:var(--chalk)} #rw-v5 .evidence[open] summary svg{transform:rotate(45deg)} #rw-v5 .evidence summary svg{transition:transform .25s var(--ease)} #rw-v5 .evidence-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px;padding-block:8px 28px;font-size:16px;line-height:1.65;color:#cecec5;max-width:1040px} #rw-v5 .evidence-content p:only-child{grid-column:1/-1;max-width:65ch} #rw-v5 .jeerann{padding-top:100px} #rw-v5 .jeerann-heading{display:flex;align-items:start;justify-content:space-between;gap:36px} #rw-v5 .jeerann-word{font:400 clamp(62px,8vw,108px)/1 RW5Serif,Georgia,serif;letter-spacing:-.04em} #rw-v5 .jeerann-heading h3{font-size:clamp(25px,3vw,40px);line-height:1.12;letter-spacing:-.03em;padding-top:10px} #rw-v5 .jeerann-heading h3 em{font-size:1.14em} #rw-v5 .account-composition{position:relative;min-height:355px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25%} #rw-v5 .expense-input{z-index:2} #rw-v5 .expense-input>p{font-size:24px;line-height:1.3;letter-spacing:-.02em;margin-bottom:24px} #rw-v5 .expense-input>div{display:flex;flex-direction:column;align-items:start} #rw-v5 .expense-input button{min-height:44px;color:var(--quiet);font-size:14px;position:relative;padding-right:28px} #rw-v5 .expense-input button[aria-pressed=true]{color:var(--chalk)} #rw-v5 .expense-input button[aria-pressed=true]::after{content:'';position:absolute;right:4px;top:21px;width:14px;height:1px;background:currentColor} #rw-v5 .account-path{position:absolute;left:15%;width:62%;height:230px;top:65px;color:var(--chalk);opacity:1;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 85%,transparent)} #rw-v5 .account-path g{stroke-opacity:.48} #rw-v5 .expense-pulse{stroke-opacity:.85;stroke-dasharray:4 600;animation:rw5-flow 7s linear infinite} @keyframes rw5-flow{to{stroke-dashoffset:-604}} #rw-v5 .account-output{z-index:2;position:relative;padding:24px 0 30px;transform:rotate(-3deg);background:linear-gradient(100deg,#141412cc,transparent);min-width:0} #rw-v5 .statement-header{display:flex;align-items:center;justify-content:space-between;font-size:17px;padding-bottom:22px;border-bottom:1px solid #605f56} #rw-v5 .statement-item{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding-block:19px;border-bottom:1px solid var(--rule)} #rw-v5 .muted{color:var(--quiet)} #rw-v5 .statement-total{font:400 27px/1.2 RW5Serif,Georgia,serif;padding-top:22px;display:grid;gap:4px} #rw-v5 .bridge{padding-top:98px;padding-bottom:55px;display:flex;gap:32px;align-items:end;justify-content:space-between} #rw-v5 .bridge>p{font-size:clamp(23px,3vw,36px);line-height:1.2;letter-spacing:-.02em} #rw-v5 .bridge em{font-size:1.3em} #rw-v5 .bridge>span{font-size:14px;color:var(--muted);max-width:20em} #rw-v5 .hudl{position:relative;z-index:2} #rw-v5 .hudl-scene{position:relative;min-height:570px;overflow:hidden} #rw-v5 .basketball{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1) brightness(.66);mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent)} #rw-v5 .photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090909e8 0%,#09090945 55%,transparent)} #rw-v5 .shot-drawing{position:absolute;inset:0;width:100%;height:100%;color:#e6e6de;opacity:.5} #rw-v5 .hudl-copy{padding-block:66px} #rw-v5 .brandline{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:500} #rw-v5 .brandline img{width:32px;height:32px;filter:brightness(0) invert(1)} #rw-v5 .hudl-copy h2{font-size:clamp(34px,5.5vw,72px);line-height:1.05;letter-spacing:-.035em;margin-top:38px;max-width:11em} #rw-v5 .hudl-copy h2 em{font-size:1.12em} #rw-v5 .hudl-copy>p{margin-top:42px;font-size:30px;line-height:1.2} #rw-v5 .hudl-copy>p span{font-size:14px;color:var(--muted)} #rw-v5 .judgement{padding-top:95px} #rw-v5 .judgement>h2{font-size:clamp(38px,5vw,66px);margin-bottom:54px} #rw-v5 .leadership-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%} #rw-v5 .company-logo{height:38px;max-width:170px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);margin-bottom:30px} #rw-v5 .leadership-pair h3{font-size:clamp(23px,2.7vw,35px);letter-spacing:-.025em;line-height:1.17;min-height:2.5em} #rw-v5 .leadership-pair article>p{color:var(--muted);font-size:15px;line-height:1.65;margin-block:24px 16px} #rw-v5 .leadership-pair .evidence-content{display:block} #rw-v5 .foundations{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:65px;align-items:start} #rw-v5 .foundations>p{font-size:16px;color:var(--muted);line-height:1.5} #rw-v5 .foundations .evidence summary{align-items:start;padding-bottom:16px} #rw-v5 .foundation-name{font-size:22px;color:var(--chalk);line-height:1.2} #rw-v5 .foundation-name small{display:block;font-size:13px;color:var(--muted);margin-top:10px;font-weight:400} #rw-v5 .foundations .evidence-content{display:block} #rw-v5 .perspectives{padding-top:100px} #rw-v5 .perspective-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:46px} #rw-v5 .perspective-heading h2{font-size:clamp(38px,5vw,66px)} #rw-v5 .perspective-heading>p{font-size:15px;color:var(--muted);max-width:24em} #rw-v5 .perspective-grid{display:grid;grid-template-columns:1fr;gap:24px;padding-left:26%} #rw-v5 .perspective-grid article{display:grid;grid-template-columns:150px 1fr;column-gap:30px;align-items:baseline;padding-block:15px;border-bottom:1px solid var(--rule)} #rw-v5 .perspective-grid article>:not(h3){grid-column:2} #rw-v5 .perspective-grid h3{font-size:24px;font-weight:500;letter-spacing:-.02em} #rw-v5 .perspective-grid article>p{font-size:16px;line-height:1.55;max-width:32em;margin-top:0;margin-bottom:8px;color:var(--muted)} #rw-v5 .perspective-grid .evidence-content{display:block} #rw-v5 .advisory{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-top:48px;padding-block:36px;border-top:1px solid var(--rule)} #rw-v5 .advisory-brands{display:flex;align-items:center;gap:28px;flex-wrap:wrap} #rw-v5 .advisory-brands img{filter:brightness(0) invert(1);max-width:112px;height:24px;width:auto} #rw-v5 .advisory p{font-size:20px;line-height:1.4;letter-spacing:-.015em} #rw-v5 .advisory .evidence-content{display:block} #rw-v5 .advisory .evidence-content p{font-size:16px;line-height:1.65;letter-spacing:0} #rw-v5 .factory{padding-top:100px} #rw-v5 .factory>h2{font-size:clamp(45px,7.2vw,96px);max-width:11em;position:relative;z-index:2} #rw-v5 .factory-art{position:relative;aspect-ratio:2.35/1;margin-top:24px;margin-bottom:32px} #rw-v5 .factory-art canvas{position:absolute;inset:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} #rw-v5 .factory-steps{position:absolute;inset:0;text-align:center;font-size:14px;color:var(--muted);pointer-events:none} #rw-v5 .factory-steps span{position:absolute;transform:translate(-50%,-100%);max-width:110px} #rw-v5 .factory-steps span:nth-child(1){left:var(--stage-0-x,10%);top:var(--stage-0-y,10%)} #rw-v5 .factory-steps span:nth-child(2){left:var(--stage-1-x,37%);top:var(--stage-1-y,10%)} #rw-v5 .factory-steps span:nth-child(3){left:var(--stage-2-x,65%);top:var(--stage-2-y,10%)} #rw-v5 .factory-steps span:nth-child(4){left:var(--stage-3-x,89%);top:var(--stage-3-y,10%)} #rw-v5 .retained-label{position:absolute;top:var(--memory-y,88%);left:var(--memory-x,45%);transform:translateX(-50%);text-align:center;font-size:16px;line-height:1.5;width:max-content;max-width:60%} #rw-v5 .retained-label span{font-size:14px;color:var(--muted)} #rw-v5 .retained-label b{font-weight:400} #rw-v5 .keeping-check{display:none} #rw-v5 [data-retained=true] .keeping-check{display:block} #rw-v5 [data-retained=true] .finding-check{display:none} #rw-v5 .factory-argument{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start} #rw-v5 .factory-argument h3{font-size:clamp(28px,3.6vw,48px);letter-spacing:-.035em;line-height:1.12} #rw-v5 .factory-argument>div>p{font-size:17px;line-height:1.6;max-width:40em;color:var(--muted)} #rw-v5 .factory-argument .evidence{margin-top:12px} #rw-v5 .factory-argument .evidence-content{display:block} #rw-v5 .factory-argument .evidence-content p+p{margin-top:16px} #rw-v5 .notes{padding-top:95px} #rw-v5 .notes h2{font-size:clamp(30px,3.7vw,48px);margin-bottom:24px} #rw-v5 .reading-list{display:grid;grid-template-columns:1fr 1fr;gap:8%} #rw-v5 .reading-list>a{display:flex;gap:16px;align-items:center;min-height:100px;border-bottom:1px solid var(--rule);padding-block:20px} #rw-v5 .reading-list>a>div{flex:1} #rw-v5 .reading-list>a>svg:first-child{width:26px;height:26px} #rw-v5 .reading-list span{font-size:12px;color:var(--muted)} #rw-v5 .reading-list h3{font-size:19px;line-height:1.35;letter-spacing:-.02em;margin-top:6px} #rw-v5 .reading-list a:hover h3{text-decoration:underline;text-underline-offset:5px} #rw-v5 .personal{padding-top:72px;display:flex;gap:32px;align-items:center;justify-content:space-between} #rw-v5 .personal>p{font-size:clamp(30px,4vw,52px)} #rw-v5 .personal-links{display:flex;gap:32px;align-items:center;flex-wrap:wrap} #rw-v5 .personal-links :is(a,button){display:flex;gap:12px;align-items:center;min-height:48px;font-size:14px} #rw-v5 .personal-links :is(a,button)>svg:first-child{width:32px;height:32px} #rw-v5 .personal-links a>svg:last-child{width:15px;height:15px} #rw-v5 .github{padding-top:65px} #rw-v5 .github-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px} #rw-v5 .github-heading>a{display:flex;align-items:center;gap:12px;min-height:44px} #rw-v5 .github-heading h2{font-size:24px;letter-spacing:-.02em} #rw-v5 .github-mark{width:25px;height:25px;filter:brightness(0) invert(1)} #rw-v5 .heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-columns:minmax(0,1fr);gap:3px;width:100%;margin-top:14px} #rw-v5 .heatmap span{background:#222222;min-width:0;border-radius:2px} #rw-v5 .heatmap .empty-day{background:transparent} #rw-v5 .heatmap [data-level='1']{background:#484848}#rw-v5 .heatmap [data-level='2']{background:#767674}#rw-v5 .heatmap [data-level='3']{background:#adada7}#rw-v5 .heatmap [data-level='4']{background:#eeeee7} #rw-v5 .github-heading>a>svg:first-child{width:25px;height:25px} #rw-v5 .github-heading span,#rw-v5 .github-heading p{font-size:13px;color:var(--muted)} #rw-v5 #v5-activity>svg{width:100%;height:auto;overflow:visible} #rw-v5 .activity-weeks{display:grid;grid-template-columns:repeat(42,minmax(0,1fr));gap:4px;margin-top:6px} #rw-v5 .activity-weeks button{min-height:30px;border-bottom:1px solid transparent;font-size:0} #rw-v5 .activity-weeks button[aria-pressed=true]{border-color:var(--green)} #rw-v5 .activity-detail{font-size:13px;color:var(--muted);min-height:30px;margin-top:10px} #rw-v5 .activity-explore{font-size:13px;color:var(--muted);max-width:460px} #rw-v5 .activity-explore summary{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px} #rw-v5 .activity-explore label{display:block;margin-block:4px 8px} #rw-v5 .week-select{font:inherit;background:#171715;color:var(--chalk);border:1px solid var(--rule);border-radius:0;padding:12px;max-width:100%;width:100%;min-height:44px} #rw-v5 .closing{padding-top:90px;padding-bottom:64px} #rw-v5 .closing h2{font-size:clamp(48px,8vw,104px);max-width:10em} #rw-v5 .closing .text-action{margin-top:32px;font-size:16px} #rw-v5 .footer{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:35px;color:var(--muted);font-size:13px} #rw-v5 .footer>span:first-child{font:400 34px/1 RW5Serif,Georgia,serif;color:var(--chalk)} #rw-v5[data-motion=off] .expense-pulse{animation-play-state:paused} #rw-v5[data-motion=off] .space-drawing *{transition:none} @media(min-width:1500px){#rw-v5 .wordmark{font-size:290px}} @media(max-width:900px){#rw-v5 .identity{gap:14px}#rw-v5 .identity span{font-size:12px}#rw-v5 .utilities{gap:16px}#rw-v5 .hero-composition{min-height:410px}#rw-v5 .hero-drawing{top:-20%;height:108%;width:75%}#rw-v5 .mada-composition{min-height:440px}#rw-v5 .space-drawing{top:55px;height:340px;width:68%}#rw-v5 .mada-composition h3{font-size:35px}#rw-v5 .account-composition{gap:20%}#rw-v5 .account-output{transform:none}#rw-v5 .bridge{align-items:start}#rw-v5 .hudl-scene{min-height:490px}#rw-v5 .perspective-grid{padding-left:0}#rw-v5 .advisory{gap:30px}#rw-v5 .factory-art{aspect-ratio:1.7}#rw-v5 .personal-links{gap:18px}} @media(max-width:600px){ #rw-v5{--gap:24px}#rw-v5 .topline{min-height:92px;align-items:start;padding-top:22px;gap:12px}#rw-v5 .identity{display:block;font-size:14px;line-height:1.4}#rw-v5 .identity span{display:block;font-size:12px;margin-top:6px}#rw-v5 .utilities{gap:12px}#rw-v5 .utilities button{font-size:12px;gap:6px}#rw-v5 .utilities .contact-link{font-size:0;gap:0;width:32px;justify-content:center}#rw-v5 .utilities .contact-link svg{width:20px;height:20px} #rw-v5 .wordmark{font-size:26vw;line-height:.85;padding-block:10px 18px}#rw-v5 .hero-composition{padding-top:260px;min-height:0;padding-bottom:22px}#rw-v5 h1{font-size:clamp(29px,7.2vw,43px);max-width:12em}#rw-v5 .hero-drawing{left:-25px;right:-25px;top:-25px;width:calc(100% + 50px);height:285px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#rw-v5 .hero-foot{margin-top:24px;align-items:start;gap:12px}#rw-v5 .hero-foot p{font-size:13px;max-width:16em}#rw-v5 .hero-foot .text-action{font-size:12px;gap:7px;white-space:nowrap} #rw-v5 .experience-rail{padding-block:26px 20px}#rw-v5 .logo-group{gap:40px;padding-right:40px}#rw-v5 .logo{font-size:22px}#rw-v5 .logo img{max-height:23px;max-width:120px}#rw-v5 .logo.symbol img{width:23px;height:23px} #rw-v5 .mada{padding-top:48px}#rw-v5 .mada-word{font-size:56px}#rw-v5 .project-intro{gap:20px}#rw-v5 .project-intro p{font-size:12px}#rw-v5 .mada-composition{min-height:470px}#rw-v5 .mada-composition h3{font-size:30px;padding-top:25px;max-width:12em}#rw-v5 .space-drawing{width:110%;height:300px;right:-8%;top:135px}#rw-v5 .spatial{inset:100px 0 0 0;opacity:.34}#rw-v5 .spatial-control{bottom:5px;font-size:12px;gap:12px}#rw-v5 .spatial-control>div{gap:20px}#rw-v5 .project-baseline{align-items:start;font-size:12px;gap:14px;padding-top:20px}#rw-v5 .project-baseline>span{max-width:60%}#rw-v5 .project-baseline .text-action{font-size:12px;white-space:nowrap;gap:7px;min-height:36px} #rw-v5 .evidence summary{font-size:14px;min-height:60px}#rw-v5 .evidence-content{display:block;font-size:16px;padding-bottom:24px}#rw-v5 .evidence-content p+p{margin-top:16px} #rw-v5 .jeerann{padding-top:68px}#rw-v5 .jeerann-heading{display:block}#rw-v5 .jeerann-word{font-size:68px}#rw-v5 .jeerann-heading h3{font-size:29px;margin-top:20px}#rw-v5 .account-composition{display:block;min-height:520px;padding-top:35px}#rw-v5 .expense-input>p{font-size:19px;margin-bottom:16px}#rw-v5 .expense-input>div{flex-direction:row;flex-wrap:wrap;gap:10px 20px}#rw-v5 .expense-input button{padding-right:0;font-size:13px}#rw-v5 .expense-input button[aria-pressed=true]::after{left:0;right:auto;top:auto;bottom:5px;width:100%}#rw-v5 .account-path{top:145px;left:5%;width:90%;height:150px;transform:rotate(22deg);opacity:.55}#rw-v5 .account-output{width:80%;margin:75px 0 0 auto;padding-top:15px}#rw-v5 .statement-header{font-size:16px;padding-bottom:15px}#rw-v5 .statement-item{padding-block:14px;font-size:12px}#rw-v5 .statement-total{font-size:26px;padding-top:16px} #rw-v5 .bridge{display:block;padding-top:65px;padding-bottom:30px}#rw-v5 .bridge>p{font-size:25px}#rw-v5 .bridge>span{display:block;margin-top:20px;font-size:13px;max-width:25em} #rw-v5 .hudl-scene{min-height:495px}#rw-v5 .basketball{object-position:58% 38%;filter:grayscale(1) brightness(.6)}#rw-v5 .hudl-copy{padding-top:58px;padding-bottom:50px}#rw-v5 .brandline{font-size:21px}#rw-v5 .hudl-copy h2{font-size:35px;margin-top:32px}#rw-v5 .hudl-copy>p{font-size:27px;margin-top:38px}#rw-v5 .photo-shade{background:linear-gradient(90deg,#090909b8,#09090925)} #rw-v5 .judgement{padding-top:60px}#rw-v5 .judgement>h2{font-size:42px;margin-bottom:35px}#rw-v5 .leadership-pair{grid-template-columns:1fr;gap:36px}#rw-v5 .company-logo{margin-bottom:20px;height:34px;max-width:160px}#rw-v5 .leadership-pair h3{font-size:27px;min-height:0}#rw-v5 .leadership-pair article>p{font-size:15px;margin-block:18px 8px}#rw-v5 .foundations{grid-template-columns:1fr;gap:16px;margin-top:40px}#rw-v5 .foundations>p{margin-bottom:10px}#rw-v5 .foundation-name{font-size:22px}#rw-v5 .foundations .evidence summary{align-items:center;padding-block:12px} #rw-v5 .perspectives{padding-top:62px}#rw-v5 .perspective-heading{display:block;margin-bottom:30px}#rw-v5 .perspective-heading h2{font-size:43px}#rw-v5 .perspective-heading>p{margin-top:22px;font-size:14px}#rw-v5 .perspective-grid{grid-template-columns:1fr;gap:30px}#rw-v5 .perspective-grid h3{font-size:23px}#rw-v5 .perspective-grid article>p{font-size:16px}#rw-v5 .advisory{display:block;margin-top:30px;padding-top:30px}#rw-v5 .advisory-brands{gap:22px;margin-bottom:25px}#rw-v5 .advisory-brands img{max-width:95px;height:22px}#rw-v5 .advisory p{font-size:19px} #rw-v5 .factory{padding-top:45px}#rw-v5 .factory>h2{font-size:clamp(37px,10vw,54px);max-width:11em}#rw-v5 .factory-art{aspect-ratio:1.1;margin-top:32px;margin-bottom:30px}#rw-v5 .factory-steps{font-size:11px;gap:6px;inset:0 -8px auto}#rw-v5 .retained-label{font-size:14px;bottom:0;left:16%}#rw-v5 .retained-label span{font-size:12px}#rw-v5 .factory-argument{grid-template-columns:1fr;gap:24px}#rw-v5 .factory-argument h3{font-size:32px;max-width:10em}#rw-v5 .factory-argument>div>p{font-size:16px} #rw-v5 .notes{padding-top:65px}#rw-v5 .notes h2{font-size:36px}#rw-v5 .reading-list{grid-template-columns:1fr;gap:0}#rw-v5 .reading-list h3{font-size:18px}#rw-v5 .reading-list>a{gap:13px;min-height:110px}#rw-v5 .reading-list>a>svg:first-child{width:22px;height:22px} #rw-v5 .personal{padding-top:45px;align-items:start;gap:24px}#rw-v5 .personal>p{font-size:35px;flex-shrink:0}#rw-v5 .personal-links{display:grid;gap:10px}#rw-v5 .personal-links :is(a,button){font-size:12px;gap:9px;min-height:48px}#rw-v5 .personal-links :is(a,button)>svg:first-child{width:26px;height:26px} #rw-v5 .github{padding-top:45px}#rw-v5 .github-heading{display:block;margin-bottom:14px}#rw-v5 .github-heading h2{font-size:23px}#rw-v5 .github-heading p{margin-top:5px;font-size:12px}#rw-v5 .github-heading span{font-size:12px}#rw-v5 .activity-weeks{grid-template-columns:repeat(14,minmax(0,1fr));gap:3px}#rw-v5 .activity-weeks button{min-height:24px}#rw-v5 .activity-detail{font-size:12px;min-height:36px}#rw-v5 .closing{padding-top:60px;padding-bottom:45px}#rw-v5 .closing h2{font-size:58px}#rw-v5 .closing .text-action{font-size:14px;gap:9px;margin-top:25px} } @media(prefers-reduced-motion:reduce){#rw-v5 *,#rw-v5 *::before,#rw-v5 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Review corrections: one row rhythm for teaching, direct diagram labels. */ @media(max-width:600px){ #rw-v5 .perspective-grid{padding-left:0;gap:16px} #rw-v5 .perspective-grid article{grid-template-columns:100px minmax(0,1fr);gap:12px;padding-block:10px} #rw-v5 .perspective-grid h3{font-size:20px} #rw-v5 .perspective-grid article>p{font-size:15px} #rw-v5 .perspective-grid .text-action{font-size:13px} #rw-v5 .account-path{opacity:1} #rw-v5 .factory-steps{inset:0;font-size:12px} #rw-v5 .factory-steps span{max-width:82px} #rw-v5 .retained-label{bottom:auto;left:var(--memory-x,30%);top:var(--memory-y,85%);max-width:55%;font-size:13px} } /* V5: a single vocabulary of engraved flow, open compositions and useful transformations. */ #rw-v5{--quiet:#a09f97;--rule:#353531;scrollbar-color:#66665c var(--ink);caret-color:var(--chalk)} #rw-v5 button,#rw-v5 summary{cursor:pointer} #rw-v5 input[type=range]{appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:ew-resize;accent-color:var(--chalk)} #rw-v5 input[type=range]::-webkit-slider-runnable-track{height:1px;background:#77776c} #rw-v5 input[type=range]::-moz-range-track{height:1px;background:#77776c} #rw-v5 input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-6px;background:var(--chalk);border:3px solid var(--ink);border-radius:50%;outline:1px solid var(--chalk)} #rw-v5 input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--chalk);border:3px solid var(--ink);border-radius:50%;outline:1px solid var(--chalk)} #rw-v5 input:focus-visible{outline:2px solid var(--chalk);outline-offset:5px} #rw-v5 .opening{isolation:isolate} #rw-v5 .hero-composition{min-height:470px} #rw-v5 .flow-field{position:absolute;z-index:0;pointer-events:auto;right:calc(-1 * var(--gap));top:-50px;width:77%;height:520px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 86%,transparent);opacity:.88} #rw-v5 .flow-field canvas{width:100%;height:100%} #rw-v5 h1{pointer-events:none;text-shadow:0 3px 20px #090909;max-width:11em} #rw-v5 .hero-foot{pointer-events:none;align-items:end;margin-top:46px} #rw-v5 .hero-foot p{font-size:15px;color:#c5c4ba;max-width:28em;text-shadow:0 2px 12px #090909} #rw-v5 .field-control{pointer-events:auto;width:190px;font-size:13px;color:var(--muted)} #rw-v5 .field-control span{display:block} #rw-v5 .drawing-thread{opacity:.7} #rw-v5 .murex-rail{font-size:27px;letter-spacing:-.035em} #rw-v5 .mada-composition{min-height:540px} #rw-v5 .space-drawing{filter:none} #rw-v5 .space-back,#rw-v5 .space-side,#rw-v5 .space-floor{transition:transform .25s var(--ease)} #rw-v5 .space-back{transform:translate(calc(var(--separation,20) * -.5px),calc(var(--separation,20) * -.25px))} #rw-v5 .space-side{transform:translate(calc(var(--separation,20) * .5px),calc(var(--separation,20) * -.25px))} #rw-v5 .space-floor{transform:translateY(calc(var(--separation,20) * .3px))} #rw-v5 .surface-range{width:190px;max-width:45%} #rw-v5 [data-space=surface] .surface-range{visibility:hidden} #rw-v5 .account-output{transform:none;background:none;padding:20px 0} #rw-v5 .account-path{left:20%;width:51%;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 65%,transparent)} #rw-v5 .account-path g{stroke-opacity:.26} #rw-v5 .expense-pulse{stroke-dasharray:90 600;stroke-opacity:.8} #rw-v5 .expense-input>p.expense-sum{font:400 56px/1.1 RW5Serif,Georgia,serif;margin-bottom:6px;font-variant-numeric:tabular-nums} #rw-v5 .study-label{display:block;font-size:13px;color:var(--muted);margin-bottom:20px} #rw-v5 .expense-input>div{flex-direction:row;gap:20px;flex-wrap:wrap} #rw-v5 .expense-input button{padding-right:0;border-bottom:1px solid transparent} #rw-v5 .expense-input button[aria-pressed=true]{border-bottom-color:var(--chalk)} #rw-v5 .expense-input button[aria-pressed=true]::after{display:none} #rw-v5 .resident-range{display:block;max-width:190px;margin-top:20px;font-size:13px;color:var(--muted)} #rw-v5 .resident-range span{display:flex;justify-content:space-between} #rw-v5 .resident-range output{color:var(--chalk);font-variant-numeric:tabular-nums} #rw-v5 .statement-item{font-size:14px} #rw-v5 .statement-total>span{font:400 14px/1.5 RW5Sans,Arial,sans-serif;color:var(--muted)} #rw-v5 .statement-total strong{font:400 46px/1.2 RW5Serif,Georgia,serif;font-variant-numeric:tabular-nums} #rw-v5 .career-scene{padding-top:94px} #rw-v5 .career-heading{display:flex;justify-content:space-between;align-items:center;gap:24px} #rw-v5 .career-heading>span{font-size:14px;color:var(--muted)} #rw-v5 .career-heading .brandline{font-size:28px;letter-spacing:-.025em} #rw-v5 .murex-name{font-size:35px!important;letter-spacing:-.04em!important} #rw-v5 .career-layout{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:4%;min-height:390px} #rw-v5 .career-copy h3{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.03em} #rw-v5 .career-copy h3 em{font-size:1.14em} #rw-v5 .career-copy p{font-size:15px;line-height:1.65;color:var(--muted);margin-top:24px} #rw-v5 .checkout-study,#rw-v5 .release-study{position:relative;min-width:0} #rw-v5 .checkout-study>svg,#rw-v5 .release-study>svg{width:100%;height:auto;overflow:visible} #rw-v5 .diagram-text{font:400 16px RW5Sans,Arial,sans-serif} #rw-v5 .checkout-trails{stroke-width:1.2} #rw-v5 .checkout-active{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--ease)} #rw-v5 .checkout-end{opacity:.3;transition:opacity .7s} #rw-v5 .checkout-check{opacity:0;transition:opacity .7s .5s} #rw-v5 [data-checkout=complete] .checkout-active{stroke-dashoffset:0} #rw-v5 [data-checkout=complete] .checkout-end,#rw-v5 [data-checkout=complete] .checkout-check{opacity:1} #rw-v5 .study-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;min-height:75px} #rw-v5 .study-actions>p{font-size:13px;line-height:1.5;color:var(--muted);max-width:14em;text-align:right} #rw-v5 .alignment-control{font-size:13px;color:var(--muted);width:220px} #rw-v5 .release-lines{opacity:.8} #rw-v5 .factory-lead{margin-top:26px;font-size:20px;line-height:1.45;color:var(--muted)} #rw-v5 .factory-art{height:390px;aspect-ratio:auto;margin-block:28px 10px} #rw-v5 .factory-art canvas{mask-image:none} #rw-v5 .factory-controls{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-bottom:48px} #rw-v5 .factory-controls label{display:flex;gap:18px;align-items:center;min-width:300px;font-size:13px;color:var(--muted);white-space:nowrap;flex:1} #rw-v5 .factory-controls input{max-width:260px;min-width:70px} #rw-v5 .factory-controls p{font-size:15px;max-width:30em;flex:1.2;min-width:220px;min-height:48px;display:flex;align-items:center} #rw-v5 .factory-controls button{font-size:13px} #rw-v5 .factory-argument{border-top:1px solid var(--rule);padding-top:32px} #rw-v5 .leadership-pair article{position:relative} #rw-v5 .leadership-pair article::before{content:'';position:absolute;left:0;right:0;top:57px;height:1px;background:linear-gradient(90deg,#66665b,transparent 90%)} #rw-v5 .company-logo{margin-bottom:46px;height:36px} #rw-v5 .perspective-grid{padding-left:0;grid-template-columns:1fr 1fr;gap:8%} #rw-v5 .perspective-grid article{display:block;padding-bottom:24px} #rw-v5 .perspective-grid h3{margin-bottom:16px;font-size:27px} #rw-v5 .perspective-grid article>p{max-width:31em} #rw-v5 .reading-list span{font-size:13px} #rw-v5[data-motion=off] *,#rw-v5[data-motion=off] *::before,#rw-v5[data-motion=off] *::after{transition:none!important;animation-play-state:paused!important} @media(max-width:900px){ #rw-v5 .career-layout{grid-template-columns:1fr 1.2fr;gap:2%} #rw-v5 .study-actions{align-items:start;gap:15px;flex-direction:column} #rw-v5 .study-actions>p{text-align:left;min-height:22px} #rw-v5 .diagram-text{font-size:18px} #rw-v5 .hero-composition{min-height:430px} #rw-v5 .flow-field{width:85%;top:-45px;height:480px} #rw-v5 .factory-art{height:360px} } @media(max-width:600px){ #rw-v5 .hero-composition{min-height:580px;padding-top:250px;padding-bottom:20px;justify-content:end} #rw-v5 .flow-field{top:-60px;right:-70px;width:calc(100% + 140px);height:360px;opacity:.85;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent)} #rw-v5 h1{font-size:35px;max-width:11em} #rw-v5 .hero-foot{display:block;margin-top:24px} #rw-v5 .hero-foot p{font-size:14px} #rw-v5 .field-control{width:155px;display:block;margin-top:20px;font-size:13px} #rw-v5 .experience-rail{margin-top:8px} #rw-v5 .mada-composition{min-height:450px} #rw-v5 .spatial-control{bottom:6px;align-items:end} #rw-v5 .spatial-control>div{gap:18px} #rw-v5 .surface-range{width:140px;font-size:12px} #rw-v5 .space-drawing{top:130px;width:110%;right:-6%;height:250px} #rw-v5 .account-composition{display:grid;grid-template-columns:1fr;gap:54px;padding-block:30px 15px} #rw-v5 .expense-input{max-width:100%} #rw-v5 .expense-input>p.expense-sum{font-size:46px} #rw-v5 .expense-input>div{gap:22px} #rw-v5 .expense-input button{font-size:14px} #rw-v5 .resident-range{max-width:100%} #rw-v5 .account-path{left:8%;top:185px;width:84%;height:180px;transform:rotate(90deg);opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 30%,transparent 90%)} #rw-v5 .account-output{width:100%;max-width:none;padding-top:10px} #rw-v5 .statement-header{font-size:17px} #rw-v5 .statement-total{display:flex;align-items:center;justify-content:space-between;gap:20px} #rw-v5 .statement-total strong{font-size:40px} #rw-v5 .career-scene{padding-top:65px} #rw-v5 .career-heading{align-items:center;gap:16px} #rw-v5 .career-heading>span{font-size:12px;max-width:12em;text-align:right} #rw-v5 .career-layout{display:block;min-height:0} #rw-v5 .career-copy{margin-top:30px} #rw-v5 .career-copy h3{font-size:32px} #rw-v5 .career-copy p{font-size:14px;margin-top:20px} #rw-v5 .checkout-study,#rw-v5 .release-study{margin-top:20px} #rw-v5 .checkout-study>svg,#rw-v5 .release-study>svg{width:100%;min-height:210px} #rw-v5 .diagram-text{font-size:22px} #rw-v5 .study-actions{flex-direction:row;gap:15px;align-items:center;padding-block:5px 18px} #rw-v5 .study-actions>p{font-size:12px;max-width:11em;text-align:right} #rw-v5 .study-actions .text-action{font-size:13px;max-width:15em;line-height:1.5} #rw-v5 .alignment-control{width:165px;font-size:12px} #rw-v5 .factory-lead{font-size:17px;margin-top:20px} #rw-v5 .factory-art{height:480px;margin-top:22px;margin-bottom:0} #rw-v5 .factory-controls{display:block;margin-bottom:30px} #rw-v5 .factory-controls label{min-width:0;gap:14px;width:100%;font-size:12px} #rw-v5 .factory-controls input{max-width:none} #rw-v5 .factory-controls p{min-height:60px;font-size:14px;margin-top:10px;max-width:none} #rw-v5 .factory-argument{padding-top:24px} #rw-v5 .perspective-grid{grid-template-columns:1fr;gap:24px} #rw-v5 .perspective-grid h3{font-size:26px;margin-bottom:12px} #rw-v5 .perspective-grid article>p{font-size:16px} #rw-v5 .personal{flex-direction:column;gap:22px} #rw-v5 .personal-links{display:flex;flex-wrap:wrap;gap:22px} } /* One field stays with the visitor. Evidence remains above it. */ #rw-v5>.flow-field{position:fixed;inset:0;width:100%;height:100svh;z-index:0;pointer-events:none;opacity:.16;mask-image:linear-gradient(90deg,transparent 8%,#000 58%,#000);transition:opacity 1s var(--ease)} #rw-v5[data-scene=hero]>.flow-field{opacity:.82} #rw-v5[data-scene=factory]>.flow-field{opacity:.1} #rw-v5 .experience-rail{background:linear-gradient(0deg,#090909cc,transparent)} @media(max-width:600px){#rw-v5>.flow-field{mask-image:linear-gradient(90deg,transparent,#000 58%,#000)}#rw-v5[data-scene=hero]>.flow-field{opacity:.7}} #rw-v5 .hero-explore{display:flex;align-items:center;gap:40px;pointer-events:auto} #rw-v5 .murex .career-layout{grid-template-columns:1.4fr .85fr;gap:6%} #rw-v5 .murex .career-copy{grid-column:2;grid-row:1} #rw-v5 .murex .release-study{grid-column:1;grid-row:1} @media(max-width:600px){#rw-v5 .hero-explore{gap:32px;margin-top:18px}#rw-v5 .hero-explore .field-control{margin-top:0}#rw-v5 .hero-explore .text-action{font-size:13px}#rw-v5 .diagram-text{font-size:34px}} /* V6 closing only */ /* V6: the closing background only. Its content and geometry remain V5. */ #rw-v5 .closing{isolation:isolate} #rw-v5 .closing .closing-exposure{position:absolute;inset:0;left:calc((100% - 100vw)/2);width:100vw;pointer-events:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(transparent,#000 14%,#000 81%,transparent)} #rw-v5 .closing .closing-exposure canvas{width:100%;height:100%;opacity:.88} @media(max-width:600px){#rw-v5 .closing .closing-exposure canvas{opacity:.68}} /* V7 keeps the approved world. New studies are part of the page, not widgets. */ #rw-v5 .mada-word{letter-spacing:.18em;font-size:clamp(48px,6.5vw,80px)} #rw-v5 .mada-word a{display:inline-flex;align-items:center;gap:12px;min-height:44px} #rw-v5 .mada-word a svg{width:21px;height:21px;letter-spacing:0;opacity:.65} #rw-v5 .mada-word a:hover svg{opacity:1;transform:translate(2px,-2px)} #rw-v5 .v7-mada-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:4%;align-items:center;margin-block:36px 18px} #rw-v5 .v7-project-copy h3{font-size:clamp(29px,3.7vw,48px);line-height:1.12;letter-spacing:-.03em} #rw-v5 .v7-project-copy h3 em{font-size:1.12em} #rw-v5 .v7-project-copy p,#rw-v5 .v7-project-lead{font-size:16px;line-height:1.6;color:var(--muted);max-width:36em;margin-top:26px} #rw-v5 .v7-art{position:relative;width:100%;min-width:0;height:360px} #rw-v5 .v7-art canvas{display:block;width:100%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)} #rw-v5 .art-caption{display:flex;justify-content:space-between;gap:12px;position:absolute;left:4%;right:4%;bottom:0;font-size:12px;line-height:1.4;color:var(--muted);pointer-events:none} #rw-v5 .mada-art{height:430px} #rw-v5 .mada-art .art-caption{left:9%;right:9%;bottom:10px} #rw-v5 .jeerann-art{height:420px;margin-block:16px 36px} #rw-v5 .jeerann-art .art-caption span:nth-child(2){text-align:center} #rw-v5 .jeerann-art .art-caption span:last-child{text-align:right} #rw-v5 .globe-host{height:480px;position:relative;min-width:0;isolation:isolate;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 88%,transparent)} #rw-v5 .globe-host canvas{width:100%;height:100%} #rw-v5 .lifecycle-art{height:340px} #rw-v5 .murex .lifecycle-art{grid-column:1;grid-row:1} #rw-v5 .career-layout{min-height:410px} #rw-v5 .judgement>h2{max-width:16em} #rw-v5 .leadership-pair article::before{display:none} #rw-v5 .leadership-pair .company-logo{width:auto;height:32px;max-width:180px;margin-bottom:30px} #rw-v5 .leadership-pair h3{min-height:2.5em} #rw-v5 .leadership-pair article>p{margin-top:20px} #rw-v5 .people-art,#rw-v5 .corridor-art{height:290px;margin-top:20px} #rw-v5 .investment{padding-top:110px} #rw-v5 .investment-intro{display:flex;align-items:center;justify-content:space-between;gap:7%} #rw-v5 .investment h2{font-size:clamp(42px,5.7vw,76px);max-width:13em} #rw-v5 .investment-brand{flex:none;min-width:180px} #rw-v5 .investment-brand img{width:150px;height:auto;filter:brightness(0) invert(1)} #rw-v5 .investment-brand p{font-size:16px;color:var(--muted);line-height:1.6;margin-top:23px} #rw-v5 .investment-thesis{font-size:clamp(22px,2.4vw,31px);line-height:1.4;letter-spacing:-.02em;max-width:29em;margin-block:40px 26px} #rw-v5 .v7-advisory{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:38px} #rw-v5 .v7-advisory>div{display:flex;gap:25px;align-items:center} #rw-v5 .v7-advisory img{width:auto;max-width:110px;height:26px;filter:brightness(0) invert(1)} #rw-v5 .v7-advisory p{font-size:14px;line-height:1.6;color:var(--muted)} #rw-v5 .education{padding-top:100px} #rw-v5 .education>h2{font-size:clamp(32px,4vw,52px);max-width:18em} #rw-v5 .education-bridge{height:75px;margin-block:35px -6px;opacity:.45} #rw-v5 .education-bridge svg{width:100%;height:100%;overflow:visible} #rw-v5 .education-bridge path{fill:none;stroke:var(--chalk);stroke-width:.7;vector-effect:non-scaling-stroke} #rw-v5 .education-bridge circle{fill:var(--chalk)} #rw-v5 .education-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start} #rw-v5 .education-pair summary{padding-block:18px;align-items:center} #rw-v5 .education-kind{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:9px} #rw-v5 .education-pair strong{font-size:30px;font-weight:400;letter-spacing:-.02em;color:var(--chalk)} #rw-v5 .education-pair details>p{display:block!important;font-size:16px;line-height:1.6;color:var(--muted);padding-bottom:23px;max-width:31em} #rw-v5 .education-pair .evidence-content{display:block;font-size:15px} #rw-v5 .education-pair .evidence-content .text-action{margin-top:15px} #rw-v5 .cycle-art{height:440px;margin-block:24px 4px} #rw-v5 .cycle-labels{position:absolute;inset:43% 15% auto;display:flex;justify-content:space-between;pointer-events:none;font:400 clamp(27px,3.6vw,45px)/1.2 RW5Serif,Georgia,serif} #rw-v5 .cycle-labels span{width:20%;text-align:center} #rw-v5 .cycle-caption{font-size:18px;line-height:1.5;color:var(--muted);text-align:center;margin-bottom:46px} #rw-v5 .bridge{padding-block:85px 42px} @media(hover:hover){#rw-v5 .v7-art{transition:filter .5s var(--ease)}#rw-v5 .v7-art:hover{filter:brightness(1.12)}} @media(max-width:900px){ #rw-v5 .v7-mada-layout{grid-template-columns:1fr 1.15fr;gap:0} #rw-v5 .mada-art{height:360px} #rw-v5 .globe-host{height:380px} #rw-v5 .investment-intro{gap:30px} #rw-v5 .investment-brand{min-width:140px} #rw-v5 .investment-brand img{width:125px} #rw-v5 .v7-advisory>div{display:block} #rw-v5 .v7-advisory p{margin-top:15px} } @media(max-width:600px){ #rw-v5 .v7-mada-layout{display:block;margin-top:20px} #rw-v5 .v7-project-copy h3{font-size:31px} #rw-v5 .v7-project-copy p,#rw-v5 .v7-project-lead{font-size:15px;margin-top:20px} #rw-v5 .mada-art{height:340px;margin-top:10px} #rw-v5 .project-baseline{align-items:start} #rw-v5 .jeerann-art{height:310px;margin-bottom:28px} #rw-v5 .art-caption{font-size:11px;left:0;right:0} #rw-v5 .globe-host{height:350px;margin-top:12px} #rw-v5 .career-layout{min-height:0} #rw-v5 .lifecycle-art{height:290px;margin-top:12px} #rw-v5 .judgement>h2{font-size:38px;line-height:1.1;margin-bottom:38px} #rw-v5 .leadership-pair{display:block} #rw-v5 .leadership-pair article+article{margin-top:60px} #rw-v5 .people-art,#rw-v5 .corridor-art{height:280px} #rw-v5 .investment{padding-top:85px} #rw-v5 .investment-intro{display:block} #rw-v5 .investment h2{font-size:45px} #rw-v5 .investment-brand{display:flex;gap:30px;align-items:center;margin-top:30px} #rw-v5 .investment-brand p{margin:0;font-size:14px} #rw-v5 .investment-thesis{font-size:22px;margin-top:30px} #rw-v5 .v7-advisory{gap:24px} #rw-v5 .v7-advisory p{font-size:13px} #rw-v5 .education{padding-top:75px} #rw-v5 .education>h2{font-size:34px} #rw-v5 .education-bridge{height:42px;margin-top:25px} #rw-v5 .education-pair{gap:24px} #rw-v5 .education-pair strong{font-size:25px} #rw-v5 .education-kind{font-size:12px;max-width:8em} #rw-v5 .education-pair details>p{font-size:14px} #rw-v5 .education-pair summary{gap:10px} #rw-v5 .cycle-art{height:300px;margin-top:28px} #rw-v5 .cycle-labels{inset:43% 9% auto;font-size:27px} #rw-v5 .cycle-caption{font-size:16px;margin-bottom:35px} #rw-v5 .bridge{padding-block:65px 30px} } @media(max-width:360px){#rw-v5 .education-pair{gap:16px}#rw-v5 .education-pair strong{font-size:22px}} /* Review corrections: keep context visible and loop labels inside each lobe. */ #rw-v5 .education-description{display:block;font-size:16px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:31em} #rw-v5 .education-pair summary{align-items:flex-start} #rw-v5 .education-pair summary>svg{margin-top:30px;flex-shrink:0} #rw-v5 .cycle-labels{inset:43% 0 auto;display:block} #rw-v5 .cycle-labels span{position:absolute;left:25%;width:30%;transform:translateX(-50%)} #rw-v5 .cycle-labels span+span{left:75%} @media(max-width:600px){#rw-v5 .education-description{font-size:14px}} #rw-v5 .lifecycle-art .art-caption{font-size:13px;color:#bdbdb5} @media(max-width:547px){#rw-v5 .jeerann-art .art-caption{display:none}} /* V11: only the PayPal Earth visual changes; the host keeps V7 geometry. */ #rw-v5 .paypal .v11-globe-control{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none} #rw-v5 .paypal .v11-globe-control[data-dragging="true"]{cursor:grabbing} #rw-v5 .paypal .v11-globe-control:active{opacity:1} #rw-v5 .paypal .v11-globe-control:focus-visible{outline-offset:-16px} #rw-v5 .paypal .v11-globe-control canvas{pointer-events:none} #rw-v5 .paypal .v11-payment-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} /* Unchanged source: /v13/closing.css */ .hyperspeed{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.hyperspeed canvas{display:block;width:100%;height:100%}#rw-v5 .closing{isolation:isolate;touch-action:pan-y pinch-zoom}#rw-v5 .closing .closing-exposure{position:absolute;inset:0;left:calc((100% - 100vw)/2);width:100vw;border:0;border-radius:0;padding:0;background:transparent;appearance:none;z-index:0;overflow:hidden;pointer-events:auto;touch-action:pan-y pinch-zoom;cursor:pointer;mask-image:none;-webkit-tap-highlight-color:transparent}#rw-v5 .closing .journey-visual{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 16%,#000 82%,transparent)}#rw-v5 .closing .journey-visual *{pointer-events:none}#rw-v5 .closing .closing-exposure,#rw-v5 .closing .closing-exposure *,#rw-v5 .closing h2{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#rw-v5 .closing h2{position:relative;z-index:1;pointer-events:none}#rw-v5 .closing .text-action{position:relative;z-index:2;pointer-events:auto}#rw-v5 .closing .closing-exposure .hyperspeed{inset:-70% -15% -8% 15%;mask-image:linear-gradient(90deg,transparent,#000 38%);opacity:.94}#rw-v5 .closing .closing-exposure canvas{opacity:1;width:100%;height:100%}#rw-v5 .closing .closing-exposure:disabled{cursor:default}#rw-v5 .closing .closing-exposure:focus-visible{outline:1px solid #b2b1a8;outline-offset:-12px}#rw-v5 .closing .v12-still-road{position:absolute;inset:0;background:radial-gradient(ellipse at 77% 65%,#77777022,transparent 48%)}@media(max-width:600px){#rw-v5 .closing .closing-exposure .hyperspeed{inset:-36% -55% -20% -10%;opacity:.76;mask-image:linear-gradient(90deg,transparent,#000 65%)}} /* Unchanged source: /v13/refinements.css */ /* Only the requested V13 refinements. The underlying V12.1 composition is retained. */ @font-face{font-family:WorkSprintBrand;src:url('/v13/assets/worksprint-space-grotesk-medium.woff2') format('woff2');font-weight:500 700;font-display:swap} #rw-v5 .experience-rail,#rw-v5 .logo-track,#rw-v5 .logo-group{background:transparent;border:0;box-shadow:none;backdrop-filter:none} #rw-v5 .project-intro{display:block} #rw-v5 .project-intro p{text-align:left;font-size:16px;line-height:1.5;margin-top:14px;color:var(--muted)} #rw-v5 .v13-mada-shot{position:relative;margin:0;width:100%;aspect-ratio:16/11;display:flex;align-items:center} #rw-v5 .v13-mada-shot img{display:block;width:100%;height:auto;filter:grayscale(1) invert(1) brightness(.86);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent);opacity:.94} #rw-v5 .v13-mada-shot::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090909 1%,transparent 22%,transparent 80%,#090909 100%)} #rw-v5 .v13-mada-shot figcaption{position:absolute;bottom:2%;left:8%;font-size:12px;color:var(--muted);z-index:1} #rw-v5 .hudl-scene{overflow:visible} #rw-v5 .basketball{inset:-13% -3%;width:106%;height:126%;mask-image:radial-gradient(ellipse 70% 57% at 55% 48%,#000 25%,#000a 57%,transparent 93%)} #rw-v5 .photo-shade{inset:-13% -3%;background:linear-gradient(90deg,#090909de 0%,#09090975 30%,#09090912 70%);mask-image:radial-gradient(ellipse 70% 57% at 55% 48%,#000 25%,#000a 57%,transparent 93%)} #rw-v5 .shot-drawing{mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent)} #rw-v5 .v13-clients{margin:26px 0 18px} #rw-v5 .v13-clients>p{font-size:13px;color:var(--muted);margin-bottom:22px} #rw-v5 .v13-client-logos{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap} #rw-v5 .v13-client-logos img{max-width:138px;max-height:31px;object-fit:contain;filter:grayscale(1) invert(1);opacity:.85} #rw-v5 .v13-client-logos .credit-suisse{font:400 18px/1.2 Georgia,serif;white-space:nowrap;color:#cfcec6} #rw-v5 .education-pair .v13-insead{width:98px;height:98px;display:block;object-fit:contain;filter:grayscale(1);margin:18px 0} #rw-v5 .education-pair .v13-worksprint{display:flex;gap:10px;align-items:center;font:700 clamp(22px,2.8vw,32px)/1.4 WorkSprintBrand,Arial,sans-serif;letter-spacing:0;margin-block:38px 36px} #rw-v5 .v13-worksprint img{width:32px;height:34px;filter:brightness(0) invert(.9)} #rw-v5 .v13-schools{margin-top:24px} #rw-v5 .v13-schools p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 16px} #rw-v5 .v13-schools>div{display:flex;gap:24px;flex-wrap:wrap;align-items:center} #rw-v5 .v13-schools img{height:32px;max-width:116px;object-fit:contain;filter:grayscale(1) invert(1);opacity:.76} #rw-v5 .v13-schools img[src$="lbs.svg"]{filter:grayscale(1);height:58px;width:58px} #rw-v5 .v13-corridor-caption{justify-content:space-between;gap:18px;font-size:12px;line-height:1.5;align-items:start} #rw-v5 .v13-corridor-caption span{max-width:46%} @media(max-width:600px){#rw-v5 .education-pair .v13-worksprint{font-size:clamp(16px,4.2vw,20px);gap:7px}#rw-v5 .v13-worksprint img{width:24px;height:26px}} @media(max-width:360px){#rw-v5 .education-pair .v13-worksprint{flex-direction:column;align-items:flex-start}} @media(max-width:600px){#rw-v5 .project-intro p{font-size:15px;margin-top:12px}#rw-v5 .v13-mada-shot{aspect-ratio:1.35}#rw-v5 .v13-client-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}#rw-v5 .v13-client-logos img{max-width:130px;max-height:30px}#rw-v5 .basketball{object-position:59% 35%;mask-image:radial-gradient(ellipse 95% 58% at 60% 48%,#000 20%,#0009 55%,transparent 91%)}#rw-v5 .photo-shade{mask-image:radial-gradient(ellipse 95% 58% at 60% 48%,#000 20%,#0009 55%,transparent 91%)}#rw-v5 .v13-schools>div{gap:22px}} /* Unchanged source: /v20/refinements.css */ /* The bank rail uses the same loop, duration, spacing, fade and pause rules as the experience rail. */ #rw-v5 .v20-bank-rail{display:block;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} #rw-v5 .v20-bank-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex:none} #rw-v5 .v20-bank-group>span{display:flex;align-items:center;justify-content:center;width:138px;flex:none} #rw-v5 .v20-bank-group img{display:block;max-width:138px;max-height:31px} #rw-v5 .v20-bank-rail:hover .logo-track,#rw-v5 .v20-bank-rail:focus-within .logo-track{animation-play-state:paused} @media(max-width:600px){#rw-v5 .v20-bank-group{gap:40px;padding-right:40px}#rw-v5 .v20-bank-group>span{width:130px}#rw-v5 .v20-bank-group img{max-width:130px;max-height:30px}} @media(prefers-reduced-motion:reduce){#rw-v5 .v20-bank-rail .logo-track{animation:none}} /* Unchanged source: /v21/layout.css */ /* V21 is a separate information-architecture treatment in the existing Rockwae design. */ #rw-v5 .v21-nav{display:flex;gap:26px;align-items:center;margin-left:auto;margin-right:36px;font-size:14px} #rw-v5 .v21-nav a{padding:10px 0;color:var(--muted);text-decoration:none} #rw-v5 .v21-nav a:hover,#rw-v5 .v21-nav a[aria-current]{color:var(--chalk);text-decoration:underline;text-underline-offset:7px} #rw-v5 .topline{flex-wrap:wrap} #rw-v5 .wordmark{font-size:clamp(94px,14vw,180px);line-height:1.1;padding-top:45px} #rw-v5 .hero-composition{min-height:0;padding:28px 0 42px} #rw-v5 .hero-composition h1{font-size:clamp(40px,5.4vw,72px);line-height:1.07;max-width:18em} #rw-v5 .hero-foot{margin-top:32px;align-items:center} #rw-v5 .hero-foot p{font-size:18px;max-width:37em;line-height:1.6} #rw-v5 .v21-story{display:grid;grid-template-columns:.9fr 1fr;gap:12%;padding-top:90px;padding-bottom:70px} #rw-v5 .v21-story h2{font-size:clamp(38px,4.4vw,60px);line-height:1.05;max-width:14em} #rw-v5 .v21-story p{font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 24px;max-width:36em} #rw-v5 .v21-story .text-action{font-size:16px} #rw-v5 .v21-current{padding-top:56px} #rw-v5 .v21-current>h2,#rw-v5 .v21-writing>h2{font-size:clamp(36px,4vw,54px);margin-bottom:44px;line-height:1.1} #rw-v5 .v21-projects{display:grid;grid-template-columns:1fr 1fr;gap:64px} #rw-v5 .v21-project-brand{font:400 62px/1.1 RW5Serif,Georgia,serif;letter-spacing:-.035em;margin:0 0 14px} #rw-v5 .v21-mada .v21-project-brand{font-family:RW5Mada,Georgia,serif;letter-spacing:.02em} #rw-v5 .v21-project-brand a{color:var(--chalk);text-decoration:none} #rw-v5 .v21-project-brand a:hover{text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:1px} #rw-v5 .v21-project-title{font-size:23px;line-height:1.35;margin-bottom:18px} #rw-v5 .v21-project .v13-mada-shot,#rw-v5 .v21-project .jeerann-art{height:270px;aspect-ratio:auto;margin:0 0 24px} #rw-v5 .v21-project .v13-mada-shot img{max-height:100%;object-fit:contain} #rw-v5 .v21-project .v13-mada-shot figcaption{display:none} #rw-v5 .v21-project-description{font-size:16px;line-height:1.6;color:var(--muted);min-height:3.2em;max-width:29em} #rw-v5 .v21-project .evidence{margin-top:24px} #rw-v5 .v21-project .evidence-content{font-size:16px} #rw-v5 .v21-factory{padding-top:88px} #rw-v5 .v21-factory .factory-argument{border:0;margin:0;padding-top:0} #rw-v5 .github{padding-top:60px;padding-bottom:20px} #rw-v5 .v21-writing{padding-top:85px} #rw-v5 .v21-articles{display:grid;grid-template-columns:1fr 1fr;gap:50px} #rw-v5 .v21-articles a{display:block;color:var(--chalk);text-decoration:none} #rw-v5 .v21-articles figure{height:220px;margin:0 0 25px;overflow:hidden} #rw-v5 .v21-articles img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.72);transition:filter .35s,transform .7s} #rw-v5 .v21-articles a:first-child img{object-position:50% 62%} #rw-v5 .v21-articles a:hover img,#rw-v5 .v21-articles a:focus-visible img{filter:grayscale(1) brightness(.93);transform:scale(1.025)} #rw-v5 .v21-article-caption>span{font-size:13px;color:var(--muted)} #rw-v5 .v21-article-caption h3{font-size:29px;line-height:1.2;margin:13px 0 20px;max-width:19em} #rw-v5 .v21-article-caption .v21-read{display:inline-block;color:var(--chalk);font-size:15px;text-decoration:underline;text-underline-offset:6px} #rw-v5 .closing{margin-top:90px} #rw-v5 .v21-small-wordmark{display:inline-block;color:var(--chalk);font-size:62px;text-decoration:none;margin-top:50px} #rw-v5 .v21-jumps{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;font-size:15px} #rw-v5 .v21-jumps a{color:var(--muted);padding-block:10px;text-decoration:underline;text-underline-offset:7px} #rw-v5[data-layout=experience] .hudl{margin-top:65px} #rw-v5[data-layout=experience] .leadership-pair{display:block} #rw-v5 .v21-leadership-row{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px 60px;align-items:center;margin-top:65px} #rw-v5 .v21-leadership-copy>img{height:36px;width:auto;max-width:160px;object-fit:contain;filter:brightness(0) invert(.9);margin-bottom:28px} #rw-v5 .v21-leadership-copy h3{min-height:0;font-size:clamp(28px,3vw,40px);line-height:1.1} #rw-v5 .v21-leadership-copy p{margin-top:24px;color:var(--muted);line-height:1.6} #rw-v5 .v21-leadership-row>.v7-art{height:340px;margin:0} #rw-v5 .v21-leadership-row>.evidence{grid-column:1/-1;margin-top:0} #rw-v5[data-layout=experience] [id]{scroll-margin-top:30px} @media(max-width:900px){#rw-v5 .v21-nav{gap:18px;margin-right:20px}#rw-v5 .identity span{display:none}#rw-v5 .v21-story{gap:7%}#rw-v5 .v21-projects{gap:32px}#rw-v5 .v21-leadership-row{gap:25px}} @media(max-width:600px){ #rw-v5 .topline{row-gap:20px;align-items:center}#rw-v5 .v21-nav{order:3;width:100%;margin:0;gap:28px}#rw-v5 .utilities{margin-left:auto;gap:15px}#rw-v5 .utilities .contact-link{display:none} #rw-v5 .wordmark{padding-top:26px;font-size:100px}#rw-v5 .hero-composition{padding:22px 0 28px}#rw-v5 .hero-composition h1{font-size:40px;letter-spacing:-.03em}#rw-v5 .hero-foot{display:block;margin-top:26px}#rw-v5 .hero-foot p{font-size:16px;max-width:29em}#rw-v5 .hero-explore{margin-top:24px}#rw-v5 .hero-foot .text-action{font-size:15px} #rw-v5 .v21-story{display:block;padding-top:56px;padding-bottom:28px}#rw-v5 .v21-story h2{font-size:40px;margin-bottom:28px}#rw-v5 .v21-story p{font-size:16px;line-height:1.65} #rw-v5 .v21-current{padding-top:44px}#rw-v5 .v21-current>h2,#rw-v5 .v21-writing>h2{font-size:37px;margin-bottom:34px}#rw-v5 .v21-projects{display:block}#rw-v5 .v21-project+.v21-project{margin-top:60px}#rw-v5 .v21-project-brand{font-size:56px}#rw-v5 .v21-project-title{font-size:21px}#rw-v5 .v21-project .v13-mada-shot,#rw-v5 .v21-project .jeerann-art{height:240px}#rw-v5 .v21-project-description{min-height:0} #rw-v5 .v21-factory{padding-top:70px}#rw-v5 .github{padding-top:44px}#rw-v5 .v21-writing{padding-top:65px}#rw-v5 .v21-articles{display:block}#rw-v5 .v21-articles a+a{margin-top:48px}#rw-v5 .v21-articles figure{height:195px;margin-bottom:22px}#rw-v5 .v21-article-caption h3{font-size:27px;margin-bottom:18px} #rw-v5 .v21-small-wordmark{margin-top:30px;font-size:54px}#rw-v5 .v21-jumps{gap:10px 22px;margin-top:25px}#rw-v5[data-layout=experience] .hudl{margin-top:40px}#rw-v5 .v21-leadership-row{display:block;margin-top:48px}#rw-v5 .v21-leadership-row+.v21-leadership-row{margin-top:65px}#rw-v5 .v21-leadership-row>.v7-art{height:290px;margin-top:20px}#rw-v5 .v21-leadership-row>.evidence{margin-top:24px}#rw-v5 .closing{margin-top:65px} } @media(prefers-reduced-motion:reduce){#rw-v5 .v21-articles img{transition:none;transform:none}} /* Unchanged source: /v22/refinements.css */ /* V22: requested refinements only; V21's composition and other scenes remain intact. */ #rw-v5 .v21-projects{display:block} #rw-v5 .v21-project{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px 60px;align-items:center} #rw-v5 .v21-project+.v21-project{margin-top:95px} #rw-v5 .v22-project-copy{min-width:0} #rw-v5 .v21-project-description{min-height:0;margin-top:20px} #rw-v5 .v21-project>.evidence{grid-column:1/-1;margin-top:0} #rw-v5 .v21-project .v13-mada-shot{height:auto;aspect-ratio:1.5;margin:0;min-width:0} #rw-v5 .v21-project .v13-mada-shot img{width:100%;height:100%;object-fit:contain} #rw-v5 .v22-art{width:100%;min-width:0;margin:0;border:0;padding:0;background:transparent;color:var(--chalk);display:block;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom} #rw-v5 .v22-art canvas{width:100%;height:auto;aspect-ratio:736/430;display:block;pointer-events:none} #rw-v5 .v22-art:focus-visible{outline:1px solid var(--chalk);outline-offset:8px} #rw-v5 .v22-city{grid-column:2;grid-row:1;cursor:pointer} #rw-v5 .v22-team{grid-column:2;grid-row:1;cursor:pointer} #rw-v5 .v22-team canvas{aspect-ratio:736/430} #rw-v5 .v22-disciplines{display:flex;justify-content:center;gap:30px;font-size:13px;color:var(--muted);margin-top:6px} #rw-v5 .v22-disciplines [data-active=true]{color:var(--chalk)} #rw-v5 .github .heatmap{margin-top:0} #rw-v5 .v21-articles figure.v22-editorial{height:auto;aspect-ratio:1.7;margin:0 0 28px;overflow:hidden;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)} #rw-v5 .v22-editorial canvas{width:100%;height:100%;display:block;pointer-events:none} @media(max-width:900px){#rw-v5 .v21-project{gap:22px 30px;grid-template-columns:.8fr 1.2fr}} @media(max-width:700px){ #rw-v5 .v21-project{display:block} #rw-v5 .v21-project+.v21-project{margin-top:65px} #rw-v5 .v21-project .v13-mada-shot{margin-top:26px;aspect-ratio:1.5} #rw-v5 .v21-project>.v22-art{margin-top:24px} #rw-v5 .v21-project>.evidence{margin-top:24px} #rw-v5 .v21-leadership-row>.v22-team{margin-top:24px} #rw-v5 .v22-disciplines{gap:22px;font-size:12px} #rw-v5 .v21-articles figure.v22-editorial{aspect-ratio:1.6;margin-bottom:20px} } /* Unchanged source: /v28/blending.css */ /* V28 refines scene edges only. Copy, section geometry and animation logic stay in V27. */ /* Keep the approved Murex palette on the drawing, not on an opaque backplate. */ #v26-murex-canvas{background:transparent;filter:none} #v26-murex-canvas .overflow-hidden{overflow:visible} #v26-murex-canvas [class~="mask-r-from-70%"]{mask-image:none;-webkit-mask-image:none} #v26-murex-canvas canvas{ filter:invert(1) brightness(1.8) contrast(1.07); --scene-x:linear-gradient(90deg,transparent,#000 12%,#000 82%,transparent); --scene-y:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent); mask-image:var(--scene-x),var(--scene-y);mask-composite:intersect; -webkit-mask-image:var(--scene-x),var(--scene-y);-webkit-mask-composite:source-in; } /* Feather the screenshot itself. The old opaque overlay hid the page texture. */ #rw-v5 .v21-project .v13-mada-shot{overflow:visible;mix-blend-mode:screen} #rw-v5 .v13-mada-shot::after{content:none} #rw-v5 .v21-project .v13-mada-shot img{ position:absolute;left:-7%;top:50%;transform:translateY(-50%); width:114%;height:auto;max-height:none;object-fit:contain; --scene-x:linear-gradient(90deg,transparent,#0002 5%,#0009 14%,#000 25%,#000 75%,#0009 86%,#0002 95%,transparent); --scene-y:linear-gradient(180deg,transparent,#0001 7%,#0007 16%,#000 30%,#000 69%,#0007 84%,#0001 94%,transparent); mask-image:var(--scene-x),var(--scene-y);mask-composite:intersect; -webkit-mask-image:var(--scene-x),var(--scene-y);-webkit-mask-composite:source-in; } /* Give the photograph and its contrast layer the same longer fade, outside the text layout. */ #rw-v5 .hudl-scene{overflow:visible} #rw-v5 .basketball,#rw-v5 .photo-shade{ inset:-18% -6%;width:112%;height:136%;pointer-events:none; --scene-x:linear-gradient(90deg,transparent,#0005 7%,#000 20%,#000 80%,#0005 93%,transparent); --scene-y:linear-gradient(180deg,transparent,#0001 8%,#0007 20%,#000 35%,#000 63%,#0007 80%,#0001 92%,transparent); mask-image:var(--scene-x),var(--scene-y);mask-composite:intersect; -webkit-mask-image:var(--scene-x),var(--scene-y);-webkit-mask-composite:source-in; } /* Drawings fade out before reaching their canvas bounds; labels and controls remain crisp. */ #rw-v5 .v7-art canvas{ --scene-x:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); --scene-y:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent); mask-image:var(--scene-x),var(--scene-y);mask-composite:intersect; -webkit-mask-image:var(--scene-x),var(--scene-y);-webkit-mask-composite:source-in; } #rw-v5 #v19-factory .ac-viewport{overflow:visible;width:108%;margin-inline:-4%} #rw-v5 #v19-factory canvas{ --scene-x:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent); --scene-y:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent); mask-image:var(--scene-x),var(--scene-y);mask-composite:intersect; -webkit-mask-image:var(--scene-x),var(--scene-y);-webkit-mask-composite:source-in; } #rw-v5 .v21-articles figure.v22-editorial{overflow:visible;mask-image:none} #rw-v5 .v22-editorial canvas{ --scene-x:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent); --scene-y:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent); mask-image:var(--scene-x),var(--scene-y);mask-composite:intersect; -webkit-mask-image:var(--scene-x),var(--scene-y);-webkit-mask-composite:source-in; } @media(max-width:700px){ #rw-v5 .v21-project .v13-mada-shot img{left:-4%;width:108%} #rw-v5 #v19-factory .ac-viewport{width:100%;margin-inline:0} #rw-v5 .basketball,#rw-v5 .photo-shade{inset:-15% -8%;width:116%;height:130%} } /* Unchanged source: /v29/refinements.css */ /* V29: requested changes only. V28 remains frozen. */ #rw-v5 .github-heading{display:flex;justify-content:flex-start;flex-direction:row;align-items:center;gap:12px} #rw-v5 .github-heading .v29-shipping{margin:0;font-size:15px;color:#eeeee7} #rw-v5 .v29-shipping span{color:#afafa9} #rw-v5 #v5-activity{position:relative} #rw-v5 .heatmap{user-select:none;-webkit-user-select:none;caret-color:transparent} #rw-v5 .heatmap button{display:block;min-width:0;min-height:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:2px;background:#222;cursor:default;touch-action:manipulation;caret-color:transparent} #rw-v5 .heatmap button:hover,#rw-v5 .heatmap button:focus-visible,#rw-v5 .heatmap button[data-selected]{outline:1px solid #eeeee7;outline-offset:1px} #rw-v5 .activity-tooltip{position:absolute;z-index:10;max-width:280px;width:max-content;padding:9px 12px;box-shadow:0 6px 20px #0008;border:1px solid #555550;background:#171717;color:#eeeee7;border-radius:5px;font:400 12px/1.4 RW5Sans,Arial,sans-serif;pointer-events:none;transform:translateY(-100%)} #rw-v5 .activity-tooltip[hidden]{display:none} #rw-v5 .v21-writing{padding-block:80px} #rw-v5 .v21-writing>h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:30px} #rw-v5 .v29-writing-list{display:block;margin-top:0} #rw-v5 .v29-writing-list>a{display:block;padding:22px 0;border-top:1px solid #343431} #rw-v5 .v29-writing-list>a:last-child{border-bottom:1px solid #343431} #rw-v5 .v29-writing-list .v21-article-caption{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:baseline} #rw-v5 .v29-writing-list h3{font-size:22px;line-height:1.3;margin:0;font-weight:400} #rw-v5 .v29-writing-list .v21-read{margin:0;white-space:nowrap;font-size:12px} #rw-v5 .v29-writing-list a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px} /* Let the same interactive cloud occupy the surrounding page, without covering copy. */ #rw-v5 #v19-factory-section .v19-factory-row{position:relative;isolation:isolate} #rw-v5 #v19-factory-section .v19-factory-copy{position:relative;z-index:2;pointer-events:auto} #rw-v5 #v19-factory{position:relative;z-index:1} #rw-v5 #v19-factory .ac-viewport{width:148%;height:650px;margin:-100px -13% -100px -35%;overflow:visible} #rw-v5 #v19-factory canvas{--scene-x:linear-gradient(90deg,transparent,#0006 16%,#000 35%,#000 82%,transparent);--scene-y:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)} #rw-v5 #v19-factory-section>.evidence{position:relative;z-index:3} #rw-v5 .murex .career-layout{grid-template-columns:.85fr 1.25fr;gap:4%} #rw-v5 .murex .career-copy{grid-column:1;grid-row:1} #rw-v5 #v26-murex-delivery{grid-column:2;grid-row:1} #rw-v5 #klasha{min-height:500px;position:relative;isolation:isolate} #rw-v5 #klasha .v21-leadership-copy{position:relative;z-index:2} #rw-v5 #klasha>.corridor-art{width:135%;height:490px;margin:-60px -15% -35px -20%;z-index:1;pointer-events:none} #rw-v5 #klasha>.evidence{position:relative;z-index:2} #rw-v5 #klasha .art-caption{left:15%;right:12%;width:auto} #rw-v5 #klasha .corridor-art canvas{--scene-x:linear-gradient(90deg,transparent,#000 16%,#000 92%,transparent);--scene-y:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)} #rw-v5 .v29-seedcamp{display:flex;align-items:center;gap:40px;padding-bottom:55px} #rw-v5 .v29-seedcamp img{width:220px;height:auto;max-height:54px;object-fit:contain;filter:brightness(0) invert(.92)} #rw-v5 .v29-seedcamp p{font-size:22px;line-height:1.4;color:#eeeee7} #rw-v5 .education-pair{margin-top:48px} #rw-v5 .education-pair .v13-insead{width:170px;height:91px;object-fit:contain;object-position:left;filter:grayscale(1) brightness(0) invert(.92);border-radius:0} /* Center the journey across the whole invitation; keep its original gesture logic. */ #rw-v5 .closing .closing-exposure .hyperspeed{inset:-70% -15% -8%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);opacity:.8} @media(max-width:900px){ #rw-v5 .v29-writing-list .v21-article-caption{grid-template-columns:1fr auto;gap:10px} #rw-v5 .v29-writing-list .v21-article-caption>span:first-child{grid-column:1/-1} } @media(max-width:700px){ #rw-v5 .v29-shipping span{display:block;margin-top:3px} #rw-v5 .v21-writing{padding-block:55px} #rw-v5 .v29-writing-list .v21-article-caption{grid-template-columns:1fr;gap:12px} #rw-v5 .v29-writing-list .v21-read{justify-self:start} #rw-v5 #v19-factory .ac-viewport{width:120%;height:460px;margin:-40px -10%} #rw-v5 #v19-factory canvas{--scene-x:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)} #rw-v5 .murex .career-layout{display:flex;flex-direction:column;align-items:stretch;gap:12px} #rw-v5 #v26-murex-delivery{width:100%} #rw-v5 #klasha{min-height:0} #rw-v5 #klasha>.corridor-art{width:125%;height:380px;margin:0 -12.5% -15px} #rw-v5 #klasha .art-caption{left:10%;right:10%} #rw-v5 .v29-seedcamp{display:block;padding-bottom:35px} #rw-v5 .v29-seedcamp img{width:200px} #rw-v5 .v29-seedcamp p{font-size:20px;margin-top:20px} #rw-v5 .closing .closing-exposure .hyperspeed{inset:-36% -22% -20%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.7} } /* Unchanged source: /v30/refinements.css */ /* Seven requested corrections to V29; other sections and colours remain intact. */ #rw-v5 #murex .v13-clients{margin-top:26px} /* The two existing roles use the same composition, with Seedcamp first. */ #rw-v5 .v30-seedcamp{margin-bottom:80px} #rw-v5 .v30-seedcamp h2{max-width:17em} #rw-v5 .v30-seedcamp .investment-brand img{width:190px;max-width:100%} /* Give the real furnished room the stage; keep the editor chrome out of view. */ #rw-v5 .v21-mada .v13-mada-shot{height:clamp(340px,36vw,490px);aspect-ratio:auto;width:118%;margin-left:-9%;mix-blend-mode:screen;overflow:visible;pointer-events:none} #rw-v5 .v21-mada .v22-project-copy{position:relative;z-index:2} #rw-v5 .v21-mada .v13-mada-shot img{left:-26%;width:152%;height:auto;top:48%;max-height:none;transform:translateY(-50%);object-fit:contain;opacity:1;filter:grayscale(1) invert(1) brightness(1.42) contrast(1.08); --scene-x:linear-gradient(90deg,transparent,#000 19%,#000 81%,transparent); --scene-y:linear-gradient(180deg,transparent 8%,#000 24%,#000 79%,transparent 94%)} /* Titles lead the writing index, using the existing display face and link style. */ #rw-v5 .v21-writing{padding-block:65px} #rw-v5 .v21-writing>h2{font-size:clamp(32px,3.7vw,48px);margin-bottom:36px} #rw-v5 .v29-writing-list>a{padding:25px 0;border:0} #rw-v5 .v29-writing-list>a+a{margin-top:0;border-top:1px solid #343431} #rw-v5 .v29-writing-list>a:last-child{border-bottom:0} #rw-v5 .v29-writing-list .v21-article-caption{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:30px} #rw-v5 .v29-writing-list .v21-article-caption h3{font:400 clamp(31px,3.5vw,44px)/1.12 RW5Serif,Georgia,serif;letter-spacing:-.025em;margin:0;max-width:25ch} #rw-v5 .v29-writing-list .v21-article-caption>span{font-size:12px;line-height:1.5;color:var(--muted);white-space:nowrap} #rw-v5 .v29-writing-list a:hover h3,#rw-v5 .v29-writing-list a:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px} /* V29 dimmed the closing scene unnecessarily; restore V28's brightness. */ #rw-v5 .closing .closing-exposure .hyperspeed{opacity:.94} @media(max-width:700px){ #rw-v5 .v21-mada .v13-mada-shot{height:340px;width:118%;margin:4px -9% 12px} #rw-v5 .v21-mada .v13-mada-shot img{width:142%;left:-21%;top:49%} #rw-v5 .v30-seedcamp{margin-bottom:55px} #rw-v5 .v30-seedcamp .investment-brand img{width:160px} #rw-v5 .v21-writing{padding-block:50px} #rw-v5 .v29-writing-list .v21-article-caption{grid-template-columns:1fr;gap:12px} #rw-v5 .v29-writing-list .v21-article-caption>span{grid-column:auto} #rw-v5 .closing .closing-exposure .hyperspeed{opacity:.76} } /* Unchanged source: /v32/refinements.css */ /* Only the annotated opening, writing labels and metadata change here. */ #rw-v5 .identity>a{color:inherit;text-decoration:none} #rw-v5 .identity>a:hover{text-decoration:underline;text-underline-offset:4px} #rw-v5[data-layout=story] .wordmark{margin:0;font-weight:400} #rw-v5 .hero-composition.v32-opening-field{min-height:160px;padding:0} #rw-v5[data-layout=experience] .hero-composition{min-height:260px;padding-block:48px 32px} #rw-v5 .v21-writing>h2.v32-writing-heading{font:500 22px/1.3 RW5Sans,Arial,sans-serif;letter-spacing:-.015em;margin-bottom:32px} #rw-v5 .v29-writing-list .v32-publication{display:flex;align-items:center;gap:10px;white-space:nowrap} #rw-v5 .v32-publication img{width:65px;height:18px;object-fit:contain;filter:brightness(0) invert(.92);flex:none} @media(max-width:700px){ #rw-v5 .hero-composition.v32-opening-field{min-height:100px;padding:0} #rw-v5[data-layout=experience] .hero-composition{min-height:200px;padding-block:64px 24px} #rw-v5 .v21-writing>h2.v32-writing-heading{font-size:20px;margin-bottom:26px} #rw-v5 .v29-writing-list .v32-publication{gap:9px;white-space:normal} #rw-v5 .v32-publication img{width:58px;height:17px} } /* Unchanged source: /v33/refinements.css */ /* The approved edge guide sits outside the content measure. */ #v33-guide[hidden]{display:none} #v33-guide{position:fixed;z-index:20;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width:44px;height:264px;color:#eeeee7} #v33-guide button{display:block;position:relative;width:44px;height:44px;flex:none;border:0;border-radius:0;padding:0;background:transparent;color:inherit;touch-action:manipulation} #v33-guide button i{position:absolute;right:8px;top:21px;width:13px;height:1px;background:#68695f;transform:scaleX(var(--swell,1));transform-origin:right;transition:transform .18s ease-out,background .18s ease-out} #v33-guide button[aria-current] i{width:18px;background:#bdbdb3} #v33-guide .v33-guide-head{pointer-events:none;position:absolute;right:8px;top:21px;width:23px;height:2px;background:#eeeee7;will-change:transform} #v33-guide .v33-guide-label{pointer-events:none;position:absolute;right:48px;top:var(--label-y,22px);transform:translateY(-50%);white-space:nowrap;padding:4px 7px;background:#090909;color:#d7d7cd;font:400 12px/1.5 RW5Sans,Arial,sans-serif;opacity:0;transition:opacity .15s ease-out} #v33-guide[data-label=true] .v33-guide-label{opacity:1} #v33-guide button:focus-visible{outline:1px solid #eeeee7;outline-offset:-5px} #rw-v5 .v33-paypal-proof{margin-top:28px;max-width:68ch} #rw-v5 .v33-paypal-proof h4{font:500 17px/1.4 RW5Sans,Arial,sans-serif;letter-spacing:-.01em;margin:26px 0 10px;color:#eeeee7} #rw-v5 .v33-paypal-proof .v33-period-context{font-size:13px;line-height:1.65;color:var(--muted)} #rw-v5 .v33-paypal-proof .v33-period-sources{font-size:12px;line-height:1.8;margin-top:15px;color:var(--muted)} #rw-v5 .v33-period-sources a{color:inherit;text-underline-offset:3px} @media(max-width:700px){ #v33-guide{right:auto;left:50%;top:auto;bottom:12px;transform:translateX(-50%);flex-direction:row;width:264px;height:44px;background:#090909d9} #v33-guide button i{right:auto;left:21px;top:14px;width:1px;height:14px;transform:scaleY(var(--swell,1));transform-origin:bottom} #v33-guide button[aria-current] i{width:1px;height:18px;top:10px} #v33-guide .v33-guide-head{right:auto;left:21px;top:6px;width:2px;height:24px} #v33-guide .v33-guide-label{right:auto;left:50%;top:auto;bottom:48px;transform:translateX(-50%);max-width:260px} } @media(prefers-reduced-motion:reduce){#v33-guide button i,#v33-guide .v33-guide-label{transition:none}} /* Unchanged source: /v34/refinements.css */ /* Only the annotated Experience areas and edge-guide label treatment. */ #rw-v5 .v34-page-title{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #rw-v5[data-layout=experience] .v21-small-wordmark{font-size:clamp(78px,10vw,134px);line-height:1.05;margin-block:30px 24px} #rw-v5 #paypal .evidence-content,#rw-v5 #murex .evidence-content,#rw-v5 #klasha .evidence-content,#rw-v5 #investment>.evidence .evidence-content{display:block;max-width:72ch;padding-block:18px 32px} #rw-v5 #paypal .evidence-content p+p,#rw-v5 #murex .evidence-content p+p,#rw-v5 #klasha .evidence-content p+p{margin-top:18px} #rw-v5 #paypal .v34-brand-heading{display:flex;align-items:center;gap:10px;margin:28px 0 12px;font:500 19px/1.4 RW5Sans,Arial,sans-serif;color:var(--chalk)} #rw-v5 #paypal .v34-brand-heading img{display:block;flex:none;object-fit:contain;object-position:left} #rw-v5 #paypal .v34-skype{filter:brightness(0) invert(.92)} #rw-v5 #paypal .v34-ecb{gap:12px} #rw-v5 #paypal .v34-ecb img:last-child{filter:brightness(0) invert(.92)} #rw-v5 #klasha{min-height:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px 48px} #rw-v5 #klasha>.corridor-art{width:100%;min-width:0;height:430px;margin:0;overflow:hidden} #rw-v5 #klasha .corridor-art canvas{width:100%;height:100%;--scene-x:linear-gradient(90deg,#000,#000);--scene-y:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)} #rw-v5 #teaching .education-description.v34-course-first{margin:14px 0 24px;max-width:35ch;color:var(--chalk);font-size:18px;line-height:1.45} #v33-guide .v33-guide-label{background:transparent;padding:0;color:#eeeee7;text-shadow:0 1px 8px #090909;font:400 12px/1.5 RW5Sans,Arial,sans-serif} #rw-v5 .v21-mada .v13-mada-shot{pointer-events:none} #rw-v5 .v34-mada-chat{position:absolute;z-index:3;left:50%;bottom:2px;transform:translateX(-50%);width:min(350px,92%);padding:14px 18px;background:#11120f;border:1px solid #55564b;border-radius:16px;color:var(--chalk);text-decoration:none;pointer-events:auto;font:400 14px/1.5 RW5Sans,Arial,sans-serif;mix-blend-mode:normal} #rw-v5 .v34-mada-chat:hover{border-color:#aaa99c} #rw-v5 .v34-mada-chat-title{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)} #rw-v5 .v34-mada-chat-title>i,#rw-v5 .v34-mada-chat-title>svg{margin-left:auto;width:15px;height:15px} #rw-v5 .v34-mada-prompt{display:block;margin-top:8px} #rw-v5 .v34-mada-orb{position:relative;display:block;width:20px;height:20px;border:1px solid #b9b9ad;border-radius:50%;flex:none;animation:v34-orbit 9s linear infinite} #rw-v5 .v34-mada-orb:before,#rw-v5 .v34-mada-orb:after,#rw-v5 .v34-mada-orb>span{content:"";position:absolute;inset:1px 5px;border:1px solid #88897b;border-radius:50%;transform:rotate(60deg)} #rw-v5 .v34-mada-orb:after{transform:rotate(-60deg)} #rw-v5 .v34-mada-orb>span{transform:rotate(0)} @keyframes v34-orbit{to{transform:rotate(360deg)}} @media(max-width:900px){ #rw-v5 .v21-mada .v13-mada-shot{width:100%;height:clamp(360px,65vw,510px);margin:22px 0 14px;overflow:hidden} #rw-v5 .v21-mada .v13-mada-shot img{left:50%;top:42%;width:150%;max-height:none;height:auto;transform:translate(-50%,-50%);object-position:center} #rw-v5 .v34-mada-chat{bottom:10px} } @media(prefers-reduced-motion:reduce){#rw-v5 .v34-mada-orb{animation:none}} @media(max-width:1050px){ #rw-v5 #klasha{display:grid;grid-template-columns:minmax(0,1fr);gap:24px} #rw-v5 #klasha .v21-leadership-copy{max-width:40ch} #rw-v5 #klasha>.corridor-art{height:clamp(300px,57vw,460px);margin:0} #rw-v5 #klasha>.evidence{margin-top:0} } @media(max-width:700px){ #rw-v5[data-layout=experience] .v21-small-wordmark{margin-block:30px 16px;font-size:80px} #rw-v5 #paypal .evidence-content,#rw-v5 #murex .evidence-content,#rw-v5 #klasha .evidence-content{padding-block:16px 24px} #rw-v5 #klasha{gap:20px} #v33-guide{background:transparent} } /* Unchanged source: /v35/refinements.css */ /* Shared opening; the wordmark uses the earlier large Home scale. */ #rw-v5 .opening .wordmark{font-size:clamp(112px,23vw,290px);line-height:.85;letter-spacing:-.04em;margin:0;padding-block:12px 22px;font-weight:400} #rw-v5[data-layout] .opening .hero-composition.v35-opening-space{min-height:160px;padding:0} /* A common hierarchy for the two existing teaching disclosures. */ #rw-v5 #teaching .education-pair{align-items:start} #rw-v5 #teaching .education-pair summary{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:18px;align-items:start;padding-block:24px 30px} #rw-v5 #teaching .education-pair summary>span{display:block;min-width:0} #rw-v5 #teaching .education-kind{font:400 28px/1.1 RW5Serif,Georgia,serif;letter-spacing:-.02em;color:var(--chalk);margin:0 0 16px;max-width:none} #rw-v5 #teaching .education-description{display:block;font:400 16px/1.6 RW5Sans,Arial,sans-serif;letter-spacing:0;color:var(--muted);margin:0;max-width:34ch;min-height:4.8em} #rw-v5 #teaching .v35-education-brand{display:flex;align-items:center;min-height:46px;margin:28px 0 0} #rw-v5 #teaching .v35-education-brand img.v13-insead{width:126px;height:36px;margin:0;object-fit:contain;object-position:left;filter:brightness(0) invert(.92)} #rw-v5 #teaching .v35-education-brand.v13-worksprint{font-size:23px;line-height:1.4;gap:9px;letter-spacing:0;flex-direction:row} #rw-v5 #teaching .v35-education-brand.v13-worksprint img{width:26px;height:28px} #rw-v5 #teaching .education-pair summary>svg,#rw-v5 #teaching .education-pair summary>i{margin:5px 0 0} @media(max-width:700px){ #rw-v5[data-layout] .opening .hero-composition.v35-opening-space{min-height:100px} #rw-v5 #teaching .education-pair{grid-template-columns:minmax(0,1fr);gap:30px} #rw-v5 #teaching .education-description{min-height:0;max-width:38ch} #rw-v5 #teaching .education-kind{font-size:27px} #rw-v5 #teaching .v35-education-brand{margin-top:24px} } @media(max-width:600px){#rw-v5 .opening .wordmark{font-size:26vw;line-height:.85;padding-block:10px 18px}} /* Unchanged source: /v36/refinements.css */ /* MADA only: remove the space reserved for the rejected chat at narrow widths. */ @media(max-width:1050px){ #rw-v5 .v21-mada{display:block} #rw-v5 .v21-mada .v13-mada-shot{width:100%;max-width:800px;height:auto;aspect-ratio:8/5;margin:24px auto 12px;overflow:hidden} #rw-v5 .v21-mada .v13-mada-shot img{left:50%;top:50%;width:150%;height:auto;max-height:none;transform:translate(-52%,-56%);object-position:center} #rw-v5 .v21-mada>.evidence{margin-top:24px} } /* MIT License Copyright (c) 2026 Hamza Al-Bulushi Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .askb { --askb-page: #0e0f14; --askb-glow: #303030; --askb-glow2: #111111; --askb-ink: #e8eaed; --askb-soft: #c4c7c5; --askb-muted: #9aa0a6; --askb-bar: #1f1f1f; --askb-bar-hi: #2a2a2a; --askb-menu: #282a2c; --askb-line: rgb(255 255 255 / 0.08); --askb-me: #2b2c30; --askb-send: #e8eaed; --askb-send-ink: #131314; --askb-accent: #eeeee7; --askb-focus: #eeeee7; position: relative; display: grid; grid-template-rows: auto auto; align-content: center; isolation: isolate; overflow: hidden; min-height: clamp(30rem, 72svh, 52rem); padding: 24px clamp(16px, 4vw, 48px) clamp(20px, 4svh, 40px); color: var(--askb-ink); background: var(--askb-page); font-family: "Geist", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; color-scheme: dark; } .askb :focus-visible { outline: 2px solid var(--askb-focus); outline-offset: 2px; } .askb textarea:focus-visible { outline: none; } .askb__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .askb svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .askb .askb__fill { fill: currentColor; stroke: none; } .askb__glow { position: absolute; inset: -20%; z-index: -1; pointer-events: none; background: radial-gradient(46% 44% at 53% 56%, var(--askb-glow) 0%, color-mix(in srgb, var(--askb-glow) 55%, transparent) 40%, transparent 74%), radial-gradient(36% 30% at 26% 18%, var(--askb-glow2), transparent 70%); animation: askb-breathe 14s ease-in-out infinite; } .askb__dock { display: grid; justify-items: center; gap: 6px; align-self: start; } .askb__bar { position: relative; display: grid; align-items: center; width: min(100%, 47rem); grid-template-columns: auto 1fr auto auto; grid-template-areas: "files files files files" "plus field model action"; column-gap: 6px; min-height: 64px; padding: 8px 10px 8px 12px; background: var(--askb-bar); border-radius: 32px; box-shadow: 0 0 0 1px var(--askb-line), 0 12px 40px rgb(0 0 0 / 0.25); transition: border-radius 0.25s; } .askb__field { grid-area: field; display: block; min-width: 0; } .askb textarea { display: block; width: 100%; height: 24px; padding: 0 6px; resize: none; overflow-y: auto; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 24px; color: var(--askb-ink); background: transparent; border: 0; outline: none; } .askb textarea::placeholder { color: var(--askb-muted); } .askb__action { display: inline-grid; place-items: center; height: 44px; color: var(--askb-soft); background: none; border: 0; border-radius: 999px; cursor: pointer; transition: background-color 0.15s, color 0.15s; } .askb__action { grid-area: action; width: 44px; } .askb__action--send { color: var(--askb-send-ink); background: var(--askb-send); animation: askb-pop 0.2s cubic-bezier(0.3, 0.7, 0.3, 1.4); } .askb__log { align-self: stretch; display: flex; flex-direction: column; gap: 22px; width: min(100%, 47rem); max-height: 100%; margin: 0 auto 18px; padding: 8px 4px; overflow-y: auto; } .askb__log p { margin: 0; white-space: pre-wrap; line-height: 1.6; } .askb__me { align-self: flex-end; display: grid; justify-items: end; gap: 6px; max-width: 80%; animation: askb-in 0.3s ease-out; } .askb__me p { padding: 12px 18px; background: var(--askb-me); border-radius: 22px 22px 6px 22px; } .askb__ai { display: grid; grid-template-columns: 32px 1fr; gap: 14px; animation: askb-in 0.3s ease-out; } .askb__ai small { display: block; margin-top: 8px; color: var(--askb-muted); font-size: 12px; } .askb__spark { display: grid; place-items: center; width: 32px; height: 32px; color: var(--askb-accent); } .askb__ai[data-live] .askb__spark svg { animation: askb-spin 2.4s linear infinite; } @keyframes askb-spin { to { rotate: 360deg; } } /* Actual Ask Bar source is included before these tightly scoped adaptations. */ #rw-v5 .v38-mada{--askb-page:transparent;--askb-glow:#30312f;--askb-glow2:#111210;--askb-ink:var(--chalk);--askb-soft:#c4c4be;--askb-muted:#b5b5af;--askb-me:rgba(238,238,231,.065);--askb-focus:var(--chalk);--askb-accent:var(--chalk);--askb-send:var(--chalk);width:100%;max-width:640px;min-width:0;min-height:380px;justify-self:center;padding:28px 16px;grid-template-rows:1fr auto;align-content:stretch;overflow:visible;font-family:RW5Sans,Arial,sans-serif;isolation:isolate} #rw-v5 .v38-mada:not([data-started]){padding-bottom:28px} #rw-v5 .v38-mada .askb__glow{inset:-8% 0;animation:none;opacity:.5;filter:blur(20px);background:radial-gradient(ellipse at 58% 72%,#333333 0%,transparent 65%)} #rw-v5 .v38-mada .askb__log{width:100%;min-height:200px;gap:25px;margin:0 0 28px;padding:0 8px;overflow:visible;justify-content:center} #rw-v5 .v38-mada .askb__log p{font:400 16px/1.6 RW5Sans,Arial,sans-serif} #rw-v5 .v38-mada .askb__ai{gap:12px;min-height:90px;animation:none} #rw-v5 .v38-mada .askb__me{max-width:90%;animation:none} #rw-v5 .v38-mada .askb__me p{padding:10px 16px;background:rgba(238,238,231,.05)} #rw-v5 .v38-mada .askb__spark{color:var(--chalk)} #rw-v5 .v38-mada .askb__ai small{margin-top:10px;letter-spacing:.05em} #rw-v5 .v38-mada .askb__dock{width:100%;gap:16px;align-self:end} #rw-v5 .v38-mada .askb__bar{grid-template-columns:30px minmax(0,1fr) 44px;grid-template-areas:"plus field action";column-gap:8px;width:100%;min-height:86px;padding:14px 14px 14px 19px;border-radius:30px;background:linear-gradient(125deg,rgba(238,238,231,.16),rgba(238,238,231,.045) 48%,rgba(238,238,231,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(238,238,231,.16),0 16px 34px rgba(0,0,0,.25);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)} #rw-v5 .v38-mada .askb__bar:focus-within{outline:1px solid var(--chalk);outline-offset:5px} #rw-v5 .v38-composer-mark{grid-area:plus;display:grid;place-items:center;color:var(--chalk)} #rw-v5 .v38-mada textarea{height:48px;padding:0;line-height:24px;font-size:16px;overflow:hidden;caret-color:transparent;cursor:default} #rw-v5 .v38-mada .askb__action{padding:0;color:#11120f;animation:none} #rw-v5 .v38-mada .askb__action:disabled{opacity:.5;cursor:wait} #rw-v5 .v38-mada button[hidden]{display:none} #rw-v5 .v38-mada-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;padding-inline:7px;font-size:12px;line-height:1.5;color:var(--askb-muted)} #rw-v5 .v38-mada-footer>span{display:flex;gap:12px;align-items:center;flex-wrap:wrap} #rw-v5 .v38-mada-footer button,#rw-v5 .v38-mada-footer a{display:inline-flex;align-items:center;gap:7px;padding:0;min-height:44px;border:0;background:none;color:var(--chalk);font:inherit;text-decoration:none} #rw-v5 .v38-mada-footer a{white-space:nowrap} #rw-v5 .v38-mada-footer svg{width:15px;height:15px} #rw-v5 .v38-mada-footer button:hover,#rw-v5 .v38-mada-footer a:hover{text-decoration:underline;text-underline-offset:5px} #rw-v5 .v38-mada[data-visible=false] *,#rw-v5 .v38-mada[data-paused=true] *{animation-play-state:paused!important} #rw-v5 .v38-stealth{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:var(--chalk);font:400 17px/1.2 RW5Sans,Arial,sans-serif;letter-spacing:.12em} #rw-v5 .v38-stealth svg{width:34px;height:34px;overflow:visible} #rw-v5 #v19-factory-section .v19-factory-copy h3{font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.03em} #rw-v5 #v19-factory-section .v19-factory-copy h3 em{font-size:1.14em} @media(max-width:1050px){#rw-v5 .v21-mada .v38-mada{margin:34px auto 12px}} @media(max-width:700px){#rw-v5 #v19-factory-section .v19-factory-copy h3{font-size:32px}} @media(max-width:480px){#rw-v5 .v38-mada{min-height:380px;padding:18px 0}#rw-v5 .v38-mada:not([data-started]){padding-bottom:18px}#rw-v5 .v38-mada .askb__bar{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"field action";padding-left:19px;min-height:88px;border-radius:28px}#rw-v5 .v38-composer-mark{display:none}#rw-v5 .v38-mada .askb__me{max-width:100%}#rw-v5 .v38-mada .askb__log{padding:0;min-height:220px}#rw-v5 .v38-mada-footer{padding-inline:0;gap:8px}#rw-v5 .v38-mada-footer>span{gap:8px}} @media(prefers-reduced-motion:reduce){#rw-v5 .v38-mada *{animation:none!important;transition:none!important}} /* V40: the approved MADA wireframe and STEALTH activity bars only. */ #rw-v5 .v40-mada{width:100%;max-width:680px;min-width:0;margin:0;justify-self:center;color:var(--chalk)} #rw-v5 .v40-mada svg.v40-form{display:block;width:100%;height:auto;aspect-ratio:68/46;overflow:visible} #rw-v5 .v40-mada figcaption{display:flex;justify-content:flex-end;padding-inline:16px} #rw-v5 .v40-mada a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:400 12px/1.5 RW5Sans,Arial,sans-serif;color:var(--chalk);text-decoration:none} #rw-v5 .v40-mada a:hover{text-decoration:underline;text-underline-offset:5px} #rw-v5 .v40-mada a:focus-visible{outline:1px solid var(--chalk);outline-offset:5px} #rw-v5 .v40-mada a svg{width:15px;height:15px} #rw-v5 .v40-current{margin-left:9px;display:inline-flex;align-items:center;gap:10px;font:400 13px/1.2 RW5Sans,Arial,sans-serif;letter-spacing:normal;color:#b5b5af;white-space:nowrap} #rw-v5 .v40-bars{width:24px;height:14px;display:flex;align-items:center;justify-content:space-between} #rw-v5 .v40-bars i{display:block;width:2px;height:5px;background:#eeeee7;opacity:.55;animation:v40-bar 2.8s ease-in-out infinite;animation-play-state:paused} #rw-v5 .v40-bars i:nth-child(2){height:10px;opacity:1;animation-delay:-.4s} #rw-v5 .v40-bars i:nth-child(3){height:14px;opacity:.7;animation-delay:-.8s} #rw-v5 .v40-bars i:nth-child(4){height:8px;animation-delay:-1.2s} #rw-v5 .v40-current.is-active .v40-bars i{animation-play-state:running} @keyframes v40-bar{0%,100%{transform:scaleY(.45);opacity:.4}50%{transform:scaleY(1);opacity:1}} @media(max-width:1050px){#rw-v5 .v21-mada .v40-mada{margin:24px auto 12px}} @media(prefers-reduced-motion:reduce){#rw-v5 .v40-current .v40-bars i{animation:none}} /* V42: approved centred Shader Lines, behind MADA copy only. */ #rw-v5 .v21-mada{display:block} #rw-v5 .v42-mada-stage{position:relative;isolation:isolate;overflow:hidden;background:#090a09;min-height:570px;display:flex;align-items:center;padding:64px 32px 44px;box-sizing:border-box} #rw-v5 .v42-mada-scene{position:absolute;z-index:-2;inset:-40px -24%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent)} #rw-v5 .v42-mada-scene canvas,#rw-v5 .v42-mada-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover} #rw-v5 .v42-mada-scene [hidden]{display:none!important} #rw-v5 .v42-mada-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,10,9,.9),rgba(9,10,9,.72) 22%,rgba(9,10,9,.38) 54%,rgba(9,10,9,0) 87%)} #rw-v5 .v42-mada-stage .v22-project-copy{max-width:360px;background:none;border:0;box-shadow:none} #rw-v5 .v42-mada-stage .v21-project-brand{font-size:clamp(62px,10vw,88px);line-height:1.05;margin:0 0 25px} #rw-v5 .v42-mada-stage .v21-project-title{font-size:27px;line-height:1.2;margin:0 0 22px;letter-spacing:-.02em} #rw-v5 .v42-mada-stage .v21-project-description{font-size:17px;line-height:1.6;margin:0;color:#c5c5bd;max-width:275px;min-height:0} #rw-v5 .v42-mada-link{font-size:14px;line-height:1.4;color:var(--chalk);text-decoration:none;display:inline-flex;gap:20px;align-items:center;margin-top:44px;min-height:44px} #rw-v5 .v42-mada-link span:first-child{border-bottom:1px solid #8a8a83;padding-bottom:3px} @media(max-width:450px){#rw-v5 .v42-mada-stage{padding:64px 22px 42px;min-height:540px}#rw-v5 .v42-mada-scene{inset:-15px -40%}#rw-v5 .v42-mada-stage .v21-project-description{max-width:235px}} /* V43: let the shared page field show through, with soft bounds and quieter light. */ #rw-v5 .v42-mada-stage{background:transparent} #rw-v5 .v42-mada-stage:before{display:none} #rw-v5 .v43-mada-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.72; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 76%,transparent),linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.35) 33%,rgba(0,0,0,.7) 55%,#000 78%); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 76%,transparent),linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.35) 33%,rgba(0,0,0,.7) 55%,#000 78%); -webkit-mask-composite:source-in;mask-composite:intersect} #rw-v5 .v43-mada-atmosphere .v42-mada-scene{z-index:0;-webkit-mask-image:none;mask-image:none} /* V44: the atmosphere extends onto the page; the core keeps its approved scale. */ #rw-v5 .v42-mada-stage{overflow:visible} #rw-v5 .v44-mada-reference{position:absolute;inset:-40px -24%;pointer-events:none;visibility:hidden} #rw-v5 .v43-mada-atmosphere{inset:-190px auto;left:50%;width:calc(100vw + 240px);transform:translateX(-50%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent),linear-gradient(90deg,rgba(0,0,0,.15) 15%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.6) 55%,#000 75%); mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent),linear-gradient(90deg,rgba(0,0,0,.15) 15%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.6) 55%,#000 75%)} #rw-v5 .v43-mada-atmosphere .v42-mada-scene{inset:0} #rw-v5 .v21-mada>.evidence{z-index:3} @media(max-width:450px){#rw-v5 .v44-mada-reference{inset:-15px -40%}} /* V45: a long atmospheric tail; no fade boundary inside the page's side edges. */ #rw-v5 .v43-mada-atmosphere{--v45-mada-bleed:clamp(600px,75vh,900px);top:calc(-1 * var(--v45-mada-bleed));bottom:calc(-1 * var(--v45-mada-bleed)); -webkit-mask-image:linear-gradient(90deg,transparent,#000 120px,#000 calc(100% - 120px),transparent),linear-gradient(180deg,transparent,rgba(0,0,0,.035) 8%,rgba(0,0,0,.18) 16%,rgba(0,0,0,.52) 24%,#000 32%,#000 68%,rgba(0,0,0,.52) 76%,rgba(0,0,0,.18) 84%,rgba(0,0,0,.035) 92%,transparent),linear-gradient(90deg,rgba(0,0,0,.15) 15%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.6) 55%,#000 75%); mask-image:linear-gradient(90deg,transparent,#000 120px,#000 calc(100% - 120px),transparent),linear-gradient(180deg,transparent,rgba(0,0,0,.035) 8%,rgba(0,0,0,.18) 16%,rgba(0,0,0,.52) 24%,#000 32%,#000 68%,rgba(0,0,0,.52) 76%,rgba(0,0,0,.18) 84%,rgba(0,0,0,.035) 92%,transparent),linear-gradient(90deg,rgba(0,0,0,.15) 15%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.6) 55%,#000 75%)} /* Approved rock navigation only. Existing opening and page styles stay intact. */ #rw-v5 .v21-nav.v46-nav { position: relative; display: grid; grid-template-columns: repeat(3, 64px); gap: 0; width: 192px; height: 60px; flex-shrink: 0; } #rw-v5 .v46-nav > a { position: relative; display: flex; justify-content: center; align-items: flex-start; height: 60px; min-width: 44px; min-height: 44px; padding: 3px 0 0; color: var(--chalk); text-decoration: none; touch-action: manipulation; } #rw-v5 .v46-nav > a:hover, #rw-v5 .v46-nav > a[aria-current] { text-decoration: none; } #rw-v5 .v46-nav .v46-press, #rw-v5 .v46-nav .v46-rock { display: block; width: 34px; height: 34px; } #rw-v5 .v46-nav .v46-rock { opacity: .68; transform-origin: 50% 50%; transition: opacity 180ms, transform 380ms cubic-bezier(.22,.8,.22,1); } #rw-v5 .v46-nav > a:is(:hover,:focus-visible,[aria-current]) .v46-rock { opacity: 1; } #rw-v5 .v46-nav .v46-label { position: absolute; top: 45px; left: 0; right: 0; color: var(--muted); font: 400 12px/15px RW5Sans, Arial, sans-serif; text-align: center; opacity: 0; transform: translateY(2px); transition: opacity 160ms, transform 180ms; pointer-events: none; } #rw-v5 .v46-nav > a:is(:hover,:focus-visible) .v46-label { opacity: 1; transform: none; } #rw-v5 .v46-nav .v46-current { position: absolute; top: 41px; left: 23px; width: 18px; height: 1px; background: var(--chalk); pointer-events: none; transform: translateX(calc(var(--v46-active, 0) * 64px)); transition: transform 280ms cubic-bezier(.22,.8,.22,1); } #rw-v5 .v46-nav > a[data-rock=home]:is(:hover,:focus-visible) .v46-rock { transform: rotate(-8deg); } #rw-v5 .v46-nav .v46-piece { transition: transform 380ms cubic-bezier(.22,.8,.22,1); } #rw-v5 .v46-nav > a[data-rock=work]:is(:hover,:focus-visible) .v46-piece:nth-child(1) { transform: translate(4px,-4px); } #rw-v5 .v46-nav > a[data-rock=work]:is(:hover,:focus-visible) .v46-piece:nth-child(2) { transform: translate(-4px,-2px); } #rw-v5 .v46-nav > a[data-rock=work]:is(:hover,:focus-visible) .v46-piece:nth-child(3) { transform: translate(3px,4px); } #rw-v5 .v46-nav > a[data-rock=work]:is(:hover,:focus-visible) .v46-piece:nth-child(4) { transform: translate(-4px,3px); } #rw-v5 .v46-nav > a[data-rock=writing] .v46-rock { transition: opacity 180ms; } #rw-v5 .v46-nav > a.v46-pressed .v46-press { animation: v46-nav-press 300ms cubic-bezier(.2,.75,.2,1); } #rw-v5 .v46-nav > a[data-rock=work].v46-pressed .v46-piece:nth-child(n) { transform: none; transition-duration: 110ms; } @keyframes v46-nav-press { 0%,100% { transform: scale(1); } 32% { transform: scale(.9); } 72% { transform: scale(1.025); } } @media (max-width:600px), (hover:none), (pointer:coarse) { #rw-v5 .v46-nav .v46-label { opacity: 1; transform: none; } } @media (prefers-reduced-motion:reduce) { #rw-v5 .v46-nav *, #rw-v5 .v46-nav *::after { transition: none !important; animation: none !important; } #rw-v5 .v46-nav .v46-rock, #rw-v5 .v46-nav .v46-piece { transform: none !important; } } /* Views retain their approved layout; only one is exposed at a time. */ #rw-v5 [data-v47-page] { display: contents; } #rw-v5 [data-v47-page][hidden] { display: none !important; } body:has(#rw-v5[data-layout=story]) #v33-guide { display: none !important; } /* V48: route destinations receive focus for reading, not a giant control ring. Link/button/summary keyboard outlines above remain in place. */ #rw-v5 :is(section, article)[tabindex="-1"]:focus { outline: none; } @media (max-width:600px) { #rw-v5 .v48-navigation-shell { position: sticky; top: 0; z-index: 20; background: linear-gradient(#090909 75%,rgba(9,9,9,.94)); padding-top: env(safe-area-inset-top,0px); } #rw-v5 .v48-navigation-shell .topline { flex-wrap: nowrap; gap: 8px; min-height: 84px; } #rw-v5 .v48-navigation-shell .v21-nav { order: 0; margin-left: auto; } #rw-v5 .v48-navigation-shell .utilities { display: none; } #rw-v5 :is(section, article)[id] { scroll-margin-top: calc(100px + env(safe-area-inset-top,0px)); } } @media (max-width:360px) { #rw-v5 .v48-navigation-shell .identity { font-size: 12px; } #rw-v5 .v48-navigation-shell .v46-nav { grid-template-columns:repeat(3,56px); width:168px; } #rw-v5 .v48-navigation-shell .v46-current { left:19px; transform:translateX(calc(var(--v46-active,0) * 56px)); } } /* A single section guide replaces the noninteractive outer-margin trace. */ #v49-guide[hidden]{display:none} #v49-guide{position:fixed;z-index:21;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width:44px;color:#eeede6;font:400 12px/1.4 RW5Sans,Arial,sans-serif} #v49-guide button{position:relative;display:block;width:44px;height:44px;flex:none;border:0;border-radius:0;padding:0;background:transparent;color:inherit;touch-action:manipulation;cursor:pointer} #v49-guide i{position:absolute;right:9px;top:21px;height:1px;width:10px;border-radius:1px;background:#66665e;transform:scaleX(calc(1 + var(--hover-grow,0)*.7 + var(--neighbour,0)*.2));transform-origin:right;transition:transform 180ms ease-out,background 180ms ease-out,width 180ms ease-out} #v49-guide button[aria-current] i{width:23px;height:2px;background:#eeede6;transform:none} #v49-guide button:is(:hover,:focus-visible) i{background:#eeede6} #v49-guide .v49-guide-label{position:absolute;right:45px;top:50%;transform:translateY(-50%);white-space:nowrap;pointer-events:none;opacity:0;color:#eeede6;text-shadow:0 1px 8px #090909;transition:opacity 150ms ease-out} #v49-guide button:is(:hover,:focus-visible) .v49-guide-label{opacity:1} #v49-guide button:focus-visible{outline:1px solid #eeede6;outline-offset:-5px} #rw-v5 .shot-drawing{z-index:1;pointer-events:none;overflow:hidden} #rw-v5 .v49-reading-target:focus{outline:none} @media(max-width:700px){ #v49-guide{right:auto;left:50%;top:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);flex-direction:row;width:calc(var(--sections)*44px);height:44px;background:linear-gradient(transparent,#090909d9)} #v49-guide i{right:auto;left:21px;top:18px;width:1px;height:10px;transform:scaleY(calc(1 + var(--hover-grow,0)*.7 + var(--neighbour,0)*.2));transform-origin:bottom} #v49-guide button[aria-current] i{width:2px;height:23px;top:5px} #v49-guide .v49-guide-label{position:fixed;right:auto;left:50%;top:auto;bottom:47px;transform:translateX(-50%)} #rw-v5{padding-bottom:60px} } @media(prefers-reduced-motion:reduce){#v49-guide i,#v49-guide .v49-guide-label{transition:none}} /* V52: restore the opening and remove the added navigation strip. */ #rw-v5{--v52-header-height:88px} #rw-v5 .v48-navigation-shell{position:relative;top:auto;z-index:22;background:transparent;padding-top:env(safe-area-inset-top,0px)} #rw-v5 .v48-navigation-shell .topline{flex-wrap:nowrap} #rw-v5 .skip{z-index:30} #rw-v5 :is(section,article)[id],#rw-v5[data-layout=experience] [id],#rw-v5 :is(summary,button,a){scroll-margin-top:16px} /* One opening per screen. Keep the original wordmark, spacer and company rail. */ #rw-v5 .opening{min-height:calc(100svh - var(--v52-header-height))} /* Retained V50 reading groups. */ #rw-v5 .career-copy .career-heading{margin-bottom:24px} #rw-v5 .career-copy{min-width:0} #rw-v5 .career-copy h3{max-width:13em} #rw-v5 .career-copy p{margin-top:20px} #rw-v5 .v29-writing-list>a{padding-block:26px} #rw-v5 .v29-writing-list .v21-article-caption{grid-template-columns:minmax(0,1fr) 24px;gap:12px 28px;align-items:center} #rw-v5 .v29-writing-list .v21-article-caption h3{max-width:none;grid-column:1;font-size:clamp(31px,3.5vw,44px)} #rw-v5 .v29-writing-list .v32-publication{grid-column:1;justify-self:start} #rw-v5 .v29-writing-list .v50-writing-arrow{grid-column:2;grid-row:1/3;width:22px;height:22px;color:var(--muted)} #rw-v5 .v29-writing-list a:is(:hover,:focus-visible) .v50-writing-arrow{color:var(--chalk)} #rw-v5[data-layout=story] .closing{margin-top:20px;padding-top:64px} /* Retain the quieter artwork behind reading and project scenes. */ #rw-v5>.flow-field{opacity:.065} #rw-v5[data-scene=work]>.flow-field,#rw-v5[data-scene=murex]>.flow-field{opacity:.035} #rw-v5[data-scene=factory]>.flow-field,#rw-v5:has(details.evidence[open])>.flow-field{opacity:.025} #rw-v5[data-scene=hero]>.flow-field{opacity:.72} #rw-v5 .v24-city-context,#rw-v5 #v24-jeerann-city [data-service-label]{color:#bdbcb4} @media(min-width:701px){ #v49-guide button[aria-current] .v49-guide-label{opacity:1} #v49-guide:has(button:hover) button[aria-current]:not(:hover) .v49-guide-label,#v49-guide:has(button:focus-visible) button[aria-current]:not(:focus-visible) .v49-guide-label{opacity:0} } @media(min-width:601px) and (max-width:1000px){ #rw-v5 .v48-navigation-shell .identity{display:block;font-size:13px;line-height:1.4} #rw-v5 .v48-navigation-shell .identity span{display:block;font-size:12px;margin-top:3px} #rw-v5 .v48-navigation-shell .v21-nav{order:0;width:192px;margin-left:auto} #rw-v5 .v48-navigation-shell .utilities{display:none} } @media(max-width:700px){ #rw-v5{--v52-header-height:calc(84px + env(safe-area-inset-top,0px))} #rw-v5 .v48-navigation-shell .topline{min-height:84px} #rw-v5 .career-copy{margin-top:0} #rw-v5 .career-copy .career-heading{margin-bottom:22px} #rw-v5 .career-scene{padding-top:64px} #rw-v5 .v29-writing-list .v21-article-caption{gap:12px 16px} #rw-v5 .v29-writing-list .v32-publication{grid-column:1;gap:9px} #rw-v5 .v29-writing-list .v32-publication>span{font-size:12px} #rw-v5[data-layout=story] .closing{margin-top:12px;padding-top:40px} /* Same approved cloud and labels; only the navigation is being restored. */ #rw-v5 #prodigy>.v22-team{overflow:hidden;margin-top:20px} #rw-v5 #prodigy .v22-team canvas{width:145%;max-width:none;margin-inline:-22.5%;filter:brightness(1.35)} #rw-v5 #prodigy .v22-disciplines{gap:20px;margin-top:-10px;font-size:12px;line-height:1.5;padding-bottom:12px} #rw-v5[data-scene=judgement]>.flow-field{opacity:.025} } #rw-v5 #prodigy .v22-disciplines{display:flex;justify-content:center;font-weight:400} @media(max-width:430px){ #rw-v5 .investment h2{font-size:clamp(34px,9.2vw,40px);line-height:1.08;max-width:none} #rw-v5 .investment-brand{display:block;margin-top:24px;min-width:0} #rw-v5 .investment-brand p{margin-top:16px;font-size:15px;line-height:1.6;max-width:30ch} #rw-v5 .v30-seedcamp{margin-bottom:48px} #rw-v5 .investment-brand img{width:138px} #rw-v5 .v30-seedcamp .investment-brand img{width:160px} #rw-v5 .judgement>h2{font-size:clamp(29px,9vw,36px);line-height:1.12;max-width:none} #rw-v5 .education>h2{font-size:clamp(30px,8.2vw,35px);line-height:1.1} #rw-v5 .closing h2{font-size:clamp(45px,13vw,56px);line-height:1.06} #rw-v5 .v29-writing-list .v21-article-caption h3{grid-column:1/-1;font-size:clamp(29px,8vw,33px);line-height:1.12;text-decoration:underline;text-decoration-color:#65655e;text-decoration-thickness:1px;text-underline-offset:6px} #rw-v5 .v29-writing-list .v32-publication{grid-column:1/-1;flex-wrap:wrap;gap:6px 10px} #rw-v5 .v29-writing-list .v50-writing-arrow{display:none} } @media(prefers-reduced-motion:reduce){#rw-v5>.flow-field{transition:none}} /* V53: keep the existing rocks visible, without a panel or a dropdown. */ #rw-v5 .v48-navigation-shell{position:sticky;top:0;background:transparent} #rw-v5 :is(section,article)[id],#rw-v5[data-layout=experience] [id],#rw-v5 :is(summary,button,a){scroll-margin-top:calc(var(--v52-header-height) + 16px)} /* Reserve room for the rotating brand rail inside the opening viewport. */ #rw-v5 .opening{min-height:calc(100svh - var(--v52-header-height) - 170px)}