.po-content { --po-paper:#f3f2ed; --po-line:#d9ddd7; --po-green:#192120; color:#20282c; overflow-wrap:anywhere; }
.po-content .wrap { width:min(calc(100% - 64px),1180px); }
.po-content h1 { font-size:clamp(2.8rem,4.3vw,4rem); line-height:1.04; margin:0 0 20px; }
.po-content .po-section-heading h2,.po-content .po-process h2 { font-size:clamp(1.8rem,2.6vw,2.6rem) !important; line-height:1.12 !important; margin:0; }
.po-content .po-kicker { color:#806339; margin:0 0 16px; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; }
.po-intro { padding:42px 0 20px; }
.po-intro-bottom { display:flex; align-items:center; gap:64px; justify-content:space-between; }
.po-intro-bottom>p { max-width:720px; margin:0; color:#555f58; font-size:1rem; }
.po-text-link { font-size:.82rem; text-decoration:underline; text-underline-offset:5px; }
.po-intro-bottom>a { flex-shrink:0; }
.po-content .po-confidential { margin:20px 0 0; color:#697168; font-size:.76rem; }
.po-featured { padding:24px 0 56px; }
.po-section-heading { display:flex; gap:36px; justify-content:space-between; align-items:baseline; margin-bottom:24px; }
.po-section-heading>p { max-width:490px; margin:0; color:#667066; font-size:.87rem; }
.po-featured-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.po-card { min-width:0; display:flex; flex-direction:column; background:#fff; border:1px solid var(--po-line); }
.po-media { display:block; background:#e9ece5; overflow:hidden; }
.po-media img { display:block; width:100%; height:250px; object-fit:contain; }
.po-featured .po-media img { height:330px; }
.po-card-body { display:flex; flex-direction:column; flex:1; padding:22px 24px 24px; }
.po-card-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; color:#6c532e; font-size:.65rem; letter-spacing:.05em; text-transform:uppercase; }
.po-card h3 { font-size:1.8rem; line-height:1.12; margin:15px 0 9px; }
.po-card .po-product { font:600 .87rem/1.5 Inter,system-ui,sans-serif; margin:0 0 12px; color:#36443b; }
.po-card .po-description { font-size:.87rem; color:#5c665e; margin:0 0 18px; }
.po-facts { display:flex; flex-wrap:wrap; gap:7px 18px; list-style:none; margin:0 0 20px; padding:14px 0 0; border-top:1px solid var(--po-line); font-size:.74rem; color:#555f58; }
.po-case-link { display:flex; justify-content:space-between; gap:24px; font-size:.82rem; font-weight:650; border-top:1px solid var(--po-line); padding-top:14px; margin-top:auto; }
.po-card a:hover { color:#806339; }
.po-content .po-card-note { font-size:.73rem; color:#667066; margin:0 0 8px; }
.po-collection { background:var(--po-paper); padding:48px 0; scroll-margin-top:95px; }
.po-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.po-card-grid .po-card-body { padding:20px; }
.po-card-grid h3 { font-size:1.45rem; }
.po-record-note { margin:28px 0 0; max-width:900px; font-size:.8rem; color:#667066; }
.po-process { padding:56px 0; }
.po-process-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; align-items:start; }
.po-process h2 { margin-bottom:24px; }
.po-process ol { list-style:none; padding:0; margin:0; counter-reset:process; }
.po-process li { counter-increment:process; padding-block:16px; padding-inline:42px 0; border-top:1px solid var(--po-line); position:relative; }
.po-process li::before { content:counter(process,decimal-leading-zero); position:absolute; inset-inline-start:0; top:17px; color:#806339; font:400 1.15rem/1.5 Georgia,serif; }
.po-process h3 { font:600 .95rem/1.5 Inter,system-ui,sans-serif; letter-spacing:0; margin:0 0 6px; }
.po-process li p { font-size:.85rem; color:#5c665e; margin:0; }
.po-content a:focus-visible { outline:3px solid #b38648; outline-offset:4px; }
@media(max-width:950px) { .po-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .po-intro-bottom { gap:28px; } .po-section-heading { align-items:start; } }
@media(max-width:700px) {
 .po-content .wrap { width:calc(100% - 32px); }
 .po-intro { padding:30px 0 18px; }
 .po-content h1 { font-size:2.5rem; }
 .po-content .po-section-heading h2,.po-content .po-process h2 { font-size:1.8rem !important; }
 .po-intro-bottom,.po-section-heading { display:block; }
 .po-intro-bottom>a { display:inline-block; margin-top:16px; }
 .po-content .po-confidential { font-size:.73rem; margin-top:16px; }
 .po-featured { padding:12px 0 34px; }
 .po-section-heading>p { margin-top:12px; }
 .po-featured-grid,.po-card-grid,.po-process-grid { grid-template-columns:1fr; gap:20px; }
 .po-featured .po-media img,.po-media img { height:290px; }
 .po-card-body,.po-card-grid .po-card-body { padding:20px; }
 .po-card h3 { font-size:1.65rem; }
 .po-collection { padding:34px 0; scroll-margin-top:85px; }
 .po-process { padding:36px 0; }
 .po-process-grid { gap:24px; }
 .po-process h2 { margin-bottom:18px; }
}