/* Carry concepts: restrained exteriors and useful internal organization. */
.hero{grid-template-columns:38% 62%;background:#e6e3de;min-height:630px}.hero h1{font-size:clamp(60px,5.8vw,86px);letter-spacing:-4px}.hero-copy{padding-right:10px;padding-top:74px}.hero-copy>p{max-width:340px}.hero .edition{font-size:12px;line-height:1.6}.carry-hero>img{object-fit:contain;object-position:center;mix-blend-mode:multiply}.carry-hero:after{background:none}.carry-concept-link{position:absolute;bottom:75px;left:28px;z-index:3;background:#ffffffd9;backdrop-filter:blur(12px);padding:13px 20px;border-radius:15px;text-align:left;border:1px solid #ffffff99}.carry-concept-link>span{display:block;font-size:10px;color:#62655f}.carry-concept-link>strong{display:block;font-size:13px;font-weight:500;margin-top:3px}.carry-concept-link:hover{background:#fff}.carry-hero .image-caption{left:28px;right:28px;font-size:10px;color:#555c50}.hero-foot a{font-size:11px}
.product-art.duffel{background-image:url('assets/halo-duffel-larger-nylon-silver-v7.webp');background-color:#ddd9d3;background-size:contain;background-position:center}.product-art.laptop-bag-preview{background-image:none;background-color:#e2e5e4;color:#414b47;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px;text-align:center}.laptop-bag-preview>span{font-family:var(--display);font-size:clamp(20px,2vw,30px);letter-spacing:-1px;font-weight:500}.laptop-bag-preview>small{font-size:10px;line-height:1.6;color:#748079;max-width:120px}.product-dialog .detail-image:has(.duffel){background:#ddd9d3}.product-dialog .detail-image:has(.laptop-bag-preview){background:#e2e5e4}.detail-image .product-art.duffel{width:100%;height:100%;background-size:contain}.detail-image .product-art.laptop-bag-preview{width:100%;height:100%}.detail-image .laptop-bag-preview>span{font-size:38px}.detail-image .laptop-bag-preview>small{font-size:12px;max-width:none}.search-result .laptop-bag-preview{padding:5px;gap:0}.search-result .laptop-bag-preview>span{font-size:12px;letter-spacing:-.3px}.search-result .laptop-bag-preview>small{display:none}.search-result .duffel{background-size:150%;background-position:0 50%}
.bag-update{padding:14px 16px;background:#edf0e5;border-radius:13px;font-size:11px;line-height:1.75;color:#536346;margin:15px 0}.bag-update[hidden]{display:none}.story-section .button{align-self:flex-start}.packing-dialog{width:540px;padding:39px}.packing-dialog h2{font-size:38px;letter-spacing:-1.7px}.packing-intro{font-size:13px;line-height:1.8;color:#67705e;margin:17px 0 23px}.packing-items{display:flex;flex-direction:column;gap:11px}.packing-item{display:flex;align-items:center;gap:14px;padding:14px 15px;border:1px solid #dee3d6;border-radius:13px;cursor:pointer;font-size:13px}.packing-item input{width:20px;height:20px;accent-color:#455c3b;margin:0;flex-shrink:0}.packing-item:has(input:checked){background:#edf2e8}.packing-item:has(input:checked)>span{text-decoration:line-through;color:#6f7b65}.packing-item:has(input:focus-visible){outline:3px solid #7b593d;outline-offset:3px}.packing-item input:focus-visible{outline:none}#packing-status{font-size:12px;color:#506840;margin:20px 0 10px}.packing-note{font-size:10px;line-height:1.8;color:#7a8372}.packing-actions{display:flex;gap:12px;margin-top:24px}.packing-actions .button,.packing-actions .outline-button{flex:1;font-size:12px;padding:13px}
@media(max-width:1150px){.hero{grid-template-columns:41% 59%}.hero h1{font-size:69px;letter-spacing:-3.5px}.hero-copy{padding-top:55px}.carry-hero .image-caption{flex-direction:column;gap:3px}.carry-hero .image-caption span:first-child{display:block}.carry-concept-link{bottom:85px;left:20px}.hero-actions .button{font-size:12px}.hero-foot a{max-width:250px}}
@media(max-width:900px){.hero{grid-template-columns:45% 55%;min-height:0}.hero h1{font-size:58px;letter-spacing:-3px}.hero-copy{padding-top:37px}.hero .edition{font-size:10px}.hero-copy>p{font-size:13px}.carry-concept-link{bottom:76px;padding:12px 14px}.carry-concept-link>strong{font-size:12px}.carry-hero .image-caption{left:20px;right:20px;font-size:9px}.hero-foot small{font-size:9px}.hero-foot a{max-width:205px}.footer-top nav{gap:16px}}
@media(max-width:600px){.hero-copy{padding:32px 25px 0}.hero h1{font-size:clamp(48px,12.8vw,74px);letter-spacing:-2.8px}.hero-copy>p{font-size:13px;line-height:1.75}.hero .edition{font-size:10px;margin-bottom:18px}.hero-actions .button{font-size:11px;padding:13px 14px}.hero-foot a{max-width:none;font-size:10px}.hero-foot{padding-top:16px}.carry-hero{height:340px;margin-top:2px}.carry-hero>img{object-fit:contain;object-position:center 35%}.carry-concept-link{bottom:45px;left:16px;right:16px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:12px}.carry-concept-link>span{font-size:9px}.carry-concept-link>strong{font-size:10px;margin:0}.carry-hero .image-caption{left:16px;right:16px;bottom:13px;flex-direction:row;gap:8px;font-size:8px}.product-art.laptop-bag-preview{padding:17px;gap:8px}.laptop-bag-preview>span{font-size:21px;letter-spacing:-.7px}.laptop-bag-preview>small{font-size:9px}.detail-image .product-art.duffel,.detail-image .product-art.laptop-bag-preview{left:0;transform:none}.detail-image .laptop-bag-preview>span{font-size:32px}.packing-dialog{padding:29px 23px}.packing-dialog h2{font-size:32px}.packing-intro{font-size:12px;margin:15px 0 21px}.packing-item{padding:13px 12px;font-size:12px;gap:12px}.packing-actions{gap:9px}.packing-actions .button,.packing-actions .outline-button{font-size:11px}.story-section .button{font-size:12px}.footer-top nav{grid-template-columns:1fr 1fr}}

.product-art.work-gym-backpack{background-image:url('assets/halo-backpack-nylon-silver-v7.webp');background-color:#ddd9d3;background-size:contain;background-position:center}.detail-image .product-art.work-gym-backpack{width:100%;height:100%;background-size:contain}.product-dialog .detail-image:has(.work-gym-backpack){background:#ddd9d3}.search-result .work-gym-backpack{background-size:150%;background-position:0 50%}@media(max-width:600px){.detail-image .product-art.work-gym-backpack{left:0;transform:none}}
