/* Compact, neutral photo strip; the background scene is controlled separately. */
.concept-01 .c01-scene{background:#fff}
.concept-01 .c01-scene.has-video>img{opacity:0}
.concept-01 .c01-scene>video{position:absolute;inset:0 0 auto auto;width:auto;max-width:none;height:calc(100% - 100px);aspect-ratio:1108/828;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 15%),linear-gradient(180deg,#000 86%,transparent);mask-composite:intersect;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}
.concept-01 .c01-scene[data-media=video].has-video>video{opacity:1;visibility:visible}
.concept-01 .c01-media-picker{position:absolute;right:4.2vw;bottom:148px;z-index:2;width:500px;max-width:43vw;box-sizing:border-box;padding:8px 10px 7px;background:#f5f2eceb;border:1px solid #d9d5cd;box-shadow:0 7px 20px #0f0e0c0c;backdrop-filter:blur(10px);color:#0f0e0c;font-family:'Manrope',Arial,sans-serif}
.concept-01 .c01-media-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;height:18px}
.concept-01 .c01-media-title{margin:0;font:500 14px/18px 'Manrope',Arial,sans-serif;letter-spacing:-.15px}
.concept-01 .c01-media-toggle{flex:none;min-height:18px;margin:0;padding:0;border:0;border-bottom:1px solid #8e8a82;border-radius:0;background:transparent;color:#5c5852;font:400 13px/17px 'Manrope',Arial,sans-serif;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.concept-01 .c01-media-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:7px}
.concept-01 .c01-media-item{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;box-sizing:border-box;border:1px solid #d9d5cd;border-radius:0;overflow:hidden;background:#f5f2ec;color:#5c5852;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.concept-01 .c01-media-item>img{display:block;flex:none;width:100%;height:50px;object-fit:cover;object-position:50% 52%}
.concept-01 .c01-media-item>span{display:block;width:100%;min-height:19px;font:500 12px/19px 'Manrope',Arial,sans-serif;text-align:center;white-space:nowrap}
.concept-01 .c01-media-item[aria-pressed=true]{border-color:#3a3733;background:#ece9e3;color:#0f0e0c;box-shadow:0 0 0 1px #3a3733}
.concept-01 .c01-media-item:focus-visible,.concept-01 .c01-media-toggle:focus-visible{outline:2px solid #3a3733;outline-offset:3px}
.concept-01 .c01-media-toggle:disabled{opacity:.45;cursor:default}
.concept-01 .c01-video-toggle--standalone{position:absolute;right:4.2vw;bottom:148px;z-index:2;padding:8px 12px;border:1px solid #b9b4ab;border-radius:3px;background:#f5f2eced;color:#3a3733;font:400 13px/1.3 'Onest',Arial,sans-serif;cursor:pointer}
.concept-01 .c01-video-toggle--standalone:focus-visible{outline:2px solid #3a3733;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .concept-01 .c01-media-item:hover{border-color:#8e8a82;background:#ece9e3;color:#0f0e0c}
  .concept-01 .c01-media-item[aria-pressed=true]:hover{border-color:#3a3733}
  .concept-01 .c01-media-toggle:hover{color:#0f0e0c;border-color:#0f0e0c}
}
@media(min-width:761px) and (max-width:1100px){
  .concept-01 .c01-media-picker{width:150px;max-width:none;padding:8px}
  .concept-01 .c01-media-heading{height:auto;display:block}
  .concept-01 .c01-media-title{font-size:13px;line-height:17px}
  .concept-01 .c01-media-toggle{margin-top:3px}
  .concept-01 .c01-media-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}
@media(max-width:760px){
  .concept-01 .c01-scene{height:740px}
  .concept-01 .c01-scene>video{inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:60% 50%;mask-image:none}
  .concept-01::before{height:800px;background:linear-gradient(180deg,#fff 0%,#fffffff2 14%,#ffffffeb 32%,#ffffffd9 48%,#ffffff8c 65%,transparent 80%,#fff 96%)}
  .concept-01 .c01-media-picker{position:relative;inset:auto;order:4;width:100%;max-width:none;margin:120px 0 20px;padding:8px 0 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .concept-01 .c01-media-heading{gap:12px}
  .concept-01 .c01-media-title{font-size:14px}
  .concept-01 .c01-media-strip{gap:7px;margin-top:8px}
  .concept-01 .c01-media-item>img{height:46px}
  .concept-01 .c01-media-item>span{font-size:12.5px;line-height:20px;min-height:20px}
  .concept-01 .c01-facts{order:5;margin-top:0}
  .concept-01 .c01-button{order:2}
  .concept-01 .c01-gifts{order:3}
  .concept-01 .c01-footer{order:6}
  .concept-01 .c01-video-toggle--standalone{position:relative;inset:auto;order:4;justify-self:end;margin:110px 0 22px}
}
@media(prefers-reduced-motion:reduce){
  .concept-01 .c01-media-item,.concept-01 .c01-media-toggle,.concept-01 .c01-scene>video{transition:none}
}