:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f5;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{margin:0;background:#050505;overflow-x:hidden}.site{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.025),transparent 36%)}.webgl-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:20;left:0;right:0;top:0;padding:28px 38px;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.brand{font-weight:700}.method{opacity:.45}.smexy-wrap{position:fixed;z-index:4;width:min(46vw,540px);height:min(46vw,540px);left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;mix-blend-mode:screen}.smexy-logo{width:100%;filter:invert(1);opacity:.15;transform:translateY(-3%)}.panel{position:relative;z-index:3;min-height:100vh;display:flex;align-items:center;padding:12vh 8vw}.copy{max-width:760px;margin-left:5vw}.eyebrow{margin-bottom:22px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;opacity:.5}h1{margin:0;max-width:850px;font-size:clamp(54px,8vw,130px);line-height:.9;font-weight:500;letter-spacing:-.055em}p{max-width:620px;margin:30px 0 0;font-size:clamp(18px,2vw,28px);line-height:1.35;color:#ffffffa1}.accent{margin-top:34px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.step{position:absolute;right:5vw;bottom:5vh;font-size:clamp(46px,8vw,110px);opacity:.035;font-weight:700}.panel-content .copy{margin-left:12vw}.panel-concept .copy{margin-left:22vw}.panel-creation .copy{margin-left:8vw}.portfolio-placeholder{position:relative;z-index:3;min-height:65vh;padding:12vh 8vw;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.portfolio-placeholder span{text-transform:uppercase;letter-spacing:.14em;font-size:12px;opacity:.45}.portfolio-placeholder h2{margin:12px 0 0;font-size:clamp(44px,7vw,96px);font-weight:500;letter-spacing:-.04em}@media(max-width:760px){.topbar{padding:20px}.method{display:none}.panel{padding:14vh 22px;min-height:100svh}.copy,.panel-content .copy,.panel-concept .copy,.panel-creation .copy{margin-left:0}.smexy-wrap{width:86vw;height:86vw;opacity:.8}p{font-size:18px}}