/* v31: open product index, lighter collaboration setting, scoped art study. */
.b-products{padding:95px var(--page) 110px;background:#f8f6f1;scroll-margin-top:85px}
.b-products-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:6vw;margin-bottom:65px}
.b-products-heading h2{font:500 clamp(48px,5.4vw,82px)/1 Newsreader,serif;letter-spacing:-.04em;margin:0}
.b-products-heading h2 em{color:#a35237}
.b-products-heading p{font:400 18px/1.8 Manrope,sans-serif;max-width:40ch;margin:0 0 6px}
.b-product-list{border-top:1px solid #16253f5c}
.b-product{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr) auto;gap:3vw;align-items:center;position:relative;padding:33px 0;border-bottom:1px solid #16253f30;min-height:153px;color:var(--ink);text-decoration:none}
.b-product-name h3{font:500 clamp(28px,2.75vw,42px)/1.1 Newsreader,serif;letter-spacing:-.025em;margin:0;max-width:20ch;transition:transform .5s var(--a-ease),color .35s}
.b-product-name>span{display:block;width:0;height:3px;background:var(--terra);margin-top:0;transition:width .5s var(--a-ease),margin .5s}
.b-product-copy p{font:600 16px/1.7 Manrope,sans-serif;margin:0 0 8px}
.b-product-copy>span{font:400 15px/1.65 Manrope,sans-serif;display:block;color:#505662;max-width:43ch}
.b-product-action{display:block;background:var(--terra);color:#13223a;min-height:45px;padding:13px 18px;font:600 14px/1.4 Manrope,sans-serif;white-space:nowrap;transition:background .3s,color .3s}
.b-product:hover .b-product-name h3,.b-product:focus-visible .b-product-name h3{transform:translateX(7px);color:#a35237}
.b-product:hover .b-product-name>span,.b-product:focus-visible .b-product-name>span{width:48px;margin-top:16px}
.b-product:hover .b-product-action,.b-product:focus-visible .b-product-action{background:var(--ink);color:var(--ivory)}
.a-engagement.b-engagement-light{background:linear-gradient(130deg,#f4f4f0,#e6e9ea);color:var(--ink);padding-top:105px}
.b-engagement-light .a-section-head>.a-eyebrow{color:#934a33}
.b-engagement-light .a-section-head h2 em{color:#a35237}
.b-engagement-light .a-engagement-grid{gap:28px}
.b-engagement-light .a-way{border:1px solid #16253f20;box-shadow:0 17px 35px #16253f0b}
.b-engagement-light .a-engagement-note{color:#4b5260}
.a-solutions-opening .s-sector-menu button{font-size:14px;padding:13px 14px}
/* The study is accessible by direct link; the approved Firma route is untouched. */
.proposal-v31 .f-material-story{background:#f5eee3}
.proposal-v31 .f-hero{background:#f5eee3}
.proposal-v31 .f-hero .f-backdrop{opacity:1;inset:0}
.proposal-v31 .f-hero .f-backdrop>img{filter:none;scale:1;object-position:center}
.proposal-v31 .f-hero:before{background:radial-gradient(ellipse at 50% 30%,#f5eee325,transparent 64%)}
.proposal-v31 .f-light{opacity:.28}
.proposal-v31 .site-header:not(.compact){background:linear-gradient(180deg,#f5eee3fa,#f5eee3de 57%,#f5eee300)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.proposal-v31 .f-hero-copy>.f-label{font-size:13px!important;letter-spacing:.12em}
.p31-review-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;background:#16253f;color:#f5eee3;padding:75px var(--page);align-items:center}
.p31-review-intro .a-eyebrow{color:var(--sand);margin-bottom:22px}
.p31-review-intro h2{font:500 clamp(38px,4vw,60px)/1.06 Newsreader;letter-spacing:-.03em;margin:0}
.p31-review-intro p{font:400 17px/1.8 Manrope;margin:0 0 24px;max-width:54ch}
.p31-review-intro a{display:inline-block;border-bottom:1px solid var(--terra);padding:10px 0;font:600 15px/1.5 Manrope}
.p31-imagery{padding:95px var(--page);background:#f8f6f1;scroll-margin-top:90px}
.p31-imagery header{display:grid;grid-template-columns:1.05fr 1fr;gap:25px 6vw;align-items:end;margin-bottom:45px}
.p31-imagery header>.a-eyebrow{grid-column:1/-1;color:#985036}
.p31-imagery header h2{font:500 clamp(40px,4.4vw,66px)/1.06 Newsreader;letter-spacing:-.025em;margin:0}
.p31-imagery header p{font:400 17px/1.8 Manrope;margin:0;max-width:47ch}
.p31-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.p31-image-grid figure{margin:0;min-width:0}
.p31-image-frame{overflow:hidden;aspect-ratio:1.5;background:#e1e3e4}
.p31-image-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--a-ease)}
.p31-image-grid figure:hover img{transform:scale(1.025)}
.p31-image-grid figcaption{padding-top:25px}
.p31-image-grid .a-eyebrow{color:#985036;font-size:13px;margin-bottom:14px}
.p31-image-grid h3{font:500 35px/1.1 Newsreader;letter-spacing:-.02em;margin:0 0 14px;max-width:24ch}
.p31-image-grid p{font:400 16px/1.8 Manrope;margin:0;max-width:50ch}
.p31-perspectives{background:#eceeef}
.p31-image-note{font:400 14px/1.7 Manrope;margin:32px 0 0;color:#4c5361;padding-top:24px;border-top:1px solid #16253f30}
.p31-followthrough{padding:70px var(--page);background:#f8f6f1;display:flex;justify-content:space-between;align-items:center;gap:35px}
.p31-followthrough h2{font:500 37px/1.12 Newsreader;margin:0 0 15px}
.p31-followthrough p{font:400 17px/1.8 Manrope;margin:0;max-width:60ch}
body.proposal-v31 .site-footer .section-farewell{display:none}
@media(max-width:1000px){.b-product{grid-template-columns:1.1fr 1fr;gap:20px 35px}.b-product-action{grid-column:2;justify-self:start}.b-product-name{grid-row:1/3}.b-product{padding:27px 0}.p31-image-grid h3{font-size:30px}}
@media(max-width:700px){.b-products{padding:65px 24px 70px}.b-products-heading{grid-template-columns:1fr;gap:26px;margin-bottom:40px}.b-products-heading h2{font-size:53px}.b-products-heading p{font-size:16px}.b-product{grid-template-columns:1fr;gap:19px;padding:27px 0 30px;min-height:0}.b-product-name{grid-row:auto}.b-product-name h3{font-size:33px;max-width:22ch}.b-product-action{grid-column:auto;font-size:14px;padding:12px 17px}.b-product-copy p{font-size:16px}.b-product-copy>span{font-size:15px}.a-engagement.b-engagement-light{padding:65px 24px 40px}.b-engagement-light .a-engagement-grid{gap:22px}.a-solutions-opening .s-sector-menu button{flex:0 1 auto;font-size:13px;padding:11px 10px}.proposal-v31 .f-hero .f-backdrop{inset:0 -16%}.proposal-v31 .f-hero .f-backdrop>img{object-position:52% center}.proposal-v31 .f-hero-copy>.f-label{font-size:12px!important}.p31-review-intro{padding:55px 24px;grid-template-columns:1fr;gap:30px}.p31-review-intro h2{font-size:41px}.p31-review-intro p{font-size:16px}.p31-imagery{padding:60px 24px}.p31-imagery header{grid-template-columns:1fr;gap:22px}.p31-imagery header h2{font-size:42px}.p31-imagery header p{font-size:16px}.p31-image-grid{grid-template-columns:1fr;gap:40px}.p31-image-grid h3{font-size:34px}.p31-image-note{font-size:14px}.p31-followthrough{display:block;padding:55px 24px}.p31-followthrough .c-button{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.b-product-name h3,.b-product-name>span,.p31-image-frame img{transition:none!important;transform:none!important}}
.reduced-motion .b-product-name h3,.reduced-motion .b-product-name>span,.reduced-motion .p31-image-frame img{transition:none!important;transform:none!important}
@media(max-width:700px){.proposal-v31 .f-hero .f-backdrop>img{object-position:75% center}}
@media(max-width:700px){body.solutions-page .a-solutions-opening .s-opening-base{display:flex;flex-direction:column;align-items:flex-start;gap:8px}body.solutions-page .a-solutions-opening .s-opening-base>span{display:block;font-size:14px}body.solutions-page .a-solutions-opening .s-opening-base>a{display:inline-flex;align-items:center;min-height:42px;margin:0;font-size:14px}}
/* v32: compare environments without changing the approved Firma scene. */
.proposal-v32 .f-hero-copy{padding-top:205px}
.p32-controls{position:absolute;top:110px;left:24px;right:24px;z-index:9;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.p32-controls button,.p32-background-option>button{font:600 13px/1.4 Manrope,sans-serif;border:1px solid #16253f40;padding:12px 16px;min-height:44px;background:#f5eee3e8;color:#16253f;cursor:pointer;transition:background .25s,color .25s}
.p32-controls button[aria-pressed=true],.p32-background-option>button[aria-pressed=true]{background:#c96b4b;color:#13223a;border-color:#c96b4b}
.p32-controls button:focus-visible,.p32-background-option>button:focus-visible{outline:3px solid #c96b4b;outline-offset:4px}
.proposal-v32 .f-hero[data-background-active=azul]:before{background:linear-gradient(180deg,#08132320,transparent 40%)}
.proposal-v32 .f-hero[data-background-active=azul] :is(.f-hero-copy,.f-hero-copy h1,.f-hero-copy h1 em,.f-hero-copy .f-label,.f-explore,.f-scene-tools button){color:#f5eee3}
.proposal-v32 .f-hero[data-background-active=azul] .f-scene-tools button{border-color:#f5eee360}
body.proposal-v32[data-firm-background=azul] .site-header.integrated-nav:not(.compact){--nav-ink:#f5eee3;background:linear-gradient(180deg,#101e30c9,transparent)!important}
body.proposal-v32[data-firm-background=azul] .site-header.integrated-nav:not(.compact) .brand .logo{filter:url(#brand-reverse)!important}
.proposal-v32 .f-hero[data-background-active=cristal]:before{background:linear-gradient(180deg,#f5eee340,transparent 45%,#f5eee3aa)}
.proposal-v32 .f-hero[data-background-active=cristal] .f-backdrop>img{object-position:center}
.p32-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.p32-background-option{min-width:0}
.p32-background-option h3{font:500 33px/1.12 Newsreader,serif;margin:25px 0 14px;letter-spacing:-.025em}
.p32-background-option p{font:400 15px/1.8 Manrope,sans-serif;min-height:82px;margin:0 0 20px}
.p32-mini{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.4;background:#f5eee3;container-type:inline-size;text-align:center}
.p32-mini-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.p32-mini-label{display:block;font:600 2.3cqw/1 Manrope;margin-top:8%;letter-spacing:.13em}
.p32-mini>strong{display:block;font:500 6cqw/1.04 Newsreader;margin-top:5%}
.p32-mini>strong em{font-weight:500}
.p32-mini-azul{color:#f5eee3}
.p32-mini-cristal:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f5eee3b0,transparent 42%,#f5eee370)}
.p32-mini svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.p32-mini svg path{stroke:#c96b4b;stroke-width:3;fill:none}
.p32-mini-paper{position:absolute;width:31%;height:25%;background:#f5eee3;box-shadow:0 4px 12px #16253f20;color:#16253f;display:flex;flex-direction:column;justify-content:center;padding:0 4%;text-align:left;font:500 3.5cqw/1.1 Newsreader}
.p32-mini-paper i{display:block;width:100%;height:1px;background:#16253f40;margin-top:9%}
.p32-mini-paper-0{left:1%;top:46%;rotate:-13deg}.p32-mini-paper-1{right:1%;top:42%;rotate:12deg}.p32-mini-paper-2{right:6%;top:72%;rotate:-12deg}.p32-mini-paper-3{left:19%;top:73%;rotate:9deg}
.p32-inline-link{display:inline-block;font:600 15px/1.5 Manrope;padding:12px 0;border-bottom:1px solid #c96b4b;margin-top:12px}
.p32-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.p32-blog-grid h3{font-size:32px;max-width:22ch}
.p32-blog-grid p{font-size:15px}
.p32-blog-grid .p32-assessment{font-size:14px;margin-top:20px;padding-top:18px;border-top:1px solid #16253f30;color:#4c5361}
.p32-learning-approved{padding:80px var(--page);display:grid;grid-template-columns:1fr 1.4fr;gap:50px;background:#f8f6f1;align-items:center}
.p32-learning-approved h2{font:500 42px/1.08 Newsreader;margin:18px 0}
.p32-learning-approved p{font:400 16px/1.8 Manrope;margin:0}
.p32-learning-approved>div+div{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.p32-learning-approved img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}
.p32-learning-approved .a-eyebrow{font-size:13px;color:#985036}
@media(max-width:1000px){.p32-background-grid,.p32-blog-grid{gap:18px}.p32-background-option h3{font-size:28px}.p32-background-option p{min-height:110px}.p32-blog-grid h3{font-size:28px}}
@media(max-width:700px){.proposal-v32 .f-hero-copy{padding-top:227px}.proposal-v32 .f-hero{height:1080px}.p32-controls{top:101px;left:20px;right:20px;gap:8px}.p32-controls button{font-size:12px;padding:10px 11px;flex:1 1 43%}.p32-background-grid,.p32-blog-grid{grid-template-columns:1fr;gap:43px}.p32-background-option h3{font-size:34px;margin-top:22px}.p32-background-option p{min-height:0;font-size:16px}.p32-blog-grid h3{font-size:35px}.p32-blog-grid p{font-size:16px}.p32-learning-approved{padding:60px 24px;grid-template-columns:1fr;gap:32px}.p32-learning-approved h2{font-size:38px}.p32-learning-approved>div+div{gap:14px}.p32-learning-approved img{aspect-ratio:.85}.proposal-v32 .f-hero .f-backdrop{inset:0 -12%}.proposal-v32 .f-document-0{top:44%}.proposal-v32 .f-document-1{top:53%}.proposal-v32 .f-document-3{top:63%}.proposal-v32 .f-document-2{top:72%}}
.proposal-v32 .f-hero .f-explore{padding:10px 17px;background:#c96b4b;color:#13223a;border:0;min-height:42px;bottom:67px;font-weight:600}
@media(max-width:360px){.proposal-v32 .f-hero{height:1170px}.proposal-v32 .f-document-0{top:44%}.proposal-v32 .f-document-1{top:56%}.proposal-v32 .f-document-3{top:67%}.proposal-v32 .f-document-2{top:78%}}
.p32-mini>strong em{color:inherit;font-style:italic}
.proposal-v32 :is(.p32-backgrounds,.p31-perspectives){scroll-margin-top:0;padding-top:48px;padding-bottom:60px}
.proposal-v32 :is(.p32-backgrounds,.p31-perspectives) header{margin-bottom:34px}
.proposal-v32 :is(.p32-backgrounds,.p31-perspectives) header h2{font-size:clamp(40px,3.7vw,56px)}
.proposal-v32 .f-hero[data-background-active=azul] .f-explore{color:#13223a}
@media(max-width:700px){.proposal-v32 .f-hero{height:1250px}.proposal-v32 .f-document-0{top:47%}.proposal-v32 .f-document-1{top:56%}.proposal-v32 .f-document-3{top:65%}.proposal-v32 .f-document-2{top:75%}}
/* v33: selected direction. The earlier comparisons remain only in the saved review file. */
.p33-blog-grid .p31-image-frame{display:block}
.p33-blog-grid h3{font-size:33px}
.p33-blog-grid figure{padding-bottom:20px}
.proposal-v33 .f-explore{padding:10px 18px;background:#c96b4b;color:#13223a;font-weight:600;bottom:67px}
.proposal-v33 .p33-editorial{padding-top:60px;scroll-margin-top:0}
@media(max-width:700px){.p33-blog-grid h3{font-size:35px}}
