/* Product World layout primitives. Theme belongs to the product data, brand stays shared. */
.product-world{--world-gold:#bf9438;--world-paper:#f5efe0;--world-ink:#123e32;--world-wash:#efe4c9;color:var(--world-ink)}
.product-world p{max-width:65ch}.product-world h2{font-size:clamp(2.15rem,3.65vw,3.8rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:28px}.product-world h3{font-size:clamp(1.45rem,2.1vw,2rem);letter-spacing:-.035em;line-height:1.22}.product-world em{color:#906817}.product-world .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.14em;font-weight:700;margin-bottom:25px}.product-world .eyebrow>span{color:#8d6826;margin-inline-end:12px}.product-world .pw-note{font-size:14px;line-height:1.65;opacity:.86}.product-world a:focus-visible,.product-world button:focus-visible{outline-offset:3px}.product-world section[id]{scroll-margin-top:168px}
.pw-breadcrumb{padding:22px 5%;display:flex;flex-wrap:wrap;gap:12px;font-size:13px;border-bottom:1px solid #d9ddd2}.pw-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.pw-hero{display:grid;grid-template-columns:47% 53%;background:var(--world-paper);min-height:650px}.pw-hero-copy{padding:55px 6% 45px 10.6%}.pw-hero h1{font-size:clamp(3.4rem,5.4vw,5.5rem);line-height:1.05;margin-bottom:22px;font-weight:800;letter-spacing:-.06em}.pw-hero-line{font-size:clamp(1.55rem,2.4vw,2.5rem);font-weight:650;letter-spacing:-.035em;line-height:1.22;margin-bottom:26px}.pw-hero-copy>p:not(.eyebrow):not(.pw-hero-line){font-size:17px}.pw-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0}.pw-actions .button{gap:16px}.pw-hero-facts{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;border-top:1px solid #cfc8b6;margin-top:35px;padding-top:22px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.pw-hero-facts span:last-child{grid-column:1/-1}.pw-hero-facts strong{display:block;font-size:14px;text-transform:none;letter-spacing:0;margin-top:3px}.pw-figure{margin:0;min-width:0}.pw-figure img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3/2}.pw-figure figcaption{font-size:12px;line-height:1.6;padding:12px 0;color:inherit;opacity:.8}.pw-packshot{background:var(--world-wash);display:flex;align-items:center;min-width:0}.pw-packshot .pw-figure{width:100%}.pw-packshot img{object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}.pw-packshot figcaption{padding:15px 6%}
.pw-chapters{position:sticky;top:94px;z-index:12;display:flex!important;flex-direction:row!important;align-items:center;gap:0;margin:0;padding:0 4%;background:#123e32;color:#fffdf8;overflow:auto;max-height:none;font-size:13px;border-bottom:1px solid #466657;inset-inline:auto}.pw-chapters a{white-space:nowrap;padding:19px 17px;border-inline-end:1px solid #426455}.pw-chapters a:hover{background:#244d3e;color:#e8ce87}.pw-chapters a:last-child{color:#f0d48c}
.pw-section{padding:90px 6%}.pw-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:end;margin-bottom:38px}.pw-heading h2,.pw-heading p{margin-bottom:0}.pw-overview{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#fffdf8}.pw-lead{font-size:21px;font-weight:600;line-height:1.5}.pw-source{font-size:12px;display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.pw-uses{background:#f0eee5}.pw-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 22px}.pw-use-grid>div{border-top:1px solid #bba66d;padding-top:24px}.pw-use-grid>div>span{font-size:12px;font-weight:600;letter-spacing:.08em;display:block;margin-bottom:20px}.pw-use-grid p{font-size:16px;margin-bottom:0}
.pw-origin{background:#103d31;display:grid;grid-template-columns:55% 45%;color:#fffdf8}.pw-origin .pw-figure img{height:100%;min-height:590px;object-fit:cover}.pw-origin .pw-figure{position:relative}.pw-origin .pw-figure figcaption{position:absolute;bottom:0;padding:12px 5%;background:#0c2b23df;color:white;width:100%}.pw-origin-copy{padding:70px 11%}.pw-origin-copy em,.pw-port em,.pw-final em{color:#e6c77f}.pw-origin-copy .eyebrow>span,.pw-port .eyebrow>span,.pw-final .eyebrow>span{color:#d9bd79}.pw-origin-copy .text-link{color:#e6c77f}
.pw-split{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.pw-production{background:#fffdf8}.pw-production .pw-heading{display:block}.pw-production .pw-heading h2{margin:0}.pw-stage-copy{padding:15px 0}.pw-steps{list-style:none;padding:0;counter-reset:stage}.pw-steps li{position:relative;counter-increment:stage;border-top:1px solid #c7cfc4;padding:19px 0 0 42px;margin-top:15px}.pw-steps li:before{content:'0' counter(stage);position:absolute;left:0;top:19px;color:#997321;font-size:13px}.pw-steps strong{font-size:17px}.pw-steps p{font-size:15px;margin:6px 0 0}.pw-branding{background:#e8e8dc}.pw-inline-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.pw-inline-list span{font-size:13px;border:1px solid #b2bcac;padding:6px 10px}.pw-formats{background:var(--world-paper)}.pw-format-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center}.pw-format-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #b9bba8;margin-bottom:30px}.pw-format-tabs button{border:0;background:transparent;color:#123e32;padding:13px 14px;border-bottom:3px solid transparent;font-size:14px}.pw-format-tabs button[aria-selected=true]{border-bottom-color:#123e32;background:#e4dcc4;font-weight:700}#pw-format-panel{min-height:270px}#pw-format-panel h3{font-size:2rem}#pw-format-panel .eyebrow{font-size:11px;margin-bottom:14px}
.pw-quality{background:#173f33;color:#fffdf8}.pw-quality em{color:#e6c77f}.pw-quality .eyebrow>span{color:#d9bd79}.pw-quality .pw-use-grid>div{border-color:#648270}.pw-links{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:25px}.pw-quality .text-link{color:#e8ce87}.pw-shipment{background:#fffdf8}.pw-shipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:4%;margin-top:35px}.pw-shipment-grid article>div{padding:22px 0}.pw-shipment-grid article>div p{font-size:16px}.pw-shipment-grid article>div .eyebrow{font-size:12px}.pw-documents{border-top:1px solid #b9c2b3;border-bottom:1px solid #b9c2b3;margin-top:30px;padding:21px 0}.pw-documents summary,.pw-review-note summary{list-style:disclosure-closed;display:list-item;font-size:17px;font-weight:600;line-height:1.5}.pw-documents[open] summary,.pw-review-note details[open] summary{margin-bottom:20px;list-style:disclosure-open}.pw-documents p{max-width:85ch}
.pw-port{background:#0d2e26;color:#fffdf8;display:grid;grid-template-columns:1fr 1fr}.pw-port .pw-figure{position:relative}.pw-port .pw-figure img{height:100%;min-height:570px;object-fit:cover}.pw-port .pw-figure figcaption{position:absolute;bottom:0;background:#0c2b23e6;width:100%;padding:12px 5%}.pw-port-copy{padding:70px 10%}.pw-distribution{background:#e6d099}.pw-route{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:45px 0;padding:0;border-top:1px solid #7c774f}.pw-route li{padding:24px 15px 10px 0;position:relative}.pw-route li:before{content:'';position:absolute;width:8px;height:8px;border:2px solid #123e32;border-radius:50%;background:#e6d099;top:-5px;left:0}.pw-route span{font-size:12px;display:block;margin-bottom:10px}.pw-route strong{display:block;font-size:17px}.pw-route small{display:block;font-size:13px;line-height:1.5;margin-top:8px}.pw-specifications{background:#f7f5ee}.pw-table-wrap{overflow-x:auto}.pw-specifications table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}.pw-specifications caption{text-align:left;font-size:14px;padding-bottom:14px}.pw-specifications th,.pw-specifications td{border-bottom:1px solid #c9cfc1;padding:18px 17px;vertical-align:top;line-height:1.6}.pw-specifications thead{background:#123e32;color:#fffdf8}.pw-specifications tbody th{width:23%;font-weight:650}.pw-specifications tbody td:nth-child(2){width:25%;font-weight:600}.pw-verify{font-size:13px;color:#6a521c;font-weight:700;white-space:nowrap}
.pw-buyers{background:#fffdf8}.pw-buyer-links{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b9c2b3;margin-top:36px}.pw-buyer-links a{padding:25px 20px;border-inline-end:1px solid #c7cfc4;display:flex;flex-direction:column;gap:14px}.pw-buyer-links a:first-child{padding-inline-start:0}.pw-buyer-links a:last-child{border:0}.pw-buyer-links strong{font-size:19px}.pw-buyer-links span{font-size:14px}.pw-buyer-links b{font-size:22px;margin-top:auto}.pw-buyer-links a:hover{background:#f1ecdc}.pw-related{background:#eceee5}.pw-related-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.pw-related-grid>div:first-child a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #b9c2b3}.pw-related-grid a span{font-size:14px}.pw-related-grid>div:last-child{border-inline-start:1px solid #b9c2b3;padding-inline-start:10%}.pw-related-grid h3{font-size:1.45rem}.pw-final{background:#103d31;color:#fffdf8;display:grid;grid-template-columns:1fr 3fr;gap:6%}.pw-final h2{font-size:clamp(2.5rem,4.8vw,5rem)}.pw-final .text-link{color:#e6c77f}.pw-review-note{padding:30px 6%;background:#e8e8dc}.pw-review-note p{font-size:14px;margin-top:15px;max-width:95ch}.pw-review-note summary{font-size:14px}
.oil-world-gateways{display:grid;grid-template-columns:1fr 1fr;gap:26px;grid-column:1/-1;width:100%}.oil-world-gateways a{padding:35px;background:#e7cf94;display:block}.oil-world-gateways a:last-child{background:#173f33;color:#fffdf8}.oil-world-gateways h3{font-size:2.4rem;margin:15px 0}.oil-world-gateways p{max-width:40ch}.oil-world-gateways .serial{color:inherit}.oil-world-gateways strong{display:block;border-top:1px solid #ffffff60;padding-top:20px}.mega-oil-group{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.mega-oil-group>span{grid-column:1/-1;font-size:12px;letter-spacing:.13em;font-weight:700}
@media(max-width:1100px){.pw-hero{grid-template-columns:1fr 1fr}.pw-hero-copy{padding:40px 8%}.pw-hero h1{font-size:3.4rem}.pw-origin-copy,.pw-port-copy{padding:50px 9%}.pw-chapters{top:88px}.pw-section{padding:70px 5%}.pw-buyer-links{grid-template-columns:repeat(3,1fr)}.pw-buyer-links a{border-bottom:1px solid #c7cfc4}.pw-hero-facts{grid-template-columns:1fr}.pw-origin .pw-figure img{min-height:600px}}
@media(max-width:760px){.pw-hero,.pw-overview,.pw-heading,.pw-split,.pw-origin,.pw-format-layout,.pw-shipment-grid,.pw-port,.pw-related-grid,.pw-final{grid-template-columns:1fr}.pw-hero{min-height:0}.pw-hero-copy{padding:38px 6% 30px}.pw-hero h1{font-size:clamp(2.7rem,10vw,4rem)}.pw-hero-line{font-size:1.8rem}.pw-hero-facts{grid-template-columns:1fr 1fr}.pw-hero-facts span:last-child{grid-column:1/-1}.pw-packshot{padding-block:15px}.pw-chapters{top:82px;padding-inline:2%;font-size:12px}.pw-chapters a{padding:14px 12px}.pw-section{padding:55px 6%}.pw-heading{gap:18px}.pw-section h2{font-size:2.3rem}.pw-overview{gap:18px}.pw-use-grid{grid-template-columns:1fr;gap:25px;margin:30px 0}.pw-lead{font-size:19px}.pw-origin .pw-figure img,.pw-port .pw-figure img{min-height:0;height:auto;aspect-ratio:3/2}.pw-origin-copy,.pw-port-copy{padding:45px 6%}.pw-stage-copy{padding-top:30px}.pw-branding .pw-split{gap:25px}.pw-format-layout{gap:30px}.pw-shipment-grid{gap:20px}.pw-route{grid-template-columns:1fr;border-top:0;border-inline-start:1px solid #7c774f;margin:30px 0 30px 5px}.pw-route li{padding:0 0 25px 25px}.pw-route li:before{top:7px;left:-5px}.pw-route span{display:inline-block;margin:0 10px 0 0}.pw-route strong{display:inline}.pw-route small{margin:3px 0 0}.pw-specifications table{min-width:610px}.pw-buyer-links{grid-template-columns:1fr}.pw-buyer-links a{padding:20px 0;border-inline-end:0;display:grid;grid-template-columns:1fr 25px;gap:6px}.pw-buyer-links strong{grid-column:1}.pw-buyer-links span{grid-column:1}.pw-buyer-links b{grid-column:2;grid-row:1/3;align-self:center}.pw-related-grid{gap:35px}.pw-related-grid>div:last-child{border:0;border-top:1px solid #b9c2b3;padding:30px 0 0}.pw-related-grid>div:first-child a{flex-direction:column;gap:4px}.pw-final{gap:10px}.pw-final h2{font-size:2.8rem}.pw-final .pw-actions{align-items:flex-start;flex-direction:column}.oil-world-gateways{grid-template-columns:1fr}.oil-world-gateways a{padding:28px}.mega-oil-group{grid-template-columns:1fr}.product-world section[id]{scroll-margin-top:145px}.pw-breadcrumb{font-size:12px}}
/* Keep chapter controls and chapter labels independent from header navigation styles. */
.product-world .pw-chapters a{color:#fff7e2}
.product-world .pw-chapters a:hover,.product-world .pw-chapters a:last-child{color:#f0d48c}
.product-world .pw-origin .eyebrow,.product-world .pw-port .eyebrow,.product-world .pw-quality .eyebrow,.product-world .pw-final .eyebrow{color:#f4e7c6}
.product-world .pw-quality h3{color:#fffdf8}
.product-world .pw-packshot{background:#ebdec0}
.product-world .pw-packshot img{mask-image:linear-gradient(to right,transparent,#000 2%,#000 99%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 87%,transparent)}
.product-world .pw-formats{background:#ebdec0}
.product-world .pw-chapters{font-size:14px}
.pw-process-subheading{margin-top:28px}.pw-production .pw-split{align-items:start}.pw-production .pw-figure{position:sticky;top:185px}@media(max-width:760px){.pw-production .pw-figure{position:static}}
.product-world section[id]{scroll-margin-top:65px}
@media(min-width:701px) and (max-width:760px){.product-world .pw-chapters{top:88px}}
