@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Montserrat:wght@400;500;600;700&display=swap');

/* GRAPON — faithful reference system: Cormorant display, Montserrat body,
   warm ivory surfaces, deep navy panels, fine gold rules and diagram-led flow. */
:root{--navy:#0B1D33;--navy2:#102B45;--gold:#C79D3A;--gold2:#D9B866;--ivory:#F5F3ED;--paper:#FAF9F5;--ink:#13273C;--muted:#596A78;--hair:#D4D1C8;--display:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',Arial,sans-serif}
html{scroll-behavior:smooth}
body.reference-home{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:1.55;color:#13273C;background:#F5F3ED}
.reference-home h1,.reference-home h2,.reference-home h3,.reference-home .ref-ribbon-item strong,.reference-home .ref-question p,.reference-home .ref-wheel-node strong,.reference-home .ref-deliverable h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.25px}
.reference-home .container{width:min(1390px,calc(100% - 100px));margin:0 auto}

/* Header */
.reference-home .site-header{height:66px;background:#fff;color:var(--navy);position:relative;z-index:60;border-bottom:1px solid #E7E4DC;box-shadow:0 2px 9px rgba(11,29,51,.045)}
.reference-home .header-inner{height:66px;display:flex;align-items:center}
.reference-home .brand-link{width:auto;min-width:330px;height:66px;display:flex;align-items:center;gap:17px;overflow:visible;background:transparent;border-radius:0}
.reference-home .header-logo-exact{display:block;width:178px;height:auto;max-height:52px;object-fit:contain;object-position:left center}
.reference-home .brand-tagline{display:block;padding:2px 0 2px 17px;border-left:1px solid #BFC2C2;color:#172B40;font:italic 15px/1.05 'Cormorant Garamond',Georgia,serif;white-space:nowrap}
.reference-home .nav{margin-left:auto;display:flex;align-items:center;gap:23px;font:600 11px/1 Montserrat,Arial,sans-serif}
.reference-home .nav a{color:var(--navy);padding:27px 0 24px;white-space:nowrap;position:relative}
.reference-home .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--gold)}
.reference-home .nav a:hover{color:#9A7026}
.reference-home .nav .nav-cta{background:var(--gold)!important;color:#fff!important;border:1px solid var(--gold);padding:11px 16px!important;border-radius:3px;box-shadow:0 3px 9px rgba(199,157,58,.15)}
.reference-home .nav .nav-cta:hover{background:#A97C2B!important;color:#fff!important}
.reference-home .menu-btn{display:none}

/* Hero */
.ref-hero{height:304px;position:relative;overflow:hidden;background:var(--navy);color:#fff}
.ref-hero-bg{position:absolute;inset:0;background:url('../assets/hero-grapon-intelligence.webp') center 49%/cover no-repeat;transform:scale(1.01)}
.ref-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,33,.96) 0%,rgba(5,19,33,.86) 34%,rgba(5,19,33,.52) 55%,rgba(5,19,33,.08) 100%),linear-gradient(0deg,rgba(5,19,33,.32),transparent 42%)}
.ref-hero-inner{height:100%;position:relative;display:flex;align-items:center}
.ref-hero-copy{position:relative;z-index:2;width:600px;margin-top:-2px}
.ref-eyebrow{display:flex;align-items:center;gap:13px;color:#F0D28E;font:700 10px/1 Montserrat,Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:13px}
.ref-eyebrow span{width:37px;height:2px;background:#D9B866}
.ref-hero h1{font:500 47px/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.55px;color:#fff;margin:0 0 10px}
.ref-hero h1 em{font-style:italic;font-weight:500;color:#E4B84F}
.ref-hero-copy>p{max-width:495px;color:#E5EAF0;font:400 12.5px/1.55 Montserrat,Arial,sans-serif;margin:0 0 17px}
.ref-hero-actions{display:flex;align-items:center;gap:13px}
.ref-button{min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:9px 18px;border:1px solid var(--gold);border-radius:3px;font:600 10px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.1px;transition:all .22s ease}
.ref-button b{font:500 17px/1 'Cormorant Garamond',Georgia,serif}
.ref-button-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.ref-button-gold:hover{background:#A97D2B;border-color:#A97D2B;transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.2)}
.ref-button-clear{background:rgba(5,19,33,.15);border-color:#D7DCE1;color:#fff}
.ref-button-clear:hover{background:#fff;color:var(--navy);border-color:#fff}
.ref-button-outline-dark{background:transparent;color:var(--navy);border-color:var(--gold)}
.ref-button-outline-dark:hover{background:var(--navy);color:#fff}
.ref-hero-topics{position:absolute;right:1.5%;top:22%;width:225px;display:flex;flex-direction:column}
.ref-hero-topics span{padding:11px 0 11px 17px;border-bottom:1px solid rgba(218,184,102,.38);font:500 14px/1.1 'Cormorant Garamond',Georgia,serif;color:#fff;position:relative;text-shadow:0 2px 7px rgba(0,0,0,.3)}
.ref-hero-topics span:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;border-radius:50%;background:#D9B866;box-shadow:0 0 0 4px rgba(199,157,58,.13)}
.ref-hero-pagination{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px}
.ref-hero-pagination b,.ref-hero-pagination i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}
.ref-hero-pagination b{background:var(--gold)}

/* Warm ivory capability ribbon */
.ref-capability-ribbon{background:#F7F6F1;border-bottom:1px solid #DCD9D0}
.ref-ribbon-grid{min-height:83px;display:grid;grid-template-columns:1.05fr repeat(4,1fr);align-items:center}
.ref-ribbon-lead{font:700 9px/1.55 Montserrat,Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--navy)}
.ref-ribbon-lead strong{font-weight:700}
.ref-ribbon-item{height:49px;padding:0 18px;display:flex;align-items:center;gap:12px;border-left:1px solid #C9C6BD}
.ref-ribbon-item svg{width:35px;height:35px;flex:0 0 35px;fill:none;stroke:#A77A27;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ref-ribbon-item span{display:flex;flex-direction:column;gap:1px}
.ref-ribbon-item strong{font-size:16px;line-height:1.05;color:var(--navy)}
.ref-ribbon-item small{font:400 9px/1.3 Montserrat,Arial,sans-serif;color:#596A78}

/* Strategic question band */
.ref-questions{background:linear-gradient(105deg,#081B2E 0%,#102C46 70%,#0B2036 100%);color:#fff;position:relative;overflow:hidden;padding:25px 0 24px}
.ref-questions:after{content:"";position:absolute;right:-95px;top:-150px;width:380px;height:380px;border:1px solid rgba(199,157,58,.13);border-radius:50%;box-shadow:0 0 0 28px rgba(199,157,58,.025),0 0 0 68px rgba(199,157,58,.018)}
.ref-question-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr repeat(5,1fr);align-items:center}
.ref-question-intro{padding-right:25px}
.ref-kicker{display:flex;align-items:center;gap:10px;color:#946D27;font:700 9px/1.2 Montserrat,Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:8px}
.ref-kicker>span{width:28px;height:1px;background:var(--gold)}
.ref-kicker.light{color:#E5C16F}
.ref-kicker.light>span{background:#D9B866}
.ref-question-intro h2{font-size:27px;line-height:1.02;color:#fff;margin:0 0 7px}
.ref-question-intro p{font:400 9px/1.45 Montserrat,Arial,sans-serif;color:#C7D1D9;margin:0;max-width:245px}
.ref-question{height:86px;padding:0 12px 0 16px;border-left:1px solid rgba(218,184,102,.42);display:flex;flex-direction:column;justify-content:center;position:relative}
.ref-question>b{position:absolute;right:12px;top:2px;font:700 8px Montserrat,Arial,sans-serif;letter-spacing:1px;color:#CBA44F}
.ref-question svg{width:28px;height:28px;stroke:#D6AD56;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.ref-question p{font:italic 14px/1.05 'Cormorant Garamond',Georgia,serif;color:#F7F4EC;margin:0;max-width:150px}

/* Main circular research process */
.ref-process-section{background:linear-gradient(100deg,#F2F0EA 0%,#FBFAF6 52%,#F1EFE9 100%);padding:25px 0 24px;border-bottom:1px solid #D9D5CA}
.ref-process-grid{display:grid;grid-template-columns:1.02fr 1.48fr .93fr;gap:19px;align-items:center}
.ref-process-intro{padding:4px 10px 4px 0}
.ref-process-intro h2{font-size:28px;line-height:1.02;color:var(--navy);margin:0 0 9px}
.ref-process-intro p{max-width:270px;font:400 10px/1.5 Montserrat,Arial,sans-serif;color:#4F5F6E;margin:0 0 14px}
.ref-process-intro .ref-button{min-height:32px;padding:7px 15px}
.ref-process-wheel{height:260px;position:relative;max-width:490px;width:100%;margin:0 auto}
.ref-wheel-ring{position:absolute;left:50%;top:50%;width:228px;height:208px;transform:translate(-50%,-50%);border:1px solid rgba(190,157,88,.25);border-radius:50%;box-shadow:0 0 0 14px rgba(199,157,58,.025),inset 0 0 0 10px rgba(199,157,58,.025)}
.ref-wheel-arcs{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#B8872E;stroke-width:1.3;opacity:.96}
.ref-wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:var(--navy);border:2px solid #D6B45E;box-shadow:0 7px 18px rgba(11,29,51,.23);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.ref-wheel-center img{width:48px;height:44px;object-fit:contain;object-position:left center;background:#fff;border-radius:2px;margin-bottom:1px}
.ref-wheel-center strong{font:600 9px/1 Montserrat,Arial,sans-serif;letter-spacing:1.5px;color:#fff}
.ref-wheel-center small{font:500 6px/1.2 Montserrat,Arial,sans-serif;letter-spacing:1.2px;color:#E3C16F;margin-top:2px}
.ref-wheel-node{position:absolute;display:flex;align-items:center;gap:7px;width:145px;z-index:2}
.ref-node-icon{width:44px;height:44px;flex:0 0 44px;border:1.5px solid #C99C43;border-radius:50%;background:#FBFAF6;display:grid;place-items:center;box-shadow:0 4px 12px rgba(11,29,51,.11)}
.ref-node-icon svg{width:26px;height:26px;stroke:#9B762E;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ref-wheel-node>span:last-child{display:flex;flex-direction:column}
.ref-wheel-node strong{font-size:16px;line-height:1.05;color:var(--navy)}
.ref-wheel-node small{font:400 8px/1.35 Montserrat,Arial,sans-serif;color:#3E5060}
.ref-node-top{left:50%;top:-1px;transform:translateX(-50%);width:155px}
.ref-node-right{right:-1px;top:34%;width:142px}
.ref-node-lowerright{right:3px;bottom:-2px;width:153px}
.ref-node-lowerleft{left:4px;bottom:-2px;width:150px}
.ref-node-left{left:-3px;top:34%;width:145px}
.ref-deliverable{border-left:1px solid #C9C4B8;padding:4px 0 4px 18px;min-height:208px}
.ref-deliverable .ref-kicker{font-size:8px;margin-bottom:7px}
.ref-deliverable h3{font-size:20px;line-height:1.04;color:var(--navy);margin:0 0 7px}
.ref-deliverable p{font:400 9px/1.45 Montserrat,Arial,sans-serif;color:#4E5E6C;margin:0 0 9px}
.ref-deliverable img{width:100%;height:76px;object-fit:cover;object-position:top;border:1px solid #D3D0C8;display:block;margin-bottom:7px;box-shadow:0 3px 10px rgba(11,29,51,.07)}
.ref-deliverable>a{font:600 8px Montserrat,Arial,sans-serif;color:#967026;border-bottom:1px solid var(--gold);padding-bottom:3px}
.ref-deliverable>a b{font-size:14px;margin-left:5px}

/* Evidence and proof ribbon */
.ref-proof-band{background:#0B1D33;color:#fff;position:relative;overflow:hidden}
.ref-proof-grid{min-height:92px;display:grid;grid-template-columns:1.05fr repeat(4,1fr);align-items:center}
.ref-proof-image{height:92px;overflow:hidden;position:relative}
.ref-proof-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(11,29,51,.45))}
.ref-proof-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.8)}
.ref-proof-grid>div:not(:first-child){min-height:53px;padding:0 15px;border-left:1px solid rgba(216,181,103,.48);display:flex;flex-direction:column;justify-content:center;text-align:center}
.ref-proof-grid>div>strong{font:600 19px/1.05 'Cormorant Garamond',Georgia,serif;color:#E5BE65}
.ref-proof-grid>div>span{font:400 8px/1.35 Montserrat,Arial,sans-serif;color:#E4E9EC;margin-top:4px}

/* Capabilities and the longer content flow below the reference fold */
.ref-capabilities-section{padding:57px 0 54px;background:#FAF9F5}
.ref-section-heading{display:grid;grid-template-columns:1fr .8fr auto;gap:34px;align-items:end;margin-bottom:23px}
.ref-section-heading h2{font:600 34px/1.02 'Cormorant Garamond',Georgia,serif;color:var(--navy);margin:0}
.ref-section-heading>p{font:400 10px/1.6 Montserrat,Arial,sans-serif;color:#586A78;margin:0 0 2px;max-width:390px}
.ref-section-heading>a{font:600 9px Montserrat,Arial,sans-serif;color:#936D28;border-bottom:1px solid var(--gold);padding-bottom:5px;white-space:nowrap}
.ref-section-heading>a b{font:500 17px 'Cormorant Garamond',Georgia,serif;margin-left:7px}
.ref-capability-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ref-cap-card{height:235px;position:relative;overflow:hidden;background:var(--navy);border:1px solid #B9C1C6;box-shadow:0 7px 18px rgba(11,29,51,.08)}
.ref-cap-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .6s ease}
.ref-cap-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,31,.02) 0%,rgba(5,18,31,.28) 40%,rgba(5,18,31,.94) 100%)}
.ref-cap-card:hover>img{transform:scale(1.05)}
.ref-cap-card>div{position:absolute;z-index:2;left:17px;right:15px;bottom:15px;color:#fff}
.ref-cap-card small{font:600 7px Montserrat,Arial,sans-serif;letter-spacing:1.5px;color:#E7C46F}
.ref-cap-card h3{font:600 20px/1.05 'Cormorant Garamond',Georgia,serif;color:#fff;margin:5px 0}
.ref-cap-card h3 b{color:#E7C46F;font:400 16px Montserrat,Arial,sans-serif;float:right}
.ref-cap-card p{font:400 9px/1.45 Montserrat,Arial,sans-serif;color:#E2E8EC;margin:0}
.ref-capability-more{margin-top:15px;padding-top:12px;border-top:1px solid #D9D5CC;font:400 9px/1.5 Montserrat,Arial,sans-serif;color:#586A78}
.ref-capability-more span{font:700 8px Montserrat,Arial,sans-serif;letter-spacing:1.3px;color:#987026;margin-right:12px}
.ref-capability-more i{font-style:normal;color:#B98A34;padding:0 6px}

.ref-engagement-section{padding:52px 0;background:linear-gradient(105deg,#0A1E32,#102D47);color:#fff}
.ref-engagement-section .ref-section-heading h2{color:#fff}
.ref-engagement-section .ref-section-heading>p{color:#D0D9DF}
.ref-engagement-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;gap:9px;align-items:stretch}
.ref-engagement-flow article{padding:19px 20px 16px;border:1px solid rgba(218,184,102,.45);border-top:2px solid var(--gold);background:rgba(255,255,255,.035)}
.ref-engagement-flow article>b{font:600 24px 'Cormorant Garamond',Georgia,serif;color:#E4BF68}
.ref-engagement-flow h3{font:600 22px/1.1 'Cormorant Garamond',Georgia,serif;color:#fff;margin:4px 0 7px}
.ref-engagement-flow p{font:400 9px/1.55 Montserrat,Arial,sans-serif;color:#D5DDE3;margin:0 0 12px}
.ref-engagement-flow small{display:block;border-top:1px solid rgba(218,184,102,.3);padding-top:9px;font:500 8px/1.5 Montserrat,Arial,sans-serif;color:#E4C16D}
.ref-engagement-flow small em{font-style:normal;padding:0 4px;color:#fff}
.ref-engagement-flow>i{display:grid;place-items:center;font:22px 'Cormorant Garamond',Georgia,serif;color:#D5AD57;font-style:normal}

.ref-selected-section{padding:54px 0;background:#F2F0EA}
.ref-selected-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:center}
.ref-selected-grid>div:first-child h2{font:600 34px/1.03 'Cormorant Garamond',Georgia,serif;color:#fff;margin:0 0 9px}
.ref-selected-grid>div:first-child p{font:400 10px/1.55 Montserrat,Arial,sans-serif;color:#D3DDE4;margin:0 0 16px;max-width:340px}
.ref-selected-grid>div:first-child{background:var(--navy);padding:28px 25px;min-height:260px}
.ref-selected-grid .ref-kicker{color:#E4C16F}
.ref-case-card{display:grid;grid-template-columns:.86fr 1.14fr;background:#FBFAF6;border:1px solid #D6D2C8;box-shadow:0 9px 23px rgba(11,29,51,.08)}
.ref-case-card>img{width:100%;height:100%;min-height:245px;object-fit:cover}
.ref-case-card>div{padding:22px 23px}
.ref-case-card small{font:700 8px Montserrat,Arial,sans-serif;letter-spacing:1.4px;color:#987026}
.ref-case-card h3{font:600 24px/1.08 'Cormorant Garamond',Georgia,serif;color:var(--navy);margin:8px 0}
.ref-case-card p{font:400 9px/1.55 Montserrat,Arial,sans-serif;color:#586A78}
.ref-case-card a{font:600 8px Montserrat,Arial,sans-serif;color:#987026;border-bottom:1px solid var(--gold);padding-bottom:4px}

.ref-output-section{padding:54px 0;background:#FBFAF6}
.ref-output-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;gap:8px;align-items:center}
.ref-output-flow article img{display:block;width:100%;height:118px;object-fit:cover;object-position:top;border:1px solid #D7D3CA;box-shadow:0 4px 13px rgba(11,29,51,.07);margin-bottom:9px}
.ref-output-flow article>b{font:700 7px Montserrat,Arial,sans-serif;letter-spacing:1.4px;color:#9A7127}
.ref-output-flow h3{font:600 18px/1.05 'Cormorant Garamond',Georgia,serif;color:var(--navy);margin:4px 0}
.ref-output-flow p{font:400 8px/1.45 Montserrat,Arial,sans-serif;color:#596A78;margin:0}
.ref-output-flow>i{font:20px 'Cormorant Garamond',Georgia,serif;font-style:normal;color:#B98A34;text-align:center}

.ref-cta{padding:44px 0;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.ref-cta:after{content:"";position:absolute;right:-120px;top:-190px;width:470px;height:470px;border:1px solid rgba(199,157,58,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(199,157,58,.035),0 0 0 75px rgba(199,157,58,.02)}
.ref-cta>.container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px}
.ref-cta h2{font:600 34px/1.02 'Cormorant Garamond',Georgia,serif;color:#fff;margin:0 0 7px}
.ref-cta p{font:400 10px/1.55 Montserrat,Arial,sans-serif;color:#D1DBE2;max-width:560px;margin:0}

/* Footer and inner-page continuity */
.reference-home .site-footer{background:#071A2D;color:#E2E8ED}
.reference-home .footer-inner{min-height:88px}
.reference-home .footer-brand img{width:160px;height:67px;object-fit:contain}
.reference-home .footer-brand p{font:italic 12px/1.3 'Cormorant Garamond',Georgia,serif;color:#D8E0E5}
.reference-home .footer-inner nav{font:500 8px Montserrat,Arial,sans-serif;gap:17px}
.reference-home .linkedin{background:#1E5C83}
.reference-home .footer-bottom{font:400 8px Montserrat,Arial,sans-serif;color:#AAB7C1}

/* Consistent interior-page palette, heading typography, header and buttons. */
body:not(.reference-home){font-family:Montserrat,Arial,sans-serif;background:#F5F3ED;color:#13273C}
body:not(.reference-home) h1,body:not(.reference-home) h2,body:not(.reference-home) h3,body:not(.reference-home) h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.2px}
body:not(.reference-home) .site-header{height:66px;background:#fff;color:var(--navy);border-bottom:1px solid #E7E4DC;box-shadow:0 2px 9px rgba(11,29,51,.045)}
body:not(.reference-home) .header-inner{height:66px}
body:not(.reference-home) .brand-link{width:auto;min-width:330px;height:66px;display:flex;align-items:center;gap:17px;overflow:visible;background:transparent;border-radius:0}
body:not(.reference-home) .header-logo-exact{width:178px;height:auto;max-height:52px;object-fit:contain}
body:not(.reference-home) .brand-tagline{display:block;padding:2px 0 2px 17px;border-left:1px solid #BFC2C2;color:#172B40;font:italic 15px/1.05 'Cormorant Garamond',Georgia,serif;white-space:nowrap}
body:not(.reference-home) .nav{gap:23px;font:600 11px/1 Montserrat,Arial,sans-serif}
body:not(.reference-home) .nav a{color:var(--navy)}
body:not(.reference-home) .nav .nav-cta{background:var(--gold)!important;color:#fff!important;border:1px solid var(--gold);border-radius:3px;padding:11px 16px!important}
body:not(.reference-home) .inner-hero{background:var(--navy);min-height:300px}
body:not(.reference-home) .inner-hero:before{background-size:cover;background-position:center;filter:none}
body:not(.reference-home) .inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,33,.92),rgba(5,19,33,.72) 48%,rgba(5,19,33,.18) 100%)}
body:not(.reference-home) .inner-hero .container{position:relative;z-index:1;min-height:300px}
body:not(.reference-home) .inner-hero-copy{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:25px 0;max-width:640px}
body:not(.reference-home) .inner-hero h1{font:500 43px/1.02 'Cormorant Garamond',Georgia,serif;font-style:normal;color:#fff}
body:not(.reference-home) .inner-hero h1 em{color:#E4B84F;font-style:italic}
body:not(.reference-home) .inner-hero p{font:400 12px/1.6 Montserrat,Arial,sans-serif;font-style:normal;color:#E0E7EC}
body:not(.reference-home) .inner-hero .eyebrow{color:#E6C16D;font:700 9px Montserrat,Arial,sans-serif;letter-spacing:1.8px}
body:not(.reference-home) .inner-hero .hero-note{color:#F3E7C7;font:italic 18px/1.2 'Cormorant Garamond',Georgia,serif}
body:not(.reference-home) .inner-main,body:not(.reference-home) .section-band,body:not(.reference-home) .service-application,body:not(.reference-home) .collaboration-section,body:not(.reference-home) .sample-guide,body:not(.reference-home) .contact-context{background:#F5F3ED}
body:not(.reference-home) .value-card,body:not(.reference-home) .service-card,body:not(.reference-home) .engagement-card,body:not(.reference-home) .editorial-card,body:not(.reference-home) .work-detail,body:not(.reference-home) .sample-image-card,body:not(.reference-home) .contact-form{background:#FBFAF6;border:1px solid #D8D4CB;border-radius:2px;box-shadow:0 7px 20px rgba(11,29,51,.06)}
body:not(.reference-home) .service-card,body:not(.reference-home) .value-card{border-top:2px solid var(--gold)}
body:not(.reference-home) .page-cta{background:var(--navy)}
body:not(.reference-home) .page-cta .btn,body:not(.reference-home) .contact-form .btn{background:var(--gold);border:1px solid var(--gold);border-radius:2px;color:#fff}
body:not(.reference-home) .site-footer{background:#071A2D}

@media(max-width:1100px){
 .reference-home .container,body:not(.reference-home) .container{width:calc(100% - 56px)}
 .reference-home .brand-link,body:not(.reference-home) .brand-link{min-width:280px}.reference-home .header-logo-exact,body:not(.reference-home) .header-logo-exact{width:160px}
 .reference-home .brand-tagline,body:not(.reference-home) .brand-tagline{font-size:13px;padding-left:12px}
 .reference-home .nav,body:not(.reference-home) .nav{gap:13px;font-size:9px}
 .ref-hero-topics{right:0;width:190px}.ref-hero h1{font-size:43px}
 .ref-question-grid{grid-template-columns:1.25fr repeat(5,1fr)}.ref-question{padding-left:10px;padding-right:7px}.ref-question p{font-size:12px}
 .ref-process-grid{grid-template-columns:.85fr 1.4fr .85fr;gap:10px}.ref-process-wheel{transform:scale(.94)}.ref-deliverable{padding-left:12px}
}
@media(max-width:820px){
 .reference-home .site-header,body:not(.reference-home) .site-header{height:66px}.reference-home .header-inner,body:not(.reference-home) .header-inner{height:66px}
 .reference-home .menu-btn,body:not(.reference-home) .menu-btn{display:block;margin-left:auto;background:#fff;border:1px solid var(--gold);color:var(--navy);border-radius:2px;padding:4px 10px;font-size:21px}
 .reference-home .nav,body:not(.reference-home) .nav{display:none;position:absolute;left:0;right:0;top:66px;padding:12px 28px 18px;background:#fff;box-shadow:0 12px 22px rgba(11,29,51,.12);flex-direction:column;align-items:stretch;gap:0}
 .reference-home .nav.open,body:not(.reference-home) .nav.open{display:flex}.reference-home .nav a,body:not(.reference-home) .nav a{padding:12px 4px;border-bottom:1px solid #E9E6DE}.reference-home .nav .nav-cta,body:not(.reference-home) .nav .nav-cta{margin-top:10px;text-align:center}
 .ref-hero{height:360px}.ref-hero-copy{width:68%}.ref-hero h1{font-size:40px}.ref-hero-topics{display:none}
 .ref-ribbon-grid{grid-template-columns:repeat(2,1fr);padding:12px 0}.ref-ribbon-lead{grid-column:1/-1;padding:4px 0 10px}.ref-ribbon-item{border-left:0;border-top:1px solid #D2CEC4;padding:10px 5px}
 .ref-question-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ref-question-intro{grid-column:1/-1;padding:0 0 8px}.ref-question{height:auto;min-height:100px;border-left:1px solid rgba(218,184,102,.42)}
 .ref-process-grid{grid-template-columns:1fr}.ref-process-intro{max-width:560px}.ref-process-wheel{max-width:480px}.ref-deliverable{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;align-items:center;border-left:0;border-top:1px solid #C9C4B8;padding:14px 0 0;min-height:0}.ref-deliverable .ref-kicker{margin:0}.ref-deliverable h3{margin:0}.ref-deliverable p{margin:0}.ref-deliverable img{height:70px;margin:0}
 .ref-proof-grid{grid-template-columns:repeat(2,1fr)}.ref-proof-image{display:none}.ref-proof-grid>div:not(:first-child){min-height:72px;border-bottom:1px solid rgba(216,181,103,.25)}
 .ref-section-heading{grid-template-columns:1fr;gap:12px}.ref-capability-cards{grid-template-columns:repeat(2,1fr)}
 .ref-engagement-flow{grid-template-columns:1fr}.ref-engagement-flow>i{transform:rotate(90deg);height:20px}
 .ref-selected-grid{grid-template-columns:1fr}.ref-selected-grid>div:first-child{min-height:0}.ref-output-flow{grid-template-columns:1fr 22px 1fr}.ref-output-flow article:nth-of-type(3){grid-column:1}.ref-output-flow article:nth-of-type(4){grid-column:3}.ref-output-flow>i:nth-of-type(2){display:none}
 .ref-cta>.container{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
 .reference-home .container,body:not(.reference-home) .container{width:calc(100% - 34px)}
 .reference-home .brand-tagline,body:not(.reference-home) .brand-tagline{display:none}.reference-home .header-logo-exact,body:not(.reference-home) .header-logo-exact{width:165px}
 .ref-hero{height:430px}.ref-hero-bg{background-position:62% center}.ref-hero-shade{background:linear-gradient(90deg,rgba(5,19,33,.95),rgba(5,19,33,.73) 72%,rgba(5,19,33,.45))}.ref-hero-inner{align-items:flex-start;padding-top:70px}.ref-hero-copy{width:100%}.ref-eyebrow{font-size:8px;letter-spacing:1.5px}.ref-hero h1{font-size:38px}.ref-hero-copy>p{font-size:10px;max-width:390px}.ref-button{font-size:8px;padding:9px 11px;min-height:34px}
 .ref-ribbon-grid{grid-template-columns:1fr 1fr}.ref-ribbon-item{gap:8px;padding:10px 2px}.ref-ribbon-item svg{width:27px;height:27px;flex-basis:27px}.ref-ribbon-item strong{font-size:14px}.ref-ribbon-item small{font-size:7px}
 .ref-questions{padding:21px 0}.ref-question-grid{gap:8px}.ref-question-intro h2{font-size:26px}.ref-question{min-height:108px;padding:8px}.ref-question p{font-size:13px}.ref-question svg{width:24px;height:24px}
 .ref-process-section{padding:25px 0}.ref-process-intro h2{font-size:27px}.ref-process-intro p{font-size:9px}.ref-process-wheel{height:255px;transform:scale(.9);transform-origin:center}.ref-wheel-ring{width:190px;height:185px}.ref-wheel-center{width:76px;height:76px}.ref-wheel-node{width:125px;gap:5px}.ref-node-icon{width:37px;height:37px;flex-basis:37px}.ref-node-icon svg{width:22px;height:22px}.ref-wheel-node strong{font-size:14px}.ref-wheel-node small{font-size:7px}.ref-node-right{right:-10px}.ref-node-left{left:-10px}.ref-node-lowerright{right:-8px}.ref-node-lowerleft{left:-8px}.ref-deliverable{grid-template-columns:1fr}.ref-deliverable img{height:95px}
 .ref-proof-grid{grid-template-columns:1fr 1fr}.ref-proof-grid>div:not(:first-child){padding:10px 6px}.ref-proof-grid>div>strong{font-size:17px}.ref-proof-grid>div>span{font-size:7px}
 .ref-capabilities-section,.ref-engagement-section,.ref-selected-section,.ref-output-section{padding:39px 0}.ref-section-heading h2{font-size:29px}.ref-section-heading>p{font-size:9px}.ref-capability-cards{grid-template-columns:1fr}.ref-cap-card{height:215px}.ref-capability-more{font-size:8px;line-height:1.8}
 .ref-case-card{grid-template-columns:1fr}.ref-case-card>img{height:160px;min-height:0}.ref-case-card>div{padding:17px}.ref-case-card h3{font-size:22px}
 .ref-output-flow{grid-template-columns:1fr}.ref-output-flow>i{transform:rotate(90deg);height:18px}.ref-output-flow article img{height:150px}.ref-output-flow h3{font-size:20px}.ref-output-flow p{font-size:9px}
 .ref-cta{padding:35px 0}.ref-cta h2{font-size:30px}.ref-cta p{font-size:9px}.reference-home .footer-inner{display:block;padding:18px 0}.reference-home .footer-brand{margin-bottom:14px}.reference-home .footer-brand img{width:145px}.reference-home .footer-brand p,.reference-home .footer-divider{display:none}.reference-home .footer-inner nav{display:flex;flex-wrap:wrap;gap:10px 14px;margin:10px 0 14px}.reference-home .footer-inner nav a{font-size:8px}.reference-home .linkedin{margin:0}.reference-home .footer-bottom{height:auto;padding:8px 0;justify-content:space-between;gap:8px;font-size:7px}
 .inner-hero,.inner-hero .container{min-height:310px}body:not(.reference-home) .inner-hero h1{font-size:35px}
}

/* Final typography and circular diagram tuning */
.reference-home{font-family:Montserrat,Arial,sans-serif!important;background:#F5F3ED}
.ref-hero h1{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:49px!important;font-weight:500!important;line-height:.96!important;letter-spacing:-.55px}
.ref-hero h1 em{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:500!important;color:#E4B84F!important}
.ref-hero-copy>p{font-family:Montserrat,Arial,sans-serif!important;font-size:13px!important;line-height:1.55!important}
.ref-button{font-family:Montserrat,Arial,sans-serif!important;font-size:10px!important}
.ref-button-clear{border-color:#D6B45E!important;color:#fff!important}
.ref-button-clear:hover{background:#C79D3A!important;border-color:#C79D3A!important;color:#fff!important}
.ref-process-wheel{height:274px;max-width:510px}
.ref-wheel-ring{width:226px;height:202px;top:51%;}
.ref-wheel-center{width:88px;height:88px;background:#fff;border:2px solid #C79D3A;box-shadow:0 7px 18px rgba(11,29,51,.18)}
.ref-wheel-center img{width:69px;height:68px;object-fit:contain;object-position:center;background:#fff;border-radius:50%;margin:0}
.ref-wheel-node{width:174px;gap:7px}
.ref-wheel-node>span:last-child{background:rgba(250,249,245,.94);padding:3px 5px;border-radius:2px;min-width:0}
.ref-wheel-node strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px!important;line-height:1.02}
.ref-wheel-node small{font-family:Montserrat,Arial,sans-serif;font-size:8px;line-height:1.35;white-space:normal}
.ref-node-top{top:-2px;width:176px}
.ref-node-left{left:-3px;top:34%;flex-direction:row-reverse;text-align:right}
.ref-node-lowerleft{left:2px;bottom:-2px;flex-direction:row-reverse;text-align:right}
.ref-node-right{right:-3px;top:34%}
.ref-node-lowerright{right:2px;bottom:-2px}
.ref-node-icon{width:46px;height:46px;flex-basis:46px;background:#FBFAF6}
.ref-node-icon svg{width:27px;height:27px}
.ref-ribbon-item strong,.ref-question p,.ref-wheel-node strong,.ref-deliverable h3,.ref-section-heading h2,.ref-cap-card h3,.ref-engagement-flow h3,.ref-case-card h3,.ref-output-flow h3,.ref-cta h2{font-family:'Cormorant Garamond',Georgia,serif}
.ref-ribbon-item small,.ref-question-intro p,.ref-process-intro p,.ref-deliverable p,.ref-section-heading>p,.ref-cap-card p,.ref-engagement-flow p,.ref-case-card p,.ref-output-flow p,.ref-cta p{font-family:Montserrat,Arial,sans-serif}
@media(max-width:560px){
 .ref-hero h1{font-size:39px!important}
 .ref-process-wheel{height:260px}
 .ref-wheel-node{width:132px}
 .ref-node-left{left:-8px}.ref-node-lowerleft{left:-6px}.ref-node-right{right:-8px}.ref-node-lowerright{right:-6px}
}
/* Legibility tuning after full-size visual review */
.ref-ribbon-lead{font-size:10px}
.ref-ribbon-item small{font-size:9.5px}
.ref-question-intro p{font-size:10px}
.ref-question p{font-size:14.5px}
.ref-process-intro p{font-size:11.5px;line-height:1.55}
.ref-wheel-node strong{font-size:18px!important}
.ref-wheel-node small{font-size:9px;line-height:1.35}
.ref-deliverable h3{font-size:21px}
.ref-deliverable p{font-size:10px;line-height:1.5}
.ref-proof-grid>div>span{font-size:9px}
.ref-section-heading>p{font-size:11px}
.ref-cap-card p{font-size:10px}
.ref-engagement-flow p{font-size:10px}
.ref-case-card p{font-size:10px}
.ref-output-flow p{font-size:9px}
.ref-cta p{font-size:11px}
@media(max-width:560px){.ref-wheel-node small{font-size:8px}.ref-process-intro p{font-size:10px}.ref-deliverable p{font-size:9px}}
/* Interior page component contrast and exact logo visibility */
body:not(.reference-home) .site-header .header-logo-exact{display:block!important;width:178px;height:auto;max-height:52px;object-fit:contain}
body:not(.reference-home) .editorial-card{background:#0B1D33!important;color:#fff;border:1px solid rgba(199,157,58,.42);box-shadow:0 8px 22px rgba(11,29,51,.12)}
body:not(.reference-home) .editorial-card h3,body:not(.reference-home) .editorial-card p{color:#fff!important}
body:not(.reference-home) .editorial-card .principle-card{background:transparent;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:12px!important}
body:not(.reference-home) .editorial-card .principle-card p{color:#D3DDE4!important}
body:not(.reference-home) .about-model{background:#0B1D33!important;color:#fff}
body:not(.reference-home) .about-model h2,body:not(.reference-home) .about-model h3{color:#fff}
body:not(.reference-home) .about-model .fit-grid article{background:rgba(255,255,255,.035);border:1px solid rgba(218,184,102,.28);border-top:2px solid #C79D3A}
body:not(.reference-home) .about-model .fit-grid article h3{color:#fff}
body:not(.reference-home) .about-model .fit-grid article p{color:#D5DEE5}
body:not(.reference-home) .about-model .fit-grid article>span{color:#E4C16F}
body:not(.reference-home) .value-card,body:not(.reference-home) .service-card,body:not(.reference-home) .engagement-card,body:not(.reference-home) .work-detail,body:not(.reference-home) .application-grid article,body:not(.reference-home) .fit-grid article{color:#13273C}
body:not(.reference-home) .value-card h3,body:not(.reference-home) .service-card h3,body:not(.reference-home) .engagement-card h3,body:not(.reference-home) .work-detail h2,body:not(.reference-home) .work-detail h3,body:not(.reference-home) .application-grid h3{font-family:'Cormorant Garamond',Georgia,serif;color:#0B1D33}
body:not(.reference-home) .value-card p,body:not(.reference-home) .service-card p,body:not(.reference-home) .engagement-card p,body:not(.reference-home) .work-detail p,body:not(.reference-home) .work-detail li,body:not(.reference-home) .application-grid p{font-family:Montserrat,Arial,sans-serif;color:#596A78}
body:not(.reference-home) .section-title h2,body:not(.reference-home) .content-heading h2,body:not(.reference-home) .about-position-layout h2,body:not(.reference-home) .delivery-layout h2,body:not(.reference-home) .collaboration-layout h2,body:not(.reference-home) .sample-guide-layout h2,body:not(.reference-home) .work-context-layout h2{font-family:'Cormorant Garamond',Georgia,serif;color:#0B1D33}
body:not(.reference-home) .content-heading p,body:not(.reference-home) .about-position-layout p,body:not(.reference-home) .delivery-layout p,body:not(.reference-home) .collaboration-layout p,body:not(.reference-home) .sample-guide-layout p,body:not(.reference-home) .work-context-layout p{font-family:Montserrat,Arial,sans-serif;color:#596A78}
body:not(.reference-home) .service-card:after{background:linear-gradient(180deg,rgba(5,19,32,.1),rgba(5,19,32,.84))}
body:not(.reference-home) .service-card h3,body:not(.reference-home) .service-card p{color:#fff}
body:not(.reference-home) .service-card .service-kicker{color:#E4C16F}
body:not(.reference-home) .service-card .icon{stroke:#E4C16F}
body:not(.reference-home) .inner-main .section-title,body:not(.reference-home) .section-band .section-title{margin-bottom:25px}
body:not(.reference-home) .page-cta .btn,body:not(.reference-home) .contact-form .btn{border:1px solid #C79D3A;background:#C79D3A;color:#fff}
body.about-page .editorial-card:before{opacity:.10}
body.about-page .editorial-card:after{background:rgba(11,29,51,.84)}
body.about-page .editorial-card h3,body.about-page .editorial-card p{color:#fff!important}
.ref-wheel-node small{font-size:9.5px}
@media(max-width:560px){.ref-wheel-node small{font-size:8px}}
.reference-home .nav,body:not(.reference-home) .nav{font-size:12px}
.ref-hero-copy>p{font-size:14px!important}
.ref-button{font-size:11px!important}
.ref-wheel-node small{font-size:10px}
body.about-page .value-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){body.about-page .value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body.about-page .value-grid{grid-template-columns:1fr}.ref-wheel-node small{font-size:8px}}
/* Interior page flow layouts */
body.how-page .research-route{display:flex;align-items:center;gap:6px;grid-template-columns:none;overflow:visible}
body.how-page .research-route>div{flex:1 1 0;min-width:0;min-height:82px;padding:8px 5px}
body.how-page .research-route>i{display:block;flex:0 0 14px;font-size:16px}
body:not(.reference-home) .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){body.how-page .research-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}body.how-page .research-route>i{display:none}}
@media(max-width:820px){body:not(.reference-home) .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body:not(.reference-home) .service-grid{grid-template-columns:1fr}}


/* v18: page-specific process placement, shared editorial typography and clean hero separation */
.ref-home-process-summary{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;align-items:center;gap:5px;width:100%;padding:18px 10px;border-top:1px solid #D6D0C4;border-bottom:1px solid #D6D0C4;background:rgba(255,255,255,.42)}
.ref-home-process-summary>div{min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 10px;border-left:1px solid rgba(184,135,46,.45)}
.ref-home-process-summary>div:first-child{border-left:0}
.ref-home-process-summary span{font:700 9px/1 Montserrat,Arial,sans-serif;letter-spacing:1.5px;color:#A77A27}
.ref-home-process-summary b{font:600 22px/1.05 'Cormorant Garamond',Georgia,serif;color:#0B1D33;margin:7px 0 5px}
.ref-home-process-summary small{font:400 10px/1.4 Montserrat,Arial,sans-serif;color:#586A78}
.ref-home-process-summary>i{font-style:normal;color:#B8872E;font-size:19px;text-align:center}
.how-wheel-feature{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(460px,1.22fr);align-items:center;gap:24px;margin:26px 0 36px;padding:28px 30px;background:linear-gradient(110deg,#F0EEE8,#FBFAF6 58%,#F1EFE9);border:1px solid #D9D3C6;border-top:2px solid #C79D3A;box-shadow:0 9px 24px rgba(11,29,51,.055)}
.how-wheel-copy .eyebrow{font:700 9px/1.2 Montserrat,Arial,sans-serif;letter-spacing:1.7px;color:#987026;margin-bottom:10px}
.how-wheel-copy h2{font:600 31px/1.04 'Cormorant Garamond',Georgia,serif;color:#0B1D33;margin:0 0 13px;max-width:330px}
.how-wheel-copy h2 em{font-style:italic;color:#B8872E}
.how-wheel-copy p{font:400 12px/1.65 Montserrat,Arial,sans-serif;color:#586A78;margin:0;max-width:355px}
.how-wheel-note{margin-top:22px;padding:12px 14px;border-left:2px solid #C79D3A;background:rgba(11,29,51,.045);display:flex;flex-direction:column;gap:5px}
.how-wheel-note b{font:600 13px 'Cormorant Garamond',Georgia,serif;color:#0B1D33}
.how-wheel-note span{font:500 9px Montserrat,Arial,sans-serif;color:#8B6728;letter-spacing:.2px}
.how-wheel-feature .ref-process-wheel{max-width:510px;width:100%;height:310px;margin:0 auto;transform:none}
.how-wheel-feature .ref-wheel-arcs{inset:0}
.how-wheel-feature .ref-wheel-ring{width:226px;height:202px}
.how-wheel-feature .ref-wheel-center{width:88px;height:88px}
.how-wheel-feature .ref-wheel-node{width:174px}
/* One typography system across all pages: Cormorant display, Montserrat supporting text. */
body,body:not(.reference-home){font-family:Montserrat,Arial,sans-serif}
body h1,body h2,body h3,body h4,body:not(.reference-home) h1,body:not(.reference-home) h2,body:not(.reference-home) h3,body:not(.reference-home) h4{font-family:'Cormorant Garamond',Georgia,serif}
body p,body li,body label,body input,body textarea,body button,body nav,body .eyebrow,body .ref-kicker{font-family:Montserrat,Arial,sans-serif}
body:not(.reference-home) .inner-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(39px,4vw,51px);font-weight:500;line-height:1.02;letter-spacing:-.45px;color:#fff}
body:not(.reference-home) .inner-hero h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;color:#E4B84F}
body:not(.reference-home) .inner-hero{position:relative;display:block;margin:0;clear:both;min-height:330px;overflow:hidden}
body:not(.reference-home) .inner-hero .container{position:relative;z-index:2;min-height:330px;margin-top:0;transform:none;display:flex;align-items:center}
body:not(.reference-home) .inner-hero:before,body:not(.reference-home) .inner-hero:after{z-index:0}
body:not(.reference-home) .site-header{position:relative;top:auto;z-index:60;margin:0;transform:none}
body:not(.reference-home) main{display:block;position:relative;margin:0;padding:0}
body:not(.reference-home) .inner-hero-copy{position:relative;z-index:2;margin:0;transform:none;padding:32px 0;max-width:680px}
body:not(.reference-home) .inner-hero .hero-note{position:relative;z-index:2;margin-left:auto}
/* Preserve source image proportions and focal detail throughout hero and project imagery. */
.inner-hero:before{background-size:cover;background-repeat:no-repeat}
.ref-cap-card>img,.ref-case-card>img,.ref-proof-image img,.sample-image-card img,.work-detail img{max-width:100%;object-fit:cover}
.sample-image-card img,.work-detail img{height:auto}
@media(max-width:1000px){
 .how-wheel-feature{grid-template-columns:1fr;gap:8px;padding:24px 18px}
 .how-wheel-copy h2,.how-wheel-copy p{max-width:650px}
 .how-wheel-feature .ref-process-wheel{max-width:510px}
 .ref-home-process-summary{grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;padding:12px 4px}
 .ref-home-process-summary>div{padding:9px 5px}
}
@media(max-width:760px){
 .ref-home-process-summary{grid-template-columns:1fr 16px 1fr;row-gap:8px}
 .ref-home-process-summary>div{min-height:90px}
 .ref-home-process-summary>i:nth-of-type(2){display:none}
 .ref-home-process-summary>div:nth-of-type(3){grid-column:1}
 .ref-home-process-summary>div:nth-of-type(4){grid-column:3}
 .how-wheel-feature{margin:20px 0 28px;padding:20px 12px}
 .how-wheel-feature .ref-process-wheel{height:290px;max-width:500px;transform:scale(.94);transform-origin:center}
 .how-wheel-copy h2{font-size:28px}
 body:not(.reference-home) .inner-hero,body:not(.reference-home) .inner-hero .container{min-height:310px}
 body:not(.reference-home) .inner-hero .hero-note{display:none}
}
@media(max-width:560px){
 .how-wheel-feature .ref-process-wheel{height:265px;transform:scale(.82);transform-origin:top center;margin-bottom:-35px}
 .how-wheel-feature .ref-wheel-node{width:132px}
 .ref-home-process-summary{grid-template-columns:1fr 12px 1fr}
 .ref-home-process-summary b{font-size:19px}
 .ref-home-process-summary small{font-size:8px}
 body:not(.reference-home) .inner-hero,body:not(.reference-home) .inner-hero .container{min-height:300px}
 body:not(.reference-home) .inner-hero h1{font-size:37px}
}

/* Homepage refinement: remove the typical-deliverable panel and let the process summary use the available space. */
.home-page .ref-process-grid{grid-template-columns:.9fr 1.6fr;gap:28px}
@media(max-width:980px){.home-page .ref-process-grid{grid-template-columns:1fr 1.35fr;gap:18px}}
@media(max-width:760px){.home-page .ref-process-grid{grid-template-columns:1fr;gap:20px}}

/* GLOBAL HEADER / HERO SEPARATION FIX — all pages and viewport sizes.
   Keep the navigation in normal document flow and give it enough height
   so the first hero section always starts below the complete white banner. */
.site-header,
.reference-home .site-header,
body:not(.reference-home) .site-header{
  position:relative!important;
  top:auto!important;
  inset-block-start:auto!important;
  display:block!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  flex:none!important;
  z-index:60;
}
.site-header .header-inner,
.reference-home .header-inner,
body:not(.reference-home) .header-inner{
  height:76px!important;
  min-height:76px!important;
  margin-top:0!important;
  transform:none!important;
}
body main{
  display:block;
  position:relative;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body main > :first-child{
  margin-top:0!important;
  transform:none!important;
}
@media(max-width:820px){
  .site-header, .reference-home .site-header, body:not(.reference-home) .site-header,
  .site-header .header-inner, .reference-home .header-inner, body:not(.reference-home) .header-inner{
    height:76px!important;
    min-height:76px!important;
  }
  .reference-home .nav,body:not(.reference-home) .nav,.site-header .nav{
    top:76px!important;
  }
}

/* Final header refinement: compact vertical padding while retaining full separation from page heroes. */
.site-header,
.reference-home .site-header,
body:not(.reference-home) .site-header{
  height:68px!important;
  min-height:68px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.site-header .header-inner,
.reference-home .header-inner,
body:not(.reference-home) .header-inner{
  height:68px!important;
  min-height:68px!important;
}
@media(max-width:820px){
  .site-header,.reference-home .site-header,body:not(.reference-home) .site-header,
  .site-header .header-inner,.reference-home .header-inner,body:not(.reference-home) .header-inner{
    height:68px!important;min-height:68px!important;
  }
  .reference-home .nav,body:not(.reference-home) .nav,.site-header .nav{top:68px!important}
}
/* Use the standard pointer on interactive elements; show the brand anchor only while pressing. */
html,body{cursor:auto!important}
a,button,[role="button"],.home-info-box{cursor:pointer!important}
a:active,button:active,[role="button"]:active,.home-info-box:active{
  cursor:url('../assets/anchor-cursor.svg') 16 16,pointer!important;
}
input,textarea,select{cursor:text!important}


/* How We Work wheel correction: preserve the diagram's proportions at every width. */
.how-wheel-feature{overflow:visible}
.how-wheel-feature .ref-process-wheel{
  width:min(100%,540px);
  max-width:540px;
  height:auto;
  aspect-ratio:460 / 310;
  min-height:0;
  position:relative;
  margin:0 auto;
  transform:none;
}
.how-wheel-feature .ref-wheel-arcs{
  position:absolute;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  width:100%;
  height:100%;
  transform:translate(-50%,-50%);
  preserveAspectRatio:xMidYMid meet;
}
.how-wheel-feature .ref-wheel-ring{
  width:218px;
  height:218px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.how-wheel-feature .ref-wheel-center{
  width:88px;
  height:88px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.how-wheel-feature .ref-wheel-center img{
  width:68px;
  height:68px;
  object-fit:contain;
  object-position:center;
  background:transparent;
  border-radius:0;
}
.how-wheel-feature .ref-wheel-node{
  width:174px;
  max-width:38%;
  gap:8px;
}
.how-wheel-feature .ref-node-top{left:50%;top:0;transform:translateX(-50%);width:176px;max-width:42%}
.how-wheel-feature .ref-node-right{right:0;top:34%}
.how-wheel-feature .ref-node-lowerright{right:1%;bottom:0}
.how-wheel-feature .ref-node-lowerleft{left:1%;bottom:0}
.how-wheel-feature .ref-node-left{left:0;top:34%}
.how-wheel-feature .ref-node-icon{width:48px;height:48px;flex:0 0 48px}
.how-wheel-feature .ref-node-icon svg{width:27px;height:27px}
.how-wheel-feature .ref-wheel-node strong{font-size:18px!important;line-height:1.05}
.how-wheel-feature .ref-wheel-node small{font-size:9px;line-height:1.35}
@media(max-width:1000px){
  .how-wheel-feature .ref-process-wheel{width:min(100%,540px);max-width:540px}
}
@media(max-width:760px){
  .how-wheel-feature{overflow:visible}
  .how-wheel-feature .ref-process-wheel{width:100%;max-width:510px;aspect-ratio:460 / 310;height:auto;transform:none;margin:8px auto 0}
  .how-wheel-feature .ref-wheel-node{width:158px;max-width:38%}
  .how-wheel-feature .ref-node-top{width:170px;max-width:42%}
  .how-wheel-feature .ref-wheel-ring{width:200px;height:200px}
  .how-wheel-feature .ref-wheel-center{width:80px;height:80px}
  .how-wheel-feature .ref-wheel-center img{width:62px;height:62px}
  .how-wheel-feature .ref-node-icon{width:42px;height:42px;flex-basis:42px}
  .how-wheel-feature .ref-node-icon svg{width:24px;height:24px}
  .how-wheel-feature .ref-wheel-node strong{font-size:16px!important}
  .how-wheel-feature .ref-wheel-node small{font-size:8px}
}
@media(max-width:560px){
  .how-wheel-feature .ref-process-wheel{width:100%;aspect-ratio:460 / 330;max-width:460px}
  .how-wheel-feature .ref-wheel-node{width:132px;max-width:37%;gap:5px}
  .how-wheel-feature .ref-node-top{width:150px;max-width:44%}
  .how-wheel-feature .ref-wheel-ring{width:164px;height:164px}
  .how-wheel-feature .ref-wheel-center{width:68px;height:68px}
  .how-wheel-feature .ref-wheel-center img{width:52px;height:52px}
  .how-wheel-feature .ref-node-icon{width:36px;height:36px;flex-basis:36px}
  .how-wheel-feature .ref-node-icon svg{width:21px;height:21px}
  .how-wheel-feature .ref-wheel-node strong{font-size:14px!important}
  .how-wheel-feature .ref-wheel-node small{font-size:7px;line-height:1.3}
  .how-wheel-feature .ref-wheel-node>span:last-child{padding:2px 3px}
}

/* Definitive circular process wheel: square geometry, never an ellipse. */
.how-wheel-feature .ref-process-wheel{
  width:100%!important;
  max-width:460px!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  position:relative!important;
  margin:0 auto!important;
  transform:none!important;
}
.how-wheel-feature .ref-wheel-arcs{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block;
}
.how-wheel-feature .ref-wheel-ring{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:58%!important;height:58%!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
}
.how-wheel-feature .ref-wheel-center{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:23%!important;height:auto!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
}
.how-wheel-feature .ref-wheel-center img{
  width:72%!important;height:72%!important;
  object-fit:contain!important;background:transparent!important;
  border-radius:0!important;
}
.how-wheel-feature .ref-wheel-node{
  position:absolute!important;
  width:36%!important;max-width:36%!important;
  display:flex!important;align-items:center!important;gap:7px!important;
}
.how-wheel-feature .ref-node-top{left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;justify-content:center!important;width:38%!important;max-width:38%!important}
.how-wheel-feature .ref-node-right{right:0!important;top:29%!important;left:auto!important;bottom:auto!important}
.how-wheel-feature .ref-node-lowerright{right:0!important;bottom:8%!important;left:auto!important;top:auto!important}
.how-wheel-feature .ref-node-lowerleft{left:0!important;bottom:8%!important;right:auto!important;top:auto!important;justify-content:flex-end!important;text-align:right!important}
.how-wheel-feature .ref-node-left{left:0!important;top:29%!important;right:auto!important;bottom:auto!important;justify-content:flex-end!important;text-align:right!important}
.how-wheel-feature .ref-wheel-node>span:last-child{display:flex;flex-direction:column}
.how-wheel-feature .ref-wheel-node strong{font-size:17px!important;line-height:1.05!important}
.how-wheel-feature .ref-wheel-node small{font-size:8px!important;line-height:1.35!important}
.how-wheel-feature .ref-node-icon{width:46px!important;height:46px!important;flex:0 0 46px!important}
.how-wheel-feature .ref-node-icon svg{width:26px!important;height:26px!important}
@media(max-width:760px){
 .how-wheel-feature .ref-process-wheel{max-width:460px!important;width:100%!important}
 .how-wheel-feature .ref-wheel-node{width:37%!important;max-width:37%!important;gap:5px!important}
 .how-wheel-feature .ref-node-top{width:40%!important;max-width:40%!important}
 .how-wheel-feature .ref-node-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
 .how-wheel-feature .ref-wheel-node strong{font-size:15px!important}
 .how-wheel-feature .ref-wheel-node small{font-size:7px!important}
}
@media(max-width:480px){
 .how-wheel-feature{padding:16px 10px!important}
 .how-wheel-feature .ref-process-wheel{max-width:420px!important}
 .how-wheel-feature .ref-wheel-node{width:39%!important;max-width:39%!important;gap:3px!important}
 .how-wheel-feature .ref-node-top{width:42%!important;max-width:42%!important}
 .how-wheel-feature .ref-node-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
 .how-wheel-feature .ref-node-icon svg{width:19px!important;height:19px!important}
 .how-wheel-feature .ref-wheel-node strong{font-size:13px!important}
 .how-wheel-feature .ref-wheel-node small{font-size:6.5px!important}
 .how-wheel-feature .ref-wheel-ring{width:54%!important;height:54%!important}
 .how-wheel-feature .ref-wheel-center{width:21%!important}
}

/* Sample Output: evidence-led deliverable presentation */
.deliverable-showcase{padding-top:72px;padding-bottom:82px}
.deliverable-intro{max-width:850px;margin:0 auto 34px;text-align:center}
.deliverable-intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;line-height:1.1;color:var(--navy);margin:12px 0}
.deliverable-intro p{max-width:780px;margin:0 auto;color:#536171;font-size:15px;line-height:1.8}
.deliverable-figure{margin:0 auto;max-width:1120px;background:#fff;border:1px solid #ded9cf;padding:12px;box-shadow:0 14px 36px rgba(11,29,51,.10)}
.deliverable-figure img{display:block;width:100%;height:auto;object-fit:contain}
.deliverable-figure figcaption{padding:12px 10px 5px;color:#77818b;font-size:11px;line-height:1.5}
.deliverable-analysis{padding-top:76px;padding-bottom:84px}
.deliverable-assurance{padding:70px 0 82px}
.deliverable-assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.deliverable-assurance-grid article{border-top:2px solid #C79D3A;padding:20px 4px 0}
.deliverable-assurance-grid h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;color:var(--navy);margin:0 0 8px}
.deliverable-assurance-grid p{font-size:14px;line-height:1.7;color:#536171;margin:0}
@media(max-width:760px){.deliverable-intro h2{font-size:31px}.deliverable-showcase,.deliverable-analysis{padding-top:48px;padding-bottom:54px}.deliverable-assurance-grid{grid-template-columns:1fr;gap:22px}.deliverable-figure{padding:7px}}

/* FINAL OVERRIDE — keep the How We Work wheel fully inside its content column. */
.how-wheel-feature{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:30px 22px 34px!important;
}
.how-wheel-feature .how-wheel-copy{
  width:100%!important;
  max-width:760px!important;
  text-align:center!important;
  margin:0 auto!important;
}
.how-wheel-feature .how-wheel-copy .gold-line{margin-left:auto!important;margin-right:auto!important}
.how-wheel-feature .how-wheel-note{justify-content:center!important}
.how-wheel-feature .ref-process-wheel{
  display:block!important;
  position:relative!important;
  width:min(100%,460px)!important;
  max-width:460px!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  flex:0 0 auto!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.how-wheel-feature .ref-wheel-arcs{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  transform:none!important;
  preserveAspectRatio:xMidYMid meet;
}
.how-wheel-feature .ref-wheel-ring{
  position:absolute!important;left:50%!important;top:50%!important;
  width:52%!important;height:52%!important;
  aspect-ratio:1/1!important;border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
}
.how-wheel-feature .ref-wheel-center{
  position:absolute!important;left:50%!important;top:50%!important;
  width:20%!important;height:auto!important;aspect-ratio:1/1!important;
  border-radius:50%!important;transform:translate(-50%,-50%)!important;
  box-sizing:border-box!important;
}
.how-wheel-feature .ref-wheel-center img{
  width:74%!important;height:74%!important;object-fit:contain!important;
  background:transparent!important;border-radius:0!important;
}
.how-wheel-feature .ref-wheel-node{
  position:absolute!important;display:flex!important;align-items:center!important;
  gap:7px!important;width:155px!important;max-width:36%!important;
  box-sizing:border-box!important;z-index:3!important;
}
.how-wheel-feature .ref-node-top{
  left:50%!important;top:0!important;right:auto!important;bottom:auto!important;
  width:165px!important;max-width:38%!important;transform:translateX(-50%)!important;
  justify-content:center!important;text-align:left!important;
}
.how-wheel-feature .ref-node-right{
  right:0!important;top:31%!important;left:auto!important;bottom:auto!important;
}
.how-wheel-feature .ref-node-lowerright{
  right:0!important;bottom:5%!important;left:auto!important;top:auto!important;
}
.how-wheel-feature .ref-node-lowerleft{
  left:0!important;bottom:5%!important;right:auto!important;top:auto!important;
  justify-content:flex-end!important;text-align:right!important;
}
.how-wheel-feature .ref-node-left{
  left:0!important;top:31%!important;right:auto!important;bottom:auto!important;
  justify-content:flex-end!important;text-align:right!important;
}
.how-wheel-feature .ref-node-icon{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
}
.how-wheel-feature .ref-node-icon svg{width:23px!important;height:23px!important}
.how-wheel-feature .ref-wheel-node>span:last-child{
  display:flex!important;flex-direction:column!important;min-width:0!important;
  padding:2px 3px!important;background:rgba(250,249,245,.96)!important;
}
.how-wheel-feature .ref-wheel-node strong{font-size:16px!important;line-height:1.08!important}
.how-wheel-feature .ref-wheel-node small{font-size:8px!important;line-height:1.35!important}
@media(max-width:700px){
 .how-wheel-feature{padding:24px 8px 28px!important;gap:12px!important}
 .how-wheel-feature .ref-process-wheel{width:min(100%,420px)!important;max-width:420px!important}
 .how-wheel-feature .ref-wheel-node{width:36%!important;max-width:36%!important;gap:3px!important}
 .how-wheel-feature .ref-node-top{width:39%!important;max-width:39%!important}
 .how-wheel-feature .ref-node-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
 .how-wheel-feature .ref-node-icon svg{width:19px!important;height:19px!important}
 .how-wheel-feature .ref-wheel-node strong{font-size:14px!important}
 .how-wheel-feature .ref-wheel-node small{font-size:7px!important}
}
@media(max-width:420px){
 .how-wheel-feature .ref-process-wheel{width:100%!important;max-width:360px!important}
 .how-wheel-feature .ref-wheel-node{width:37%!important;max-width:37%!important}
 .how-wheel-feature .ref-node-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
 .how-wheel-feature .ref-wheel-node strong{font-size:12px!important}
 .how-wheel-feature .ref-wheel-node small{font-size:6px!important}
}

/* Rebuilt process wheel: contained circle with five stages and discreet direction markers. */
.how-wheel-feature{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 gap:18px!important;width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;overflow:hidden!important;
 padding:30px 20px 38px!important;
}
.how-wheel-feature .how-wheel-copy{width:100%!important;max-width:760px!important;text-align:center!important;margin:0 auto!important}
.how-wheel-feature .how-wheel-copy .gold-line{margin-left:auto!important;margin-right:auto!important}
.how-wheel-feature .how-wheel-note{justify-content:center!important}
.how-wheel-feature .ref-process-wheel{
 position:relative!important;display:block!important;width:min(100%,560px)!important;
 max-width:560px!important;height:auto!important;aspect-ratio:1/1!important;
 flex:0 0 auto!important;margin:0 auto!important;padding:0!important;
 transform:none!important;overflow:visible!important;box-sizing:border-box!important;
}
.how-wheel-feature .ref-wheel-ring{
 position:absolute!important;left:50%!important;top:50%!important;
 width:64%!important;height:64%!important;aspect-ratio:1/1!important;
 border:1px solid rgba(199,157,58,.28)!important;border-radius:50%!important;
 background:radial-gradient(circle,rgba(255,255,255,.35),rgba(255,255,255,0) 72%)!important;
 transform:translate(-50%,-50%)!important;
}
.how-wheel-feature .ref-wheel-center{
 position:absolute!important;left:50%!important;top:50%!important;
 width:22%!important;height:auto!important;aspect-ratio:1/1!important;
 border-radius:50%!important;transform:translate(-50%,-50%)!important;
 background:#fff!important;border:2px solid #C79D3A!important;z-index:2!important;
}
.how-wheel-feature .ref-wheel-center img{width:74%!important;height:74%!important;object-fit:contain!important;background:transparent!important;border-radius:0!important}
.how-wheel-feature .ref-wheel-node{
 position:absolute!important;width:190px!important;max-width:38%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;z-index:4!important;transform:translate(-50%,-50%)!important;
 box-sizing:border-box!important;
}
.how-wheel-feature .ref-wheel-node>span:last-child{display:flex!important;flex-direction:column!important;min-width:0!important;background:rgba(250,249,245,.96)!important;padding:3px 4px!important}
.how-wheel-feature .ref-wheel-node strong{font-size:17px!important;line-height:1.05!important}
.how-wheel-feature .ref-wheel-node small{font-size:8px!important;line-height:1.35!important}
.how-wheel-feature .ref-node-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;background:#fff!important}
.how-wheel-feature .ref-node-icon svg{width:25px!important;height:25px!important}
.how-wheel-feature .ref-node-top{left:50%!important;top:14%!important;right:auto!important;bottom:auto!important;width:180px!important;max-width:38%!important;flex-direction:column!important;gap:5px!important}
.how-wheel-feature .ref-node-right{left:82%!important;top:39%!important;right:auto!important;bottom:auto!important}
.how-wheel-feature .ref-node-lowerright{left:69%!important;top:83%!important;right:auto!important;bottom:auto!important}
.how-wheel-feature .ref-node-lowerleft{left:31%!important;top:83%!important;right:auto!important;bottom:auto!important;flex-direction:row-reverse!important;text-align:right!important}
.how-wheel-feature .ref-node-left{left:18%!important;top:39%!important;right:auto!important;bottom:auto!important;flex-direction:row-reverse!important;text-align:right!important}
.how-wheel-feature .wheel-direction{
 position:absolute!important;display:block!important;z-index:5!important;
 color:#B8872E!important;font:400 30px/1 Georgia,serif!important;
 width:18px!important;height:22px!important;text-align:center!important;
 background:transparent!important;
}
.how-wheel-feature .arrow-one{left:69%!important;top:18%!important;transform:rotate(45deg)!important}
.how-wheel-feature .arrow-two{left:84%!important;top:64%!important;transform:rotate(105deg)!important}
.how-wheel-feature .arrow-three{left:49%!important;top:91%!important;transform:rotate(180deg)!important}
.how-wheel-feature .arrow-four{left:13%!important;top:64%!important;transform:rotate(250deg)!important}
.how-wheel-feature .arrow-five{left:29%!important;top:18%!important;transform:rotate(315deg)!important}
@media(max-width:700px){
 .how-wheel-feature{padding:22px 8px 28px!important}
 .how-wheel-feature .ref-process-wheel{width:min(100%,500px)!important;max-width:500px!important}
 .how-wheel-feature .ref-wheel-node{width:175px!important;max-width:39%!important;gap:5px!important}
 .how-wheel-feature .ref-node-top{width:170px!important;max-width:40%!important}
 .how-wheel-feature .ref-node-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
 .how-wheel-feature .ref-node-icon svg{width:22px!important;height:22px!important}
 .how-wheel-feature .ref-wheel-node strong{font-size:15px!important}
 .how-wheel-feature .ref-wheel-node small{font-size:7px!important}
 .how-wheel-feature .ref-wheel-center{width:20%!important}
}
@media(max-width:460px){
 .how-wheel-feature .ref-process-wheel{width:100%!important;max-width:400px!important}
 .how-wheel-feature .ref-wheel-node{width:145px!important;max-width:40%!important;gap:3px!important}
 .how-wheel-feature .ref-node-top{width:150px!important;max-width:42%!important}
 .how-wheel-feature .ref-node-icon{width:33px!important;height:33px!important;flex-basis:33px!important}
 .how-wheel-feature .ref-node-icon svg{width:19px!important;height:19px!important}
 .how-wheel-feature .ref-wheel-node strong{font-size:13px!important}
 .how-wheel-feature .ref-wheel-node small{font-size:6.5px!important}
 .how-wheel-feature .wheel-direction{font-size:23px!important}
}

/* Selected Work expandable case studies */
.case-accordion-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:start!important}
.case-accordion{display:block!important;background:#fff!important;border:1px solid #ded9cf!important;box-shadow:0 8px 24px rgba(11,29,51,.07)!important;overflow:hidden!important}
.case-accordion>summary{display:block!important;list-style:none!important;cursor:pointer!important;padding:0!important}
.case-accordion>summary::-webkit-details-marker{display:none!important}
.case-summary .case-visual{display:block!important;width:100%!important;height:205px!important;margin:0!important;overflow:hidden!important;background:#eef1f3!important}
.case-summary .case-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.case-summary .detail-kicker{display:block!important;padding:20px 22px 7px!important}
.case-summary .case-title{display:block!important;padding:0 22px!important;font:600 27px/1.1 'Cormorant Garamond',Georgia,serif!important;color:#0B1D33!important}
.case-summary .case-question{display:block!important;padding:12px 22px 18px!important;color:#536171!important;font-size:13px!important;line-height:1.7!important}
.case-summary .case-question b{display:block!important;color:#B8872E!important;font-size:10px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;margin-bottom:5px!important}
.case-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 22px!important;border-top:1px solid #e8e3d9!important;color:#0B1D33!important;font-size:12px!important;font-weight:600!important;letter-spacing:.2px!important}
.case-toggle i{display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border:1px solid #C79D3A!important;border-radius:50%!important;color:#A87922!important;font-style:normal!important;font-size:19px!important;font-weight:400!important;transition:transform .2s ease!important}
.case-accordion[open] .case-toggle i{transform:rotate(45deg)!important}
.case-toggle .toggle-open{display:none!important}
.case-accordion[open] .case-toggle .toggle-closed{display:none!important}
.case-accordion[open] .case-toggle .toggle-open{display:inline!important}
.case-expanded{grid-column:1/-1!important;padding:28px 28px 24px!important;background:#FBFAF7!important;border-top:2px solid #C79D3A!important}
.case-expanded-intro{max-width:850px!important;margin-bottom:24px!important}
.case-expanded-intro h3{font:600 30px/1.1 'Cormorant Garamond',Georgia,serif!important;color:#0B1D33!important;margin:8px 0!important}
.case-expanded-intro p{font-size:14px!important;line-height:1.75!important;color:#536171!important;margin:0!important}
.case-method-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;gap:28px!important}
.case-method-grid>div>h3,.case-output-panel>h3{font:600 23px/1.15 'Cormorant Garamond',Georgia,serif!important;color:#0B1D33!important;margin:0 0 18px!important}
.case-method-step{padding:0 0 15px 18px!important;margin:0 0 15px!important;border-left:2px solid #D7B66A!important;border-bottom:1px solid #e6e1d8!important}
.case-method-step h4{font:600 16px/1.2 Montserrat,Arial,sans-serif!important;color:#0B1D33!important;margin:0 0 7px!important}
.case-method-step p{font-size:13px!important;line-height:1.75!important;color:#536171!important;margin:0!important}
.case-output-panel{padding:24px!important;background:#F0EEE8!important;border:1px solid #e1dbcf!important}
.case-output-panel ul{margin:15px 0 22px!important;padding-left:19px!important}
.case-output-panel li{font-size:13px!important;line-height:1.65!important;color:#354656!important;margin:0 0 9px!important}
.case-output-conclusion{border-top:1px solid #d6cdbb!important;padding-top:17px!important}
.case-output-conclusion h4{font:600 18px/1.2 'Cormorant Garamond',Georgia,serif!important;color:#0B1D33!important;margin:0 0 7px!important}
.case-output-conclusion p{font-size:13px!important;line-height:1.7!important;color:#536171!important;margin:0!important}
.case-disclaimer{margin:22px 0 0!important;color:#7a838b!important;font-size:10px!important;line-height:1.5!important}
@media(max-width:820px){.case-accordion-grid{grid-template-columns:1fr!important}.case-method-grid{grid-template-columns:1fr!important}.case-expanded{padding:22px 18px!important}}

/* How We Work — final layout refinement */
.how-wheel-feature{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 width:100%!important;max-width:100%!important;gap:22px!important;
 padding:22px 20px 34px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.how-wheel-feature .how-wheel-copy{
 width:100%!important;max-width:900px!important;margin:0 auto!important;
 text-align:center!important;align-self:center!important;
}
.how-wheel-feature .how-wheel-copy h2{
 max-width:760px!important;margin:0 auto 16px!important;text-align:center!important;
}
.how-wheel-feature .how-wheel-copy p{
 max-width:760px!important;margin:0 auto 20px!important;text-align:center!important;
}
.how-wheel-feature .how-wheel-copy .eyebrow{text-align:center!important}
.how-wheel-feature .how-wheel-copy .gold-line{margin-left:auto!important;margin-right:auto!important}
.how-wheel-feature .how-wheel-note{
 width:min(100%,900px)!important;margin:0 auto!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;gap:5px!important;
}
.how-wheel-feature .ref-process-wheel{
 width:min(100%,520px)!important;max-width:520px!important;
 aspect-ratio:1/1!important;height:auto!important;margin:0 auto!important;
 flex:0 0 auto!important;transform:none!important;
}
.process-steps-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:12px!important;width:100%!important;margin:32px 0 0!important;
 align-items:stretch!important;
}
.process-steps-grid .process-detail{
 display:flex!important;align-items:flex-start!important;gap:12px!important;
 min-width:0!important;min-height:116px!important;padding:17px 16px!important;
 margin:0!important;background:#fff!important;border:1px solid #ded9cf!important;
 border-left:2px solid #C79D3A!important;box-shadow:0 4px 14px rgba(11,29,51,.045)!important;
}
.process-steps-grid .process-detail>b{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 30px!important;width:30px!important;height:30px!important;
 background:#0B1D33!important;color:#C79D3A!important;font-size:13px!important;
 line-height:1!important;margin:0!important;
}
.process-steps-grid .process-detail>div{min-width:0!important}
.process-steps-grid .process-detail h3{
 font:600 17px/1.15 'Cormorant Garamond',Georgia,serif!important;
 color:#0B1D33!important;margin:1px 0 7px!important;
}
.process-steps-grid .process-detail p{
 font-size:12px!important;line-height:1.55!important;color:#536171!important;margin:0!important;
}
.principles-bar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:24px!important;width:100%!important;box-sizing:border-box!important;
 margin:16px 0 0!important;padding:19px 28px!important;
 background:#0B1D33!important;border-left:3px solid #C79D3A!important;
}
.principles-bar h3{
 margin:0!important;color:#fff!important;
 font:600 21px/1.15 'Cormorant Garamond',Georgia,serif!important;
}
.principles-bar p{
 margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.5!important;
}
.principles-bar p span{color:#C79D3A!important;padding:0 7px!important}
@media(max-width:1050px){
 .process-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .how-wheel-feature{padding:18px 10px 28px!important}
 .how-wheel-feature .ref-process-wheel{width:min(100%,460px)!important;max-width:460px!important}
 .process-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .process-steps-grid .process-detail{min-height:106px!important;padding:13px 11px!important;gap:9px!important}
 .process-steps-grid .process-detail h3{font-size:16px!important}
 .process-steps-grid .process-detail p{font-size:11px!important}
 .principles-bar{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding:17px 19px!important}
}
@media(max-width:460px){
 .process-steps-grid{grid-template-columns:1fr!important}
 .process-steps-grid .process-detail{min-height:0!important}
 .principles-bar p{font-size:12px!important}
}

/* Precise polar geometry: icon centres are spaced at 72-degree intervals. */
.how-wheel-feature .ref-process-wheel.polar-wheel{
 position:relative!important;display:block!important;
 width:min(100%,560px)!important;max-width:560px!important;
 height:auto!important;aspect-ratio:1/1!important;margin:8px auto 0!important;
 padding:0!important;transform:none!important;overflow:visible!important;
 box-sizing:border-box!important;flex:0 0 auto!important;
}
.how-wheel-feature .polar-wheel .ref-wheel-ring{
 position:absolute!important;left:50%!important;top:50%!important;
 width:81%!important;height:81%!important;border-radius:50%!important;
 border:1px solid rgba(199,157,58,.32)!important;
 background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%)!important;
 transform:translate(-50%,-50%)!important;
}
.how-wheel-feature .polar-wheel .ref-wheel-center{
 position:absolute!important;left:50%!important;top:50%!important;
 width:22%!important;height:auto!important;aspect-ratio:1/1!important;
 border-radius:50%!important;transform:translate(-50%,-50%)!important;
 background:#fff!important;border:2px solid #C79D3A!important;z-index:2!important;
}
.how-wheel-feature .polar-wheel .ref-wheel-center img{
 width:74%!important;height:74%!important;object-fit:contain!important;
 background:transparent!important;border-radius:0!important;
}
.how-wheel-feature .polar-node{
 position:absolute!important;width:0!important;height:0!important;
 z-index:5!important;transform:translate(-50%,-50%)!important;
}
.how-wheel-feature .polar-node .ref-node-icon{
 position:absolute!important;left:0!important;top:0!important;
 width:58px!important;height:58px!important;flex:0 0 58px!important;
 transform:translate(-50%,-50%)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 border-radius:50%!important;background:#fff!important;
 border:1px solid #C79D3A!important;box-shadow:0 5px 16px rgba(11,29,51,.09)!important;
}
.how-wheel-feature .polar-node .ref-node-icon svg{
 width:27px!important;height:27px!important;fill:none!important;
 stroke:#A87922!important;stroke-width:1.5!important;
 stroke-linecap:round!important;stroke-linejoin:round!important;
}
.how-wheel-feature .polar-label{
 position:absolute!important;display:flex!important;flex-direction:column!important;
 width:160px!important;max-width:160px!important;
 background:rgba(251,250,247,.97)!important;padding:4px 6px!important;
}
.how-wheel-feature .polar-label strong{
 font:600 19px/1.08 'Cormorant Garamond',Georgia,serif!important;
 color:#0B1D33!important;
}
.how-wheel-feature .polar-label small{
 font:400 10px/1.35 Montserrat,Arial,sans-serif!important;
 color:#536171!important;
}
.how-wheel-feature .polar-0{left:50%!important;top:9.5%!important}
.how-wheel-feature .polar-0 .polar-label{
 left:50%!important;bottom:39px!important;transform:translateX(-50%)!important;
 text-align:center!important;align-items:center!important;
}
.how-wheel-feature .polar-72{left:88.5%!important;top:37.5%!important}
.how-wheel-feature .polar-72 .polar-label{left:38px!important;top:-18px!important;text-align:left!important}
.how-wheel-feature .polar-144{left:73.5%!important;top:82.5%!important}
.how-wheel-feature .polar-144 .polar-label{left:38px!important;top:-18px!important;text-align:left!important}
.how-wheel-feature .polar-216{left:26.5%!important;top:82.5%!important}
.how-wheel-feature .polar-216 .polar-label{right:38px!important;top:-18px!important;text-align:right!important;align-items:flex-end!important}
.how-wheel-feature .polar-288{left:11.5%!important;top:37.5%!important}
.how-wheel-feature .polar-288 .polar-label{right:38px!important;top:-18px!important;text-align:right!important;align-items:flex-end!important}
.how-wheel-feature .polar-arrow{
 position:absolute!important;display:block!important;z-index:6!important;
 width:18px!important;height:24px!important;
 color:#B8872E!important;font:400 30px/1 Georgia,serif!important;
 text-align:center!important;background:transparent!important;
}
.how-wheel-feature .arrow-36{left:77%!important;top:13%!important;transform:rotate(126deg)!important}
.how-wheel-feature .arrow-108{left:93%!important;top:64%!important;transform:rotate(198deg)!important}
.how-wheel-feature .arrow-180{left:50%!important;top:95%!important;transform:rotate(270deg)!important}
.how-wheel-feature .arrow-252{left:7%!important;top:64%!important;transform:rotate(342deg)!important}
.how-wheel-feature .arrow-324{left:23%!important;top:13%!important;transform:rotate(54deg)!important}

/* Selected Work cards in each row share one height, including the IgAN card. */
.case-accordion-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.case-accordion-grid .case-accordion{
 height:100%!important;display:flex!important;flex-direction:column!important;
 min-width:0!important;
}
.case-accordion-grid .case-accordion>summary{
 height:100%!important;display:flex!important;flex-direction:column!important;
 min-width:0!important;
}
.case-accordion-grid .case-summary .case-toggle{margin-top:auto!important}
.case-accordion-grid .case-summary .case-question{flex:1 0 auto!important}
@media(max-width:700px){
 .how-wheel-feature .ref-process-wheel.polar-wheel{width:min(100%,460px)!important}
 .how-wheel-feature .polar-node .ref-node-icon{width:48px!important;height:48px!important}
 .how-wheel-feature .polar-node .ref-node-icon svg{width:23px!important;height:23px!important}
 .how-wheel-feature .polar-label{width:132px!important;max-width:132px!important}
 .how-wheel-feature .polar-label strong{font-size:17px!important}
 .how-wheel-feature .polar-label small{font-size:9px!important}
}
@media(max-width:460px){
 .how-wheel-feature .ref-process-wheel.polar-wheel{width:100%!important}
 .how-wheel-feature .polar-node .ref-node-icon{width:40px!important;height:40px!important}
 .how-wheel-feature .polar-node .ref-node-icon svg{width:19px!important;height:19px!important}
 .how-wheel-feature .polar-label{width:105px!important;max-width:105px!important}
 .how-wheel-feature .polar-label strong{font-size:15px!important}
 .how-wheel-feature .polar-label small{font-size:8px!important}
 .how-wheel-feature .polar-72 .polar-label,.how-wheel-feature .polar-144 .polar-label{left:30px!important}
 .how-wheel-feature .polar-216 .polar-label,.how-wheel-feature .polar-288 .polar-label{right:30px!important}
}

/* Selected Work: editorial whitepaper presentation and project-detail modal */
.work-context-copy{max-width:820px}
.work-context-copy>p{margin:0 0 12px}
.work-context-copy .work-confidentiality-note{
 margin-top:14px!important;font-size:11px!important;line-height:1.55!important;
 font-style:italic!important;color:#7b838a!important;max-width:900px!important;
}
.case-accordion-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.case-accordion-grid .case-accordion{height:100%!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.case-accordion-grid .case-accordion>summary{height:100%!important;display:flex!important;flex-direction:column!important;min-width:0!important}
.case-summary .case-visual{height:220px!important;background:#071d33!important}
.case-summary .case-visual img{object-fit:cover!important;object-position:center!important}
.case-summary .detail-kicker{
 text-transform:none!important;letter-spacing:.35px!important;font-size:12px!important;
 font-weight:600!important;color:#A87922!important;padding:17px 22px 7px!important;
}
.case-summary .case-title{
 text-transform:none!important;font-size:25px!important;line-height:1.18!important;
 font-weight:500!important;padding:0 22px!important;
}
.case-summary .case-question{
 font-size:13px!important;line-height:1.65!important;padding:10px 22px 18px!important;
}
.case-summary .case-question b{
 text-transform:none!important;letter-spacing:.3px!important;font-size:12px!important;
 font-weight:600!important;color:#A87922!important;
}
.case-summary .case-toggle{margin-top:auto!important;font-size:12px!important;padding:13px 22px!important}
.case-accordion[open]::before{
 content:""!important;position:fixed!important;inset:0!important;
 background:rgba(5,18,32,.68)!important;backdrop-filter:blur(4px)!important;
 z-index:9998!important;cursor:pointer!important;
}
.case-accordion[open] .case-expanded{
 display:block!important;position:fixed!important;z-index:9999!important;
 top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;
 width:min(1080px,92vw)!important;max-height:88vh!important;overflow:auto!important;
 padding:46px 54px 38px!important;background:#FBFAF7!important;
 border:1px solid #d9d2c5!important;border-top:4px solid #C79D3A!important;
 box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
}
.case-modal-close{
 position:absolute!important;right:18px!important;top:12px!important;
 width:36px!important;height:36px!important;border:1px solid #d9d2c5!important;
 border-radius:50%!important;background:#fff!important;color:#0B1D33!important;
 font-size:25px!important;line-height:1!important;cursor:pointer!important;
}
.case-expanded .eyebrow{
 text-transform:none!important;letter-spacing:.6px!important;font-size:12px!important;
 font-weight:600!important;color:#A87922!important;
}
.case-expanded-intro{max-width:920px!important;margin:0 0 28px!important}
.case-expanded-intro h3{
 font-family:'Cormorant Garamond',Georgia,serif!important;font-size:31px!important;
 line-height:1.22!important;font-weight:500!important;color:#0B1D33!important;
 margin:8px 0 0!important;
}
.case-method-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:32px!important}
.case-method-grid>div>h3,.case-output-panel>h3{
 font-family:'Cormorant Garamond',Georgia,serif!important;font-size:25px!important;
 font-weight:500!important;line-height:1.2!important;
}
.case-method-step{padding:0 0 15px 18px!important;margin:0 0 15px!important}
.case-method-step h4{
 font-family:'Montserrat',Arial,sans-serif!important;font-size:14px!important;
 font-weight:600!important;text-transform:none!important;letter-spacing:0!important;
}
.case-method-step p{font-size:13px!important;line-height:1.75!important}
.case-output-panel{
 padding:25px!important;background:#F1EFE9!important;border:1px solid #e0d9cc!important;
}
.case-output-panel .eyebrow{text-transform:none!important}
.case-output-panel li{font-size:13px!important;line-height:1.7!important}
.case-output-conclusion h4{
 font-family:'Cormorant Garamond',Georgia,serif!important;font-size:19px!important;
 font-weight:500!important;text-transform:none!important;
}
.case-disclaimer{
 margin:24px 0 0!important;font-size:11px!important;line-height:1.55!important;
 font-style:italic!important;color:#7b838a!important;
}
@media(max-width:800px){
 .case-accordion[open] .case-expanded{width:94vw!important;max-height:90vh!important;padding:42px 22px 25px!important}
 .case-method-grid{grid-template-columns:1fr!important;gap:20px!important}
 .case-expanded-intro h3{font-size:26px!important}
 .case-summary .case-visual{height:190px!important}
}

/* Case-study cards use cinematic, indication-specific scientific imagery. */
.case-summary .case-visual{
 height:220px!important;overflow:hidden!important;background:#071d33!important;
}
.case-summary .case-visual img{
 width:100%!important;height:100%!important;display:block!important;
 object-fit:cover!important;object-position:center!important;
 transition:transform .55s ease!important;
}
.case-accordion:hover .case-summary .case-visual img{transform:scale(1.035)!important}

/* Detached case-study modal: removed from the card's clipping/overflow context. */
.case-modal-overlay{
 position:fixed!important;inset:0!important;z-index:100000!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:28px!important;box-sizing:border-box!important;
 background:rgba(5,17,31,.76)!important;
 -webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;
}
.case-modal-panel{
 position:relative!important;display:block!important;
 width:min(1120px,94vw)!important;max-height:calc(100vh - 56px)!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 overscroll-behavior:contain!important;scrollbar-gutter:stable!important;
 background:#FBFAF7!important;border:1px solid #d8d1c4!important;
 border-top:4px solid #C79D3A!important;
 box-shadow:0 28px 90px rgba(0,0,0,.38)!important;
 padding:0 42px 38px!important;box-sizing:border-box!important;
 outline:none!important;
}
.case-modal-hero{
 position:relative!important;display:grid!important;
 grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
 align-items:stretch!important;min-height:230px!important;
 margin:0 -42px 30px!important;background:#0B1D33!important;
 overflow:hidden!important;
}
.case-modal-image{
 display:block!important;width:100%!important;height:100%!important;
 min-height:230px!important;max-height:300px!important;object-fit:cover!important;
 object-position:center!important;
}
.case-modal-heading{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 padding:38px 58px 38px 34px!important;color:#fff!important;
 background:linear-gradient(115deg,#0B1D33 0%,#102a43 100%)!important;
}
.case-modal-kicker{
 color:#D5B15D!important;font:600 11px/1.5 Montserrat,Arial,sans-serif!important;
 letter-spacing:.7px!important;text-transform:none!important;margin-bottom:12px!important;
}
.case-modal-heading h2{
 color:#fff!important;font:500 34px/1.12 'Cormorant Garamond',Georgia,serif!important;
 text-transform:none!important;letter-spacing:0!important;margin:0!important;
}
.case-modal-close{
 position:absolute!important;right:14px!important;top:13px!important;z-index:5!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:38px!important;height:38px!important;border-radius:50%!important;
 border:1px solid rgba(199,157,58,.75)!important;background:#fff!important;
 color:#0B1D33!important;font:400 25px/1 Arial,sans-serif!important;
 cursor:pointer!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important;
}
.case-modal-panel .case-expanded{
 display:block!important;position:static!important;inset:auto!important;
 transform:none!important;width:100%!important;max-width:none!important;
 max-height:none!important;overflow:visible!important;
 padding:0!important;margin:0!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
.case-modal-panel .case-expanded-intro{max-width:960px!important;margin:0 0 28px!important}
.case-modal-panel .case-expanded-intro h3{
 font:500 29px/1.25 'Cormorant Garamond',Georgia,serif!important;
 color:#0B1D33!important;text-transform:none!important;margin:8px 0 0!important;
}
.case-modal-panel .case-method-grid{
 display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)!important;
 gap:30px!important;align-items:start!important;
}
.case-modal-panel .case-method-grid>div>h3,
.case-modal-panel .case-output-panel>h3{
 font:500 25px/1.2 'Cormorant Garamond',Georgia,serif!important;
 text-transform:none!important;color:#0B1D33!important;margin:0 0 18px!important;
}
.case-modal-panel .case-method-step h4{
 font:600 14px/1.3 Montserrat,Arial,sans-serif!important;
 text-transform:none!important;letter-spacing:0!important;color:#0B1D33!important;
 margin:0 0 7px!important;
}
.case-modal-panel .case-method-step p{
 font-size:13px!important;line-height:1.75!important;color:#536171!important;
}
.case-modal-panel .case-output-panel{
 padding:25px!important;background:#F0EEE8!important;
 border:1px solid #e1dbcf!important;
}
.case-modal-panel .case-output-panel .eyebrow,
.case-modal-panel .case-expanded .eyebrow{
 text-transform:none!important;letter-spacing:.45px!important;font-size:11px!important;
}
.case-modal-panel .case-output-panel li{font-size:13px!important;line-height:1.7!important}
.case-modal-panel .case-output-conclusion h4{
 font:500 19px/1.25 'Cormorant Garamond',Georgia,serif!important;
 text-transform:none!important;
}
.case-modal-panel .case-disclaimer{
 font-size:10px!important;line-height:1.55!important;font-style:italic!important;
 color:#818991!important;margin:24px 0 0!important;
}
@media(max-width:760px){
 .case-modal-overlay{padding:10px!important}
 .case-modal-panel{width:100%!important;max-height:calc(100vh - 20px)!important;padding:0 20px 26px!important}
 .case-modal-hero{grid-template-columns:1fr!important;margin:0 -20px 24px!important}
 .case-modal-image{height:190px!important;min-height:190px!important;max-height:190px!important}
 .case-modal-heading{padding:22px 54px 24px 22px!important}
 .case-modal-heading h2{font-size:28px!important}
 .case-modal-panel .case-method-grid{grid-template-columns:1fr!important;gap:20px!important}
 .case-modal-panel .case-expanded-intro h3{font-size:25px!important}
 .case-modal-close{right:10px!important;top:10px!important}
}

/* Keep the close control visible while the case-study content scrolls. */
.case-modal-close{
 position:sticky!important;top:10px!important;float:right!important;
 margin:10px 0 -48px auto!important;right:auto!important;left:auto!important;
}
.case-modal-image{object-position:70% center!important}
.case-summary .case-visual img{object-position:70% center!important}

/* Final refinements: single modal close control, balanced research wheel, connected stages. */
.case-modal-panel .case-expanded .case-modal-close{display:none!important}

/* Give the wheel clear separation from the process banner; keep it compact and centred. */
.how-wheel-feature{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 gap:18px!important;padding:26px 18px 30px!important;overflow:visible!important;
}
.how-wheel-feature .how-wheel-copy{
 width:100%!important;max-width:900px!important;text-align:center!important;
 margin:0 auto!important;
}
.how-wheel-feature .how-wheel-note{
 margin:22px auto 12px!important;max-width:100%!important;
}
.how-wheel-feature .ref-process-wheel.polar-wheel{
 width:min(100%,450px)!important;max-width:450px!important;
 margin:22px auto 0!important;flex:0 0 auto!important;
}
.how-wheel-feature .polar-0{top:14%!important}
.how-wheel-feature .polar-72{left:87.5%!important;top:38%!important}
.how-wheel-feature .polar-144{left:72.5%!important;top:81%!important}
.how-wheel-feature .polar-216{left:27.5%!important;top:81%!important}
.how-wheel-feature .polar-288{left:12.5%!important;top:38%!important}
.how-wheel-feature .polar-arrow{font-size:25px!important}
.how-wheel-feature .arrow-36{left:76%!important;top:17%!important}
.how-wheel-feature .arrow-108{left:90%!important;top:62%!important}
.how-wheel-feature .arrow-180{left:50%!important;top:91%!important}
.how-wheel-feature .arrow-252{left:10%!important;top:62%!important}
.how-wheel-feature .arrow-324{left:24%!important;top:17%!important}

/* Seven-stage process: one connected sequence, not a loose collection of cards. */
.process-steps-grid{
 position:relative!important;display:grid!important;
 grid-template-columns:repeat(7,minmax(0,1fr))!important;
 gap:0!important;width:100%!important;margin:34px 0 0!important;
 padding:0!important;align-items:start!important;
}
.process-steps-grid:before{
 content:""!important;position:absolute!important;left:6.8%!important;right:6.8%!important;
 top:17px!important;height:1px!important;background:#D8C79F!important;z-index:0!important;
}
.process-steps-grid .process-detail{
 position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;text-align:center!important;gap:9px!important;
 min-height:0!important;height:100%!important;padding:0 12px 8px!important;
 margin:0!important;background:transparent!important;border:0!important;
 box-shadow:none!important;z-index:1!important;
}
.process-steps-grid .process-detail>b{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:35px!important;height:35px!important;min-width:35px!important;
 border-radius:50%!important;background:#0B1D33!important;color:#D7B45D!important;
 border:3px solid #FBFAF7!important;box-shadow:0 0 0 1px #C79D3A!important;
 font:600 11px/1 Montserrat,Arial,sans-serif!important;margin:0 0 5px!important;
}
.process-steps-grid .process-detail>div{max-width:170px!important}
.process-steps-grid .process-detail h3{
 margin:0 0 6px!important;font:500 17px/1.2 'Cormorant Garamond',Georgia,serif!important;
 color:#0B1D33!important;text-transform:none!important;letter-spacing:0!important;
}
.process-steps-grid .process-detail p{
 margin:0!important;font:400 10px/1.55 Montserrat,Arial,sans-serif!important;
 color:#647181!important;max-width:170px!important;
}
.principles-bar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:24px!important;width:100%!important;margin:28px 0 0!important;
 padding:18px 28px!important;min-height:68px!important;
}
.principles-bar h3{margin:0!important;white-space:nowrap!important}
.principles-bar p{margin:0!important;text-align:right!important}
@media(max-width:1100px){
 .process-steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:24px!important}
 .process-steps-grid:before{display:none!important}
 .process-steps-grid .process-detail{padding:0 8px!important}
}
@media(max-width:650px){
 .process-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:22px!important}
 .process-steps-grid .process-detail h3{font-size:16px!important}
 .process-steps-grid .process-detail p{font-size:10px!important}
 .principles-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
 .principles-bar p{text-align:left!important}
 .how-wheel-feature .ref-process-wheel.polar-wheel{width:min(100%,390px)!important}
}

/* Contact prompts: contained, evenly padded cards at every viewport width. */
.contact-context .container{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
.contact-prompt-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:12px!important;width:100%!important;max-width:100%!important;
 margin:26px 0 0!important;box-sizing:border-box!important;
}
.contact-prompt-grid>div{
 min-width:0!important;width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;padding:20px!important;
 border:1px solid #DCE2E6!important;background:#F5F7F8!important;
 display:flex!important;flex-direction:column!important;gap:9px!important;
 overflow-wrap:anywhere!important;
}
.contact-prompt-grid>div:not(:first-child){padding-left:20px!important}
.contact-prompt-grid>div:last-child{border:1px solid #DCE2E6!important}
.contact-prompt-grid b{font-size:11px!important;line-height:1.2!important;color:#A57922!important}
.contact-prompt-grid strong{font-size:17px!important;line-height:1.25!important;color:#0B1D33!important}
.contact-prompt-grid span{font-size:12px!important;line-height:1.55!important;color:#5B6C79!important}
@media(max-width:1000px){
 .contact-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .contact-context .container{width:calc(100% - 36px)!important}
 .contact-prompt-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .contact-prompt-grid>div{padding:17px 18px!important}
 .contact-prompt-grid>div:not(:first-child){padding-left:18px!important}
}

/* Grapon page-specific panoramic hero photography (2048 x 768 HD). */
.ref-hero-bg{
 background-image:linear-gradient(90deg,rgba(5,18,31,.72) 0%,rgba(5,18,31,.48) 42%,rgba(5,18,31,.12) 76%,rgba(5,18,31,.04) 100%),url('../assets/hero-grapon-intelligence.webp')!important;
 background-position:center 52%!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.about-hero:before{
 background-image:linear-gradient(90deg,rgba(5,18,31,.84) 0%,rgba(5,18,31,.66) 42%,rgba(5,18,31,.22) 76%,rgba(5,18,31,.08) 100%),url('../assets/inner-about.webp')!important;
 background-position:center 48%!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.services-hero:before{
 background-image:linear-gradient(90deg,rgba(5,18,31,.86) 0%,rgba(5,18,31,.68) 42%,rgba(5,18,31,.22) 76%,rgba(5,18,31,.08) 100%),url('../assets/hero-services.webp')!important;
 background-position:center 54%!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.how-hero:before{
 background-image:linear-gradient(90deg,rgba(5,18,31,.84) 0%,rgba(5,18,31,.64) 42%,rgba(5,18,31,.20) 76%,rgba(5,18,31,.06) 100%),url('../assets/hero-how.webp')!important;
 background-position:center 50%!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.selected-hero:before{
 background-image:linear-gradient(90deg,rgba(5,18,31,.86) 0%,rgba(5,18,31,.68) 42%,rgba(5,18,31,.22) 76%,rgba(5,18,31,.06) 100%),url('../assets/hero-selected.webp')!important;
 background-position:center 52%!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.sample-hero:before{
 background-image:linear-gradient(90deg,rgba(5,18,31,.86) 0%,rgba(5,18,31,.68) 42%,rgba(5,18,31,.22) 76%,rgba(5,18,31,.06) 100%),url('../assets/hero-sample.webp')!important;
 background-position:center 50%!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.contact-hero:before{
 background-image:linear-gradient(90deg,rgba(5,18,31,.86) 0%,rgba(5,18,31,.68) 42%,rgba(5,18,31,.22) 76%,rgba(5,18,31,.06) 100%),url('../assets/hero-contact.webp')!important;
 background-position:center 54%!important;background-size:cover!important;background-repeat:no-repeat!important;
}