/* Wide product photograph, with genuine alpha fading into the ivory canvas. */
:root{--hero-ivory:#f7f5ee;--hero-forest:#23463e;--hero-gold:#a7803d;--hero-slate:#6b86a2}
.site-header{background:#fcfbf6}.hero.hero-photographic{display:block;position:relative;isolation:isolate;max-width:1440px;min-height:638px;padding:89px 56px 91px;overflow:hidden;background:var(--hero-ivory);border-bottom:1px solid #e6e3d8}
.hero-visual{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 19%,rgba(0,0,0,.03) 29%,rgba(0,0,0,.3) 42%,#000 62%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,transparent 19%,rgba(0,0,0,.03) 29%,rgba(0,0,0,.3) 42%,#000 62%,#000 100%)}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-photographic .hero-copy{max-width:560px;position:relative;z-index:2}.hero-photographic .hero-copy:before{content:'';position:absolute;left:-60px;right:25px;top:-100px;bottom:-105px;background:linear-gradient(90deg,#f7f5ee 0%,#f7f5eea8 64%,transparent);z-index:-1;pointer-events:none}
.hero-photographic h1,html[lang=zh-CN] .hero-photographic h1{font-size:clamp(46px,4vw,58px);line-height:1.14;letter-spacing:-1.5px;font-weight:750}.hero-photographic .hero-accent{color:#8e6726}.hero-photographic .eyebrow{color:#66705b;font-size:10px;letter-spacing:.9px}.hero-photographic .hero-description{max-width:510px;color:#576753;font-size:16px;line-height:1.9;margin:25px 0 29px}.hero-photographic .hero-actions{gap:13px}.hero-photographic .hero-actions .button{padding:14px 23px;font-size:14px;min-height:49px}.hero-photographic .button-outline{background:#faf8f1c9;border-color:#a8b399;color:#365238}.hero-photographic .hero-proof{font-size:9px;margin-top:26px;color:#61715a}.hero-photographic .hero-industries{font-size:9px;margin-top:22px;color:#597051}
.hero-image-caption{position:absolute;right:43px;bottom:24px;display:flex;align-items:center;gap:13px;color:#4e5c43;max-width:330px;z-index:1;padding:11px 13px;background:#f9f7efc9;border:1px solid #f7f5eecc;border-radius:5px;backdrop-filter:blur(8px)}.caption-line{height:28px;width:2px;background:#a7803d;flex:none}.hero-image-caption strong{display:block;font-size:8px;letter-spacing:.8px;font-weight:600}.hero-image-caption div>span{display:block;font-size:8px;line-height:1.6;margin-top:3px;color:#7a7961}.hero-image-caption::selection{background:#e2d9bc}
.range-section{background:#fcfbf6}.collection-section{background:#edf1e7}.material-story{background:#f4eee1}.application-grid{gap:23px}.application-grid>a,.application-grid>a[data-sector=bags],.application-grid>a[data-sector=pets]{background:#fff;border:1px solid #dde2d5;padding:0;min-height:0;border-radius:10px;position:relative;box-shadow:0 5px 17px #243f2c04;transition:border-color .2s,box-shadow .2s}.application-grid>a:hover{background:#fff;border-color:#a9b893;box-shadow:0 12px 25px #29462e0c}.application-photo{position:relative;width:100%;aspect-ratio:1.7;overflow:hidden;background:#eee9db}.application-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s}.application-grid>a:hover .application-photo img{transform:scale(1.03)}.application-image-label{position:absolute;left:17px;bottom:13px;padding:5px 7px;border-radius:3px;background:#f9f7eedb;color:#5b624a;font-size:8px;letter-spacing:.6px;font-weight:500;backdrop-filter:blur(8px)}.application-copy{padding:24px 25px 23px}.application-copy .application-index{color:#8a7140;font-size:10px;letter-spacing:.5px}.application-grid .application-copy h3{font-size:21px;margin:9px 0 11px;line-height:1.35;color:#294733;max-width:none}.application-grid .application-copy p,.application-grid>a[data-sector=bags] .application-copy p,.application-grid>a[data-sector=pets] .application-copy p{font-size:13px;line-height:1.8;color:#677760;max-width:330px;min-height:47px;margin:0}.application-explore{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e7da;padding-top:15px;margin-top:20px;color:#405d3e;font-size:11px;font-weight:500;gap:15px}.application-explore>span:last-child{font-size:17px;color:#9b7938}.application-grid .application-arrow{top:15px;right:15px;width:29px;height:29px;display:grid;place-items:center;font-size:17px;color:#5b694c;background:#fffdf1d9;border:1px solid #ffffffb0;border-radius:4px;backdrop-filter:blur(8px)}
@media(min-width:1500px){.hero.hero-photographic{min-height:665px;padding-top:100px;padding-bottom:100px}}
@media(max-width:1180px){.hero.hero-photographic{min-height:585px;padding:79px 36px 80px}.hero-photographic .hero-copy{max-width:493px}.hero-photographic h1,html[lang=zh-CN] .hero-photographic h1{font-size:49px}.hero-photographic .hero-description{max-width:444px;font-size:15px}.hero-visual{inset:0 -7% 0 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 22%,#0002 37%,#0008 50%,#000 65%);mask-image:linear-gradient(90deg,transparent 0%,transparent 22%,#0002 37%,#0008 50%,#000 65%)}.hero-image-caption{right:26px;bottom:21px}.application-grid{gap:18px}.application-copy{padding:21px}.application-grid .application-copy h3{font-size:20px}.application-grid .application-copy p{font-size:12px;min-height:44px}.application-explore{font-size:10px}.application-photo{aspect-ratio:1.55}}
@media(max-width:930px){.hero.hero-photographic{min-height:548px;padding:75px 36px}.hero-photographic .hero-copy{max-width:437px}.hero-photographic h1,html[lang=zh-CN] .hero-photographic h1{font-size:43px}.hero-photographic .hero-description{max-width:390px;font-size:14px;line-height:1.85}.hero-photographic .hero-actions .button{font-size:12px;padding:12px 17px;min-height:45px}.hero-photographic .hero-proof{font-size:8px}.hero-photographic .hero-industries{font-size:8px}.hero-photo{object-position:70% center}.hero-visual{inset:0 -19% 0 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 23%,#0002 38%,#0008 50%,#000 64%);mask-image:linear-gradient(90deg,transparent 0%,transparent 23%,#0002 38%,#0008 50%,#000 64%)}.hero-image-caption{padding:9px 11px;right:24px;bottom:17px;max-width:270px}.hero-image-caption strong{font-size:7px;letter-spacing:.4px}.hero-image-caption div>span{font-size:7px}.caption-line{height:23px}.application-copy{padding:19px 18px}.application-grid .application-copy h3{font-size:18px}.application-grid .application-copy p{font-size:12px;min-height:63px}.application-explore{font-size:9px;gap:9px;margin-top:18px}.application-image-label{font-size:6px;left:12px;bottom:10px}.application-photo{aspect-ratio:1.4}.application-photo img{object-position:55% center}}
@media(max-width:760px){.hero.hero-photographic{min-height:540px;padding:74px 24px}.hero-photographic .hero-copy{max-width:392px}.hero-photographic h1,html[lang=zh-CN] .hero-photographic h1{font-size:40px;letter-spacing:-1.1px}.hero-photographic .eyebrow{font-size:9px;max-width:315px}.hero-photographic .hero-description{max-width:352px;font-size:13px}.hero-photographic .hero-actions .button{font-size:11px;padding:11px 14px;min-height:43px}.hero-photographic .hero-proof{font-size:7px;max-width:350px}.hero-photographic .hero-industries{font-size:7px;gap:16px}.hero-visual{inset:0 -27% 0 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 20%,#0001 35%,#0006 49%,#000 63%);mask-image:linear-gradient(90deg,transparent 0%,transparent 20%,#0001 35%,#0006 49%,#000 63%)}.hero-image-caption{right:18px;bottom:16px;max-width:260px}.application-grid{gap:14px}.application-copy{padding:18px 16px}.application-grid .application-copy h3{font-size:17px}.application-grid .application-copy p{font-size:11px;min-height:79px;line-height:1.8}.application-explore{font-size:8px;padding-top:13px;margin-top:15px}.application-photo{aspect-ratio:1.25}.application-image-label{font-size:6px;left:9px;bottom:9px;padding:4px 5px;letter-spacing:.25px}.application-grid .application-arrow{width:26px;height:26px;right:10px;top:10px;font-size:15px}}
@media(max-width:560px){.hero.hero-photographic{min-height:800px;display:block;padding:34px 20px 332px;background:#f7f5ee}.hero-photographic .hero-copy{max-width:100%}.hero-photographic .hero-copy:before{display:none}.hero-photographic h1,html[lang=zh-CN] .hero-photographic h1{font-size:43px;line-height:1.13;letter-spacing:-1.3px;max-width:400px}.hero-photographic .eyebrow{font-size:8px;max-width:none;letter-spacing:.65px;margin-bottom:17px}.hero-photographic .hero-description{max-width:100%;font-size:14px;line-height:1.85;margin:21px 0 24px}.hero-photographic .hero-actions .button{font-size:12px;padding:12px 17px;min-height:46px}.hero-photographic .hero-proof{font-size:7px;margin-top:22px;max-width:none}.hero-photographic .hero-industries{font-size:8px;margin-top:17px;gap:16px}.hero-visual{inset:auto 0 0;height:380px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#0002 13%,#000b 31%,#000 50%);mask-image:linear-gradient(to bottom,transparent 0%,#0002 13%,#000b 31%,#000 50%)}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:80% center}.hero-image-caption{bottom:14px;right:16px;background:#faf8efdb;padding:7px 9px;max-width:255px;gap:9px}.hero-image-caption strong{font-size:6px;letter-spacing:.5px}.hero-image-caption div>span{font-size:6px}.caption-line{height:20px}.application-grid{gap:18px}.application-photo{aspect-ratio:1.55}.application-photo img{object-position:center center}.application-copy{padding:23px}.application-grid .application-copy h3{font-size:21px;margin:8px 0 11px}.application-grid .application-copy p{font-size:13px;min-height:0;max-width:100%;line-height:1.8}.application-explore{font-size:11px;padding-top:15px;margin-top:19px}.application-image-label{font-size:8px;left:15px;bottom:12px;padding:5px 7px;letter-spacing:.5px}.application-grid .application-arrow{top:13px;right:13px;width:29px;height:29px;font-size:17px}}
@media(max-width:380px){.hero.hero-photographic{padding-left:20px;padding-right:20px;min-height:805px;padding-bottom:323px}.hero-photographic h1,html[lang=zh-CN] .hero-photographic h1{font-size:39px}.hero-photographic .hero-description{font-size:13px}.hero-photographic .hero-actions .button{font-size:11px;padding:11px 14px;min-height:44px}.hero-photographic .hero-proof{font-size:6px}.hero-photographic .hero-industries{font-size:7px;gap:15px}.hero-visual{height:361px}.application-copy{padding:21px}.application-grid .application-copy h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.application-grid>a:hover .application-photo img{transform:none}}