/* ROHALL / Warm-spectrum consultancy design, November 2026.
   The approved segmented-R artwork is unchanged. */
:root{
  --bg:#fbfaf6;--bg2:#f3f0eb;--panel:#fffefb;--panel2:#f5efec;
  --light:#1f1e24;--muted:#5e5b63;--aqua:#ba2941;--aqua2:#db6450;
  --coral:#e65e4e;--line:rgba(45,34,43,.15);
  --wine:#3a2733;--violet:#7654b1;--citrus:#b8d759;--paper:#fffdfa;
}
body{color:var(--light);background:var(--bg)}
::selection{background:#ec684e;color:#fff}
.eyebrow{color:#a12b42}.eyebrow:before{background:#a12b42}
.accent{color:#b82b44}.copy{color:#595760}
.line,.about{border-color:var(--line)}

/* White-first navigation and hero: editorial, geometric, but unmistakably Rohall. */
.site-header{background:rgba(252,250,246,.94);border-bottom:1px solid #e0dad6;box-shadow:0 3px 20px rgba(33,26,31,.035)}
.brand-text{color:#232027}.brand-text span{color:#796f75}
.brand-icon{background:#fff;border-color:#e4d9da;box-shadow:0 3px 12px rgba(40,32,37,.08)}
.nav-links{color:#443b43}.nav-links a:hover{color:#a5243c}
.nav-cta{border:1px solid #b62b42;color:#a3223b;background:transparent}
.nav-cta:hover{background:#b62b42;color:#fff}
.menu-btn{background:#fff;color:#2c2430;border-color:#d9cfcf}
.hero{position:relative;background:radial-gradient(circle at 81% 57%,rgba(239,125,99,.19),transparent 32%),radial-gradient(circle at 55% 10%,rgba(184,215,89,.13),transparent 43%),linear-gradient(120deg,#fbfaf6 30%,#f7f0eb 100%);isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 62%,rgba(154,119,152,.065) 62.2%,transparent 62.6%),linear-gradient(135deg,transparent 74%,rgba(160,108,135,.07) 74.2%,transparent 74.6%)}
.hero:after{opacity:.38;background-image:radial-gradient(rgba(88,74,79,.23) .8px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 15%,black 100%)}
.hero h1{color:#252329;letter-spacing:-.058em}
.hero h1 em{color:#bb2944;background:linear-gradient(102deg,#af2441 8%,#df6550 53%,#8b4eb1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .eyebrow{color:#a42a41}.hero .eyebrow:before{background:#a42a41}
.hero-copy p{color:#57525d;font-weight:500}
.button{background:#b82944;border-color:#b82944;color:#fff;box-shadow:0 12px 27px rgba(165,36,64,.12)}
.button:hover{background:#9c1f38;border-color:#9c1f38}
.button.secondary{background:rgba(255,255,255,.55);color:#302a30;border:1px solid #cfc0c3;box-shadow:none}
.button.secondary:hover{background:#fff;border-color:#b82944;color:#9c1f38}
.hero-foot{color:#877c7e}.scroll:before{background:#b92a42}
.hero-art .halo{background:radial-gradient(circle,rgba(212,93,79,.22),transparent 67%);filter:blur(45px)}
.emblem-shell{background:linear-gradient(145deg,#fff 0%,#fffdf9 100%);box-shadow:0 0 0 1px rgba(91,70,78,.17),19px 19px 0 rgba(55,35,50,.055),0 36px 90px rgba(60,40,52,.14)}
.emblem-shell:before{border-color:rgba(61,47,57,.16)}
.hero-emblem{filter:drop-shadow(0 15px 14px rgba(23,31,36,.085))}
.emblem-index{color:#74686f}
.flow-geometry{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:visible}
.flow-line{position:absolute;display:block;width:110%;height:17px;left:-7%;top:25%;opacity:.55;clip-path:polygon(0 25%,100% 0,100% 68%,0 100%);background:linear-gradient(90deg,transparent 0%,#e7ab64 17%,#c74362 39%,#9361b2 60%,#b7cf69 79%,transparent 100%);background-size:250% 100%;animation:rohall-flow 19s linear infinite}
.flow-two{top:77%;height:9px;left:0;transform:rotate(-9deg);opacity:.37;animation-duration:24s;animation-direction:reverse}
.flow-node{position:absolute;display:block;width:21px;height:21px;border:1px solid rgba(176,43,65,.55);transform:rotate(45deg);background:rgba(255,255,255,.5);animation:rohall-node 9s ease-in-out infinite alternate}
.flow-node-a{left:0;top:20%}.flow-node-b{right:7%;top:13%;background:rgba(192,212,121,.55);animation-delay:-3s}.flow-node-c{left:15%;bottom:9%;background:rgba(227,111,85,.2);animation-delay:-5s}
@keyframes rohall-flow{0%{background-position:0% 50%}100%{background-position:250% 50%}}
@keyframes rohall-node{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(-13px) rotate(55deg)}}

/* A dark signature band, then generous warm-white editorial content. */
.strip{background:#2d252e;border-color:#2d252e}
.strip-label{color:#f09977}.strip-item{color:#f7e9e6}
.strip-item:before{color:#ef785f}
#expertise{background:#fffdfa}
.service-card{background:#fff;border:1px solid #e6dbdc;box-shadow:0 12px 26px rgba(75,45,52,.035)}
.service-card:hover{background:#fffbf8;border-color:#ca5365;box-shadow:0 18px 42px rgba(115,46,60,.08)}
.card-num,.service-symbol{color:#b52e46}.service-card h3{color:#242027}
.service-card p{color:#655d63}.service-tags span{border-color:#ead5d9;color:#745963;background:#fff5f3}
.service-symbol svg circle{fill:#fff}

/* Capability content should read like a useful consultancy brief. */
.light-section{background:#f7f4ee;color:#28232a;border-color:#e6ddd5}
.light-section .eyebrow{color:#a72d45}.light-section .eyebrow:before{background:#a72d45}
.light-section .copy{color:#655b62}.ink-accent{color:#bc3650}
.capability-card{background:#fffefa;border-color:#e7dcd7;box-shadow:0 10px 26px rgba(72,40,52,.035)}
.cap-index{color:#af3449}.capability-card h3{color:#28212a}
.capability-card p{color:#655963}.capability-card li{color:#463b44}.capability-card li:before{color:#c23d54}
.deliverable{border-color:#ebdfda;color:#574852}.deliverable strong{color:#ae3145}
.capability-footnote{color:#796d72}

/* Rich but not vendor-blue: a warm charcoal sourcing panel. */
.solutions{background:radial-gradient(circle at 94% 10%,rgba(160,65,83,.22),transparent 42%),#302630;color:#fff8f4}
.solutions .eyebrow{color:#fa9874}.solutions .eyebrow:before{background:#fa9874}
.solutions .accent{color:#ffb18a}.solutions .copy{color:#d7c8cc}
.solution-layout{border-color:rgba(255,215,215,.2);background:rgba(255,255,255,.025)}
.solution-lead{background:radial-gradient(circle at 0 100%,rgba(219,113,77,.22),transparent 65%),#4a303b}
.solution-kicker{color:#ffb791}.solution-lead p{color:#ebd9dd}
.solution-list .solution-item{border-color:rgba(255,220,218,.14)}
.solution-item h3{color:#fff7f2}.solution-item p{color:#c9b9bf}
.solution-number,.solution-link{color:#ffae85}.solutions-note{color:#c3adb7}

/* Original improvement approach, displayed as an architectural sequence. */
.approach{background:#fffdfa;color:#27232a}
.approach .eyebrow{color:#b22b45}.approach .eyebrow:before{background:#b22b45}
.approach .accent{color:#b42b44}.approach .copy{color:#645b63}
.steps{border-color:#e5d9d8}.step{border-color:#e5d9d8}
.step-num{color:#ae2940}.step h3{color:#29242a}.step p{color:#685c63}
.approach-pattern{display:flex;align-items:center;gap:11px;margin-top:50px;max-width:250px}
.approach-pattern span{width:38px;height:38px;background:#b72b45;clip-path:polygon(0 0,73% 0,100% 27%,100% 100%,27% 100%,0 73%)}
.approach-pattern span:nth-child(2){background:#e78e62;transform:rotate(12deg)}
.approach-pattern span:nth-child(3){background:#9b69bd;transform:rotate(24deg)}
.approach-pattern span:nth-child(4){background:#bdd265;transform:rotate(36deg)}

/* Nine original Rohall service packages, informed by experience and newly authored. */
.blueprint-section{background:linear-gradient(130deg,#f5ebe6,#faf8f0 68%);color:#29222c}
.blueprint-section .eyebrow{color:#ad2c43}.blueprint-section .eyebrow:before{background:#ad2c43}
.blueprint-section .accent{color:#b8304b}.blueprint-section .copy{color:#655c62}
.blueprint-card{background:#fffefa;border-color:#e6d9d7;box-shadow:0 11px 30px rgba(104,51,64,.04);min-height:294px}
.bp-number{color:#bc3450}.blueprint-card h3{color:#29232b}
.blueprint-card p{color:#6c6068}.blueprint-card strong{color:#b42c44}
.blueprint-card span:not(.bp-number){color:#554d53}
.blueprint-note{border-color:#e1d0d0}.blueprint-note p{color:#776a71}
.inline-link{color:#b82c43}

/* Evidence on luminous neutral paper; no technology-vendor blue. */
.proof-section{background:#f7f5f0;border-color:#e6e0dc}
.proof-section .eyebrow{color:#ae324a}
.proof-card{background:#fffefa;border-color:#e5dad6}
.proof-type{color:#b22e47}.proof-card h3{color:#262029}
.proof-card p{color:#645961}.proof-card p strong{color:#30252d}
.proof-card .proof-result{color:#a72d43;border-color:#eddfdc}
.organisations{border-color:#e1d4d4}.organisations h3{color:#2c222a}
.organisations p{color:#756870}.org-chips span{background:#fffefa;border-color:#e3d4d5;color:#4b3c44}
.case-caveat{border-left-color:#b92c44;background:rgba(255,255,255,.7);color:#796970}

/* Keep product-specific brand variants dramatic and distinct. */
#ventures{background:#2b2531;color:#fff8f7}
#ventures .eyebrow{color:#f39d82}#ventures .eyebrow:before{background:#f39d82}
#ventures .accent{color:#f8a08a}#ventures .copy{color:#d4cbd3}
.venture{border-color:rgba(255,255,255,.15)}
.venture.design{background:radial-gradient(circle at 75% 28%,#3e7d76 0%,transparent 47%),linear-gradient(135deg,#17494a,#282d3a)}
.venture.arcade{background:radial-gradient(circle at 75% 28%,#6f3489 0%,transparent 49%),linear-gradient(135deg,#3b213c,#202137)}
.venture.design .venture-link{color:#b9ffe3}.venture.arcade .venture-link{color:#ffb5aa}

.about{background:#fffefa;color:#29232a;border-color:#e4dcd7}
.about .eyebrow{color:#ae2d45}.about .eyebrow:before{background:#ae2d45}
.about .accent{color:#ba2e46}.about-copy .copy{color:#615b63}
.capabilities span{border-color:#e6d9d9;color:#4c414b}.capabilities span:before{color:#c0384e}
.founder-frame{background:radial-gradient(circle at 12% 15%,rgba(200,76,90,.19),transparent 47%),linear-gradient(135deg,#3a2d38,#232129 75%);border-color:#63535d}
.founder-frame:after{color:rgba(231,127,120,.08)}.founder-frame .small{color:#f6a18d}
.founder-frame .name{color:#fffaf5}.founder-frame .name span{color:#d8c5d0}

.contact{background:radial-gradient(circle at 85% 30%,rgba(233,132,88,.23),transparent 46%),linear-gradient(105deg,#472b39,#292129);border-color:#674450}
.contact .eyebrow{color:#ffad8c}.contact .eyebrow:before{background:#ffad8c}
.contact h2{color:#fff6f1}.contact .accent{color:#ffad91}
.contact .copy{color:#ebd7dc}.contact-action small{color:#dec3cc}
.contact-action small strong{color:#fffaf5}.contact-aliases a{color:#ffc6b5;text-decoration-color:rgba(255,201,182,.55)}
footer{background:#201c23;border-color:#57434b}.footer-links{color:#ddd0d5}
.footer-desc{color:#b9aab1}.footer-bottom{color:#a897a1;border-color:#4c3a43}

@media(max-width:820px){
  .nav-links{background:#fffaf6;border-color:#dfd2d1;box-shadow:0 15px 25px rgba(53,35,47,.1)}
  .hero .flow-line{opacity:.28}
  .approach-pattern{margin-top:27px}
}
@media(max-width:470px){
  .hero h1{font-size:clamp(45px,12vw,60px)}
  .hero-copy p{font-size:16px}
  .flow-line{height:10px}
  .emblem-shell{box-shadow:0 0 0 1px rgba(91,70,78,.17),9px 9px 0 rgba(55,35,50,.045),0 20px 45px rgba(60,40,52,.1)}
}
@media(prefers-reduced-motion:reduce){.flow-line,.flow-node{animation:none!important}}