.page-banner{
	position:relative;
}
.page-banner img{
	max-width:100%;
	width:100%;
}
/*
.page-banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image:linear-gradient(180deg, rgba(0,0,0,.3) 0%, #00000000 60%);
    height:100%;
}
*/
.parallax-window{
	background: no-repeat center center;
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-size: cover;
	height: 26.25rem;
	position: relative;
	display: flex;
	align-items: center;
}
.parallax-mirror{
	border-radius:0;
}

.parallax-window:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(270deg, transparent 0%, rgb(from #000 r g b / 30%) 57.33%, rgb(from #000 r g b / 60%) 100%);
	z-index: 1;
}

.parallax-window .page-title{
	position: relative;
	z-index: 2;
	color:#fff;
}
.parallax-window .page-title .pt-title{
	font-size:48px;
	font-weight: 600;
	color:#fff;
	padding-top:2rem;
	width: 70%;
	line-height: 1.25;
	padding-bottom: 1rem;
}
.parallax-window .bread-path a,
.parallax-window .bread-path{
	color: #fff;
	font-size: 1rem;
}

.bread-path a,
.bread-path{
	font-size:0.9rem; 
	color:#666;
}
.bread-path{
	color:#999;
}
.bread-path i.iconfont{
	display:inline-block;
	margin-left:2px;
	margin-right:2px;
}
@media only screen and (max-width:1040px) {
   .bread-path{display:none;}
   body {
	    padding-top: 0rem;
	}
	.parallax-window .page-title .pt-title{
		font-size: 36px;
	}
}

:root {
  --ink: #11120f;
  --paper: #f1f0ea;
  --white: #fbfbf8;
  --yellow: #f4cc19;
  --line: rgba(17, 18, 15, .16);
  --muted: #686a64;
  --display: "BarlowCondensed", "Arial Narrow", sans-serif;
  --body: "Barlow", "Segoe UI", sans-serif;
  --mono: "JetBrainsMono", "Courier New", monospace
}


body.supply-page {background: var(--paper);color: var(--ink);font-family: var(--body);overflow-x: hidden;}
.sp-shell {width: min(calc(100% - 64px), 1520px);margin: auto;}
.sp-kicker {display: flex;gap: 15px;align-items: center;font-size: 32px;font-weight: 600;font-family: var(--mono);letter-spacing: .16em;}
.sp-kicker span {color: var(--yellow);font-family: var(--mono);font-size: 16px;}
.sp-section-head h2,
.sp-trade h2,
.sp-export h2{font-family: var(--display);font-weight: 500;text-transform: uppercase;letter-spacing: -.04em;line-height: .93;margin: 0;}
.sp-btn {min-height: 54px;display: inline-flex;align-items: center;justify-content: center;padding: 0 25px;border: 0;font-size: 12px;font-weight: 600;letter-spacing: .06em;transition: .3s cubic-bezier(.16, 1, .3, 1);}
.sp-btn:hover {transform: translateY(-2px);}
.sp-btn:active {transform: translateY(1px);}
.sp-btn--yellow {background: var(--yellow);color: var(--ink);}
.sp-text-link {font-size: 12px;letter-spacing: .08em;}
.sp-text-link span {margin-left: 14px;color: var(--yellow);}
.sp-capacity {padding: 98px 0;}
.sp-section-head {margin-bottom: 30px;}
.sp-section-head h2,
.sp-trade h2,
.sp-export h2{font-size: clamp(42px, 4.25vw, 68px);line-height: .98;}
.sp-section-head>p:last-child,
.sp-trade__intro>p{color: var(--muted);line-height: 1.7;}
.sp-trade {background: var(--ink);color: #fff;padding: 150px 0;}
.sp-trade__grid {display: grid;grid-template-columns: .85fr 1.15fr;gap: 10vw;}
.sp-trade__intro {display: flex;flex-direction: column;}
.sp-trade__intro>p {color: #9b9d97;}
.sp-market-map {position: relative;margin-top: 120px;height: 220px;background: radial-gradient(ellipse at center, rgba(244, 204, 25, .12), transparent 65%);clip-path: polygon(0 17%, 18% 5%, 32% 18%, 55% 5%, 70% 17%, 100% 0, 100% 78%, 78% 91%, 59% 76%, 38% 100%, 19% 80%, 0 92%);}
.sp-market-map span {position: absolute;left: var(--x);top: var(--y);width: 7px;height: 7px;background: var(--yellow);border-radius: 50%;box-shadow: 0 0 0 5px rgba(244, 204, 25, .12);animation: pulse 2.4s infinite;}
.sp-export {padding: 150px 0;background: var(--white);}
.sp-export__head {display: grid;grid-template-columns: .75fr 1.25fr;margin-bottom: 75px;}
.sp-license {position: relative;background: #e8e6dc;border: 1px solid #c9c6b9;padding: 40px;min-height: 420px;box-shadow: 0 25px 55px rgba(35, 32, 22, .08);}
.sp-license:before {content: "";position: absolute;inset: 12px;border: 1px solid #c9c6b9;pointer-events: none;}
.sp-license__top {position: relative;display: flex;justify-content: space-between;font: 500 11px var(--mono);letter-spacing: .15em;padding-bottom: 20px;border-bottom: 2px solid var(--ink);}
.sp-license__top span:last-child {color: #587344;}
.sp-license__number {position: relative;margin-top: 52px;}
.sp-license small {display: block;font: 500 10px var(--mono);letter-spacing: .15em;color: var(--muted);margin-bottom: 8px;}
.sp-license__number strong {font: 500 clamp(42px, 5.6vw, 76px)/1 var(--mono);letter-spacing: -.045em;}
.sp-license__company {position: absolute;left: 40px;bottom: 35px;max-width: 500px;}
.sp-license__company p {margin: 0;font-size: 17px;}
.sp-license__seal {position: absolute;right: 45px;bottom: 35px;width: 102px;height: 102px;border: 2px solid #a64c3d;border-radius: 50%;color: #a64c3d;display: grid;place-content: center;text-align: center;transform: rotate(-9deg);font: 600 31px/1 var(--display);}
.sp-license__seal span {font-size: 9px;letter-spacing: .12em;}
.sp-reveal {opacity: 0;transform: translateY(26px);transition: opacity .8s cubic-bezier(.16, 1, .3, 1) var(--delay, 0s), transform .8s cubic-bezier(.16, 1, .3, 1) var(--delay, 0s);}
.sp-reveal.is-visible {opacity: 1;transform: none;}
@media(max-width:1100px) {
  .sp-menu {position: absolute;left: 0;right: 0;top: 82px;background: #181914;padding: 25px 32px;display: none;flex-direction: column;align-items: flex-start}
  .sp-menu.is-open {display: flex}
  .sp-menu-toggle {display: block;margin-left: auto;width: 38px;height: 38px;padding: 8px}
  .sp-menu-toggle span {display: block;height: 1px;background: #fff;margin: 8px 0}
  .sp-quote {display: none}
  .sp-trade__grid {gap: 6vw}
  .sp-footer__inner {grid-template-columns: 1fr 1fr}
  .sp-footer nav {justify-self: end}
}

@media(max-width:767px) {
  .sp-shell {width: calc(100% - 32px)}
  .sp-capacity,
  .sp-trade,
  .sp-export{padding: 68px 0}
  .sp-section-head {gap: 25px;margin-bottom: 48px}
  .sp-section-head h2,
  .sp-trade h2,
  .sp-export h2{font-size: clamp(38px, 11vw, 45px);line-height: 1}
  .sp-trade__grid {gap: 65px}
  .sp-market-map {margin-top: 45px}
  .sp-export__head {gap: 20px}
  .sp-license {padding: 28px;min-height: 390px}
  .sp-license__number strong {font-size: 55px}
  .sp-license__company {left: 28px;right: 28px;bottom: 105px}
  .sp-license__seal {right: 27px;bottom: 20px;width: 76px;height: 76px;font-size: 24px}
  .sp-reveal {transform: translateY(18px)}
}

@media(prefers-reduced-motion:reduce) {
  .sp-reveal {opacity: 1;transform: none;transition: none}
  .sp-market-map span {animation: none}
}

.sp-products {margin-top: 46px;}
.sp-products__head {display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: end;padding-bottom: 28px;border-bottom: 1px solid var(--line);}
.sp-products__head span,
.sp-capability__copy>span {color: var(--muted);font: 500 13px var(--mono);letter-spacing: 0.14em;}
.sp-products__head h3 {margin: 10px 0 0;font: 500 32px var(--display);letter-spacing: -0.02em;text-transform: uppercase;}
.sp-products__head p {max-width: 500px;margin: 0;color: var(--muted);line-height: 1.65;justify-self: end;}
.sp-products__grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1px;background: var(--line);border-bottom: 1px solid var(--line);}
.sp-product {min-width: 0;background: var(--paper);padding: 24px 22px 30px;}
.sp-product__media {position: relative;aspect-ratio: 1 / 1;overflow: hidden;background: #e4e3dc;}
.sp-product__media img {width: 100%; height: 100%;object-fit: cover;transition: transform 0.55s cubic-bezier(.16, 1, .3, 1);}
.sp-product:hover .sp-product__media img {transform: scale(1.045);}
.sp-product__media span {position: absolute;top: 12px;left: 12px;display: grid;width: 30px;height: 30px;place-items: center;background: var(--ink);color: #fff;font: 500 11px var(--mono);}
.sp-product h4 {margin: 22px 0 7px;font: 500 21px var(--display);text-transform: uppercase;text-align: center;}
.sp-product p {max-width: 31ch;margin: 0;color: var(--muted);font-size: 13px;line-height: 1.55;}
.sp-capability-list {margin-top: 80px;display: grid;gap: 42px;}
.sp-capability {display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);gap: clamp(48px, 8vw, 130px);align-items: center;}
.sp-capability--reverse figure {order: 2;}
.sp-capability--reverse .sp-capability__copy {order: 1;}
.sp-capability figure {position: relative;margin: 0;aspect-ratio: 16 / 10;overflow: hidden;background: #deddd6;}
.sp-capability figure img {width: 100%; height: 100%;object-fit: cover;filter: saturate(.78) contrast(1.04);transition: transform .8s cubic-bezier(.16, 1, .3, 1);}
.sp-capability:hover figure img {transform: scale(1.025);}
.sp-capability__copy>strong {display: block;margin: 25px 0 7px;font: 500 clamp(30px, 7vw, 48px)/.85 var(--display);letter-spacing: -.05em;}
.sp-capability__copy h3 {margin: 20px 0 17px;font-size: 20px;line-height: 1.5;}
.sp-capability__copy p {max-width: 48ch;color: var(--muted);line-height: 1.72;}
.sp-capability__copy ul {margin: 28px 0 0;padding: 0;list-style: none;border-top: 1px solid var(--line);}
.sp-capability__copy li {padding: 11px 0;border-bottom: 1px solid var(--line);color: #464741;font-size: 12px;letter-spacing: .05em;text-transform: uppercase;}
.sp-capability__copy--accent {padding: 48px;background: var(--yellow);}
.sp-capability__copy--accent>span,
.sp-capability__copy--accent p {color: #4e4a2e;}
.sp-capability__copy--accent a {display: flex;justify-content: space-between;margin-top: 30px;padding-top: 17px;border-top: 1px solid rgba(0, 0, 0, .3);font-size: 11px;font-weight: 600;letter-spacing: .05em;}
@media (max-width: 980px) {
  .sp-products__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .sp-capability {grid-template-columns: 1fr 1fr;gap: 40px;}
}

@media (max-width: 767px) {
  .sp-products {margin-top: 52px;}
  .sp-products__head {grid-template-columns: 1fr;gap: 18px;}
  .sp-products__head p {justify-self: start;}
  .sp-product {padding: 10px 10px 22px;}
  .sp-product h4 {margin-top: 16px;font-size: 17px;}
  .sp-product p {font-size: 12px;}
  .sp-capability-list {margin-top: 60px;gap: 36px;}
  .sp-capability {grid-template-columns: 1fr;gap: 30px;}
  .sp-capability--reverse figure,
  .sp-capability--reverse .sp-capability__copy {order: initial;}
  .sp-capability__copy>strong {font-size: 70px;}
  .sp-capability__copy--accent {padding: 30px 24px;}
}

.sp-trade__grid {grid-template-columns: minmax(300px, .68fr) minmax(640px, 1.32fr);gap: clamp(60px, 8vw, 130px);}
.sp-trade-table {border-top: 1px solid rgba(255, 255, 255, .34);}
.sp-trade-table__header,
.sp-trade-row {display: grid;grid-template-columns: 54px minmax(170px, .72fr) minmax(300px, 1.28fr);column-gap: 24px;}
.sp-trade-table__header {padding: 13px 0;color: #72746f;font: 500 9px var(--mono);letter-spacing: .18em;}
.sp-trade-table__header span:first-child {grid-column: 1 / 3;}
.sp-trade-row {position: relative;min-height: 142px;padding: 28px 0;align-items: center;border-top: 1px solid rgba(255, 255, 255, .14);transition: background-color .35s cubic-bezier(.16, 1, .3, 1);}
.sp-trade-row::before {content: "";position: absolute;inset: 0 -22px;background: rgba(255, 255, 255, .035);opacity: 0;transition: opacity .35s cubic-bezier(.16, 1, .3, 1);}
.sp-trade-row:hover::before {opacity: 1;}
.sp-trade-row>* {position: relative;}
.sp-trade-row__number {color: var(--yellow);font: 500 13px var(--mono);letter-spacing: .08em;}
.sp-trade-row__label strong,
.sp-trade-row__label small {display: block;}
.sp-trade-row__label strong {color: #f5f5f1;font: 500 15px var(--display);letter-spacing: .07em;}
.sp-trade-row__label small {margin-top: 9px;color: #777974;font-size: 11px;line-height: 1.45;}
.sp-trade-row__value strong {display: block;color: #fff;font: 500 clamp(20px, 1.75vw, 27px) var(--display);letter-spacing: .025em;}
.sp-trade-row__value p {max-width: 49ch;margin: 10px 0 0;color: #92948e;font-size: 12px;line-height: 1.55;}
.sp-trade-row__value--metric strong {display: flex;align-items: baseline;gap: 10px;font-size: 17px;letter-spacing: .08em;}
.sp-trade-row__value--metric strong b {color: var(--yellow);font: 500 clamp(36px, 3.5vw, 54px)/.8 var(--display);letter-spacing: -.03em;}
.sp-trade-table__foot {display: flex;justify-content: space-between;padding-top: 16px;border-top: 1px solid rgba(255, 255, 255, .34);color: #62645f;font: 500 9px var(--mono);letter-spacing: .16em;}
@media (max-width: 1100px) {
  .sp-trade__grid {grid-template-columns: 1fr;}
  .sp-market-map {margin-top: 45px;}
}

@media (max-width: 767px) {
  .sp-trade-table__header {display: none;}
  .sp-trade-table {border-top-color: rgba(255, 255, 255, .28);}
  .sp-trade-row {grid-template-columns: 36px 1fr;gap: 10px 14px;min-height: 0;padding: 26px 0;}
  .sp-trade-row__number {grid-row: 1 / 3;}
  .sp-trade-row__value {grid-column: 2;margin-top: 9px;}
  .sp-trade-row__value strong {font-size: 19px;line-height: 1.35;}
  .sp-trade-row__value--metric strong b {font-size: 39px;}
  .sp-trade-row::before {display: none;}
}

.sp-export__head {align-items: end;}
.sp-export-board {display: grid;grid-template-columns: 1.15fr .85fr .85fr;grid-template-rows: auto auto;gap: 1px;background: var(--line);border: 1px solid var(--line);}
.sp-export-board article {position: relative;min-width: 0;padding: 34px;background: var(--white);}
.sp-export-card__label {display: flex;gap: 13px;color: var(--muted);font: 500 10px var(--mono);letter-spacing: .15em;}
.sp-export-card__label span {color: var(--ink);}
.sp-export-board article>p {max-width: 42ch;margin: 17px 0 0;color: var(--muted);font-size: 13px;line-height: 1.6;}
.sp-export-share {grid-row: 1 / 3;display: flex;flex-direction: column;min-height: 520px;background: var(--yellow) !important;}
.sp-export-share .sp-export-card__label,
.sp-export-share>p {color: #514c2d;}
.sp-export-share__value {display: flex;align-items: flex-start;margin: auto 0 10px;}
.sp-export-share__value strong {font: 500 clamp(76px, 8vw, 132px)/.8 var(--display);letter-spacing: -.07em;}
.sp-export-share__value b {margin: 6px 0 0 12px;font: 500 30px var(--display);}
.sp-export-share__scale {position: relative;display: flex;justify-content: space-between;margin-top: 34px;padding-top: 12px;border-top: 2px solid rgba(0, 0, 0, .18);color: #5c5632;font: 500 9px var(--mono);}
.sp-export-share__scale i {position: absolute;top: -3px;left: 0;width: 46%;height: 4px;background: var(--ink);transform-origin: left;animation: sp-export-scale 1.4s cubic-bezier(.16, 1, .3, 1);}
@keyframes sp-export-scale {from {transform: scaleX(0);}}
.sp-export-markets {grid-column: 2 / 4;}
.sp-export-markets__list {display: flex;flex-wrap: wrap;gap: 9px;margin-top: 34px;}
.sp-export-markets__list span {display: flex;align-items: center;gap: 10px;padding: 9px 13px 9px 9px;border: 1px solid var(--line);font: 500 12px var(--display);text-transform: uppercase;}
.sp-export-markets__list b {display: grid;width: 29px;height: 29px;place-items: center;background: var(--ink);color: #fff;font-size: 9px;font-weight: 500;}
.sp-export-route,
.sp-export-mode {min-height: 250px;}
.sp-export-route__line {display: grid;grid-template-columns: 14px 1fr;margin-top: 44px;padding-left: 4px;border-left: 1px dashed #9b9b94;}
.sp-export-route__line i {width: 7px;height: 7px;margin-left: -4px;border-radius: 50%;background: var(--yellow);box-shadow: 0 0 0 4px var(--white);}
.sp-export-route__line span {color: var(--muted);font: 500 9px var(--mono);letter-spacing: .12em;}
.sp-export-route__line strong {grid-column: 2;margin-top: 5px;font: 500 39px var(--display);}
.sp-export-mode>strong {display: block;margin-top: 37px;font: 500 43px var(--display);}
.sp-export-mode__status {position: absolute;right: 25px;bottom: 25px;display: flex;align-items: center;gap: 8px;color: #627550;font: 500 9px var(--mono);letter-spacing: .13em;}
.sp-export-mode__status i {width: 7px;height: 7px;border-radius: 50%;background: #77965f;}
.sp-compliance {display: grid;grid-template-columns: .62fr 1.1fr .48fr;gap: clamp(30px, 5vw, 80px);align-items: center;margin-top: 120px;}
.sp-compliance__intro>span,
.sp-compliance__record>span,
.sp-compliance__record>small {color: var(--muted);font: 500 10px var(--mono);letter-spacing: .15em;}
.sp-compliance__intro h3 {margin: 18px 0;font: 500 clamp(31px, 3vw, 48px)/1 var(--display);letter-spacing: -.03em;text-transform: uppercase;}
.sp-compliance__intro p,
.sp-compliance__record p {color: var(--muted);font-size: 13px;line-height: 1.65;}
.sp-compliance .sp-license {min-height: 390px;}
.sp-compliance__record {padding: 28px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}
.sp-compliance__record strong,
.sp-compliance__record small {display: block;}
.sp-compliance__record strong {margin: 12px 0 6px;font: 500 36px var(--display);}
@media (max-width: 1100px) {
  .sp-export-board {grid-template-columns: 1fr 1fr;}
  .sp-export-share {grid-row: 1 / 3;}
  .sp-export-markets {grid-column: 2;}
  .sp-export-mode {grid-column: 1 / 3;}
  .sp-compliance {grid-template-columns: 1fr 1.4fr;}
  .sp-compliance__record {grid-column: 2;}
}

@media (max-width: 767px) {
  .sp-export-board {grid-template-columns: 1fr;}
  .sp-export-board article {grid-column: auto;grid-row: auto;padding: 27px 24px;}
  .sp-export-share {min-height: 390px;}
  .sp-export-share__value strong {font-size: 88px;}
  .sp-export-route,
  .sp-export-mode {min-height: 230px;}
  .sp-compliance {grid-template-columns: 1fr;margin-top: 85px;}
  .sp-compliance__record {grid-column: auto;}
}
@keyframes pulse {
  50% {transform: scale(1.7);opacity: .45}
}