/* A photographic opening, followed by the sourcing journey. No continuous loops. */
:root{--arrival:cubic-bezier(.16,1,.3,1)}
::selection{background:#b8d0a6;color:#102b22}input,textarea{caret-color:var(--text)}
body{scrollbar-color:var(--muted) var(--bg)}
h1{letter-spacing:-.04em}h2{letter-spacing:-.035em;text-wrap:balance}
.hero{padding-top:45px;padding-bottom:85px;gap:48px}
.hero-image{height:610px;overflow:visible}
.hero-image img{clip-path:inset(0);object-position:58% center}
.title-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.title-line>span,.title-line>em{display:block;transform-origin:0 100%}
.hero-intro{font-size:16px;line-height:1.85}
.eyebrow{display:none}
.hero-copy:before{content:"AUSTRALIA TO CHINA";display:block;font-size:10px;font-weight:650;letter-spacing:2px;margin-bottom:30px}
.intro{padding-top:90px;padding-bottom:95px;align-items:center}
.trade-connection{max-width:360px;padding-right:36px}
.connection-place{display:block;font-size:34px;line-height:1.15;letter-spacing:-.035em}
.connection-place>span{display:block;font-size:9px;letter-spacing:1.6px;margin-top:14px;color:var(--muted)}
.connection-line{position:relative;width:1px;height:95px;background:var(--line);margin:22px 0 22px 6px;overflow:hidden}
.connection-line>span{display:block;position:absolute;inset:0;background:var(--text);transform-origin:top}
.destination{padding-left:0}
.collections{padding-top:80px;padding-bottom:80px}
.product-photo{transition:clip-path .6s var(--arrival)}
.product-photo img{transition:scale .85s var(--arrival)}
.product-heading h3{transition:color .25s}
.product-select{transition:background .2s,color .2s,transform .35s var(--arrival)}
.button{position:relative;overflow:hidden;isolation:isolate;transition:color .2s,background .2s}
.button:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--button-text);opacity:.12;transform:translateX(-102%);transition:transform .4s var(--arrival)}
.button:hover{opacity:1;transform:none}
.button span,.text-link span,.nav-cta span{transition:transform .3s var(--arrival);display:inline-block}
.button:hover:before{transform:translateX(0)}
.button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}
.text-link:hover span{transform:translateX(5px)}
.steps{position:relative;gap:0}
.steps:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--text);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--arrival)}
.steps.is-visible:before{transform:scaleX(1)}
.steps li{padding-right:30px}
.step-number{font-size:13px;letter-spacing:.05em}
.form-status:not(:empty){padding:12px 15px;background:var(--surface);border:1px solid var(--line)}
.faq summary:after{transition:transform .25s var(--arrival)}
.faq details[open] summary:after{content:"+";transform:rotate(45deg)}


@media(hover:hover) and (prefers-reduced-motion:no-preference){.product:hover .product-photo img{scale:1.045}.product:hover .product-select{transform:rotate(8deg)}.product-photo:hover{clip-path:inset(4px 4px 4px 4px)}}
@media(max-width:1100px){.hero{gap:30px}.hero-image{height:560px}}
@media(max-width:800px){.hero{gap:40px}.hero-image{height:460px}.trade-connection{display:flex;align-items:center;max-width:none;padding:0;gap:22px;margin-bottom:15px}.connection-place{font-size:27px;flex-shrink:0}.connection-place>span{font-size:7px;letter-spacing:.6px}.connection-line{height:1px;width:auto;flex:1;margin:0}.connection-line>span{transform-origin:left}.intro{padding-top:60px;padding-bottom:60px}.steps{gap:32px 20px}.steps:before{display:none}.steps li{padding-right:0}}
@media(max-width:540px){.hero{padding-top:25px;padding-bottom:55px}.hero-copy:before{margin-bottom:24px}.hero-intro{font-size:14px}.hero-image{height:380px}.collections{padding-top:50px;padding-bottom:55px}.trade-connection{gap:14px}.connection-place{font-size:23px}.connection-place>span{font-size:6px;letter-spacing:.35px}.connection-line{min-width:20px}.hero-image figcaption{max-width:100%}}
@media(prefers-reduced-motion:reduce){.steps:before{transition:none;transform:scaleX(1)}.button:before{display:none}.product-photo img{scale:1!important}}
html[data-motion="off"]{scroll-behavior:auto}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
html[data-motion="off"] .steps:before{transform:scaleX(1)}