/* The editorial page shares the world's limestone, basalt and copper connection. */
main>.section, .impact-stories, .investment-top, .investment-toolbar, #portfolio-list{--gutter:7%}
.intro,.audience,.contact,.investments,.impact-stories{position:relative;isolation:isolate}
.intro{padding-top:130px;padding-bottom:110px;background:radial-gradient(ellipse at 90% 10%,#fbf8ee 0,transparent 48%),#eae7de;border-top:0}
.intro::before,.audience::before,.contact::before,.impact-stories::before,.investments::before{content:'';position:absolute;left:3.5%;top:0;bottom:0;width:1px;background:linear-gradient(#ec703c55,#ec703c,#ec703c44);pointer-events:none;z-index:0}
.intro>.eyebrow,.audience>.eyebrow,.contact>.eyebrow{position:relative;padding-left:22px}
.intro>.eyebrow::before,.audience>.eyebrow::before,.contact>.eyebrow::before{content:'';width:6px;height:6px;background:#e66a32;border-radius:50%;position:absolute;left:0;top:4px;box-shadow:0 0 0 5px #e66a3210}
.intro-grid{grid-template-columns:1.15fr 1fr;gap:5% 9%;align-items:start}
.intro-grid h2{font-size:clamp(48px,6.1vw,90px);line-height:1.02;margin-bottom:0}
.intro-text{padding-top:9px;font-size:clamp(21px,2vw,28px);line-height:1.45;letter-spacing:-.025em}
.intro-text p+p{font-size:17px;line-height:1.75;letter-spacing:0;max-width:450px;color:#666359}
.services{margin-top:80px;gap:0;border-bottom:1px solid #837b613f}
.services article{position:relative;padding:26px 25px 30px;border-top:1px solid #837b6166;border-right:1px solid #837b613f;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff8,transparent 60%);transition:background .45s,opacity .7s,transform .7s}
.services article:first-child{border-left:1px solid #837b613f}
.services article::before{content:'';display:block;height:180px;order:1;margin:8px -8px 5px;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 15px 15px #50432613);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.services article:nth-child(1)::before{background-image:url('/assets/relief-leadership.svg')}
.services article:nth-child(2)::before{background-image:url('/assets/relief-product.svg')}
.services article:nth-child(3)::before{background-image:url('/assets/relief-architecture.svg')}
.services article:nth-child(4)::before{background-image:url('/assets/relief-investment.svg')}
.service-number{order:0;font:11px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#696557}
.services h3{order:2;font-size:clamp(26px,2.5vw,36px);margin:19px 0 20px;line-height:1.05}
.services p{order:3;font-size:15px;line-height:1.7;min-height:0;flex:1;margin-bottom:25px;color:#5f5c52}
.service-tags{order:4;border-top:1px solid #837b612d;padding-top:18px;font-size:10px;line-height:1.7;letter-spacing:.015em}
@media(hover:hover){.services article:hover{background-color:#f5f0e5}.services article:hover::before{transform:translateY(-5px)}}
.impact{background:#171b18}
.impact-scene{min-height:780px;margin:0;display:flex;flex-direction:column;justify-content:space-between}
.impact-scene>img{object-position:65% center}
.impact-scene::after{background:linear-gradient(90deg,#0b100ef5 0%,#0b100eb3 37%,#0b100e12 76%),linear-gradient(0deg,#171b18,transparent 35%)}
.impact-heading{padding:100px 7% 0}
.impact-heading h2{font-size:clamp(64px,7.5vw,110px);line-height:.99}
.impact-metrics{display:grid;grid-template-columns:.8fr 1fr 1.4fr;gap:40px;margin:150px 7% 75px;max-width:1000px}
.impact-metrics div{border-top:1px solid #e7ddc347;padding-top:24px;gap:16px}
.impact-metrics strong{font-size:clamp(38px,4.5vw,66px);line-height:1.05}
.impact-metrics span{color:#d4d0c5;font-size:13px;line-height:1.6}
.impact-stories{padding-top:25px;padding-bottom:100px;background:radial-gradient(ellipse at 100% 0,#3c40332b,transparent 60%),#171b18}
.impact-stories details{border-bottom:1px solid #d4cbb92e;padding-left:22px;border-left:1px solid transparent;transition:background .25s,border-color .25s}
.impact-stories details[open]{border-left-color:#e76b33;background:linear-gradient(90deg,#dacdaf08,transparent)}
.impact-stories summary{padding:32px 22px 32px 0;gap:32px}
.impact-stories summary:hover h3{color:#f6d5ad}
.story-index{font-size:10px;letter-spacing:.15em;color:#ca9166}
.impact-stories h3{font-size:clamp(24px,2.7vw,39px)}
.detail-icon{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid #dbd1b63b;border-radius:50%;font-size:23px;color:#d7ba91}
.story-content{padding-left:46px;padding-right:40px;padding-bottom:34px;gap:55px;max-width:1100px}
.story-content p{font-size:17px;line-height:1.8;color:#c1c1b5}
.investments{background:radial-gradient(ellipse at 70% 5%,#2e393445,transparent 45%),#111714;padding-top:105px;padding-bottom:90px;border-top:1px solid #c8c0aa22}
.investment-top{align-items:end;position:relative;z-index:1;padding-bottom:50px}
.investment-top>p{padding-left:25px;border-left:1px solid #d996605c;max-width:350px;margin-bottom:8px}
.investment-top h2{font-size:clamp(70px,8vw,116px);line-height:1}
.constellation{margin:0 3.5%;border:1px solid #c5c2a831;background:#111714}
.constellation>img{opacity:.92}
.constellation-caption{left:4%;top:6%}
.company-pins button{border-color:#d8c3a35c;min-height:44px;background:#111813eb;box-shadow:0 6px 28px #0002}
.company-pins button:hover,.company-pins button:focus-visible{background:#f0e7d7}
.investment-toolbar{padding-top:26px;margin-top:35px;border-color:#d6cfb638}
.investment-toolbar #more-investments{border-color:#cab99a70;transition:background .25s,color .25s}
.investment-toolbar #more-investments:hover{background:#eee7d8;color:#171b18}
.portfolio-grid{gap:0 40px}
.portfolio-grid button{padding-top:26px;padding-bottom:26px;transition:background .25s}
.portfolio-grid button:hover{background:#ede7d008}
.portfolio-filters button{border-color:#d6cfb638}
.audience{padding-top:120px;padding-bottom:115px;background:radial-gradient(ellipse at 90% 30%,#faf7ef,transparent 70%),#eae7de}
.audience h2{max-width:1000px;font-size:clamp(43px,5.7vw,82px);line-height:1.08;letter-spacing:-.05em}
.audience-bottom{padding-top:35px;border-top:1px solid #8074573b;margin-top:60px}
.audience-bottom p{color:#605e54;line-height:1.9}
.audience .text-link{padding:17px 0;white-space:normal;flex-shrink:0;border-bottom-color:#c45d32}
.audience .text-link span{color:#bf542a;display:inline-block;transition:transform .25s}
.audience .text-link:hover span{transform:translate(3px,-3px)}
.contact{color:#eee9de;background:#171c19;overflow:hidden;padding-top:105px;padding-bottom:85px;min-height:680px}
.contact::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171c19 0%,#171c19e8 32%,#171c1933 75%),linear-gradient(0deg,#171c19,transparent 45%),url('/assets/impact-world.webp') 78% 44%/cover;opacity:.78}
.contact h2{position:relative;font-size:clamp(100px,12vw,180px);max-width:1000px;font-weight:400;line-height:.91;letter-spacing:-.065em}
.contact h2 span{color:#f17b43}
.contact-bottom{position:relative;align-items:end;padding-top:32px;border-top:1px solid #e8dbbf38;margin-top:60px}
.contact-bottom p{font-size:16px;line-height:1.8;color:#d0cec0}
.contact-bottom>a{font-size:clamp(30px,4vw,58px);border-bottom:1px solid #edb47c;padding-bottom:13px;transition:color .25s}
.contact-bottom>a span{display:inline-block;color:#f17b43;transition:transform .25s}
.contact-bottom>a:hover{color:#f4cd99}.contact-bottom>a:hover span{transform:translate(4px,-4px)}
footer{background:#171c19;color:#e9e3d7;border-top:1px solid #e8dbbf22;padding:34px 7%}
footer p{color:#a6ab9e}footer>a:last-child{color:#d8d9cb}
@media(min-width:761px) and (max-width:1100px){
 .services{grid-template-columns:1fr 1fr}.services article:nth-child(3){border-left:1px solid #837b613f}
 .services article{padding:26px 30px 30px}.services article::before{height:185px}
 .impact-metrics{gap:25px}.impact-metrics strong{font-size:42px}
 .audience-bottom{gap:25px}.audience .text-link{max-width:260px;flex-shrink:1}
}
@media(max-width:760px){
 .intro,.audience{padding:75px 7%}.intro::before,.audience::before,.contact::before,.impact-stories::before,.investments::before{left:3%}
 .intro-grid{display:block}.intro-grid h2{font-size:clamp(42px,10.8vw,70px);margin-bottom:32px}
 .intro-text{font-size:21px;line-height:1.5}.intro-text p+p{font-size:16px;line-height:1.75}
 .services{grid-template-columns:1fr;margin-top:42px;border-bottom:0;gap:16px}
 .services article{border:1px solid #837b6145;padding:24px;display:grid;grid-template-columns:1fr 100px;gap:0 10px}
 .services article::before{grid-column:2;grid-row:1/3;height:120px;width:110px;margin:-8px -10px 0 0;align-self:center;order:unset}
 .service-number{grid-column:1;order:unset}.services h3{grid-column:1;order:unset;margin:18px 0 24px;font-size:32px}
 .services p{grid-column:1/-1;order:unset;font-size:15px;margin-bottom:23px}.service-tags{grid-column:1/-1;order:unset;font-size:10px}
 .impact-scene{min-height:720px}.impact-scene>img{object-position:65% center}
 .impact-scene::after{background:linear-gradient(90deg,#0b100eeb,#0b100e7a),linear-gradient(0deg,#171b18,transparent 50%)}
 .impact-heading{padding:70px 7% 0}.impact-heading h2{font-size:clamp(50px,13vw,80px)}
 .impact-metrics{grid-template-columns:1fr;gap:22px;margin:60px 7% 45px}
 .impact-metrics div{padding-top:17px;gap:7px;max-width:290px}.impact-metrics strong{font-size:41px}.impact-metrics span{font-size:12px}
 .impact-stories{padding:10px 7% 65px}.impact-stories details{padding-left:13px}.impact-stories summary{gap:15px;padding:26px 9px 26px 0}
 .impact-stories h3{font-size:24px;line-height:1.15}.detail-icon{min-width:30px;height:30px;font-size:20px}.story-content{padding:0 14px 15px 0;display:block}.story-content p{font-size:16px;margin-bottom:18px;line-height:1.75}
 .investments{padding-top:70px;padding-bottom:60px}.investment-top{padding:0 7% 28px}.investment-top h2{font-size:clamp(58px,15vw,84px)}
 .investment-top>p{padding-left:17px;margin-top:27px;font-size:16px;line-height:1.7;max-width:310px}
 .investment-top>p span{font-size:12px}.constellation{margin:0 7%;padding-top:64%;border:0}
 .constellation>img{left:-8.14%;width:116.28%;opacity:1}.company-pins{border:1px solid #d8c3a338;gap:1px}
 .company-pins button{padding:20px 12px;background:#19201b;box-shadow:none;font-size:16px;min-height:64px}
 .investment-toolbar{margin:26px 7% 0;font-size:12px}.investment-toolbar>div{gap:15px}.investment-toolbar #more-investments{min-height:48px;font-size:12px}
 #portfolio-list{padding:28px 7% 0}.portfolio-grid{gap:0 17px}.portfolio-grid button>span:first-child{font-size:18px}.portfolio-grid small{font-size:10px}
 .audience h2{font-size:clamp(38px,9.9vw,60px);line-height:1.12}.audience-bottom{margin-top:35px;padding-top:23px}.audience-bottom p{font-size:16px;line-height:1.85}
 .audience .text-link{font-size:15px;padding-top:0}
 .contact{padding:75px 7% 65px;min-height:640px}.contact::after{background:linear-gradient(90deg,#171c19ed,#171c1966),linear-gradient(0deg,#171c19,transparent 65%),url('/assets/impact-world.webp') 68% center/auto 100%;opacity:.75}
 .contact h2{font-size:clamp(87px,23vw,135px)}.contact-bottom{margin-top:65px;padding-top:25px;display:block}.contact-bottom p{font-size:15px;margin-bottom:28px}.contact-bottom>a{font-size:clamp(27px,8vw,38px);display:inline-block}.contact-bottom>a span{margin-left:20px}
 footer{padding:30px 7%;gap:20px}footer p{font-size:11px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.services article::before{transition:none!important;transform:none!important}}
.reduced-motion .services article::before{transition:none!important;transform:none!important}
@media(max-width:359px){
 .services article{padding:20px;grid-template-columns:minmax(0,1fr) 70px;min-width:0}
 .services article::before{width:80px;height:100px}
 .services h3{font-size:28px}
}

/* One quiet copper thread connects the immersive opening to the editorial page. */
main.has-page-thread{position:relative}
.page-thread{position:absolute;inset:0 0 auto;display:block;width:100%;overflow:hidden;pointer-events:none;z-index:3;contain:layout style}
.thread-track,.thread-beam{fill:none;stroke:#d77643;stroke-width:1;vector-effect:non-scaling-stroke}
.thread-track{opacity:.2}
.thread-beam{stroke:#d76a30;opacity:.72;stroke-dasharray:1;stroke-dashoffset:1}
.thread-dot{fill:#a88962;stroke:#e9d7b5;stroke-width:1}
.thread-halo{fill:#e7823b;opacity:0;transform-box:fill-box;transform-origin:center}
.thread-marker.is-lit .thread-dot{fill:#ed8950;stroke:#e5b08b}
.thread-marker.is-arriving .thread-halo{animation:thread-arrive 1.1s ease-out both}
@keyframes thread-arrive{0%{opacity:.3;transform:scale(.45)}100%{opacity:0;transform:scale(1.7)}}
.has-page-thread .intro::before,.has-page-thread .audience::before,.has-page-thread .contact::before,.has-page-thread .impact-stories::before,.has-page-thread .investments::before,.has-page-thread .selected-work::before{display:none}
.has-page-thread .intro>.eyebrow,.has-page-thread .audience>.eyebrow,.has-page-thread .contact>.eyebrow{padding-left:0}
.has-page-thread .intro>.eyebrow::before,.has-page-thread .audience>.eyebrow::before,.has-page-thread .contact>.eyebrow::before{display:none}
.page-thread.is-still .thread-beam{display:none}
.page-thread.is-still .thread-halo{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.thread-beam{display:none}.thread-halo{animation:none!important;opacity:0!important}}
.reduced-motion .thread-beam{display:none}.reduced-motion .thread-halo{animation:none!important;opacity:0!important}

/* Sculptures share the world's stone, shadow and copper, with evidence a click away. */
.services article::before{display:none}
.service-art{order:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:0;height:215px;margin:8px 0 0;pointer-events:none}
.service-art svg{display:block;min-width:0;min-height:0;width:100%;height:100%;max-width:320px;max-height:100%;overflow:visible}
.services h3{margin-top:22px}
.service-evidence{order:5;display:flex;flex-direction:column;gap:12px;width:100%;margin-top:23px;padding-top:18px;border-top:1px solid #837b613f;min-height:82px}
.service-evidence>span:first-child{font-size:8px;letter-spacing:.16em;color:#866448;line-height:1.5}
.service-evidence>span:last-child{display:flex;justify-content:space-between;align-items:baseline;gap:13px;font-size:12px;line-height:1.6;max-width:100%}
.service-evidence i{font-style:normal;color:#b45526;font-size:18px;transition:transform .25s}
.service-evidence:hover,.service-evidence:focus-visible{color:#9c481f}
.service-evidence:hover i,.service-evidence:focus-visible i{transform:translate(3px,-3px)}
.services article:focus-within{background-color:#f5f0e5}
.services article.art-playing .expert-connect path{stroke-dasharray:1;animation:expert-connect 1.5s cubic-bezier(.2,.65,.25,1) both}
.services article.art-playing .expert-product .expert-blocks>g{animation:expert-assemble 1.15s cubic-bezier(.2,.7,.2,1) both}
.services article.art-playing .expert-product .expert-blocks>g:nth-child(2){--piece-x:-12px;--piece-y:5px;animation-delay:.08s}
.services article.art-playing .expert-product .expert-blocks>g:nth-child(3){--piece-x:12px;--piece-y:5px;animation-delay:.16s}
.services article.art-playing .expert-product .expert-blocks>g:nth-child(4){--piece-y:-18px;animation-delay:.24s}
.services article.art-playing .expert-product .expert-blocks>g:nth-child(5){--piece-y:-10px;animation-delay:.32s}
.services article.art-playing .expert-signal{transform-box:fill-box;transform-origin:center;animation:expert-arrive 1.7s ease both}
.services article.art-playing .expert-orbit{transform-origin:160px 139px;animation:expert-align 1.55s cubic-bezier(.2,.7,.2,1) both}
.services article.art-playing .expert-orbit:nth-child(2){--orbit-angle:-18deg;animation-delay:.08s}
.services article.art-playing .expert-orbit:nth-child(3){--orbit-angle:15deg;animation-delay:.16s}
@keyframes expert-connect{0%{stroke-dashoffset:1;opacity:.25}100%{stroke-dashoffset:0;opacity:1}}
@keyframes expert-assemble{0%{opacity:.4;transform:translate(var(--piece-x,0px),var(--piece-y,-14px))}100%{opacity:1;transform:translate(0,0)}}
@keyframes expert-align{0%{opacity:.45;transform:rotate(var(--orbit-angle,12deg))}100%{opacity:1;transform:rotate(0)}}
@keyframes expert-arrive{0%,45%{opacity:.3;transform:scale(.8)}75%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
@media(max-width:760px){
 .service-art{grid-column:2;grid-row:1/3;order:unset;height:125px;width:100%;margin:-8px 0 0;align-self:center}
 .service-evidence{grid-column:1/-1;order:unset;min-height:72px;margin-top:18px;padding-top:17px}
 .service-evidence>span:last-child{font-size:13px}
}
@media(max-width:359px){.service-art{width:100%;height:105px;margin-left:0}.service-evidence>span:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.service-art *{animation:none!important}.service-art .expert-orbit,.service-art .expert-blocks>g,.service-art .expert-signal{transform:none!important}.service-evidence i{transition:none!important}}
.reduced-motion .service-art *{animation:none!important}.reduced-motion .service-art .expert-orbit,.reduced-motion .service-art .expert-blocks>g,.reduced-motion .service-art .expert-signal{transform:none!important}.reduced-motion .service-evidence i{transition:none!important}

/* Earlier positioning and a shorter path through the work, without changing copy. */
.intro{padding-top:85px;padding-bottom:75px}
.intro-text .intro-clients{font-size:14px;line-height:1.8;border-left:2px solid #cb7547;padding-left:18px;margin-top:25px;color:#59584f;max-width:470px}
.services{margin-top:45px}
.services article{padding-top:22px;padding-bottom:25px}
.service-art{height:clamp(180px,14vw,230px);margin-top:5px;margin-bottom:10px}
.services h3{margin-top:20px;margin-bottom:16px}
.service-evidence{min-height:66px;margin-top:18px;padding-top:14px}
.impact-stories{padding-bottom:65px}
.selected-work{padding-block:80px}
.work-heading{margin-bottom:40px}
.case-grid{row-gap:38px}
.investments{padding-top:75px;padding-bottom:65px}
.investment-top{padding-bottom:35px}
.audience{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8%;padding-block:65px;align-items:end}
.audience>.eyebrow{grid-column:1/-1}
.audience h2{font-size:clamp(32px,3.8vw,56px);margin-bottom:0}
.audience-bottom{margin:0;padding:0;border:0}
.contact{min-height:560px;padding-top:80px;padding-bottom:65px}
.contact-bottom{margin-top:40px}
@media(max-width:760px){
 .intro{padding-top:60px;padding-bottom:55px}
 .intro-text .intro-clients{font-size:13px;margin-top:22px;line-height:1.8}
 .services{margin-top:32px;gap:12px}
 .service-art{height:115px;margin-top:-8px;margin-bottom:0}
 .services article{padding-block:22px}
 .services h3{margin:15px 0 20px}
 .service-evidence{min-height:0}
 .impact-stories{padding-bottom:45px}
 .selected-work{padding-block:60px}
 .case-grid{row-gap:30px}
 .investments{padding-top:55px;padding-bottom:50px}
 .audience{display:block;padding-block:48px}
 .audience h2{font-size:34px}
 .audience-bottom{margin-top:22px}
 .contact{padding-top:60px;padding-bottom:55px;min-height:540px}
}