/*
Theme Name: RR Works Industrial
Author: OpenAI prototype for RR Works
Version: 0.1
*/
:root{--ink:#101112;--paper:#eceae5;--line:#292b2d;--accent:#c8a65b;--muted:#a6a6a0;--white:#f7f6f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.wrap{width:min(1500px,92vw);margin:auto}.top{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid #ffffff18;background:#0d0e0ee8;backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;gap:38px}.logo{width:240px;filter:invert(1);mix-blend-mode:screen}.nav nav{margin-left:auto;display:flex;gap:28px}.nav a{color:#fff;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.nav .cta{border:1px solid #ffffff55;padding:13px 18px}.hero{min-height:100vh;padding-top:88px;display:grid;grid-template-columns:1.1fr .9fr;position:relative}.hero-copy{padding:12vh 4vw 7vh max(4vw,calc((100vw - 1500px)/2));display:flex;flex-direction:column;justify-content:center;background:var(--paper);color:var(--ink);position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:28px}.hero h1{font-size:clamp(64px,8vw,150px);line-height:.78;letter-spacing:-.065em;margin:0;text-transform:uppercase}.hero h1 span{display:block;font-weight:400}.hero-lead{max-width:520px;font-size:18px;line-height:1.55;margin-top:46px}.hero-visual{position:relative;overflow:hidden;background:linear-gradient(120deg,#191a1b,#313337)}.gridfx{position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:54px 54px;transform:scale(1.15);transition:transform .2s}.cable{position:absolute;width:140%;height:3px;background:var(--accent);top:34%;left:-20%;transform:rotate(-19deg);box-shadow:0 0 24px #c8a65b88}.plan{position:absolute;inset:10% 8%;border:1px solid #ffffff30;transform:rotate(-3deg);background:repeating-linear-gradient(0deg,transparent 0 38px,#ffffff09 39px),repeating-linear-gradient(90deg,transparent 0 38px,#ffffff09 39px)}.plan:before,.plan:after{content:"";position:absolute;border:1px solid #ffffff50;border-radius:50%}.plan:before{width:220px;height:220px;left:15%;top:12%}.plan:after{width:360px;height:180px;right:8%;bottom:14%;border-radius:0}.sector-switch{position:absolute;left:6%;right:6%;bottom:7%;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff22}.sector{background:#111c;padding:24px;cursor:pointer;transition:.3s}.sector:hover,.sector.active{background:#f1efe9;color:#111}.sector b{font-size:16px;letter-spacing:.12em;text-transform:uppercase}.sector small{display:block;margin-top:8px;opacity:.65}.scrolltag{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;opacity:.55}.statement{padding:120px 0;background:#0f1011;border-top:1px solid #ffffff16}.statement .wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.statement h2{font-size:clamp(44px,6vw,100px);line-height:.92;letter-spacing:-.05em;margin:0}.statement p{font-size:21px;line-height:1.6;max-width:750px;color:#c8c8c4}.stats{border-block:1px solid #ffffff1c;background:#131415}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:52px 28px;border-right:1px solid #ffffff1c}.stat:first-child{border-left:1px solid #ffffff1c}.num{font-size:clamp(46px,5vw,86px);letter-spacing:-.05em}.unit{font-size:14px;color:var(--accent)}.stat p{color:#999;margin:12px 0 0;font-size:13px}.discipline{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:#111}.disc-copy{padding:10vh 6vw}.disc-copy.dark{background:#171819;color:#f3f2ee}.index{font-family:monospace;color:var(--accent);font-size:14px}.discipline h3{font-size:clamp(50px,6vw,100px);line-height:.9;letter-spacing:-.055em;margin:24px 0 40px;text-transform:uppercase}.service{display:grid;grid-template-columns:55px 1fr;border-top:1px solid currentColor;padding:16px 0;font-size:14px}.service i{font-style:normal;color:var(--accent)}.disc-visual{position:relative;overflow:hidden;background:#bdbab2}.disc-visual:before{content:"";position:absolute;inset:-15%;background:repeating-linear-gradient(115deg,#0000 0 46px,#1112 47px,#0000 48px);transform:translateY(var(--par,0px))}.disc-visual.tile{background:linear-gradient(145deg,#8f8c84,#dedbd2)}.disc-visual.tile:after{content:"";position:absolute;inset:13%;background:linear-gradient(90deg,#1112 1px,transparent 1px),linear-gradient(#1112 1px,transparent 1px);background-size:150px 150px;transform:perspective(600px) rotateX(55deg) rotateZ(-10deg) scale(1.3)}.projects{background:#e9e7e1;color:#111;padding:110px 0}.projects-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:20px}.projects h2{font-size:clamp(48px,6vw,92px);letter-spacing:-.05em;margin:0;text-transform:uppercase}.project{display:grid;grid-template-columns:90px 1fr 1fr;gap:35px;padding:34px 0;border-bottom:1px solid #111;align-items:center;transition:.25s}.project:hover{padding-left:16px;background:#ddd9cf}.project .pno{font-family:monospace;color:#777}.project h4{font-size:28px;margin:0}.project p{margin:0;color:#555}.about{padding:120px 0;background:#111}.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-size:clamp(52px,7vw,110px);line-height:.88;letter-spacing:-.055em;margin:0}.about p{font-size:18px;line-height:1.7;color:#bbb}.contact{background:var(--accent);color:#111;padding:90px 0}.contact .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact h2{font-size:clamp(52px,7vw,120px);line-height:.8;letter-spacing:-.06em;margin:0}.contact a{color:#111;font-size:22px}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.on{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none}.logo{width:190px}.hero,.discipline{grid-template-columns:1fr}.hero-copy{min-height:70vh}.hero-visual{min-height:55vh}.statement .wrap,.about .wrap{grid-template-columns:1fr}.stats .wrap{grid-template-columns:1fr 1fr}.project{grid-template-columns:55px 1fr}.project p{grid-column:2}.contact .wrap{display:block}.contact a{display:block;margin-top:35px}}