@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;450;500;550;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f3ee;--ink:#242925;--muted:#687069;--bronze:#91816c;--line:#d8d6cf;--serif:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-weight:400;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,p,blockquote{margin:0}h1,h2{font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid var(--bronze);outline-offset:6px}::selection{background:#d2c9b9}.skip{position:fixed;z-index:30;left:10px;top:10px;padding:10px;background:white;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.header{margin:0 5.5%;height:115px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{display:block;width:217px;height:65px;overflow:hidden;position:relative;flex-shrink:0}.logo img{position:absolute;display:block;max-width:none;width:235px;height:235px;left:-12px;top:-56px}.header nav{display:flex;align-items:center;gap:43px;font-size:12px}.header nav a{padding:9px 0}.header nav a[aria-current=page]{color:var(--bronze)}.header nav a:last-child{border-bottom:1px solid var(--ink)}.header nav a:hover{color:var(--bronze)}.menu-toggle{display:none}.hero{padding:77px 7.5% 68px;display:grid;grid-template-columns:1.8fr 1fr;gap:7%;align-items:end}h1{font-size:clamp(50px,5.4vw,84px);font-weight:400;line-height:1.12;letter-spacing:-3.5px}h1 em{font-family:var(--serif);font-weight:400;font-size:1.15em;letter-spacing:-2.4px;white-space:nowrap}em{font-style:italic}.hero-aside{padding:0 0 7px;max-width:315px}.short-rule{display:block;width:36px;height:1px;background:var(--bronze);margin-bottom:22px}.hero-aside p{font-size:15px;line-height:1.85;color:#64695f}.text-link{display:inline-flex;gap:49px;align-items:center;margin-top:24px;font-size:11px;border-bottom:1px solid #acaa9f;padding-bottom:6px}.text-link span{font-size:20px}.architecture{height:335px;margin:0 5.5%;overflow:hidden;background:#cac4b6}.architecture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.section{padding:88px 7.5%}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;line-height:1.5;color:var(--bronze)}.introduction{display:grid;grid-template-columns:1fr 3fr;gap:6%;border-bottom:1px solid var(--line);margin:0 7.5%;padding:83px 0 76px}.introduction h2{padding-top:8px}.introduction>p{font-size:23px;font-weight:400;line-height:1.65;letter-spacing:-.45px;max-width:920px}h2{font-family:var(--serif);font-size:46px;line-height:1.15;letter-spacing:-.8px}.approach-values{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.approach{padding-top:12px}.approach h2{margin-bottom:27px}.approach>p{font-size:14px;line-height:1.95;color:var(--muted);margin-bottom:20px}.values-panel{padding:37px 39px 29px;background:#29342e;color:#f3f1eb}.values-panel h2{font-size:39px;margin-bottom:19px}.values-panel ul{list-style:none;margin:0;padding:0}.values-panel li{padding:15px 0;border-top:1px solid #ffffff25;font-size:12px;line-height:1.8}.values-panel strong{font-weight:500;color:#e5ddcd}.values-panel li span{color:#bbc3bb}.style-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:64px 7.5% 72px;background:#e8e6df}.style-content h2{margin-bottom:26px}.style-content p{font-size:14px;color:var(--muted);line-height:1.95}.style-section blockquote{align-self:center;font-family:var(--serif);font-size:43px;line-height:1.25;letter-spacing:-.6px;max-width:450px;padding:12px 0 12px 34px;border-left:1px solid #b5ad9e;color:#756957}.investors{display:grid;grid-template-columns:1fr 2fr;gap:9%}.investors p{font-size:14px;line-height:1.95;color:var(--muted);max-width:780px}.page-heading{padding:67px 7.5% 68px;border-bottom:1px solid var(--line)}.page-heading h1{margin-top:21px}.focus-content{padding-top:0;padding-bottom:0}.focus-row{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding:63px 0;border-bottom:1px solid var(--line)}.focus-row:last-child{border-bottom:0}.row-number{font-size:10px;color:var(--bronze);letter-spacing:1px;display:block;margin-bottom:17px}.focus-name h2{font-size:41px}.focus-name ul{list-style:none;margin:19px 0 0;padding:0;font-size:12px;line-height:2;color:var(--muted)}.focus-description{align-self:center}.focus-description p{font-size:15px;line-height:1.95;color:var(--muted)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:76px;padding-bottom:86px}.contact-copy h1{font-size:65px;margin:26px 0 31px}.contact-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 21px;max-width:420px}.contact-copy p:first-of-type{font-size:21px;color:var(--ink);line-height:1.6}.contact-links{display:flex;flex-direction:column;gap:8px;margin-top:32px;font-size:13px}.contact-links a:hover{text-decoration:underline}#contact-form{padding-top:8px;color:var(--muted);font-size:10px}#contact-form fieldset{margin:0;padding:0;border:0}#contact-form legend{font-size:13px;color:var(--ink);margin-bottom:13px}#contact-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:25px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:23px}#contact-form input,#contact-form textarea{background:transparent;border:0;border-bottom:1px solid #a4aaa2;width:100%;padding:12px 0;font-size:16px;color:var(--ink);border-radius:0}#contact-form textarea{border:1px solid #bfc1b9;padding:12px;resize:vertical;margin-top:8px}#contact-form input:focus,#contact-form textarea:focus{outline:1px solid var(--bronze);outline-offset:3px}#contact-form button{background:var(--ink);border:1px solid var(--ink);color:var(--paper);font-size:12px;min-height:49px;min-width:145px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer}#contact-form button span{font-size:20px}#form-status{font-size:12px;line-height:1.7;margin-top:18px}footer{padding:0 5.5%;background:#eeece6;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:31px 0}.footer-top>div{display:flex;flex-direction:column;font-size:11px;gap:5px;color:var(--muted)}.footer-cta{font-size:13px;display:flex;gap:30px;align-items:center}.footer-cta span{font-size:22px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#898b82;font-size:8px;letter-spacing:.7px}.footer-bottom>a{letter-spacing:0}
@media(min-width:1600px){.hero{padding-top:96px;padding-bottom:87px}.architecture{height:420px}.section{padding-top:104px;padding-bottom:104px}.introduction{padding:95px 0}}
@media(max-width:1050px){.hero{grid-template-columns:1.6fr 1fr;gap:5%;padding:64px 6% 59px}h1{font-size:54px;letter-spacing:-2.6px}.hero-aside p{font-size:13px}.architecture{height:280px}.section{padding:65px 6%}.introduction{margin:0 6%;padding:65px 0}.introduction>p{font-size:20px}.approach-values{gap:6%}.values-panel{padding:31px 25px 23px}.style-section{padding:56px 6%;gap:6%}.style-section blockquote{font-size:35px;padding-left:25px}h2{font-size:39px}.focus-row{gap:7%}.focus-name h2{font-size:35px}.contact-section{gap:7%}.contact-copy h1{font-size:55px}}
@media(max-width:700px){.header{height:91px;margin:0 6%}.logo{width:192px;height:58px}.logo img{width:208px;height:208px;left:-10px;top:-50px}.menu-toggle{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 0 10px 12px;font-size:11px;background:none;border:0;color:var(--ink)}.header nav{display:none;position:absolute;top:90px;left:-6.82%;right:-6.82%;background:var(--paper);padding:14px 6% 23px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:12px 0;font-size:14px}.header nav a:last-child{border:0}.hero{display:block;padding:43px 6% 38px}h1{font-size:clamp(38px,10.7vw,64px);letter-spacing:-1.9px;line-height:1.13}h1 em{font-size:1.13em;letter-spacing:-1.4px}.hero-aside{max-width:340px;margin-top:25px;padding:0}.short-rule{display:none}.hero-aside p{font-size:13px;line-height:1.85;max-width:290px}.text-link{margin-top:19px;font-size:11px;gap:39px}.architecture{height:220px;margin:0 6%}.architecture img{object-position:57% center}.section{padding:49px 6%}.introduction{display:block;margin:0 6%;padding:42px 0 45px}.introduction h2{padding:0;margin-bottom:20px;font-size:8px}.introduction>p{font-size:18px;line-height:1.75;letter-spacing:-.2px}h2{font-size:37px}.approach-values{display:block}.approach{padding:0}.approach h2{margin-bottom:21px}.approach>p{font-size:13px;line-height:1.95}.values-panel{margin-top:30px;padding:29px 25px 21px}.values-panel h2{font-size:35px}.values-panel li{font-size:12px;padding:14px 0}.style-section{grid-template-columns:1fr;padding:44px 6% 49px;gap:31px}.style-content h2{margin-bottom:20px}.style-content p{font-size:13px;line-height:1.95}.style-section blockquote{font-size:33px;line-height:1.3;max-width:370px;padding:0 0 0 22px}.investors{display:block}.investors h2{margin-bottom:22px}.investors p{font-size:13px;line-height:1.95}.page-heading{padding:42px 6% 40px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.page-heading h1{font-size:42px;margin-top:20px}.focus-content{padding-top:0;padding-bottom:0}.focus-row{grid-template-columns:1fr;gap:24px;padding:37px 0}.row-number{margin-bottom:13px;font-size:9px}.focus-name h2{font-size:36px}.focus-name ul{margin-top:17px;font-size:12px}.focus-description p{font-size:13px;line-height:1.95}.contact-section{grid-template-columns:1fr;gap:31px}.contact-copy .eyebrow{font-size:7px}.contact-copy h1{font-size:53px;margin-top:22px;margin-bottom:23px}.contact-copy p{font-size:13px}.contact-copy p:first-of-type{font-size:19px}.contact-links{margin-top:24px}.name-fields{gap:17px}#contact-form{padding-top:0}.footer-top{flex-wrap:wrap;padding:25px 0;gap:20px}.footer-top>.logo{flex-basis:100%}.footer-top>div{font-size:10px}.footer-cta{font-size:11px;gap:17px}.footer-bottom{font-size:6px;letter-spacing:.4px;padding:17px 0;gap:15px}.footer-bottom>a{font-size:8px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.eyebrow{font-family:"DM Sans",Arial,sans-serif}.approach>p,.style-content p,.investors p{font-size:15px}.values-panel li{font-size:13px}@media(max-width:700px){.approach>p,.style-content p,.investors p,.focus-description p{font-size:14px}.values-panel li{font-size:12px}}

.architecture img{object-position:center 34%}@media(max-width:700px){.architecture img{object-position:center 32%}}

/* Color and texture studies. Preview controls are removable as one unit. */
:root{--panel:#e8e6df;--deep:#29342e;--deep-ink:#f3f1eb;--deep-muted:#bbc3bb;--footer:#eeece6;--logo-filter:none;--texture:none}
html[data-palette=navy]{--paper:#111d2b;--ink:#f0eee7;--muted:#b6bfca;--bronze:#c1ae8c;--line:#374555;--panel:#1a293a;--deep:#e8e5dd;--deep-ink:#152334;--deep-muted:#526171;--footer:#0c1623;--logo-filter:invert(1);--texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.045' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
html[data-palette=slate]{--paper:#eef0f2;--ink:#253348;--muted:#5e6e80;--bronze:#627c98;--line:#cad1d9;--panel:#dfe5eb;--deep:#2e4056;--deep-ink:#f0f3f6;--deep-muted:#c6d0dc;--footer:#e1e6ec;--logo-filter:none;--texture:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#314b6b06 3px,#314b6b06 4px)}
html[data-palette=forest]{--paper:#f2f0e7;--ink:#243d32;--muted:#617368;--bronze:#88744f;--line:#cfd3c5;--panel:#e2e6d9;--deep:#294536;--deep-ink:#f5f2e8;--deep-muted:#c3d0bc;--footer:#e7e9de;--logo-filter:none;--texture:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,#3b593105 4px,#3b593105 5px),repeating-linear-gradient(90deg,transparent 0px,transparent 4px,#3b593104 4px,#3b593104 5px)}
html[data-palette=espresso]{--paper:#302824;--ink:#f1e8d9;--muted:#c8b9a6;--bronze:#cfad7c;--line:#5b4c40;--panel:#3b3029;--deep:#e6d9c5;--deep-ink:#3a2b22;--deep-muted:#6a5747;--footer:#271e1a;--logo-filter:invert(1);--texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.05' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
html[data-texture=off]{--texture:none!important}body{background-color:var(--paper);background-image:var(--texture);padding-bottom:103px}.logo img{filter:var(--logo-filter)}.hero-aside p,.approach>p,.style-content p,.investors p,.focus-name ul,.focus-description p,.contact-copy p,.contact-links,#contact-form,.footer-top>div{color:var(--muted)}.style-section{background-color:var(--panel);background-image:var(--texture)}.style-section blockquote{color:var(--bronze);border-color:var(--line)}.values-panel{background:var(--deep);color:var(--deep-ink)}.values-panel strong{color:var(--deep-ink)}.values-panel li span{color:var(--deep-muted)}.values-panel li{border-color:color-mix(in srgb,var(--deep-ink) 20%,transparent)}footer{background-color:var(--footer);background-image:var(--texture)}.footer-bottom{color:var(--muted)}.contact-copy p:first-of-type,#contact-form legend{color:var(--ink)}#contact-form input,#contact-form textarea{color:var(--ink);border-color:var(--line)}#contact-form button{background:var(--ink);color:var(--paper);border-color:var(--ink)}#form-status{color:var(--muted)}.text-link{border-color:var(--line)}.skip{background:var(--paper);color:var(--ink)}
.palette-preview{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;color:#25302d;box-shadow:0 -4px 25px #00000015;border-top:1px solid #d8ddda;display:flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;font-family:Arial,sans-serif;line-height:1.4}.palette-caption{font-size:8px;letter-spacing:1.5px;color:#66716c}.palette-caption span{display:block;font-size:12px;letter-spacing:0;color:#25302d;margin-top:4px}.palette-options{display:flex;gap:7px}.palette-options button{display:flex;align-items:center;gap:9px;border:1px solid #d9dfdb;background:white;color:#37433e;padding:9px 12px;min-height:44px;font-size:11px;cursor:pointer;border-radius:4px}.palette-options button[aria-pressed=true]{border-color:#263b30;background:#f0f4f1;box-shadow:inset 0 0 0 1px #263b30}.swatch{width:23px;height:23px;border:1px solid #00000020;border-radius:50%;display:block;flex-shrink:0}.swatch.navy{background:linear-gradient(135deg,#111d2b 50%,#e8e5dd 50%)}.swatch.slate{background:linear-gradient(135deg,#eef0f2 50%,#2e4056 50%)}.swatch.forest{background:linear-gradient(135deg,#f2f0e7 50%,#294536 50%)}.swatch.espresso{background:linear-gradient(135deg,#302824 50%,#e6d9c5 50%)}.texture-toggle{border:0;border-left:1px solid #d9dfdb;padding:12px 0 12px 20px;min-height:44px;font-size:11px;background:none;color:#42574a;cursor:pointer}.palette-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1050px){.palette-caption{display:none}.palette-preview{gap:12px;padding:12px}.palette-options button{padding:8px 10px;font-size:10px}.texture-toggle{padding-left:12px}}@media(max-width:700px){body{padding-bottom:154px}.palette-preview{flex-wrap:wrap;gap:4px;padding:10px 12px 8px}.palette-options{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}.palette-options button{font-size:10px;min-height:39px;padding:6px 9px;gap:8px}.swatch{width:21px;height:21px}.texture-toggle{min-height:31px;padding:4px 12px;border:0;font-size:10px}.header nav{background-color:var(--paper);background-image:var(--texture)}}

html[data-palette=navy] body,html[data-palette=espresso] body,html[data-palette=navy] .style-section,html[data-palette=espresso] .style-section,html[data-palette=navy] footer,html[data-palette=espresso] footer{background-size:180px 180px}

.investors p+p{margin-top:20px}

/* Direct contact invitations. */
.header nav a:last-child{border-bottom:0}.contact-introduction{display:grid;grid-template-columns:1.5fr 1fr;column-gap:10%;padding-top:72px;padding-bottom:57px;align-items:end}.contact-introduction>.eyebrow{grid-column:1/-1;margin-bottom:25px}.contact-introduction h1{font-size:clamp(48px,5vw,74px)}.contact-introduction>p{font-size:16px;color:var(--muted);line-height:1.9;padding-bottom:7px}.contact-paths{padding-top:0;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact-paths article{border-top:1px solid var(--line);padding-top:30px}.contact-paths h2{font-size:40px;margin:22px 0}.contact-paths p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:17px;max-width:490px}.contact-paths .text-link{margin-top:13px}.direct-email{border-top:1px solid var(--line);padding-top:38px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.direct-email .eyebrow{display:block;margin-bottom:10px}.direct-email a{font-size:23px;letter-spacing:-.5px}.direct-email p{font-size:11px;color:var(--muted);margin-top:10px}.copy-email-wrap{text-align:right}#copy-email{background:transparent;border:1px solid var(--line);color:var(--ink);padding:12px 17px;display:flex;align-items:center;gap:24px;cursor:pointer;font-size:11px;min-height:44px}#copy-status{min-height:18px}.hero-aside{padding-bottom:12px}@media(max-width:700px){.contact-introduction{display:block;padding-top:42px;padding-bottom:36px}.contact-introduction>.eyebrow{margin-bottom:23px;display:block}.contact-introduction h1{font-size:43px}.contact-introduction>p{font-size:14px;margin-top:25px}.contact-paths{grid-template-columns:1fr;gap:37px;padding-top:0;padding-bottom:41px}.contact-paths article{padding-top:26px}.contact-paths h2{font-size:35px;margin:18px 0 21px}.contact-paths p{font-size:14px}.direct-email{display:block;padding:32px 6%}.direct-email a{font-size:21px}.copy-email-wrap{text-align:left;margin-top:24px}#copy-status{margin-top:8px}}

/* Espresso material studies: distinct surfaces, restrained texture. */
html[data-palette=espresso][data-texture=on]{
 --panel-grain:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.09' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
 --panel-linen:repeating-linear-gradient(0deg,transparent 0 3px,#583b2309 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#583b2308 3px 4px);
 --panel-brushed:repeating-linear-gradient(115deg,transparent 0 3px,#d2b58b07 3px 4px);
}
html[data-palette=espresso] .values-panel{background-color:#e1d2b9;background-image:var(--panel-linen,none);border:1px solid #e9ddcb;box-shadow:0 8px 30px #170f1417}
html[data-palette=espresso] .style-section{background-color:#3c3029;background-image:var(--panel-brushed,none);background-size:auto;border-top:1px solid #705c434d;border-bottom:1px solid #705c434d}
html[data-palette=espresso] .style-section blockquote{background-color:#30241f;background-image:var(--panel-grain,none);background-size:160px 160px;padding:29px 32px;border-left:2px solid #ad8960;color:#e0c6a1}
html[data-palette=espresso] .contact-paths{gap:28px}
html[data-palette=espresso] .contact-paths article{padding:32px 33px 35px;border:1px solid #6e5745;background-color:#3a2e27;background-image:var(--panel-brushed,none);display:flex;flex-direction:column}
html[data-palette=espresso] .contact-paths article:first-child{background-color:#e3d5c0;background-image:var(--panel-linen,none);color:#352a23;border-color:#eddfca}
html[data-palette=espresso] .contact-paths article:first-child .eyebrow{color:#7b6145}
html[data-palette=espresso] .contact-paths article:first-child p{color:#655548}
html[data-palette=espresso] .contact-paths article:first-child .text-link{border-color:#a99378}
html[data-palette=espresso] .contact-paths .text-link{align-self:flex-start;margin-top:auto;padding-top:15px}
html[data-palette=espresso] .direct-email{background-color:#28201c;background-image:var(--panel-grain,none);background-size:160px 160px}
html[data-palette=espresso] .focus-row:nth-child(2){background-color:#3a3029;background-image:var(--panel-brushed,none);padding-left:30px;padding-right:30px}
html[data-palette=espresso] footer{background-image:var(--panel-grain,none);background-size:160px 160px}
@media(max-width:700px){html[data-palette=espresso] .contact-paths{gap:22px}html[data-palette=espresso] .contact-paths article{padding:26px 23px 29px}html[data-palette=espresso] .style-section blockquote{padding:24px 23px;font-size:31px}html[data-palette=espresso] .focus-row:nth-child(2){padding-left:20px;padding-right:20px}}

/* Softer, quieter values panel. */
.values-panel{border-radius:18px}
.values-panel strong{display:block;margin-bottom:5px;font-size:13px}
.values-panel li span{display:block}
html[data-palette=espresso] .values-panel{background-color:#392f29;background-image:var(--panel-grain,none);color:var(--ink);border:1px solid #59493c;box-shadow:none}
html[data-palette=espresso] .values-panel strong{color:#e1c9a6}
html[data-palette=espresso] .values-panel li span{color:var(--muted)}
html[data-palette=espresso] .values-panel li{border-color:#59493c}

/* Rounded section headings and a clearer acquisition focus. */
.approach h2,.values-panel h2,.investors h2{font-family:'DM Sans',Arial,sans-serif;font-weight:400;font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.3px;line-height:1.2}
.hero{grid-template-columns:1.4fr 1fr;gap:5%}
.hero-aside{max-width:430px}
.hero-aside p{font-size:clamp(16px,1.45vw,20px);line-height:1.65;color:var(--ink);letter-spacing:-.25px}
.hero-aside p span{display:block}
@media(max-width:1050px) and (min-width:701px){.hero{grid-template-columns:1.5fr 1fr;gap:5%}.hero-aside p{font-size:16px}}
@media(max-width:700px){.hero{display:block}.hero-aside{max-width:430px}.hero-aside p{font-size:16px;max-width:390px}.approach h2,.values-panel h2,.investors h2{font-size:32px;letter-spacing:-1px}}

@media(min-width:701px) and (max-width:1050px){.hero{grid-template-columns:1fr}.hero-aside{max-width:460px;margin-top:25px}.hero-aside .short-rule{display:none}.hero-aside p{font-size:18px}}

/* Original Whitestone photograph, gently warmed for the brown palette. */
.architecture img{object-position:center 48%}
html[data-palette=espresso] .architecture img{filter:sepia(.16) saturate(.76) brightness(.9)}
@media(max-width:700px){.architecture img{object-position:center center}}

/* A quieter, typography-led opening. */
.page-home .hero{padding-top:105px;padding-bottom:100px}
.page-home .introduction{border-top:1px solid var(--line)}
@media(max-width:1050px){.page-home .hero{padding-top:82px;padding-bottom:78px}}
@media(max-width:700px){.page-home .hero{padding-top:62px;padding-bottom:59px}}

/* Quiet opening and a gently contrasting introduction band. */
html[data-palette=espresso] .page-home .introduction{margin:0;padding:83px 7.5% 76px;background-color:#3a302a;background-image:var(--texture);border-top:1px solid #514238;border-bottom:1px solid #514238}
@media(max-width:1050px){html[data-palette=espresso] .page-home .introduction{padding:65px 6%}}
@media(max-width:700px){html[data-palette=espresso] .page-home .introduction{padding:42px 6% 45px}}

/* Real architectural detail balances the opening. */
.page-home .hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"title photo" "subtitle photo";column-gap:7%;row-gap:28px;padding:64px 6%;align-items:center}
.hero-title{grid-area:title;align-self:end}
.page-home .hero-aside{grid-area:subtitle;align-self:start;margin:0;max-width:440px}
.page-home .hero-aside .short-rule{display:none}
.hero-photo{grid-area:photo;height:390px;overflow:hidden;border-radius:3px}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(.65) brightness(.86)}
@media(min-width:1051px){.hero-photo{height:450px}}
@media(max-width:700px){.page-home .hero{grid-template-columns:1fr;grid-template-areas:"title" "subtitle" "photo";padding:48px 6%;row-gap:26px}.hero-photo{height:240px;margin-top:6px}.hero-photo img{object-position:center 58%}}

/* Open masonry lines flow beyond the right edge of the hero. */
.page-home .hero{min-height:500px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"title pattern" "subtitle pattern";padding-right:6%}
.hero-pattern{position:absolute;z-index:-1;pointer-events:none;right:-80px;top:20px;bottom:20px;width:53%;color:#b89b77;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%)}
.hero-pattern svg{width:100%;height:100%;display:block}
@media(max-width:700px){.page-home .hero{min-height:430px;display:block;padding:62px 6% 70px}.page-home .hero-aside{margin-top:28px;position:relative;max-width:340px}.hero-pattern{right:-120px;width:68%;top:0;bottom:0;opacity:.18}.hero-title{position:relative}}

.page-home .hero{position:relative;isolation:isolate;overflow:hidden}
.hero-pattern{right:-65px;width:56%}

/* A repeating open-frame motif inspired by the original wordmark. */
.hero-pattern{right:-55px;width:55%;top:0;bottom:0;opacity:.36;color:#c5ab86;mask-image:linear-gradient(90deg,transparent 0%,#0009 28%,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0009 28%,#000 70%)}
@media(max-width:700px){.hero-pattern{right:-110px;width:74%;opacity:.15}}

/* Large open frames echo the original logo with generous spacing. */
.hero-pattern.refined-frames{left:auto;right:-85px;top:0;bottom:0;width:53%;height:auto;opacity:.48;color:#bca17f;mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in}
@media(max-width:700px){.hero-pattern.refined-frames{right:-130px;width:72%;opacity:.17}}

/* Switchable drawing studies for the homepage. */
.hero-pattern.pattern-study{right:-45px;width:53%;top:0;bottom:0;opacity:.65;background-image:url('assets/pattern-weave.svg');background-position:center;background-size:640px 520px;mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in}
html[data-pattern=lattice] .pattern-study{background-image:url('assets/pattern-lattice.svg')}
html[data-pattern=contour] .pattern-study{background-image:url('assets/pattern-contour.svg');background-repeat:no-repeat}
.page-home .palette-preview>.palette-options,.page-home .palette-preview>.palette-caption,.page-home .palette-preview>.texture-toggle{display:none}
.pattern-options{display:flex;align-items:center;gap:9px}.pattern-options>span{font-size:9px;letter-spacing:1.4px;margin-right:12px;color:#766b60}.pattern-options button{font:12px Arial,sans-serif;padding:12px 18px;min-height:44px;border:1px solid #d6cec3;border-radius:4px;background:#fff;color:#493b30;cursor:pointer}.pattern-options button[aria-pressed=true]{background:#382c25;color:#f3e6d5;border-color:#382c25}
@media(max-width:700px){.hero-pattern.pattern-study{width:74%;right:-115px;opacity:.23}.pattern-options{gap:6px}.pattern-options>span{display:none}.pattern-options button{padding:12px;font-size:11px}.page-home{padding-bottom:80px}}

html[data-pattern=interlock] .pattern-study{background-image:url('assets/pattern-interlock.svg');background-repeat:repeat;opacity:.63}
@media(max-width:700px){html[data-pattern=interlock] .pattern-study{opacity:.23}}

html[data-pattern=linked] .pattern-study{background-image:url('assets/pattern-linked.svg');background-repeat:repeat;opacity:.62}
@media(max-width:700px){html[data-pattern=linked] .pattern-study{opacity:.23}.pattern-options{flex-wrap:wrap;justify-content:center}.pattern-options button{min-height:38px;padding:9px 11px}.page-home{padding-bottom:110px}}

html[data-pattern=chess] .pattern-study{background-image:url('assets/pattern-chess.svg');background-repeat:repeat;opacity:.8}
.pattern-options{flex-wrap:wrap;justify-content:center}
@media(max-width:700px){html[data-pattern=chess] .pattern-study{opacity:.28}}

/* Selected homepage design, without comparison controls. */
body.page-home{padding-bottom:0}

.focus-name ul.focus-subservices{margin:2px 0 6px 15px;padding-left:12px;border-left:1px solid var(--line);font-size:inherit;line-height:1.8}

.focus-name ul.focus-subservices{border-left:0;padding-left:0}

.focus-name ul.focus-subservices{margin-left:0;padding-left:0}

/* Tactile service panels, with quiet reading space alongside. */
.page-focus .focus-name{position:relative;isolation:isolate;overflow:hidden;padding:30px 28px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html[data-palette=espresso] .page-focus .focus-name{background:#3c3028;border-color:#5a4839}
html[data-palette=espresso][data-texture=on] .page-focus .focus-name::before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/focus-pebble.svg') repeat;mix-blend-mode:soft-light;opacity:.24;pointer-events:none}
.page-focus .focus-name h2{font-size:clamp(29px,3vw,39px)}
.page-focus .focus-name ul{line-height:1.65}
.page-focus .focus-name li+li{margin-top:9px}
.page-focus .focus-row{gap:7%}
@media(max-width:700px){.page-focus .focus-name{padding:25px 23px}.page-focus .focus-name h2{font-size:32px}.page-focus .focus-name ul{font-size:13px}.page-focus .focus-row{gap:25px}}

/* Subtle full-width tonal shifts between the focus areas. */
.page-focus .focus-content{padding:0}
.page-focus .focus-row{padding:64px 7.5%;border-bottom:1px solid var(--line)}
html[data-palette=espresso] .page-focus .focus-row:nth-child(1){background-color:#302824}
html[data-palette=espresso] .page-focus .focus-row:nth-child(2){background-color:#3a302a;padding-left:7.5%;padding-right:7.5%}
html[data-palette=espresso] .page-focus .focus-row:nth-child(3){background-color:#2b2420}
@media(max-width:1050px){.page-focus .focus-row,html[data-palette=espresso] .page-focus .focus-row:nth-child(2){padding:52px 6%}}
@media(max-width:700px){.page-focus .focus-row,html[data-palette=espresso] .page-focus .focus-row:nth-child(2){padding:38px 6%}}

/* Softer texture and clearer service lists. */
html[data-palette=espresso][data-texture=on] .page-focus .focus-name::before{opacity:.13}
.page-focus .focus-name ul{font-size:14px;line-height:1.7;margin-top:23px}
.page-focus .focus-name li{padding:11px 0}
.page-focus .focus-name li+li{margin-top:0;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.page-focus .focus-name li:first-child{padding-top:0}
.page-focus .focus-name li:last-child{padding-bottom:0}

/* Final pages have no preview dock. */
body,body.page-home{padding-bottom:0}

/* Final editorial typography refinements. */
.introduction>p{font-size:21px}
.investors h2::after{content:"";display:block;width:42px;height:1px;background:var(--bronze);margin-top:22px}
@media(max-width:1050px){.introduction>p{font-size:19px}}
@media(max-width:700px){.introduction>p{font-size:17px}.investors h2::after{margin-top:18px}}

/* Open wordmark-inspired frame for the introduction label. */
.page-home .introduction h2.eyebrow{position:relative;align-self:start;justify-self:start;width:max-content;margin-top:7px;padding:16px 15px 8px;font-size:11px;letter-spacing:1.8px;line-height:1.5;color:var(--ink)}
.page-home .introduction h2.eyebrow::before{content:"";position:absolute;inset:0 0 3px;border:1px solid var(--bronze);border-bottom:0;opacity:.7;pointer-events:none}
@media(max-width:700px){.page-home .introduction h2.eyebrow{margin-top:0;margin-bottom:25px;padding:14px 15px 7px;font-size:11px}}

.page-home .introduction h2.eyebrow{font-size:13px;letter-spacing:1px}

/* Two-tone original logo: champagne frame and descriptor, ivory wordmark. */
.logo::before,.logo::after{content:"";position:absolute;z-index:1;pointer-events:none;width:235px;height:235px;left:-12px;top:-56px;background:#c5ab83;mask:url('assets/whitestone-original.png') center/contain no-repeat;-webkit-mask:url('assets/whitestone-original.png') center/contain no-repeat}
.logo::before{clip-path:polygon(0 0,100% 0,100% 44%,94% 44%,94% 26%,10% 26%,10% 44%,0 44%)}
.logo::after{clip-path:inset(44% 0 0 0)}
@media(max-width:700px){.logo::before,.logo::after{width:208px;height:208px;left:-10px;top:-50px}}

/* Final spacing and understated interaction polish. */
.page-home .hero{min-height:460px}
.header nav a,.text-link,.footer-top a:not(.logo){transition:color .2s ease,border-color .2s ease}
.text-link:hover,.footer-top a:not(.logo):hover{color:var(--bronze);border-color:var(--bronze)}
.text-link span{transition:transform .2s ease}.text-link:hover span{transform:translate(3px,-2px)}
.reveal-pending{opacity:0;transform:translateY(12px)}
.reveal-ready{transition:opacity .55s ease,transform .55s ease}
.reveal-visible{opacity:1;transform:none}
@media(max-width:700px){.page-home .hero{min-height:0;padding-top:52px;padding-bottom:62px}.investors h2{margin-bottom:26px}.page-focus .page-heading{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-pending{opacity:1;transform:none}.reveal-ready,.text-link span,.header nav a,.text-link,.footer-top a:not(.logo){transition:none}}

/* Shared navigation frame and Focus header lattice. */
@media(min-width:701px){
.header nav{padding:0 12px}
.header nav a{position:relative}
.header nav a:focus-visible{outline:none}
.header nav a::before,.header nav a::after{content:"";position:absolute;top:5px;bottom:5px;width:5px;border:1px solid var(--bronze);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.header nav a::before{left:-12px;border-right:0;transform:translateX(3px)}
.header nav a::after{right:-12px;border-left:0;transform:translateX(-3px)}
.header nav a:hover::before,.header nav a:hover::after,.header nav a:focus-visible::before,.header nav a:focus-visible::after{opacity:.85;transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){.header nav a::before,.header nav a::after{transition:none}}
.page-focus .page-heading{position:relative;isolation:isolate;overflow:hidden}
.page-focus .page-heading::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-45px;top:0;bottom:0;width:53%;background:url('assets/pattern-lattice.svg') center/640px 520px;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in}
@media(max-width:700px){.page-focus .page-heading::after{width:64%;right:-90px;opacity:.22}}