:root{--paper:#f2eee7;--paper-light:#f8f5ef;--ink:#151418;--muted:#68636a;--line:#1514183d;--line-soft:#1514181f;--purple:#6f3ed6;--green:#7ca61e;--orange:#f36f21;--pink:#ef3f8d;--rail-width:92px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}::selection{background:#6f3ed62e}body:before{content:"";pointer-events:none;opacity:.26;z-index:100;mix-blend-mode:multiply;background-image:radial-gradient(circle at 20% 20%,#00000014 0 .45px,#0000 .55px),radial-gradient(circle at 80% 60%,#ffffffb8 0 .55px,#0000 .65px);background-size:4px 4px,5px 5px;position:fixed;inset:0}.studio-shell{min-height:100vh}.studio-content{margin-left:var(--rail-width);min-height:100vh}.studio-rail{z-index:50;width:var(--rail-width);border-right:1px solid var(--line);background:#f6f2ebf2;grid-template-rows:138px 1fr auto;display:grid;position:fixed;inset:0 auto 0 0;overflow:visible}.rail-brand{border-bottom:1px solid var(--line);letter-spacing:-.04em;justify-content:center;align-items:center;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:1.05rem;font-weight:900;line-height:.88;display:flex;position:relative}.rail-wordmark{text-align:center}.brand-dot{background:var(--purple);border-radius:50%;width:7px;height:7px;position:absolute;bottom:27px;right:20px}.rail-nav{align-content:start;padding-top:22px;display:grid}.rail-item{height:98px;color:var(--ink);border-bottom:1px solid var(--line-soft);outline:none;align-items:center;display:flex;position:relative}.rail-item:first-child{border-top:1px solid var(--line-soft)}.rail-icon{width:var(--rail-width);min-width:var(--rail-width);z-index:2;background:#f6f2ebf7;place-items:center;height:100%;transition:background .18s,color .18s;display:grid}.rail-icon svg{width:29px;height:29px}.rail-drawer{z-index:1;top:-1px;left:calc(var(--rail-width) - 1px);background:var(--paper-light);border:1px solid #0000;border-left:0;flex-direction:column;justify-content:center;width:0;height:calc(100% + 2px);transition:width .22s cubic-bezier(.2,.8,.2,1),border-color .16s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 18px #211a130f}.rail-drawer strong,.rail-drawer small{width:180px;padding-left:20px;display:block}.rail-drawer strong{letter-spacing:-.035em;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:1.55rem;line-height:1}.rail-drawer small{color:var(--muted);margin-top:9px;font:.64rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.rail-item:hover .rail-drawer,.rail-item:focus-visible .rail-drawer,.rail-item.active .rail-drawer{border-color:var(--line);width:205px}.rail-item.active .rail-icon{color:#fff;background:var(--purple)}.rail-item.accent-green:hover .rail-icon{color:var(--green)}.rail-item.accent-orange:hover .rail-icon{color:var(--orange)}.rail-item.accent-pink:hover .rail-icon{color:var(--pink)}.rail-item.accent-purple:hover .rail-icon{color:var(--purple)}.rail-item.active:hover .rail-icon{color:#fff}.rail-status{z-index:4;background:var(--purple);border-radius:50%;width:6px;height:6px;position:absolute;right:10px}.accent-green .rail-status{background:var(--green)}.accent-orange .rail-status{background:var(--orange)}.accent-pink .rail-status{background:var(--pink)}.rail-footer{border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:215px;padding:24px 15px 22px;display:flex}.rail-dots{color:var(--muted);letter-spacing:3px;writing-mode:vertical-rl}.rail-mini-copy{letter-spacing:.03em;font:.54rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-bar,.mobile-menu{display:none}.home-page{min-height:100vh;padding:30px 30px 0 66px;overflow:hidden}.home-intro{grid-template-columns:1fr;margin-bottom:12px;padding:4px 12px 0;display:grid}.home-intro p{text-transform:uppercase;letter-spacing:.08em;margin:0 0 13px;font:700 .62rem/1.48 ui-monospace,SFMono-Regular,Menlo,monospace}.intro-rule{align-items:center;gap:4px;height:9px;display:flex}.intro-rule span{background:var(--line);flex:1;height:1px}.intro-rule i{background:var(--ink);width:1px;height:9px;display:block}.featured-project{border:1px solid var(--line-soft);background:#f8f5ef8c;grid-template-columns:minmax(340px,.85fr) minmax(520px,1.55fr);min-height:540px;display:grid;position:relative}.featured-copy{z-index:2;padding:62px 46px 46px;position:relative}.kicker{text-transform:uppercase;letter-spacing:.06em;font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.purple{color:var(--purple)}.green{color:var(--green)}.orange{color:var(--orange)}.pink{color:var(--pink)}.featured-copy h1{letter-spacing:-.065em;text-transform:uppercase;margin:24px 0 20px;font-family:Arial Narrow,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(4.6rem,7vw,8.1rem);font-weight:900;line-height:.78}.featured-copy h1 span{display:block}.accent-stroke{background:var(--purple);width:26px;height:3px;margin:24px 0}.featured-copy p{max-width:360px;margin:0 0 30px;font:.88rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.editorial-link{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:10px;padding:3px 0 6px;font:800 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:gap .16s,color .16s;display:inline-flex}.editorial-link:hover{color:var(--purple);gap:16px}.editorial-link.small{font-size:.63rem}.featured-image-wrap{min-width:0;position:relative;overflow:hidden}.photo-placeholder{background:linear-gradient(145deg,#1d1b1e0d,#0000 30%),linear-gradient(155deg,#d4cec4 0%,#bcb5aa 48%,#8e887f 100%);height:100%;min-height:250px;position:relative;overflow:hidden}.photo-placeholder:before{content:"";mix-blend-mode:soft-light;background:radial-gradient(circle at 74% 28%,#ffffff80,#0000 18%),linear-gradient(90deg,#ffffff1f,#0000 30% 68%,#0000001f);position:absolute;inset:0}.photo-grid{opacity:.16;transform-origin:bottom;background-image:linear-gradient(#00000038 1px,#0000 1px),linear-gradient(90deg,#00000038 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:perspective(600px)rotateX(60deg)scale(1.6)}.photo-object{aspect-ratio:1.32;background:linear-gradient(150deg,#b9b3a9,#8e887e);border:2px solid #19181bad;border-radius:13px;width:46%;position:absolute;top:25%;right:16%;transform:rotate(-1.2deg);box-shadow:0 24px 40px #1412123d,inset 0 0 0 8px #ffffff14}.photo-object:before,.photo-object:after{content:"";background:#817b73;border:1px solid #14141499;border-radius:50%;width:8px;height:8px;position:absolute;top:8px}.photo-object:before{left:8px}.photo-object:after{right:8px}.photo-screen{background:#c7c8ba;border:3px solid #3f3d3b;position:absolute;inset:20% 14% 18%;box-shadow:inset 0 0 0 2px #ffffff59}.photo-screen:before{content:"ODDBOT LAB\a STATUS / ACTIVE\a 72.4     15.8\a BATTERY 87%";white-space:pre;color:#232323;font:700 clamp(.36rem,.7vw,.66rem)/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;inset:14% 9%}.photo-knob{background:#666159;border-radius:50%;width:7px;height:7px;position:absolute;bottom:8px}.photo-knob.one{left:8px}.photo-knob.two{right:8px}.photo-label{z-index:3;color:#ffffffdb;letter-spacing:.08em;background:#1414146b;padding:5px 7px;font:.5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:18px;right:18px}.photo-corner{z-index:3;border-right:1px solid #fffc;width:28px;height:28px;position:absolute;right:20px}.photo-corner.top{border-top:1px solid #fffc;top:52px}.photo-corner.bottom{border-bottom:1px solid #fffc;bottom:18px}.hero-photo{min-height:540px}.photo-annotation{color:#fff;text-transform:uppercase;letter-spacing:.06em;max-width:130px;font:600 .52rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:60px;right:35px}.photo-annotation:before{content:"";border-bottom:1px solid #ffffffa6;border-left:1px solid #ffffffa6;width:34px;height:34px;position:absolute;top:-8px;left:-46px}.slide-index{color:#ffffff8c;gap:32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.slide-index strong{color:#fff}.supporting-work{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);grid-template-columns:1.12fr 1fr 1fr;min-height:310px;display:grid}.support-piece{border-right:1px solid var(--line-soft);background:#f8f5ef9e;grid-template-columns:minmax(145px,.88fr) minmax(180px,1.15fr);min-width:0;display:grid;position:relative;overflow:hidden}.support-piece:last-child{border-right:0}.support-copy{z-index:3;padding:34px 20px 30px 26px;position:relative}.support-copy h2{letter-spacing:-.045em;text-transform:uppercase;margin:19px 0 12px;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(1.6rem,2.35vw,2.8rem);line-height:.92}.mini-stroke{background:var(--purple);width:18px;height:2px;margin-bottom:14px}.accent-green .mini-stroke{background:var(--green)}.accent-orange .mini-stroke{background:var(--orange)}.accent-pink .mini-stroke{background:var(--pink)}.support-copy p{color:#4d494e;min-height:68px;margin:0 0 18px;font:.59rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.support-photo{min-height:310px}.support-photo .photo-object{width:60%;top:29%;right:18%}.support-photo .photo-label{top:auto;bottom:14px;right:14px}.angled-left{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.angled-right{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.studio-ticker{border:1px solid var(--line-soft);text-transform:uppercase;letter-spacing:.04em;background:#f8f5efb8;align-items:center;gap:22px;min-height:70px;padding:0 22px;font:.58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.ticker-group{align-items:center;gap:27px;min-width:0;display:flex}.ticker-item{white-space:nowrap}.ticker-item i{color:var(--muted);padding-left:28px;font-style:normal}.ticker-label{font-weight:900}.ticker-divider{background:var(--line);align-self:stretch;width:1px;margin-block:13px}.tiny-bot{color:var(--purple);margin-left:auto;font-size:1.25rem}.placeholder-page{min-height:100vh;padding:80px 9vw}.placeholder-page h1{text-transform:uppercase;letter-spacing:-.06em;margin:10px 0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(4rem,10vw,10rem)}.placeholder-page p{max-width:520px;color:var(--muted)}@media (width<=1180px){.home-page{padding-left:34px}.featured-project{grid-template-columns:.8fr 1.2fr}.featured-copy{padding:48px 32px}.supporting-work{grid-template-columns:1fr}.support-piece{border-bottom:1px solid var(--line-soft);grid-template-columns:.7fr 1.3fr;min-height:300px}.support-photo{min-height:300px}.studio-ticker{overflow-x:auto}}@media (width<=760px){:root{--rail-width:0px}body:before{opacity:.18}.studio-rail{display:none}.studio-content{margin-left:0;padding-top:64px}.mobile-bar{z-index:80;border-bottom:1px solid var(--line);background:#f6f2ebf5;justify-content:space-between;align-items:center;height:64px;padding:0 17px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{letter-spacing:-.04em;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-weight:900}.mobile-menu-button{border:1px solid var(--line);background:var(--paper-light);cursor:pointer;place-content:center;gap:6px;width:42px;height:42px;display:grid}.mobile-menu-button span{background:var(--ink);width:19px;height:1px;transition:transform .18s}.mobile-menu{z-index:70;background:var(--paper);grid-template-rows:auto 1fr auto;padding:88px 18px 24px;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;inset:0;transform:translateY(-105%)}.mobile-menu.open{transform:translateY(0)}.mobile-menu-top{color:var(--purple);letter-spacing:.08em;align-items:center;gap:10px;font:.62rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.mobile-menu-top svg{width:33px;height:33px}.mobile-menu nav{align-self:center;display:grid}.mobile-link{border-top:1px solid var(--line);grid-template-columns:34px 44px 1fr 26px;align-items:center;gap:8px;min-height:86px;display:grid}.mobile-link:last-child{border-bottom:1px solid var(--line)}.mobile-link-index{color:var(--muted);font:.58rem ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-link-icon svg{width:28px;height:28px}.mobile-link strong{letter-spacing:-.04em;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:2rem}.mobile-link.accent-purple strong{color:var(--purple)}.mobile-link.accent-green strong{color:var(--green)}.mobile-link.accent-orange strong{color:var(--orange)}.mobile-link.accent-pink strong{color:var(--pink)}.mobile-link-arrow{text-align:right}.mobile-menu-footer{text-transform:uppercase;letter-spacing:.06em;font:.61rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.home-page{padding:18px 14px 0}.home-intro{padding-inline:4px}.featured-project{flex-direction:column;min-height:0;display:flex}.featured-copy{padding:38px 22px 32px}.featured-copy h1{font-size:clamp(4.1rem,22vw,6rem)}.hero-photo{min-height:390px}.photo-object{width:60%;top:28%;right:13%}.slide-index{display:none}.support-piece{grid-template-columns:1fr}.support-copy{padding:30px 22px 24px}.support-copy h2{font-size:2.6rem}.support-photo{min-height:300px}.angled-left,.angled-right{clip-path:none}.studio-ticker{align-items:flex-start;min-height:auto;margin-bottom:0;padding:18px}.ticker-group{gap:18px}}