@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#0a0e12;--navy:#101a24;--paper:#f5f4f0;--white:#fff;--muted:#677078;--line:#d7d7d1;--acid:#c8ff4d;--ice:#cdebf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(245,244,240,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,14,18,.12)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:14px}.wordmark{font:600 16px Manrope;letter-spacing:.22em}.brand small{font-size:8px;letter-spacing:.2em;color:#70777b}.nav nav{display:flex;align-items:center;gap:34px}.nav nav a{text-decoration:none;font-size:12px}.nav-cta{border-left:1px solid #aeb1ad;padding-left:28px;font-weight:600}.nav-cta span{margin-left:16px}.menu{display:none;border:0;background:none;font:500 12px DM Sans}.hero{min-height:calc(100vh - 82px);padding:7vh 5vw 28px;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr auto;gap:30px;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.overline,.section-label{font-size:10px;font-weight:600;letter-spacing:.23em;margin:0 0 30px}.hero h1{font:500 clamp(66px,8vw,126px)/.87 Manrope;margin:0;letter-spacing:-.07em}.hero h1 span{color:#7b8184}.lede{font-size:clamp(18px,1.65vw,24px);line-height:1.48;color:#50585e;max-width:670px;margin:42px 0 34px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:#fff;text-decoration:none;border:0;padding:17px 20px;font:600 12px DM Sans;min-width:210px;cursor:pointer}.button span{color:var(--acid)}.text-link{font-size:12px;text-decoration:none}.text-link span{margin-left:14px}.hero-visual{align-self:center;justify-self:end;width:min(42vw,610px);aspect-ratio:1;position:relative;border:1px solid #c9cbc7;border-radius:50%;background:radial-gradient(circle at 48% 47%,rgba(205,235,243,.78),rgba(255,255,255,.16) 35%,transparent 66%)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;inset:12%;border:1px solid rgba(10,14,18,.16);border-radius:50%}.hero-visual:after{inset:27%;border-style:dashed}.orb{position:absolute;inset:38%;border-radius:50%;background:var(--ink);box-shadow:0 0 80px rgba(16,26,36,.22)}.axis{position:absolute;background:rgba(10,14,18,.22)}.axis-a{width:120%;height:1px;left:-10%;top:50%;transform:rotate(-18deg)}.axis-b{height:120%;width:1px;top:-10%;left:50%;transform:rotate(24deg)}.signal{position:absolute;font-size:8px;letter-spacing:.18em;display:flex;align-items:center;gap:8px}.signal i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(200,255,77,.18)}.s1{top:15%;left:16%}.s2{right:3%;top:48%}.s3{bottom:13%;left:23%}.metric{position:absolute;right:-2%;bottom:7%;background:#fff;padding:18px 20px;width:220px;box-shadow:0 18px 50px rgba(10,14,18,.1)}.metric small{font-size:7px;letter-spacing:.17em;color:#777}.metric strong{display:block;font:500 15px/1.4 Manrope;margin-top:8px}.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#7b8184}.intro{padding:135px 7vw;display:grid;grid-template-columns:1fr 4fr;border-bottom:1px solid var(--line)}.intro-main{display:grid;grid-template-columns:1.7fr 1fr;gap:9vw}.display-copy{font:500 clamp(38px,4.6vw,70px)/1.05 Manrope;letter-spacing:-.05em;margin:0}.display-copy em,.approach h2 em,.contact h2 em{font-style:normal;color:#858a8c}.intro-detail{align-self:end;font-size:16px;line-height:1.7;color:#545c61}.intro-detail p:last-child{margin-bottom:0}.expertise{background:var(--navy);color:#fff;padding:130px 7vw}.section-label.light{color:#aab4ba}.section-top{display:grid;grid-template-columns:1.7fr .65fr;gap:80px;align-items:end;margin-bottom:75px}.section-top h2,.approach h2,.experience h2,.contact h2{font:500 clamp(43px,5vw,76px)/.98 Manrope;letter-spacing:-.055em;margin:0}.section-top>p{color:#aab4ba;line-height:1.65;margin:0}.cap-list{border-top:1px solid #34404a}.cap-list article{display:grid;grid-template-columns:70px 1fr 260px;gap:30px;padding:38px 0;border-bottom:1px solid #34404a;align-items:start;transition:.25s}.cap-list article:hover{padding-left:14px;background:linear-gradient(90deg,rgba(205,235,243,.05),transparent)}.cap-no{font-size:9px;color:var(--acid);letter-spacing:.15em}.cap-list h3{font:500 clamp(25px,2.4vw,37px) Manrope;margin:0 0 12px}.cap-list p{color:#aeb7bc;max-width:650px;line-height:1.6;margin:0}.cap-tag{font-size:8px;letter-spacing:.16em;color:#9ca7ad;text-align:right;padding-top:10px}.approach{padding:135px 7vw;display:grid;grid-template-columns:1fr 1.15fr;gap:11vw}.approach-copy>p:last-child{max-width:480px;line-height:1.7;color:#5b6368;font-size:17px}.principles{border-top:1px solid var(--line)}.principles>div{padding:30px 0;display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid var(--line)}.principles span{font-size:9px;color:#8a9093}.principles h3{font:500 23px Manrope;margin:0 0 9px}.principles p{grid-column:2;margin:0;color:#60686d;line-height:1.55}.experience{padding:130px 7vw;background:#e7e8e3}.experience-head{display:grid;grid-template-columns:.55fr 1.4fr .8fr;gap:60px;align-items:start}.experience-head>p:last-child{line-height:1.65;color:#5b6368;margin:4px 0}.sector-band{display:grid;grid-template-columns:repeat(4,1fr);margin:80px 0 100px;border-top:1px solid #bfc3be}.sector-band span{padding:26px 8px 26px 18px;border-bottom:1px solid #bfc3be;font:500 15px Manrope;position:relative}.sector-band span:before{content:"";position:absolute;left:0;top:32px;width:5px;height:5px;background:var(--ink);border-radius:50%}.framework{border-top:1px solid #bfc3be;padding-top:34px;display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.framework span{display:block;font-size:8px;letter-spacing:.18em;margin-bottom:18px}.framework strong{font:500 clamp(28px,3vw,44px)/1.1 Manrope}.framework>p{margin:0;line-height:1.7;color:#50585d}.framework small{display:block;font-size:10px;margin-top:20px;color:#747b7e}.contact{padding:135px 7vw;background:var(--acid);display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.contact-head h2{font-size:clamp(50px,6vw,90px)}.contact-head>p:last-child{max-width:520px;font-size:17px;line-height:1.65}.contact-form{background:#f9f9f5;padding:38px;box-shadow:0 22px 65px rgba(10,14,18,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:9px;font-weight:600;letter-spacing:.12em;margin-bottom:22px}.contact-form label>span{font-weight:400;opacity:.7}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;margin-top:9px;padding:12px 0;border:0;border-bottom:1px solid #afb4b0;background:transparent;font:500 15px DM Sans;outline:none;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink)}.contact-form textarea{resize:vertical}.consent{display:flex!important;gap:11px;align-items:flex-start;line-height:1.5!important;letter-spacing:0!important;font-weight:400!important;font-size:10px!important}.consent input{margin-top:2px}.form-note{font-size:9px!important;color:#6c7478;margin:16px 0 0}.contact-form .button{margin-top:4px}footer{background:var(--ink);color:#d7dbdc;padding:50px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end;font-size:9px;letter-spacing:.06em}footer a{text-decoration:none;margin-right:18px}.footer-brand strong{font:600 14px Manrope;letter-spacing:.2em}.footer-brand span{display:block;font-size:7px;letter-spacing:.2em;color:#899399;margin-top:5px}footer>div:last-child{text-align:right}.statement{padding:130px 7vw;min-height:70vh;display:grid;grid-template-columns:1fr 4fr;gap:50px}.statement h2{font:500 clamp(42px,5vw,72px)/1 Manrope;letter-spacing:-.05em}.statement p{max-width:800px;line-height:1.7;color:#555e63}
@media(max-width:850px){.nav nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-visual{width:85vw;justify-self:center;margin:25px 0}.hero h1{font-size:16vw}.hero-foot{margin-top:25px}.intro,.approach,.contact{grid-template-columns:1fr;padding:85px 7vw}.intro-main,.section-top,.experience-head,.framework{grid-template-columns:1fr}.intro-main{gap:35px}.expertise,.experience{padding:85px 7vw}.cap-list article{grid-template-columns:40px 1fr}.cap-tag{grid-column:2;text-align:left}.section-top{gap:25px}.sector-band{grid-template-columns:1fr 1fr;margin:55px 0 70px}.contact{gap:45px}.form-grid{grid-template-columns:1fr}.contact-form{padding:25px}.statement{grid-template-columns:1fr;padding:85px 7vw}footer{grid-template-columns:1fr;gap:25px}footer>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cap-list article{transition:none}}

/* v7 — White Briar identity */
:root{--ink:#10201d;--navy:#102724;--paper:#f7f5ef;--white:#fff;--muted:#66736e;--line:#d9ddd5;--acid:#dfe9d7;--ice:#cfe5e6;--briar:#254f45;--briar-deep:#102f2a;--sage:#9eb8aa;--rose:#fffdf7;--petal:#ece9df;--signal:#9fc9c8}
.nav{background:rgba(247,245,239,.93);border-bottom-color:rgba(16,32,29,.13)}
.brand{align-items:center;gap:12px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:var(--briar);flex:0 0 auto}.brand-mark svg{width:100%;height:100%;display:block}.brand-type{display:flex;flex-direction:column;gap:3px}.wordmark{font-size:15px;letter-spacing:.19em}.brand small{font-size:7px;color:#718079}
.nav-cta{border-left-color:#bdc6c0}.nav-cta span,.button span{color:var(--signal)}
.hero{position:relative}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:13vw;top:8vh;background:radial-gradient(circle,rgba(158,184,170,.14),rgba(207,229,230,.07) 45%,transparent 70%);filter:blur(2px);pointer-events:none}.hero h1 span{color:#72817b}.hero-visual{border-color:#c7d0ca;background:radial-gradient(circle at 48% 47%,rgba(207,229,230,.86),rgba(236,233,223,.3) 38%,transparent 67%)}.hero-visual:before,.hero-visual:after{border-color:rgba(37,79,69,.19)}.orb{background:radial-gradient(circle at 37% 30%,#3e6d61,var(--briar-deep) 62%);box-shadow:0 0 90px rgba(37,79,69,.22)}.axis{background:rgba(37,79,69,.24)}.signal i{background:var(--rose);border:2px solid var(--briar);box-shadow:0 0 0 5px rgba(158,184,170,.2)}.metric{border-top:3px solid var(--sage)}
.display-copy em,.approach h2 em,.contact h2 em{color:#71837b}.expertise{background:linear-gradient(145deg,var(--briar-deep),#102522 60%,#17322f);position:relative}.expertise:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(207,229,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(207,229,230,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.expertise>*{position:relative;z-index:1}.cap-no{color:#dfe9d7}.cap-list article:hover{background:linear-gradient(90deg,rgba(158,184,170,.09),transparent)}
.experience{background:linear-gradient(135deg,#e9ece5,#f1efe8)}.sector-band span:before{background:var(--briar)}
.contact{background:linear-gradient(125deg,#dfe9d7 0%,#cfe1d7 48%,#cfe5e6 100%);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(37,79,69,.15);border-radius:50%;left:-240px;bottom:-310px}.contact>*{position:relative}.contact-form{background:rgba(255,253,247,.9);backdrop-filter:blur(10px)}
footer{background:#0d1d1a}.footer-brand{display:flex;align-items:center;gap:11px}.footer-mark .brand-mark{width:32px;height:32px;color:#dfe9d7}.footer-brand>span:last-child{display:block}.footer-brand strong{display:block}.footer-brand>span:last-child>span{display:block;font-size:7px;letter-spacing:.2em;color:#899b93;margin-top:5px}
.button{background:var(--briar-deep)}.button:hover{background:var(--briar)}
@media(max-width:850px){.brand-mark{width:31px;height:31px}.brand small{display:none}.wordmark{font-size:13px}.hero:before{right:-180px}}

.brand-mark img{width:100%;height:100%;display:block;object-fit:contain}.brand-mark{min-width:36px;visibility:visible!important;opacity:1!important}
